body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
color: #666;
margin-left:10px;
margin-top:10px;
margin-right:0;
height: 100%;
}

a:link {color: #09c;text-decoration: none;}
a:visited {color: #09c;text-decoration: none;}
a:hover, a:focus {color: #09c;text-decoration: underline;}
a:active {color: #09c;}

.kursiv { font-style:italic;}

h1 {font-size: 1.3em; font-weight: bold; color: #003e6e;}
h2 {font-size: 1.1em; font-weight: bold; color: #003e6e;}
h3 {font-size: 1em; font-weight: bold; color: #003e6e;}
hr {height: 1px;}

dl{ line-height: 1.5em;}
dt { font-weight:bold;}
dd { margin-left: 90px;}

table {background-color:#ffffff;}
td, th {vertical-align:top;background-color:#ffffff;}

.small {font-size:9px;}

form {margin-left:50px;}
input{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;color: #666; border:1px solid #09c; background-color:#fff; padding-left:3px;}
textarea{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;color: #666;border:1px solid #09c;}
select {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;color: #666; border:1px solid #09c; background-color:#fff; padding-left:3px;}


.pagewidth { width:100%; height:80%; float:left;}
.title {color: #fff;background-color: #09c;padding: 3px 0 3px 3px;width: 210px;margin: 0;
voice-family: "\"}\"";voice-family:inherit;width: 207px;}
.title-institute {color: #fff;background-color: #f1fafd;padding: 3px 0 3px 3px;width: 100%;
	margin-top: 0; margin-left:0; margin-right:0;margin-bottom:10px;
voice-family: "\"}\"";voice-family:inherit;width: 99%;}

html>body .title { width: 207px;}

.title-info {color: #fff; font-size:1.2em;background-color: #09c;padding: 3px 0 3px 0;width: 155px;margin-top: 0; margin-left:0; margin-right:0;margin-bottom:10px;
voice-family: "\"}\"";voice-family:inherit;width: 155px;}

.images { float:left; padding-bottom:10px; padding-right:10px;}

html>head:first-child+body .antifloat { clear:both; visibility:hidden; height:1px; width:1px; } /* wird von allen ie und opera - versionen nicht interpretiert*/

.content { padding:20px; } /*padding for content */ 

#navtop{ 
margin:0;
background-color:#fff; 
padding:0;
height:25px;
background: transparent url(images/helmholtz_zentrum.gif) left 1em no-repeat;
height:70px;
}
#navtop ul { 
margin-right:20px;
padding: 0;
list-style-type: none;
float:right;
}
#navtop ul li { 
display: block;
float: left;
}
#navtop ul li a { 
text-decoration: none;
padding: 0 7px 0 7px;
border-right: 1px solid #666;
color: #666;
background-color: #fff;
text-align: center;
}
 #navtop ul li a:hover
{
text-decoration: underline;
}
#navtop ul li#minusRand a{ 
text-decoration: none;
padding: 0 1px 0 7px;
border-right: 0;
color: #666;
background-color: #fff;
text-align: center;
}
/* Head mit Layer box für Logo, index Bilder, box für Rubrik Titel, Box für Rubrik Bild, Box für Farbstreifen Rubrikbezogen*/
#headlogo {margin:0 0 0 12px; width:350px; height: 84px;}
#pics { margin:-80px 0 0 222px; background-color:#ffec00; height:110px}

#color{margin-top:1px;margin-left:222px;margin-right:0;height:20px;background-color:#ffec00; padding:1px 0 1px 5px; font-size: 1.2em; font-weight: bold; color: #003e6e;}

#header{ height:110px;  width:100%;  background-color:#fff; float:left;}    
#header2{  height:20px;  width:100%; background-color:#fff; float:left;}
#abstand20{  height:20px;  width:100%; background-color:#fff; float:left;}

/* Linke Navigation Ebene 1 - Spalte 1*/
#nav {
clear:both;
float:left;
margin-right:0;
margin-left:0;
padding: 0;
width: 210px;
}
#nav ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#nav li
{
border-bottom: 1px solid #fff;
margin: 0;
}
#nav li a
{width:210px;margin: 0;display: block;padding: 5px 2px 5px 10px;color: #fff;background-color: #003e6e;text-decoration: none;
voice-family: "\"}\""; voice-family:inherit;width: 198px;}

#nav li#e1 a
{width:210px;margin: 0;display: block;padding: 5px 2px 5px 10px;color: #fff;background-color: #9c9c9c;text-decoration: none;
voice-family: "\"}\""; voice-family:inherit;width: 198px;}
#nav li#e1 a:hover{color: #fff;background-color: #003e6e;text-decoration: none;}
#nav li#e1 a:focus{color: #fff;background-color: #003e6e;text-decoration: none;}
#nav ul li#e1-aktiv a{color: #fff;background-color: #003e6e;text-decoration: none;}


/* Navigation links 2.Ebene*/
#nav ul ul li {
margin: 0;
border-bottom: 0;
}
#nav ul ul li a { margin:0; display: block; width: 210px; padding: 5px 2px 5px 10px; color: #666; text-decoration: none;
font-weight: normal; border-left:5px solid #fff; background-color:#fff; voice-family: "\"}\""; voice-family:inherit;width: 193px; }

#nav ul ul#e2 a { margin:0; display: block; width: 210px; padding: 5px 2px 5px 10px; color: #666; text-decoration: none;
font-weight: normal; border-left:5px solid #fff; background-color:#fff; voice-family: "\"}\""; voice-family:inherit;width: 193px; }
#nav ul ul#e2 a:hover{color: #666;border-left:5px solid #003e6e;background-color:#fff;}
#nav ul ul#e2 a:focus{color: #666;border-left:5px solid #003e6e;background-color:#fff;}
#nav ul ul li#e2-aktiv a{color: #666;border-left:5px solid #003e6e;background-color:#fff;}

 
/*Inhalt*/
#main{
margin:0 10px 5px 220px;
border-left-style: dashed;
border-right-style: dashed;
border-width:0.1em;
border-color: #ccc;
padding:0 10px 10px 10px;
height: 80%;
 }
#main p { line-height:1.5em; }

/*Definition für Auflistungen mit dem jeweils zur Rubrik passenden farbigem Pfeil*/

#liste { list-style-image: url(images/arrow.gif); padding-bottom:10px; text-align:justify;}
#liste li { padding-bottom:10px;}

#content-right {
float:right;
width:200px;
padding: 1px;
margin: 0 0 0 10px;
background-color:#f1fafd;
voice-family: "\"}\""; voice-family:inherit; width: 198px;
}

#bildleiste-links {
float:left;
width: 160px;
margin: 0 20px 0 0;
}

#bildleiste-rechts {
float:right;
width: 155px;
margin: 0 0 0 10px;
padding-left: 5px;
font-size:9px;
border-left-style: dashed;
border-width:0.1em;
border-color: #ccc;
}
/* Layout für den Footer*/

#footer{
clear: both;
margin:auto;
height:50px; 
width:98%;
border-top:1px solid #999;
text-align: center;
padding: 3px;
z-index:11;
} 
#navfooter{
clear:both; 
background-color:#fff;
margin:auto;
height: 30px; 
padding: 0;
}
#navfooter ul { 
padding: 0;
list-style-type: none;
margin-left:210px;
}
#navfooter ul li { 
display: block;
float: left;
}
#navfooter ul li a { 
text-decoration: none;
padding: 3px 9px 3px;
border-right: 1px solid #666;
color: #666;
background-color: #fff;
text-align: center;
}
#navfooter ul li#ohneRand a{ 
text-decoration: none;
padding: 3px 1px 3px 8px;
border-right: 0;
color: #666;
background-color: #fff;
text-align: center;
}
 #navfooter ul li a:hover
{
text-decoration: underline;
}