body {
     font-size: 100.01%;
    font-family: Verdana,Arial,sans-serif;
    width:100%;
    text-align:center;
    background-color:#FFFFFF;

    }

td {
 font-family: Verdana;
 font-size: 10pt;
}
p.klein   {
font-family:Arial;
font-size:8pt;

}
ul        {
margin-left:-24px;
}

blockquote {
font-weight:lighter;
}

div#Seite {
    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 900px;
    text-align: left;
background-image:url(/blauverlauf2.jpg);
background-repeat:no-repeat;
}



div#navig {
    float:left; width:180px;
padding:-10px;
margin-top:-280px;
margin-left:-5px;
height:auto;


    z-index:1;
}

div#navigvorstand {
    float:left; width:180px;
padding:-10px;
margin-top:-180px;
margin-left:180px;
height:auto;

}


#navigsub {
text-align:left;
font-weight:ligther;
}

div#back {
background-image:url(blaugrund.gif);
height:22px;
 background-repeat:no-repeat;
 width:192px;
 padding-top:5px;
font-family: Verdana;
 color:#ffffff;
 font-size:9pt;
 text-align:left;

}
div#info {
float:right; width:145px;
padding-top:32px;
padding-left:11px;
padding-right:5px;
margin-top:-90px;
margin-right:20;


    z-index:3;
}
#infokasten {
margin-top:3px;
width:230px;
border-style:solid;
border-width:1pt;
border-color:#0080C0;
padding:3px;
background-color:#FFFFE1;
font-family:Verdana;
font-size:9pt;
}

#infokasten_breit {
margin-top:3px;
width:225px;
border-style:solid;
border-width:1pt;
border-color:#0080C0;
padding:3px;
background-color:#FFFFE1;
}

 #infokasten_doppelt {
margin-top:3px;
width:450px;
border-style:solid;
border-width:1pt;
border-color:#0080C0;
padding:3px;
background-color:#FFFFE1;
}
#infokasten_blau {
margin-top:-9px;
width:230px;

padding:12px 5px 0 12px;
background-color:#febe3c;
border-width:2px;
border-color:#447cff;
border-style:solid;
font-size:8pt;
text-align:left;
color:#000000;
}

#infokasten2 {
margin-top:-6px;
width:500px;
border-style:solid;
border-width:1pt;
border-color:#0080C0;
padding:3px;
background-color:#FFFFE1;

}

div#inhalt {
text-align:left;
  height:auto;
    padding-left:180px;
    padding-right:25px;
    padding-top:10px;
    font-size:9pt;
    color:#000000;
    background-color:#ffffff;
    font-weight:lighter;
    width:550px;
}

div#inhaltbreit {
text-align:left;
width:650px;
  margin:-90px 130px 20px 180px;
  height:auto;
    padding-left:14px;
    padding-right:12px;
    padding-top:0px;
 border-color:#000000;
 border-style:thin;
    border-left:1pt;
    font-size:10pt;
    color:#000000;
    background-color:#ffffff;
    font-weight:lighter;
}
div#verlauf {
font-size:8pt;
float:left;
width:580px;
margin-top:1em;
}

p#tabelle {
float:left; width:150px;
}

div#leiste {

font-family:Verdana,Arial;
font-size:12pt;
color:#3366FF;
font-weight:bold;


}

#leiste2 {

font-family:Verdana,Arial;
font-size:10pt;
font-weight:lighter;
color:#000000;
margin-left:-6px;
margin-right:-3px;
padding-left:6px;
padding-top:2px;

}

.footer {
clear:both;
position:relative;

    margin-top:1px;
    margin-left:5px;
    margin-right:20px;
    text-align:center;
    font-size:8pt;
    text-align:center;
}

#footer {
clear:both;
    margin:0,1em 10px 0 -180px;
    background:#789EE9;
    text-align:center;
    height:250px;
    font-size:8pt;
    color:#ffffff;
    padding-left:30px;
         width:970px;
    z-index:5
    }

 ul#Navifooter {
    margin-left: 18;
         margin-top:0;
    padding: 18;
    text-align: left;
    width:950px;
    z-index:9;
  }

  ul#Navifooter li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin-left:6; padding-left:18;
     color:#000000;

     }

  ul#Navifooter li ul {
    margin:0; padding: 0;
    position: absolute;
    top: 1.8em; left: 0.1em;
     color:#000000;
    display: block;  /* Unternavigation ausblenden */
  }


  ul#Navifooter li ul li {
    float: none;
    display: block;
  }

  ul#Navifooter a, ul#Navifooter span {
    display: block;
    width: auto;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 2px 3px;
    text-decoration: none;
  }
A.type1:link    {color:#DFEABB; text-decoration:none;}
A.type1:visited {color:#DFEABB; text-decoration:none;}
A.type1:active  {color:#DFEABB; text-decoration:none;}
A.type1:hover   {color:#FDA903; text-decoration:none;}

A.type2:link    {color:#0050A0; text-decoration:none; font-weight:bold;}
A.type2:visited {color:#0050A0; text-decoration:none; font-weight:bold;}
A.type2:active  {color:#0050A0; text-decoration:none; font-weight:bold;}
A.type2:hover   {color:red; text-decoration:none;}

A.type3:link    {color:#000000; text-decoration:none; font-size:9pt; font-weight:normal;}
A.type3:visited {color:#000000; text-decoration:none; font-size:9pt; font-weight:normal;}
A.type3:active  {color:#000000; text-decoration:none; font-size:9pt; font-weight:normal;}
A.type3:hover   {color:red; text-decoration:none; font-size:9pt; font-weight:normal;}

A.type4:link    {color:#000000; text-decoration:none; font-size:16pt; font-weight:bold;}
A.type4:visited {color:#000000; text-decoration:none; font-size:16pt; font-weight:bold;}
A.type4:active  {color:#000000; text-decoration:none; font-size:16pt; font-weight:bold;}
A.type4:hover   {color:red; text-decoration:none; font-size:16pt; font-weight:bold;}


.spielrahmen {
        background-color: #E6e6e6;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #FFFFFF;
        border-right-color: #CCCCCC;
        border-bottom-color: #999999;
        border-left-color: #FFFFFF;
        text-align: center;
        vertical-align: middle;
}
.spielrahmenInnen {

        background-color: #DFEABB;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #427B6B;
        border-right-color: #427B6B;
        border-bottom-color: #427B6B;
        border-left-color: #427B6B;
        text-align: center;
        vertical-align: middle;
        margin: 0px;
        padding: 0px;
}
.fett {
        font-weight: bold;
}

p {
font-weight:lighter;
}

td.willkommen {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
        color: #000000;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
}

.spielrahmenKopf {
        background-color: #E6e6e6;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #888888;
        border-right-color: #FFFFFF;
        border-bottom-color: #ffffff;
        border-left-color: #bbbbbb;
        text-align: center;
        vertical-align: middle;
        margin: 0px;
        padding: 0px;
}
h3 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14pt;
        font-weight: bold;
        color:#3f7bff;
}


.stern{
position: relative;
left:-15px;
top:10px;
z-index: 0;
}

.stern:hover{
background-color: transparent;
z-index: 50;
}

.stern span{ /*CSS for enlarged image*/
visibility:hidden;
position:absolute;
top:10px;
left:10px;
width:180px;
height:auto;
background-color:red;
padding:12px;
font-family:Verdana,Arial;
font-size:10pt;
color:#ffffff;
}

.stern span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.stern:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10px;
left: 10px; /*position where enlarged image should offset horizontally */

}

p, li, div {
font-weight:lighter;
}