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


@import url(typo.css);

img, div { behavior: url(http://www.stahlbecker.de/script/iepngfix.htc) }


/* 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-bg2.gif) no-repeat 0 0;
	width: 959px;
	height: 54px;
	position: relative;
	}	

.company {
	position: absolute;
	top: 0;
	left: 200px;
	}
	
.competence {
	position: absolute;
	top: 0;
	left: 320px;
	}
	
.product {
	position: absolute;
	top: 0;
	left: 465px;
	}

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

.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;
	}

html>#contentleft {
	width: 411px;
	}
	
#contentright {
	background: #bed77b;
	float: left;
	width: 328px;
	padding-bottom: 10px;
	position: relative;
	}

#contentright.transparent {
	background: transparent;
	}
	
.sitemapimg {
	background: url(../pix/body/sitemap.jpg) no-repeat 431px 0px;
	}


/* MAIN CONTENT - START
-----------------------------------------------------------*/	

.start {
	background: url(../pix/start/metallbund.jpg) no-repeat 500px 0px;
	}

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

.bluebar {
	background: url(../pix/start/solid.png) repeat-y 0 0;
	width: 763px;
	padding: 9px 0px 7px 0px;
	margin-bottom: 15px;
	float: left;
	}

.bluebar img {
	display: block;
	}

.thumbfirst {
	float: left;
	width: 110px;
	margin-left: 20px;
	display: inline;
	}

.thumb {
	float: left;
	width: 110px;
	margin-left: 47px;
	display: inline;
	}

.products {
	width: 130px;
	padding: 0px 0px 0px 20px;
	float: left;
	}

.productheadline {
	width: 400px;
	padding: 0px 0px 5px 20px;
	}
	

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

.philo {
	background: url(../pix/body/hand.jpg) no-repeat 460px 0px;
	}

#philopng {
	background: url(../pix/body/philosophie.png) repeat-y 0 0;
	width: 760px;
	height: 15px;
	}

.philoleft {
	width: 400px;
	padding: 20px 0px 0px 0px;
	float: left;
	}

.philoright {
	width: 300px;
	padding: 20px 0px 20px 0px;
	margin-left: 50px;
	float: left;
	display: inline;
	}

.philofirst {
	width: 230px;
	clear: left;
	float: left;
	padding-bottom: 20px;
	}

.philosecond {
	width: 230px;
	float: left;
	margin-left: 30px;
	padding-bottom: 20px;
	display: inline;
	}


/* MAIN CONTENT - KOMPETENZEN
-----------------------------------------------------------*/	

.laser {
	background: url(../pix/kompetenz/backgrounds/laserteil.jpg) no-repeat 420px 0px;
	}

.competencefirst {
	width: 380px;
	clear: left;
	float: left;
	padding-bottom: 20px;
	margin-left: 20px;
	display: inline;
	}

.competencesecond {
	width: 300px;
	float: left;
	margin-left: 50px;
	padding-bottom: 20px;
	display: inline;
	}
	

/* MAIN CONTENT - PRODUKTE
-----------------------------------------------------------*/	

.showmenu {
	position: absolute;
	top: 355px;
	left: 20px;
	width: 270px; 
	}

.productthumb {
	float: left;
	width: 70px;
	height: 44px;
	margin-left: 10px;
	display: inline;
	padding-bottom: 10px;
	}
	
.greenborder {
	background-color: #BFD182;
	font-size: 10px;
	color: #151C33;
	padding: 0px;
	margin: 0px;
	}
	
.greenborder tr {
	padding:0;
	margin: 0;
	vertical-align: top;
	}
	
.greenborder td {
	background-color: #fff;
	padding: 5px;
	margin: 1px;
	line-height: 1.4em;
	}

.greenborder td.large {
	padding-right: 30px;
	}

.tabletop td {
	background-color: #e8f1c6;
	font-size: 10px;
	}

.sondergroesse td {
	font-size: 10px;
	width: 20%;
	}
	
.raster {
	font-size:10px; 
	background-color: #BFD182; 
	width:100%;
	}

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

	.greenborderproduct a, .greenborder a {
	display: block;
  padding-left: 24px;
  margin: 7px 0px 0px 0px;
  font-size: 100%;
  background: url(../../pix/icons/go.gif) no-repeat left 3px;
  }

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

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

html>#contactright {
	width: 310px;
	}

.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;
	}