/*
Styles for Energieausweis


*/


 /* IE6 CSS Workaround */


* html .registercol1 {
        width: 750px;

        }

/* Ende IE6 CSS Workaround  */


/* Selektoren */


html, body
{
height: auto;
min-height: 100%;
}



body {

        font-size: 62.5%; /* Resets 1em to 10px */
        font-family: Arial, Helvetica, Sans-Serif;
        background: #9D9FA1;
        text-align: left;
        margin: 0;
        padding: 0;
        }



#clear {
        clear: both;
        margin: 0px;
        padding: 0px;
        }

#floatleft {
        float: left;
        }

#floatright {
        float: right;
        }


/* Struktur */



div.wrapper {

        margin: 0px auto;
        padding: 0px 20px 0px 20px;
        width: 1100px;
        height: auto;
        background: #EEE url('images/bg_cont.jpg') repeat-x top;
        font-size: 1.3em;
        line-height: 1.5em;
        color: #605f50;
        text-align: left;
        border-left: 10px solid #FFF;
        border-right: 10px solid #FFF;
        border-bottom: 10px solid #FFF;

        }


/* Boxen */

div.metanavi {

        margin: 0px auto;
        padding: 15px 0px 23px 0px;
        width: 1100px;
        height: 34px;
        background: #FDFDFD;
        font-size: 0.9em;
        color: #605f50;
        word-spacing: 12px;
        text-align: right;
        border: 0px solid #E0E0E0;

        }

div.headerbox {

        margin: 0px auto;
        padding: 0px 9px 30px 9px;
        width: 1080px;
        background: #FFF;
        text-align: left;
        border: 1px solid #E0E0E0;

        }

.headercol1 {
        margin: 0px;
        padding: 0px 0px 0px 15px;
        width: 740px;
        background: #FFF;
        text-align: left;
        border: 0px solid #E0E0E0;

        }

.headercol2 {
        width:260px;
        height:305px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float:left;
        }

.headercol2 img {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;

        }



div.register {
        margin: 25px 0px -2px -10px;
        padding: 0px;
        height: 38px;
        width: 520px;

        }

div.registerbox {

        margin: 0px 0px 0px 0px;
        padding: 0px;
        width: 1100px;
        background: #FFF;
        text-align: left;
        border: 1px solid #E0E0E0;

        }

.registercol1 {

        margin: 12px 30px 30px 15px;
        padding: 0px;
        width: 210px;
        background: #FFF;
        text-align: left;
        border: 0px solid #000;

        }



.registercol2 {

        margin: 15px 10px 30px 0px;
        padding: 0px;
        width: 295px;
        text-align: left;
        border: 1px solid #E0E0E0;

        }

#bgbox {

        margin: -1px 10px 10px 10px;
        padding: 10px 15px 20px 12px;
        background: #f1f3f5 url('http://www.weka.de/handwerk/templates/lp/VOB_Musterbriefe-neu/bg_box.gif') repeat-x top;
        text-align: left;
        border: 1px solid #FFF;

        }


  h2#bgbox {
        padding: 0px 0px 6px 0px;
        }





/* Bilder und Sonstiges */

#editorial{
  width: 550px;
  float:left;
}
.portrait {

        margin: 0px 15px 0px 0px;
        padding: 6px;
        width:130px;
        background: #FFF;
        border: 1px solid #E0E0E0;

        }

.portrait-rechts {

        margin: 0px 15px 20px 0px;
        padding: 6px;
        width:90px;
        background: #FFF;
        border: 1px solid #E0E0E0;

}

div#einzug {
        margin: 15px 0px 0px 10px;
        padding: 0px;

        }



/* Head- und Sublines */



h1, h2, h3, h4, h5 {
        font-family: Arial, Helvetica, Sans-Serif;

        }



h1 {
        font-size: 24px;
        line-height: 24px;
        font-weight: normal;
        text-align: left;
        margin: 0px;
        padding: 20px 0px 5px 15px;
        text-decoration: none;
        color: #015d01;

        }



h2 {
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        margin: 0px;
        padding: 17px 0px 10px 0px;
        text-decoration: none;
        color: #a81211;

        }


h3 {
        font-size: 16px;
        font-weight: bold;
        text-align: left;
        margin: 20px 0px 0px 0px;
        padding: 0px 0px 10px 0px;
        text-decoration: none;
        color: #a81211;
        }

h4 {
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        margin: 0px 0px 22px 15px;
        padding: 0px 0px 10px 0px;
        text-decoration: none;
        color: #015d01;
        }

h5 {
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 5px 0px;
        text-decoration: none;
        color: #a81211;
        }

h2#editorial {
        padding: 0px 0px 6px 0px;
        }

h2#funktion {
        padding: 5px 0px 2px 0px;
        }

#ausz {
        color: #a81211;

        }

#listheader {
        font-size: 14px;
        line-height: 14px;
        font-weight: bold;
        margin: 0px;
        padding: 12px 0px 6px 0px;
        text-decoration: none;
        color: #a81211;

        }

#headline_kontakt {
        padding: 10px 0px 0px 0px;
        font-size: 14px;
        text-align: left;
          }


/* Listen */

ul {

        list-style-type: square;
        list-style-position: outside;
        margin: 0px 0px 0px 15px;
        padding: 0px;
          }
li {
        margin: 0px;
        padding: 0px 0px 5px 0px;
        color:  #605f50;
          }

ul.editorial {
        list-style-type: square;
        list-style-position: outside;
        margin: 10px 0px 0px 15px;
        padding: 0px;
          }
li.editorial {
        margin: 0px;
        padding: 0px 0px 5px 0px;
        color:  #605f50;
          }

ul.portrait-rechts {
        list-style-image: url(haken.gif);
        list-style-position: outside;
        margin: 10px 0px 0px 25px;
        padding: 0px;
        width:220px;
        border:none;

          }

li.portrait-rechts {
        margin: 0px;
        padding: 0px 0px 5px 0px;
        color:  #605f50;
        width:220px;
        border:none;
        background-color: transparent;
          }

#listitem {
        margin-bottom: 20px;
        padding: 0px;
          }

dl {
        margin: 0px;
        padding: 0px;
        border: 0px solid #000;
          }

dd#headline {
        margin-top: -29px;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        color:  #364963;
          }

dd#text {
        margin-top: -30px;
        margin-bottom: 35px;
          }


dd#headline1 {
        margin: -30px 0px 0px 32px;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        color: #a81211;
          }

dd#text1 {
        margin: 3px 0px 20px 32px;
          }



dt#bestbullet {
        margin: 10px 0px 0px 0px;
        padding: 0px;
          }

dd#bestheadline {
        margin: -28px 0px 0px 32px;
        padding: 0px;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        text-align: left;
        color:  #a81211;
          }

dd#besttext {
        margin: 10px 0px 0px 32px;
        padding: 0px;
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
          }

/* Links */

.abbinder a,.abbinder a:link,.abbinder a:visited,.abbinder a:focus { color: #FFF; text-decoration:underline; }
.abbinder a:hover,.abbinder a:active { color: #FFF; text-decoration:underline; }


a,a:link,a:visited,a:focus { color: #a81211; text-decoration:none; }
a:hover,a:active { color: #a81211; text-decoration:none; }

h1 a,h1 a:link,h1 a:visited,h1 a:focus { color: #999; text-decoration:none; }
h1 a:hover,h1 a:active { color: #666; text-decoration:none; }

.footer a,.footer a:link,.footer a:visited,.footer a:focus { color: #a81211; text-decoration:underline; }
.footer a:hover,.footer a:active { color: #a81211; text-decoration:underline; }

/* Formular */

div.formularbox {

        margin: 0px 0px 0px 0px;
        padding: 10px;
        width: 1100px;
        background: #FFF;
        text-align: left;
        border: 1px solid #E0E0E0;

        }

.formularcol {
        margin: 0px 0px 0px 0px;
        padding: 10px 10px 30px 15px;
        width: 1070px;
        text-align: left;
        background: #f2d6af url('http://www.weka.de/handwerk/templates/lp/VOB_Musterbriefe-neu/bg_box.gif') repeat-x top;
        border: 0px solid #E0E0E0;

        }

.formfelder {
        width: 230px;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        font-size: 12px;
        font-weight: bold;
        color: #a81211;
        text-align: left;
        border: 0px solid #000;
}

.formfelder2 {
        width: 450px;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        font-size: 12px;
        font-weight: bold;
        color: #a81211;
        text-align: left;
        border: 0px solid #000;
}

p.formfelder2 {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        font-size: 10px;
        font-weight: bold;
        color: #605f50;
        text-align: right;
}

.formfelder td {
        height: 35px;
}

.formfelder input.eingabe {
        height:20px;
        padding:2px 2px 2px 2px;
        margin:0px 0px 0px 0px;
        color:#333333;
        text-decoration:none;
        border:1px solid #B7BBBE;
        width: 150px;
}

.formfelder input.eingabe1 {
        height:20px;
        padding:2px 2px 2px 2px;
        margin:0px 0px 0px 0px;
        color:#333333;
        text-decoration:none;
        border:1px solid #B7BBBE;
        width: 120px;
}

.formfelder input.eingabe2 {
        height:20px;
        padding:2px 2px 2px 2px;
        margin:0px 0px 0px 0px;
        color:#333333;
        text-decoration:none;
        border:1px solid #B7BBBE;
        width: 25px;
}

.formfelder input.checkbox {
        padding:0px 0px 0px 0px;
        margin:0px 10px 0px 0px;

}



.formfelder1 {
        width: 500px;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        font-size: 12px;
        font-weight: bold;
        color: #a81211;
        text-align: left;
        border: 0px solid #000;
}

.formfelder1 td {
        height: 30px;
}




.formfelder1 input.eingabe {
        height:20px;
        padding:2px 2px 2px 2px;
        margin:0px 0px 0px 0px;
        color:#333333;
        text-decoration:none;
        border:1px solid #B7BBBE;
        width: 150px;
}

.formfelder1 input.checkbox {
        padding:0px 0px 0px 0px;
        margin:0px 10px 0px 0px;

}


/* Footer */

.footer {
        font-size: 11px;
        line-height: 15px;
        font-weight: normal;
        margin: 0px;
        padding: 15px 0px 25px 100px;
        border: 0px solid #000;

        }

.abbinder {
        font-size: 11px;
        line-height: 15px;
        font-weight: bold;
        margin: 0px;
        padding: 15px 0px 25px 60px;
        color: #FFF;
        text-align:center;

        }


/* Screenshots Zoom */

a:hover .zoom1 .zoom2 .zoom3 .zoom4 .zoom5 {
         filter='()';
}

a:link .zoom {
         width: 175px;
         height : 120px;
        color: #605f50;
}


a:hover .zoom1 {
        width : 1194px;
        height : 938px;
        margin: 0px;
        padding: 0px;
        background: url('http://www.weka.de/architektur/mediadb/192912/219000/screen1-gr.jpg') no-repeat;
        border: 1px solid #CCC;
}


a:hover .zoom2 {
        width : 1192px;
        height : 939px;
        margin: 0px;
        padding: 0px;
        background: url('http://www.weka.de/architektur/mediadb/192916/219008/screen2-gr.jpg') no-repeat;
        border: 1px solid #CCC;
}


a:hover .zoom3 {
        width : 1090px;
        height : 993px;
        margin: 0px;
        padding: 0px;
        background: url('http://www.weka.de/architektur/mediadb/192918/219012/screen3-gr.jpg') no-repeat;
        border: 1px solid #CCC;
}