/*-----------------------------------------*/
/* 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 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: #dcdce1;
        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: #e5e5eb;
        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: #ededf2;
        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: #dcdce1;
        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:300;
        color:#424242;
        font-style:normal;
        text-decoration:underline;
        text-align:center;
        font-family:Verdana,Arial;
        background-color:#ededf2;
        padding:5px 2px 5px 2px;
        margin:0px 0px 0px 0px;
        border: #003399 1px solid;
}
a.larea:hover {
        background-color:#003399;
        font-size:12px;
        font-weight:300;
        color:#fafafa;
        font-style:normal;
        text-decoration:none;
        font-family:Verdana,Arial;
        border: #003399 1px solid;
}
a.larea:visited {
        text-decoration: none;
}
a.larea h2 {
        font-size:14px;
        font-weight:bold;
}



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

.area {
        margin-bottom:10px;
        width: 100%;
        display: block;
        padding:0px;
}
.area img {
        display:block;
        float:right;
        width:150px;
        margin:7px 7px 7px 10px;
}
.area a:hover {
        background: #ddd;
        border: 1px solid #003399;
}
/* -MacIE5 \*/
.area {
        border-collapse:collapse;
} /* end */
.area a {
        display:inline-table;
        width: 100%;
        border: 1px solid #f4f4f4;
}
/*-MacIE5\*/
.area a {
        display:table-cell;
        margin:0px;
        border-collapse:collapse;
} /* end */
.area p {
        color:#000000;
        font-weight:normal;
        font-size:12px;
        font-family:arial,verdana;
}
.area h1 {
        margin-top: 5px;
        font-size:14px;
}
.area h2 {
        margin-top: 5px;
        font-size:12px;
}

.border {
        border: 1px solid #003399;
}
.border h1 {
        margin-left: 5px;
}
.border p {
        margin-left: 5px;
}