html, body { height:100%; }

body, td
 {
   font-family: Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-size: 12px;
   color: black;
   font-weight: normal;
 }

strong
 {
   font-weight: bold;
 }

.navitext
 {
   font-family: Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-size: 11px;
   color: #999999;
   font-weight: bold;
 }

.legaltext
 {
   font-family: Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-size: 10px;
   color: #666666;
   font-weight: normal;
 }

.legaltextlink
 {
   font-family: Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-size: 10px;
   color: #666666;
   font-weight: normal;
 }

.legaltextlink:hover
 {
   font-family: Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-size: 10px;
   color: #990000;
   font-weight: normal;
 }

.legaltextbig
 {
   font-family: Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-size: 11px;
   color: #666666;
   font-weight: normal;
 }

.small
 {
   font-size: 10px;
 }

.smallgrey
 {
   font-family: Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-size: 10px;
   color: #4d4d4d;
   font-weight: normal;
 }

.greytext
 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 11px;
   color: #767676;
   font-weight: normal;
 }

.teasertext
 {
		font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #4b4b4b;
  font-weight: normal;
		text-decoration: none;
 }

.link
 {
	 	font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   color: #990000;
   font-weight: normal;
		 text-decoration: none;
	}

.link:hover
 {
	 	font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   color: #000000;
   font-weight: normal;
		 text-decoration: underline;
	}

.linkblack
 {
	 	font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 12px;
   color: #000000;
   font-weight: normal;
		 text-decoration: underline;
	}

.linkblack:hover
 {
	 	font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 12px;
   color: #000000;
   font-weight: normal;
		 text-decoration: underline;
	}

.linksmall
 {
	 	font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 11px;
   color: #990000;
   font-weight: normal;
		 text-decoration: none;
	}

.linksmall:hover
 {
	 	font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 11px;
   color: #000000;
   font-weight: normal;
		 text-decoration: underline;
	}

.linksmallgrey
 {
	 	font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 11px;
   color: #4d4d4d;
   font-weight: normal;
		 text-decoration: none;
	}

.linksmallgrey:hover
 {
	 	font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 11px;
   color: #000000;
   font-weight: normal;
		 text-decoration: underline;
	}

.linkunderlinedsmall
 {
	 	font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 11px;
   color: #990000;
   font-weight: normal;
		 text-decoration: underline;
	}

.linkunderlinedsmall:hover
 {
	 	font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 11px;
   color: #000000;
   font-weight: normal;
		 text-decoration: underline;
	}

.linkunderlined
 {
	 	font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 12px;
   color: #990000;
   font-weight: normal;
		 text-decoration: underline;
	}

.linkunderlined:hover
 {
	 	font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 12px;
   color: #000000;
   font-weight: normal;
		 text-decoration: underline;
	}

.teaserlink
 {
	 	font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 11px;
   color: #990000;
   font-weight: normal;
		 text-decoration: none;
	}

.teaserlink:hover
 {
	 	font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 11px;
   color: #000000;
   font-weight: normal;
		 text-decoration: underline;
	}

.teaserlinksmall
 {
	 	font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 10px;
   color: #990000;
   font-weight: normal;
		 text-decoration: none;
	}

.teaserlinksmall:hover
 {
	 	font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 10px;
   color: #000000;
   font-weight: normal;
		 text-decoration: underline;
	}

.red
 {
   color: #990000;
	}
.red_strong  {
    color               : #990000;
    font-weight         : bold;
}
.grey
 {
   color: #4d4d4d;
	}

.white
 {
   color: white;
	}

.small
 {
   font-size: 11px;
 }
 


a.doch { color:black; }
a.doch:hover { color:black; }
a.doch:visited { color:black; }

.submenulayer {
	display:none;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	background-color:#ffffff;
	position:absolute;
	z-index:10;
	padding-top:8px;
	padding-right:4px;
}


.blockheader  {
    font-weight     : bold;
    color           : #000;
}
.blockheader_red  {
    font-weight     : bold;
    margin-bottom   : 0px;
    color           : #990000;
}

li {
    margin-bottom   : 5px;
}

html .submenulayer {
	margin-top:25px;
	margin-left:-100%;
}

HTML {
   overflow: -moz-scrollbars-vertical;
}





 div.esb { width:735px; }

 div.dyn { position:absolute; z-index:3; }
 div.bg1 { position:absolute; background-color:#FFF; border:1px solid #FFF; z-index:1; }
 div.bg2 { position:absolute; background-color:#7F7F7F; border:1px solid #7F7F7F; z-index:1; }
 div.bg3 { position:absolute; background-color:#FFF; border:1px solid #FFF; z-index:1; }
 div.bg4 { position:absolute; background-color:#7F0000; border:1px solid #7F0000; z-index:1; }
 #size2 div.text1, #size2 div.text2, #size2 div.text3, #size2 div.text4 { padding-top:70px; font-size:28px; }
 #size4 div.text1, #size4 div.text2, #size4 div.text3, #size4 div.text4 { padding-top:24px; font-size:20px; }
 #size8 div.text1, #size8 div.text2, #size8 div.text3, #size8 div.text4 { font-size:12px; }
 div.text1, DIV.text1 A { color:#7F7F7F; text-decoration:none; }
 div.text2, DIV.text2 A { color:#FFF; text-decoration:none; }
 div.text3, DIV.text3 A { color:#7F0000; text-decoration:none; }
 div.text4, DIV.text4 A { color:#FFF; text-decoration:none; }
 div.desc { position:relative; padding-top:10px; font-size:11px; display:none; }
 div.desc div { padding:0px 4px; }
 #size2 div.desc, #size4 div.desc { font-size:12px; }
 #size2 div.desc div { padding:0px 20px; }
 #size4 div.desc { line-height:14px; }
 #size4 div.desc div { padding:0px 10px; }
 #size8 div.desc { line-height:12px; }
 img.b { height:100%; width:100%; border:0; display:block; }
 #subnav { position:absolute; top:146px; left:773px; }
 #subnav a, #subnav img { display:block; border:0; }
 #subnav a { margin-bottom:10px; }

 h1,h2 { margin:0px 0px 18px 0px; font-size:18px; font-weight:normal; color:#666666; } 
 .nugget strong { display:block; }
 table.bordertable { border:0; border-collapse:collapse; width:532px; } 
 .bordertable td { border:1px solid #666; }
 
 h3 { margin:0px 0px 12px 0px; font-size:12px; font-weight:bold; color:#333; } 
 
 DIV.comment {
    padding:0px;
    width:532px;
 }
 
 DIV.comment DIV.author_date {
    background:#eee;
    font-size:10px;
    border:1px solid #ccc;
    padding:3px 0px 3px 3px;
 }
 
 DIV.comment H4 {
    margin:2px 0px 2px 0px;     
    padding-top:5px;
    font-size:12px;
    font-weight:bold;
    color:#333;
 }
 
 DIV.comment P {
    margin:5px 0px 5px 0px;     
 }
 
 DIV.answers {
    margin-left:25px;
 }
 
 DIV.child {
    padding-left:10px;
    margin:0px;
 }
 
/* Comment rating */

DIV.ratingcount {
  cursor:default;
  float:right;
  text-align:right;
  width:20px;
  padding-right:8px;
  line-height:12px;
}

DIV.rating {
  float:right;
  width:50px;
  margin-left:10px;
  height:10px;
  line-height:1px;
  font-size:1px;
  border:1px solid #999;
  background:#fff;
}

DIV.commentlinks {
  float:right;
  padding-right:8px;
}

DIV.neg {
  width:50%;
  height:10px;
  float:left;
}

DIV.pos {
  width:50%;
  height:10px;
  float:right;
}

DIV.neg DIV.line {
  float:right;
  background:red;
  height:10px;
}

DIV.pos DIV.line {
  float:left;
  background:green;
  height:10px;
}

A.esb_teaser_de_de {
    display:block;
    width:465px;
    height:400px;´
    background:#fff;
    background-image:url('/gfx/teaser/de_de/A1.gif'); 
}

DIV.ad {
    /*display:none;*/
    position:relative;
    margin:auto;
    left:-330px;
    top:-364px;
    width:242px;
    height:102px;
    z-index:1; 
    /*background:#fff;*/
    /*border:1px solid red;*/
}

DIV.enad {
    position:relative;
    margin:auto;
    left:-401px;
    top:-314px;
    width:101px;
    height:179px;
    z-index:1;
}

table#supplypower, table#demandpower { position:absolute; z-index:1005; visibility:hidden; border:0; border-collapse:collapse; }
td#supplypowertd, td#demandpowertd {  background-color:#FFF; padding:0px; }

td.topright, td.right, td.bottomright, td.bottomleft { width:5px; background:none; padding:0; }
td.bottomleft, td.bottom, td.bottomright, td.topright { height:5px; background:none; padding:0; }
td.topright { background:url(/gfx/esb/topright.png) top left no-repeat; }
td.right { height:100%; background:url(/gfx/esb/right.png) repeat-y; }
td.bottomleft { background:url(/gfx/esb/bottomleft.png) top left no-repeat; }
td.bottom { width:100%; background:url(/gfx/esb/bottom.png) repeat-x; }
td.bottomright { background:url(/gfx/esb/bottomright.png) top left no-repeat; }
div.corner { height:5px; width:5px; font-size:1px; line-height:1px; margin:0; }

#supplypowertd div, #demandpowertd div { padding:12px; border:1px solid #666; height:198px; }
table#supplypower { left:-10px; top:351px; }
table#demandpower { left:352px; top:720px; }
#supplypower ul, #demandpower ul { margin:0; margin-top:12px; padding:0; padding-left:14px; }

table#shadow { border:0; border-collapse:collapse; position:absolute; top:0; left:0; z-index:0; height:50px; width:50px; }
table#shadow td { padding:0; }

input, textarea { width:340px; }
input.submit { width:150px; }
input.radio { width:auto; }
