body {
background-color: #00aeff;
font-family: Verdana, sans-serif;
margin: 0;
}


.hintergrund-titel {
background-image: url(hintergrund-titel.png);
background-repeat: no-repeat;
position: absolute;
width: 1007px;
height: 150px;
top: 0;
left: 0;
z-index: 98;
}



.titel {
position: absolute;
top: -8px;
left: 8.5em;
}




h1 {
font-size: 12px;
color: blue;
margin: 0;
padding: 0.1em;
}


/* Balken alle */

.balken1l, .balken2l, .balken3l, .balken4l, .balken1r, .balken2r, .balken3r {
background-color: aqua;
position: absolute;
width: 10.1em;
height: 1.5em;
padding: 0.1em;
color: blue;
z-index: 99;
}

/* Balken alle */


/* Balken Position */

.balken1l {
left: 0.5em; 
top: 10.3em;
}

.balken2l {
left: 0.5em; 
top: 28em;
}

.balken3l {
left: 0.5em; 
top: 45.7em;
}

.balken4l {
left: 0.5em; 
top: 65em;
}


.balken1r {
left: 832px;
top: 10.3em;
}

.balken2r {
left: 832px;
top: 28em;
}

.balken3r {
left: 832px; 
top: 45.7em;
}

/* Balken Position */



/* Boxen alle */

.box1l, .box2l, .box3l, .box4l,.box1r, .box2r, .box3r  {
position: absolute;
background-image: url(hintergrund-box.png);
background-repeat: repeat;
width: 10em;
height: 15.3em;
padding: 1.5em 0.1em 0.1em 0.1em;
border: 1px solid aqua;
overflow: auto;
}

.inhalt-box {
font-size: 11px;
padding: 0.5em 0 0 0.5em;

}

/* Boxen alle */



/* Boxen Position */

.box1l {
left: 0.5em;
top: 10.3em;
}

.box2l {
left: 0.5em;
top: 28em;
}

.box3l {
left: 0.5em;
top: 47.4em;
}

.box4l {
left: 0.5em;
top: 65.2em;
}

.box1r {
left: 832px;
top: 10.3em;
}


.box2r {
left: 832px;
top: 28em;
}

.box3r {
left: 832px;
top: 47.4em;
}



/* Boxen Position */


/* Boxen gross */

.balken-gross1, .balken-gross2 {
background-color: aqua;
position: absolute;
width: 64.1%;
height: 1.5em;
padding: 0.1em;
z-index: 99;
}

.box-gross1, .box-gross2 {
position: absolute;
background-image: url(hintergrund-box.png);
background-repeat: repeat;
width: 64%;
height: 100px;
padding: 1.5em 0.1em 0.1em 0.1em;
border: 1px solid aqua;
margin-bottom: 5em;
overflow: auto;
}


.box-gross1 {
left: 11.3em;
top: 65em;

}

.box-gross2 {
left: 11.3em; 
top: 74.3em;
}

.balken-gross1 {
left: 11.3em;
top: 65em;
}

.balken-gross2 {
left: 11.3em;
top: 74.3em;
}




.inhalt-box-gross {
font-size: 11px;
padding: 0.5em 0 0 0.5em;
float: left;
}

/* Boxen gross */




/* Links Boxen */

.inhalt-box a {
display: block;
color: blue;
margin: 0.5em;
}


.inhalt-box a:visited {
color: #ffffff;
}

.inhalt-box a:focus {
color: red;
}

.inhalt-box a:hover {
color: red;
}

.inhalt-box a:active {
color: red;

}

/* Links Boxen */




.inhalt {
position: absolute;
top: 10.3em;
left: 11.3em;
width: 50.9%;
height: 54em;
z-index: 98;
border: 1px solid aqua;
}



/* Links */

a:link {
color: blue;
text-decoration: none;

}

a:visited {
color: #ffffff;
text-decoration: none;
}

a:focus {
color: red;
text-decoration: none;
}

a:hover {
color: red;
text-decoration: none;
}

a:active {
color: red;
text-decoration: none;
}

/* Links */


.welt {
background-image: url(welt.png);
background-repeat: no-repeat;
position: absolute;
height: 16.3em; /* 21.3em*/
width: 13em;
top: 61em;
right: 0em;
z-index: 50;
}


.iexplorer {
position: absolute;
top: 116.3em;
left: 38em;
font-size: 10px; 
color: gray;
}


.folgt {
display: none;

}