table
{
font-size: 0.95em; 
}


body
{
/*    background-color: #E8E8E8; */
   background: url("pictures/bg.png") repeat scroll 0 0 #FFFFFF;
   font-family: Arial,Georgia,sans-serif;
   text-align: center;
   font-size: 0.95em;
   padding: 0px 0px 0px 0px;
   margin-top: 8px;
}

a
{
   color: #808080;
}

h1
{
   color: #000000;
   font-size:20px;
}

h2
{
   color: #808080;
   font-size:16px;
}

h3
{
   color: #808080;
}

h4
{
   color: #808080;
}

h5
{
   color: #808080;
}

h6
{
   color: #808080;
}

h6 a
{
   text-decoration: none;
}

h6 a:hover
{
   color: #000000;
   text-decoration: none;
}

#main
{
   width: 1000px;
   margin: auto;
   padding: 0px;
   background-color: #FFFFFF;
   text-align: left;
}

#head
{
/*    border-top: 1px solid #000000; */
   margin: 0px 0px 10px 0px;
}

   #head img
   {
      margin: 1px 0px 8px 10px;
      float: left;
      border-width: 0px;
   }

#logos
{
    padding-top: 5px;
}

#rwthlogo
{
   float:right !important;
   position: relative;
   top: 20px;
   left: -10px;
}

#mininavigation
{
   float: right;
   position: relative;
   top: 30px;
   left: 150px;
   margin: 55px 10px 0px 0px;
   width: 200px;
   text-align: right;
}

   #mininavigation a
   {
      text-decoration: none;
      font-weight: normal;
      font-size: 80%;
   }

#sitenavigation
{
   background-color: #EAEAEA;
   background-image: url(pictures/bg_header.png);
   background-repeat: repeat-x;
   margin: 0px 0px 0px 0px;
   clear: both;
   height: 2em;
   padding: 0em 0em 0em 175px;
}

   #sitenavigation li
   {
      display: inline;
   }

   #sitenavigation a
   {
      position: relative;
      padding: 0.25em 1em 0.25em 1em;
      top: 0.6em;
      text-decoration: none;
      color: #808080;
      font-weight: normal;
   }

   #sitenavigation .active a
   {
      border-top: 1px solid #808080;
      border-right: 1px solid #808080;
      border-left: 1px solid #808080;
      -moz-border-radius-topleft: 5px; /* works only in Mozilla, Firefox and Netscape */
      -moz-border-radius-topright: 5px; /* works only in Mozilla, Firefox and Netscape */
      -khtml-border-radius-topleft: 5px; /* works only in Konqueror and Safari */
      -khtml-border-radius-topright: 5px; /* works only in Konqueror and Safari */
      background-color: #FFFFFF;
   }


#navigation
{
   width: 150px;
   float: left;
   list-style-type: none;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 300px 8px;
}
   #navigation li
   {
      border-bottom: 1px solid #808080;
      padding: 0px 0px 0px 0px;
   }

   #navigation a
   {
      display: block;
      font-size: 105%;
      text-decoration: none;
      font-weight: normal;
      padding: 2px 0px 2px 2px;
    }
    
   #navigation img
   {
      border: none;
   }

   #navigation .level1 a
   {
   }

   #navigation .level1 a:hover
   {
      background-color: #C4C4C4;
      color: #FFFFFF;
      font-weight:normal;
   }

   #navigation .level1active a
   {
      background-color: #C4C4C4;
      color: #FFFFFF;
      font-weight:normal;
   }

   #navigation .level2 a
   {
      padding: 2px 0px 2px 10px;
      background-color: #EAEAEA;
   }
   
   #navigation .level2 a:hover
   {
      padding: 2px 0px 2px 10px;
      background-color: #EAEAEA;
      font-weight: normal;
   }
   
   #navigation .level2active a
   {
      padding: 2px 0px 2px 10px;
      background-color: #EAEAEA;
      font-weight: normal;
   }


#partner
{
   margin: -220px 0px 0px 8px;
   float:left;
   width: 150px;
   position: relative;
}

   #partner a img
   {
      margin: 10px 0px 0px 0px;
      border-width: 0px;
   }

#content
{
   float: left;
   margin-left:5px;
   width: 625px;
   padding: 20px 5px 30px 5px;
}

#bottom
{

   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   clear: both;
}

#lastedit
{
   padding: 0px 10px 3px 0px;
   text-align:right;
   font-size: x-small;
}

#footer
{
   padding: 3px 10px 3px 10px;
   color: #808080;
   font-weight: normal;
   text-align: center;
   font-size: x-small;
/*   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;*/
   background-color: #EAEAEA;
   background-image: url(pictures/bg_footer.png);
   background-repeat: repeat-x;
}

    #carousel_inner {  
    float:left; /* important for inline positioning */  
    width:430px; /* important (this width = width of list item(including margin) * items shown */
    height:70px;
    overflow: hidden;  /* important (hide the items outside the div) */  
    /* non-important styling bellow */  
    background: #FFFFFF;  
    }  
      
    #carousel_ul {  
    position:relative;  
    left:-210px; /* important (this should be negative number of list items width(including margin) */  
    list-style-type: none; /* removing the default styling for unordered list items */  
    margin: 0px;  
    padding: 0px;  
    width:9999px; /* important */  
    /* non-important styling bellow */  
    padding-bottom:10px;  
    }  
      
    #carousel_ul li{  
    float: left; /* important for inline positioning of the list items */  
    width:150px;  /* fixed width, important */
    height:60px;
    /* just styling bellow*/  
    padding:0px;   
    background: #FFFFFF;  
    margin-top:10px;  
    margin-bottom:10px;  
    margin-left:5px;  
    margin-right:5px;  
    }  
      
    #carousel_ul li img {  
    .margin-
    bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that */  
    /* styling */  
    cursor:pointer;  
    cursor: hand;  
    border:0px;  
    }
    #left_scroll{
    margin-left:20px;  
    }
    
    #left_scroll, #right_scroll{  
    float:left;  
    height:70px;  
    width:25px;  
    background: #FFFFFF;  
    }  
    #left_scroll img, #right_scroll img{  
    border:0; /* remove the default border of linked image */
    height:70px;
    margin:1px 0px 8px;
    /*styling*/  
    cursor: pointer;  
    cursor: hand;  
      
    }  
    #rightside {
    float:right;
    width:180px;
    background: url(pictures/pinnwand.png) no-repeat scroll transparent;
    margin-left:10px;
    border-right: 3px solid #FFFFFF;
    word-wrap:break-word;
    }

    .news-latest-date {
    background: url(pictures/arrow_right.png) no-repeat scroll left center transparent; 
    padding-left: 10px; /* IE is needing this */
    }
    
    .news-latest-item > p {
    padding: 0 0 0 10px !important; 
    }