/* ------ Voreinstellungen ------- */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }

h1    { color: #066; font-size: 17px; line-height: 20px; text-decoration: none; margin-bottom: 10px }
h2   { color: #066; font-size: 12px; font-weight: bold; line-height: 16px; text-decoration: none }
h3 { font-size: 11px; font-weight: bold; color: #000; line-height: 15px; text-decoration: none; }
body, table, td, form, input, div, textarea   { color: #333; font-size: 11px; font-family: "Lucida Grande", Geneva, Verdana, Arial, sans-serif; line-height: 15px; text-decoration: none }

table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: none; }
div  { text-align: left }
input { text-align: left }
a         { color: #066; text-decoration: none; display: inline }
a:hover { color: #6c3 }

/* ------ Layout-Elemente ------ */
#header          { display: block; margin: auto; padding-left: 10px; z-index: 1; width: 940px; height: 120px }
#header-logo       { display: block; z-index: 1; width: 276px; height: 120px; float: left }
#header-sub         { text-align: right; display: block; padding-top: 80px; z-index: 1; width: auto; height: 45px; clear: right }
#headermenue       { color: #066; line-height: 1.5em; background-position: 0 0; display: block; margin: auto; padding-left: 35px; z-index: 2; width: 925px; height: 20px; vertical-align: middle; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
#headermenue a { color: #066 }
#headermenue a:hover { color: #6c3 }

.hm-10  { margin-right: 10px }
.hm-25 { margin-right: 25px }
.hm-50 { margin-right: 50px }
.hm-75 { margin-right: 75px }
.hm-15  { }
#text   { display: block; margin: 12px auto auto; z-index: 2; width: 960px; height: 100% }
#t-links       { z-index: 3; width: 205px; height: 100%; float: left }
#t-mitte      { padding-right: 10px; padding-left: 10px; z-index: 4; width: 528px; height: 3000px; float: left; border-right: 1px solid #ccc; border-left: 1px solid #ccc }
#nachrichtentext { display: block; z-index: 10; width: auto; height: 100% }
#nachrichtentext p { padding-left: 10px }
#nachrichtentext h1      { margin-top: 10px; margin-bottom: 15px; padding-left: 10px }
#t-rechts    { color: #333; background-color: #f5f5f5; margin-left: 10px; z-index: 5; width: 195px; height: 100%; float: left }
#fusszeile h1       { color: #999; font-size: 11px; font-weight: normal; line-height: 15px; text-align: center; display: inline }
/* ----- Kaesten in der MItte Einhalb-----  */
.table_528     { margin: 0 0 10px; padding: 0; width: 528px; }
.table_528 td  { text-align: left; width: 264px; vertical-align: top }
.table_528 li     { background-image: url("../images/liste-text.gif"); background-repeat: no-repeat; list-style-type: none; list-style-position: inside; display: list-item; padding-left: 10px }
.table_528_2         { text-align: left; margin: 0; padding: 0; width: 508px; vertical-align: top;        ; w\idth: 528px   }
.table_528_2 td.eindrittel   { text-align: left; padding: 0 0 0 10px; width: 166px; vertical-align: top }
.table_528_2 td.eindrittel-o                    { text-align: left; margin: 0; padding: 0; width: 170px; vertical-align: top }
.table_528_2 td.eindrittel-o1           { text-align: left; padding: 0; width: 170px; vertical-align: top }
.table_528_2 td.zweidrittel { text-align: left; padding: 0; width: 352px; vertical-align: top; border-bottom: 1px solid #ccc }
.table_528_2 h2 { margin-top: 10px; margin-bottom: 5px; padding-right: 10px }
.table_528_2 p   { display: block; margin-top: 10px; margin-bottom: 10px; padding-right: 10px }
/* ----- Verwendung für das Eintrag-buchen-Formular -----  */
/* ----- Formatierung linkes Feld -----  */
#t-links ul  { line-height: 20px; list-style-type: none; list-style-position: outside; margin: 0; padding: 0 0 0 35px }
#t-links li  { display: list-item; height: 22px }
#t-links li a { color: #066; list-style-image: url(../images/m_pfeil.gif); display: list-item }
#t-links li a:hover  { color: #6c3; list-style-image: url(../images/m_pfeil-2.gif); display: list-item }
#t-links li a.top  { color: #6c3; font-weight: bold; list-style-image: url(../images/m_pfeil-2.gif); display: list-item }
#t-links li.fett-o    { color: #066; font-weight: bold; line-height: 1.3em; margin-bottom: 12px }
#t-links li.fett-a   { color: #066; font-weight: bold; line-height: 1.3em }
/* ----- Kaesten im rechten Feld -----  */
.t-r-kasten         { background-color: #f5f5f5; display: block; width: auto }
.t-r-kasten h3    { margin-top: 0; margin-bottom: 10px; padding-bottom: 2px; padding-left: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
.t-r-kasten ul    { color: #666; list-style-type: none; list-style-position: outside; margin: 0; padding: 0 10px 10px 26px }
.t-r-kasten li    { display: list-item; padding-bottom: 5px }
.t-r-kasten li a  { color: #066; list-style-image: url(../images/doppelpfeil.gif); display: list-item }
.li-ohne      { list-style-type: none; display: block; padding-right: 10px; padding-left: 10px }
.li-ohne1  { padding-right: 10px; padding-left: 10px }
.t-r-kasten li a:hover { color: #6c3; list-style-image: url(../images/doppelpfeil2.gif); display: list-item }
.t-m-kasten     { display: block; width: auto }
.t-m-kasten h3 { margin-top: 0; padding-left: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
.t-m-kasten p { font-weight: normal;  margin-top: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
/*--------- Datenbank Energiedienstleister suchen ----------*/

.table_528_suche  { color: #333; background-color: #f5f5f5; text-align: left; margin: 0; padding-right: 0; padding-left: 0; width: auto; border-top: 7px solid #f5f5f5; border-bottom: 7px solid #f5f5f5;}
.table_528_suche td.eindrittel { text-align: right; padding: 2px 10px; width: 84px }
.table_528_suche td.zweidrittel  { text-align: left; padding: 2px 0; width: 175px }
/* ----- Verwendung für das Eintrag-buchen-Formular -----  */
/* ----- Kaesten in der MItte eindrittel/Zweidrittel-----  */

/*--------- Datenbank Ausgabe Energiedienstleister-Profil ----------*/
/*--------- Formular-Elemente ----------*/
.weiss-rechts  { color: #333; font-size: 11px; line-height: 15px; width: 200px; height: 15px; border: solid 1px #ccc }
.input-text { display: block; border: solid 1px #ccc }
.input-oben     { font-size: 11px; background-color: #f5f5f5; text-align: center; display: block; margin-top: 5px; border: solid 1px #ccc }
.suche   { font-size: 11px; text-align: left; display: inline; width: 100px; height: auto }
.suche-2         { font-size: 11px; background-color: #fff; text-align: center; display: inline; margin-left: 5px; padding-top: 1px; padding-bottom: 1px; width: 25px; height: auto; border: solid 1px #ccc }
/*--------- Weitere Elemente ----------*/

/* ----- Text-Elemente -----  */
.fett    { color: #6c0; font-weight: bold }
.bu { font-size: 9px; font-weight: bold; line-height: 11px }
.bu2   { font-size: 9px; font-weight: bold; line-height: 11px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; width: 254px; float: left; clear: left }
.img_l    { padding-right: 10px; padding-bottom: 5px; padding-left: 10px; float: left }
.aufmacher     { display: block; padding-bottom: 10px; width: 528px; height: 199px }
.aufmacher_bild        { display: inline; padding-right: 10px; float: left }
.aufmacher_text             { width: 264px; height: 194px; float: right }
.warnung { color: #c30 }
.li { color: #066; list-style-type: none }
.li a { color: #066; list-style-image: url(../images/m_pfeil-2.gif) }
.li a:hover { color: #6c0; list-style-image: url(../images/m_pfeil.gif) }
.hinweis  { color: #066; font-weight: bold;  display: block; padding-right: 10px; padding-bottom: 5px; padding-left: 35px }
.normal { color: #066; font-weight: bold; display: block; padding-right: 10px; padding-bottom: 5px; padding-left: 35px }
.text p  { color: #333; padding-right: 10px; padding-bottom: 5px; padding-left: 10px }
.textblock  { display: block; margin-bottom: 10px; padding: 5px 10px; border: solid 1px #ccc }
.textblock p { margin-bottom: 5px }
.textblock h2     { color: #066; font-size: 13px; line-height: 17px; margin-bottom: 10px }
.textblock2    { display: block; margin-bottom: 10px; padding: 5px 10px; border: solid 1px #ccc }
.textblock2 h2   { color: #066; margin: 1px 0; padding: 7px 0 }
.textblock2 p  { color: #333; margin: 1px 0; padding: 0 }
.option       { width: 150px }
.select          { width: 200px; height: 18px; }