/* CSS Document */

html, body { height:100%; }

body {
	padding:0;
	margin:0;
	text-align:left;
	min-width:1020px;
	background-color:#E6E6E6;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.23em;
	font-size: 10px;
	color:rgb(66,66,66);
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
}

/* ---------------------------LAYOUT RAHMEN------------------------------ */

#middle {
	position:absolute;
	width:100%;
	height:543px;
	top: 50%;
	margin-top: -272px;
	background-image:url('../bilder/layout/bg_middle_site.gif');
	background-position:0px 0px;
}


#position {
	position:absolute;
	width:844px;
	margin-left: -442px;
	left:50%;
	height:543px;
	background-position:0px 0px;
}


#contenter {
	margin-left: 90px;
	margin-top: 13px;
	background-color:#E6E6E6;
	width:704px;
	height:514px;
}

#header {
	margin-left: 40px;
	margin-top: 11px;
	width:655px;
	height:100px;
}

#logo {
	margin-left: 0px;
	margin-top: 11px;
	width:81px;
	height:100px; 
	float:left;
}
#head_content {
	position:absolute;
	top:40px;
	left:300px;
	width:342px;
	height:70px; 
	float:left;
	overflow:auto;
	font-size:11px; 
	line-height:1.53em;
}

#con_img {
	margin-left: 8px;
	margin-top: 25px;
	width:685px;
	height:281px; 
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF; 
	z-index:10;
}

#con_img2{
	margin-left: 8px;
	margin-top: 25px;
	width:685px;
	height:281px; 
	border: 1px solid #CCCCCC;
	background-color:#CCCCCC; 
	z-index:10;
	overflow:auto;
}

#con_img3 {
	margin-left: 8px;
	margin-top: 25px;
	width:685px;
	height:281px; 
	border: 1px solid #CCCCCC;
	background-image:url(../bilder/layout/angebot.jpg);
	z-index:10;
	vertical-align:middle;
	line-height:50%;
}

#con_txt_left {
position:relative;
	left: 12px;
	top: 52px;
	width:388px;
	height:176px; 
}
#con_txt_right {
	padding-left: 20px;
	margin-top: 15px;
	width:305px;
	height:265px; 
	float:left;
}

#navi_rahmen {
	line-height:1.3em;
	width:702px; 
	height:81px;
	left:0px;
	margin-top:10px;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF; 
}

/* ---------------------------NAVI RAHMEN------------------------------ */

#produkte {
	position:relative;
	width:139px; 
	height:91px;
	top:0px;
	left:0px;
	float:left;
}
#produkte_open {
	width:120px; 
	height:76px;
	top:12px;
	margin-left:10px;
	float:left;
	background-color:#E6E6E6; 
	border: 1px solid #CCCCCC;
}

#produkte_open b { display: none; }

#m01BG, #m01On { position: absolute; top: 15px; background: transparent url(../bilder/layout/m1.gif) 0px -0px no-repeat; }
#m02BG, #m02On { position: absolute; top: 27px; background: transparent url(../bilder/layout/m1.gif) 0px -12px no-repeat; }
#m03BG, #m03On { position: absolute; top: 40px; background: transparent url(../bilder/layout/m1.gif) 0px -25px no-repeat; }
#m04BG, #m04On { position: absolute; top: 53px; background: transparent url(../bilder/layout/m1.gif) 0px -38px no-repeat; }
#m05BG, #m05On { position: absolute; top: 66px; background: transparent url(../bilder/layout/m1.gif) 0px -51px no-repeat; }
#m06BG, #m06On { position: absolute; top: 78px; background: transparent url(../bilder/layout/m1.gif) 0px -63px no-repeat; }

a#m01 { display: block; height: 12px; width: 120px; }
a#m02 { display: block; height: 13px; width: 120px; }
a#m03 { display: block; height: 13px; width: 120px; }
a#m04 { display: block; height: 13px; width: 120px; }
a#m05 { display: block; height: 12px; width: 120px; }
a#m06 { display: block; height: 13px; width: 120px; }

a:hover#m01, #m01On { background: transparent url(../bilder/layout/m1.gif) -120px 0px no-repeat; }
a:hover#m02, #m02On { background: transparent url(../bilder/layout/m1.gif) -120px -12px no-repeat; }
a:hover#m03, #m03On { background: transparent url(../bilder/layout/m1.gif) -120px -25px no-repeat; }
a:hover#m04, #m04On { background: transparent url(../bilder/layout/m1.gif) -120px -38px no-repeat; }
a:hover#m05, #m05On { background: transparent url(../bilder/layout/m1.gif) -120px -51px no-repeat; }
a:hover#m06, #m06On { background: transparent url(../bilder/layout/m1.gif) -120px -63px no-repeat; }

#leistungen {
	position:relative;
	width:139px; 
	height:81px;
	top:0px;
	left:0px;
	float:left;
	border-left: 1px solid #CCCCCC;
}
#leistungen_open {
	width:120px; 
	height:60px;
	top:12px;
	margin-left:10px;
	float:left;
	background-color:#E6E6E6;
	border: 1px solid #CCCCCC; 
}

#leistungen_open b { display: none; }

#n01BG, #n01On { position: absolute; top: 15px; background: transparent url(../bilder/layout/m2.gif) 0px -0px no-repeat; }
#n02BG, #n02On { position: absolute; top: 27px; background: transparent url(../bilder/layout/m2.gif) 0px -12px no-repeat; }
#n03BG, #n03On { position: absolute; top: 40px; background: transparent url(../bilder/layout/m2.gif) 0px -25px no-repeat; }
#n04BG, #n04On { position: absolute; top: 53px; background: transparent url(../bilder/layout/m2.gif) 0px -38px no-repeat; }

a#n01 { display: block; height: 12px; width: 120px; }
a#n02 { display: block; height: 13px; width: 120px; }
a#n03 { display: block; height: 13px; width: 120px; }
a#n04 { display: block; height: 13px; width: 120px; }

a:hover#n01, #n01On { background: transparent url(../bilder/layout/m2.gif) -120px 0px no-repeat; }
a:hover#n02, #n02On { background: transparent url(../bilder/layout/m2.gif) -120px -12px no-repeat; }
a:hover#n03, #n03On { background: transparent url(../bilder/layout/m2.gif) -120px -25px no-repeat; }
a:hover#n04, #n04On { background: transparent url(../bilder/layout/m2.gif) -120px -38px no-repeat; }

#unternehmen {
	position:relative;
	width:139px; 
	height:81px;
	top:0px;
	left:0px;
	float:left;
	border-left: 1px solid #CCCCCC;
}
#unternehmen_open {
	width:120px; 
	height:60px;
	top:12px;
	margin-left:10px;
	float:left;
	background-color:#E6E6E6; 
	border: 1px solid #CCCCCC;
}

#unternehmen_open b { display: none; }

#o01BG, #o01On { position: absolute; top: 15px; background: transparent url(../bilder/layout/m3.gif) 0px -0px no-repeat; }
#o02BG, #o02On { position: absolute; top: 27px; background: transparent url(../bilder/layout/m3.gif) 0px -12px no-repeat; }

a#o01 { display: block; height: 12px; width: 120px; }
a#o02 { display: block; height: 13px; width: 120px; }

a:hover#o01, #o01On { background: transparent url(../bilder/layout/m3.gif) -120px 0px no-repeat; }
a:hover#o02, #o02On { background: transparent url(../bilder/layout/m3.gif) -120px -12px no-repeat; }

#kontakt {
	position:relative;
	width:139px; 
	height:81px;
	top:0px;
	left:0px;
	float:left;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
#kontakt_open {
	width:120px; 
	height:60px;
	top:12px;
	margin-left:10px;
	float:left;
	background-color:#E6E6E6; 
	border: 1px solid #CCCCCC;
}
/*
#kontakt_open b { display: none; }

#p01BG, #p01On { position: absolute; top: 15px; background: transparent url(../bilder/layout/m4.gif) 0px -0px no-repeat; }
#p02BG, #p02On { position: absolute; top: 27px; background: transparent url(../bilder/layout/m4.gif) 0px -12px no-repeat; }

a#p01 { display: block; height: 12px; width: 120px; }
a#p02 { display: block; height: 13px; width: 120px; }

a:hover#p01, #p01On { background: transparent url(../bilder/layout/m4.gif) -120px 0px no-repeat; }
a:hover#p02, #p02On { background: transparent url(../bilder/layout/m4.gif) -120px -12px no-repeat; }
*/

/*geaendertes menue*/
#kontakt_open b { display: none; }

#p01BG, #p01On { position: absolute; top: 15px; background: transparent url(../bilder/layout/m4-Kopie.gif) 0px -0px no-repeat; }
#p02BG, #p02On { position: absolute; top: 40px; background: transparent url(../bilder/layout/m4-Kopie.gif) 0px -25px no-repeat; }

a#p01 { display: block; height: 25px; width: 120px; }
a#p02 { display: block; height: 15px; width: 120px; }

a:hover#p01, #p01On { background: transparent url(../bilder/layout/m4-Kopie.gif) -120px 0px no-repeat; }
a:hover#p02, #p02On { background: transparent url(../bilder/layout/m4-Kopie.gif) -120px -25px no-repeat; }
/*ende geaendertes menue*/

#angebote {
	position:relative;
	width:138px; 
	height:81px;
	top:0px;
	left:1px;
	float:left;
}
#angebote_open {
	width:120px; 
	height:60px;
	top:12px;
	margin-left:10px;
	float:left;
	background-color:#E6E6E6; 
	border: 1px solid #CCCCCC;
}

#angebote_open b { display: none; }

#q01BG, #q01On { position: absolute; top: 15px; background: transparent url(../bilder/layout/m5.gif) 0px -0px no-repeat; }
#q02BG, #q02On { position: absolute; top: 27px; background: transparent url(../bilder/layout/m5.gif) 0px -12px no-repeat; }
#q03BG, #q03On { position: absolute; top: 40px; background: transparent url(../bilder/layout/m5.gif) 0px -25px no-repeat; }
#q04BG, #q04On { position: absolute; top: 53px; background: transparent url(../bilder/layout/m5.gif) 0px -38px no-repeat; }

a#q01 { display: block; height: 12px; width: 120px; }
a#q02 { display: block; height: 13px; width: 120px; }
a#q03 { display: block; height: 13px; width: 120px; }
a#q04 { display: block; height: 13px; width: 120px; }

a:hover#q01, #q01On { background: transparent url(../bilder/layout/m5.gif) -120px 0px no-repeat; }
a:hover#q02, #q02On { background: transparent url(../bilder/layout/m5.gif) -120px -12px no-repeat; }
a:hover#q03, #q03On { background: transparent url(../bilder/layout/m5.gif) -120px -25px no-repeat; }
a:hover#q04, #q04On { background: transparent url(../bilder/layout/m5.gif) -120px -38px no-repeat; }

#impressum {
	position:absolute;
	top:521px;
	left:808px;
	width:75px; 
	height:15px;
	color:#FFFFFF;
}
.img_border {
	border:#000 solid thin;
	padding:1px;
}