/**************************** Reset Styles *******************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	width:60%;
}



caption, th, td {
	text-align: left;
	font-weight: normal;
	font-size:13px;
	font-weight:normal;
	line-height:1.3em;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


body  {
font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
color:#333;
}

.clearer {clear:both;height:0px;font-size:0px;}


h1 {font-size:1em;font-weight:normal;padding-bottom:20px;color:#006a2d;}
h2 {font-size:0.9em;font-weight:normal;padding-bottom:10px;color:#006a2d;}

.backbutton {
float:right;
background:url(/media/bilder/_layout/pfeil-gruen.gif) no-repeat left center;
padding-left:20px;
font-size:0.9em;
}


a {color:#006a2d;text-decoration:none;}
#site_info_text a {text-decoration:underline;}

table.details {font-size:0.8em;margin-bottom:20px;line-height:1.2em;}
table.details col.col1 {width:150px;}

table.ausfuehrung th {background:#dbdbdb;border-bottom:1px solid #fff;height:30px;vertical-align:middle;}
table.ausfuehrung td {background:#f2f2f2;height:25px;vertical-align:middle; }
table.ausfuehrung th.first {padding-left:10px;}
table.ausfuehrung td.first {padding-left:10px;}
table.ausfuehrung col.col1 {width:110px;}
table.ausfuehrung col.col2,
table.ausfuehrung col.col3,
table.ausfuehrung col.col4 {width:100px;}


.startbild_container {float:left;margin-left:9px;padding-left:9px;border-left:1px solid #B4B4B4;width:300px;text-align:center;}
.startbild_container.first {padding-left:0px;margin-left:0px;border:none;}
.startbild_container dl.bild {width:300px;height:170px;background:#eee;}
.startbild_container dl.bild img {height:170px;}
.startbild_container.last {padding-right:0px;}


.produktuebersicht_container {float:left;margin-left:9px;margin-top:2px;margin-bottom:20px;padding-left:9px;border-left:1px solid #B4B4B4;width:300px;text-align:center;}
.produktuebersicht_container.first {padding-left:0px;margin-left:0px;border:none;}
.produktuebersicht_container dl.bild {width:300px;}
.produktuebersicht_container dl.bild img {height:170px; display:block; margin:auto;}
.produktuebersicht_container dt { height:170px;background:#eee; }
.produktuebersicht_container.last {padding-right:0px;}
.produktuebersicht_container dd {text-align:left; padding-top:4px; font-size:0.8em;}  
.produktuebersicht_container dd a { line-height:15px; color:#333333; }
.produktuebersicht_container dd a:hover { color:#F5A000; }

#content_main img.left {margin-bottom:10px;}
#content_main p img.left {float:left;margin-right:10px;margin-bottom:5px;padding:1px;border: 1px solid #ccc;}
#content_main p img.right {float:right;margin-left:10px;margin-bottom:5px;padding:1px;border: 1px solid #ccc;}
#content_main p img.borderless {border: none; margin-bottom: 100px;}
 
.produkt_teaser_left {width:145px; height:82px; background:#ddd; text-align:center; float:left;margin-bottom:20px;}
.produkt_teaser_right {width:145px; height:82px; background:#ddd; text-align:center; float:right;margin-bottom:20px;}
    
#bildleiste img.left {margin:0;}
#bildleiste img.center {} 
#bildleiste img.right {}   

#bildleiste {padding-top:15px;width:620px; }
#bildleiste dl.bild {width:200px;height:160px;background:#ddd;float:left;text-align:center;margin-left:10px;overflow:hidden;}
#bildleiste dl.bild.first {margin-left:0px;}
#bildleiste dl.bild img {/*max-width:200px;*/max-height:160px;}



#site_info {
height:60px;
width:1000px;
margin:0 auto; 
}


 /***** styles für google-map-einbindung ****/
#google_maps {height:600px;width:100%;}
.google-map {font-size:0.8em;line-height:1.3em;border:1px solid #99ADC6;}
.google-routenplaner {font-size:0.8em;width:300px;text-align:left;margin-top:1em;margin-bottom:1em;background:#ADD7C2;padding:1em;}
.google-routenplaner a {text-decoration:underline;}
.google-routenplaner a:hover {}
.google-window {padding:25px;background-color:#add7c2;}
.google-window strong{font-weight:bold;}

.halbblock {font-size:0.8em;width:250px;text-align:left;margin:0.8em;margin-bottom:1em;background:#ADD7C2;padding:1em;float:left;}
.halbblock  a {text-decoration:underline;}
.halbblock  a:hover {}

.ganzblock {font-size:0.8em; width:400px; text-align:left;margin-top:10px;margin-bottom:1em;background:#ADD7C2;padding:1em;float:left;}
.ganzblock a {text-decoration:underline;}
.ganzblock a:hover {}


.partnerblocklinks {font-size:0.8em;width:270px;text-align:left;margin:7px 14px 7px 0;background:#ADD7C2;padding:1em;}
.partnerblocklinks a {text-decoration:underline;}
.partnerblocklinks a:hover {}

.partnerblockrechts {font-size:0.8em;width:270px;text-align:left;margin:7px 0px 7px 14px;background:#ADD7C2;padding:1em;}
.partnerblockrechts a {text-decoration:underline;}
.partnerblockrechts a:hover {}


.hint {
background-color:#FFFFCC;
border:2px solid #DC001E;
padding:0.25em;
margin:0.25em;
margin-bottom:10px;
}

div.label, div.field { margin: 0 0 1em;color:#006A2D; }
div.label { float: left; width: 35%;padding-top:3px;}
div.field { float: right; width: 60%; text-align: right; }


/****************** Kontaktformular ********************************/
form.contact {font-size:0.8em; width: 570px; background:#eee;padding:1.4em;margin-bottom:2em;}
#company, #surname, #address1, #address2, #phone, #fax, #email, #internet, #message, #password1, #password2 { width: 98.32%; float: left; } /* width: 97.38%; */
.wq_form #salutation { width: 36%; float: left; }
.register #salutation { width: 49.16%; float: left; }
.register #title { width: 49.16%; float: left; }
#country { width: 100%; }
.wq_form #forename { width: 56%; float: right; }
.register #forename { width: 98.32%; float: left; }
#city { width: 70%; float: right; }
#zip { width: 20%; float: left; }
#message { height: 5em; }
input, select, textarea { border: 1px #cedbeb solid;}
textarea {  }

/* allgemein */
.wq_form .label { float: left; margin: 0 5px 15px 0; width: 200px; }
.wq_form .field { float: left; margin: 0 0 5px 0; width: 280px; }
.wq_form div.field { float: left; width: 60%; text-align: left; }
.wq_form .field input, .wq_form select, .wq_form #nachricht , .wq_form #newsletter { width:auto; }
.wq_form input.fehler { border-color: #FF0000; }
.wq_form select.fehler { border-color: #FF0000; }

/* einzelne felder */
.wq_form #firma, .wq_form #nachname, .wq_form #adresse1, .wq_form #adresse2, .wq_form #land, .wq_form #telefon, .wq_form #fax, .wq_form #email, .wq_form #nachricht, .wq_form #Stückzahl, .wq_form #Produktname, .wq_form #Bauvorhaben  { width: 280px; }
.wq_form #anrede { width: 60px; margin-right: 5px; }
.wq_form #vorname { width: 215px; }
.wq_form #plz { width: 50px; margin-right: 5px; display: block; float: left; }
.wq_form #ort { width: 223px; display: block;  }
.wq_form #nachricht { height: 100px; }

#warnungBox { padding: 10px; }
#warnungBox .warnungText { float: left; width: 60%; }


.formclearer { clear: both; height: 0; }

/* >> Der glorreiche CLEARFIX: Aktualisiert, um einen Einsturz der Außenabstände in Kind-Elementen zu verhindern << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden; 
}
 
.clearfix:after {clear: both;}
/* Clearfix-Fix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {zoom: 1;}

#newsdatum {font-size:0.8em; margin-top:-15px; margin-bottom:15px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_prev {display: block; float:left;}
#TB_next {display: block; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/media/bilder/_layout/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}