* {
margin: 0;
padding: 0;
}
html, body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
/*height: 100%;*/)
}

.clear {
clear: both;
} 

h1, h2, h3, h4, h5, h6 { font-size: 120%; }

#header, #nav, #section, #footer, #wkf_menuE1 {
width: 1002px;
margin-left: auto;
margin-right: auto;
}

/* ------- Header ------- */
#header {
height: 170px;
}

#logo {
width: 100%;
margin-top: 15px;
}
#logo img {
border: 0;
width: 390px;
height: 124px;
float: right;
}

/* ------- Navi ------- */
#nav {
height: 32px;
line-height: 32px; 
background: url(../img/navBG.jpg) repeat-x;
}

#nav ul {
list-style-type: none;
background: url(../img/navBG.jpg) repeat-x;
}

#nav li {
float: left;
width: 25%;
background: url(../img/navBG.jpg) repeat-x;
}

a.menuE1_on {  
color: #435308;   
background-color: #fff;
display: block;
text-decoration: none;
background-image:  url(../img/menuOn.gif);
background-repeat: no-repeat;
padding-left: 45px;
}

a.menuE1_off{  
color: #fff;
display: block;
text-decoration: none;
padding-left: 45px;
}
a.menuE1_off:hover {
background-color: #78892A;
}


/* ------- Titlepic and ContactBox ------- */
#titlepic {
width: 1002px;
height: 270px;
float: left;
line-height: 0px;
margin-top: 8px;
}

#contactBox {
width: 330px;
height: 270px;
float: right;
position: relative;
top: -270px;
background-color: #fff;
opacity: 0.8;
}
#contact {
width: 310px;
height: 310px;
color: #435308;
line-height: 20px;
text-align: right;
padding-top: 65px;
}
#contact h2 {
padding-bottom: 20px;
font-weight: normal;
}
#contact a {
text-decoration: none;
color: #435308;
}
#contact a:hover {
text-decoration: underline;
}


/* ------- Content -------  */
#content {
padding-top: 16px;
min-height: 350px;
background: url(../img/Blatt2.jpg) left bottom no-repeat;
}
h1.pageTitle { font-size: 140%; }

#content h1 {
color: #435308;
padding-left: 25px;  
}
#content h2 {
color: #435308;  
}
#contentText {
padding: 0 20px 20px 322px;
color: #393939;
font-size: 90%;
}
#contentText a {
color: #303f08;
padding: 0 4px 0 4px;
text-decoration: none;
font-weight: bold;
}
#contentText a:hover {
color: #303f08;
text-decoration: underline;
}
#contentText ul,
#contentText ol {
margin-left: 20px;
}
#content img {
padding: 10px;
}


/* ------- Footer ------- */
#footer {
color: #fff;
height: 30px; 
line-height: 30px;
font-size: 80%;
background: url(../img/footerBG.jpg) repeat-x;
}

#footer a {
color: #fff;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}

#footer ul {
list-style-type: none;
}  
#footer li {
float: left;
padding-left: 20px;
}
#footerEnergeticAG {
float: left;
}
#footerNav {
float: left;
padding-left: 450px;
}


/* ------- Formular ------- */
.form h3 {
margin-bottom: 5px;
margin-top: 10px;
font-weight: normal;
}

textarea {
width: 500px;
height: 110px;
}
#kontaktdaten {
margin-top: 15px;
}
#kontaktdaten label,
#kontaktdaten input {
width: 380px;
height: 20px;
display: block;
float: left;
}
#kontaktdaten label {
width: 120px;
}
.c {
height: 10px;
clear: left;
}
#submit {
color: #fff;
width: 140px;
height: 30px;
line-height: 30px;
border: 0;
background: #777;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#submit:hover {
background: #435308;
}


/* ------- workflow -------  */
#wkf_export, #wkf_menuE1, #wkf_content {
/*display: none;*/
}