body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	margin: 0px;
	padding: 0px;
	background: #fdf4cf;
}
html {
        overflow-y:scroll;
}

div.box {
	width: 980px;
	margin: auto;
	margin-top: 0px;
	overflow: hidden;
	background: #fff;
}	
div.alles { 
	width: 978px;
	margin: auto;
	border: 1px solid #f7c600;
	border-left: none;
	float: left;
	}

div.kopf { background: #F7C600; 
	height: 83px;}

div.menue {
	width: 130px;
	background: url(bilder/gelb.gif) #f7c600;
	float: left;
}	

div.mbild {
    left: 0px; 
    top: 0px; 
}

div.mp, div.ma { padding-left: 5px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color: #330099; margin-bottom: 1px; padding-bottom: 2px; line-height: 12px;
	background: url(bilder/fvm2.jpg) no-repeat;
	background-position: left bottom;
}

div.mp a, div.ma a { text-decoration: none; margin: 0px; padding: 0px;}

div.mp a { color: #330099;}
div.ma a { color: #ff0000; }

div.mp img, div.ma img { margin: 0px; padding: 0px;}

div.abstand { height: 15px; }

div.bslogo {
	padding-left: 5px;
	padding-top: 55px;
	padding-bottom: 14px;
}
div.inhalt {
	background: url(bilder/ecke.gif) no-repeat;
	background-position: left top;
	float: left;
}

div#div1 {
	width: 250px;
	height: 485px;
	margin-left: 30px;
	margin-top: 15px;
	position: relative;
	float: left;
}	

div#div3 {
	width: 250px;
	height: 485px;
	margin-left: 20px;
	margin-top: 15px;
	position: relative;
	float: left;

}	

div#div2 {
	width: 250px;
	height: 485px;
	margin-left: 20px;
	margin-top: 15px;
	position: relative;
	float: left;
}	

div.wasser { background : White url(bilder/wasser.jpg) no-repeat; }
div.feuer { background : White url(bilder/feuer.jpg) no-repeat; }
div.solar { background : White url(bilder/sonne.jpg) no-repeat; }
div.klempnerei { background : White url(bilder/dachr1.jpg) no-repeat; }
div.regen { background : White url(bilder/regen.jpg) no-repeat; }
div.pumpe { background : White url(bilder/eiwas.jpg) no-repeat; }
div.staub1 { background : White url(bilder/staub1.jpg) no-repeat; }
div.staub2 { background : White url(bilder/staub2.jpg) no-repeat; }
div.staub3 { background : White url(bilder/staub3.jpg) no-repeat; }
div.luft1 { background : White url(bilder/luft1.jpg) no-repeat; }
div.luft2 { background : White url(bilder/luft2.jpg) no-repeat; }
div.luft3 { background : White url(bilder/luft3.jpg) no-repeat; }


DIV.u1 {
	left : 0px;
	top : 0px;
	width: 250px;
	height: 60px;
	z-index : 35;
	position: absolute;
}

DIV.d1 {
	top: 60px;
	left: 0px;
	width: 250px;
	height : 400px;
    	clip : rect(0 250px 400px 0);
	z-index : 20;
	position: absolute;
}

DIV.di {
	width: 250px;
	padding-right : 5px;
	padding-left : 5px;
	position : relative;

}

DIV.dt1 {
	top: 60px;
	left: 0px;
	width: 780px;
	height : 380px;
	z-index : 20;
	position: absolute;
	padding: 10px;
	border: 1px solid #000080;
	overflow-y: auto;
	
}

DIV.dti {
	position : relative;

}

DIV.isp1pfu {
	left : -9px;
	top : 465px;
	position: absolute;
	width: 0px;
	height: 15px;
	background-color : transparent;
	z-index : 45;
	visibility : hidden; 	  
}

DIV.isp1pfo {
	left : 245px;
	top : 465px;
	width: 20px;
	height: 15px;
	background-color : transparent;
	z-index : 45;
	visibility : hidden; 
	position: absolute; 
}

DIV.u2 {
	left : 0px;
	top : 0px;
	width: 250px;
	height: 60px;
    position : absolute;
    z-index : 35;
}

DIV.d2 {
	left : 0px;
	top : 60px;
	width: 250px;
	position : absolute;
	height: 400px;
   	clip : rect(0 250px 400px 0);
    z-index : 20;
}

DIV.isp2pfu {
	left : -9px;
	top : 465px;
	width: 20px;
	height: 15px;
	position : absolute;
	background-color : transparent;
	z-index : 45;
	visibility : hidden;
}

DIV.isp2pfo {
	left : 245px;
	top : 465px;
	width: 20px;
	height: 15px;
	position : absolute;
	background-color : transparent;
	z-index : 45;
	visibility : hidden;
}

DIV.u3 {
	left : 0px;
	top : 0px;
	width: 250px;
	height: 60px;
	position : absolute;
    z-index : 35;
}

DIV.d3 {
	left : 0px;
	top : 60px;
	width: 250px;
	position : absolute;
	height: 400px;
	clip : rect(0 250px 400px 0);
    z-index : 20;
}

DIV.isp3pfu {
	left : -9px;
	top : 465px;
	width: 20px;
	height: 15px;
	position : absolute;
	background-color : transparent;
	z-index : 45;
	visibility : hidden;
}

DIV.isp3pfo {
	left :245px;
	top : 465px;
	width: 20px;
	height: 15px;
	position : absolute;
	background-color : transparent;
	z-index : 45;
	visibility : hidden;
}

div.b0 { left : 0px; top : 100px; position : absolute; z-index: 19; visibility : visible; border : 2px solid #000080; }
div.b1 { left : 0px; top : 100px; position : absolute; z-index : 19; visibility : visible; border : 2px solid #ff0000; }
div.b1t { left : 0px; top : 100px; position : absolute; z-index : 19; visibility : visible; border : 2px solid #ff0000; background-color : #FFE5E5; }
div.b2 { left : 0px; top : 100px; position : absolute; z-index : 19; visibility : visible; border : 2px solid #ff9900; }


.wasser div.d1, .wasser div.d2, .wasser div.d3 { background : White url(bilder/hgwasser.gif) repeat-y; }
.feuer div.d1,  .feuer div.d2, .feuer div.d3     { background : White url(bilder/hgfeuer.gif) repeat-y; }
.solar div.d1,  .solar div.d2, .solar div.d3      { background : White url(bilder/hgsonne.gif) repeat-y; }
.klempnerei div.d1, .klempnerei div.d2, .klempnerei div.d3 { background : White url(bilder/hggrau.gif) repeat-y; }
.regen div.d1,  .regen div.d2, .regen div.d3      { background : White url(bilder/hgwasser.gif) repeat-y; }
.pumpe div.d1,  .pumpe div.d2, .pumpe div.d3      { background : White url(bilder/hgwasser.gif) repeat-y; }
.staub1 div.d1, .staub1 div.d2, .staub1 div.d3     { background : White url(bilder/hggrau.gif) repeat-y; }
.staub2 div.d1, .staub2 div.d2, .staub2 div.d3    { background : White url(bilder/hggrau.gif) repeat-y; }
.staub3 div.d1, .staub3 div.d2, .staub3 div.d3     { background : White url(bilder/hggrau.gif) repeat-y; }
.luft1 div.d1,  .luft1 div.d2, .luft1 div.d3      { background : White url(bilder/hgluft.gif) repeat-y; }
.luft2 div.d1,  .luft2 div.d2, .luft2 div.d3      { background : White url(bilder/hgluft.gif) repeat-y; }
.luft3 div.d1,  .luft3 div.d2, .luft3 div.d3      { background : White url(bilder/hgluft.gif) repeat-y; }


A.nichts:link, a.nichts:hover, a.nichts:visited {
	text-decoration: none;
	color: #330099;
	cursor: nw-resize;
	display: inline;
}

A.bild:link, a.bild:hover, a.bild:visited {
	text-decoration: none;
	color: #cc0000;
}

A.heizung:link, a.heizung:hover, a.heizung:visited {
	text-decoration: none;
	color: #cc0000;
}

A.info:link, a.info:hover, a.info:visited {
	text-decoration: none;
	color: #000000;
}

p.heizung {
	background-color : #FFE5E5;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : Black;
	width : 200px;
}

P.uebsan {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	margin-top: 20px;
	margin-bottom: 10px;
	color : #0040ff;
}

P.uebheiz {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	margin-top: 20px;
	margin-bottom: 10px;
	color : #ff3333;
}

P.uebsol {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	margin-top: 20px;
	margin-bottom: 10px;
	color : #e08600;
}


P.uebreg {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	margin-top: 20px;
	margin-bottom: 10px;
	color : Navy;
}
p.uebstb {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	margin-top: 20px;
	margin-bottom: 10px;
	color : #6c6c6c;
}

p.uebluf {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	margin-top: 20px;
	margin-bottom: 10px;
	color : #755b54;
}

p.textn {
	font-size: 11px; 
	margin-top: 0px;
	margin-right: 10px;
	}

p.textc {
	font-size: 11px; 
	margin-top: 0px;
	}
	
div.firma div.d1f, div.firma div.d2f, div.firma div.d3f  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-size : 12px;
	color : Navy;
	width: 250px;
	height: 460px;
	margin-top: 20px;
	top: 20px;
	clip: rect(0pt, 250px, 460px, 0pt);
}
.firma .d1f h1.san, .firma .d1f h1.heiz, .firma .d1f h1.sol {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.firma .d1f h1.san {
	color: Navy;
	margin-bottom: 10px;
	
}
.firma .d1f h1.heiz {
	color: #f00;
	margin-bottom: 10px;
	margin-left: 40px;
}

.firma .d1f h1.sol {
	color: #ffcc00;
	margin-bottom: 20px;
	margin-left: 90px;
}

div#abstand-firma {
	margin-top: 120px;
	margin-left: 50px;
}

/*  Kontakt */

div.kontakt {
	position: relative;
	line-height: 140%; 
	width: 800px;
	height: 150px;
	background: url(bilder/ecke.gif) no-repeat;
	}

div.kontakt H1 {    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size : 20px; 
    font-weight: normal;
    line-height: 140%;
}	

div.kontakt div.dk1 {
    left : 50px;
    top : 20px;
    position : absolute;
    width: 800px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size : 12px; 
    color: Navy; 

}

div.kontakt div.dk2 {
    left : 50px;
    top: 110px;
    width : 200px;
    position : absolute;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size : 12px; 
    color: Navy; 
 }

div.kontakt div.d2a {
    left : 50px;
    width : 200px;
    top: 160px;
    position : absolute;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size : 12px; 
    font-weight: bold;
    color: Navy; 
}

div.kontakt div.dk3 {
    left : 340px;
    top : 110px;
    width : 250px;
    position : absolute;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size : 12px; 
    color: Navy; 
}

div.kontakt DIV.d3a {
	left : 340px;
	top : 177px;
    width : 250px;
    position : absolute;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size : 12px; 
    font-weight: bold;
    color: Navy; 
}

div.kontakt DIV.d4 {
	left : 630px;
	top : 110px;
    width : 250px;
    position : absolute;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size : 12px; 
    color: Navy; 
}

div.kontakt DIV.d4a {
	left : 630px;
	top : 194px;
    width : 250px;
    position : absolute;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size : 12px; 
    font-weight: bold;
    color: Navy; 
}

div.kontakt DIV.d4a a {
    color: Navy; 
}

div.kontakt DIV.d5 {
	left : 50px;
	top : 230px;
	width : 820px;
	position : absolute;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : Navy;
}

div.formular {
	left : 50px;
	top : 350px;
	position : absolute;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
    	width : 820px;
	color : Navy;
	
}

div#div4 {
	top: 140px;
	left: 0px;
	width: 810px;
	margin-left: 0px;
	margin-top: 20px;
	position: relative;
}	

div#div5 {
	top: 0px;
	left: 0px;
	width: 810px;
	margin-left: 0px;
	margin-top: 40px;
	position: relative;
}	

div.tfg {
	left : 30px;
	top : 110px;
	width: 810px;
	position : absolute;
	height : 200px;
    clip : rect(0,810px,200px,0);
	z-index : 20;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size : 12px; 
    color: Navy; 
}

div.partner { height: 300px; }

div.partner div#div1, div.partner div#div2, div.partner div#div3 {
	height : 90px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size : 12px; 
    color: Navy; 
}
div.partner div#div1 div.d1, div.partner div#div2 div.d2, div.partner div#div3 div.d3 {
	height: 180px;
}
div.partner div.d1 img, div.partner div.d2 img, div.partner div.d3 img {
	margin-bottom: 5px;
}
DIV.d1a {
	left : 50px;
	top : 45px;
    width : 150px;
    position : absolute;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size : 12px; 
    color: Navy; 
}

DIV.d1b {
	left : 250px;
	top : 40px;
    position : absolute;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size : 12px; 
    color: Navy; 
}

DIV.d1c {
	left : 550px;
	top : 40px;
    width : 150px;
    position : absolute;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size : 12px; 
    color: Navy; 
    padding-top: 12px;
}

DIV.d2a {
	left : 50px;
	top : 315px;
    width : 150px;
	position : absolute;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : Navy;
}

div.d1a h1, div.d2a h1 {
	font-size: 14px;
}


DIV.d2b {
	left : 250px;
	top : 310px;
    width : 310px;
	position : absolute;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : Navy;
}
DIV.d2c {
	left : 550px;
	top : 320px;
    	width : 300px;
	position : absolute;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : Navy;
}

td.kadr a {
	color: #444;
}

div.termin {
	font-weight: bold;
	border-bottom: 1px solid #ff9900;
	margin-bottom: 10px;
	color: #000080;
	font-size: 10px;
}
div.termin h2.termin {
	font-weight: bold;
	font-size: 11px;
}
div.termin p.termin {
	font-weight: normal;
	font-size: 10px;
}

div.wss-logo {
	margin-top: 20px;
	margin-left: 5px;
	font-size: 11px;
	font-weight: bold;
	}
div.wss-logo img {
	margin-bottom: 5px;
}