body {
background-color: #c5dff7;
font: 13px/17px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #003399;
text-align: justify;
}

#schriftschnee {
         position:fixed;
         top:400px;
         left:350px;
}

#menuObenKlein {
         position:fixed;
         top:103px; right:3px;
         font: 14px/14px 'OpenSansExtrabold', Arial, sans-serif;
         color: #cc6600;
         text-transform: uppercase;
         text-align:right;
         letter-spacing: 2px;
         z-index:3;
         padding: 15px 15px 15px 15px;
}

#menuObenKlein ul {
        list-style: none;
        padding: 0px 0 25px 0;

}
/* Liste bei den Arbeitspapieren*/
#menuObenKlein ul li{
        float: left;
        color: #003399;
        padding:8px 0px 2px 15px;
}
#menuObenKlein ul li:hover {
        color: #cc6600;
}

/* Die kleinen Menupunkte
#menuObenKlein ul ul li {
         float: right;
        color: #003399;
font: 10.5px 'OpenSansSemibold', Arial, sans-serif;
        padding:8px 0px 2px 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0;
        line-height: 8px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
}*/
#menuObenKlein ul ul li {
float: right;
         color: #003399;
         font: 10.5px/4px 'OpenSansSemibold', Arial, sans-serif;
         letter-spacing: 1px;
         padding:8px 0px 2px 15px;
         -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
}

/* aufgeklappte Menupunkte*/
#menuObenKlein ul ul a {
float: right;
        color: #000;
        text-decoration: none;
}

#menuObenKlein ul ul li.all {
float: right;
        font-size: 10px;
        border-bottom: none;
        text-transform: none;
}

#menuObenKlein ul ul li:hover {
float: right;
        color: #cc6600;
}





#oben {
         position:fixed;
         top:30px; right:20px;
         font: 14px/14px 'OpenSansExtrabold', Arial, sans-serif;
         color: #c5dff7;
         text-transform: uppercase;
         letter-spacing: 2px;
         z-index:3;
}

#oben a {
         color: #c5dff7;
         text-decoration: none;
}

span.obenNormal {
         font: 14px/14px 'OpenSansSemibold', Arial, sans-serif;
         color: #c5dff7;
         text-transform: uppercase;
         letter-spacing: 1px;
}

#bildHG1 {
         position:fixed;
         top:0px;
         left:0px;
         margin: 0;
         z-index:2;
}

#bildLinks {
         position:fixed;
         top:0px;
         left:0px;
         margin: 0;
         z-index:2;
}


#menu {
        position: fixed;
        width: 213px;
        margin: 105px 0px 0px 0px;
        z-index:3;

}

#menu ul {
        list-style: none;
        padding: 0px 0 25px 0;

}

/* Hauptmenupunkte ohne LINK*/

#menu ul li {
margin: 0px 0 0 10px;
font: 14px 'OpenSansExtrabold', Arial, sans-serif;
color: #cc6600;
text-transform: uppercase;
line-height: 20px;
letter-spacing: 4px;

}

/* Hauptmenupunkte LinkListe*/

#menu ul ul {
position: relative;
        left: 0px;
        margin: 0px 0px 0px -20px;
        border-top: 0px solid #cc6600;
}



/*
#menu ul li:hover ul {
        left: 60px;
}
*/

#menu ul ul li {
        color: #c5dff7;
font: 10.5px 'OpenSansSemibold', Arial, sans-serif;
        padding: 5px 0px 5px 0px;
        text-align: right;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0;
        line-height: 8px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
}

/* aufgeklappte Menupunkte*/
#menu ul ul a {
        color: #000;
        text-decoration: none;
}

#menu ul ul li.all {
        font-size: 10px;
        border-bottom: none;
        text-transform: none;
}

#menu ul ul li:hover {
        color: #cc6600;
}



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


#uberText {
font: 10.5px/16px 'OpenSansSemibold', Arial, sans-serif;
padding: 5px 0px 5px 0px;
text-transform: uppercase;
letter-spacing: 1px;
color: #003399;
text-align: left;

}


span.uberTextRev {
font: 8px/16px 'OpenSansSemibold', Arial, sans-serif;
padding: 5px 0px 5px 0px;
text-transform: uppercase;
letter-spacing: 1px;
color: #003399;
text-align: left;
font-style: italic;
}


#uberRechts {
font: 10.5px/16px 'OpenSansSemibold', Arial, sans-serif;
padding: 5px 0px 5px 0px;
text-transform: uppercase;
letter-spacing: 1px;
color: #003399;
text-align: right;
}

span.uberKlein {
font: 8px/16px 'OpenSansSemibold', Arial, sans-serif;
}

.fn {color:#cc6600;
     cursor:none;
     /*
     vertical-align: super;
     font: 8px/0px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
     */
}

.fnt {display:none; color:#cc6600}
.fnt a:hover {display:inline}

a.fn {
text-decoration:none;
}

a.fn:hover {
background-color:#ffffff;
}

a.fn:visited {
color:#0000FF;
}

a.fn .fnt {
display : none;
}

a.fn:hover .fnt {
text-decoration:none;
color:#003399;
display : inline;
}

span.orange {
         color: #cc6600;
         text-decoration: none;
}

span.orange a {
         color: #cc6600;
         text-decoration: none;
}

span.listeAbstand {
         padding: 15px 15px 15px 15px;
}


#textUber {
         position:fixed;
         top:200px;
         left:355px;
         width:550px;
         z-index:3;
         padding: 15px 15px 15px 15px;
}

#textUberBochum {
         position:fixed;
         top:180px;
         left:355px;
         width:550px;
         z-index:3;
         padding: 15px 15px 15px 15px;
}

#textBochum {
         position:absolute;
         top:292px;
         left:355px;
         width:550px;
         z-index:1;
         padding: 15px 15px 15px 15px;
}

#textInhalt {
         position:absolute;
         top:272px;
         left:355px;
         width:550px;
         z-index:1;
         padding: 15px 15px 15px 15px;
}

#aboutInhalt {
         position:absolute;
         top:272px;
         left:360px;
         width:550px;
         z-index:8;
         padding: 15px 15px 15px 15px;
}

#textInhaltMP3 {
         position:absolute;
         top:322px;
         left:355px;
         width:550px;
         z-index:1;
         padding: 15px 15px 15px 15px;
}

#textVerzeichnis {
         position:absolute;
         top:190px;
         left:355px;
         width:550px;
         z-index:1;
         padding: 15px 15px 15px 15px;
}

#textVerzeichnisHoch {
         position:absolute;
         top:120px;
         left:355px;
         width:550px;
         z-index:1;
         padding: 15px 15px 15px 15px;
}

#textKolumne {
         position:absolute;
         top:135px;
         left:355px;
         width:550px;
         z-index:1;
         padding: 15px 15px 15px 15px;
}

#stempel {
         position:absolute;
         top:-50px;
         left:450px;
}

#normalText {
font: 13px/17px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #003399;
text-align: justify;
}

h4 {
font: 13px/17px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #003399;
text-align: justify;
}

input, textarea, select {
font: 13px/17px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #003399;
text-align: justify;
}

p {
font: 13px/17px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #003399;
text-align: justify;
}

#normalText li {
margin: 0 0 0 15px;
padding: 5px 0 5px 0;
}

span.normalKlein {
font: 10px/17px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
}

#neleText {
font: 13px/25px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #003399;
text-align: left;
}

span.nele {font-family: verdana, helvetica, arial; text-align:justify; font-size:11px; color:#003399; line-height:25px}


span.cap {

font: 16px/20px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
font-variant: small-caps;
}




#bochumText {
font: 13px/17px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #003399;
text-align: justify;
}

#bochumText ul {
margin: 0 0 0 -25px;
list-style: none;
text-align: left;
}

#bochumText li {
padding: 5px 0 5px 0;
list-style: none;
text-align: left;
}

#bochumText ul ul {
font: 11px/13px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
margin: 0 0 5px -20px;
list-style: none;
text-align: left;
}

#listenText {
font: 13px/17px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #003399;
text-align: left;
margin: 0 0 0 -45px;
}


#listenText li {
padding: 5px 0 5px 0;
list-style: none;
}

#listenText li ul {
margin: 5px 0 0 -10px;
}

#listenText li ol {
margin: 5px 0 0 -10px;
}

#listen2Text {
font: 13px/17px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #003399;
text-align: left;
margin: 0 0 0 -18px;
}

#listen2Text li {
margin: 0 0 0 -25px;
padding: 5px 0 5px 0;
list-style: none;
}

#listen3Text li {
margin: 0 0 0 0;
padding: 5px 0 5px 0;
list-style: none;
}

#listen2Text li ul {
margin: 5px 0 0 -15px;
}

#listen2Text li ol {
margin: 5px 0 0 -15px;
}

#listenInText {
font: 13px/17px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #003399;
text-align: left;
list-style: none;
margin: 15px 0 15px -15px;
}

#linksText {
font: 13px/17px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #003399;
text-align: left;
}

#rechtsText {
font: 11px/15px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #003399;
text-align: right;
}

#mittigTextKursiv {
font: 11px/15px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
font-style:italic;
letter-spacing: 0;
color: #003399;
text-align:center;
}

#mittigText {
text-align:center;
}


#mittigSchlicht {
         text-align:justify;
         margin: 0px 130px 0px 130px;
         }
#schlichtText {
font: 13px/30px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
}

#startText {
font: 13px/13px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #c5dff7;
text-align: left;
}

#bkla {
font: 23px/17px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #c5dff7;
text-align: left;
}

#meso {
padding: 0px 0px 0px 250px;
font: 13px/17px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #003399;
text-align: justify;
}


td.normal {
font: 13px/15px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #003399;
text-align: left;
}

td.normal1 {
font: 13px/15px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #003399;
text-align: left;
vertical-align: baseline;
padding: 0 0 0 7px;
}

td.normal2 {
font: 13px/15px Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
letter-spacing: 0;
color: #003399;
text-align: left;
vertical-align: baseline;
}

td.normal3 {
padding: 15px 7px 15px 0px;
}

td.normal4 {
padding: 15px 0px 15px 7px;
}

#warn {color:#CC6633; font-family:verdana, helvetica, arial; font-style:normal;}
#red {color:#CC6633;}
#green {color:#CC6633;}
#blue {color:#0000cc;}
#grey {color:#003399;}
#black {color:#003399;}
#small {font-size:13px;}