/* KOMMENTAR

DUNKELBLAU = #002C72

*/


* {
	margin: 0;
	padding: 0;
}

BODY {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #333333;
}

.invisible {
	visibility: hidden;
}

P, TD {
	font-size: 11px;
}

h1 {
	font-size: 14px;
	line-height: 24px;
	color: #002C72;
	margin-bottom: 8px;
}

H2 {
	font-size: 12px;
	line-height: 150%;
	color: #002C72;
}

H3 {
	font-size: 11px;
	line-height: 150%;
	color: #002C72;
}

A {
}

A:hover {
}

#container {
	width: 100%;
}

#header {
	width: 100%;
	background: #002C72;
	height: 120px;
}

#logo {
	position: absolute;
	top: 30px;
	left: 150px; 
	background: url('../images/logo.png') no-repeat;
	width: 200;
	height: 67;
}

#logo2 {
	position: absolute;
	top: 27px;
	left: 20px; 
	background: url('../images/logo.gif') no-repeat;
	width: 120;
	height: 70;
}

#logo A {
	display: block;
	text-decoration: none;
	height: 100%;
}

#slogan {
	position: absolute;
	top: 75px;
	left: 682px; 
	background: url('../images/slogan.gif') no-repeat;
	width: 218;
	height: 26;
}

#banner {
	position: absolute;
	top: 122px;
	left: 901px;
}

#main {
	position: absolute;
	top: 122px;
	left: 125px;
	background: url('../images/bg-nav.gif') repeat-y;
}

#navigation {
	float: left;
	width: 217px;
	margin-right: 2px;
	font-size: 11px;
	line-height: 11px;
}

#navigation .spacer1, #navigation .spacer2 {
	height: 10px;
}

#navigation .ueberkreisel, #navigation .produkte, #navigation .fuerhaendler, #navigation .paketshop, #navigation .bestellung {
	width: 217;
	height: 20;
	margin-bottom: 6px;
}

#navigation .ueberkreisel {
	background: url('../images/nav-ueber-kreisel.gif'); no-repeat;
}

#navigation .produkte {
	background: url('../images/nav-produkte.gif'); no-repeat;
}

#navigation .fuerhaendler {
	background: url('../images/nav-fuer-haendler.gif'); no-repeat;
}

#navigation .paketshop {
	background: url('../images/nav-paketshop.gif'); no-repeat;
}

#navigation .bestellung {
	background: url('../images/nav-bestellung.gif'); no-repeat;
}


#navigation .navitem  A, #navigation .navitem  A:visited, #navigation .navitem  A:hover {
	display: block;
	padding: 4px 5px 4px 28px;
	text-decoration: none;
	color: #333333;
}

#navigation .navitem  A:hover {
	background: #E1E1E1;
}

#navigation .navitem_active  A, #navigation .navitem_active  A:visited, #navigation .navitem_active  A:hover {
	display: block;
	padding: 4px 5px 4px 28px;
	text-decoration: none;
	color: #333333;
	background: #D1D1D1;
}

#contentarea {
	float: left;
	width: 555px;
	margin-bottom: 11px;
}

#navigation2 {
	display: block;
	background: #002C72;
	height: 20px;
	text-align: right;
	padding-right: 5px;
	color: #FFFFFF;
}

.nav {
	padding-top: 2px;
}

#navigation2 A, #navigation2 A:hover, #navigation2 A:visited {
	color: #FFFFFF;
	padding: 0 2px 0 2px;
	text-decoration: none;
	font-size: 11px;
}

#navigation2 A:hover {
	color: #B2C0D5;
}

#navigation2 .nav .active {
	color: #B2C0D5;
/*	padding: 0 2px 0 2px; */
	text-decoration: none;
	font-size: 11px;
}


#content {
	margin-top: 30px;
	margin-left: 24px;
	line-height: 19px;
}

#content .spacer, #content .spacer2 {
	height: 0px;
	width: 100%;
	border-bottom: 1px solid #919191;
	line-height: 0px;
	font-size: 0px;
	margin: 0;
	padding: 0;
}
#content .spacer2 {
	margin-bottom: 18px;
}


#content .visual {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 2px;
	line-height: 0px;
}	

#content H2 {
	line-height: 24px;
}

#content P, #content H1, #content H2, #content H3 {
	margin-left: 8px;
}

#content P {
	margin-bottom: 14px;
}

#content UL {
	margin-left: 8px;
	margin-bottom: 12px;
}

#content LI {
	margin-left: 15px;
	list-style-image: url('../images/liststyleimage.gif');
	line-height: 20px;
}

#content A {
	text-decoration: none;
	color: #333333;
}

#content .paragraph A {
	background: url('../images/pfeil.gif') no-repeat 0 3px;
	padding-left: 12px;
}

#content .paragraph A.pdf {
	background: url('../images/pfeil-rot.gif') no-repeat 0 3px;
}

#content A:hover {
	text-decoration: underline overline;
}

#content .column1 {
	float: left;
	width: 260px;
	matgin-bottom: 0;
}

#content .column2 {
	margin-left: 20px;
	float: left;
	width: 230px;
	margin-bottom: 0;
}

#content .column1 em, #content .column2 em {
	color: #002C72;
	font-weight: bold;
	font-style: normal;
} 

#content em {
	color: #002C72;
}

.clear {
	clear: both;
	visibility: hidden;
	height: 0;
}

#az {
	font-weight: bold;
}

#az A, #az A:hover, #az A:visited {
	color: #002C72;
	padding-right: 6px;
	text-decoration: none;
}

#listing {
	margin-left: 8px;
}

#listing .letter {
	font-weight: bold;
	color: #002C72;
}

#listing .product {
	width: 480px;
	line-height: 19px;
}

#listing .link {
	width: 340px;
}

#listing .pdf {
	width: 70px;
}

#listing .pdf A {
	padding-left: 12px;
	background: url('../images/pfeil-rot.gif') no-repeat 0 3px;
}

.totop {
	width: 100%;
	text-align: right;
	display: block;
	height: 13px;
	line-height: 0px;
	font-size: 0px;
	margin-bottom: 12px;
	margin-right: 8px;
	margin-top: 0;
}

.totop A, .totop A:hover, .totop A:visited {
	padding-left: 0px;
	background: none;
	text-decoration: none;
}

#productsheader {
}

#productsheader .spacer, #productsheader .spacer2 {
	height: 0px;
	width: 100%;
	border-bottom: 5px solid #919191;
	line-height: 0px;
	font-size: 0px;
	margin: 0;
	padding: 0;
}
#productsheader .spacer2 {
	margin-bottom: 18px;
}

#productsheader .visual {
	float: left;
	margin-left: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#productsheader .listing {
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 21px;
	float: left;
}

#productsheader .listing A {
	padding-left: 12px;
	background: url('../images/pfeil.gif') no-repeat 0 3px;
}

#productsheader .dach {
	color: #3C3296;
}
#productsheader .dachbg {
	border-bottom: 5px solid #3C3296;
	clear: both;
}

#productsheader .grundieren {
	color: #EC7E00;
}
#productsheader .grundierenbg {
	border-bottom: 5px solid #EC7E00;
	clear: both;
}

#productsheader .verputzen {
	color: #81AB08;
}
#productsheader .verputzenbg {
	border-bottom: 5px solid #81AB08;
	clear: both;
}

#productsheader .verfliesen {
	color: #297D91;
}
#productsheader .verfliesenbg {
	border-bottom: 5px solid #297D91;
	clear: both;
}

#productsheader .abdichten {
	color: #C50000;
}
#productsheader .abdichtenbg {
	border-bottom: 5px solid #C50000;
	clear: both;
}

#productsheader .reparieren {
	color: #FFC300;
}
#productsheader .reparierenbg {
	border-bottom: 5px solid #FFC300;
	clear: both;
}

#productsheader .fassaden {
	color: #006E38;
}
#productsheader .fassadenbg {
	border-bottom: 5px solid #006E38;
	clear: both;
}

#producttable {
	margin-top: 25px;
	width: 531px;
	line-height: 16px;
}

#producttable A.pdf {
	background: url('../images/pfeil-rot.gif') no-repeat 0 3px;
	padding-left: 12px;
	margin-left: 8px;
}

#producttable EM {
	color: #333333;
}	

#producttable UL {
	margin: 0;
	padding: 0;
	margin-left: 8px;
	margin-bottom: 12px;
}

#producttable LI {
	margin: 0;
	padding: 0;
	margin-left: 15px; // margin-left: 17px;
	list-style-image: url('../images/liststyleimage.gif'); // list-style-image: url('../images/liststyleimage2.gif');
}

/* #producttable .leer .empty {
	border-top: 1px solid #919191;
	line-height: 11px;
	height: 7px;
}*/

#producttable .leer .empty {
	height: 1px;
	background-color: #919191;
	line-height: 1px;
	font-size: 1px;
	border-bottom: 7px solid #FFFFFF;
	border-top: 7px solid #FFFFFF;
}
	

#producttable .productrow {
}

#producttable .productimage {
	width: 158px;
	border-right: 1px solid #919191;
	text-align: center;
}

#producttable .productdetails {
	width: 320px;
	padding-left: 35px;
	vertical-align: top;
}

#producttable .producttotop {
	text-align: right;
	vertical-align: bottom;
}


#footer {
	clear: both;
	font-size: 10px;
	text-align: right;
	line-height: 100%;
	margin-right: 8px;
	margin-bottom: 7px;
}

/* Mailform */

.formular TD, .formular2 TD {
	vertical-align: top;
	padding: 3px;
	line-height: 17px;
}

.formular .feld, .formular2 .feld {
	width: 150px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #DDDDDD;
}

.formular {
	margin-top: 23px;
}

.formular .absenden, .formular2 .absenden {
	width: 150px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px;
	padding-left: 12px;
	background: #FFFFFF url('../images/pfeil.gif') no-repeat 0 3px;
	text-align: left;
}
.formular TD, .formular3 TD {
	vertical-align: top;
	padding: 3px;
	line-height: 17px;
}

.formular .feld, .formular3 .feld {
	width: 200px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #DDDDDD;
}
.formular .feld,.formular3 .feld1   {
	width: 100px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #DDDDDD;
}

.formular3 .feld3   {
	width: 250px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #DDDDDD;
}
.formular3 .feld4   {
	width: 350px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #DDDDDD;
}
.formular {
	margin-top: 23px;
}

.formular .absenden, .formular3 .absenden {
	width: 150px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px;
	padding-left: 12px;
	background: #FFFFFF url('../images/pfeil.gif') no-repeat 0 3px;
	text-align: left;
}





/* Paketbestellung */

#content .detail_box A.det_mns {
	color: #FFFFFF;
	background-image:url(''); 
	background-repeat:no-repeat;
	
}

#content .detail_box A.det_pls{
	color: #FFFFFF;
	background-image:url(''); 
	background-repeat:no-repeat
}

.detail_box{
	border: 1px solid #002C72;
	padding: 0px;
	background: #FFFFFF; 
	width:100%;
}




.detail_box table {
	width: 100%; 
	background: #002C72; 
	color: #FFFFFF;
	
}

.tech_data{
	margin-left:20px;
	width:50%;
}

.detail_box .tech_data{
	color: #333333;
	background-color:#FFFFFF;
	margin-left:20px;
	width:60%;
}

.productdetails{
	padding-left:15px;
	
}

#content .detail_box h2 {
	color: #FFFFFF;
	font-size:11px;
	line-height:10px;
}

.detail_box .product_details{
	color:#333333; 
	background-color:#FFFFFF;
	font-size:6px;

}

.product_details th{
	color: #002C72;
	text-align:left;
}

.product_details th, .product_details td{
padding:0 3px;
font-size:10px;
}

.product_details .artgesa{
	text-align:right;
}

.product_details .artpric{
	text-align:right;
}

.product_details .artquan{
	text-align:right;
}



.smallField{
	border: 1px solid #DDDDDD;
	width: 25px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	
}
.table_opener{
	width:5%;
}

.table_name{
	width:65%;
}

.table_price{
	width:15%;
}

.right{
	text-align:right;
	align:right;
}



/* Pruefung */

#Bpruefung{
	margin:30px;
	height:600px;;
}

#Adre{
	position:relative;
	top:20px;
}

#Read{
	position:absolute;
	top:130px;
	left:30px;
	
}
#Lfad{
	position:absolute;
	top:130px;
	left:250px;
	
}

#Best{
	position:absolute;
	top:280px;
}

#Bsenden{
	position:absolute;
	bottom:20px;
	right:30px;
	text-align:right;
}

#Bsenden a{

}
#Bsenden a:hover{
	text-decoration: underline overline;
}

.Artikel{
position:relative;
top:10px;
	
}
.Menge{
	position:relative;
	top:-3px;
	left:220px;
}

.Preis{
	position:relative;
	top:-16px;
	left:380px;
}
#Ware{
	position:absolute;
	top:520px;
}

#Vers{
	position:absolute;
	top:560px;
}

.small{
	font-size:9px;
}

#logob {
	position:absolute;
	top: 20px;
	right: 0px; 
	background: url('../images/logob.gif') no-repeat;
	width: 200;
	height: 114;
}