/* Allmeson CSS
Global Layout Styles
author: freyhauer
version: 0108
*/


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

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


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

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

.metanav {
	position: absolute;
	top: 22px; 
	left: 640px;
	}
	
.metanav td {
	text-align: center;
	width: 80px;
	padding-bottom: 3px;
	}

.search {
	background: #182035;
	color: #fff;
	font-size: 10px;
	text-align: right;
	position: absolute;
	top: 0px; 
	left: 633px;
	width: 330px;
	padding: 10px 0px 5px 0px;
	}
	
	
/* SITE MENU
-----------------------------------------------------------*/	
	
#nav {
	background: url(../pix/nav/nav-bg2.gif) no-repeat 0 0;
	position: relative;
	width: 959px;
	height: 54px;
	}	

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


/* BODY WRAPPER
-----------------------------------------------------------*/	

#wrap {
	width: 975px;
	}

	
/* LEFTBAR
-----------------------------------------------------------*/		
	
#leftbar {
	width: 202px;
	float: left;
	padding-top: 23px;
	}	
	
	
/* 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 {
	position: relative;
	width: 431px;
	float: left;
	padding: 20px 20px 20px 0px;
	voice-family: "\"}\""; /* BMH */
	voice-family: inherit;
	width: 411px;
	}

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

#contentright.transparent {
	padding-top: 350px;
	}

body#product #contentright {
	padding-bottom: 0px;
	}
	
	
/* MAIN CONTENT - START
-----------------------------------------------------------*/	

#startimg {
	background-image: url(../pix/body/start/start1.jpg) no-repeat;
	width: 760px;
	height: 360px;
	padding: 0px 0px 0px 0px;
	}

a.start1, a.start2, a.start3, a.start4, a.start5 {
	background: #5f7215 url(../pix/start/green-01.gif) repeat-x 0 0;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	width: 149px;
	float: left;
	padding: 10px 0px 5px 0px;
	margin-left: 3px;
	display: inline;
	text-align: center;
	}

a.start2 {
	background: #738a19 url(../pix/start/green-02.gif)
	}
	
a.start3 {
	background: #85a01e url(../pix/start/green-03.gif)
	}
	
a.start4 {
	background: #98b623 url(../pix/start/green-04.gif)
	}
	
a.start5 {
	background: #aacb29 url(../pix/start/green-05.gif)
	}			

.thumb, .thumbsmall {
	float: left;
	width: 90px;
	margin-left: 29px;
	padding-bottom: 8px;
	display: inline;
	}

.thumbsmall {
	width: 70px;
	margin-left: 10px;
	}

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

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

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

.philoright {
	margin-left: 57px;
	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 - PRODUKTE - REITERNAV
-----------------------------------------------------------*/	

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

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

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

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

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

.gebeizt {
	position: absolute;
	top: 5px;
	left: 278px;
	}
	
.gebeizton {
	position: absolute;
	top: 5px;
	left: 288px;
	}

.abmessungen {
	position: absolute;
	top: 5px;
	left: 278px;
	}

.normen {
	position: absolute;
	top: 5px;
	left: 540px;
	}
	
	
/* MAIN CONTENT - PRODUKTE - TABLES
-----------------------------------------------------------*/	

hr {
	width: 763px; 
	clear: both; 
	margin-bottom: 10px; 
	height: 1px; 
	color: #151c33;  
	background-color: #151c33; 
	border: 0;
	}

.produktstartimg {
	background: red;
	float: left;
	width: 100px;
	height: 100px;
	}

.produktstartdescript {
	float: left;
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	}
	
.greenborder, .greenborderproduct {
	background-color: #BFD182;
	font-size: 10px;
	color: #151C33;
	width: 411px;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	}

.greenborderproduct {
	width: 760px;
	margin-top: 0px;
	}

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

.greenborderproduct td {
	width: 25%;
	}

.greenborderproduct td img {
	margin: 5px;
	}

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

.bggreen {
	background-color: #e8f1c6;
	}

.lefttable {
	display: block;
	}

.righttable {
	display: block;
	float: right;
	}

.smallwidth {
	width: 350px;
	}
	
.greenborderproduct a {
	display: block;
  	font-weight: bold;
  	padding-left: 15px;
  	background: url(../../pix/icons/go.gif) no-repeat left center;
  	}
 
 
 /* MAIN CONTENT - PRODUKTE - TABLES -  Abmessungen
-----------------------------------------------------------*/	

.greenbordermessung {
	background-color: #fff;
	font-size: 10px;
	color: #151C33;
	padding: 0px;
	margin: 0px 0px 0px 0px;

	}

.greenbordermessung td {
	background-color: #e8f1c6;
	padding: 5px;
	margin: 1px;
	line-height: 1.4em;
	}

.greenbordermessung td.darkgreen {
	background-color: #BFD182;
	}

.greenbordermessung td.white {
	background-color: #fff;
	}

.greenborderproduct td.shinegreen, .greenborder td.shinegreen, .greenbordermessung td.shinegreen {
	background-color: #f2f6e1; 
	}

.greenborderproduct td.lightengreen, .greenborder td.lightengreen, .greenbordermessung td.lightengreen {
	background-color: #f8faef; 
	}

.greenbordermessung td.greenimp {
	background-color: #dbeaa8; 
	}

body#abmessung .greenborderproduct a {
	display: inline;
	padding-left: 0px;
	background: none;
	}

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

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


html>#contactright {
	width: 308px;
	}

.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;
	}
	
#adress {
	background: transparent;
	width: 308px;
	float: left;
	padding: 20px 0px 20px 0px;
	voice-family: "\"}\""; /* BMH */
	voice-family: inherit;
	width: 308px;
	}

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


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

#funcbar {
	background: url(../pix/footer/funcbar-bg.gif) repeat-y 0 0;
	width: 760px;
	padding: 5px 0px 5px 0px;
	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;
	}	

.padding {
	padding: 10px 20px 10px 0px;
	}
	
/* gewichtsumrechner */
a.pdf_calc,
#leftbar a.pdf_calc {
	color: #27457D;
	display: block;
	width: 135px;
	margin-left: 25px;
	text-align: right;
	height: 21px;
	line-height: 21px;
	background: url(../pix/icons/Rechner_icon.gif) no-repeat center left;
}
a.pdf_calc:hover,
#leftbar a.pdf_calc:hover {
	color: #80A306;
	background: url(../pix/icons/Rechner_icon_on.gif) no-repeat center left;
}
a.full_wide,
#leftbar a.full_wide {
	margin-left: 10px;
}