html, body {
	height:100%;
	margin:0px;
	padding:0;
	overflow: hidden;
		}

body
	{
	background: #999999;
	font:100.01%/1.4 sans-serif;
	text-align:center; /* horizontal centering for IE Win quirks */
}

a{
text-decoration: none;
color: #999999;
}

ul{
list-style-type: square;
padding: 0 0 0 1em;
margin-left: 0;
}

/* vertical center via http://www.manuelbieh.de/www/blog/vertikal-zentrierte-seiten-mit-css */
#abstand {
	height: 50%;
	width: 100px;
	margin-bottom: -300px;
	float: left;
	}

/* zentrierung ende */



#main {
	position: relative;
	background: #FFFFFF; 
	width: 960px;
	height: 600px;
	margin: auto auto;
	padding: 0;
	border: 0;
	text-align: center;
	clear: left;
} 


/* Navigation links */
#left_navi {
	background: #CCCCCC; 
	color: #999999;
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 600px;
	display: inline;
	z-index: 400;
	padding-left: 20px;
	margin: 0px;
	overflow: hidden;
	float:left;

			}
			

.left_navi_type{
	background:transparent;
	width: 1800px;
	height: 100%;
	text-align: left;
	vertical-align: top;
	z-index: 600;
	margin: 97px -10px 0 0px;
	display: block;
	
}

td {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #000000;
	text-decoration:none;
}


.menu{
padding: 5px 0px 4px 6px;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

a.menu{
	color: #999999;	
	text-decoration: none;
 	 }

a.menu:hover{
	color: #F58732;	
	text-decoration: none;
 	 }

.menu u{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}




.tdmenu{
margin-top: 0px;
}


.tdsubmenu{
height: 18px;
background: #dbdbdb;	
padding: 5px 0 4px 6px;
border-bottom: #CCCCCC 1px solid;
}

.submenu{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #999999;
	text-decoration: none;
	}	

.submenu:hover{
	background: #dbdbdb;
	color: #F58732;

}

.submenu u{
	text-decoration: none;
	color: #F58732;
	background: none;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
			}

		
		
		

/* Navigation ueber logo */
#top_navi {
background: #FFFFFF no-repeat top right url(../site_img/cmc_logo.jpg); 
width: 960px;
height: 61px;
position: relative;
color: #CCCCCC;
font:  bold 10px Verdana, Arial, Helvetica, sans-serif;
padding: 0pt;
margin: 0pt;
z-index: 200;
}

#top_navi table {
position: absolute;
left: 212px;
top: 5px;
height: 60px;
width: 340px;
margin: 0 10px 0 10px;
padding: 0;
}
#top_navi tr td {
vertical-align: bottom;
text-align: center;
width: 60px;
}
#top_navi a{
color: #999999;
text-decoration: none;
}
#top_navi a:hover{
text-decoration: underline;
color: #666666;
}

#top_navi a u{
font:  bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #F58732;
}

/* Bild auf Introseite */
#hello_img {
position: absolute;
left: 220px;
top: 20px;
width:720px;
height:510px;
z-index: 100;
}
#hello_img h1 {
	position: relative;
	left: 185px;
	top: 100px;
	background: #FFFFFF no-repeat center center url(../site_img/cmc_intro.jpg);
	height: 350px;
	width: 350px;
}
#hello_img h1 span {
display: none;
}
/* Bilderzeile*/
/* alt
#img_row {
background: #ffffff no-repeat left center url(../site_img/u_kunden2.jpg);
position: absolute;
left: 200px;
top:80px;
display: block;
height: 125px;
width: 760px;
padding: 0pt;
margin: 0pt;
overflow: hidden;
}
#img_row h5{
display: none;
} */

/* neu /als menu */


#img_nav{
	position: absolute;
	left: 200px;
	top:80px;
	display: block;
	background: #CCCCCC;
	width: 759px;
	height: 126px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.space{
background: #ffffff;
width: 3px;
}



/* Container fuer Texte etc  */
#content {
background: none;
position: absolute;
left: 0px;
top: 230px;
width: 720px;
height:350px;
float: none;
overflow: hidden;
border: none;
margin: 0px 28px 0 235px;
padding: 0 0px 0 0px;
}

u {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #F58732;
text-decoration: none;
line-height: 180%;
}
cite{
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
 line-height: 28px;
}
.copy {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
line-height:160%;
text-align: left;
padding: 0 130px 12px 0;
border:0px;
margin: 0px;
}

.intro{
color: #F58732;
}


hr {
width: 12px;
height: 12px;
background: #F58732;
color: #F58732;
text-align: left;
border: none;
}
/* Subnavi Unternehmensprofil */
#content table{
text-align:left;

}

form {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
fieldset{
border: 0;
}

.beschriftung{
background: #ffffff;
color: #000000;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
}
.felder{
border: 0;
background: #dbdbdb;
width: 370px;
}	

.button{
width:120px;
background: #F58732;
height: 24px;
text-align: center;
}

.button_td{
text-align: left;
}

/* vita */

.vita{
width: 650px;
padding: 3px;
}

.vita td{
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
vertical-align: top;
}

.linie{
border-bottom: #F58732 1px solid;
}

.vita td.schmal{
width:250px;
vertical-align: top;
}


.line{
border-bottom: #CCCCCC 1px solid;
text-align: center;
vertical-align: bottom;
}

td{
vertical-align: top;
}

.jahr{
width: 80px;
border: 0px;
}		
.jahr2{
background: none;
border: 0px;
}
/* .bg_grau{
background: #dbdbdb;
}	*/	

.portrait{
border: #000000 1px solid;

}