/*-----------------------------------------*/
/* 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: #dfe8e6;
    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: #245444;
    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: #e6f0ee;
    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: #245444;
    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: #eef7f5;
    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: #245444;
    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:#245448;
    white-space: nowrap;
}



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

#nav_bot
{
    background: #dfe8e6;
    height: 16px;
    line-height: 16px;
/*    padding: 0px 20px 0px 20px; */
    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: #245444;

}


/*-----------------------------------------*/
/*      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:#eef7f5; padding:5px 2px 5px 2px; margin:0px 0px 0px 0px; BORDER: #245444 1px solid; }
a.larea:hover          { background-color:#245444; font-size:12px; font-weight:300; color:#fafafa; font-style:normal; text-decoration:none; font-family:Verdana,Arial; BORDER: #245444 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 #245444; }
/* -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,helvetica,sans-serif; }
.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; }