html, body { font-family: Verdana, sans-serif;
font-size:15px;
height:100%;
width:100%;
margin:0;
padding:0;
overflow:auto;}
/*Div für Viewpoint 990px`*/
div#top_div { position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding:0px;
width:990px;
display: block; }
/*Viewpoint div*/
/*Div als Hintergrundbild des Inhalts */
div#bg_img { background-repeat:no-repeat;
position: absolute;
margin-top: -11px;
width: 750px;
height: 600px;
left: 220px;
top: 20px;
z-index: 1; }
/*Hintergrund div*/
/*Formatierung für obere Navigationsliste */
ul#top_navi { text-align: right;
margin-top: -10px;
position:relative;
width: 890; }
ul#top_navi li { list-style: none;
display: inline;
padding: 0px 3px;
font-size: 0.8em;
background-color: #0093a0;
-webkit-box-shadow: -2px 3px 5px #555555;
-moz-box-shadow: -2px 3px 5px #555555; }
ul#top_navi li a { font-family: sans-serif;
color:white; font-weight:bold; }
ul#top_navi li a:link { text-decoration: none; }
ul#top_navi li a:visited { text-decoration: none; }
ul#top_navi li a:active { text-decoration: underline; }
ul#top_navi li a:hover { text-decoration:underline; }
/*liste formatiert (Obere Navigationsliste)*/
/*formatierung für linke Navigationsliste */
ul#left_navi { margin-top:10px;
padding:0px;
position:relative;}
ul#left_navi li { list-style: none;
background-image: url(../img/button.gif);
background-repeat: no-repeat;
width: 190px;
height:35px;
text-align: center;
color: white;
padding: 0px 0px;
vertical-align:middle; }
ul#left_navi li a { color:white;
display:block;
font-size:0.8em;
padding: 10px;
font-weight:bold;}
ul#left_navi li a.style1 {color: #FF0000}
ul#left_navi li a.style2 {color: #FFFFFF}
ul#left_navi li a:link { text-decoration: none; }
ul#left_navi li a:visited { text-decoration: none; }
ul#left_navi li a:active { text-decoration: bold; }
ul#left_navi li a:hover { text-decoration:bold; }
ul#left_navi li:hover { background-image: url(../img/button_active.gif);
background-repeat: no-repeat; }
/*liste formatiert (Linke Navigationsliste)*/
img#worldmap { width: 190px; }
img#logo { margin-left: -10px; position:relative;}
/*Formatierung der divs */
div.cat { border: 2px solid #EF8A23;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
khtml-border-radius:4px;
width: 100px;
height: 100px;
z-index:3;
background-repeat: no-repeat;
background-color: #ffffff;
display:block;
-webkit-box-shadow: -3px 4px 5px #777777;
-moz-box-shadow: -3px 4px 5px #777777; }
div.cat:hover { z-index:4; }
div.cat h1 { margin-left: 5px;
margin-top: 3px;
margin-bottom: -25px;
color:white;
display: none;
font-size: 1.3em;
padding:0px;}
div.cat p { position: relative;
display:none;
font-size: 1em;
margin-left:5px;
margin-right:5px;}
div.cat img { display:block;
height:75px;
width:100px;
margin:0px;
opacity: 0.8;
filter: alpha(opacity = 80);
border:0; }
div.cat span { background-color:#000000;
display:block;
min-height:25px;
color:white;
font-weight:bold;
text-align:center;
font-style:italic;
font-size:17px;
text-shadow: -2px 3px 7px #ffffff;
filter:Shadow(color=#ffffff, direction=225, strength=3);
font-family: Arial}
div.cat img.stern { position:absolute;
top: 140px;
left: 95px;
height: 150px;
width: 150px;
opacity:1;
filter: alpha(opacity = 100);
display:none;
}
div.cat p { width:100%;
font-weight:bold;
font-size: 1.2em;
color:#000000;
text-shadow: -1px 2px 1px #ffffff;
filter:Shadow(color=#ffffff, direction=225, strength=3);}
div.cat div.center { min-height: 50px; display:table-cell; vertical-align:middle;}
div.cat div.center p {margin-top:0.4em; margin-bottom:auto;}
div.cat a:link { text-decoration: none; }
div.cat a:visited { text-decoration: none; }
div.cat a:active { text-decoration: none; }
div.cat a:hover { text-decoration:none; }
/*divs formatiert */
/*Positionierung der einzelnen divs */
div#cat1 {
position: absolute;
left: 95px;
top: 248px;
z-index: 7;
display: table-cell;
}
div#cat2 {
position: absolute;
left: 180px;
top: 107px;
z-index: 7;
}
div#cat3 {
position: absolute;
left: 325px;
top: 70px;
z-index: 6;
}
div#cat4 {
position: absolute;
left: 470px;
top: 107px;
z-index: 5;
}
div#cat5 {
position: absolute;
left: 560px;
top: 248px;
z-index: 4;
}
div#cat6 {
position: absolute;
left: 470px;
top: 390px;
z-index: 3;
}
div#cat7 {
position: absolute;
left: 325px;
top: 430px;
z-index: 2;
}
div#cat8 {
position: absolute;
left: 180px;
top: 390px;
z-index: 3;
}
div#ank_star {
position: absolute;
left: 50px;
top: 450px;
z-index: 2;
}
div#ank {
position: absolute;
left: 230px;
top: 570px;
z-index: 2;
font-family: Arial Black, sans-serif;
font-size: 2em;
color: #04A4B0;
text-shadow: -1px 2px 1px #777777;
filter:Shadow(color=#777777, direction=225, strength=3);
padding-left: 5px;
}
div#ank a:link {
text-decoration: none;
color: #04A4B0;
}
div#ank a:visited {
text-decoration: none;
color: #04A4B0;
}
div#ank a:active {
text-decoration: none;
color: #04A4B0;
}
div#ank a:hover {
text-decoration: none;
color: #04A4B0;
}
img#ank {
width: 204;
height: 216;
}
/*divs positioniert */