/* Version 0.1 07-03-2007 rk */
/* Dark Grey: #686868 Medium grey: #aeaeae Orange:#f60 */

BODY {  background:#686866 url(img/bg2.gif) repeat-x; }
BODY, FORM { padding:0; margin:0; }
DIV, BODY, TEXTAREA, .dropdown, .upload, SELECT, INPUT { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#4c452f; }
IMG, TABLE { border:none; }

.white { color:#fff }

.small { font-size:11px; }

H1 { font-size:18px; }
H2 {}
H3 {}
P { color:#4e4e4e; }

A { text-decoration:none; color:#f60; }
A:hover { text-decoration:underline; }

UL { margin:0; padding:0; list-style-type:none }
LI { display:inline; margin:0; padding:0; float:left;  } 

.red { color:#C03; }
.green { color:#6bdd39; }
.small { font-size:11px; }

/* HR */ 
div.hr { height:1px; background:url(img/hr.gif) repeat-x scroll left; margin:5px 0 5px 0; }
div.hr hr { display:none; }



/* ---- Seitenelemente HEAD ---- */
#head, #content { position:absolute; width:970px; left:50%; margin-left:-485px; overflow:hidden;  }
#content { margin-top:150px; }

#head #logo { float:left; padding:25px 10px; }

/* gemeinsame Formatierungen Boxen Head */
#head #login, #head #register, #head #stats, #head #loggedin { float:left; display:block; height:64px; margin:18px 10px 0 0; }

#head #login {  background:url(img/bg/head_login.gif) no-repeat; width:310px; padding:10px 2px; }
#head #login .col1 { width:70px; float:left; color:#aeaeae; margin-left:40px; padding-top:3px; }
#head #login INPUT.medium { color:#FFFFFF; background:#686868; border:none; margin:2px 0; width:130px; }
#head #login .button { margin:-9px 4px 0 4px; }
#head #lostpw { width:290px; text-align:right; margin-top:12px;  }
#head #lostpw A { color:#737373; font-size:11px; }
#head #lostpw A:hover { color:#fff; }

#head #register { background:url(img/bg/head_register.gif) no-repeat; width:195px; }
#head #register A { font-size:13px; font-weight:bold; display:block; padding:12px 4px 12px 55px; margin:4px; }

/* Head Block eingeloggt */
#head #loggedin { width:520px; background:url(img/bg/head_loggedin.gif) no-repeat; }

#head #loggedin #userimage, #head #loggedin #username, #head #loggedin #userdata, #head #loggedin #status { padding:4px; float:left; color:#aeaeae; overflow:hidden; }
#head #loggedin #userimage { background:url(img/userimage.gif) no-repeat; padding:5px; margin:8px 0 0 8px; width:40px; height:40px;  }
#head #loggedin #username { font-size:11px; width:115px; margin:6px 0 0 10px; }
#head #loggedin #username H3 { color:#f60; font-size:14px; font-weight:normal; padding:0; margin:0; }
#head #loggedin #username A { color:#fff; }
#head #loggedin #userdata { color:#fff; width:170px; font-size:11px; margin-top:6px; }
#head #loggedin #userdata .col1 { clear:both; float:left; width:120px; color:#aeaeae; font-size:11px; margin-bottom:1px; }
#head #loggedin #userdata A { color:#fff; clear:both; display:block; } 
#head #loggedin #status { font-size:11px; margin-top:6px; }
#head #loggedin #status .col1 { clear:both; float:left; width:100px; color:#aeaeae; font-size:11px; margin-bottom:2px; }
#head #loggedin #status .col2 { float:left; }
#head #loggedin #status A { color:#fff; clear:both; display:block; }

#head #stats { background:url(img/bg/head_stats.gif) no-repeat; width:206px; padding:5px 0 0 55px; margin-right:0px; color:#aeaeae; }
#head #stats #members { float:left; font-size:11px; color:#aeaeae; } 
#head #stats #membersonline {  float:left; width:100px; font-size:11px; text-align:right; color:#aeaeae;   } 
#head #stats div.hr { background:url(img/hr_stats.gif) repeat-x scroll left; clear:both; margin:0 8px 6px 0; }

#head #stats .col1 { clear:both; float:left; width:95px; height:14px;  display:block; color:#aeaeae; margin-bottom:4px; font-size:11px;  }
#head #stats .col2 { float:left; background:#000 url(img/statsbar.gif) repeat-x; width:90px; padding:0 5px 2px 5px; height:12px; display:block; text-align:right;  font-size:11px; }

/* Mainmenu */
#mainmenu { clear:both;  height:24px; width:100%; }
#mainmenu UL { padding:0; margin-left:180px; }
#mainmenu LI { margin:0; padding:0; background:url(img/mainmenu_trenner.gif) left no-repeat; }
#mainmenu LI.firstitem { background:none; }
#mainmenu LI A { font-size:18px; color:#fff; padding:0 26px; display:block; float:left; text-transform:uppercase; }
#mainmenu LI A:hover, #mainmenu LI.selected A { text-decoration:underline; }

#pathfinder { margin:6px 5px; display:block; height:24px; }
#pathfinder LI { display:block; background:url(img/pathfinder_trenner.gif) no-repeat left; padding:0 14px; margin-left:8px }
#pathfinder LI.firstitem { background:url(img/pathfinder_home.gif) no-repeat left; padding:0 0 0 14px; margin:0; }
#pathfinder A { color:#ff6600; font-weight:bold; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; display:block; }

#contentleft { margin-right:10px; clear:both; width:516px; float:left; display:block; }
#contentright { background:url(img/bg/contentright.gif) no-repeat; float:left; }
#contentright .finish {  background:url(img/bg/contentright_finish.gif) no-repeat; height:10px; width:430px; }

/* Meine Energie Graph erste Zeile */

#graph { clear:both; width:970px; padding:15px 5px 15px 10px; height:255px; background:url(img/bg/graph.gif) no-repeat; }

/* Startseite */
#contentleft #newslist { background:url(img/bg/contentleft2.gif) no-repeat top; width:516px; float:left;  }

#newslistmenu { height:22px; margin:8px 6px; } 
#newslistmenu UL { }
#newslistmenu LI { float:left; display:block; margin-right:2px;  }
#newslistmenu LI A { background:url(img/flapmenu.gif); display:block; float:left; font-weight:bold; color:#999; font-size:14px; }
#newslistmenu LI A:hover, #newslistmenu LI.selected A { background:url(img/flapmenu_highlight.gif); text-decoration:none; color:#4a4a4a; }

#newslistmenu LI A SPAN { background:url(img/flapmenu_finish.gif) right no-repeat top; padding:6px 16px; line-height:28px; }
#newslistmenu LI A:hover SPAN, #newslistmenu LI.selected A SPAN { background:url(img/flapmenu_highlight_finish.gif) right no-repeat top; }

#contentleft #newslist .list { margin:15px 18px; }
#contentleft #newslist .list A { display:block; padding:0px 30px 12px 5px; width:447px; text-decoration:none;  }
#contentleft #newslist .list H2 { color:#ff5300; font-weight:normal; margin:0; padding:0; }
#contentleft #newslist .list P { margin:0; padding:0; }
#contentleft #newslist .list LI { background:url(img/list_hr.gif) repeat-x bottom; padding-bottom:2px;}

/* Fuer Checkboxen auf der Energiedetailseite */
#contentleft #newslist .list .checkboxarea { float:left; width:30px; height:30px; padding-top:15px; }
#compbutton { background:url(img/bg/compbutton.gif) no-repeat; padding:10px 0 2px 8px; margin:-6px 0 0 5px; width:172px; }
#compbutton A { color:#4e4e4e; font-size:11px; }

#flapcompare { background:url(img/bg/compare_finish.gif) bottom no-repeat; padding-top:18px; padding-left:18px; height:60px;  }
#flapcompare #plzsearch { float:left; width:240px; }
#flapcompare #plzsearch INPUT { }
#flapcompare #radius { float:left; }
#flapcompare SELECT { }
#flapcompare #checkboxes { clear:both; float:left; width:240px;  }
#flapcompare #comparebutton { float:left; }

/* pagination */
#contentleft #newslist .pagination { clear:both; background:url(img/bg/contentleft_finish.gif) no-repeat; padding:4px 26px; height:26px; margin-top:2px; text-align:right; }
#contentleft #newslist .pagination2 { clear:both; background:url(img/bg/contentleft_finish_wo.gif) no-repeat; padding:4px 26px; height:26px; margin-top:2px; text-align:right; }
#contentleft #newslist .pagination UL { float:right; margin-right:4px;  }
#contentleft #newslist .pagination LI { line-height:20px; font-size:14px;  }
#contentleft #newslist .pagination LI.back A { background:url(img/arrow_back.gif) center no-repeat; height:20px; width:28px;  display:block;  }
#contentleft #newslist .pagination LI.next A { background:url(img/arrow_next.gif) center no-repeat; height:20px; width:28px; display:block; }


/* ---- ELEMENTE RECHTE CONTENTSEITE ---- */
#contentright #maps { margin:10px 10px 0 10px; border:2px solid #bfbfbf; }

/* Footer */
#footer { clear:both; padding:16px 8px; display:block; margin-bottom:10px; }
#footerleft { color:#fff; float:left; }
#footerright {  float:right; }
#footerright LI { margin:0 8px; padding:0 0 0 16px; background:url(img/footermenu_trenner.gif) left no-repeat; }
#footerright LI.firstitem { background:none; }
#footerright A { color:#fff;}

/* Sitemap */
UL.sitemap { font-weight:bold; padding:0; margin:0; list-style-type:none;  }
UL.sitemap A { color:#dd1b52; }
UL.sitemap LI {  margin:6px 0 0 0; padding:0;  }
UL.sitemap LI UL { padding:4px 8px; margin:0;  }
UL.sitemap LI UL LI { margin:2px 12px; padding:0; list-style-image:url(img/li.gif); }
UL.sitemap LI UL LI A { font-weight:normal; color:#333; }

/* FORM */
.alert { border:2px solid #C03; color:#C03; padding:6px; margin:6px; font-weight:bold; }

.hidden { display:none; }

/* ab hier: Sebastian Omenzetter (yoonee) */

/* data image area & data navigation */
#imgdate { font-size:20px; color:#ffffff; }
.imgnavitd { vertical-align:bottom; width:100px; }
#datenavi, .imgnavi { background-color:#404040; color:white; font-weight:bold; font-size:12px; text-transform:uppercase; padding-left:10px; padding-top:4px; padding-bottom:2px; vertical-align:bottom; filter:alpha(opacity=70); -moz-opacity:0.7; width:90px; cursor:hand; cursor:pointer; }
#datenavi:HOVER, .imgnavi:HOVER { color:#404040; background-color:#E3E3E3; }
#datenavi:HOVER { color:#404040; background-color:#E3E3E3; }

/* Calendar */
.calendar_container { position:absolute; background-color:#E3E3E3; filter:alpha(opacity=70); -moz-opacity:0.7; padding:0px; width:370px; height:127px; border-bottom:2px solid #2c2c2c; border-right:2px solid #2c2c2c; }
#td1, #td3 { width:25px; }
#td1 { text-align:right; }
.closecal { text-align:right; line-height:24px; padding-right:8px; }
.caldaypanel { padding-left:5px; font-family:verdana,arial,sans-serif; font-size:10px; font-weight:bold; width:199px; }
.calcontent { padding-left:5px; padding-bottom:5px; width:199px; font-weight:bold; line-height:14px; }
.calcontent, .day_link { font-family:courier new; font-size:10px; }
.calendar_mon { text-align:center; height:14px; font-size:11px; font-weight:bold; font-family:verdana,arial,sans-serif; color:#404040; width:149px; }
.day_link { color:#2c2c2c; background-color:white; text-decoration:none; }
.day_link:hover { background:url(img/statsbar.gif) left repeat-x; color:white; }

.caldrops { position:absolute; top:0; left:205px; width:165px; }
.caldropdown { padding-bottom:15px; }
#calleftqrt { width:135px; font-size:11px; font-family:arial,sans-serif; border:1px solid #C0C0C0; }
#calleftyear { width:55px; font-size:11px; font-family:arial,sans-serif; border:1px solid #C0C0C0; }
#calleftmon { width:80px; font-size:11px; font-family:arial,sans-serif; border:1px solid #C0C0C0; }

.timescale  { text-align:left; vertical-align:bottom; font-size:10px; color:#C4C4C4; }
.timescale2  { text-align:center; vertical-align:bottom; font-size:10px; color:#C4C4C4; border-left:1px solid white; margin:0; padding:0; }
.tnone { position:relative; top:-18px; left:0px; margin-left:0px; }
.energy { font-size: 14px; }

#userdata { padding:8px; padding-bottom:20px; padding-top:20px; padding-left:20px; }
.userdatatd { width:150px; vertical-align:top; font-weight:bold; }
#profile { background:url(img/bg/profile_middle.gif) no-repeat top; width:516px; float:left;  }
.updateok { color:#6bdd39; background-color:white; }

#myenergy { background:url(img/bg/compare_finish.gif) bottom no-repeat; padding:8px; height:30px;  }
#editprofile { padding-left: 12px; }

.pedit { padding-right:30px; font-size:12px; font-weight:bold; color:#C4C4C4; }
.cmpusers { padding-right:10px; font-size:12px; font-weight:bold; color:#C4C4C4; }

/* Export */
.export_container { position:absolute; background-color:#E3E3E3; filter:alpha(opacity=70); -moz-opacity:0.7; padding:0px; width:150px; height:127px; border-bottom:2px solid #2c2c2c; border-right:2px solid #2c2c2c; }
.expheader { position:absolute; left:12px; top:5px; font-size:11px; font-weight:bold; font-family:verdana,arial,sans-serif; color:#404040; }
.expoptions { padding-left:18px; padding-top:5px; width:199px; font-weight:bold; line-height:14px; cursor:hand; cursor:pointer; }
.coming_soon { position:absolute; color:black; background-color:#E3E3E3; border:1px solid white; filter:alpha(opacity=100); -moz-opacity:1.0; }

/* Ad Banners */
#ads { margin-top: 6px; }