/* Body */
body {
	background-image: url(kachel.jpg);
	background-repeat: repeat-x;
	background-color: #566c74;
}

/* Startseite */
#startseite {
	position:absolute;
	left:116px;
	top:73px;
	width:165px;
	height:62px;
	border: solid 0px;
}

/* Background */
#bg {
	position: absolute;
	background-image: url(bg.jpg);
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 700px;
}

/* Pannel */
#pannel, #pannel_zbi, #pannel_nordic_oil, #pannel_china_i, #pannel_bep {
	position: absolute;
	left: 145px;
	top: 168px;
	width: 855px;
	height: 242px;
}

#pannel_zbi {
	background-image:url(../images/zbi_banner.png);
	background-repeat: no-repeat;
}

#pannel_nordic_oil {
	background-image: url(../images/nordic_oil_banner.png);
	background-repeat: no-repeat;
}

#pannel_china_i {
	background-image: url(../images/ESI_banner.png);
	background-repeat: no-repeat;
}
#pannel_bep {
	background-image:url(../images/bep_banner.png);
	background-repeat: no-repeat;
}
/* Navigation */
#navigation {
	position: absolute;
	left: 320px;
	top: 139px;
	width: 476px;
	height: 36px;
}

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;

}

#navigation li {
	padding-right: 20px;
	float: left;
}

#navigation li ul {
	display: none;
}

#navigation li:hover ul {
	display: block;
	position: absolute;
}

#navigation li ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 2px;
	color: #52636b;
	display: block;
	float: left;
}

#subnav li a, #subnav li a:link, #subnav li a:active, #subnav li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #52636b;
	text-decoration: none;
}

#subnav2 li a, #subnav2 li a:link, #subnav2 li a:active, #subnav2 li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #52636b;
	text-decoration: none;
}

#navigation li ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}

#navigation a:link, a:visited, a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	display: block;
}

#navigation a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #52636b;
	text-decoration: none;
	display: block;
}

#subnavi {
	position: absolute;
	top: 402px;
	left: 901px;
	width: 98px;
	height: 16px;
}

#subnavi a, .subnavi a:link, .subnavi a:visited, .subnavi a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	display: inline;
}

#subnavi a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #52636b;
	text-decoration: none;
	display: inline;
}

/* Inhalt */
#ueberschrift {
	position: absolute;
	top: 424px;
	left: 322px;
	width: 491px;
	height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
}

#inhalt {
	position: absolute;
	top: 457px;
	left: 336px;
	width: 297px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-bottom: 30px;
	overflow:visible;
}

#inhalt a, #inhalt a:link, #inhalt a:visited, #inhalt a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
}

#inhalt a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a5b3b6;
	text-decoration: none;
}

#inhalt_3 {
	position: absolute;
	top: 457px;
	left: 336px;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-bottom: 30px;
}

#inhalt_3 a, #inhalt_3 a:link, #inhalt_3 a:visited, #inhalt_3 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
}

#inhalt_3 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a5b3b6;
	text-decoration: none;
}

#inhalt_2 {
	position: absolute;
	top: 457px;
	left: 673px;
	width: 297px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-bottom: 30px;
}

#inhalt_2 a, #inhalt_2 a:link, #inhalt_2 a:visited, #inhalt_2 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
}

#inhalt_2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a5b3b6;
	text-decoration: none;
}

#inhalt_download {
	position: absolute;
	top: 457px;
	left: 336px;
	width: 310px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-bottom: 30px;
}

#inhalt_download a, #inhalt_download a:link, #inhalt_download a:visited, #inhalt_download a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
}

#inhalt_download a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a5b3b6;
	text-decoration: none;
}

.ueberschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

.ueberschrift_download {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

/* Platzhalter Image */
#platzhalter_image_1, #platzhalter_image_2, #platzhalter_image_3, #platzhalter_image_4 {
	position: absolute;
	left: 685px;
	width: 188px;
	height: 86px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
#platzhalter_image_1 {
	top: 470px;
}
#platzhalter_image_2 {
	top: 584px;
}

#platzhalter_image_3 {
	top: 698px;
}

#platzhalter_image_4 {
	top: 812px;
}

/* #zbi, a#zbi, a:link#zbi, a:active#zbi, a:visited#zbi {
	background: url(../images/zbi.png) no-repeat top left;
	height: 99px;
	width: 188px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

a:hover#zbi, a:focus#zbi {
	background: url(../images/zbi_over.png) no-repeat top left;
}

#nordic_oil, a#nordic_oil, a:link#nordic_oil, a:active#nordic_oil, a:visited#nordic_oil {
	background: url(../images/nordic_oil.png) no-repeat top left;
	height: 99px;
	width: 188px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

a:hover#nordic_oil, a:focus#nordic_oil {
	background: url(../images/nordic_oil_over.png) no-repeat top left;
}
*/

#zbi_text, a:link#zbi_text, a:active#zbi_text, a:visited#zbi_text {
	position: absolute;
	bottom: -18px;
	left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

*+ html #zbi_text {
	bottom: -4px;
}

#nordic_oil_text, a:link#nordic_oil_text, a:active#nordic_oil_text, a:visited#nordic_oil_text {
	position: absolute;
	bottom: -18px;
	left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	overflow:visible;
}

*+ html p#nordic_oil_text {
	bottom: -4px;
}

/*
* html #platzhalter_image {
	position: absolute;
	top: 459px;
	left: 685px;
	width: 179px;
	height: 86px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

* html #zbi, * html a#zbi, * html a:link#zbi, * html a:active#zbi, * html a:visited#zbi {
	background: url(../images/zbi.jpg) no-repeat top left;
	height: 91px;
	width: 179px;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

* html a:hover#zbi, * html a:focus#zbi {
	background: url(../images/zbi_over.jpg) no-repeat top left;
	height: 91px;
	width: 179px;
}

* html #nordic_oil, * html a#nordic_oil, * html a:link#nordic_oil, * html a:active#nordic_oil, * html a:visited#nordic_oil {
	background: url(../images/nordic_oil.jpg) no-repeat top left;
	height: 91px;
	width: 179px;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

* html a:hover#nordic_oil, * html a:focus#nordic_oil {
	background: url(../images/nordic_oil_over.jpg) no-repeat top left;
	height: 91px;
	width: 179px;
}
*/

* html #zbi_text, * html a#zbi_text, * html a:link#zbi_text, * html a:active#zbi_text, * html a:visited#zbi_text {
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

* html #nordic_oil_text, * html a#nordic_oil_text, * html a:link#nordic_oil_text, * html a:active#nordic_oil_text, * html a:visited#nordic_oil_text {
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

/* Kontaktformular */
input, textarea {
	border: 1px solid #ffffff;
	color: #52636b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 1px 0 0 0;
	width: 160px;
	margin: 0px 5px 0 0;
}

input.checkbox {
	margin: 0 0 0 70px;
	width: 20px;
	float: left;
	border: solid 0px;
}

label.checkbox {
	width: 120px;
	float: left;
	margin: -1px 0 0 0;
}

* html label.checkbox {
	width: 120px;
	float: left;
	margin: 3px 0 0 0;
}

input:focus, textarea:focus, .submit:hover, .submit:focus{
	background-color: #ffffff;
}

.submit:hover, .submit:focus {
	background-color: #f1f1f1; 
	color: #52636b;
}

.submit {
	width: 75px;
	margin: 5px 0 0 0;
}

* html #submit {
	margin: 0px 0px 0px 93px;
}

form p {
	clear: both;
	padding: 5px 5px 0 0;
	margin: 0px 0 0 0;
}

* html form p {
	padding: 2px 5px 0 0;
}

*+ html form p {
	padding: 2px 0 0 0;
}

form p label {
	display: block;
	float: left;	
	width: 70px;
	text-align: left;
	padding: 2px 0 0 0;
}

/* Subnavigation */
#subnavigation {
	position: absolute;
	left: 146px;
	top: 457px;
	width: 161px;
	height: 145px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

#dhtmlgoodies_slidedown_menu li{
	list-style-type: none;
	padding-bottom: 8px;
	position: relative;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

#dhtmlgoodies_slidedown_menu ul{
	margin: 0px;
	padding: 0px;
	position: relative;
}

#dhtmlgoodies_slidedown_menu div{
	margin: 0px;
	padding: 0px;
}

/* 	Layout CSS */
#dhtmlgoodies_slidedown_menu{		
	width: 161px;	
}

/* All A tags - i.e menu items. */
#dhtmlgoodies_slidedown_menu a{
	color: #ffffff;
	text-decoration: none;	
	display: block;
	clear: both;
	
	padding-right: 0px;	
}
	
#dhtmlgoodies_slidedown_menu a:hover{
	color: #a5b3b6;
	text-decoration: none;	
	display: block;
	clear: both;
	
	padding-right: 0px;	
}
	
/*
A tags 
*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
	margin-top: 1px;
	border-bottom: 1px dotted #ffffff;
	font-weight: bold;
}	

#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
	margin-top: 1px;
}	

#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
	margin-top: 1px;
	font-style: italic;
	color: blue;
}	

#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
	margin-top: 1px;
	color: red;
}	

#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
	margin-top: 1px;
}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/

strong {font-weight:bold; font-size:105%;}




/**				CHINA I ESI				**/

.table_esi {
	border:1px solid white;
	border-bottom:none;
}

.table_esi td {
	border-bottom:1px solid white;
	padding:3px;
	vertical-align:top
}
.table_esi .even {
	background:url(../images/hg_table_esi.jpg);	
}
.table_esi .odd {
	background:url(../images/hg_table_esi_2.jpg);
	color:#790402;
}
.table_esi ul {
	margin:0;
	padding:0;
}
.table_esi ul li {
	margin:0 0 0 10px;
	padding:0;
}




/*	Tabelle BEP	*/
table.rowlines {
	border:0 none;
}
table.rowlines td {
	border-bottom:1px solid #fff;
	padding-bottom:4px;
	padding-top:4px;
}
table.rowlines td.heading {
	padding-bottom:4px;
	padding-top:15px;
}


/*			Externer Link				*/

a[href^="http://"], #dhtmlgoodies_slidedown_menu li a[href^="http://"] { 
	background:url(../images/remote.gif) right center no-repeat; 
	padding-right:14px; 
} 
a[href^="http://"]:hover, #dhtmlgoodies_slidedown_menu li a[href^="http://"]:hover { 
	background:url(../images/remote_hover.gif) right center no-repeat; 
	padding-right:14px; 
} 