html {
    display:table;
	height: 100%;
	width:100%;
}

.projectTable {
     font-family: Verdana;	 
     margin: 20 20 20 20;
     color: #666666;
}

.index {	 
	 font-size: 10px;
	 }

a:link {font-family: Verdana; font-size: 10pt; color:#ff6666; text-decoration:none;  }
a:visited {font-family: Verdana; font-size: 10pt; color:#ff6666; text-decoration:none; }
a:active {font-family: Verdana; font-size: 10pt; color:red; text-decoration:none;  }
a:an {font-family: Verdana; font-size: 10pt; color:#ff6666; text-decoration:none; font-weight:bold; }

p.head_line1{font-family: Verdana, Arial, sans-serif; font-size: 10pt; color: #222222;font-weight:bold;}

     
#wrap {
	width: 900px;
	margin: 0px auto; /*zentriert und 0px vom oberen u unteren Rand*/
	padding-left:10px;/*Rand links auf kleinem Monitor*/
	padding-top: 20px;
	
}

#top {
	width: 100%;
	height:100%;
}


.space {
display:block;
/*	float:left;*/
	height: 20px;
	width:100%;
	clear:both;
	}

#header h1 {
	height:63px;
	border: 1px solid #969696;
	/*background-color:orange;*/
	float:left;
	width: 838px;
	padding-top : 11px;
	font-family: Helvetica, Georgia, sans-serif;	
	font-size: 26px;
	font-weight:normal;
	letter-spacing:1px;
	margin: 0 auto 0 auto;	
	color: #abadab;/*margin: 0 auto 0 auto;*//*border: 1px solid magenta;*/
	opacity:0.6;
	filter:Alpha(opacity=40);
	}
	
	
#header a {
	border: 10px;
	text-decoration: none;
	width: 240px;
}
#header h1:hover {
	opacity:1;
	filter:Alpha(opacity=100);
	
}
#content {
   top:90px;  
   width: 840px;
   height:600px;
   /*bottom: 20px;*/
   background-color:#e9f5f2;/* e2ecec #e6e6e6;  eef3f5*/
   font-size: 12px;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   
}

#content-contact {
   top:90px;  
   width: 840px;
   height:1168px;
   /*bottom: 20px;*/
   background-color: #e9f5f2;
   font-size: 12px;
   text-align: left;
   margin-left: auto;
   margin-right: auto;   
}

#content-methodik {
   top:90px;  
   width: 840px;
   height:1450px;
   /*bottom: 20px;*/
   background-color: #e9f5f2;
   font-size: 12px;
   text-align: left;
   margin-left: auto;
   margin-right: auto;   
}

#content-impressum {
   top:90px;  
   width: 840px;
   height:2068px;
   /*bottom: 20px;*/
   background-color: #e9f5f2;
   font-size: 12px;
   text-align: left;
   margin-left: auto;
   margin-right: auto;   
}

#content-vita {
   top:90px;  
   width: 840px;
   height:1320px;
   /*bottom: 20px;*/
   background-color: #e9f5f2;
   font-size: 12px;
   text-align: left;
   margin-left: auto;
   margin-right: auto;   
}

#banner {
   top:50px; 
   height:40px;   
   width: 840px; 
   background-color: #eef3f5;     
}

#sidebar {
   top:10px;  
   width: 130px;
   height:600px;
   background-color: #609950;
}

#sidebar-contact {
   top:10px; 
   width: 130px;
   height:1168px;
   background-color: #609950;     
}

#sidebar-methodik {
   top:10px; 
   width: 130px;
   height:1450px;
   background-color: #609950;     
}

#sidebar-impressum {
   top:10px; 
   width: 130px;
   height:2068px;
   background-color: #609950;     
}

#sidebar-vita {
   top:10px; 
   width: 130px;
   height:1320px;
   background-color: #609950;     
}

#contentbar {
   top:170px;  
   width:670px;
   height:600px;
   /*background-color: #c3286d;*/
   font-size: 10pt;
   text-align: left;
   margin-left: 150px;
   margin-right: auto;     
}

/*Menu==================================================*/
#menu {
	float:left;
	margin-top: 2px;
	margin-bottom: 10px;
	margin-left: 8px;
}

#menu a {
	padding-top:4px;
	display: block;
	color: black;
	font-size: 16px;
	font-weight: none;
	text-decoration: none;
	font-variant:small-caps;
	/*text-transform:uppercase;*/	
}

#menu ul li a:hover {
	color:#CC0000;
	font-size:16px;
}

#menu ul li.current_page_item a {
	color: #CC0000;
	font-size: 16px;
	padding-top: 4px;
}

#menu ul li
{
	margin-right: 5px;
	padding-right: 10px;
	list-style-type: none;
	position: relative;
	/*text-align:center;*/
	/*width: 50px;*/
	float: left;
}

#menu ul li:nth-child(1) a {width: 116px;}
#menu ul li:nth-child(2) a {width: 124px;}
#menu ul li:nth-child(3) a {width: 98px;}
#menu ul li:nth-child(4) a {width: 138px;}
#menu ul li:nth-child(5) a {width: 118px;}
#menu ul li:nth-child(6) a {width: 18px;}

#menu ul li.current_page_item a:hover {
	/*color: black;*//*text-decoration:underline;*/
	font-size:16px;
	
}