body {
 font-family : Verdana, sans-serif;
 color : #000080;
 background : #ffce9c;
 font-size : 12px;
}
#ladeinfo {
 position : absolute;
 top : 50%;
 left : 50%;
 width : 500px;
 height : 300px;
 margin-top : -150px;
 margin-left : -250px;
 text-align : center;
 visibility : visible;
 overflow : hidden;
}

/* "Splashscreen" */
#splashscreen {
 position : absolute;
 height : 300px;
 width : 300px;
 background-image : url(../pics/splashscreen.gif);
 visibility : hidden;
 overflow : hidden;
}
#aeani {
 position : absolute; 
 top : 120px;
 left : 128px;
 visibility : hidden;
}

/* Hilfs-DIVs zum Verschwindenlassen vom "Splashscreen" */
#hidefromleft {
 position : absolute;
 height : 300px;
 width : 300px;
 color : #efefef;
 background-color : #eeeeee;
 visibility : hidden;
 overflow : visible;
}
#hidefromright {
 position : absolute;
 height : 300px;
 width : 300px;
 color : #efefef;
 background-color : #eeeeee;
 visibility : hidden;
 overflow : visible;
}
#hidefromup {
 position : absolute;
 height : 300px;
 width : 300px;
 color : #efefef;
 background-color : #eeeeee;
 visibility : hidden;
 overflow : visible;
}
#hidefromdown {
 position : absolute;
 height : 300px;
 width : 300px;
 color : #efefef;
 background-color : #eeeeee;
 visibility : hidden;
 overflow : visible;
}

/* DIV-Formatierungen für "JETZT WIRD'S ATOMIC" (RADIOACTIVE FALL-DOWN) und "DUMMZEUGS" */
#box {
 position : absolute;
 height : 355px;
 width : 260px;
 background-image : url(../pics/startegg.gif);
 background-position : center;
 background-repeat : no-repeat;
 color : #efefef;
 background-color : #eeeeee;
 visibility : hidden;
 z-index : 0;
}
#ani {
 position : absolute;
 top : 150px;
 left : 70px;
 z-index : 2;
 visibility : hidden;
}
#red1 {
 position : absolute;
 top : 335px;
 left : 3px;
 visibility : hidden;
 z-index : 3;
}
#green1 {
 position : absolute;
 top : 335px;
 left : 239px;
 visibility : hidden;
 z-index : 6;
}
#warnung1 {
 position : absolute;
 visibility : hidden;
 z-index : 4;
}
#warnung2 {
 position : absolute;
 visibility : hidden;
 z-index : 5;
}
#yeah {
 position : absolute;
 visibility : hidden;
 z-index : 0;
}
.usr {
 position : absolute;
 top : 0px;
 left : 0px;
 height : 100%;
 width : 100%;
 background-color : red;
 color : #ff7f7f;
 font-family : Verdana, sans-serif;
 font-size : 12px;
 visibility : hidden;
 z-index : 8;
 }
.textusr {
 position : absolute;
 right : 0px;
 border : 1px dashed yellow;
}

/* Formatierung fürs "Zukleistern" */
.fensterche {
 position : absolute;
 width : 100px;
 height : 100px;
 visibility : hidden;
 z-index : 1;
}
.bigfenster {
 position : absolute;
 width : 300px;
 height : 300px;
 visibility : hidden;
 text-align : center;
 z-index : 1;
}
.letters {
 position : absolute;
 top : 45%;
 left : 43%;
 font-family : Verdana, sans-serif;
 font-weight : bold;
 font-size : 20px;
 font-style : oblique;
 color : #000080;
 background-color : #ffffff;
}
.pic{
 margin-top : 77px;
}

/* ATOMIC SITEMAP */
/** Formatierungen für "ICH SCHAU DIR BEIM KLICKEN ZU" **/
#map {
 position : absolute;
 height : 385px;
 width : 360px;
 background-image : url(../pics/startegg.gif);
 background-position : right bottom;
 background-repeat : no-repeat;
 color : #000080;
 background-color : #eeeeee;
 visibility : hidden;
 overflow : visible;
 z-index : 11;
}
#eyes {
 position : absolute;
 top : 100px;
 left : 140px;
 visibility : hidden;
}
#smile {
 position : absolute;
 top : 220px;
 left : 168px;
 visibility : hidden;
}
#nav1 {
 top : 10px;
 left : 115px;
}
#nav2 {
 top : 70px;
 left : 75px;
}
#nav3 {
 top : 130px;
 left : 50px;
}
#nav4 {
 top : 190px;
 left : 38px;
}
#nav5 {
 top : 250px;
 left : 40px;
}
#nav6 {
 top : 310px;
 left : 58px;
}
#tooltip1 {
 top : 10px;
 left : -170px;
}
#tooltip2 {
 top : 70px;
 left : -210px;
}
#tooltip3 {
 top : 130px;
 left : -235px;
}
#tooltip4 {
 top : 190px;
 left : -247px;
}
#tooltip5 {
 top : 250px;
 left : -245px;
}
#tooltip6 {
 top : 310px;
 left : -227px;
}
#red2 {
 position : absolute;
 top : 365px;
 left : 103px;
 visibility : hidden;
 z-index : 3;
}
#green2 {
 position : absolute;
 top : 365px;
 left : 339px;
 visibility : hidden;
 z-index : 6;
}
.nav {
 visibility : hidden;
 position : absolute;
 z-index : 350;
}
.tips {
 position : absolute;
 width : 285px;
 height : 56px;
 background-image : url(../pics/bubble-left.gif);
 z-index : 330;
 visibility : hidden;
}
.ttext {
 text-align : center;
 margin-right : 50px;
 padding : 5px;
}
.tttb {
 font-weight : bold;
}
/** Formatierungen für "AUF UND ZU - TEXT SIEHST DU" **/
#tafel {
 position : absolute;
 height : 385px;
 width : 660px;
 background-image : url(../pics/crashegg.gif);
 background-position : right bottom;
 background-repeat : no-repeat;
 color : #000080;
 background-color : #eeeeee;
 overflow : visible;
 visibility : hidden;
 z-index : 329;
}
/*** Formatierungen für "OMELETTES" ***/
#open-nav1 {
 top : 10px;
 left : 85px;
}
#open-nav2 {
 top : 70px;
 left : 45px;
}
#open-nav3 {
 top : 130px;
 left : 20px;
}
#open-nav4 {
 top : 190px;
 left : 8px;
}
#open-nav5 {
 top : 250px;
 left : 10px;
}
#open-nav6 {
 top : 310px;
 left : 28px;
}
.open-nav {
 visibility : hidden;
 position : absolute;
 z-index : 400;
}
/*** Formatierungen für "TEXTE UND VERWEISE ZU DEN EIER-RUBRIKEN" ***/
.tafeltext {
 margin-top : 10px;
 margin-bottom : 20px;
 position : absolute;
 top : 50px;
 left : 200px;
 width : 375px;
 z-index : 2;
 visibility : hidden;
}
.tafelcont {
 margin-left : 20px;
 margin-right : 20px;
 font-size : 12px;
}
.tafellist {
 margin-left : 20px;
 padding : 0;
 list-style : none;
 font-size : 12px;
}
.cwi-ueb {
 text-align : center;
 font-size : 13px;
 font-weight : bold;
}
.cpr {
 position : absolute;
 top : 265px;
 text-align : center;
 width : 375px;
 font-size : 11px;
}
/*** Formatierungen für "ÜBERRASCHUNGSEIER" ***/
#tafelnav1 {
 top : 10px;
 left : 115px;
}
#tafelnav2 {
 top : 70px;
 left : 75px;
}
#tafelnav3 {
 top : 130px;
 left : 50px;
}
#tafelnav4 {
 top : 190px;
 left : 38px;
}
#tafelnav5 {
 top : 250px;
 left : 40px;
}
#tafelnav6 {
 top : 310px;
 left : 58px;
}
#ttooltip1 {
 top : 10px;
 left : 170px;
}
#ttooltip2 {
 top : 70px;
 left : 130px;
}
#ttooltip3 {
 top : 130px;
 left : 105px;
}
#ttooltip4 {
 top : 190px;
 left : 93px;
}
#ttooltip5 {
 top : 250px;
 left : 95px;
}
#ttooltip6 {
 top : 310px;
 left : 113px;
}
#tcenter {
 position : absolute;
 top : 50px;
 left : 200px;
 visibility : hidden;
}
#orange {
 position : absolute;
 top : 365px;
 left : 103px;
 visibility : hidden;
 z-index : 3;
}
#green3 {
 position : absolute;
 top : 365px;
 left : 639px;
 visibility : hidden;
 z-index : 6;
}
.tafelnav {
 position : absolute;
 visibility : hidden;
 z-index : 330;
}
.ttips {
 position : absolute; 
 width : 285px;
 height : 56px;
 background-image : url(../pics/bubble-right.gif);
 visibility : hidden;
 z-index : 330;
}
.tttext {
 text-align : center;
 margin-left : 50px;
 padding : 5px;
}

/* Formatierungen für den <noscript>-Bereich */
img {
 border : none;
}
.logo {
 position : absolute;
 top : 0;
 width: 555px;
 text-align : center;
 visibility : visible;
}
.rahmenoben {
 position : absolute;
 top : 130px;
 width : 555px;
 height : 56px;
 background-image : url(../pics/rahmenoben.gif);
 text-align : center;
 visibility : visible;
}
.rahmen {
 position : absolute;
 top : 186px;
 width : 555px;
 color : #000080;
 background-color : #eeeeee;
 background-image : url(../pics/rahmenmitte.gif);
 background-position : 0% 100%;
/* background-repeat : repeat; */
 visibility : visible;
}
.rahmenunten {
 width : 555px;
 height : 64px;
 background-image : url(../pics/rahmenunten.gif);
 visibility : visible;
}
.navileiste {
 height : 56px;
 position : absolute;
 top : 7px;
 left : 60px;
}
.navi1 {
 position : absolute;
 top : 0;
 left : 5px;
 width : 80px;
 height : 56px;
 text-align : center;
}
.navi2 {
 position : absolute;
 top : 0;
 left : 90px;
 width : 80px;
 height : 56px;
 text-align : center;
}
.navi3 {
 position : absolute;
 top : 0;
 left : 175px;
 width : 80px;
 height : 56px;
 text-align : center;
}
.navi4 {
 position : absolute;
 top : 0;
 left : 260px;
 width : 80px;
 height : 56px;
 text-align : center;
}
.navi5 {
 position : absolute;
 top : 0;
 left : 345px;
 width : 80px;
 height : 56px;
 text-align : center;
}
.aetools {
 width : 425px;
 position : absolute;
 top : 90px;
 left : 60px;
}
.help {
 position : absolute;
 padding : 2px;
 width : 20px;
 top : 0;
 left : 0;
 text-align : center;
}
.search {
 position : absolute;
 padding : 2px;
 width : 20px;
 top : -2px;
 left : 130px;
 text-align : center;
}
.print {
 position : absolute;
 padding : 2px;
 width : 22px;
 top : -2px;
 right : 130px;
 text-align : center;
}
.down {
 position : absolute;
 padding : 2px;
 width : 20px;
 top : 2px;
 right : 0;
 text-align : center;
}
.textteil {
 margin-left : 20px;
 margin-top : 135px;
 margin-right : 30px;
 margin-bottom : 50px;
 text-align : justify;
 font-size : 12px;
}
.copyright {
 margin-left : 20px;
 margin-right : 30px;
 font-size : 11px;
 text-align : center;
}
.bg {
 position : absolute;
 top : 0;
 left : 50%;
 width : 555px;
 height : 140px;
 margin-left : -278px;
 color : #000080;
 background : #ffce9c;
}
.ueberschrift {
 text-align : center;
 margin-left : 20px;
 margin-top : 15px;
 margin-right : 20px;
 font-size : 18px;
 font-weight : bold;
}

/* Weitere Formatierungen */
a.atomicmap:link {
 color : #000080;
 background-color : #eeeeee;
 text-decoration : none;
 font-weight : normal;
}
a.atomicmap:visited {
 color : #000080;
 background-color : #eeeeee;
 text-decoration : none;
 font-weight : normal;
}
a.atomicmap:hover, a.atomicmap:visited:hover {
 color : #ffce9c;
 background-color : #eeeeee;
 text-decoration : none;
 font-weight : normal;
}
a.atomicmap:active {
 color : #ffce9c;
 background-color : #eeeeee;
 text-decoration : none;
 font-weight : normal;
}
a.map:link {
 color : #000080;
 background-color : #eeeeee;
 text-decoration : none;
 font-weight : bold;
}
a.map:visited {
 color : #000080;
 background-color : #eeeeee;
 text-decoration : none;
 font-weight : bold;
}
a.map:hover, a.map:visited:hover {
 color : #ffce9c;
 background-color : #eeeeee;
 text-decoration : none;
 font-weight : bold;
}
a.map:active {
 color : #ffce9c;
 background-color : #eeeeee;
 text-decoration : none;
 font-weight : bold;
}
a.copy:link {
 color : #000080;
 background-color : #eeeeee;
 text-decoration : none;
 font-size : 11px;
 font-weight : normal;
}
a.copy:visited  {
 color : #000080;
 background-color : #eeeeee;
 text-decoration : none;
 font-size : 11px;
 font-weight : normal;
}
a.copy:hover, a.copy:visited:hover {
 color : #ffce9c;
 background-color : #eeeeee;
 text-decoration : none;
 font-size : 11px;
 font-weight : normal;
}
a.copy:active  {
 color : #000080;
 background-color : #eeeeee;
 text-decoration : none;
 font-size : 11px;
 font-weight : normal;
}
a.atomic:link {
 text-decoration : none;
}
a.atomic:visited  {
 text-decoration : none;
}
a.atomic:hover, a.atomic:visited:hover {
 text-decoration : none;
}
a.atomic:active  {
 text-decoration : none;
}
h2 {
 text-align : center;
 margin-left : 20px;
 margin-right : 20px;
 font-size : 18px;
 font-weight : bold;
}
p {
 font-family : Verdana, sans-serif;
 font-size : 12px;
}
#counter {
 visibility : hidden;
}
.oldies {
 position : absolute;
 top : 0;
 left : 0;
 overflow : hidden;
 visibility : hidden;
}