body{
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em;
font-size:80%;
/* background-color: #DCDCDE; */
background-color: #FFF;
}

a{color:gray}

b{font-size: 110%;}
em{color: red;}

#topsection{
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: right;
width: 100%;
margin-left: -470px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/
}

#contentcolumn{
z-index:2;
clear:both;
width:785px;
margin-left: 470px; /*Set left margin to (leftColumnWidth + RightColumnWidth)*/
background-color:#FFFFFF;
height:786px;
overflow:auto;
}

#stempel{
z-index:1;
position:absolute;
height:150px;
width:150px;
top:00px;
left:1060px;
background-image: url(../../templates/images/stempel.png);
background-repeat: no-repeat;
}



#hauptmenue{
float:left;
width:70px;
border-right:1px solid #FFF;	
}

#submenue{
float:left;
width: 160px;
height: 350px;
background-image: url(../../templates/images/mann.jpg); 
border-top:0px solid #FFF;
border-left:0px solid #FFF;
border-bottom:0px solid #FFF;
list-style:none;
text-decoration:none;
}

#inspiration{
clear:both;
width:234px;
height:138px;
border-right:0px solid #FFF;
border-top:0px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;	
}

#partner{
width:234px;
border-right:0px solid #FFF;
border-top:0px solid #FFF;
border-bottom:0px solid #FFFFFF;	
}

#leftcolumn{
float: left;
width: 230px;
height:785px;
background-image: url(../../templates/images/links.jpg); 
background-repeat: repeat-y;
border-right: 1px solid #FFF;
}


#wellness{
background-image: url(../../templates/images/Background_image.jpg); 
background-repeat: no-repeat;
}

#rightcolumn{
float: left;
width: 234px; /*Width of right column in pixels*/
/* height:1400px; */
/*background-color:#818287; */
border-right: 2px solid #FFF;
}

#footer{
clear: both;
width: 100%;
background: #393941;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#subfooter{
width: 100%;
height:25px;
background: #FFF;
color: #000;
text-align: center;
padding: 4px 0;
}


#footer a{
color: #DCDCDE;
text-decoration:none;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
background-color: #FFF;
}


ul {    list-style: none;
        margin: 0;
        padding: 0;
        }



#gas {width: 70px;}
#gas li a {text-decoration: none;height: 32px;voice-family: "\"}\"";voice-family: inherit;height: 70px;}
#gas li a:link, #gas li a:visited {display: block;background: url(../../templates/images/gas.jpg);}
#gas li a:hover, #gas li #current {background: url(../../templates/images/gas.jpg) 0 -70px;}
#gas li a:active {background: url(../../templates/images/gas.jpg) 0 -70px;}

#heizung {width: 70px;}
#heizung li a {text-decoration: none;height: 70px;voice-family: "\"}\"";voice-family: inherit;height: 70px;}
#heizung li a:link, #heizung li a:visited {display: block;background: url(../../templates/images/heizung.jpg);}
#heizung li a:hover, #heizung li #current {background: url(../../templates/images/heizung.jpg) 0 -70px;}
#heizung li a:active {background: url(../../templates/images/heizung.jpg) 0 -70px;}

#wasser {width: 70px;}
#wasser li a {text-decoration: none;height: 70px;voice-family: "\"}\"";voice-family: inherit;height: 70px;}
#wasser li a:link, #wasser li a:visited {display: block;background: url(../../templates/images/wasser.jpg);}
#wasser li a:hover, #wasser li #current {background: url(../../templates/images/wasser.jpg) 0 -70px;}
#wasser li a:active {background: url(../../templates/images/wasser.jpg) 0 -70px;}
  
#lueftung {width: 70px;}
#lueftung li a {text-decoration: none;height: 32px;voice-family: "\"}\"";voice-family: inherit;height: 70px;}
#lueftung li a:link, #lueftung li a:visited {display: block;background: url(../../templates/images/lueftung.jpg);}
#lueftung li a:hover, #lueftung li #current {background: url(../../templates/images/lueftung.jpg) 0 -70px;}
#lueftung li a:active {background: url(../../templates/images/lueftung.jpg) 0 -70px;}

#wellness {width: 70px;/*border-left:1px solid #FFF;border-right:1px solid #FFF;*/}
#wellness li a {text-decoration: none;height: 32px;voice-family: "\"}\"";voice-family: inherit;height: 70px;}
#wellness li a:link, #wellness li a:visited {display: block;background: url(../../templates/images/wellness.jpg);}
#wellness li a:hover, #wellness li #current {background: url(../../templates/images/wellness.jpg) 0 -70px;}
#wellness li a:active {background: url(../../templates/images/wellness.jpg) 0 -70px;}



/* SUBMENÜS */



.markermenu{
width: 156px; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 0px solid #9A9A9A;
}

.markermenu ul li a{
background: url(../../templates/images/arrow-list.gif) no-repeat 2px center;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #FFF;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 0px dotted #B5B5B5;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #FFF;
}

.markermenu ul li a:hover{
color: #000;
background-color: #E6E6E6; 
background-image:url(../../templates/images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */


.wasser{background-image: url(../../templates/images/mann-blau.jpg);}
.gas{background-image: url(../../templates/images/mann-gruen.jpg);}
.lueftung{background-image: url(../../templates/images/mann-grau.jpg);}
.wellness{background-image: url(../../templates/images/mann-tuerkis.jpg);}