@charset "utf-8";
html {
	background-color: #212121;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}

body {
	height: 700px;
	width: 1000px;
	margin-top: 2%;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #fffffff;
	background-color: #FFFFFF;
	
	
}
img.bottom {vertical-align:text-bottom}
#cmlogo {
	position:absolute;
	height: 107px;
	width: 234px;
	margin-top :10px;
	margin-left:750px;
	background-image: url(images/cmlogo.jpg);
	z-index:2;
}

#vline {
	position:absolute;
	height: 5px;
	width: 875px;
	margin-top: 127px;
	margin-right: 10px;
	margin-left: 125px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	z-index:1;
}
#hline {
	position:absolute;
	height: 575px;
	width: 5px;
	margin-top: 100px;
	margin-right: 10px;
	margin-left: 150px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	z-index:1;
}
#addinfo {
	position:absolute;
	height: 10px;
	width: 100px;
	margin-top: 680px;
	margin-right: 10px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	font-size-adjust: 0.4;
	z-index:1;
}
#textfield {
	position:absolute;
	height: 450px;
	width: 760px;
	margin-top: -12px;
	margin-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #a9a9a9;
	z-index:1;
	overflow: auto
}
#textfield1 {
	position:absolute;
	height: 500px;
	width: 760px;
	margin-top: 10px;
	margin-left:30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #a9a9a9;
	z-index:1;
	overflow: auto
}
#menue {
	position:absolute;
	height: 270px;
	width: 125px;
	margin-top: 200px;
	margin-right: 25px;
	margin-left: 55px;
	border: 1px solid #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #06599b;
	z-index:2;
}
#mainframe {
	position:absolute;
	height: 515px;
	width: 800px;
	margin-top: 150px;
	margin-right: auto;
	
	margin-bottom: auto;
	margin-left:170px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #a9a9a9;
	z-index:1;
}
#headline {
	position:absolute;
	height: 46px;
	width: 650px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:60px;
	border: 0px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	z-index:10;
}
#footerpicture {
	position:absolute;
	height: 17px;
	width: 750px;
	margin-top: 490px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:65px;
	border: 0px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	z-index:10;
}
#pic {
	position:absolute;
	height: 412px;
	width: 675px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:50px;
	border: 3px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #a9a9a9;
	z-index:10;
}
#YOU {
	position:absolute;
	height: 46px;
	width: 60px;
	margin-top: 70px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:60px;
	border: 0px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	z-index:10;
}

#CANDM {
	position:absolute;
	height: 46px;
	width: 60px;
	margin-top: 70px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:345px;
	border: 0px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	z-index:10;
}

#MRCSAMP {
	position:absolute;
	height: 46px;
	width: 60px;
	margin-top: 70px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:552px;
	border: 0px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	z-index:10;
}


#PRODUCTION {
	position:absolute;
	height: 46px;
	width: 60px;
	margin-top: 70px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:659px;
	border: 0px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	z-index:10;
}



#header {
	position:absolute;
	height: 250px;
	width: 650px;
	margin-top: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-color: none;
	z-index:0;
}
#headbar {
	position:absolute;
	height: 25px;
	width: 200px;
	margin-top: 107px;
	margin-left: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-color: none;
	z-index:5;
}
#footbar {
	position:absolute;
	height: 25px;
	width: 600px;
	margin-top: 675px;
	margin-left: 250px;
	border: 0px solid #a9a9a9;
	font-family: Arial, Helvetica, sans-serif;
	font-size-adjust: 0.30;
	color: #000000;
	background-color: #FFFFFF;
	z-index:10;
}
#hidden
{
	visibility: collapse;
	height: 0px;
	width: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* menue  */

#menuhorizontal a, #menuhorizontal a:visited , #menuhorizontal a:active {display: block;
color:#a9a9a9;
font-weight:bold;
text-transform:capitalize;font-variant:small-caps;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 14px;
padding-left: 0px;padding-right: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:35px;
line-height:35px;
text-align:center;
border-left:solid 0px #3F3F3F;
border-right:solid 0px #000;
border-bottom:solid 1px #2D2D2D;

background-color:#;
}

#menuhorizontal a:hover {background-color:#; text-decoration:none ;
color:#9F9F9F;
border-left:solid 1px #3F3F3F;
border-right:solid 1px #000;
background-color:#2D2D2D;border-bottom:solid 1px #000;
}

a:link, a:visited, a:active{ font-size: 17px;line-height: 20px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
color:#000000;
text-decoration:none;background-color:#;}

a:hover{
background-color:#2d2d2d;color:#9F9F9F;text-decoration:none;}

f:hover{
background-color:#058464;color:#9F9F9F;text-decoration:none;background-image: url(images/cmlogo.jpg);}

c:hover{
background-color:#058464;color:#9F9F9F;text-decoration:none;background-image: url(images/office_tumb.jpg);}
d:hover{
background-color:#058464;color:#9F9F9F;text-decoration:none;background-image: url(images/MRC_tumb.jpg);}
e:hover{
background-color:#058464;color:#9F9F9F;text-decoration:none;background-image: url(images/production_tumb.jpg);}
/* Bonus VERSION 2: INDEX2.HTML - zweites menue ganz oben */

#menu a, #menu a:visited , #menu a:active {display: block;
color:#732F06;
text-decoration:none ;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif; font-size: 14px;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:40px;
line-height:40px;
text-align:center;
background-color:#202020;
}

#menu a:hover {color:#fff; text-decoration:underline ;
background:transparent;}
}