html {min-height: 100%;}


a {color: #2c6fcf;}
a:hover {color: #333333;}

body
{
    background-image: url(../images/site/bg.jpg);
        background-color: #1d78dd;
        color: #333333;
        font-family: Verdana, Arial, Helvetica ,sans-serif;
        font-size: 8pt;

}

hr {border:0; height:1px; color: #0a254a; background-color: #0a254a; margin-bottom:0px;}


li {list-style: none; margin: 0; padding: 0;}


h1         {color:#0a254a; font-size:16pt; font-weight:normal;}
h2         {color:#2c6fcf; font-size:12pt; font-weight:normal;}
h3        {color:#333333; font-size:10pt; font-weight:normal;}
form,input {margin: 0; padding: 0; display: inline;}

img {border:0px;}

.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}

.container {
        border: 4px solid #124386;
        background: #0a254a;
        margin: 0 auto;
        padding: 0px;
        width: 910px;
}

/* KOPF */

.header {

        height: 160px;
        margin:0px;
        text-align: center;
        border:1px solid #ffffff;
}
/* KOPFNAVIGATION */
.header_nav {
        background-color: #2c6fcf;
        height: 30px;
        line-height:30px;
        margin:0px;
        text-align: left;
        border-bottom:1px solid #ffffff;
        border-left:1px solid #ffffff;
        border-right:1px solid #ffffff;
}

.header_nav ul {margin: 0; padding: 0;}
.header_nav li
{
    display:block; border-right:1px solid #ffffff; float:left;
}

.header_nav_link
{
    display:block; color:#ffffff; text-decoration:none; font-size:10pt; padding:0px 10px;
}

.header_nav a:hover
{
    display:block; color:#333333; background-color:#f3e616; text-decoration:none; font-size:10pt; padding:0px 10px;
}

/* SUBLINE */
.line {
        height: 10px;
        margin:0px;
        text-align: left;
        border-left:1px solid #ffffff;
        border-right:1px solid #ffffff;
}

/* MAIN */
.main
{
    margin: 0;
    padding: 0;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    }

/* NAVIGATION */
.navigation {
        float: left;
        width: 200px;
        background-color:#dbe4f2;
        margin: 0;
        padding: 0;
}
.nav_margin {height:10px; background-color:#0a254a; margin:0px; padding:0px;}
.nav_headline   {
    height:30px; background-color:#2c6fcf; color:#f3e616; line-height:30px; padding-left:10px; font-size:12pt;
}
.nav_info   {
    background-color:#dbe4f2; color:#333333; padding:3px;
}

.center {text-align:center;}

.navigation ul {
        margin: 0;
        padding: 0;
}

.navigation li {
        border-bottom: 1px solid #0a254a; border-left: 1px solid #0a254a;
}

.navigation li.nav_head{
        padding-left:5px; display:block; line-height:20px; height:20px;
        font-size:10pt; text-decoration:none; background:#626262; color:#fff;
        font-weight:none;
}

.navigation li.nav_kat1 a {
        padding-left:5px; display:block; line-height:20px; height:20px;
        font-size:10pt; text-decoration:none; color:#333333;
}
.navigation li.nav_kat2 a {
        padding-left:5px; display:block; line-height:20px; height:20px;
        font-size:10pt; text-decoration:none; color:#333333;
}

.navigation li.nav_kat1 a        { background:#626262; color:#fff;}
.navigation li.nav_kat1 a:hover  { background:#f3e616; color:#0a254a;}
.navigation li.nav_kat1_aktive a { background:#f3e616; color:#0a254a;}
.navigation li.nav_kat2 a        { background:#c9c9c9; padding-left:10px;}
.navigation li.nav_kat2 a:hover  { background:#b5b5b5; padding-left:10px;}
.navigation li.nav_kat2_aktive a { background:#ff9966; padding-left:10px;}

.nav_info_sponsoren {text-align:center;}
.nav_info_sponsoren img {max-width:191px; width:191px; border:solid 1px #333333;}
.nav_info_sponsoren p {margin:0px;}
.nav_info_sponsoren a {margin:0px; padding:0px; line-height:auto; height:auto; outline:0px; border:0px;}

/* CONTENT */
.content {
        float: left;
        width: 468px;
        padding: 10px;
        margin:0px 10px 0px 0px;
        left:10px;
        background-color:#ffffff;
        position:relative;
}

/* SIDEBAR */
.sidebar
{
        margin: 0;
        margin-left:10px;
        float: left;
        width: 200px;
        background-color:#dbe4f2;
        padding: 0;
}

.sidebar h1
{
        padding:0px;margin:0px;margin-bottom:5px;
        /*padding-top:0px; margin-top:0px; margin-bottom:5px;*/
        height:30px; border-bottom:solid 1px #0a254a;
        background-color:#2c6fcf; color:#f3e616;
        line-height:30px; padding-left:10px; font-size:12pt; font-weight:normal;}

.sidebar p {margin:3px 3px;padding:0px 0px;}

.sidebar hr {border:none; height:10px; line-height:10px;margin-bottom:0px;
        color: #0a254a; background-color: #0a254a;padding:0px;}

/* FOOTER ######################################################################### */
.footer {
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        height:30px;
        background-color: #0a254a;
        margin-top: 0px;
}

.footer_left {
        width: 190px; height:30px; line-height:30px;
        padding-left:10px; float:left;
        background-color: #0a254a; text-align:left;
        font-size:8pt; color:#ffffff;
}

.footer_center {
        width: 478px; height:30px; line-height:30px;
        padding-right:10px; text-align:center; float:left;
        background-color: #0a254a; color:#ffffff; margin:0px 10px;
        font-size:8pt;
}

.footer_right {
        width: 190px; height:30px; line-height:30px;
        padding-right:10px; text-align:right; float:left;
        background-color: #0a254a; color:#ffffff;
        font-size:8pt;
}

.footer a {
        color: #ffffff;
        text-decoration: none;
}
.footer a:hover {color: #f3e616;}

.tabelleTable { width:100%; }
.tabelleTable td { border:none; }
.tabelleTable td:first-child { padding-right:5px; }
.tabelleTable td.tus { font-weight:bold; }

#tablink a { text-decoration:none; text-align:center; padding-left:40px; }

#button{border:1px solid #000000; margin:2px;}
#feld{border:1px solid #000000; margin:2px;}

#steckbrief .s td{border-bottom:1px solid #000000; margin:2px;}
#steckbrief .bild td{padding-right:5px;}
#steckbrief {margin-bottom:20px;}

#date {
        color:#BFBFBF;
        text-align:right;
        margin:3px 0px -10px 0px;
}
