/*==========================================================================================
ALLGEMEIN
==========================================================================================*/
h1 { font : bold 18px/24px Arial, Verdana, sans-serif; color : #1C4B84; padding : 0; margin : 0 0 20px 0; }
.cb { clear : both; }
.strong { font-weight : bold; font-size : 11px; }
.trennlinie { height : 29px; width : 295px; background : url("../u_wert01.gif") 0 14px repeat-x; clear : both}
img { border : 0; }
form { margin : 0; padding : 0; }
#rahmen { margin : 0 20px 0 20px; } /*behebt padding-Bug in Opera*/
#rahmen * {  text-align: left; }
a.mehr { float :right; padding-left : 12px; background: url("../pfeil.gif") 0 4px no-repeat; }
/*==========================================================================================
U-Wert-Rechner
==========================================================================================*/
#uwert { width : 335px; background : #B7CADE; padding : 20px 0 10px 0;  }
#uwert p { margin : 0 0 15px 2px; padding : 0; width : 295px; }
#uwert textarea { font : normal 10px Arial, Verdana, sans-serif; color : #1C4B84; width : 295px; height : 60px; padding : 5px 0 5px 5px; }
#uwert form { margin : 0; padding : 0; }
#uwert table, #uwert td, #uwert input, #uwert select { font : normal 11px Arial, Verdana, sans-serif; color : #1C4B84; }
#uwert .feld01 { width : 88px; height : 18px; border : 1px solid #1C4B84; background : #fff; text-align : right; padding-right : 5px; }
#uwert .feld02 { width : 41px; height : 18px; border : 1px solid #1C4B84; background : #fff; text-align : right; padding-right : 5px; }
#uwert .feld03 { width : 110px; height : 18px; border : 1px solid #1C4B84; background : #fff; text-align : right; padding-right : 5px; }
#uwert select { width : 100px; border : 1px solid #1C4B84;  cursor : pointer;}
#uwert .select2 { width : 60px; border : 1px solid #1C4B84; }
#uwert sub { line-height : 15px; }
#uwert .berechnen, #uwert .reset { width:130px; font-weight : bold; border : 3px solid #1C4B84; background : #B7CADE; line-height : 15px; }
#uwert .reset { float : right; }

table #ergebnis { margin : 15px 0 0 0; padding : 0; height : 50px; background : #1C4B84; font : bold 11px/12px Arial, Verdana, sans-serif; color : #fff; }
table #ergebnis td { padding : 0 10px 0 10px; font : bold 11px/12px Arial, Verdana, sans-serif; color : #fff; }
#uwert .formel { height : 20px; width : 295px; text-align : center; font-size : 11px; margin : 10px -10px 5px 0; padding : 0; letter-spacing : -0.01em; }

/*==========================================================================================
Energieberater
==========================================================================================*/
#energie { width : 335px; background : #B7CADE; padding : 20px 0 20px 0;  }
#energie p { margin : 0 0 15px 2px; padding : 0; width : 293px;}
#energie select { font : normal 11px Arial, Verdana, sans-serif; color : #1C4B84; }
#energie .select01 { width : 120px; cursor : pointer; }
#energie table, #energie td, #energie input { font : normal 11px Arial, Verdana, sans-serif; color : #1C4B84; }
#energie .feld01 { width : 50px; height : 18px; border : 1px solid #1C4B84; background : #fff; text-align : right; padding-right : 5px; margin-right : 5px; }
#energie .select02 { width : 175px; margin-top : -5px; cursor : pointer; }
#energie .select03 { width : 295px; margin : 5px 0 5px 0; cursor : pointer; }
#energie .select04 { width : 60px; margin : 0 5px 0 0; cursor : pointer; }
#energie form { margin : 0; padding : 0; }
#ersparnis { margin : 0 0 1px 0; padding :0; height : 70px; background : #1C4B84; font : bold 11px/12px Arial, Verdana, sans-serif; color : #fff; }
#ersparnis td { font : bold 11px/12px Arial, Verdana, sans-serif; color : #fff; }
#ersparnis2 { margin : 0 0 1px 0; padding :0; height : 45px; background : #1C4B84; font : bold 11px/12px Arial, Verdana, sans-serif; color : #fff; }
#ersparnis2 td { font : bold 11px/12px Arial, Verdana, sans-serif; color : #fff; }
#ersparnis3 { margin : 0 0 1px 0; padding :0; height : 45px; background : #1C4B84; font : bold 11px/12px Arial, Verdana, sans-serif; color : #fff; }
#ersparnis3 td { font : bold 11px/12px Arial, Verdana, sans-serif; color : #fff; }
#ersparnis .linie { width : 320px; margin : 0 -10px 0 -10px; background : #B7CADE; }
#energie .feld02 { width : 90px; height : 18px; border : 1px solid #1C4B84; background : #fff; text-align : right; padding-right : 5px; margin-right : 5px; }
#energie .berechnen, #energie .reset { width:130px; font-weight : bold; border : 3px solid #1C4B84; background : #B7CADE; line-height : 15px; }
.formel { height : 20px; width : 295px; font-size : 11px; margin : 10px -10px 5px 20px; padding : 0; letter-spacing : -0.01em; }
.cell1{width:115px; margin:0 0 0 5px;}
.cell2{width:100px;}
.cell3{width:75px;}

/*==========================================================================================
Neuregistrierung
==========================================================================================*/
#registrierung { width : 335px; background : #B7CADE; padding : 20px 0 20px 0; }
#registrierung p { margin : 0 0 15px 2px; padding : 0; width : 293px;}
#registrierung select, #registrierung input, #login_fields input { font : normal 11px Arial, Verdana, sans-serif; color : #1C4B84; }
#registrierung .select01 { width : 180px; cursor : pointer; }
#registrierung table, #registrierung td { font : bold 11px Arial, Verdana, sans-serif; color : #1C4B84; }
#registrierung .feld01 { width : 180px; height : 18px; border : 1px solid #1C4B84; background : #fff; text-align : left; padding-left : 5px; margin-right : 5px; }
#registrierung .feld02 { width : 50px; height : 18px; border : 1px solid #1C4B84; background : #fff; text-align : right; padding-right : 5px; margin-right : 3px; }
#registrierung .feld03 { width : 127px; height : 18px; border : 1px solid #1C4B84; background : #fff; text-align : left; padding-left : 5px; }
#registrierung form { margin : 0; padding : 0; }
#username { margin : 0 -10px 1px -10px; padding : 15px 10px 15px 10px; height : 65px; background : url("../back_login.gif") bottom right no-repeat #1C4B84; font : bold 11px/12px Arial, Verdana, sans-serif; color : #fff; }
#username td { font : bold 11px/12px Arial, Verdana, sans-serif; color : #fff; }
#username .linie { width : 320px; margin : 0 -10px 0 -10px; background : #B7CADE; }
.formel { height : 20px; font-size : 11px; margin-right : -20px; padding : 0; letter-spacing : -0.01em; }
#username #button, #login_fields #button { border : none; text-align : right; font : bold 12px Arial, Verdana, sans-serif; color : #fff; background : none; cursor : pointer; }
#username #los { margin : 7px 0 0 255px; padding : 0; }

#username  a:link        { border : none; text-align : right; font : bold 12px Arial, Verdana, sans-serif; color : #fff; background : none; cursor : pointer;}
#username  a:visited  {border : none; text-align : right; font : bold 12px Arial, Verdana, sans-serif; color : #fff; background : none; cursor : pointer;}
#username  a:active   { border : none; text-align : right; font : bold 12px Arial, Verdana, sans-serif; color : #fff; background : none; cursor : pointer;}
#username  a:hover    {border : none; text-align : right; font : bold 12px Arial, Verdana, sans-serif; color : #fff; background : none; cursor : pointer; }



/*==========================================================================================
Partner-Login allgemein
==========================================================================================*/
#login, #login_info { width : 330px; background : #B7CADE; padding : 20px 0 20px 0; margin : 35px 0 0 35px; }
#login h3, #login_info h3, #login_neu h3, #foto_start h3 { font-size : 11px; font-weight : bold; padding : 0; margin : 0 0 2px 0; }
#login p, #login_info p { margin : 0 0 10px 0; }
#login_fields { margin : 0 0 1px 0; width : 285px; padding : 15px 0 15px 10px; height : 85px; background : url("../back_login.gif") bottom right no-repeat #1C4B84; font : bold 11px/12px Arial, Verdana, sans-serif; color : #fff; }
#login_fields  td { font : bold 11px/12px Arial, Verdana, sans-serif; color : #fff; }
#login_fields .feld01 { width : 160px; height : 18px; border : 1px solid #1C4B84; background : #fff; text-align : left; padding-left : 5px; margin-right : 10px; }
#login_fields #los { margin : 7px 0 0 240px; padding : 0; }
div #vergessen { margin : -12px 0 0 115px; }

#login_fields a:link        { border : none; text-align : right; font : bold 12px Arial, Verdana, sans-serif; color : #fff; background : none; cursor : pointer;}
#login_fields a:visited  {border : none; text-align : right; font : bold 12px Arial, Verdana, sans-serif; color : #fff; background : none; cursor : pointer;}
#login_fields a:active   { border : none; text-align : right; font : bold 12px Arial, Verdana, sans-serif; color : #fff; background : none; cursor : pointer;}
#login_fields a:hover    {border : none; text-align : right; font : bold 12px Arial, Verdana, sans-serif; color : #fff; background : none; cursor : pointer; }


/*==========================================================================================
Partner-Login Infoseite
==========================================================================================*/
#login_neu { width : 330px; background : #B7CADE; padding : 20px 0 10px 0; margin : 0; }
#login_neu p { margin : 0 0 10px 0; }
#login_info { margin : 25px 0 5px 0; }
#rahmen_neu { margin : 0 20px 0 20px; }
.link_reg { font : bold 11px Arial, Verdana, sans-serif !important; color : #1C4B84; background : url("../pfeil_trans.gif") 0 5px no-repeat; padding : 0 0 0 15px; margin : 0; }
p.link { margin-top : 0; padding : 0; }

/*==========================================================================================
Fotodatenbank
==========================================================================================*/
#foto_start { width : 330px; height : 260px; background : #B7CADE; padding : 20px 0 20px 0; margin : 25px 0 0 0; }
#foto_start p { margin : 0; }
.foto { width : 75px; height :66px; float : left; margin-right : 20px; background : #fff; }

/*==========================================================================================
Information Update
==========================================================================================*/
a.info{  position:relative; z-index:24; xbackground-color:#36C; color:#000;  text-decoration:none}
a.info:hover{z-index:25; background-color:#99CCFF}
a.info span{display: none}
a.info:hover span{ display:block; position:absolute;  top:2em; left:2em; width:33em; padding: 3px; border:1px solid #36C; background-color:#99CCFF; color:#000; text-align: center}

a.info2{  position:relative; z-index:24; xbackground-color:#36C; color:#000;  text-decoration:none}
a.info2:hover{z-index:25; background-color:#99CCFF}
a.info2 span{display: none}
a.info2:hover span{ display:block; position:absolute;  bottom:2em; left:2em; width:33em; padding: 3px; border:1px solid #36C; background-color:#99CCFF; color:#000; text-align: center}

/*==========================================================================================
Login Formulare
==========================================================================================*/
.form_information { font-size:11px;}
.form_information * { font-size:11px;}
.form_information input { font-size:12px;}
.form_information select { font-size:12px;}