/*-----------------------------------------*/
/* CSS-Def. Allg. für DEV.de               */
/* Version: 1.0          01.09.2007        */
/* Die Endverbraucher Ltd.                 */
/*-----------------------------------------*/



/*----------------------------------*/
/*           Site-Design            */
/*----------------------------------*/

#des1 {
        width: 980px;
        text-align:left;
        margin:0 auto;
        background: #ffffff;
        padding: 0px 1px 1px 1px;
        border-left:  1px solid #ffffff;
        border-bottom:1px solid #ffffff;
        border-right: 1px solid #ffffff;
}

#des2 {
        background: #ffffff;
        width: 976px;
        vertical-align: top;
        padding: 0px 1px 1px 1px;
        border-left:  1px solid #cccccc;
        border-bottom:1px solid #cccccc;
        border-right: 1px solid #cccccc;
}



/*-----------------------------------------*/
/*           Left Navigationbar            */
/*-----------------------------------------*/

.left_navi {}
.left_navi p
{
    background: #f5c800;
    text-decoration: none;
    color: #333;
    font-size: 11px;
    font-weight:bold;
    width: auto;
    height:20px;
    line-height:20px;
    border-bottom: 1px solid #FFFFFF;
    margin:0px;
    padding-left:10px;
}

.left_navi ul    { list-style-type: none; margin:0px; padding:0px 0px 0px 0px; vertical-align:top;}
.left_navi ul li { width:100%; }


.left_navi ul li a span {padding:0px 0px 0px 9px;}
.left_navi ul li a,
.left_navi ul li a:active {
        display: block;
        background: #d9dde5;
        text-decoration: none;
        color: #424242;
        font-size: 12px;
        width: 100%;
        height:20px;
        line-height:20px;
        border-bottom: 1px solid #FFFFFF;
}

.left_navi ul li a:hover,
.left_navi ul li a.selected,
.left_navi ul li a:active.selected {
        display: block;
        background: #003399;
        text-decoration: none;
        color: #fff;
        font-size: 12px;
        width: 100%;
        height:20px;
        line-height:20px;
        border-bottom: 1px solid #FFFFFF;
}

.left_navi ul li ul      { list-style-type: none; margin:0px; padding:0px;}
.left_navi ul li ul li   { width: 100% }

.left_navi ul li ul li a span {padding:0px 0px 0px 17px;}
.left_navi ul li ul li a,
.left_navi ul li ul li a:active {
        display: block;
        background: #e6eaf2;
        text-decoration: none;
        color: #424242;
        font-size: 12px;
        width: 100%;
        height:20px;
        line-height:20px;
        border-bottom: 1px solid #FFFFFF;
}

.left_navi ul li ul li a:hover,
.left_navi ul li ul li a.selected,
.left_navi ul li ul li a:active.selected {
        display: block;
        background: #003399;
        text-decoration: none;
        color: #fff;
        font-size: 12px;
        width: 100%;
        height:20px;
        line-height:20px;
        border-bottom: 1px solid #FFFFFF;
}

.left_navi ul li ul li ul      { list-style-type: none; margin:0px; padding:0px;}
.left_navi ul li ul li ul li   { width: 100% }

.left_navi ul li ul li ul li a span {padding:0px 0px 0px 25px;}
.left_navi ul li ul li ul li a,
.left_navi ul li ul li ul li a:active {
        display: block;
        background: #edf1fa;
        text-decoration: none;
        color: #424242;
        font-size: 12px;
        width: 100%;
        height:20px;
        line-height:20px;
        border-bottom: 1px solid #FFFFFF;
}

.left_navi ul li ul li ul li a:hover,
.left_navi ul li ul li ul li a.selected,
.left_navi ul li ul li ul li a:active.selected {
        display: block;
        background: #003399;
        text-decoration: none;
        color: #fff;
        font-size: 12px;
        width: 100%;
        height:20px;
        line-height:20px;
        border-bottom: 1px solid #FFFFFF;
}



/*-----------------------------------------*/
/*          Sie sind hier:                 */
/*-----------------------------------------*/

#ssh {
        padding-top: 5px;
        line-height: 14px;
        font-family: Arial,Verdana;
        font-size: 10px;
        color: #000;
        width: 540px;
}

#ssh a {
        text-decoration: underline;
        color: #000;
        white-space: nowrap;
}

#ssh a:hover {
        text-decoration: none;
        color: #fff;
        background-color:#003399;
        white-space: nowrap;
}



/*------------------------------*/
/*      Bottom-navigation       */
/*------------------------------*/

#nav_bot {
        background: #d9dde5;
        height: 16px;
        line-height: 16px;
        font-size: 12px;
        color: #000;
        vertical-align:bottom;
}

#nav_bot ul    { list-style-type: none; margin:0px; padding:0px 0px 0px 0px;}
#nav_bot ul li { display: inline; }


#nav_bot ul li a span {padding:0px 0px 0px 0px;}
#nav_bot ul li a,
#nav_bot ul li a:active {
        text-decoration: underline;
        color: #000;
        font-size: 12px;
}

#nav_bot ul li a:hover,
#nav_bot ul li a.nav_selected,
#nav_bot ul li a:active.nav_selected {
        text-decoration: none;
        color: #fff;
        font-size: 12px;
        background: #003399;
}


/*-----------------------------------------*/
/*      Aktive Link-Flächen erzeugen       */
/*-----------------------------------------*/

a.larea {
        display:block;
        font-size:12px;
        font-weight:bold;
        color:#424242;
        font-style:normal;
        text-decoration:none;
        text-align:center;
        font-family:Verdana,Arial;
        background-color:#edf1fa;
        padding:5px 2px 5px 2px;
        margin:0px 0px 0px 0px;
        border: #003399 1px solid;
}
a.larea:hover {
        background-color:#c3cee5;
        font-size:12px;
        font-weight:bold;
        color:#003399;
        font-style:normal;
        text-decoration:none;
        font-family:Verdana,Arial;
        border: #003399 1px solid;
}
a.larea:visited {
        text-decoration: none;
}
h2 a.larea {
        font-size:14px;
        font-weight:bold;
}