/*
        **************************************
        ***** 1. Allgemeine Definitionen *****
        **************************************
*/



body
{
        background: #ffffff;
        margin: 0px;
        padding: 0px;
        font-family: verdana, arial, helvetica,  sans-serif;
        text-align: left;
}


h1.content {
        font: 12px/17px verdana, arial, helvetica,  sans-serif;
        /*color: #5c8585;*/
        color: #021453;
        font-weight: bold;
        margin: 0;
        padding: 4px 0 4px 0;
}

h1.ranking {
        position: relative;
        font: 12px/17px verdana, arial, helvetica,  sans-serif;
        /*color: #5c8585;*/
        color: #021453;
        font-weight: bold;
        margin: 0;
        padding: 4px 0 4px 0;
        float: left;
}

h1.right {
        position: relative;
        font: 12px verdana, arial, helvetica,  sans-serif;
        color: #dee7e7;
        font-weight: bold;
        margin: 0;
        padding: 0;
        float: left;
}

li {
        font: 13px/16px verdana, arial, helvetica,  sans-serif;
        color: #000000;
}

img {
        border-style: none;
}

img.right {
        float: right;
        margin: 3px 0px 0px 15px;
}


img.left {
        float: left;
        margin: 3px 15px 0px 0px;
}

a.out:link, a.out:visited {
        color: #666666;
        font: 10px Verdana, Arial,  sans-serif;
        text-decoration: none;
}

a.out:hover, a.out:active {
        color: #5c8585;
        font: 10px Verdana, Arial,  sans-serif;
        text-decoration: underline;
}

a.outright:link, a.outright:visited {
        position: relative;
        color: #dee7e7;
        font: 11px Verdana, Arial,  sans-serif;
        text-decoration: none;
        padding: 1px 0 0 0;
        float: right;
}

a.outright:hover, a.outright:active {
        position: relative;
        color: #ffffff;
        font: 11px Verdana, Arial,  sans-serif;
        text-decoration: none;
        padding: 1px 0 0 0;
        float: right;
}

a.kalender:link, a.kalender:visited {
        color: #dee7e7;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-decoration: none;
        padding: 0;
}

a.kalender:hover, a.kalender:active {
        color: #ffffff;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-decoration: none;
        padding: 0;
}

a.forum:link, a.forum:visited {
        font: 12px verdana, arial, helvetica,  sans-serif;
        color: #dee7e7;
        text-decoration: none;
        font-weight: bold;
        margin: 0;
        padding: 4px 0 4px 0;
}

a.forum:hover, a.forum:active {
        font: 12px verdana, arial, helvetica,  sans-serif;
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
        margin: 0;
        padding: 4px 0 4px 0;
}

a.content:link, a.content:visited {
        font: 11px/20px verdana, arial, helvetica,  sans-serif;
        color: #021453;
        text-decoration: none;
        margin: 0;
        padding: 0;
}

a.content:hover, a.content:active {
        font: 11px/20px verdana, arial, helvetica,  sans-serif;
        color: #021453;
        text-decoration: underline;
        margin: 0;
        padding: 0;
}

.content a:link {
        font: 11px/20px verdana, arial, helvetica,  sans-serif;
        color: #021453;
        text-decoration: none;
        margin: 0;
        padding: 0;
}

.content a:visited {
        font: 11px/20px verdana, arial, helvetica,  sans-serif;
        color: #021453;
        text-decoration: none;
        margin: 0;
        padding: 0;
}

.content a:hover {
        font: 11px/20px verdana, arial, helvetica,  sans-serif;
        color: #021453;
        text-decoration: underline;
        margin: 0;
        padding: 0;
}

form
{
        padding: 0;
        margin: 0;
}

input
{
        padding: 1px 0 0 4px;
        margin: 5px 0 3px 0;
        color: #666666;
        font: 11px Verdana, Arial,  sans-serif;
        width: 170px;
        height: 20px;
}

select
{
        padding: 1px 0 0 2px;
        margin: 2px 15px 3px 0;
        color: #666666;
        font: 11px Verdana, Arial,  sans-serif;
        width: 220px;
        height: 20px;
        float: right;
}

img.content
{
        padding: 0;
        margin: 0 0 5px 10px;
        border: 0;
        float: right;
}

#googlmap
{
        padding: 0;
        margin: 0;
        border: 0;
        background: #f5f5f5;
        float: right;
}


table, tr, td
{
        color: #333333;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-align: left;
}

table.calendar
{
        color: #333333;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-align: left;
}

td.dark
{
        color: #333333;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-align: left;
        background: #eeeded;
        padding: 4px 0 4px 10px;
}

td.dark_1
{
        color: #333333;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-align: right;
        background: #eeeded;
        padding: 4px 0 4px 10px;
}

td.bright
{
        color: #333333;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-align: left;
        background: #f5f5f5;
        padding: 4px 0 4px 10px;
}

ul, li
{
        color: #333333;
        font: 11px/15px Verdana, Arial,  sans-serif;
}

/*
        ************************
        ***** 2. Container *****
        ************************
*/

#background
{
        width: 100%;
        height: 100%;
        text-align: center;
        padding: 0px;
}

#container
{
        position: relative;
        z-index: 1;
        top: 0px;
        width: 912px;
        margin: 0px auto 0;
}

#logo
{
        position: absolute;
        z-index: 20;
        top: 0;
        left: 60px;
        width: 134px;
        height: 96px;
}

#container_1
{
        /*background: url(../img/backgrounds/verlauf_head.gif) repeat-x top;*/
        width: 201px;
        height: 200px;
        margin: 0;
        padding: 0;
        float: left;
}

#haupt_space
{
        position: relative;
        z-index: 10;
        width: 199px;
        height: 20px;
        top: 55px;
        background: #021453;
        margin: 0 0 1px 0;
        padding: 0;
        border: 1px solid;
        border-color: #fff;
        display: block;
}

#hauptnav
{
        position: relative;
        z-index: 10;
        width: 201px;
        height: 247px;
        top: 53px;
        margin: 0;
        padding: 0;
}

#hauptnav  a:link, a:visited, a:hover, a:active {
        font: 12px Verdana, Arial,  sans-serif;
        font-weight: bold;
}

a.out:hover, a.out:active {
        color: #5c8585;
        font: 10px Verdana, Arial,  sans-serif;
        text-decoration: underline;
}

#newsletter
{
        position: relative;
        z-index: 5;
        top: 30px;
        width: 179px;
        height: 65px;
        margin: 0;
        padding: 10px;
        background: #021453;
        text-align: left;
        color: #dee7e7;
        font: 11px/15px Verdana, Arial,  sans-serif;
        border: 1px solid;
        border-color: #fff;
}



#newsletter a:link {
        color: #dee7e7;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-decoration: underline;
        padding: 0;
        float: right;
}

#newsletter a:visited {
        color: #dee7e7;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-decoration: underline;
        padding: 0;
        float: right;
}

#newsletter a:hover {
        color: #ffffff;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-decoration: none;
        padding: 0;
        float: right;
}

#newsletter a:active {
        color: #ffffff;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-decoration: none;
        padding: 0;
        float: right;
}

#aktion
{
        position: relative;
        z-index: 5;
        top: 50px;
        width: 201px;
        height: 186px;
        margin: 0;
        padding: 0;
        float: left;
}

#container_2
{
        width: 510px;
        height: 200px;
        margin: 0;
        padding: 0;
        float: left;
}

#zufallbild
{
        position: relative;
        z-index: 1;
        top: 0;
        left: 0;
        width: 510px;
        height: 250px;
        margin: 0 0 1px 0;
        @margin: 0 0 -2px 0;
        padding: 0;
}

.content {
        width: 480px;
        @width: 495px;
        margin: 0 0 1px 0;
        padding: 10px 15px 10px 15px;
        @padding: 10px 0 10px 15px;
        background: #f5f5f5;
        color: #333333;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-align: left;
}

.clear {
        clear:both;
}

#content_table {
        width: 510px;
        margin: 0 0 1px 0;
        padding: 0;
        color: #333333;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-align: left;
}

#content_table a:link {
        font: 11px/20px verdana, arial, helvetica,  sans-serif;
        color: #021453;
        text-decoration: none;
        margin: 0;
        padding: 0;
}

#content_table a:visited {
        font: 11px/20px verdana, arial, helvetica,  sans-serif;
        color: #021453;
        text-decoration: none;
        margin: 0;
        padding: 0;
}

#content_table a:hover {
        font: 11px/20px verdana, arial, helvetica,  sans-serif;
        color: #021453;
        text-decoration: underline;
        margin: 0;
        padding: 0;
}

#content_table a:active {
        font: 11px/20px verdana, arial, helvetica,  sans-serif;
        color: #021453;
        text-decoration: underline;
        margin: 0;
        padding: 0;
}

#archiv {
        width: 480px;
        @width: 495px;
        margin: 0 0 1px 0;
        padding: 10px 15px 10px 15px;
        @padding: 10px 0 10px 15px;
        background: #f5f5f5;
        color: #333333;
        font: 10px Verdana, Arial,  sans-serif;
        text-align: left;
}

#footer {
        width: 480px;
        @width: 510px;
        margin: 0 0 1px 0;
        padding: 10px 15px 10px 15px;
        background: #ffffff;
        color: #cccccc;
        font: 10px Verdana, Arial,  sans-serif;
        text-align: left;
}

#date
{
        position: absolute;
        z-index: 30;
        top: 6px;
        left: 346px;
        width: 46px;
        height: 57px;
}

#container_3
{
        width: 200px;
        margin: 0 0 0 1px;
        padding: 0;
        text-align: left;
        float: left;
}

#header
{
        width: 200px;
        height: 19px;
        @height: 25px;
        margin: 0;
        padding: 6px 0 0 0;
        color: #666666;
        font: 10px Verdana, Arial,  sans-serif;
        text-align: right;
}

#rightbox
{
        width: 170px;
        @width: 200px;
        margin: 0 0 1px 0;
        padding: 10px 15px 10px 15px;
        float: left;
        background: #021453;
        /*background: #5c8585;*/
        color: #dee7e7;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-align: left;
}

#rightbox a:link {
        color: #dee7e7;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-decoration: underline;
        padding: 0;
}

#rightbox a:visited {
        color: #dee7e7;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-decoration: underline;
        padding: 0;
}

#rightbox a:hover {
        color: #ffffff;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-decoration: none;
        padding: 0;
}

#rightbox a:active {
        color: #ffffff;
        font: 11px/15px Verdana, Arial,  sans-serif;
        text-decoration: none;
        padding: 0;
}

#partners
{
        width: 170px;
        @width: 200px;
        margin: 0 0 1px 0;
        padding: 10px 15px 10px 15px;
        float: left;
        text-align: center;
}

a.rank:link {
        font: 11px/20px verdana, arial, helvetica,  sans-serif;
        color: #021453;
        text-decoration: none;
        margin: 0;
        padding: 0;
}

a.rank:visited {
        font: 11px/20px verdana, arial, helvetica,  sans-serif;
        color: #021453;
        text-decoration: none;
        margin: 0;
        padding: 0;
}

a.rank:hover, a.rank:active {
        font: 11px/20px verdana, arial, helvetica,  sans-serif;
        color: #021453;
        text-decoration: underline;
        margin: 0;
        padding: 0;
}


a.wosquash:link, a.wosquash:visited {
        position: absolute;
        display: block;
        z-index: 1000;
        top: -2px;
        left: 500px;
        width: 159px;
        height: 36px;
        background: url(../img/buttons/wosquash.png) no-repeat top left;
}

a.wosquash:hover, a.wosquash:active {
        background: url(../img/buttons/wosquash.png) no-repeat left -36px;
}

td.woli {
        border-right: #f5f5f5 1px solid;
        border-bottom: #f5f5f5 1px solid;
        padding: 10px 5px 12px 5px;
        text-algin: center;
}

td.woimg {
        border-bottom: #f5f5f5 1px solid;
        padding: 13px 0 13px 8px;
}

td.wore {
        border-bottom: #f5f5f5 1px solid;
        padding: 10px 5px 12px 8px;
}