@charset "utf-8";

html {margin:0; padding:0;}

body {
	margin:0; 
	padding:0;
	font-size:62.5%;/* schriftgroesse relative machen, um spaeter mit em zu arbeiten    */
	background-color:#fff;
	font-family:verdana, arial, sans-serif;
	
	text-align:center;   /* vertikal zentrieren im IE6 */
	
}



/**********************************************************************/
/*           	             Ebenen - Layout			                   

Die in den Content divs eingetragenen Hoehen sollten, wenn inhalt da
ist wieder entfernt werden, damit die divs mitwachsen.
Allerdings kann es bei 2 Spalten zu problemen kommen, z.B. das
die eine Spalte nicht mitwaechst wenn die andere groesser wird...dies
kann z.B. ueber ein hintergrundbild im content_wrapper behoben werden.
                                                                        */
/**********************************************************************/


#wrapper {
	width:1000px;
	margin:0 auto; /* vertikal zentrieren */
	text-align:left;  /* text wieder links positionieren */
	background-image: url(../images/CFK-Komponente.jpg);
     background-color:#fff;
}

#header {
   width:1000px;
   height:210px;
   float:left;
   margin-bottom:0px;
   background-image: url("images/Carbonfasergewebe.jpg");
   
}
#header image {
   width:980px;
   height:125px;
   float:left;
   border:none;
  }
   
#h1  {
   color: #fff;
   }
    a:link
{ font-family: Verdana,Arial;
font-size: 13px;
color: #000000;
text-decoration: none;
text-underline: none; }

a:active
{ font-family: Verdana,Arial;
font-size: 13px;
color: #000000;
text-decoration: none;
text-underline: none; }

a:visited
{ font-family: Verdana,Arial;
font-size: 13px;
color: #000000;
text-decoration: none;
text-underline: none; }

a:hover
{ font-family: Verdana,Arial;
font-size: 13px;
color: #000000;
text-decoration: none;
text-underline: none; }


#content_wrapper {
   margin-top:0px;
   width:1000px;
   float:left;
   background-color: #FFF5EE;
}

#content_left {
   width:500px;
   height:590px;
   float:left;
   margin-bottom: 2em;  
}
#content_left table, th, td {
border: none;
border-collapse: collapse;
width:470px;
font-family: Verdana;
font-size: 1em;
text-align: left;
padding:3px;
} 
   
 .ungerade td {
background-color: #cccccc;
}

.gerade td {
background-color: #F0FFF0;
}
#content_left p {
font-style:italic;
font-family: Verdana;
font-size: 0.8em;
color: #696969;
text-align: left;
padding:3px;
} 
#content_right {
   width:500px;
   height:590px;
   float:right;
   font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100.01%;
margin-bottom: 2em;
   }
#content li{
color: #CCCCCC;
padding:3px;
}
#content_right table{
border: none;
width:450px;
font-family: Verdana;
font-size: 1em;
text-align: left;
} 

   }
#content_right td{
text-align: left;
padding:1px;
} 

.imgcf_peek
{
float: left;
padding: 3px;
font-size: 0.7em;
} 

#menue {
width: 380px;
font-size: 80%;
}

h2  {font-size: 14px;
color: #696969;}
#menue {
width: 380px;
font-size: 80%;
}

#menue ul {
list-style-type: none;
padding: 0px;
color: #000000;
border: none;
font-weight:bold;
margin: 1px 0px;
background-color: #FFF5EE;
}
#menue li {
display: block;

}
#menue li a, #menue li a:link {
text-decoration: none;
color: #000000;
font-weight:bold;
display: block;
width: 380px;
padding: 5px;
}
#menue li a:visited {
color: #000000;
font-weight:bold;
}

#menue li a:hover, #menue li a:active, #menue li a:focus {
color: #000000;
font-weight:bold;

}


#footer {
   width:1000px;
   height:129px;
   clear: both;
   background-color:#cccccc;
   margin-top: 2em;
   padding:0px;
   border: none;
}
#footer table {
border:0px;
	border-collapse: collapse;
	vertical-align: middle;
   	padding:0px;
}
 
#footer tr {
	border-top: 0px;
	border-bottom: 0px;
}
#footer img {
padding: 0px;
margin: 0px;}

 
#footer th {
	padding: 0px 30px;
	}
#footer td {
	padding: 0px 30px;
	vertical-align: center;
}
#menue2 {
width: 115px;
font-size: 80%;
float: right;
}
#menue2 ul {
list-style-type: none;
padding: 0px 0px;
border: 1px solid #000000;
margin: 0px 0px;
background-color: #0404B4;
}
#menue2 li {
display: block;
}
#menue2 li a, #menue2 li a:link {
text-decoration: none;
display: block;
color: #CCCCCC;
width: 130px;
padding: 0px;
}
#menue2 li a:visited {
color: #0066FF;
}

#menue2 li a:hover, #menue2 li a:active, #menue2 li a:focus {
color: #ffcc00;
background-color: #000099;
}div.clear {
   clear:both;
}



/**********************************************************************/
/*           	             Ebenen - Text			                      

Damit der text nicht am Rand klebt, gibt es in jedem div noch ein 
div mit einem margin, und event. Textformatierungen.
Könnte auch in dem div darueber mit padding geloest werden, wird 
aber von verschiedenen Browser unterschiedlich oder nicht 
interpretiert.
                                                                      */
/**********************************************************************/


#header_t {
   margin:10px;
   font-size:1.2em;
   color:#fff;
}

#content_left_t {
   margin:50px;
   font-size:1.2em;
   color:#000;
}

#content_right_t {
   margin:50px;
   font-size:1.2em;
   color:#000;
}

#footer_t {
   margin:10px;
   font-size:1.2em;
   color:#000;
}