@charset "UTF-8";
/* CSS Document */

body, html 
{
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
    font-size: 12px;
    text-align:center;
    background-color:#FFF;
    
}
#wrapper
{
    width:1071px;
    margin:auto;
    text-align:left;
}

#container
{
    width:1071px;
    margin: auto;
    text-align:left;
    background:url(../upload/images/bg.jpg) repeat-y;
}

/*header*/

#header
{
height:84px;
padding: 0px 30px 0 36px;
}

#header_img
{
float:left;
border:none;
padding-top:15px;
}



/*content*/
#content
{
}

#content_top
{
height:386px;
margin: 0 0 0 0;
}

#content_top_rot
{
background-color:#C00;
color:#fff;
height:364px;
width:258px;
}

#content_top_rot a
{
color:#fff;
}

#content_top_ani
{
height:386px;
float:right;
padding-right:34px;
width:777px;
}

#content_top_lang
{
text-align:center;
float:left;
padding-right:2px;
padding-bottom:2px;
height:19px;
width:258px;
}
#content_breadcrumb_navi
{
width:775px;
color:#C00;
padding-top:5px;
float:left;
height:17px;
margin: 0 2px 0 0;
background:url(../upload/images/pfad_back.jpg) no-repeat;
line-height:1;
}
#content_breadcrumb_navi a
{
color:#C00;
font-style:normal;
}
#content_bottom
{
}
#content_bottom_left
{
margin-top:2px;
float:left;
margin-right:2px;
width:258px;
}
.infobox_grau
{
padding: 24px 24px 24px 24px;
background-color:#d3d3d3;
width:210px;
min-height:100%;
}
#content_bottom_middle
{
padding:24px 24px 0px 24px;
float:left;
width:640px;
}
#content_bottom_middle_double
{
padding:0px 0px 0px 0px;
float:left;
width:740px;
}

#content_bottom_middle_small
{
padding:12px 24px 24px 24px;
float:left;
width:400px;
}
#content_bottom_right
{
padding:20px 24px 24px 24px;
float:left;
width:185px;
}

#content_bottom_middle_geb
{
padding:12px 24px 24px 24px;
float:left;
width:400px;
}
#content_bottom_left_geb
{
padding:20px 24px 24px 24px;
float:left;
width:185px;
}

/*footer*/

#footer
{
padding-top:20px;
text-align:center;
font-size:11px;
}
.clearer
{
clear:both;
}


/*fonts, bilder ,texte*/

p{
margin: 0 0 0 0;
}

a, a:visited {
    text-decoration:none;
    color:#333;
}
a:active, a:hover{
text-decoration:underline;
color:#C00;
}

.headline
{
}
.text
{
padding: 24px 24px 24px 24px;
}


h1
{
margin-top:0px;
font-size:18px;
font-weight:normal;

}

h2
{
font-size:18px;
font-weight:normal;
color:#C00;
margin-top:-12px;
}

/*abschlussbilder*/
#red_end
{
width:258px;
height:22px;
margin-bottom:2px;
background-image:url(../upload/images/red_end.jpg);
z-index:1;
}

.left_end
{
width:258px;
height:44px;
background-image:url(../upload/images/left_end.jpg);
margin-bottom:2px;
}

#footer_end
{
clear:both;
width:1071px;
height:44px;
background-image:url(../upload/images/footer_end.jpg);
}




/*NAVIGATION NV*/

/*navigation*/

#vpnavigation
{
position:absolute;
z-index:10;
padding-top:50px;
float:left;
padding-left:240px;
width:777px;
}


    #vpnavigation ul { /* alle Listen */
       padding: 0;
       margin: 0;
       list-style: none;
       line-height:1;
       display: block;
       width:777px;
       margin-bottom:1em;
    }

    #vpnavigation a, #vpnavigation a:visited {
       color:#333;
       font-weight:bold;
       display: block;
    }
    
    #vpnavigation a.active, #vpnavigation a:hover {
    text-decoration:none;
       color:#C00;
       font-weight:bold;
       display: block;
    }

    #vpnavigation li { /* alle Listenelemente */
       padding: 5px 25px 5px 25px;
       background:url(../upload/images/top_trenner.gif) no-repeat right;
       font-weight:bold;
       line-height:1;
       float:left;
       text-align:center;
       font-size:12px;
    }

    #vpnavigation li ul { /* Listen 2. Ebene */
       padding:0;
       width:14em;
       line-height:1;
       margin-left:-1em;
       font-weight:bold;
       text-align:left;
       position: absolute;
       background: url(../upload/images/bg_navi.png) repeat;
       left: -999em; /* durch "left" außerhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */
    }

    #vpnavigation li li {
       padding: 12px 12px 5px 12px;
       background:none;
       position: relative;
       text-align:left;
       font-weight:none;
       width:13em;
    }

    #vpnavigation li li a.daddy { /* Listenelemente mit Unterpunkten */
     background: url(../upload/images/rightarrow.gif) center right no-repeat;
    }

    #vpnavigation li ul ul { /* Listen 3. Ebene und weiter */
       margin: -2em -1em 0 13em;
       padding:-2em 0 0 5px;
       background: url(../upload/images/bg_navi.png) repeat;
    }

    #vpnavigation li:hover ul ul, #vpnavigation li.sfhover ul ul {
       left: -999em;
    }

    #vpnavigation li:hover ul, #vpnavigation li li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li.sfhover ul { /* Listen, die unterhalb von "gehoverten" Menüpunkte liegen */
       left: auto;
    }

    #vpnavigation li.active { /* Listen zur aktuellen Kategorie */
    color:#C00;
    }