* {
  margin: 0;
  padding: 0;
}
html, body {
    margin-bottom: 20px;
    background: #EEEEEE url("spz/hg.gif") repeat-x top left;
    font-family : verdana, helvetica, arial, sans-serif;
    font-size: 100.01%;
    color: #2F587F;
}
/**********************************************
    Head
 **********************************************/
    .Head      { clear: left; font-size: 65%; margin: 0px; padding: 10px; color: #183B6A; }
    .HeadBox_1 { text-align: right; }
    .HeadBox_2 { float: left; }
/**********************************************
    Foot / Copyright
 **********************************************/
    .Fuss      { clear: left; text-align: center; font-size: 60%; margin: 0px; padding: 10px; color: #BBBBBB; }
/**********************************************
    Header
 **********************************************/
    #Header { margin: 0 auto; width: 800px; height: 130px; background: #357375 url("spz/head_logo.gif") repeat-x top left; }
/**********************************************
    Inhalt
 **********************************************/
    #main   { background: #ffffff url("spz/mnu_gfx.gif") repeat-x top left; width: 760px; margin: 0 auto; padding: 0 20px 0 20px; font-size: 100%; color: #000000; border-left:  1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; }
/**********************************************
    Hinweis / Mitteilung
 **********************************************/
    .Mitteilung { margin-bottom: 10px; padding: 10px; border: 1px dashed #89B27A; background-color: #C9F2BA; font-size: 65%; color: #39622A; }
/**********************************************
    Error/Fehler
 **********************************************/
    .Fehler { width: 80%; margin: 10px auto; text-align: center; padding: 10px; border: 1px dashed #FFAAAA; background-color: #FFEEEE; font-size: 65%; color: #880000; }
/**********************************************
    Standard-Links
 **********************************************/
    a { text-decoration: underline; color: #183B6A; }
    a:hover { text-decoration: underline; color: #486B9A; }
/**********************************************
    Diverses Neu
 **********************************************/
    img { margin: 0px; padding: 0px; border: none; vertical-align: middle; }
    
    h1 {
        clear: left;
        height: 30px;
        margin: 0;
        padding: 3px 15px 0 22px;
        font-size: 90%;
        font-weight: 700;
        font-variant: small-caps;
        letter-spacing: 1px;
        color: #183B6A;
    }
    h2 {
        margin: 0;
        font-size: 80%;
        letter-spacing: 1px;
        font-weight: 700;
        padding-bottom: 2px;
        color: #128F35;
       }
    h2 a       { color: #128F35; }
    h2 a:hover { color: #027F25; }
    
    h3 {
        clear: left;
        margin: 0;
        padding: 3px 0 3px 10px;
        font-size: 75%;
        font-weight: 700;
        color: #FF9523;
        background-color: #FAFAFA;
        border-top: 1px solid #D4DDEA;
        border-bottom: 1px solid #D4DDEA;
       }
    
    span         { margin: 0px; padding: 0px; }
    span.Gestern { color: #00AA00; }
    span.Heute   { color: #0000AA; }
    
    .Box_1  {
                float: left;
                width: 100%;
                margin-top: 5px;
                margin-bottom: 5px;
                padding: 1px;
                border: 1px solid #D4DDEA;
          }
    .Box_1 h1 { background: url(spz/inf2h1bg.gif) no-repeat top left; }
    
    .Box_1 p { padding: 0px; }
    
    .Box_2  {
                float: left;
                width: 100%;
                margin-top: 5px;
                margin-bottom: 5px;
                padding: 1px;
                border: 1px solid #C9F2BA;
          }
    .Box_2 h1 { background: url(spz/infh1bg.gif) no-repeat top left; }
    
    .Box_2 p { padding: 5px; }
    
    .txtnormal {
                font-size: 70%;
                margin: 0;
                padding: 0;
                color: #2F587F;
                line-height: 1.3em;
               }
    .txtinfo   {
                margin: 0;
                padding: 0;
                font-size: 65%;
                color: #AAAAAA;
               }
    .txtinfo a       { color: #AAAAAA; }
    .txtinfo a:hover { color: #555555; }
    
    .Box_Inhalt    { float: left; width: 100%; margin: 4px auto 4px; }
    .Box_Inhalt ul { clear: left; list-style-type: none; padding: 0; margin: 0 5px 0 5px; }
    .Box_Inhalt li { float: left; padding: 0; margin: 0; }

    .Refresh  {
                margin: 40px auto;
                width: 550px;
                padding: 1px;
                background-color: #FFFFFF;
                border: 1px solid #D4DDEA;
          }
    .Refresh h1 { background: url(spz/inf2h1bg.gif) no-repeat top left; }
    
    .Refresh p { padding: 15px; text-align: center; font-size: 80%; }
    .Refresh a { font-size: 70%; text-decoration: none; color: #777777; }
    
    .Regeln {
                font-size: 70%;
                margin: 0;
                padding: 15px;
                color: #2F587F;
                line-height: 1.3em;
                }
    .Regeln ol { padding: 0; margin: 0 35px 0 35px; }
    .Regeln li { padding: 0; margin: 0; }
        
/**********************************************
    Diverses
 **********************************************/
.Row { float: left; width: 100%; }
    
    .SPSpalte      { float: left; width: 100%; font-size: 60%; color: #BBBBBB; }
    .SPSpalte ul   { list-style-type: none; }
    .SPSpalte li   { float: left; }
    .SPSpalte a       { text-decoration: underline; color: #BBBBBB; }
    .SPSpalte a:hover { text-decoration: underline; color: #777777; }
    
    /**********************************************
        Themenübersicht
     **********************************************/
    .Themen    { float: left; width: 100%; padding: 1px 0 1px 0; }
    .Themen h2 > .extitel  { font-size: 80%; color: #FF9523; }
    .Themabinfo { float: left; width: 100%; background-color: #F9FFF6; padding: 0; border-top: 1px solid #BBCCBB; border-bottom: 1px solid #BBCCBB; }
    .Themen:hover { text-decoration: none; background-color: #ffffee; padding: 0; border-top: 1px solid #D4DDEA; border-bottom: 1px solid #D4DDEA; }

/**********************************************
        Nachricht
**********************************************/
    .ShowMe                  { float: left; width: 100%; margin-top: 10px; padding: 1px; border: 1px solid #D4DDEA; border-bottom: 1px solid #D4DDEA; }
    .ShowMe h1               { background: #F0F0F0 url(spz/inf2h1bg.gif) no-repeat top left; }
    .ShowMe h3               { clear: both; padding: 10px 0 0 20px; font-size: 70%; color: #BBBBBB; border: none; background-color: #ffffff; }
    .ShowMeNachricht         { clear: both; margin: 0; padding: 10px 20px 20px 20px; overflow: auto; font-size: 80%; color: #2F587F; }
    .ShowMeNachricht ul      { clear: both; margin: 5px 20px 5px 20px; }
    .ShowMeNachricht li      { padding: 0; }
    .ShowMeNachricht a       { text-decoration: none; font-weight: normal; color: #128F35; }
    .ShowMeNachricht a:hover { text-decoration: underline; color: #128F35; }
    .ShowMeNachricht acronym { cursor: help; border: none; color: #44AF07; }
    .ShowMeSigantur          { margin: 0; padding: 10px; overflow: auto; font-size: 80%; }
    .ShowMe hr               { clear: both; margin: 0 auto; width: 90%; border: 1px solid #D4DDEA; }
    .ShowMe fieldset         { clear: left; margin: 10px; padding: 10px; font-size: 75%; color: #D4DDEA; border: 1px solid #D4DDEA; }
    .ShowMe span.Hinweis     { color: #FF0000; }
    .ShowMeFuss              { float: right; margin: 0; padding: 10px 0 0 0; width: 100%; text-align: right; }
    
    .ShowMe ul.UserDetails { float: left; width: 100%; font-size: 70%; margin: 0; padding: 0; list-style-type: none; background-color: #F0F0F0; }
    .ShowMe li.UserDetails { margin: 0; padding: 0px 10px 5px 10px; }
    .ShowMe li.UserDetails_Next { clear: both; margin: 0; padding: 0px 10px 5px 10px; }
    .ShowMe .UserDetails > span { color: #777777; }
/**********************************************
    HTML-[Code]
 **********************************************/
    .HTCode    { margin: 10px 30px 0 30px; padding: 0; }
    .HTCode h5 { margin: 0; padding: 0; color: #D4DDEA; }
    .HTInhalt  {
        margin: 0;
        padding: 10px;
        overflow: auto;
        font-size: 110%;
        color: #777777;
        border-right: 5px solid #D4DDEA;
        border-top: 1px solid #D4DDEA;
        border-bottom: 1px solid #D4DDEA;
        background-color: #FAFAFA;
    }
    .HTZahlen {
        float: left;
        margin: 0;
        padding: 10px 3px 10px 10px;
        font-size: 110%;
        text-align: right;
        color: #777777;
        border-left: 5px solid #D4DDEA;
        border-right: 1px solid #DADADA;
        border-top: 1px solid #D4DDEA;
        border-bottom: 1px solid #D4DDEA;
        background-color: #EAEAEA;
    }
    
    .minmax           { clear: left; margin: 0; padding: 0; }
    .minmax_titel     { cursor: pointer; margin: 0; padding-left: 20px; }
    .minmax_inhalt    { DISPLAY: none; margin-left: 40px; padding: 5px 30px 5px 0px; color: #777777; }
    .minmax_titel img { margin: 0; padding-right: 5px; vertical-align: middle; }
    
    .zitat { font-size: 75%; border-bottom: solid 1px #DDDDDD; border-left: solid 5px #DDDDDD; padding: 0 0 5px 10px; margin: 10px 30px 10px 30px; font-style: italic; color: #888888; }
    
    .spoiler         { cursor: help; }
    .spoiler a       { color: #FAFAFA; background-color: #FAFAFA; border: 1px solid #D4DDEA; text-decoration: none; cursor: help; }
    .spoiler a:hover { color: #770000; border: 1px solid #D4DDEA; text-decoration: none; cursor: help; }
/**********************************************
    Seitenlinker
 **********************************************/
.SiteLink {
    float: left;
    width: 100%;
    margin: 5px 0 5px 0;
    padding: 0px;
}
.SiteLink ul { float: right; margin: 0; padding: 0; list-style-type: none; font-size: 11px; border: 1px solid #A4ADBA; }
.SiteLink li { float: left; margin: 0; padding: 0; text-align: center; white-space: nowrap; }
.SiteLink li.extra { padding: 2px 3px 2px 3px; background-color: #D4DDEA; }
.SiteLink li.bold { padding: 2px 3px 2px 3px; color: #FFFFFF; background-color: #538A8E; }
.SiteLink li a { display: block; padding: 2px 3px 2px 3px; text-decoration: none; width: 100%; }

.SiteLink li a:hover { text-decoration: none; background-color: #ffffee; padding: 2px 3px 2px 3px; }
.SiteLink img { margin: 0; padding: 0; vertical-align: middle; }
/**********************************************
    Mitglieds Profil
 **********************************************/
.Mitglied { float: left; width: 100%; margin: 0; padding: 0; font-size: 11px; color: #777777; }
.Mitglied ul { float: left; width: 100%; font-size: 11px; margin: 0 0 10px 0; padding: 0; list-style-type: none; }
.Mitglied li { margin: 0; padding: 0px 10px 5px 10px; }
.Mitglied li > label { float: right; margin: 0; padding: 0px; }
.Mitglied > span { color: #777777; }
.Mitglied h2 { font-size: 11px; }



/**********************************************
    Formular-Felder
 **********************************************/
    form {
        margin: 0;
        padding: 0;
    }
    form input, select, textarea { padding: 1px; background-color: #F5F5F5; color: #555555; BORDER: #E0E0E0 1px solid; font-size: 11px; }
    form textarea:hover, select:hover, input:hover { background-color: #ffffee; }
    form textarea:focus, select:focus, input:focus { background-color: #ffffdd; }
    .Form_Inhalt    { clear: both; padding: 0px; margin: 0px; font-size: 70%; color: #2F587F; }
    .Form_Inhalt ul { clear: left; list-style-type: none; padding: 0 10px 0 10px; margin: 0px; }
    .Form_Inhalt li { float: left; padding: 6px 0 6px 0; margin: 0; }
    .Form_Inhalt li.FormButton { clear: both; margin: 5px 0 5px 0; text-align: center; padding: 2px; background-color: #F0F0F0; }
    .Form_Inhalt .FormInfoMax { color: #AAAAAA; }
    .Form_Inhalt .FormInfoTi  { font-weight: 700; padding: 0; margin: 0; }
    .Form_Inhalt .FormInfoEx  { color: #AAAAAA; }
    .Form_Inhalt .SelectBoard { color: #AAAAAA; font-style: italic;}
    
/**********************************************
    Neue/Edit Nachricht 
 **********************************************/
.BoxDiv    { clear: left; margin: 0 auto; padding: 0; color: #777777; text-align: center; border: 1px solid #D4DDEA; }
.BoxDiv ul { clear: left; margin: 0; padding: 0; list-style-type: none; }
.BoxDiv li { float: left; padding-top: 1px; padding-bottom: 1px; }
.BoxDiv li.titel { float: left; padding-top: 1px; padding-bottom: 1px; color: #183B6A; background-color: #D4DDEA; font-weight: bold; }



/**********************************************
    DropDown-Window
 **********************************************/
.dropdown {
    visibility: hidden;
    position: absolute;
    overflow: auto;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    max-height: 250px;
    font-size: 70%;
    background-color: #FAFAFA;
    border-bottom: 1px solid #A4ADBA;
    border-left: 1px solid #A4ADBA;
    border-right: 1px solid #A4ADBA;
}

.dropdown ul { list-style-type: none;  }
.dropdown li { }

html>body .dropdown li a { width: auto; }
.dropdown li a:hover { text-decoration: none; background-color: #949DAA; color: #FFFFFF; }

.dropdown li span.Img {
    float: left;
    width: 30px;
    padding: 0px;
    margin: 0px;
    text-align: center;
}
.dropdown li a {
    display: block;
    padding: 3px 20px 3px 0px;
    text-decoration: none;
    color: #183B6A;
}
.dropdown li.UTitel {
    display: block;
    padding: 3px 0px 3px 5px;
    font-weight: 700;
    font-style: italic;
    background-color: #EAEAEA;
}
.dropdown img {
    vertical-align: middle;
}
/**********************************************
    Menu
 **********************************************/
.Menu {
    float: left;
    width: 100%;
    font-size: 80%;
    font-weight: 700;
    font-variant: small-caps;
    color: #F0F0F0;
    background-color: #0B2E5D;
}
.Menu ul   { list-style-type: none; }
.Menu li   { float: left; white-space: nowrap; }
.Menu li a { display: block; padding: 4px 7px 4px 7px; color: #F0F0F0; text-decoration: none; }
html>body .Menu li a { width: auto; }
.Menu li a:hover { text-decoration: none; color: #0B2E5D; background-color: #FAFAFA; }
.Menu img {
    vertical-align: middle;
}
.ExMenu {
    margin: 0 auto;
    padding: 0 4px 0 4px;
    font-size: 90%;
    font-weight: 700;
    color: #0B2E5D;
    vertical-align: middle;
}
/**********************************************
    PopUp Window (Javascript)
 **********************************************/
.MMBBWin {
	border: 1px solid #848D9A;
	background-color: #F3F4F5;
	padding: 1px;
	font-size: 100%;
}
.MMBBWinTitel {
    cursor: move;
    background: url("spz/inf2h1bg.gif") repeat-x top left;
    height: 30px;
    margin: 0;
    padding: 3px 15px 0 22px;
    font-size: 90%;
    font-weight: 700;
}
.MMBBWinInhalt {
    overflow: auto;
    font-size: 85%;
    margin: 0px;
    padding: 0px;
}
.MMBBWinInhalt h2 {
    font-weight: 700;
    margin: 0px;
    padding: 0 10px 0 10px;
    color: #2F587F;
}
.MMBBWinInhalt p {
    margin: 5px 0 5px 0;
    padding: 0 10px 0 10px;
}
.MMBBWinFooter {
    clear: left;
    font-size: 75%;
    text-align: right;
    margin-top: 10px;
    padding: 3px;
	border-top: 1px solid #C3C4C5;
	background-color: #E3E4E5;
}
.MMBBWinFooter textarea, select, input {
    margin: 0px 5px 0px 5px;
    padding: 0px;
    font-size: 10px;
    border: 1px solid #E3E4E5;
	background-color: #F3F4F5;
	color: #2F587F;
}
.MMBBWinFooter textarea:hover, select:hover, input:hover { background-color: #ffffee; }