html
{

    height: 100%;
    margin: 0; padding: 0;
}


body   {
 font-family: Arial, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
 color: black;
font-size: 12px;
 background-color: #FFF;
 margin: 0;padding: 0;
 height: 100%
 }



td,div,p,input,textarea,th,a{
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size: 10pt;
    color: black;
}

a
{
color: #E84862;
cursor:hand;cursor:pointer;
text-decoration:underline;
}

a:hover
{
color: #B9252A;
}


.table_main
{
margin-top:0;
padding-top:0;
width:809px;
}

.submain
{
    margin: 0px;
    padding: 0px;
    background-color: white;
    width: 809px;
    max-width:809px;
}

.submain2
{
    margin: 5px 26px 30px 26px;
    width:757px;
    max-width:757px;
    border:1px solid white;
    background-color:white;
    border-right:0px;
    border-left:0px;
}

.breite100
{
width:100%
}

.javascript_info
{
    width: 900px;
    background-color: red;
    font-size: x-large;
    margin-left: auto;
    margin-right: auto;
}


.result_rechts_oben
{
    position: absolute;
    right: 0px;
    top: 0px;
    left:510px;
    width:160px;
    text-align:right;

}



.rahmen
{
    margin:0;
    margin-bottom: 5px;
    border: none;
    padding: 15px;
    background-color: #F0F5DC;
    /*background-color: #ACB292;*/
    position:relative
}

.bgcolor-lightgreen
{
    background-color: #F0F5DC;
    /*background-color: #ACB292;*/
}


/*   ************* grundgerüst  ****************  */




 #centerposition    {
background-color: #B94F2D;
  visibility: visible;
   margin: 0px;
   padding: 0;
   width: 987px;
   height: 100%;
   overflow:hidden;
  text-align: left;
   margin-left: -493px;
   position: absolute;
   left: 50%;
   top: 0px;
   overflow-y:scroll
 }



#left
{
background-color: #B94F2D;
width: 89px;
max-width: 89px;
height: 100%;

position: absolute;
top: 0px;
left: 0px;

}


#middle
{
background-color: #FFF;
width: 809px;
max-width: 809px;
height: 100%;

position: absolute;
top: 0px;
left: 89px;

}


#right
 { background-color: #B94F2D;
  position: absolute;
  top: 0;
  left: 898px;
  width: 89px;
  height: 100%;
}


#head
{
background-color: #B94F2D;
padding-top:19px;
margin-bottom:0;
padding-bottom:0;
height:105px;
}




/*   ************* middle  ****************  */



.bgWhite {
background-color: white;
}

.bgBrown {
background-color: #B94F2D;
}

#span_dynamisch
{
padding:0;
margin:0;
/*background-color:#ACB292;*/
}


.buttonLeft
{
position:relative;
float:left;
width:300px;
margin-top:10px;
}

.buttonRight
{
position:relative;
float:right;
margin-top:10px;
}


#progress
{
width:687px;
}


/*   ************* nav  ****************  */


.posNav
{
position:relative;
top:142px;
left:0px;
}



#navHome
{
margin-bottom:11px;
border:0;
}

#navHome a {
   background: url("images/picto-fuesse_kl.png") 0 0 no-repeat;
   width:89px;
height: 58px;
display:block;
color:transparent;
text-decoration:none;
border:0
   }


#navHome a:hover {
   background-position: -89px 0;
   }




#navHandbuch
{
margin-bottom:11px;
border:0;
}

#navHandbuch a {
   background: url("images/picto-handbuch_kl.png") 0 0 no-repeat;
   width:89px;
height: 44px;
display:block;
color:transparent;
text-decoration:none;
border:0
   }


#navHandbuch a:hover {
   background-position: -89px 0;
   }



#navPdf
{
margin-bottom:11px;
border:0;
}

#navPdf a {
   background: url("images/picto-pdf_kl.png") 0 0 no-repeat;
   width:89px;
height: 57px;
display:block;
color:transparent;
text-decoration:none;
border:0
   }


#navPdf a:hover {
   background-position: -89px 0;
   }





#navPpt
{
margin-bottom:11px;
border:0;
}

#navPpt a {
   background: url("images/picto-praesent_kl.png") 0 0 no-repeat;
   width:89px;
height: 45px;
display:block;
color:transparent;
text-decoration:none;
border:0
   }


#navPpt a:hover {
   background-position: -89px 0;
   }




#navPaedagogik
{
margin-bottom:11px;
border:0;
}

#navPaedagogik a {
   background: url("images/picto_paedagogik_kl.png") 0 0 no-repeat;
   width:89px;
height:44px;
display:block;
color:transparent;
text-decoration:none;
border:0
   }


#navPaedagogik a:hover {
   background-position: -89px 0;
   }





#navExl
{
margin-bottom:11px;
border:0;
}

#navExl a {
   background: url("images/picto-strom_kl.png") 0 0 no-repeat;
   width:89px;
height:25px;
display:block;
color:transparent;
text-decoration:none;
border:0
   }


#navExl a:hover {
   background-position: 0px 0;
   }



/*   ************* formular  ****************  */


input {
border: 1px solid #424243;
background:none;
width:65px;
}

span.result_rechts_oben input
{
width:110px;
}


/*pflichtfelder hg*/
.req_border
{
border: 1px solid #B9252A;
}


#input_renovierungen
{
width:350px
}

.radioButton
{
width:12px;
border-style: none;
border:0px;
}

.checkButton
{
width:12px;
border-style: none;
border:0px;
}



/*   ************* headlines  ****************  */



/*ohne fuss daneben*/
h3
{
font-size: 14pt;
height: 50px;
margin-bottom:0px;
margin-top:0px;
padding-top:14px;
}

/* mit jeweiligem fuss*/
h3.energie
{
padding-left:21px;
background-repeat:no-repeat;
background-position:0px 0px;
background-image: url(images/fuss-energie.gif);
}

h3.heizung
{
padding-left:21px;
padding-top:14px;
height: 50px;
max-height:50px;
margin-top:20px;
background-repeat:no-repeat;
background-position:0px 0px;
background-image: url(images/fuss-heizung.gif);
}

h3.wasser
{
padding-left:21px;
padding-top:14px;
height: 50px;
max-height:50px;
margin-top:20px;
background-repeat:no-repeat;
background-position:0px 0px;
background-image: url(images/fuss-wasser.gif);
}

h3.abfall
{
padding-left:21px;
padding-top:14px;
height: 50px;
max-height:50px;
margin-top:20px;
background-repeat:no-repeat;
background-position:0px 0px;
background-image: url(images/fuss-abfall.gif);
}

h3.nahrung
{
padding-left:21px;
padding-top:14px;
height: 50px;
max-height:50px;
margin-top:20px;
background-repeat:no-repeat;
background-position:0px 0px;
background-image: url(images/fuss-nahrung.gif);
}

h3.mobilitaet
{
padding-left:21px;
padding-top:14px;
height: 50px;
max-height:50px;
margin-top:20px;
background-repeat:no-repeat;
background-position:0px 0px;
background-image: url(images/fuss-mobilitaet.gif);
}

h3.beschaffung
{
padding-left:21px;
padding-top:14px;
height: 50px;
max-height:50px;
margin-top:20px;
background-repeat:no-repeat;
background-position:0px 0px;
background-image: url(images/fuss-beschaffung.gif);

}


/*   ************* buttons  ****************  */



a.zusatzinfo
{
background-repeat: no-repeat;
display: block;
height: 29px;
max-height:24px;
width: 94px;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size: 12px;
color: white;
text-align: center;
text-decoration:none;
font-weight:400;
padding:0px;
margin:0px;
margin-bottom:0px;
padding-top:5px;
}

a.zusatzinfo:link,a.zusatzinfo:visited
{
background-image: url(images/zusatzinfo.gif);
}

a.zusatzinfo:hover,a.zusatzinfo:active
{
background-image: url(images/zusatzinfo_hover.gif);
color: white;
}


a.beispiel
{
background-repeat: no-repeat;
background-color: #E84862;
display: block;
height: 29px;
max-height:24px;
width: 207px;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size: 12px;
color: white;
text-align: center;
text-decoration:none;
font-weight:400;
padding:0px;
margin:0px;
padding-top:5px;
margin-top:7px;
}

a.beispiel:link,a.beispiel:visited
{
background-image: url(images/bspmob.gif);
}

a.beispiel:hover,a.beispiel:active
{
background-image: url(images/bspmob_hover.gif);
color: white;
}


a.handlung
{
background-repeat: no-repeat;
display: block;
height: 29px;
max-height:24px;
width: 169px;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size: 12px;
color: white;
text-align: center;
text-decoration:none;
font-weight:400;
padding:0px;
margin:0px;
padding-top:5px;
}

a.handlung:link,a.handlung:visited
{
background-image: url(images/handlung.gif);
}

a.handlung:hover,a.handlung:active
{
background-image: url(images/handlung_hover.gif);
color: white;
}


button
{
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size: 12px;
color: white;
text-decoration:none;
font-weight:400;
cursor:hand;cursor:pointer;
text-align: center;
vertical-align:middle;
padding:0px;
margin:0px;

margin-left:3px;
margin-bottom:7px;

padding-bottom:3px;
border: none;
background-color:white;
}


button.weiter
{
background-image: url(images/weiter_sh.gif);
background-repeat: no-repeat;
height: 29px;
max-height:29px;
width: 71px;
max-width: 68px;
}

button.weiter:link,button.weiter:visited
{
}


button.weiter:hover,button.weiter:active
{
background-image: url(images/weiter_hover_sh.gif);
}

button.speichern
{
background-image: url(images/speichern_sh.gif);
background-repeat: no-repeat;
height: 29px;
max-height:29px;
width: 214px;
background-color:white;}

button.speichern:link,button.speichern:visited
{
}


button.speichern:hover,button.speichern:active
{
background-image: url(images/speichern_hover_sh.gif);
}


button.werte
{
background-image: url(images/werteeingeben_sh.gif);
background-repeat: no-repeat;
height: 29px;
max-height:29px;
width: 145px;
background-color:white;}

button.werte:link,button.werte:visited
{
}


button.werte:hover,button.werte:active
{
background-image: url(images/werteeingeben_hover_sh.gif);
}



button.drucken
{
background-image: url(images/drucken_sh.gif);
background-repeat: no-repeat;
height: 29px;
max-height:29px;
width: 100px;
background-color:white;}

button.drucken:link,button.drucken:visited
{
}


button.drucken:hover,button.drucken:active
{
background-image: url(images/drucken_hover_sh.gif);
}


button.verfuegung
{
background-image: url(images/verfuegungstellen_sh.gif);
background-repeat: no-repeat;
height: 29px;
max-height:29px;
width: 360px;
background-color:transparent;
}

button.verfuegung:link,button.verfuegung:visited
{
}


button.verfuegung:hover,button.verfuegung:active
{
background-image: url(images/verfuegungstellen_hover_sh.gif);
}



/*   ************* werte speichern,laden  ****************  */


.weiterform
{
background-image: url(images/weiter_sh.gif);
background-repeat: no-repeat;
height: 29px;
max-height:29px;
width: 71px;
max-width: 68px;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size: 12px;
color: white;
text-decoration:none;
font-weight:400;
cursor:hand;cursor:pointer;
text-align: center;
vertical-align:middle;
padding:0px;
margin:0px;
border: none;
background-color:white;
padding-bottom:3px;
}

.weiterform:hover,.weiterform:active
{
background-image: url(images/weiter_hover_sh.gif);
}

fieldset
{
border:1px solid #B9252A;
padding:5px;
}


.werteform
{
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size: 12px;
color: white;
text-decoration:none;
font-weight:400;
cursor:hand;cursor:pointer;
text-align: center;
vertical-align:middle;
padding:0px;
margin:0px;
padding-bottom:3px;
border: none;
background-image: url(images/werteeingeben_sh.gif);
background-repeat: no-repeat;
height: 29px;
max-height:29px;
width: 145px;
background-color:white;
}


.werteform:hover,.werteform:active
{
background-image: url(images/werteeingeben_hover_sh.gif);
}


input.pw
{
width:100px;
}


/*   ************* zusatzinfos  ****************  */

.infoLeft
{
position:relative;
float:left;
width:500px;
margin-top:10px;
}

.infoRight
{
position:relative;
float:right;
margin-top:10px;
}

.small
{
 font-size: 8pt;
}

h4
{
font-weight:700;
font-size:10pt;
margin-top:30px;
margin-bottom:10px
}

.vipword
{
font-weight:700;
font-style: italic;
}

.wichtig
{
color:#B9252A;
font-weight:700;
}


#energieTab td
{
font-size:8pt;
vertical-align:middle;
height:20px;

}


#energieTab p
{
font-size:8pt;
}


#heizungTab td
{
font-size:8pt;
vertical-align:middle;
height:20px;
}

#heizungTab p
{
font-size:8pt;
}

#mobTab td
{
font-size:8pt;
vertical-align:middle;
height:20px;
}

#mobTab p
{
font-size:8pt;
}

#mobTab2 td
{
font-size:8pt;
vertical-align:middle;
height:20px;
}

#mobTab2 p
{
font-size:8pt;
}


#mobbspTab td
{
font-size:8pt;
vertical-align:middle;
height:20px;
}

#mobbspTab2 td
{
font-size:8pt;
vertical-align:middle;
height:20px;
}

#bsp td
{
padding:4px;
border: 1px solid black;
}

#bsp
{
border-collapse:collapse;
}


#bsp2 td
{
padding:4px;
border: 1px solid black;
}

#bsp2
{
border-collapse:collapse;
}