body {
background: url(bg-body-01.jpg) repeat-x #CFD6E6;
text-align: center;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
min-width:1000px;
        font-size: 85%;
        margin:0 auto;
}

a img {
        border: 0;
}

#pic-center-wrap-startseite {
        position: absolute;;
        top: 128px;
        left: 0px;
}

footer .f-right{
        float: right;
        text-align: right;
}

.footer a {
        color: #4C5774;
        text-decoration: none;
}

.footer a:hover {
        color: #800000;
        text-decoration: none;
}

.footer p {
        color: #4C5774;
        font-size: 11px;
        margin: 0px;
}

.gray{
        color: #4C5774;
        font-weight: bold;
        padding: 1.1em;
        display: inline;
        position: relative;
        text-transform: lowercase;
}

.startseite_hover_text
{
        left: -6000px;
        position: absolute;
        top: -6000px;
        background: #F4F4F5 url(../template_img_fuer_alle/bg-transparent.png);
        z-index: 100;
        text-align: left;
        font-size: 10px;
        padding: 2px 8px 12px 12px;
        text-transform: none;
}
.startseite_hover_text H1, H2
{
        color: #4C5774;
        font-size: 12px;
        margin: 1em;
}
.startseite_hover_text P
{
        color: #4C5774;
        font-size: 10px;
        margin: 0px;
        font-weight:normal;
}
.gray:hover .startseite_hover_text, .startseite_hover_text:hover
{
        width: 300px;
        left: 20px;
        top: 50px;
}

/*können alle ausser IE7*/
html>/**/body .gray:hover .startseite_hover_text,
html>/**/body .startseite_hover_text:hover {
        top:38px;
}


.gray a{
        color: #4C5774;
        font-weight: bold;
        padding: 1.1em;
        text-decoration: none;
}

.top-navigation {
        display: block;
        float: right;
        font-size: 10px;
        margin-left: 300px;
        margin-top: 89px;
        padding-right: 0.25em;
        width: 400px;
}

.top-navigation .selected {
        border-bottom: none;
        color: #FFFFFF;
        height: 30px;
        width: 33px;
}

.top-navigation a {
        color: #4C5774;
        display: block;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
        width: 103px;
}

.top-navigation a:hover {
        border-bottom: none;
        color: #FFFFFF;
        font-weight: bold;
}

.top-navigation ul li {
        display: block;
        float: right;
        font: 12px/30px "verdana" sans-serif;
        font-weight: bold;
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: center;
}

/* ########################### footer ######################### */
#footer {
        position: absolute;
        top: 640px;
        left: 0px;
        background: transparent;
        color: #4C5774;
        float: left;
        height:20px;
        margin-top:40px;
        text-align: center;
        width:1000px;
}

.f-left{
 float: left;
        margin-right: 15px;
        width: 35%;
}

.f-middle{
        float: left;
        margin-left: 15px;
        width: 35%;
        text-align: left;
}

.f-right{
        float: right;
        margin-left: 15px;
        width: 25%;
        text-align: left;
}
/* ########################### header ######################### */
#header {
        height: 97px;
        margin: 0;
        padding: 0;
        width: 1000px;
}

#layout{
        background: url(reat_web_SH_START.jpg) #CCCCCC no-repeat top;
        height: 938px;
        margin:0 auto;
        padding: 0;
        width: 1000px;
        position: relative;
}

/* ########################### main content links ######################### */
#main {
        background-color: transparent;
        border: none;
        color: #666666;
        height: 401px;
        left: 0px;
        position: absolute;
        text-align: center;
        top: 130px;
        width: 950px;
}

#translation {
        float: left;
        height: 90px;
        position: absolute;
        top: 550px;
        left: 0px;
        text-align: center;
        width: 980px;
}