/* ----------- allgemeine Angaben ----------- */
*{
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
/* --- Start: Höhe größer 100 % damit auf allen Seiten Scrollbalken im Browser ---------*/
html {
		height:100%;
		margin-bottom:1px;
}
/* --- Ende: Höhe größer 100 % damit auf allen Seiten Scrollbalken im Browser ---------*/
body {
	background-color: #FFFFFF;
	width:100%;
	margin:auto;
	background-image: url(../img/background_body.jpg);	
	background-repeat: repeat-x;
	background-position: top;
}
body.iframe {
	background-color: #FFFFFF;
	width:100%;
	margin:0;
	background: none;	
}
h1{
	margin-bottom:15px;
	margin-top:18px;
	/*height:42px;*/
}
h2{
	margin-bottom:10px;
	line-height:120%;
}

a{
	text-decoration:none;
}
a img{
	border:none;
}
p,ul,a,li,label,td,address,h1,h2,h3,span,.normText{
	color: #424d58;/*#8d8c8a;*/
}
.home *{
	color: #8d8c8a;
}
a.lbOn{
	font-weight:600;
}
address{
	font-style: normal;
}
b {
	font-weight:600;
}
p{
	margin-bottom:15px;
}
ul{
	margin-bottom:15px;
}
#contentBox li{
	margin-left:20px;
	list-style: none;
	line-height: 20px;
	text-indent: 0px;
}
#contentBox ul.list_home li{
	margin-bottom:10px;
	text-indent: -8px;
}
#contentBox ul.list_home *{
	font-weight:600;
}
#contentBox ul.list_home b{
	font-size:15px;
}
	
#contentBox ul.arrow li{
	text-indent: 0px;
	padding-left:10px;
	margin:0px;
	list-style: none;
	background-image: url(../img/bg_li_arrow.gif);	
	background-repeat: no-repeat;
	background-position: 0px 8px;
}
#sideBox li{
	line-height:130%;
	padding-left:10px;
	padding-bottom:5px;
	margin:0px;
	list-style: none;
	background-image: url(../img/bg_li_arrow.gif);	
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
#sideBox h2{
	color:#000000;
}
#leftColumn h1{
	color:#000000;
	margin-top:0px;
}


/* ----------- Formatierungen ----------- */
.dark{
	color: #424d58;
}
.big{
	font-weight:600;
	font-size:18px;
}
.clear{clear:both;}
/* ----------- Layer in dem der Contentbereich ist ----------- */
#box {
	width: 1020px;
	margin:auto;
	/*background-image: url(../img/background_box.jpg);	
	background-repeat: no-repeat;
	background-position: top;*/
}
#innerBox{
	text-align: center;
	margin:auto;
	width: 899px
}


/* ----------- Main Menu ----------- */
/* ----------- Container für Header und Content Area----------- */
#header{
	height: 201px;
}
#header.home{
	height: 233px;
}

/* ----------- Menu --------------*/
ul.menu{
	margin:0;
}
ul.menu li{
	margin:0px;
	padding:0px;
	/*line-height:0px;*/
	float:left;
	/*display:inline;*/
	list-style: none;
	display:block;
	list-style-position:outside;
	text-indent: 0;
}
/* --- Top Menu specific--- */
#topMenu{
	margin-top: 10px; 
	margin-left: 550px;
	position: absolute;
	z-index:5;
}
#topMenuBlender{
	position: absolute;
	background-image: url(../img/bg_blender_top.png);	
	background-repeat: no-repeat;
	width:100%; 
	height:35px;
	z-index:5;
}
#topMenu li{
	padding-right: 0px;
	padding-left: 1px;
}
/* --- Footer Menu specific--- */
#footerMenu{
	position:absolute;
	margin-top: -20px;
	margin-left:210px;
	color: #657586;
	z-index:100;
}
#footerMenu.home{
	margin-left:323px;
}
#footerMenu a{
	color: #657586;
	font-weight:600;
	text-decoration: none;
}
#footerMenu li{
	padding-right: 6px;
	padding-left: 5px;
	border-right:1px solid #657586
}
#footerMenu li.last{
	border-right: none;
}
/* --- Main Menu specific--- */
#mainMenu{
	position:absolute;
	margin-top: 167px; 
	margin-left: 74px;
}
#mainMenu.home{
	margin-top: 200px; 
}
#mainMenu *{
	font-size: 12px;
}
#mainMenu li .submenu {
/* this makes submenu a container with their own coordinate system.
absolutely-positioned elements will be offset relative to them */
	/*position:relative;
	visibility:hidden;
	display:none;
	top:2px;*/
}
#mainMenu .submenu li{
	float:left;
	margin-top:0px;
}
/*  ------ faq menu --------------*/
#faqMenu{
	margin-top:-3px;
	position:relative;
	background-image: url(../img/bg_faqs_submenu.gif);	
	background-repeat: no-repeat;
	height:26px;
	margin-left:0px;
}
#faqMenu ul{
	margin-left:20px;
}
#faqMenu li{
	margin:0;
	padding:0;

}
/* --------------------------------------- */
/*  ------ header image(s) --------------*/
#headerImage{
	height:201px;
	width:899px;
	position:absolute;
}
#headerImage.home{
	height:233px;
}

/* --------------------------------------- */
#logo{
	position:absolute;
	margin-top: 54px; 
	margin-left: 730px;
}

#headerText{
	position:absolute;
	margin-top: 35px; 
	margin-left: 384px;
}
#headerText.home{
	margin-top: 63px; 
}

/*  ------ box with top and bottom borders around the content --------------*/

#contentArea_top{
	/*height:4px;
	line-height: 1px;
	font-size: 1px;
	background-image: url(../img/box_content_all_top.png);	
	background-repeat: no-repeat;*/
	display:none;
}
#contentArea{
	/*background-image: url(../img/box_content_all_middle.png);	
	background-repeat: repeat-y;
	padding-top: 38px;
	line-height: 20px;*/
	
	background-image: url(../img/box_content_all_top.png);	
	background-repeat: no-repeat;
	/*background-position: 0px -4px;*/
	background-position: 0px 0px;
	padding-top: 24px;
	line-height: 22px;
}
#contentArea.home{
	padding-top: 4px;
}
#contentArea_bottom_bg{
	background-image: url(../img/box_content_all_bottom.png);	
	background-repeat: no-repeat;
	height:33px;
	line-height: 1px;
	font-size: 1px;
}

/*--- */
#contentBoxOuter {
	width: 662px;
	float:left;
}
#contentBoxOuter.totalWidth {
	width: 899px;
}

#contentBox{
	padding: 15px 11px 5px 11px;
}
#leftColumnOuter {
	float:left; 
	width:193px;
}

#rightColumnOuter {
	float:left; 
	width:443px; 
}
#rightColumn {
	margin-left:10px;
	/* width: 433px */
}
#wideColumnOuter {
	float:left; 
	width:683px; 
}
#wideColumn {
	margin-left:10px;
	/* width: 673px */
}
#sideBoxOuter {
	/*background-image: url(../img/bg_box_sidebox_top.gif);	
	background-repeat: no-repeat;
	background-position: top;*/
	margin-top:-25px;
	height:400px;
	float:left;
	width:237px;
}
#sideBoxOuter.home {
	margin-top:0px;
}
#sideBox {
	margin-left:6px;
}
#sideBox .text {
	padding: 9px 10px 20px 10px;
}
#sideBox .text p{
	/*line-height:21px;*/
}

/*  ------ element box styles -------------- */
/*  --- element box styles generel --- */
.eb_body{
	padding: 3px 10px 20px 10px;
	border-left:1px solid #e8e8e8; 
	border-right:1px solid #e8e8e8;
}
.eb_body.nopadding{
	padding: 0px;
}
.eb_header  {
	height: 4px;
	line-height: 1px;
	font-size: 1px;
}
.eb_footer {
	height: 4px;
	line-height: 1px;
	font-size: 1px;
}
/*  --- element box styles small --- */
.elementBox_small{
	width:193px;
}
.elementBox_small .eb_header  {
	background-image: url(../img/box_element_small_content_top.gif);	
	background-repeat: no-repeat;
}
.elementBox_small .eb_body  {
	/*background-image: url(../img/box_element_small_content_middle.gif);	
	background-repeat: repeat-y;
	border: none;*/
	background: #ffffff;
}
.elementBox_small .eb_body .text  {
	padding: 3px 10px 20px 10px;
}
.elementBox_small img.leftBoxImage {
	margin-top:-3px; 
	/*margin-left: 1px;*/
}
.elementBox_small .eb_footer {
	background-image: url(../img/box_element_small_content_bottom.gif);
	background-repeat: no-repeat;
}
.elementBox_small .eb_header_special {
	background-image: url(../img/box_element_small_special_top.png);	
	background-repeat: no-repeat;
}
.elementBox_small .eb_body_special  {
	background-image: url(../img/box_element_small_special_middle.png);	
	background-repeat: no-repeat;
	border: none;
	_width:173px;
}
/*  --- element box styles big --- */
.elementBox_big{
	width:323px;
}
.elementBox_big .eb_header_special  {
	background-image: url(../img/box_element_big_special_top.png);	
	background-repeat: no-repeat;
}
.elementBox_big .eb_body_special  {
	background-image: url(../img/box_element_big_special_middle.png);	
	background-repeat: no-repeat;
	border: none;
	_width:303px;
}
.elementBox_big .eb_footer {
	background-image: url(../img/box_element_big_bottom.gif);	
}
/*  --- element box styles content --- */
.elementBox_content{
	width:433px;
}
.elementBox_content .eb_header  {
	background-image: url(../img/box_element_big_content_top.gif);	
	background-repeat: no-repeat;
}
.elementBox_content .eb_body  {
	/*background-image: url(../img/box_element_big_content_middle.gif);	
	background-repeat: repeat-y;
	border: none;*/
	background: #ffffff;
	padding-left: 20px; 
	padding-right: 15px;
	_width:398px;
}
.elementBox_content .eb_footer {
	background-image: url(../img/box_element_big_content_bottom.gif);	
	background-repeat: no-repeat;
}
/*  --- element box styles for the wide content (e.g. guestbook,...) --- */
#wideColumn .elementBox_content{
	width:673px;
}
#wideColumn .elementBox_content .eb_header  {
	background-image: url(../img/box_element_wide_content_top.gif);	
	background-repeat: no-repeat;
}
#wideColumn .elementBox_content .eb_body  {
	/*background-image: url(../img/box_element_wide_content_middle.gif);	
	background-repeat: repeat-y;
	border: none;*/
	background: #ffffff;
	padding: 0px; 
	width:671px;
}
#wideColumn .elementBox_content .eb_body .text  {
	padding: 15px 20px 20px 20px;
}
#wideColumn .elementBox_content .eb_body .text h1 {
	margin-top:0px;
}

#wideColumn .elementBox_content .eb_footer {
	background-image: url(../img/box_element_wide_content_bottom.gif);	
	background-repeat: no-repeat;
}

/* ------ Kontakt formular -------*/
#kontakt_form {padding:10px 0px; background:#ecedef;}

#kontakt_form label, #kontakt_form input{
	display: block;
	float: left;
	line-height:20px;
}
#kontakt_form label{
	padding-left:5px;
}
#kontakt_form label.norm{
	width:115px;
	padding-right:5px;
	text-align:right;
}
#kontakt_form label{
	width:180px;
	text-align:right;
}

#kontakt_form option{
	padding-right:5px;
}
#kontakt_form .buttonKontakt{margin-top:5px;}
#kontakt_form .norm, #kontakt_form textarea{width:258px;}
#kontakt_form .small{width:43px;margin-right:2px;}
#kontakt_form .small_right{width:43px;margin-left:2px;}
#kontakt_form .middle{width:209px;}
#kontakt_form .right{margin-left:125px;}
#kontakt_form br {clear:both;}
#kontakt_form br.small {line-height:3px;}
#kontakt_form br.middle {line-height:6px;}

#kontakt_form .red{color:#74131C}

/*  FAQs */
.faqHeadline{
	margin-bottom:30px;
}
#faqs li{
	padding-left:0px;
	margin-bottom:5px;
	list-style: none;
	text-indent: -18px;
	font-weight:600;
	cursor:pointer;
}
/*#faqs .frage{
	font-weight:600;
	margin-bottom:5px;
}*/
#faqs .antwort{
	text-indent: 0px;
	margin-bottom:5px;
	font-weight:normal;
	cursor:auto;
}
#ablaeufe li{
	margin-bottom:10px;
}

/* Footer Menu Pages */
#footerMenuPage {
	margin:20px 26px 30px 107px;
	padding-bottom:10px;
}
#footerMenuPage p{
	line-height:23px;
	margin-bottom:20px;
}
#footerMenuPage h2{
	margin-bottom:20px;
}
/* Sitemap */
#sitemap{
	margin-left:20px;
}
#sitemap a{
	font-weight: 600;
}
#sitemap li{
	margin-left:20px;
	list-style-type:disc;
	text-indent: 0px;
	line-height: 20px;
}
#sitemap ul{
	margin-bottom:0px;
}
/* Lexikon */
ul.lexikon li a{
	font-weight:600;
}
/* Lexikon Unterseite */
#lexikonSubPage{
	/*border:1px solid red;*/
	margin:5px;
}
#lexikonSubPage div{
	float:left;
}
#lexikonSubPage .left{
	padding-top:50px;
	margin-right:10px;
}
#lexikonSubPage .leftInner{
	width:168px;
}
#lexikonSubPage .right{
	width:349px;
}
#lexikonSubPage .left img{
	margin-bottom:5px;
}
#lexikonSubPage h1{
	font-size:16px;
	margin-bottom:10px;
}
#lexikonSubPage li{
	margin-left:20px;
}
/* Produktliste */
#produktliste ul, #produktliste li{
	margin:0px;
	padding:0px
}
#produktliste li{
	float:left;
	margin:0px;
	padding:0px
	list-style: none;
	text-indent: 0;
}
/* Produkte Preise */
#preise{
	width:643px;
}
#preise div.stoerer{
	margin-left:150px;
	margin-bottom:20px;
	padding:20px;
	width:296px; 
	border-bottom:1px solid #d8dbdd; 
	text-align:center;
}
#preise div.preisBsp div{
	float:left;
	vertical-align: bottom;
}
#preise .preisRechts p{
	font-size:11px;
	line-height:100%;
	margin:0px;
	padding:0px;
}
#preise .bspTitle{
	margin-left:80px;
}
#preise table{
	border:1px solid #d8dbdd;
	position:relative;
	margin-left:-12px;
	margin-right:5px;
	border-collapse:collapse;
	width:533px;
}
#preise td{
	padding:15px 5px 4px  8px;
	line-height:130%;
}
#preise .image{
	vertical-align: middle;
	text-align: center;
}
#preise .bghead{
	background: #d8dbdd;
	border-left: 1px solid #ffffff;
	font-size:11px;
}
#preise .lightLine td{
	border-bottom: 1px solid #d8dbdd;
}
#preise .darkLine td{
	border-bottom: 1px solid #8d8f90;
}
#preise .doubleDarkLine td{
	padding:0px;
	height: 2px;
	border-top: 1px solid #8d8f90;
	border-bottom: 1px solid #8d8f90;
}
#preise .description{
	padding-right:0px;
}
#preise .value{
	text-align: center;
}
#preise .red{
	color:#cb0505;
	font-weight:600;
}
#preise .green{
	color:#088c08;
	font-weight:600;
}
#preise .darkGreen{
	color:#086708;
	text-align: right;
	font-weight:600;
}
#preise .size1{
	font-size: 14px;
}
#preise .size2{
	font-size: 16px;
}
/* Labor & Material */
#sideBox p{
	color:#7b7b79;
}
/* Presse */

#presse *{
	color: #424d58;
}
#presse h1,#presse h2,#presse h3{
	font-weight:600;
	margin-bottom:10px;
}
#presse .publikation{
	margin-bottom:10px;
}
#presse .datum{
	position:absolute; 
	margin-left:-70px;
}
#presse .description{
	float:left;
	width:220px;
	margin-right:13px;

}
#presse .bild{
	float:left;
	margin-top:-10px;
}
/* so geht's : Nur 3 Schritte */
#nur3Schritte *{
	line-height:20px;
}
#nur3Schritte .hell *{
	color: #7b7b79;
}
/* Gaestebuch */
.hell{
	color:#7b7b79;
}
/* iframe footer */
.iframeFooter{
	border-top: 1px solid #657586;
	padding-left:178px;
}
.iframeFooter p{
	margin:0px;
}