/*
Styles for Energieausweis


*/


 /* IE6 CSS Workaround */


* html .registercol1 {
        width: 1080px;

        }

/* Ende IE6 CSS Workaround  */


/* Selektoren */


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



body {

        font-size: 11px; /* 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: 750px;
        background: #FFF;
        text-align: left;
        border: 0px solid #E0E0E0;

        }

.headercol2 {
        width:250px;
        margin: 25px 0px 0px 0px;
        padding: 5px 5px 0px 5px;
        float:right;
        border:1px solid #eeeeee;
        background: #eeeeee url('http://www.weka.de/handwerk/templates/lp/VOB_Musterbriefe-neu/bg_box.gif') repeat-x top;
        }

.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.register2 {
        margin: 25px 0px -2px -10px;
        padding: 0px;
        height: 38px;
        width: 520px;
        }

.register h1{
   background:#f3f8fc url('http://www.weka.de/handwerk/templates/lp/VOB_Musterbriefe-neu/register-blank.jpg') no-repeat;
   color:#ffffff;
   font-size:17px;
   line-height:150%;
   margin:0 10px -3px;
   padding:7px 10px 10px;
   font-family: arial,sans-serif;
}

.register2 h1{
   background:#f3f8fc url('http://www.weka.de/architektur/mediadb/194132/220260/reiter-hw.gif') no-repeat;
   color:#ffffff;
   font-size:17px;
   line-height:150%;
   margin:0 10px -3px;
   padding:7px 10px 10px;
   font-family: arial,sans-serif;
}



h6.register{
   color:#015d01;
   font-size:19px;
   line-height:150%;
   margin:0 0px -3px;
   padding:7px 0px 10px 0px;
   font-family: arial,sans-serif;
}

div.registerbox {

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

.register-vorteil-l{
        margin: 0px 0px 0px 0px;
        padding: 0px;
        width: 590px;
        background: #FFF;
        text-align: left;
        float:left;
}

.register-vorteil-l ul{
        list-style-type: square;
        list-style-position: outside;
        margin: 10px 0px 20px 30px;
        padding: 0px;
}

.register-vorteil-l li{
        margin: 10px 0px 10px 10px;
        padding: 0px;
}

.register-vorteil-r{
        margin: 0px 0px 0px 0px;
        padding: 0px 0 20px;
        width: 500px;
        background: #FFF;
        float:left;
}

.registercol1 {
        margin: 12px 0px 30px 10px;
        padding: 0px;
        width: 1080px;
        background: #FFF;
        text-align: left;
        border: 0px solid #000;
        }



.registercol2 {

        margin: 0px 20px 0px 0px;
        padding: 0px;
        width: 450px;
        text-align: left;
        border: 1px solid #E0E0E0;

        }

.register-box1{
  width:520px;
  margin:20px 5px 20px 10px;
  padding:0px;
  height:400px;
  float:left;
  border:1px solid #e0e0e0;
  background: #f5ecc1 url('http://www.weka.de/handwerk/templates/lp/VOB_Musterbriefe-neu/bg_box.gif') repeat-x top;
}

.register-box1-1{
  width:341px;
  margin:20px 5px 20px 10px;
  padding:0px;
  height:558px;
  float:left;
  border:1px solid #e0e0e0;
  background: #f5ecc1 url('http://www.weka.de/handwerk/templates/lp/VOB_Musterbriefe-neu/bg_box.gif') repeat-x top;
}

.register-box2{
  width:520px;
  margin:20px 0px 20px 10px;
  padding:0px;
  height:400px;
  float:left;
  border:1px solid #e0e0e0;
  background: #f5ecc1 url('http://www.weka.de/handwerk/templates/lp/VOB_Musterbriefe-neu/bg_box.gif') repeat-x top;
}

.register-box2-1{
  width:341px;
  margin:20px 0px 20px 10px;
  padding:0px;
  height:558px;
  float:left;
  border:1px solid #e0e0e0;
  background: #f5ecc1 url('http://www.weka.de/handwerk/templates/lp/VOB_Musterbriefe-neu/bg_box.gif') repeat-x top;
}

.register-box3{
  width:520px;
  margin:20px 5px 20px 10px;
  padding:0px;
  height:425px;
  float:left;
  border:1px solid #e0e0e0;
  background: #f5ecc1 url('http://www.weka.de/handwerk/templates/lp/VOB_Musterbriefe-neu/bg_box.gif') repeat-x top;
}

.register-box4{
  width:520px;
  margin:20px 0px 20px 10px;
  padding:0px;
  height:425px;
  float:left;
  border:1px solid #e0e0e0;
  background: #f5ecc1 url('http://www.weka.de/handwerk/templates/lp/VOB_Musterbriefe-neu/bg_box.gif') repeat-x top;
}

p.register-box {
  padding:0px 10px 5px 10px;
  margin:0;
}

h6.register-box {
  padding:10px 0 10px 10px;
  margin:0;
}

#bgbox {

        margin: -1px 10px 10px 10px;
        padding: 10px 15px 20px 12px;
        background: #f5ecc1 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 */

img-header {
  position:relative;
  top:0px;
}

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

        margin: 10px 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 15px 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: 20px 0px 0px 0px;
        padding: 0px 0px 5px 0px;
        text-decoration: none;
        color: #a81211;
        }

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

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

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

p {
  margin:5px 0 10px 0;
}

#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 10px 10px;
        margin:0px 0 0 0;
        font-size: 12px;
        text-align: left;
          }

#headline_kontakt1 {
        padding: 10px 0px 10px 10px;
        font-size: 12px;
        text-align: left;
          }

#headline_kontakt2 {
        padding: 10px 0px 20px 10px;
        font-size: 12px;
        text-align: left;
          }

/* Listen */

ul {

        list-style-type: square;
        list-style-position: outside;
        margin: 0px 0px 0px 15px;
        padding: 0px;
          }

ol {
        margin: 0px 0px 0px 20px;
        padding: 0px;
          }

li {
        margin: 0px;
        padding: 0px 0px 5px 0px;
        color:  #605f50;
          }

ul.editorial {
        list-style-type: square;
        list-style-position: outside;
        margin: 0px 0px 0px 15px;
        padding: 0px;
          }
li.editorial {
        margin: 0px;
        padding: 0px 0px 0px 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: 40px 30px 0 20px;
        border: 0px solid #000;

          }

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

dd#text {
        margin-top: -40px;
        margin-bottom: 5px;
          }


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

dd#text1 {
        margin: 3px 0px 5px 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: 122px;
}

.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;

        }