body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
color: #333;
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;}
strong { color:#666;}

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

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

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

.small {font-size:9px;}

.pagewidth { width:100%; height:80%; float:left;}

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

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

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;}

#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 fr Logo, index Bilder, box fr Rubrik Titel, Box fr Rubrik Bild, Box fr 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: #fff;}

#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 {
margin-right:0;
margin-left:0;
padding:30px 0 0 0;
width: 210px;
float:left;
}
#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: #9c9c9c;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: #003e6e; 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: #003e6e;border-left:5px solid #f90;background-color:#fff;}
#nav ul ul.e2 a:focus{color: #003e6e;border-left:5px solid #f90;background-color:#fff;}
#nav ul ul li.e2-aktiv a{color: #66003e6e6;border-left:5px solid #f90;background-color:#fff;}

 
/**************************** definitionen breadcrumb******************************/

#breadcrumb { float:right; height:20px;}
#breadcrumb a { margin-right:10px;}

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

#main a:link {color: #09c;text-decoration: none;border-bottom: 1px dotted #09c; }
#main a:visited {color: #09c;text-decoration: none;border-bottom: 1px dotted #09c; }
#main a:hover, a:focus {color: #09c;text-decoration: none;border-bottom: 1px dotted #09c; }
#main a:active {color: #09c;border-bottom: 1px dotted #09c; }


/*Definition fr 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;
}

.container-bild-text {min-height:120px; line-height:1.5em; margin-bottom:20px;}
*html .container-bild-text { float:left; line-height:1.5em;}

.container-bild-text img{ float:left;}
.container-bild-text p{ margin-left:160px; min-height:120px;}

/* Layout fr 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;
}