/* Stahl Becker CSS
Global Layout Styles
author: freyhauer
version: 0806
*/


@import url(typo.css);




/* GENERAL LAYOUT PARAMETERS 
-----------------------------------------------------------*/

body {
	background: #fff url(../pix/body/body_bg.gif) repeat-x 0 -29px;
	font-family: verdana, arial, helvetica;
	text-decoration: none;
	font-size: 80%;
	color: #151c33;
	border: 0;
	margin: 0px;
	padding: 0px;
	}

div, img, table, td {
	border: 0;
	padding: 0;
	margin: 0;
	} 


/* HEADER 
-----------------------------------------------------------*/

#header {
	height: 95px;
	width: 959px;
	position: relative;
	}
	
.logo {
	position: absolute;
	top: 23px; 
	left: 200px;
	}

.language {
	position: absolute;
	top: 20px; 
	left: 515px;
	}

.metanav {
	position: absolute;
	top: 22px; 
	left: 640px;
	}
	
.metanav td {
	text-align: center;
	width: 80px;
	padding-bottom: 3px;
	}
	
	
/* SITE MENU
-----------------------------------------------------------*/	
	
#nav {
	background: url(../pix/nav/nav-bg.gif) no-repeat 0 0;
	width: 959px;
	height: 54px;
	position: relative;
	}	

.company {
	position: absolute;
	top: 0;
	left: 203px;
	}
	
.competence {
	position: absolute;
	top: 0;
	left: 302px;
	}
	
.product {
	position: absolute;
	top: 0;
	left: 459px;
	}

.contact {
	position: absolute;
	top: 0;
	left: 568px;
	}	

.company-en {
	position: absolute;
	top: 0;
	left: 220px;
	}
	
.competence-en {
	position: absolute;
	top: 0;
	left: 335px;
	}
	
.product-en {
	position: absolute;
	top: 0;
	left: 465px;
	}

.contact-en {
	position: absolute;
	top: 0;
	left: 563px;
	}	
	
/* BODY WRAPPER
-----------------------------------------------------------*/	

#wrap {
	width: 975px;
	padding: 0;
	margin: 0;
	}

	
/* LEFTBAR
-----------------------------------------------------------*/		
	
#leftbar {
	width: 202px;
	padding-top: 23px;
	float: left;
	}	
	
	
/* MAIN CONTENT
-----------------------------------------------------------*/		

#contentwrapper {
	width: 770px;
	float: left;
	}

#contentwrapperimp {
	width: 770px;
	float: left;
	margin-left: 202px;
	display: inline;
	}

#content {
	width: 763px;
	padding: 20px 0px 20px 0px;
	}

#contentleft {
	width: 431px;
	float: left;
	padding: 20px 20px 20px 0px;
	voice-family: "\"}\""; /* BMH */
	voice-family: inherit;
	width: 411px;
	position: relative;
	}

html>#contentleft {
	width: 411px;
	}
	
#contentright {
	background: #80a306;
	float: left;
	width: 328px;
	padding: 0px 0px 20px 0px;
	position: relative;
	}

#contentright.transparent {
	background: transparent;
	margin-top: 334px;
	}
	
	
/* MAIN CONTENT - START
-----------------------------------------------------------*/	

.start {
	background: url(../pix/body/haus-westeisen.jpg) no-repeat 240px 55px;
	}

#startleft {
	width: 430px;
	float: left;
	padding: 20px 0px 35px 0px;
	}

.thumb {
	float: left;
	width: 79px;
	margin-left: 3px;
	padding-bottom: 8px;
	display: inline;
	}


/* MAIN CONTENT - UNTERNEHMEN
-----------------------------------------------------------*/	

.philoleft {
	width: 350px;
	padding: 135px 0px 0px 0px;
	float: left;
	}

.philoright {
	width: 350px;
	padding: 135px 0px 20px 0px;
	margin-left: 57px;
	float: left;
	display: inline;
	}


/* MAIN CONTENT - Bleche warmgewalzt unlegiert Subsubnav
-----------------------------------------------------------*/	

.reiterfirst, .reitersecond {
	background: url(../pix/nav/reiter/reiter-bg.gif) no-repeat;
	width: 431px;
	height: 22px;
	position: relative;
	margin: 10px 0px 10px 0px;;
	}

.reitersecond  {
	background: url(../pix/nav/reiter/reiter-bg2.gif) no-repeat;
	}

.micro {
	position: absolute;
	top: 5px;
	left: 10px;
	}

.microon {
	position: absolute;
	top: 5px;
	left: 10px;
	}

.gebeizt {
	position: absolute;
	top: 5px;
	left: 150px;
	}
	
.gebeizton {
	position: absolute;
	top: 5px;
	left: 162px;
	}
	
	
/* MAIN CONTENT - PRODUKTE
-----------------------------------------------------------*/	
	
.greenborder {
	/*background-color: #6a97d5;125db1*/
	background-color: #BFD182;
	font-size: 10px;
	width: 411px;
	color: #151C33;
	padding: 0px;
	margin: 0px;
	margin-top: 20px;
	}

.greenborder tr {
	padding:0;
	margin: 0;
	vertical-align: top;
	}
	
.greenborder td {
	background-color: #fff;
	padding: 5px;
	margin: 1px;
	line-height: 1.4em;
	}

.tabletop td {
	/*background-color: #b6ceef;f0f0f1*/
	background-color: #e8f1c6;
	font-size: 10px;
	font-weight: bold;
	}
	
.sondergroesse td {
	font-size: 10px;
	width: 20%;
	}
	
.greenborder td.raster {
	/*background-color: #f1eddc;*/
	/*background-color: #eedfbc;*/
	background-color: #e8f1c6;
	font-size: 11px;
	font-weight: bold;
	}

.raster td {
	height: 18px;
	vertical-align: middle;
	text-align: center;
	}

#group1, #group2 { 
	background: #e8f1c6;
	width: 332px;
	position: absolute; 
	bottom: 0px; 
	left: 430px; 
	visibility: hidden; 
	border: 1px solid #80a306;
	}

#group1 td, #group2 td {
	font-size: 10px;
	padding: 5px;
	}

/* MAIN CONTENT - KONTAKT
-----------------------------------------------------------*/	

#contactright {
	background: transparent;
	float: left;
	width: 328px;
	padding: 15px 10px 20px 0px;
	voice-family: "\"}\""; /* BMH */
	voice-family: inherit;
	width: 318px;
	}

html>#contactright {
	width: 318px;
	}

.kontakt {
	background: url(../pix/body/kontakt-bg.jpg) no-repeat 540px 0px;
	}

#adress {
	background: transparent;
	width: 328px;
	float: left;
	padding: 20px 0px 20px 10px;
	voice-family: "\"}\""; /* BMH */
	voice-family: inherit;
	width: 308px;
	}

html>#adress {
	width: 308px;
	}

#adress.imp {
	padding-top: 60px;
	}
	
	
/* SITE FOOTER
-----------------------------------------------------------*/			

#funcbar {
	background: url(../pix/footer/funcbar-bg.gif) repeat-y 0 0;
	width: 760px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	clear: left;
	}

#funcbar img {
	padding-left: 65px;
	}

#spacer {
	background: url(../pix/footer/spacer.gif) no-repeat 0 0;
	width: 760px;
	height: 4px;
	font-size: 1px;
	clear: left;
	}

#footer {
	background: url(../pix/footer/footer-bg.gif) repeat-y 0 0;
	width: 760px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	}
	
#end {
	background: url(../pix/footer/end.gif) no-repeat 0 0;
	width: 760px;
	height: 2px;
	clear: left;
	line-height: 0px;
	font-size: 0px;
	}	
	
.fh {
	float: right; 
	padding-right: 20px;
	padding-bottom: 30px;
	}	

.firm {
	padding-left: 10px;
	}	
	
/* POPUP STYLES
-----------------------------------------------------------*/			
	
#headerpopup  { 
	background: #151C33;
	padding: 10px 0px 10px 20px; 
	top: 415px; 
	width: 100%; 
	margin: 0;
	}
	
#headerpopup a {
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	}	

#headerpopup a:hover {
	color: #c38d0b;
	text-decoration: none;
	}
	
#headerpopup a.float {
	float: right;
	margin-right: 30px;
	}	

#line {
	background: #c38d0b;
	width: 100%;
	height: 3px;
	font-size: 0px;
	line-height: 0px;
	border-top: 3px solid white;
	}	

#image {
	width: 700px;
	height: 600px;
	position: relative;
	}
	
body#popup {
	background: none;
	}
	
body#popup h1 {
	font-size: 100%;
	padding: 20px;
	}