/* ----- BASE ----- */

* {
	margin:0;
	padding:0;
}

html, body{
	height:100%;
	margin:0;
	padding:0;
	background: #FFFFFF;
	background-image: url(background.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: bottom;
}

/* ----- Basic Layout ----- */

#container{
	height:100%;
} 
#centerbox{
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 772px;
}
#centerbox, #bottomseparator, #middle, #imprintcontent {
	background: #FFFFFF;
	background-image: url(background_box.gif);
	background-repeat: repeat-y;
}
#header{
	height: 166px;
	width: 772px;
	float:left;
	background-color: #0e6a95;
}
#separator{
	background-image: url(nav_shadow.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 38px;
	width: 772px;
	float:left;
}
#bottomseparator{
	height: 70px;
	width: 772px;
	float:left;
}
#middle{
	width: 772px;
	float:left;
}
#side{
	width: 200px;
	float:left;
}
#content{
	width: 572px;
	float:left;
}
#facebook{
	margin-top:15px;
	width: 372px;
	float:left;
}
#content a{
	color: #004a85;	
	text-decoration: none;
}
#content a:hover{
	color: #004a85;	
	text-decoration: underline;
}
#content p{
	padding-bottom:15px;
}
#content li{
	padding: 0px 0px 0px 0px;
}
#content ul, #content ol{
	padding: 0px 0px 20px 18px;
}
#headline{
	width: 372px;
	float:left;
}
#contentsmall{
	width: 372px;
	float:left;
}
#contentbig{
	width: 510px;
	float:left;
}
#banner{
	width: 162px;
	float:right;
	padding: 8px 16px 0px 22px;
}
#banner img{
	padding: 0px 0px 22px 0px;
}

/* ----- Newsletter Teaser Box ----- */

#newsletter{
	height:222px;
	width:162px;
}

.newsletter_de{
	background-image: url(teaser_newsletter_kopf.jpg);
	background-repeat: no-repeat;
}

.newsletter_en{
	background-image: url(teaser_newsletter_head.jpg);
	background-repeat: no-repeat;
}

#newsletter form {
	padding: 65px 8px 0px 8px;
}
#newsletter label {
	color: #41413f;
	font-size: 11px;
	float: right;
	padding: 5px 0px 2px 0px;
}
#newsletter .nl_txtbox {
	width: 137px;
	border: solid 1px #bfbfb3;
	padding: 3px 2px 3px 5px;
}
#newsletter .nl_submit {
	padding-top: 13px;
	float:right;
}

/* ----- News  ----- */

#newslist{
	width: 572px;
	float:left;
	padding-top: 4px;
}
#newslist p{
	padding-bottom: 0px;
}
#newslist a{
	color: #004a85;	
	text-decoration: none;
}
#newslist a:hover{
	color: #004a85;	
	text-decoration: underline;
}
.newsitem {
	width: 556px;
	float:left;
}
.newsitemtext  {
	width: 372px;
	float:left;
}
.newsitemimg  {
	width: 162px;
	float:left;
	padding: 4px 0px 12px 22px;
}
.newsdate {
	font-size: 9px;
	color: #004a85;	
	padding: 1px 0px 0px 0px;
}
.newshl {
	padding: 0px 0px 2px 0px;
}
.newstext {
	border-top: 1px solid #e0e0e0;
	padding: 4px 0px 14px 0px;
}
.newsdetaildate {
	font-size: 9px;
	color: #004a85;	
	padding: 1px 0px 2px 0px;
}
.newsdetailtext {
	border-top: 1px solid #e0e0e0;
	padding: 7px 0px 14px 0px;
}
.newsimg {
}

/* ----- Team ----- */

.teamcontent {
	width: 280px;
	float:left;
}
.teampic  {
	width: 72px;
	float:left;
	padding: 5px 0px 29px 20px;
}
.teamhl {
}
.teamfunction {
	color: #004a85;	
	border-top: 1px solid #e0e0e0;
	padding: 4px 0px 20px 0px;
}
.teamdesc {
}

/* ----- Downloads ----- */

.downloadcontent {
	width: 280px;
	float:left;
}
.downloadpic  {
	width: 74px;
	float:left;
	padding: 4px 0px 28px 18px;
}
.downloadimg  {
	border: 1px solid #e0e0e0;
}
.downloadhl {
}
.downloaddesc {
	border-top: 1px solid #e0e0e0;
	padding: 4px 0px 20px 0px;
}

/* ----- Windparks ‹bersicht ----- */

#windparklist{
	padding-top: 25px;
}
#windparklist th{
	padding: 5px 5px 5px 10px;
}
#windparklist tbody{
	cursor: pointer;
}
#windparklist td{
	padding: 5px 5px 5px 10px;
}
#windparklist .wprow1cap{
	text-align: left;
	color: #ffffff;
}
#windparklist .bigtable{
	width:510px;
	float:left;
}
#windparklist .wprow1{
	text-align: left;
	color: #41413f;
}
#windparklist .wprow2{
	text-align: center;
}
#windparklist .wprow3{
	text-align: center;
}
#windparklist .wprow4{
	text-align: right;
}
#windparklist .wprow5{
	text-align: right;
}
#windparklist .wprow6{
	text-align: center;
}
.hell{
	background-color: #f3f3f3;
}
.dunkel{
	background-color: #ebebe9;
}
#map{
	width: 510px;
	height: 280px;
	font-size: 9px;
}
#mapbox{
	width: 280px;
	height: 65px;
	float: left;
}
#mapbox img{
	padding-right: 10px;
	border-right: 1px solid #aecae0;
}
#mapbox .text{
	padding: 0px 5px 0px 10px;
	font-size: 9px;
	line-height: 10px;
	float: left;
}
#mapbox .caption{
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
}

/* ----- Windpark Detailseite ----- */

#windparkdesc{
	width:297px;
	float:left;
	border-top: 1px solid #e0e0e0;
}
#windparkdesc p{
	padding: 8px 7px 0px 0px;
}
#windparkdetail{
	width:200px;
	float:left;
	padding: 0px 0px 0px 13px;
}
#windparkdetail th{
	text-align: left;
	padding: 3px 3px 3px 6px;
}
#windparkdetail td{
	text-align: left;
	padding: 3px 3px 3px 6px;
}
#windparkdetail .cellcap{
	color: #41413f;
}
#windparkdetail table{
	width:200px;
}
#windparkdetail .lower{
	padding-top: 18px;
}
#windparkpic{
	width: 510px;
	padding: 25px 0px 25px 0px;
	float: left;
}
#windparkpic img{
	border-top: 1px solid #e0e0e0;
	padding: 10px 0px 0px 0px;
}

/* ----- Gallery ----- */

.gallerybig {
	width: 520px;
	float: left;
	padding-bottom: 20px;
}

.gallerysmall {
	width: 372px;
	float: left;
	padding-bottom: 20px;
}

.gallerysmall img, .gallerybig img {
	float: left;
	width: 66px;
	height: 42px;
	padding: 0px 8px 8px 0px;
}


/* ----- Navigation ----- */

#nav{
	background-image: url(nav_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #0e6a95;
	height: 42px;
	width: 772px;
	float:left;
}
#mainnav{
	height: 42px;
	width: 500px;
	float:left;
}
#subnav{
	height: 42px;
	width: 272px;
	float:left;
}
#subnav a{
	color: #FFFFFF;	
	text-decoration: none;
}
#subnav a:hover{
	color: #FFFFFF;	
	text-decoration: underline;
}
#subnavbox {
	float: right;
}
#subnavbox ul {
	margin: 0px;
	font-size: 9px;
	color: #FFFFFF;	
	list-style: none;
	padding: 19px 16px 0px 0px;
}
#subnavbox li {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
#nav2{
	float:left;
	padding: 0px 0px 15px 8px;
}
#nav2 a{
	color: #004a85;	
	text-decoration: none;
}
#nav2 a:hover{
	color: #004a85;	
	text-decoration: underline;
}
#nav2 ul {
	margin: 0px;
	font-size: 12px;
	color: #004a85;	
	list-style: none;
}
#nav2 li {
	margin: 0px;
	width: 144px;
	padding: 4px 10px 4px 8px;
	border-top:1px solid #e0e0df;
}
#nav2 .on {
	font-weight:bold;
}
#nav2sub {
	padding: 4px 0px 10px 0px;
}
#nav2sub li {
	border:none;
	font-size: 10px;
	font-weight:normal;
	width: auto;
	padding: 2px 0px 2px 12px;
}
#nav2sub .wknav {
	padding-left: 16px;
	font-size: 9px;
}
#nav2 .first {
	border-top:none;
}
#nav2 .last {
	border-bottom:1px solid #e0e0df;
}
#linkbox{
	float:left;
	padding: 5px 0px 0px 16px;
}
#linkbox a{
	color: #004a85;	
	text-decoration: none;
}
#linkbox a:hover{
	color: #004a85;	
	text-decoration: underline;
}
#linkbox ul {
	margin: 0px;
	font-size: 10px;
	color: #004a85;	
	list-style: none;
	padding: 14px 0px 0px 0px;
}
#linkbox li {
	margin: 0px;
	width: 144px;
	padding: 0px 0px 3px 0px;
}

#facebook_content {
	height:22px;
	width:164px;
	float:left;
	margin:0px 0px 20px 10px;
}


/* ----- Footer ----- */

#imprintcontent{
	height: 30px;
	width: 772px;
	float: left;
}
#imprintcontent a{
	color: #989893;	
	text-decoration: none;
}
#imprintcontent a:hover{
	color: #40403e;	
	text-decoration: none;
}
#imprintcontent ul {
	margin:0;
	font-size: 9px;
	color: #989893;	
	list-style:none;
}
#imprintcontent li {
	float:left;
	margin:0;
	padding:8px 0px 6px 18px;
   }
   


/* ----- Sitemap ----- */

#sitemapbox{
	width: 510px;
	float:left;
}

#sitemapbox li{
	color: #abcedc;	
}

#sitemapbox li{
	padding-top: 0px;
	padding-bottom: 0px;
}

#sitemapbox ul{
	padding-top: 0px;
	padding-bottom: 5px;
}

#sitemapbox .navLevel1Open {
	padding-bottom: 20px;
}

#sitemapbox .navLevel1 {
	font-size: 12px;
	font-weight: bold;
}
#sitemapbox .navLevel1Last {
	font-size: 12px;
	font-weight: bold;
}
#sitemapbox .navLevel2 {
	font-weight: bold;
}
#sitemapbox .navLevel2Last {
	font-weight: bold;
}
#sitemapbox .navLevel3 {
}


/* ----- Kontaktformular ----- */
/* Auf Basis vom REDAXO-Modul: do form! */

#form-module-thanks {
	width: 372px;
	float: left;
}

/* Div das das Formular umschlieflt */
.formgen {
	font-size: 11px;
	width: 372px;
	float:left;
	color: #41413f;
}

/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}

/* Formulartrenner */
.formgen .formtrenn {
	padding: 15px 0px 15px 0px;
}

.formtrenn hr {
	color: #004a85;
	background-color: #004a85;
	height: 1px;
}

.formgen form
{
line-height : 120%;

}

.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	
}
 .forminfo 
{
	width: 340px;
	font-weight: bold;
	color: #990000;
	font-size: 11px;
	padding-bottom: 20px;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
	width: 340px;
	height: 100px;
	padding: 4px 4px 4px 4px;
	border: 1px solid #41413f;
}


/* Textfeld */
.formgen .formtext {
	width: 240px;
	padding: 4px 4px 4px 4px;
	border: 1px solid #41413f;
}

/* Checkbox */
.formgen .formcheck {
	float: left;
}

.formgen input:focus, 
.formgen select:focus,  
.formgen textarea:focus {
	/*background-color:#F1F1F1;*/
}

/* Label */
.formgen label {
	width: 100px;
	clear: left;
	float: left;
	height: 30px;
	font-weight: bold;
	color: #004a85;
}
.formgen .textboxlabel {
	width: 340px;
	height: 18px;
}
.formgen .checkboxlabel {
	width: 350px;
	clear: right;
	float: right;
	height: 40px;
	font-weight: normal;
	color: #41413f;
}

/* Aussehen der Select-Ausgabe */
.formgen .formselect {
	width: 80px;
	padding: 3px 3px 3px 1px;
	border: 1px solid #41413f;
	background-color: #FFFFFF;
}

/* Sende-Button */
.formgen .formsubmit {
	width: 352px;
	text-align: center;
	background-color: #004a85;
	border: 1px solid #41413f;
	height: 24px;
	float: left;
	color: #FFFFFF;
} 

/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #004a85;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #990000;
}
.formgen .formreq {
	/*color: #006633;*/
}
.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
}


/* ----- Tabellen ----- */

table{
	font-size: 11px;
	color: #41413f;
	border-collapse:collapse; 
}
caption{
}
thead{
	background-color: #0e6a95;
	color: #FFFFFF;
	font-weight: bold;
}
tbody {
	color: #004a85;
}
tfoot{
	background-color: #f3f3f3;
	color: #004a85;
}
tfoot td{
	border-top: 1px solid #0e6a95;
	border-bottom: 1px solid #0e6a95;
}


/* ----- Diverses ----- */

.hide{
	visibility: hidden;
	height:1px;
	width:1px;
}
img{
	border: 0px;
}
a{
	text-decoration: none;
}