* {
margin: 0;
padding: 0;
}
html {
height: 100%;
margin-bottom: 1px;
}
body {
font: 85% Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.4em;
color: #000;
background: #0d78be; /* Hintergrundblau */
/*background: #e7f2f9; /* hellblau hell */
}


/* IDs */
#container {
color: #000;
background: #0d78be; /* blau */
width: 100%;
}
/* Fusszeile */
p.containerbot {
height: 28px;
line-height: 28px;
padding-left: 15px;
color: #ffffff;
background: #0d78be; /* Hintergrundblau */
}
#header {
width: 100%;
height: 120px;
background-image: url(../pics/header_back.gif);
}
#logo {
position: absolute;
top: 0;
left: 0;
width: 255px;
height: 120px;
color: #fffffff;
}
#bild {
position: absolute;
top: 0;
left: 255px;
height: 120px;
width: 700px;
}
#main {
margin-left: 255px;
margin-top: 25px;
margin-bottom: 25px;
width: 700px;
}
/* Textformatierung Contentbereich */
#content {
color: #ffffff;
}
#content ul {
list-style-type: disk;
list-style-position: outside;
margin-left: 15px;
}
#content p, #boxfenster_top1 p,#boxfenster_top2 p, #boxfenster_top3 p, #boxfenster_top4 p, #boxfenster_top5 p, #boxfenster_top6 p {
margin-bottom: 1.4em;
}

/* Rolloverfenster auf Startseite */
#boxfenster_top1 {
	position: absolute;
	top: 300px;
	left: 255px;
	width: 700px;
	z-index: 1;
	visibility: hidden;
}
#boxfenster_top2 {
	position: absolute;
	top: 300px;
	left: 255px;
	width: 700px;
	z-index: 2;
	visibility: hidden;
}
#boxfenster_top3 {
	position: absolute;
	top: 300px;
	left: 255px;
	width: 700px;
	z-index: 3;
	visibility: hidden;
}
#boxfenster_top4 {
	position: absolute;
	top: 300px;
	left: 255px;
	width: 700px;
	z-index: 4;
	visibility: hidden;
}
#boxfenster_top5 {
	position: absolute;
	top: 300px;
	left: 255px;
	width: 700px;
	z-index: 5;
	visibility: hidden;
}
#boxfenster_top6 {
	position: absolute;
	top: 300px;
	left: 255px;
	width: 700px;
	z-index: 6;
	visibility: hidden;
}

#boxfenster_top7 {
	position: absolute;
	top: 300px;
	left: 255px;
	width: 700px;
	z-index: 7;
	visibility: hidden;
}

#boxheader {
margin-top: 25px;
color: #003366;
font-weight: bold;
height: 20px;
padding: 4px 0px 0px 45px;
background: #e7f2f9; /* hellblau hell */
}

#box {

padding-left: 45px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.top11 {
height: 335px;
background: url(../pics/geo_back.jpg) repeat-x;
}
.top21 {
height: 295px;
background: url(../pics/water_back.jpg) repeat-x;
}
.top31 {
height: 295px;
background: url(../pics/spatial_back.jpg) repeat-x;
}
.top41 {
height: 295px;
background: url(../pics/environment_back.jpg) repeat-x;
}
.top51 {
height: 295px;
background: url(../pics/forest_back.jpg) repeat-x;
}
.top61 {
height: 295px;
background: url(../pics/carbon_back.jpg) repeat-x;
}

.top71 {
height: 345px;
background: url(../pics/geo_back.jpg) repeat-x;
}

ul.box {
	margin-top: 15px;
	margin-bottom: 15px;
}

#boxleft {
padding: 50px 300px 0px 0px;
}
#boxright {
width: 200px;
float: right;
padding: 50px 50px 0px 0px;
}
#boxbottom {
font-size: 1px;
height: 10px;
width: 100%;
background: url(../pics/box_bottom.gif) no-repeat 0px;
}
/* Bilder Folgeseiten */
#bildbox {
margin: 20px 0px;
}



/* logos */
#logos {
position: absolute;
top: 160px;
left: 255px;
width: 700px;
height: 130px;
background: #FFFFFF;
color: #FFFFFF;
}



/* Linke Spalte mit News und Navi */
#left {
position: absolute;
top: 145px;
left: 15px;
width: 200px;
color: #000;
}
#left h1 {
color: #003366;
font-size: 1.2em;
padding: 10px 0px 15px 10px;
}
#news {
width: 100%;
color: #000;
background: #ffffff; /* weiss */
background-image: url(../pics/news_back.gif);
background-repeat: repeat-x;
border-bottom: 1px;
border-bottom-color: #6699cc;
border-bottom-style: solid;
}
/* Navigation */
#navigation {
width: 100%;
color: #000;
background: #e7f2f9; /* hellblau hell */
background-image: url(../pics/navi_back.gif);
background-repeat: repeat-x;
}
#navigation ul {
list-style-type:none;
}
#navibottom {
font-size: 1px;
height: 10px;
width: 100%;
background: url(../pics/navi_bottom.gif) no-repeat 0px;
}
/* Impressumbereich */
#impressum {
width: 100%;
color: #ffffff;
background: url(../pics/impressum_back.gif) repeat-y;
}
#impressumright {
width: 85px;
float: right;
text-align: right;
padding: 15px 15px 10px 0px;
}
#impressumlinks {
padding-top:15px;
padding-left:10px;
}
#impressumbottom {
font-size: 1px;
height: 10px;
width: 100%;
background: url(../pics/impressum_bottom.gif) no-repeat 0px;
}
#home {
padding: 15px 0px 10px 15px;
width: 85px;
}
/* �berschrift Folgeseiten und Hintergr�nde */
#headline {
margin-bottom: 15px;
color: #003366;
font-weight: bold;
height: 27px;
padding: 5px 0px 0px 10px;
}
.top1 {
background: url(../pics/h_geo_back.gif) repeat-x;
}
.top2 {
background: url(../pics/h_water_back.gif) repeat-x;
}
.top3 {
background: url(../pics/h_spatial_back.gif) repeat-x;
}
.top4 {
background: url(../pics/h_environment_back.gif) repeat-x;
}
.top5 {
background: url(../pics/h_forest_back.gif) repeat-x;
}
.top6 {
background: url(../pics/h_carbon_back.gif) repeat-x;
}
.top7 {
background: url(../pics/h_news_back.gif) repeat-x;
}
/* Zwischenstreifen News */
#newsdiv {
margin-top: 20px;
margin-bottom: 25px;
height: 4px;
background: url(../pics/newsdiv.gif) repeat-x;
}


/* Links Navigation */
ul#navi a, ul#navi a:link, ul#navi a:visited,  ul#navi span, 
ul#subnavi a, ul#subnavi a:link, ul#subnavi a:visited, ul#subnavi span  {
display: block;
padding-left: 45px;
height: 32px;
font-size: 11px;
color: #0d78be; /* Hintergrundblau */
text-decoration: none;
}

ul#navi a.top1, ul#navi span.top1 {
padding-top: 17px;
background: transparent url(../pics/b_geo.gif) no-repeat 0px;
}
ul#navi a.top2, ul#navi span.top2 {
padding-top: 17px;
background: transparent url(../pics/b_water.gif) no-repeat 0px;
}
ul#navi a.top3, ul#navi span.top3 {
padding-top: 17px;
background: transparent url(../pics/b_spatial.gif) no-repeat 0px;
}
ul#navi a.top4, ul#navi span.top4 {
margin: 10px 0px;
background: transparent url(../pics/b_environment.gif) no-repeat 0px;
}
ul#navi a.top5, ul#navi span.top5 {
padding-top: 17px;
background: transparent url(../pics/b_forest.gif) no-repeat 0px;
}
ul#navi a.top6, ul#navi span.top6 {
padding-top: 17px;
background: transparent url(../pics/b_carbon.gif) no-repeat 0px;
}


ul#navi a:hover, ul#navi a:focus, ul#navi span {
color: #003366;
}
ul#navi a:hover.top1, ul#navi a:focus.top1, ul#navi span.top1 {
background: transparent url(../pics/bo_geo.gif) no-repeat 0px;
}
ul#navi a:hover.top2, ul#navi a:focus.top2, ul#navi span.top2 {
background: transparent url(../pics/bo_water.gif) no-repeat 0px;
}
ul#navi a:hover.top3, ul#navi a:focus.top3, ul#navi span.top3 {
background: transparent url(../pics/bo_spatial.gif) no-repeat 0px;
}
ul#navi a:hover.top4, ul#navi a:focus.top4, ul#navi span.top4 {
background: transparent url(../pics/bo_environment.gif) no-repeat 0px;
}
ul#navi a:hover.top5, ul#navi a:focus.top5, ul#navi span.top5 {
background: transparent url(../pics/bo_forest.gif) no-repeat 0px;
}
ul#navi a:hover.top6, ul#navi a:focus.top6, ul#navi span.top6 {
background: transparent url(../pics/bo_carbon.gif) no-repeat 0px;
}

/* Links Impressum */
#impressum a, #impressum a:visited, #home a, #home a:visited {
color: #ffffff;
text-decoration: none;
}
#impressum a:hover, #impressum a:focus, #home a:hover, #home a:focus {
color: #CCFFFF;
}

/* Links im Contenttext */
#content a, #content a:visited {
color: #ffffff;
text-decoration: underline;
}

#content a:hover, #content a:focus {
color: #CCFFFF;
}