/* ------------------------------- */
/* Allgemeingültige Formatierungen */
/* ------------------------------- */

body {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	margin:5px;
	padding:0px;
	background-color: #FFF;
 
}

table {
	border-collapse:collapse;
	margin:0px;
	padding:0px;
	border:0px;
}

td {
	vertical-align:top;
	margin:0px;
	padding:0px;
	border:0px;
}

img {
	border:0px;
}

/* --------------- */
/* Aufbau der Site */
/* --------------- */

body,table,div{
  	font-size:12px;
	color:#333;
}

div.frame {
  	border:1px solid #AAA;
  	width:100%;
}

table.kopf {
	width:100%;
}
table.kopf td.logo {
	background-image:url(../img/hp02.gif);
}
table.kopf td.anruf {
	vertical-align:bottom;
	padding-bottom:10px; 
	color:#999; 
	font-size:0.8em; 
	background-image:url(../img/bg-head.gif);
	white-space:nowrap;
	padding-left:4px;
}

table.kopf td.anruf a {
	color:#999; 
	text-decoration:none;
}

table.kopf td.anruf a:hover {
	text-decoration:underline;
}

table.kopf td.wgzw {
	width:100%;
	text-align:right;
	vertical-align:bottom; 
	background-image:url(../img/bg-head.gif);
}

table.rahmen {
	width:100%;
	background-color:white;
}

table.rahmen td.navi {
	width:194px;
	background-image:url(../img/bg-nav0.gif);	
}

table.rahmen td.content {
	padding-left:40px; 
	padding-right:2px;
}

div.wintergartentext {
	width:600px;
}
/*Hervorhebungen*/

a{
	color:#333;
}

a:link{
	color:#333;
}
a:visited{
	color:#333;
}
a:hover{
	color: #0446AC;
}
a:active{
	color:#333;
}

h1{
	font-size: 1.4em;
	color: #000;
	padding:10px 0px 20px 0px;
	margin: 0px;
}
h2{
	font-size:1.2em;
	margin:0px;
	padding:15px 0px 5px 0px;
}
h3{
  font-size: 1.1em;
  margin: 0px;
  color: #D72E08;
}
h4, h5, h6{
	font-size:1.0em;
	font-weight:bold;
	margin:0px;
	padding:15px 0px 0px 0px;
	color:#900016;
}
.herv{
	font-size:1.0em;
	font-weight:bold;
	color:#900016;
}

/*Strukturelemente*/
ul{
	padding:0px 0px 0px 20px;
	margin:0px;
}
li{
	color:#444;
	list-style-image:url(../img/li.gif);
	padding:0px 0px 10px 0px;
}
p{
	line-height:120%;
	margin:5px 0px 5px 0px;
}

/*toplink*/
div.top{
	margin:3px 0px 3px 0px;
}

div.top a{
	border:1px solid #DDD;
	padding: 3px 0px 3px 0px;
	text-align: center;
	color:#999;
	text-decoration:none;
}
div.top a:link{
	color:#999;
}
div.top a:visited{
	color:#999;
}
div.top a:hover{
	color:#900016;
	background-color: #EFEFEF;
}
div.top a:active{
	color:#999;
}
/*backlink*/
/*ähnlich wie .top, aber rechts ausgerichtet*/
div.back{
	margin:3px 0px 3px 0px;
}

div.back a{
	display:block;
	width:100/**/%;
	border:1px solid #DDD;
	padding: 3px 5px 3px 0px;
	text-align: right;
	color:#999;
	text-decoration:none;
}
div.back a:link{
	color:#999;
}
div.back a:visited{
	color:#999;
}
div.back a:hover{
	color:#2754AE;
	background-color: #FFF5CF;
}
div.back a:active{
	color:#999;
}

/*spezielle Stile*/

div.adressblock{
	font-size:0.8em;
	letter-spacing: 0.03em;

}
.bildunterschrift{
  font-size:0.9em;
  color:#555;
  font-style: italic;
}

td.bannerleiste{
  width:210px;
  text-align:right;
}

td.bannerleiste div{
  border:1px solid #AAA;
  padding:2px;
  width:200px;
  margin:1px 0px 1px 5px;
}

td.bannerleiste div img{
  border:0px;
}

div.content{
	padding:20px 20px 0px 85px;
}

.kapital {
 font-size:16px;
 font-weight:bold;
}


table.errortable {
	border:1px dashed #CC0000;
	margin-left:2px;
	width:170px;
}

table.errortable td{
	font-size:11px;
	color:#CC0000;
}

div#contentframe {

}

div#contentframe p {
	margin:0px;
	padding:0px;
	margin-top:1.0em;
	margin-bottom:1.3em;
}

div#contentframe h3 {
	margin-bottom:1.3em;
}

div.infokasten{
  border:1px solid #999;
  padding:3px;
  margin:10px;
  background-color:#FF6633;
  color:#FFF;
  font-weight:bold;
}

div.infokasten h1, div.infokasten h2, div.infokasten h3, div.infokasten h4{
  color:#FFF;
}
div.infokasten a{
  color:#FFF;
}
div.infokasten a:link{
  color:#FFF;
}
div.infokasten a:visited{
  color:#FFF;
}
div.infokasten a:hover{
  color:#FFD700;
}
div.infokasten a:active{
  color:#FFF;
}
ul.gelberKasten{
  
}
ul.gelberKasten li{
  list-style-image: url(../img/lp-gelb.gif);
  list-style-position: inside;
}

/*Finanzierungsbereich*/
/*details*/
table.fin-det-tab1{
  width:100%;
}
table.fin-det-tab1 th{
  background-color:#354D9A;
  color:#FFF;
}
table.fin-det-tab1 td{
  background-color:#6699CC;
  color:#FFF;
  font-weight:bold;
}
table.fin-det-tab2{
  border-collapse:collapse;
  clear:both;
  margin-top:5px;
  width:100%;
}
table.fin-det-tab2 td{
  background-color:#F33;
  color:#FC3;
  font-weight:bold;
  padding:3px;
  border:1px solid #EEE;
}

/*=======Aufbau-Kurzanleitung===========*/
table.anleitung{
  border-collapse:collapse;
  border-color:#999;
  border-width:0px 1px 0px 1px;
  border-style:solid;
  border-color:#999;
}
table.anleitung td {
  padding:3px;
  border-width:1px 0px 1px 0px;
  border-style:solid;
  border-color:#999;
}
table.anleitung tr.navi td{
  background-color: #FF6633;
  width:33%;
}
table.anleitung tr.navi a, table.anleitung tr.navi a:link, table.anleitung tr.navi a:hover, table.anleitung tr.navi a:visited, table.anleitung tr.navi a:active{
  display: block;
  width: 100/**/%;
  background-color: #FF8855;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}
table.anleitung h2{
  font-size: 1.4em;
  color: #FF5922;
  font-family: Arial, Helvetica, sans-serif;
}
table.anleitung tr.navi a:hover{
  background-color: #FF9C7B;
}
table.anleitung tr.navi td.back a{
  background-image: url(../img/arr-bck.gif);
  background-repeat: no-repeat;
}
table.anleitung tr.navi td.forward a{
  background-image: url(../img/arr-fwd.gif);
  background-position: right;
  background-repeat: no-repeat;
}

/* Jubiläumsangebote  */
/* ------------------ */

div.angebotbg {
	background-image: url(../img/jubi/angebot01.jpg);
	background-repeat:no-repeat;
	background-position:400px -50px;
	padding-right:150px;
}

div.jub-navigator{
  -moz-box-sizing:border-box;
  width:160px;
  margin:1px 0px 0px 0px;
  padding:0px;
  border-width:1px;
  border-style:solid;
  border-color:#999 #333 #333 #999;
  background-color: #FFF;
}
div.jub-navigator a{
  font-size: 0.9em;
  display:block;
  padding:3px;
  margin:2px;
  border:1px solid #666;
  -moz-box-sizing:border-box;
  text-align:left;
  width:154px;
}
div.jub-navigator a:link, div.jub-navigator a:visited, div.jub-navigator a:active {
  background-color: #FFF5CF;
  text-decoration:none;
}
div.jub-navigator a:hover{
  background-color: #FFE888;
}

table.finanzierung td.bggeld {
	background-image: url(../img/jubi/finanz01.jpg);
	background-repeat:no-repeat;
	background-position:70px 140px;
	padding-left:10px;
}

p.markant {
	border:1px solid #FFCC00;
	background-color:#FFF2BF;
	padding:10px;
	font-weight:bold;
	width:auto;
	text-align:center;
}

div.bildrechts {
	float:right; 
	margin-left:20px; 
	margin-bottom:10px;
	font-size:10px;	
	color:#222;
}

div.bildlinks {
	float:left; 
	margin-right:20px; 
	margin-bottom:10px;
	font-size:10px;
	color:#222;
}

div.bildmitbeschreibung {
	margin-bottom:10px;
	font-size:10px;
	color:#222;
}

/* Beschichtungswerk */
div.beschichtungswerk {
	width:500px;
	overflow:hidden;
	background-image:url(../img/beschichtungswerk/beschichtungswerk3.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-top:260px;
}

div.beschichtungswerk p {
	color:#111;
}

/* katalofanforderung 
------------------
*/

table.kontaktdaten td {
	font-size:11px;
	border:1px solid #DDD;
	padding:3px;
	padding-right:10px;
}

table.kontaktdaten td.responder {
	padding-left:10px;
	vertical-align:top;
	border:0px;
}

table.mehranfordern {
	margin-top:15px;
	background-color:#DED0FF;
	border:1px solid #9C91B3;
	width:430px;
}


table.mehranfordern td {
	padding:4px;
}



/* Kontaktformular 
 ------------------
*/

table.formular {
}

table.formular td {
	padding:2px;
}

table.formular td.feldbeschreibung {
	text-align:right;
	padding-right:5px;
	font-size:95%;
}

table.formular td.left {
	width:250px;
}


.sehrklein {
	font-size:0.8em; 
}

table.servicephone td {
	padding:2px;
}

a.helper {
	background-image:url(../img/frame/twrechts.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	font-size:10px;
	padding-left:15px;
}

div.help {
	visibility:hidden;
	margin-left:10px;
	border:1px dashed #A7C3DF;
	background-color:#EFF7FF;
	padding:4px;
	width:500px;
	position:absolute;
	left:403px;
	top:290px;
	z-index:999;
}

table.serviceformular {
	border:1px solid #CCC;
	background-color:#EEE;
}


table.serviceformular th {
	border:1px solid #FFF;
	background-color:#FFF;
}

table.serviceformular td{
	padding:2px;
	font-size:11px;
}

table.serviceformular td.left {
	text-align:right;
	vertical-align:middle;
	width:150px;
	padding-right:10px;
}

table.servicedanke {
	border:1px solid #CCC;
	background-color:#EEE;
}

table.servicedanke td {
	padding:5px;
	border:1px solid #DDD;
}

td.white {
	background-color:#FFF;	
	font-size:11px;
	
}

div.hinweiseconfirm {
	font-size:11px;
	width:300px;
	height:100px;
	padding:3px;
	overflow:scroll;
	background-color:#FFF;
}

div.stellenangebotrahmen {
	border:1px solid #CCC;
	width:600px;
	padding:10px;
	background-image:url(../img/stellenangebote/index.jpg);
	background-repeat:no-repeat;
	background-position:400px bottom;
}

div.stellenangebotdetail {
	border:1px solid #CCC;
	width:600px;
	padding:10px;
}

div.bauzeichner {
	background-image:url(../img/stellenangebote/beschwerk_rahmen.jpg);
	background-repeat:no-repeat;
	background-position:320px 20px;
}
table.kontakttelefon td {
	padding-right:5px;
	padding-bottom:5px;
}

div#DIVWGBild {
	max-width:540px; 
	width:540px; 
	background-image:url(../img/startseite/wintergarten_impressionen.jpg); 
	background-repeat:no-repeat; 
	background-position: right; 
	height:400px;
	position:relative;
}

div#DIVWillkommen {
	position:absolute;
	top:130px;
	left:0px;	
}

div#DIVWGBild div.weihnachtswuensche {
	position:absolute;
	background-image:url(../img/startseite/neujahreswuensche.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:256px;
	height:176px;
	border:1px solid #222;
	top:120px;
	left:275px;
	background-color:#FFF;
}

div#DIVButtonAccoya {
	position:absolute;
	top:145px;
	left:130px;	
}

/* Accoya */

div.accoya-box{
  width:180px;
  padding:0px 10px;
  margin:0px 10px;
  color:#FFF;
  background-color: #6CB348;
  -moz-box-sizing:border-box;
  font-size:0.9em;
}
div.accoya-box p{
  margin:0px;
  padding:0px;
  line-height: 1.1em;
}
div.accoya-box-bright{
  padding:0px 3px;
  border:1px solid #6CB348;
  -moz-box-sizing:border-box;
}
.accoya-fussnote{
  color:#777;
  font-size:0.8em;  
}
.accoya-garantie-small{
  font-size:0.7em;
}


div.banner_neu {
	background-image:url(../img/anforderungen/neu.gif);
	background-repeat:no-repeat;	
	width:34px;
	height:30px;
	position:absolute;
}