/* BODY
-------------------------------------------------------------------- */
BODY{
   FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 10pt;
	color: #2a57a5;
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;
	MARGIN-BOTTOM: 0px;
	padding: 0;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(images/bg-body.gif); 
	background-repeat: repeat-x; 
	line-height: 1.5em;
}
BODY.zoom{
   FONT-SIZE: 10pt;
   background-image: none;	
   FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #2a57a5;
	MARGIN: 0px;
	background-color: #edf3fe;
}
BODY.galerie{
   FONT-SIZE: 10pt;
   background-image: none;	
   FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #2a57a5;
	MARGIN: 0px;
	background-color: #edf3fe;
}

/* FORMULARELEMENTE
-------------------------------------------------------------------- */
FORM{
	background-color:#edf3fe;
	border: 1px solid #d8e5fc;
	COLOR: #2a57a5;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	padding: 5px;
	margin: 0px;
	width: 640px;
}
FORM.suche{
	background: none;
	border: 0;
	padding: 0px;
	margin: 0px 0px 8px 0px;
	width: 245px;
}
LABEL{
	width: 180px;
	float: left;
}
RADIO{
	COLOR: #2a57a5;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
}
INPUT{
	background-image: url(images/innershadow.gif);
	border: 1px solid #3d7ff2;
	background-color:#edf3fe;
	COLOR: #2a57a5;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	width: 300px;
	padding: 2px;
	margin-bottom: 2px;
}
INPUT.ohne_rahmen{
	border-width:0;
	background-color:#edf3fe;
   COLOR: #2a57a5;
   FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 10pt;
	width: 20px;
	background-image: none;
}
INPUT.button{
	background-color: #77a5f6;
	background-image: url(images/bg-button-300.gif); 
	background-repeat: no-repeat; 
	border: none;
   COLOR: #ffffff;
	height: 27px;
	cursor:pointer;
}
INPUT.suche{
	width: 200px;
}
INPUT.suchebutton{
	width: 20px;
	background-image: url(images/suche.gif);
	border: 0;
}
SELECT{
	border: 1px solid #3d7ff2;
	background-color:#FFFFFF;
   COLOR: #2a57a5;
   FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 10pt;
	width: 300px;
	padding: 2px;
	margin-bottom: 2px;
}
SELECT.hundert{
	width: 100px;
}
SELECT.zweihundert{
	width: 200px;
}
textarea{
	background-image: url(images/innershadow.gif);
	border: 1px solid #3d7ff2;
	background-color:#FFFFFF;
    COLOR: #2a57a5;
    FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
	width: 300px;
	padding: 2px;
}

/* TABELLEN
-------------------------------------------------------------------- */
TABLE{
    FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif
}
TABLE.formrahmen{
    Background: #3d7ff2;	
}
TABLE.hell{
    Background: #edf3fe;	
    FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif
}
TABLE.mittel{
    Background: #d8e5fc;	
    FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif
}
TABLE.zoom{
    border-color:#3d7ff2;	
    FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif
}
TR{
    FONT-SIZE: 10pt;
    FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif
}
TR.farbig{
    Background: #3d7ff2;	
    FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif
}
TR.mittel{
    Background: #d8e5fc;	
    FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
}
TR.hell{
    Background: #edf3fe;	
    FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif
}
TH{
    FONT-SIZE: 22pt;
    COLOR: #3d7ff2;
    FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif
}
TD{
    FONT-SIZE: 10pt;
    FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #2a57a5
}
TD.mittel{
    Background: #d8e5fc;	
    FONT-SIZE: 10pt;
    FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #2a57a5
}
TD.farbig{
    FONT-SIZE: 10pt;
    Background: #3d7ff2;
    FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #2a57a5
}
TD.trenner{
	 border-top: 1px dotted #2a57a5;
	 height: 5px;
}

/* ALLGEMEINE FORMATIERUNGEN
-------------------------------------------------------------------- */
li{
	FONT-SIZE: 10pt;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #2a57a5;
	list-style-image:url(images/anstrich-li.gif);
}
P{
	FONT-SIZE: 10pt;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #2a57a5;
	line-height: 1.5em;
}
P.klein{
	FONT-SIZE: 10pt;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #2a57a5;
}
P.gross{
	FONT-WEIGHT: bold;
	FONT-SIZE: 15pt;
	COLOR: #2a57a5;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif
}
P.abschluss{
	FONT-SIZE: 10pt;
	COLOR: #3d7ff2;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif
}
A{
	FONT-SIZE: 10pt;
   COLOR: #ff3333;
   FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
}
A:hover{
   COLOR: #2a57a5;	
   FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
}
A.klein{
   FONT-SIZE: 10pt;
}
a.noborder:hover {
	border: 0;
	text-decoration: none;
}
hr{
	width: 100%; 
	color: #3d7ff2;
	height: 1px;
	border: 0;
}
.galerie h2{
   font-size: 20px;
	color: #ffffff; 
	margin : 0px;
	padding: 5px;
	border-bottom: 1px dotted #ff3333;
	background-color:#3d7ff2;
	text-align: right;
}
.highlight {
	font-weight: bold;
	color: #ff0000;
}
/* NAVIGATION
-------------------------------------------------------------------- */
#nav {
	width: 900px;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#nav li {
	list-style-image:none;
	padding: 0px;
	margin: 0px;
	float: left;
}
#nav li a {
	font-size: 16px;
	height: 20px;
	display: block;
	color: #FFFFFF;
	text-align: left;
   padding: 10px 10px 9px 10px;
   margin: 0px;
	letter-spacing: 0em;
	border: 0;
   text-decoration: none;
	float: left;
}
#nav a:hover {
	color: #FFFFFF;
	background-color: #1e3e75;
}
#nav a.aktiv {
	color: #FFFFFF;
	background-color: #77a5f6;
}

#nav2 {
	width: 230px;
	margin: 0px;
	padding: 4px;
	border: 1px solid #ddddd8;
	background-color: #FFFFFF;
}
#nav2 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #d8e5fc;
}
#nav2 li {
	width: 210px;
	list-style-image:none;
	padding: 0px;
	margin: 0px auto;
}
#nav2 li a {
	font-size: 100%;
	display: block;
	color: #2a57a5;
	text-align: left;
   padding: 2px 10px 2px 10px;
   margin: 0px;
	letter-spacing: 0em;
	border: 0;
   text-decoration: none;
	border-top: 1px solid #a3bff0;
}
#nav2 li .erster {
	border: none;
}
#nav2 a:hover {
	color: #2a57a5;
	font-weight: bold;
}
#nav2 a.aktiv {
   padding: 2px 10px 2px 20px;
	font-weight: bold;
}

/* RAHMEN
-------------------------------------------------------------------- */
#rahmen{
	width: 900px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(images/bg-rahmen.gif); 
	background-repeat: no-repeat; 
	background-position: left bottom;
}

/* HEADER
-------------------------------------------------------------------- */
#headernav{
	width: 900px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	color: #bfcbe1;
	text-align: right;
	margin-top: 10px;
	z-index: 10;
}

#headernav a {
	color: #bfcbe1;
	font-size: 80%;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#headernav a:hover {
	color: #FFFFFF;
}
#headernav img {
	border: none;
	margin: 0px;
	padding: 0px;
}
#header{
	width: 900px;
	height: 180px;
	margin: 0px;
	padding: 0px;
}
#headerlogo{
	float: left;
	width: 287px;
	margin: 0px;
	padding: 0px;
}
#headerbild{
	float: right;
	width: 613px;
	margin: 0px;
	padding: 0px;
}

/* INHALTSBEREICH
-------------------------------------------------------------------- */
#links {
	width: 240px;
	padding: 0px;
	margin: 0px;
	float: left;
}
#content {
	width: 650px;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	text-align: left;
	float: right;
}
#breadcrumb{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: left;
	font-size: 80%;
}
#breadcrumb a{
	font-size: 100%;
}
#inhalt{
	width: 650px;
	min-height: 530px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#ueberschrift h1{
   font-size: 16px;
	color: #3d7ff2; 
	margin: 0;
	padding: 0;
}
#inhalt h1{
	font-size: 22px;
	color: #3d7ff2; 
	margin: 0;
	padding: 0;
	font-weight: normal;
}
#inhalt h2{
   font-size: 20px;
	color: #2a57a5; 
	margin: 10px 0px 5px 0px;
	padding: 0;
	font-weight: normal;
	border-bottom: 1px dotted #77a5f6;
}
#inhalt h3{
   font-size: 15px;
	color: #2a57a5; 
	margin: 10px 0px 5px 0px;
	padding: 0px;
}
#inhalt h4{
   font-size: 15px;
	color: #2a57a5; 
	font-weight: bold;
	margin: 2px 3px;
	padding: 0px;
	border: none;
}

/* DHTML GOODIES
-------------------------------------------------------------------- */
.dhtmlgoodies_question {
	color: #E08802;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	height:20px;
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer {
	width:570px;
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content {
	position:relative;
}

/* SLIDESHOW-BILDER
-------------------------------------------------------------------- */
#imageSlideshowHolder{
	float: right;
	margin: 0; 

	/* CSS HACK */
	width: 613px;	/* IE 5.x */
	width/* */:/**/613px;	/* Other browsers */
	width: /**/613px;
			
	/* CSS HACK */
	height: 180px;	/* IE 5.x */
	height/* */:/**/180px;	/* Other browsers */
	height: /**/180px;
			
	border: none;
	position:relative;	/* Never change this value */
		
}
.imageInGallery{		
	width:613px;
	height:181px;
		
	/* Never change these 3 value */
	left:0px;
	top:0px;
	position:absolute;	
}
	
#imageSlideshowHolder img{
	position:absolute;
}

/* DOWNLOADS
-------------------------------------------------------------------- */
#downloads ul li {
	list-style: none; 
	margin-bottom: 10px;
	margin-left: -20px;
	padding: 0 0 0 25px;
	list-style-image: none;
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#downloads ul li.pdf { background-image: url(images/pdf.gif);}
#downloads ul li.zip { background-image: url(images/zip.gif);}
#downloads ul li.html { background-image: url(images/html.gif);}

/* SORTIMENT
-------------------------------------------------------------------- */
div.sortiment {
	width: 210px;
	height: 210px; 
	margin: 0 6px 10px 0;
	padding: 0;
	background-repeat: no-repeat;
}
#inhalt h2.sortiment {
	padding: 2px 5px 5px 15px;
	color: #FFFFFF;
	font-size: 18px;
}

.dachbinder {background-image: url(images/sortiment-dachbinder.gif); float: left;}
.deckenplatten {background-image: url(images/sortiment-deckenplatten.gif); float: left;}
.stuetzen {background-image: url(images/sortiment-stuetzen.gif); float: left;}
.unterzuege_pfetten {background-image: url(images/sortiment-unterzuege-pfetten.gif); float: left;}
.waende {background-image: url(images/sortiment-waende.gif); float: left;}
.sonderelemente {background-image: url(images/sortiment-sonderelemente.gif); float: left;}

/* NOPRINT BEREICH
-------------------------------------------------------------------- */
div.noprint { display: none; }

/* BOXEN
-------------------------------------------------------------------- */
.box {
	width: 230px;
	margin: 10px 0px 0px 0px;
	padding: 4px;
	border: 1px solid #ddddd8;
	background-color: #FFFFFF;
	text-align: left;
}
.boxinhalt {
	background-color: #e0e0d7;
	padding: 5px;
	font-size: 80%;
}
.boxinhalt p {
	color: #868575;
	font-size: 100%;
}
.boxinhalt a {
	color: #2a57a5;
	font-size: 100%;
}
.box h2 {
	color: #2a57a5;
	font-size: 180%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.kontakt {
	background-image: url(images/bg-kontakt.gif); 
	background-repeat: no-repeat; 
}
.zertifikat {
	background-image: url(images/bg-zertifikat.gif); 
	background-repeat: no-repeat; 
}
.zertifikatlogos {
	width: 230px;
	margin: 5px 0px;
	padding: 4px;
	text-align: center;
}

/* CALLBACK
-------------------------------------------------------------------- */
.callback {
	background-image: url(images/bg-callback.gif); 
	background-repeat: no-repeat; 
}
#callback {
	margin: 0px;
	padding: 0px;
}
#meldung {
   font-size: 10pt;
	font-size: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
}
#meldung .erfolg {
	padding: 3px;
	border: 1px solid green;
	color: green;
	background-color: #CCFFCC;
}
#meldung .fehler {
	padding: 3px;
	border: 1px solid red;
	color: red;
	background: #FFFFFF;
}
#callback form {
	border: none;
	background: none;
	margin: 0px;
	padding: 0px;
}
#callback input {
	width: 150px;
	color: #868575;
	font-size: 80%;
	border: 1px solid #aaa99e;
}
#callback input.button_callback {
	background-color: #c3c3b3;
	background-image: url(images/bg-button-150.gif); 
	background-repeat: no-repeat; 
	color: #fff;
	border: none;
	height: 27px;
	cursor:pointer;
}
#callback label {
	width: 70px;
	font-size: 80%;
	color: #868575;
}

/* KONTAKT
-------------------------------------------------------------------- */
.kontaktbox{
	width: 180px; 
	float: left; 
	background-image: url(images/anstrich.gif); 
	background-repeat: no-repeat; 
	background-position: 0 5px;
	padding-left: 15px;
}
a:hover.autor {
	border: 0px;
}
form p {
	margin-bottom: 5px;
}

/* TOOLTIP
-------------------------------------------------------------------- */
.tooltip {
	position: absolute;
	display: none;
	background-color: #77a5f6;
	width: 350px;
	text-align:left;
	border: 1px solid #FFFFFF;
	padding: 10px;	
	color: #FFFFFF;
}
.tooltip img{
	border: 1px solid #FFFFFF;
}
a img {
	border-color: #77a5f6;
}

/* FOOTER
-------------------------------------------------------------------- */
#footerrahmen {
	width: 100%;
	height: 280px;
	margin: 0px;
	background-color: #2a57a5;
	background-image: url(images/bg-footer.gif); 
	background-repeat: repeat-x; 
}
#footer {
	width: 900px;
	height: 65px;
	margin: 0px auto;
	background-image: url(images/bg-footer-betonteil.gif); 
	background-repeat: no-repeat; 
}
#footer p {
	margin: 0px 0px 0px 250px;
	font-size: 80%;
	color: #FFFFFF; 
	padding: 10px 0px 0px 0px;
	text-align: left;
}
#footer a{
	color: #FFFFFF; 
	font-size: 100%;
}
#footer a:hover{
	color: #FFFFFF; 
	border: 0;
	background: none;
	text-decoration: underline;
}
#footer a.whatlink {
	color: #77a5f6; 
}

/* IE7 PROBLEME
-------------------------------------------------------------------- */
*html FORM{
	width: 650px;
}
*html #rahmen{
	width: 900px;
}
*html #inhalt{
	height: 580px;
}
*html .tooltip {
	width: 370px;
}