﻿body {font-family: Verdana, Sans-Serif;font-size: 9pt;font-weight: normal;font-style: normal;font-variant: normal;text-transform: none;color: #000000;text-decoration: none;padding: 0px;margin: 0px;background-color: #e3ddcf;}
div {border: 0px solid #00FF00;}
h1 {color:#290581; font-size:11pt; font-weight:bold; line-height:18px; padding-bottom:20px;}
a {color:#290581; font-weight:bold;}
a:hover {color:#91a7f4;}
i {font-size:7pt;}

/** head **/
.headrow {position: relative;width: 1200px;height: 120px;top: 0px;background-color: #FFFFFF;}
.logocontainer_de {position: absolute;top: 0px;left: 0px;width: 200px;height: 120px;}
.logocontainer_en {position: absolute;top: 0px;left: 0px;width: 200px;height: 120px;}
.bannercontainer_de {position: absolute;top: 0px;height: 120px;width: 1200px;background-image: url('../images/bg_banner_top_de.png');background-repeat: repeat-x;background-position: center;}
.bannercontainer_en {position: absolute;top: 0px;height: 120px;width: 1200px;background-image: url('../images/bg_banner_top_en.png');background-repeat: repeat-x;background-position: center;}

/** middle **/
.midrow {position: relative;width: 1210px;height: auto;padding: 0px;}
.leftnavigationcontainer {position: relative;width: 200px;height: 500px;padding-top: 20px;float: left;}
.leftnavigationcontainer2 {position: relative;width: 200px;height: 500px;padding-top: 0px;float: left;}
.subnavicontainer {position: relative; width: 1000px; height: auto; padding-left:0px; background: white;margin: 0px;float: left;padding-bottom:5px;}
.contentcontainer {position: relative;width: 1000px;padding-left:0px;height: auto;min-height:500px;background: white;margin: 0px;float: left;top: 0px;left: 0px;padding-bottom:0px;padding-top:30px;}
#contentflow {margin-left:20px; margin-right:20px; margin-bottom:20px;}
#pge-mapcreator .contentcontainer {padding-top:5px;width:820px;}
#pge-factsheets .contentcontainer {height:719px;}
.divMapTitle1 { position:absolute;z-index:1; margin-top:550px; margin-left:20px; color:#ffffff; font-weight:bold; font-size:8pt;}
.divMapTitle2 { position:absolute;z-index:2; margin-top:590px; margin-left:20px; color:#ffffff; font-weight:bold; font-size:8pt;}

/*fact sheets*/
#divFactSheets {width:975px; overflow:auto; overflow-x:hidden; height:710px;}
#tblCountryFactSheet {width:910px;}
#tblClimatePolicy {width:910px;}
#tblGreenhouseGasEmissions {width:910px;}
#tblEnergyEfficiencyFactSheet {width:910px;}
#tblEnergySupplyFactSheet {width:910px;}
#tblRenewableEnergyFactSheet {width:910px;}
#imgFactSheet {width:910px;}
.tdFactSheetHeader {}
.tdFactSheetFooter {}
.tdFactSheet {width: 450px; vertical-align:top;}
.tdFactSheet2 {vertical-align:top;}
.tbFactSheetBlock {width:450px; border:solid 2px #000000; margin-bottom:10px; padding: 0px 0px 0px 0px;}
.tbFactSheetBlock2 {width:910px; border:solid 2px #000000; margin-bottom:10px; padding: 0px 0px 0px 0px;}
.tdFactSheetBlockHeader
{
	background-color: #808080;
	padding-left: 10px;
	font-weight: bold;
	color: White;
	font-size:11pt;
}
.tdFactSheetBlockContent1 {padding-left:10px; background-color:#eeeeee;}
.tdFactSheetBlockContent11 {padding-left:10px; background-color:#eeeeee; text-align:right;}
.tdFactSheetBlockContent2 {padding-left:10px; text-align:right;}
.tdFactSheetBlockContent22 {padding-left:10px; text-align:left;}


/* hints */
.tooltiptable {border: solid 1px #000000;}
.tooltiphead {background-color:#290591; font-size:8pt; font-weight:bold; color:#ffffff;}
.tooltiptext {background-color:Orange; font-size:8pt; color:#290591;}

/** legends  **/
.rightlegend {width:180px;border:0px solid green;height:680px;float:left;background:white;padding:0px;padding-top:5px;padding-bottom:0px;}
.tbl-legend {border:0px;width:180px;padding:0px;margin:0px}
.td-legend-headline {background-color:#999999;color:white;padding:10px; font-size:8pt;}
.td-legend-textcontainer {padding:5px;height:200px; font-size:10px;}

/** value table **/
.ValueTableContainer {margin-left:200px; background-color:#ffffff; width:1000px; float:left;}
.ValueTable	{margin-left:0px; margin-top:20px; margin-bottom:20px; width:1000px;}
.ValueTableHead1	{font-size:8pt; font-weight:bold; padding-left:20px;}
.ValueTableHead2	{font-size:8pt; font-weight:bold; padding-left:20px; color:#ffffff; background-color:#999999; width:200px; padding-right:20px;}
.ValueTableText	{font-size:8pt; padding-left:20px; padding-top:2px; padding-right:20px;}
.ValueTableText2 {font-size:8pt; padding-left:20px; padding-top:2px; background-color:#eeeeee; padding-right:20px;}

/** top-menu **/
ul#hoz_navigation {position:relative;height:24px;background:#999999;margin: 0;padding: 0;list-style: none;z-index:1;border-top:1px solid white;}
ul#hoz_navigation li {border-left:1px solid white;border-right:1px solid #807f7f;border-bottom:0px solid #999999;}
#hoz_navigation li.tab_gross {float: left;width:105px;height: 24px;font-weight: bold;font-size: 8pt;z-index:1;background:#d8d8d8;}
#hoz_navigation li.tab_klein {float: left;width:105px;height: 24px;font-weight: bold;font-size: 8pt;z-index:1;background:#999999;}
#hoz_navigation li.tab_notab, li#lst-emptytab {float: left;width: auto;height: 24px;font-weight: normal;font-size: 8pt;z-index:1;color:white;border:0px;padding-top:0px;}
#hoz_navigation li#lst-emptytab {width:4px;border:0px;}
#hoz_navigation a.tab_gross {display: block;padding:4px;padding-left:3px;padding-right:8px;color: #807f7f;text-decoration: none;}
#hoz_navigation a.tab_klein {display: block;padding:4px;padding-top:3px;padding-left:8px;padding-right:8px;color: #d8d8d8;text-decoration: none;}
#hoz_navigation a.tab_notab {display: block;padding:4px;padding-top:3px;padding-left:8px;padding-right:8px;color: #ffffff;text-decoration: none;}
ul#hoz_navigation a:hover {color: #290591;text-decoration: none;}

/** active tab top-menu **/
#pge-mapcreator #lst-mapcreator a, 
#pge-factsheets #lst-factsheets a,
#pge-rechtsgrundlagen #lst-rechtsgrundlagen a, 
#pge-anleitung #lst-anleitung a,
#pge-glossar #lst-glossar a,
#pge-datenquellen #lst-datenquellen a,
#pge-kontakt #lst-kontakt a
{background-color:white;height:16px;border:0px;}

#pge-home #lst-home a
{font-weight:bold;text-decoration:none;}

/* left menu*/
#leftnavheadline1 {padding-left:25px; font-size:12px; font-weight:bold; color:#97a3ff; padding-top:5px; margin-bottom:10px;}
#leftnavheadline1_2 {padding-left:25px; font-size:12px; font-weight:bold; color:#97a3ff; padding-top:5px; margin-bottom:10px;}
#leftnavheadline2 {padding-left:25px; font-size:12px; font-weight:bold; color:#97a3ff; margin-top:50px; margin-bottom:10px;}
#leftnavheadline2_2 {padding-left:25px; font-size:12px; font-weight:bold; color:#97a3ff; margin-top:10px; margin-bottom:10px;}
#leftnav1 {height:150px; width:185px; position:relative; margin-left:15px;}
#leftnav1 ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; background:#e3ddcf;}
#leftnav1 li {margin:0; padding:0; list-style:none;}
#leftnav1 li {display:inline-block; display:inline;}
#leftnav1 ul ul {position:absolute; left:-9999px; filter:Alpha(opacity=80);opacity:0.8;-moz -opacity:08;border-bottom:1px solid}
#leftnav1 ul#toplevel1 {position:absolute; left:0; top:200;}
#leftnav1 a {display:block; font:normal 10px verdana,arial,sans-serif; color:#000; line-height:22px; text-decoration:none;padding:0 20px 0 10px;} 
#leftnav1 ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}
#leftnav1 a:hover ul,
#leftnav1 a:hover a:hover ul, 
#leftnav1 a:hover a:hover a:hover ul {left:100%;}
#leftnav1 a:hover ul ul, 
#leftnav1 a:hover a:hover ul ul {left:-9999px;}
#leftnav1 li a:hover {background:#09c; color:#fff;} 
#leftnav1 li:hover > a {background:#09c; color:#fff;}
#leftnav1 li a.fly:hover {background:#09c;} 
#leftnav1 li:hover > a.fly {background:#09c;}
#leftnav1 table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}
#leftnav2 {height:150px; width:185px; position:relative; margin-left:15px;}
#leftnav2 ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; background:#e3ddcf;}
#leftnav2 li {margin:0; padding:0; list-style:none;}
#leftnav2 li {display:inline-block; display:inline;}
#leftnav2 ul ul {position:absolute; left:-9999px; filter:Alpha(opacity=80);opacity:0.8;-moz -opacity:08;border-bottom:1px solid}
#leftnav2 ul#toplevel1 {position:absolute; left:0; top:200;}
#leftnav2 a {display:block; font:normal 10px verdana,arial,sans-serif; color:#000; line-height:22px; text-decoration:none;padding:0 20px 0 10px;} 
#leftnav2 ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}
#leftnav2 a:hover ul,
#leftnav2 a:hover a:hover ul, 
#leftnav2 a:hover a:hover a:hover ul {left:100%;}
#leftnav2 a:hover ul ul, 
#leftnav2 a:hover a:hover ul ul {left:-9999px;}
#leftnav2 li a:hover {background:#09c; color:#fff;} 
#leftnav2 li:hover > a {background:#09c; color:#fff;}
#leftnav2 li a.fly:hover {background:#09c;} 
#leftnav2 li:hover > a.fly {background:#09c;}
#leftnav2 table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

/** footer  **/
.footrow {position:relative;left:200px;top:5px;width:1000px;height:46px;background-color:white;border-width:0px;clear:both;}