/* Allgemein */

html, body {
margin: 0px;
padding: 0px;
background: #6A7070;
width: 100%;
height: 100%;
text-align: center;
}

table {
width : 100%;
height: 100%;
background : rgb(106,112,112);
border: none;
border-collapse: collapse;
padding: 0px;
margin: 0px;
}

.inhaltsspalte {
height: 612px;
width: 740px;
border-collapse: collapse;
background: #FFFFFF;
text-align: left;
vertical-align: top;
margin-bottom: -10px;
padding-right: 0px;
}

td {
padding-left: 10px;
}

html, body, table, tr, td, div, p, h2, h3, pre, a, h1 {
font-family: arial,helvetica,sans-serif;
font-size : 12px;
color: #494B4B;
text-decoration: none;
vertical-align: top;
}

/* Grundgeruest */

/* oben */
#bild1 {
height: 190px;
width: 190px;
background: #FFFFFF;
float: left;
margin-top: 10px;
}

#head {
height: 190px;
width: 300px;
float: right;
}

#gelb {
height: 190px;
width: 190px;
margin-top: 10px;
margin-left: 10px;
background: #F9DC13;
float: left;
}

#space {
height: 15px;
width: 220px;
background: #FFFFFF;
float: left;
margin-bottom: 5px;
}

#navi {
width: 190px;
height: 390px;
background: #6A7070;
float: left;
margin-top: 2px;
}

#navi a:hover {
color: #D53049;
}

.navi {
width: 190px;
border-bottom: 1px solid #B6B9B9;
}

.navi td {
padding-top: 8px;
border-bottom: 1px solid #B6B9B9;
}

td.leer {
background-color:#FFFFFF;
height: 8px
}

.spacer_grau {
height: 31px;
width: 31px;
background: #979B9B;
padding: 0px;
margin: 0px;
}

.spacer_rot {
height: 31px;
width: 31px;
background: #D53049;
padding: 0px;
margin: 0px;
}

.spacer_hgrau {
height: 31px;
background: #B7B8BA;
}

.spacer_gelb {
height: 31px;
background: #F9DC13;
}

.subnavi {
width: 190px;
background: #979B9C;
}

.subnavi td {
padding-top: 8px;
border-bottom: 1px solid #C8C9CA;
}

#bild2 {
height: 390px;
width: 190px;
background: url("img/titel.jpg");
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 10px;
float: left;
}

#ref {
height: 390px;
width: 190px;
background-color: #6A7070;
margin-top: 2px;
margin-left: 10px;
float: left;
}

#ref ul {
margin-top: 10px;
padding-left: 12px;
margin-left: 12px;
padding-right: 8px;
margin-right: 8px;
line-height: 1.5em;
color: #FFFFFF;
}

#ref a {
color: #FFFFFF;
}

#ref a:hover {
color: #D53049;
}

#content {
height: 389px;
width: 325px;
float: left;
margin-left: 12px;
margin-top: 3px;
}

#logo{
float: right;
width: 284px;
height: 106px;
border: none;
padding:0px;
margin-top: -1px;
}

.frame {
border: none;
height: 387px;
width: 327px;
padding: 0;
}

#rot {
height: 188px;
background-color: #D53049;
}

/* Text */
ul {
list-style-type:square;
}

#gelb a {
color: #6A7070;
font-weight: normal;
text-decoration: none;
display: block;
padding-bottom: 8px;
font-size : 11px;
}

#gelb a:hover {
color: #D53049;
}

.navi a:hover {
color: #D53049;
}

#ober_nav {
margin: 15px;
}

.normal {
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
letter-spacing:0.02em;
font-size : 11px;
}

.aktiv {
font-weight: bold;
text-decoration: none;
color: #F9DC13;
letter-spacing:0.02em;
font-size : 11px;
}

.sub_normal {
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
letter-spacing:0.02em;
font-size : 12px;
}

.sub_aktiv {
font-weight: normal;
text-decoration: none;
color: #D62F49;
letter-spacing:0.02em;
font-size : 12px;
}

#Counter 
{
background: #FFFFFF;
text-align: center;
vertical-align: middle;
}