html, body { 
 margin-top:40px; 
 padding:0; 
 text-align:center;
 font-family: trebuchet ms, verdana, sans-serif;
 font-size:12px;  
 overflow:hidden;
 
   scrollbar-base-color:#ffffff;
  scrollbar-3d-light-color:#8DA6B4;
  scrollbar-arrow-color:#8DA6B4;
  scrollbar-darkshadow-color:#8DA6B4;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#8DA6B4;
  scrollbar-track-color:#ffffff;


 
 
 } 
 h1 {font-weight:bold;font-size:13px;margin:0 0 12 0; padding:0;color:#8DA6B4;}
 h2 {font-weight:bold;font-size:13px;margin:0 0 12 0; padding:0;color:#8DA6B4;}
   h3 {font-weight:bold;font-size:13px;margin:0 0 12 0; padding:0;color:#8DA6B4;}
   h4 {font-weight:bold;font-size:12px;margin:5 0 5 0 ; padding:0;color:#8DA6B4;}

td { 
 padding:0 0 0 4; 
 text-align:left;
 font-family: trebuchet ms, verdana, sans-serif;
 font-size:12px;
 vertical-align:top;  
} 
hr {height:1px; margin:15 0 15 0; color:#8DA6B4;}

.li {margin:3 0 0 31; text-indent:-31px; line-height:14px;}
.lio {margin:3 0 0 31; text-indent:0px; line-height:14px;}
.lix {margin:3 0 0 0; text-indent:0px; line-height:14px;}
.primg {margin:0 8 0 6;font-size:10px; border:none; width:280px;}
.projimg {margin:0 8 0 6;font-size:10px; border:none; }
.werke {font-size:10px; color:black; position:absolute; bottom:5px; left:408px; width:270px;}

 
#pagewidth{ 
 width:900px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#leftcol{
 width:205px; 
 float:left; 
 position:relative; 
 background-color:#ffFFFF; 
 }
 
#maincol{
	
 background-color: #FFFFFF;  
 height:550px;
 float: right; 
 left: 30px;
 
 top: 0px;
 display:inline; 
 position: relative; 
 width:695px; 
 overflow:auto; }
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


A {text-decoration:none;
   font-weight:normal; 
   display:block;
   color:navy;}
   
   
   
ul {margin: 0px; 
	padding: 0px;
	list-style-type:decimal;
	}



/* ------- */
/* Ebene 1 */
/* ------- */


UL.ebene1 LI {  margin:0px;
				list-style-type:none;
                padding:0px; /* wird nicht gebraucht ??*/
				}

UL.ebene1 LI A{color:#000;
             padding-left: 5px;
             margin:0px;
			 line-height:20px;
             /*border-top:1px solid white;*/
			 width:180px; 
			 list-style-type:none;
			 }

UL.ebene1 LI.dieser A:hover, UL.ebene1 LI.anderer A:hover{/*background-color: orange;*/
															text-decoration:underline;}
UL.ebene1 LI.dieser A{font-weight:bold;
					  list-style-type: none;
					  color:white;
					  background-color:#8DA6B4;}
UL.ebene1 LI.anderer A{font-weight:normal;
					list-style-type:none;
					   color:black;
					   }


/* ------- */
/* Ebene 2 */
/* ------- */

UL.ebene2 { list-style-type: none; 
			  }

UL.ebene2 LI A {padding-left: 18px;
              background-image: url(li2.gif);
			  background-repeat: no-repeat;
			  background-position-y: 11px;
			  background-position-x: 11px;
			  width:197px;
			  list-style-type: none; 
			  }

UL.ebene2 LI.dieser A{color:#8DA6B4;
                      font-weight:bold;
					  background-color: white; 
					  list-style-type: none;;
					   }
UL.ebene2 LI.anderer A{color:black;
                       font-weight:normal;
					   background-color: white;
					   list-style-type: none;
					   }
UL.ebene2 LI.anderer A:hover , UL.ebene2 LI.dieser A:hover{
						/*background-color: orange;*/
						text-decoration:underline;}

/* ------- */
/* Ebene 3 */
/* ------- */
UL.ebene3 LI.anderer A:hover , UL.ebene3 LI.dieser A:hover{/*background-color: orange;*/text-decoration:underline;}
UL.ebene3 LI A {color:navy;
				list-style-type:none;
                padding-left: 45px;
				width:162px;}
UL.ebene3 LI.dieser A{color:#74869b;
                      font-weight:bold;
					  background-color: white;
					  list-style-type:none;
					   }
UL.ebene3 LI.anderer A{color:black;
                       font-weight:normal;
					   list-style-type:none;
					   background-color: white;
					   }