/*
Styles for Energieausweis


*/


 /* IE6 CSS Workaround */


* html .registercol1 {
        width: 470px;

        }

/* 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: 840px;
        height: auto;
        background: #EEE url('images/bg_cont.jpg') repeat-x top;
        font-size: 1.2em;
        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: 840px;
        height: 34px;
        background: #FDFDFD;
        font-size: 1.1em;
        color: #605f50;
        word-spacing: 12px;
        text-align: right;
        border: 0px solid #E0E0E0;

        }

div.headerbox {

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

        }

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

        }

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

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

        }



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

        }

div.registerbox {

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

        }

.registercol1 {

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

        }



.registercol2 {

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

        }

#bgbox {

        margin: -1px 10px 10px 10px;
        padding: 10px 15px 20px 12px;
        background: #f1f3f5 url('/architektur/mediadb/178075/204045/bg_box.jpg') repeat-x top;
        text-align: left;
        border: 1px solid #FFF;

        }








/* Bilder und Sonstiges */

.portrait {

        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 {
        font-family: Arial, Helvetica, Sans-Serif;

        }



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

        }



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

        }


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

        }

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

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

#ausz {
        color: #0d586b;

        }

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

        }

#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:  #0d586b;

          }

#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: 20px;
          }


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

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:  #364963;
          }

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: #0d586b; text-decoration:none; }
a:hover,a:active { color: #0d586b; 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: #0d586b; text-decoration:underline; }
.footer a:hover,.footer a:active { color: #0d586b; text-decoration:underline; }

/* Formular */

div.formularbox {

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

        }

.formularcol {

        margin: 0px 0px 0px 0px;
        padding: 10px 10px 30px 15px;
        width: 793px;
        text-align: left;
        background: #f1f3f5 url('/architektur/mediadb/178075/204045/bg_box.jpg') repeat-x top;
        border: 0px solid #E0E0E0;

        }

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

.formfelder td {
        height: 30px;
}




.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.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: #0d586b;
        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 : 809px;
        height : 553px;
        margin: 0px;
        padding: 0px;
        background: url('/architektur/mediadb/178055/204006/cube-screen1-gr.jpg') no-repeat;
        border: 1px solid #CCC;
}


a:hover .zoom2 {
        width : 378px;
        height : 678px;
        margin: 0px;
        padding: 0px;
        background: url('/architektur/mediadb/178057/204010/cube-screen2-gr.jpg') no-repeat;
        border: 1px solid #CCC;
}


a:hover .zoom3 {
        width : 1069px;
        height : 461px;
        margin: 0px;
        padding: 0px;
        background: url('/architektur/mediadb/178061/204018/cube-screen3-gr.jpg') no-repeat;
        border: 1px solid #CCC;
}

a:hover .zoom4 {
        width : 1019px;
        height : 672px;
        margin: 0px;
        padding: 0px;
        background: url('/architektur/mediadb/178064/204023/cube-screen4-gr.jpg') no-repeat;
        border: 1px solid #CCC;
}

a:hover .zoom5 {
        width : 806px;
        height : 461px;;
        margin: 0px;
        padding: 0px;
        background: url('/architektur/mediadb/178059/204014/cube-screen5-gr.jpg') no-repeat;
        border: 1px solid #CCC;
}

a:hover .zoom6 {
         width : 975px;
        height : 438px;
        margin: 0px;
        padding: 0px;
        background: url('/architektur/mediadb/178053/204002/cube-screen6-gr.jpg') no-repeat;
        border: 1px solid #CCC;
}