/* allgemeine Formatierung*/

body {
background: #f4f4f4  url(../images/bg.gif) repeat-y top left;
font-family: verdana, arial ;
color: #5c6970;
font-size: 81.25%;
margin: 0;
padding: 0;
}

html { min-height:100.1%; }

p { 
line-height:1.3em; } 

.page {
margin: 0;
padding: 0;
width: 955px;
font-size: 0.85em;
}

img {
border: none;
}

a {
color: #00447b;
font-size: 1em;
text-decoration: underline;
}

a:hover {
color: #fdc613;
font-size: 1em;
text-decoration: underline;
}

/* Header + Navigation Formatierung*/
.header img{
position: fixed;
top: 0;
left: 0;
z-index:1;

}

.headerbild {
margin: 0;
padding:0;
height: 116px;
width: 955px;
background: #f4f4f4  url(../images/header1.png) repeat-y top left;
}

.headerbild h2 {
margin: 0;
padding: 0;
}

.headerbild p {
margin: 0;
padding: 0;
font-size: 1.1em;
font-weight: bold;
}

.headertext {
display: none;
margin: 0 0 0 420px;
padding: 40px 0 0 0;
}


.werbespot {

margin: 0 0 0 790px;
padding: 30px 0 0 0;
font-weight: bold;
text-decoration: underline;
}

.pvanlagen {

margin: 0 0 0 390px;
padding: 10px 0 0 0;
font-weight: bold;
text-decoration: underline;
}

.headersprachen {
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	text-align:right;
}

.headersprachen img.en {
	top:5px;
	left:930px;
}
.headersprachen img.de {
	top:5px;
	left:900px;
}
.headersprachen img.el {
	top:5px;
	left:870px;
}
.headersprachen img.es {
	top:5px;
	left:840px;
}
.headersprachen img.it {
	top:5px;
	left:810px;
}
.headersprachen img.fr {
	top:5px;
	left:780px;
}
.headersprachen img.cz {
	top:5px;
	left:750px;
}


#gelb {
margin: 0;
padding:0;
width: 253px;
height: 24px;
background: #fdc613  url(../images/bg-gelb.gif) no-repeat top left;
float: left;
border-bottom:2px solid #fff;
border-right:2px solid #fff;
}
.navbar {
float: left;
width: 700px;
padding:0;
height: 24px;
background-color: #9daab4;

}

/* Content Formatierung*/
.content {
margin-top: 142px;
margin-bottom:3em;
}

/* linke spalte Formatierung*/

.col1 {
width:255px;
float: left;
margin-bottom: 30px;
}

.col1 h1{
color: #fdc613;
font-size: 1.6em;
margin: 2em 0 0.75em 27px;
}
.col1 p{
color: #2E3538;
margin: 0 27px 0 27px;
}

.sidemenu {
text-align: left;
margin: 0;
padding: 0;
}

/*.sidemenu li {
background: #fdc613;
height: 44px;
border-bottom: 1px solid #FFF;
padding: 0.8em 0 0.8em 0;
}*/

.sidemenu p {
width: 100%;
margin: 0;
/*padding: 24px 0 24px 0;*/
border-bottom: 1px solid #FFF;
}

.sidemenu a {
display:block;
color: #fff;
text-decoration: none;
font-size: 13px;
font-weight: bold;
padding: 24px 0 24px 27px;
}

.sidemenu a:hover {
color: #fff;
text-decoration: none;
font-size: 13px;
}

.sidemenu p.lvl1yellow a {background: #8f9aa2;}
.sidemenu p.lvl1yellow a:hover, .sidemenu p.lvl1yellow a.active {background: #FDC613; color:#5C6970;}
.sidemenu p.lvl2yellow a {background: #9da8b0;}
.sidemenu p.lvl2yellow a:hover, .sidemenu p.lvl2yellow a.active {background: #FDC613; color:#5C6970;}
.sidemenu p.lvl3yellow a {background: #b1bdc5;}
.sidemenu p.lvl3yellow a:hover, .sidemenu p.lvl3yellow a.active {background: #FDC613; color:#5C6970;}
.sidemenu p.lvl4yellow a {background: #bfccd5;}
.sidemenu p.lvl4yellow a:hover, .sidemenu p.lvl4yellow a.active {background: #FDC613; color:#5C6970;}
/* rechte spalte Formatierung*/

.player {
margin: 27px 0;
}

.col2 {
float: right;
width:700px;
margin-bottom: 30px;
}

.col2 img{
border: none;
margin:0;
padding:0;
}

.col2 span {
color: #00447b;
}

.col2 h1 {
color: #9aa7b1;
font-size: 1.6em;
margin: 1.5em 27px 0.75em 27px;
}

.col2 h2 {
color: #9aa7b1;
font-size: 1.6em;
margin: 0 0 0 27px;
}

.col2 p {
color: #5c6970;
margin: 0 27px 1em 27px;
}

.nobottom {
margin-bottom: 0;
}

.col3 {
color: #9aa7b1;
margin:0 0 0 27px;
}

.col2 .col3 p {
color: #5c6970;
margin:0pt 15px 1em 0px;
}

.col3 img{
border: 1px solid #9AA7B1;
float: left;
margin: 0 27px 20px 0
}

/* Content Spalten Formatierung*/

.contentcol1 {
text-align: left;
float: left;
width: 50%;
}
.contentcol1 p {
margin: 0 15px 1em 27px;
}

.contentcol3 {
text-align: left;
float: left;
width: 70%;
}
.contentcol3 p {
margin: 0 15px 1em 27px;
}
.contentcol4 p {
margin: 0 27px 1em 15px;
}

.contentcol4 {
text-align: left;
float: right;
width: 30%;
}

/* TECHNISCHE DATEN ANFANG */

.techn {
background: #d9dfe2;
width: 90%;
margin: 0 27px 0 27px;
border: 1px solid #9daab4;
}

.technhead {
background: #00447a;
color: #fff;
padding: 5px 7px;
font-weight: bold;
}

.yellow1 {
background-color: #c0cdd5;
width: 100%;
color: #000;
}

.yellow1left {
background-color: #c0cdd5;
float: left;
/*border-left: 1px solid #ffdc84;
border-right: 1px solid #ffdc84;
border-bottom: 1px solid #ffdc84;*/
width: 50%;
padding: 3px 0 3px 5px; 
}

.yellow1right {
background-color: #c0cdd5;
float: left;
/*border-right: 1px solid #ffdc84;
border-bottom: 1px solid #ffdc84;*/
padding: 3px 0 3px 5px; 
width: 47.7%;
}

.yellow2 {
background: #d9dfe2;
width: 100%;
color: #000;
}

.yellow2left {
background-color: #d9dfe2;
float: left;
/*border-left: 1px solid #ffdc84;
border-right: 1px solid #ffdc84;
border-bottom: 1px solid #ffdc84;*/
width: 50%;
padding: 3px 0 3px 5px; 
}

.yellow2right {
background-color: #d9dfe2;
float: left;
/*border-right: 1px solid #ffdc84;
border-bottom: 1px solid #ffdc84;*/
width: 47.7%;
padding: 3px 0 3px 5px; 
}

/* TECHNISCHE DATEN ENDE*/

.newsbox {
margin: 0 27px 25px 27px;
clear: both;
height: 100px;
}

.newspic {
float: left;
width: 200px;
}
.newspic img {
margin-bottom: 10px;
width: 200px;
}

.newstext {
float: left;
width: 380px;
margin-left: 10px;
}

.projekt {
width: 92%;
margin-left: 27px;
display: block;
}

.projektimg {
float: left;
width: 50%;
display: inline;
}

.projekttext{
float: right;
width: 50%;
line-height: 15;
}

.contacttable {
margin: 0 0 15px 27px;
}

.download {
float: left;
width: 250px;
margin-left: 27px;
}

.clearer {
clear: both;
}

.middle {
vertical-align: middle;
font-size: 13px;
line-height: 170px;
}

.middle p {
line-height: 1;
margin: 0;
padding: 0;
}

.contentcol2 p {
margin: 0 27px 1em 15px;
}

.contentcol2 {
text-align: left;
float: right;
width: 50%;
}


/* Footer Formatierung*/


.header {
position: fixed;
top: 0; 
left: 0; 
}

#footer {
z-index: 10;
height: 24px;
width:955px;
background: #f4f4f4  url(../images/footer.png) repeat-y top left;
position: fixed; 
bottom: 0; 
left: 0; 
}

#footer p {
font-family: arial;
color: #5c6970;
margin: 6px 0 0 282px;
}