body { color: #444444; font-family: Verdana, Arial,Helvetica, sans-serif; font-size: 12px; background:#ffffff; padding:20px 20px 100px 20px; margin:0;}

h1 { font-size:15px; color:#222222; padding:27px 10px 5px 10px; margin:0 0 1px 0; font-weight:bold; }
h2 { font-size:12px; color:#222222; padding:5px; margin:0; font-weight:bold; background:#ffca08; border-bottom:1px solid #ffffff }
h3 { font-size:12px; color:#222222; padding:30px 5px 5px 5px; margin:0 0 1px 0; font-weight:bold; background:#ffca08; }

h4 { font-size:14px; color:#ffffff; background-color:#d62525; padding:8px 5px; margin:0 0 4px 0; font-weight:normal; }
h5 { padding:0; margin:0; }

a	{ color:#349512; font-weight:normal; text-decoration:none; }
a:hover { text-decoration: underline; }

table { font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; width:100%; border-collapse:collapse; table-layout:fixed}
td { vertical-align: top; text-align: left; padding:2px;}
img { border:0; margin:0; }
.clear { clear:both; height:0; }
.success { padding:10px; border:1px solid #f6a800; margin-bottom:10px; } 
.error { padding:10px; background-color:#CC0000; color:#ffffff; font-size:11px; } 
.error ul { padding:0; margin:0; } 
.webdesign { float:right; }
form {padding:0; margin:0; }

#container { width:586px; padding:0; margin:0; padding:0; text-align:left; background:#ffffff }

#header	{ display:none; height:80px; padding:10px 0; background-color:#ffffff; } 
#header #logo { float:left; width:200px; padding:0; margin:0; }
#header #banner { float:right; width:790px; padding:0; margin:0; height:90px; }

#options { display:none; height:25px; padding:0; background-color:#ffffff; font-size:10px; color:#666666; line-height:25px; } 
#options #site { float:right; height:25px; line-height:22px; }

#left { display:none; float:left; width:200px; padding:0 0 20px 0; margin:0; background-color:#ffffff; }
#left ul { padding:0; margin: 0; list-style-type: none; }
#left ul li a { display:block; padding:5px 5px 5px 5px; line-height:14px; background:#ffca08 url(/templates/stromauskunft09/images/bg-h1.gif) repeat-x; color:#222222; font-weight:bold; text-decoration:none; border-bottom:1px solid #ffffff; font-size:11px; }
#left ul li a:hover { background:#838383; }
#left ul li a.onkat {background:#838383; }
#left ul ul li a { display:block; padding:4px 5px 4px 18px; font-size:11px; line-height:16px; background:#ffe586 url(/templates/stromauskunft09/images/bg-menu.gif) no-repeat; color:#222222; text-decoration:none; font-weight:normal; border-bottom:1px solid #ffffff }
#left ul ul li a:hover { background:#dddddd url(/templates/stromauskunft09/images/bg-menu-hover.gif) no-repeat; }
#left ul ul li a.onkat { }

#container_content { float:right; width:586px}

#right { display:none; float:right; width: 200px; padding:0; margin:0; }
#right .right_box { padding:5px; margin:0 0 1px 0; background-color:#eeeeee; font-size:11px; }
#right .right_box ul { padding:0; margin:10px 0 10px 16px; }
#right .right_box_beratung { padding:10px; margin:0 0 1px 0; background-color:#222222; color:#ffffff; font-size:14px; line-height:20px; }
#right .right_box_beratung .hotline{ color:#ffca08; font-size:20px; font-weight:bold; padding:4px 0 0 0 }

#content { float:left; width: 586px; padding:0; margin:0; font-size:100%; line-height:17px;}
#content .text { line-height:16px; padding: 10px; text-align:justify}
#content .tarifrechner { padding: 10px; border:1px solid #ee9700}
#content .tarifrechner img { vertical-align:middle; }
#content .legende { background-color:#eeeeee; padding:10px; line-height:20px; font-size:11px; }
#content .image { float:right; margin:0 0 20px 20px}

#content .box_tarifrechner { background-color:#eeeeee; padding:5px; height:170px; margin:0 0 4px 0; }
#content .box_tarifrechner_city { background-color:#ffffff; padding:5px; height:203px; width:340px; margin:0 0 4px 0; border:1px solid #ee9700}
#content .box_home_small { padding:0; margin:0; list-style-type:none; height:290px; font-size:11px; }
#content .box_home_small ul { padding:0; margin:0; list-style-type:none; }
#content .box_home_small li { float:left; width:192px; margin:0 5px 4px 0; background-color:#eeeeee; height:140px; }
#content .box_home_small li .teaser { padding:55px 5px 5px 5px; background:#eeeeee url(/templates/stromauskunft09/images/home/stromanbieter.jpg) no-repeat; }

#footer { clear:both; border-top: 1px solid #cccccc; background:#ffffff; margin:20px 0 0 0; padding: 20px 20px 10px 0; line-height:18px; font-size:11px; }
#bottom { display:none; }
/*Formular*/
#formular { padding:5px 5px 5px 5px; border:1px solid #cccccc; margin-bottom:5px; background:#eeeeee }
#formular#colored { border:3px solid #88ba14; }
#formular table { width:100%; border-collapse:collapse; table-layout:fixed }
#formular td { padding:0; border-bottom:10px solid #eeeeee; }
#formular td.first { width:120px; padding:5px 10px; border-right:1px solid #cccccc; }
#formular td.text { padding:5px; }
#formular td.needed { width:120px; padding:3px 10px; color:#ffffff }
#formular td.wert { padding:0 5px 0 10px; }

input { padding: 3px; font-size: 13px; margin:2px 4px 2px 0; vertical-align:middle; width:300px; border:1px solid #dddddd}
input.short { width:235px; }
input.very_short { width:50px; }
textarea { padding: 3px 3px; font-size: 13px; margin:2px 4px 2px 0; vertical-align:middle; width:300px; font-family: Arial, Helvetica, sans-serif; border:1px solid #dddddd}
select { padding: 3px; font-size: 13px; padding:0; margin:2px 4px 2px 0; background-color:#dddddd; }
select#dropdown { background-color:#9e9e9e; color:#ffffff; }
input.radiobutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input.checkboxbutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input.submitbutton { background-color: #ee9700; padding:6px 60px 6px 10px; font-weight:bold; width:130px; color:#ffffff; margin:0 10px 0 140px; border:none; vertical-align:top;text-align:left; font-size:12px; }
input.submitbutton:hover	{ background-color: #888888; }
input.submitbuttonsmall { background-color: #ee9700; padding:6px 0 6px 7px; font-weight:bold; width:83px; color:#ffffff; margin:0 10px 0 100px; border:none; vertical-align:top; font-size:11px; text-align:left; }
input.submitbuttonsmall:hover	{ background-color: #888888; }

/*Formular*/
.mitglied { margin:0 0 20px 0; height:100px; }
.mitglied_img { float:right; border:3px solid #555555}

/*Form Validation */
#formular table .invalidInput,.validInput { display:inline; padding:0px; }
#formular table .invalidInput input { background-color:#dddddd; }
#formular table .invalidInput select { background-color:#dddddd; }
#formular table .validInput input { background-color:#ffffff; }
#formular table .validInput select { background-color:#ffffff; }

/*Imagepool*/
#imagepool { clear:both; padding:0;}
#imagepool ul { padding:0; margin:0; list-style-type:none; }
#imagepool li { display:inline }
#imagepool li a { display:block; float:left; padding:2px; height:100px; width:100px; font-size:11px; color:#ffffff; border:1px solid #eeeeee; }

/* NEWS */
.news .date { padding:10px 0 0 0; }

/*Content Untermenü*/
ul#submenu { clear:both; padding:20px 0 0 0; margin:0; list-style-type:none; }
ul#submenu li { clear:both; padding:0; margin-bottom:10px; border:1px solid #cccccc; background-color:#ffffff; padding:8px; }
ul#submenu li img { float:right; margin:0 12px 8px 0; }
ul#submenu li .text { float:left; width:300px }
ul#submenu li .title { font-size:14px; font-weight:normal; color:#333333; padding:0 0 5px 0;  }
ul#submenu li p { padding:0; margin:0; }

/*Content Imagepool*/
#imagepool { clear:both; padding:0;}
#imagepool ul { padding:0; margin:0; list-style-type:none; }
#imagepool li { display:inline }
#imagepool li a { display:block; float:left; padding:0; width:100px; margin: 0 20px 20px 0; font-size:11px; color:#ffffff; border:4px solid #dddddd; background-color:#dddddd;  background-repeat:no-repeat; background-position:50% 50%;}
#imagepool li a img {padding:0; margin: 0; }

/*Content Imagepool*/
ul#imagepool ul { clear:both; padding:20px 0 0 0; margin:0; list-style-type:none; }
ul#imagepool li { display:inline; }
ul#imagepool li a { display:block; float:left; padding:0; margin: 0 20px 20px 0; font-size:11px; color:#ffffff; height: 70px; width:100px; border:1px solid #eeeeee; border-width:4px; background-color:#ffffff;  background-repeat:no-repeat; background-position:50% 50%;}
ul#imagepool li a img { padding:0; margin:0; }

/*Content Downloads*/
.downloads { clear:both; margin:20px 0 0 0; padding:1px; border:1px solid #eeeeee; }
.downloads ul { padding:0; margin:0; list-style-type:none; }
.downloads li { padding:0 10px; line-height:24px; font-size:11px; background-color:#dddddd; }

/*News*/
ul#latest { padding:20px 0 0 0; margin:0; list-style-type:none; }
ul#latest li { padding:0 0 20px 0; line-height:20px;  }
ul#latest li img { float:right; margin:2px 0 14px 14px; }
ul#latest li .date { font-size:11px; font-weight:bold;  }
ul#latest li .title { font-size:14px; font-weight:bold; color:#328925; padding:5px 0 5px 0;  }
ul#latest li p { padding:0; margin:0; }

ul#newsarchiv { padding: 20px 0 0 0; margin:0; list-style-type:none; }
ul#newsarchiv li { padding:0; line-height:24px; border:1px solid #cccccc; border-width:0 0 1px 0 }
ul#newsarchiv li .date { float:left; width:100px;  }
ul#newsarchiv li .title { font-size:14px; font-weight:bold; color:#328925; padding:0;  }

ul#newsarchiv { padding: 10px 0 0 0; margin:0; list-style-type:none; }
ul#newsarchiv li { clear:both; padding:4px 0 0 0; border:1px solid #dddddd; border-width:1px 0; margin:0 0 4px 0;  }
ul#newsarchiv li .date { float:left; width:30px; font-size:12px; color:#888888;  }
ul#newsarchiv li .title { float:right; width:470px; font-size:12px; color:#888888; padding:0;  }

ul#newsticker { padding: 20px 0 0 0; margin:0; list-style-type:none; }
ul#newsticker li { clear:both; padding:4px 0 0 0; border:1px solid #dddddd; border-width:1px 0; margin:0 0 4px 0;  }
ul#newsticker li .date { float:left; width:80px; font-size:12px; color:#888888;  }
ul#newsticker li .title { float:right; width:420px; font-size:12px; color:#888888; padding:0;  }

ul#links {  list-style-type:square; }

.videos { clear:both; padding:10px 0; background-color:#dddddd; margin:0 0 10px 0; text-align:center }

/* Suche */
ul#searchresults { padding: 20px 0 0 0; margin:0; list-style-type:none; }
ul#searchresults li { clear:both; padding:0; line-height:18px; background-color:#dddddd; border:1px solid #ffffff; border-width:0 0 10px 0 }
ul#searchresults li .number { float:left; width:10px; color:#ffffff; padding:5px; font-weight:bold;  }
ul#searchresults li .siteinfos { float:right; width:450px; background-color:#eeeeee; border:1px solid #ffffff; border-width:0 0 0 5px; padding:5px 10px;  }
ul#searchresults li a.title { font-weight:bold;  }

/*Alphabet*/
ul#alphabet { height:40px; padding:0; margin:0; list-style-type:none; }
ul#alphabet li { display:inline; padding:0; margin:0; text-align:center}
ul#alphabet li a { display:block; float:left; background-color:#eeeeee; padding:3px 5px 3px 4px; margin-right:2px; text-decoration:none;  }
ul#alphabet li a:hover { background-color:#aaaaaa; color:#ffffff}
ul#alphabet li a.onsite { background-color:#aaaaaa; color:#ffffff}
ul#alphabet li a.last { margin:0; width:25px; }

ul#lexicon { padding:0; margin:0; list-style-type:none; }
ul#lexicon p { padding:0; margin:0;}
ul#lexicon li { padding:0 0 10px 0; margin:0; }
ul#lexicon li .title { font-weight:bold; font-size: 14px; }

.more_entries { line-height:18px; font-size:11px; }
ul#lexicon_small { padding:0; margin:0; list-style-type:none;}
ul#lexicon_small li { float:left; padding:0; margin:0; }

/*Gästebuch*/
.guestbook { padding:5px; border:1px solid #eeeeee; font-size:11px; }
.guestbook p { padding:0; margin:0; }
.count_entries { float:right;  }
ul#guestbook { padding:0 0 0 0; margin:0; list-style-type:none; }
ul#guestbook li { padding:5px; line-height:18px; background-color:#eeeeee; border-top:1px solid #dddddd ; margin-bottom:5px; }
ul#guestbook li img { float:right; margin:2px 0 14px 14px; }
ul#guestbook li .header { padding: 0px; }
ul#guestbook li .message {  padding:10px 0 20px 0;  }

/*Pages*/
.pages { padding:10px 0; }
ul#pages { height:20px; padding:0; margin:0; list-style-type:none; }
ul#pages li { display:inline; padding:0; margin:0; text-align:center}
ul#pages li.breaker { float:left; width:20px; line-height:20px; }
ul#pages li a { display:block; float:left; background-color:#eeeeee; padding:0; width:20px; line-height:20px; margin-right:3px; text-decoration:none; text-align:center;  }
ul#pages li a:hover { background-color:#aaaaaa; color:#ffffff}
ul#pages li a.onsite { background-color:#aaaaaa; color:#ffffff}

/*Downloads*/
.downloads { clear:both; margin:20px 0 0 0; padding:1px; border:1px solid #eeeeee; }
.downloads ul { padding:0; margin:0; list-style-type:none; }
.downloads li { padding:0 10px; line-height:24px; font-size:11px; background-color:#dddddd; border-bottom:1px solid #ffffff; }

/*ErgebnissTabelle*/
ul#results_header { padding:0; margin:0; list-style-type:none; font-size:11px; }
ul#results_header li { padding:0; background-color:#666666; color:#ffffff; height:25px; }
ul#results_header li .one { float:left; width:20px; padding:4px 8px; border-right:1px solid #ffffff; }
ul#results_header li .two { float:left; width:90px; padding:4px 8px; border-right:1px solid #ffffff; }
ul#results_header li .three { float:left; width:125px; padding:4px 8px; border-right:1px solid #ffffff; }
ul#results_header li .four { float:left; width:150px; padding:4px 8px; border-right:1px solid #ffffff; }
ul#results_header li .five { float:left; width:95px; padding:4px 8px; }

ul#results { padding:0; margin:0; list-style-type:none; font-size:11px; }
ul#results li { clear:both; padding:0; background-color:#eeeeee; margin-bottom:1px; }
ul#results li .one { float:left; width:20px; padding:4px 8px; }
ul#results li .two { float:left; width:90px; padding:4px 8px; }
ul#results li .three { float:left; width:125px; padding:4px 8px; }
ul#results li .four { float:left; width:150px; padding:4px 8px; }
ul#results li .five { float:left; width:95px; padding:4px 8px; }

ul#anmerkungen { padding:0; margin:0; list-style-type:none; }
ul#anmerkungen li { background-color:transparent; }

/*Alphabet*/
ul#alphabet { height:40px; padding:0; margin:0; list-style-type:none; }
ul#alphabet li { display:inline; padding:0; margin:0; text-align:center}
ul#alphabet li a { display:block; float:left; background-color:#eeeeee; padding:3px 5px 3px 4px; margin-right:3px; text-decoration:none; }
ul#alphabet li a:hover { background-color:#aaaaaa; color:#ffffff}
ul#alphabet li a.onsite { background-color:#aaaaaa; color:#ffffff}
ul#alphabet li a.last { margin:0; width:30px; }

ul#lexicon { padding:0; margin:0; list-style-type:none; }
ul#lexicon p { padding:0; margin:0;}
ul#lexicon li { padding:0 0 10px 0; margin:0; }
ul#lexicon li .title { font-weight:bold; font-size: 14px; }

.more_entries { line-height:18px; font-size:11px; }
ul#lexicon_small { padding:0; margin:0; list-style-type:none;}
ul#lexicon_small li { float:left; padding:0; margin:0; }

/*Content Untermenü*/
ul#submenu { padding:20px 0 0 0; margin:0; list-style-type:none; }
ul#submenu li { margin:0 0 5px 0; border:1px solid #cccccc; background-color:#ffffff; padding:2px; }
ul#submenu li img { float:left; margin:0 12px 8px 0; }
ul#submenu li .text { float:right; width:400px }
ul#submenu li .title { font-weight:normal; color:#328925; padding:0 0 5px 0; }
ul#submenu li p { padding:0; margin:0; }

/*Städte*/
ul#cities { padding:20px 0 0 0; margin:0; list-style-type:none; }
ul#cities li { float:left; padding:0 5px; margin:0 5px 5px; line-height:20px; border:1px solid #cccccc; background-color:#ffffff; }
ul#cities li:hover { background-color:#eeeeee; }

/* Liste Partner */
ul#partner { padding:0; margin:0; list-style-type:none; }
ul#partner li a { display:block; padding:4px 5px 4px 18px; font-size:11px; line-height:16px; background:#ffe586 url(/templates/stromauskunft09/images/bg-menu.gif) no-repeat; color:#222222; text-decoration:none; font-weight:normal; border-bottom:1px solid #ffffff }
ul#partner li a:hover { background:#dddddd url(/templates/stromauskunft09/images/bg-menu-hover.gif) no-repeat; }

/* Liste Empfehlungen */
ul#empfehlungen { padding:0; margin:0; list-style-type:none; }
ul#empfehlungen li a { display:block; padding:5px 0; width:200px; height:25px; margin:0 0 5px 0; }
ul#empfehlungen li img { vertical-align: middle }

/* Liste Stromspartipps */
ul#stromspartipp { padding:0; margin:0; list-style-type:none; }
ul#stromspartipp li { padding: 0 5px; margin:0 0 1px 0; border:1px solid #ee9700; font-size:11px; }