/*##########*/
/* NAVIGATION */
/*##########*/

/*##########*/
/* Horizontal */
/*##########*/

#Navigation
{

}

#Navigation ul#mainnav
{
font-family: Arial, Helvetica sans-serif, Verdana;
margin: 0;
padding: 0;
}

#Navigation a
{
color:white;
text-decoration:none;
font-weight:normal;
}

#Navigation a:hover,
#Navigation a.aktiv
{
color:#000000;
}

#Navigation li
{
list-style:none;
}

#Navigation li a span /*Bugfix Zentrierung IE 5.1 Mac*/
{
}

#Navigation li#nav0,
#Navigation li#nav1,
#Navigation li#nav2,
#Navigation li#nav3,
#Navigation li#nav4,
#Navigation li#nav5,
#Navigation li#nav6,
#Navigation li#nav7,
#Navigation li#nav8,
#Navigation li#nav9,
#Navigation li#nav10
{
display:inline;
text-align:center;
/* height:37px;*/
padding:0;
float:left;
} 


#Navigation li#nav0,
#Navigation li#nav0 a.nav1link
{
width:54px;
}

#Navigation li#nav1,
#Navigation li#nav1 a.nav1link
{
width:90px;
}

#Navigation li#nav2,
#Navigation li#nav2 a.nav1link
{
width:51px;
}

#Navigation li#nav3,
#Navigation li#nav3 a.nav1link
{
width:70px;
}

#Navigation li#nav4,
#Navigation li#nav4 a.nav1link
{
width:53px;
}

#Navigation li#nav5,
#Navigation li#nav5 a.nav1link
{
width:63px;
}

#Navigation li#nav6,
#Navigation li#nav6 a.nav1link
{
width:50px;
}

#Navigation li#nav7,
#Navigation li#nav7 a.nav1link
{
width:65px;
}

#Navigation li#nav8,
#Navigation li#nav8 a.nav1link
{
width:94px;
}

#Navigation li#nav9,
#Navigation li#nav9 a.nav1link
{
width:104px;
}

#Navigation li#nav10,
#Navigation li#nav10 a.nav1link
{
width:85px;
}


#Navigation li#nav0 a.nav1link,
#Navigation li#nav1 a.nav1link,
#Navigation li#nav2 a.nav1link,
#Navigation li#nav3 a.nav1link,
#Navigation li#nav4 a.nav1link,
#Navigation li#nav5 a.nav1link,
#Navigation li#nav6 a.nav1link,
#Navigation li#nav7 a.nav1link,
#Navigation li#nav8 a.nav1link,
#Navigation li#nav9 a.nav1link,
#Navigation li#nav10 a.nav1link
{
font-size:12px;
font-weight:bold;
float:left;
height:25px; /*Aufeinander abstimmen*/
padding:8px 0 0 0; /*Aufeinander abstimmen*/
}

#Navigation li#nav0 a.nav1link
{
background-image:url(../id/kamelle_nav_start_bg.gif);
}

#Navigation li#nav0 a.nav1link:hover,
#Navigation li#nav0 a.nav1link:focus,
#Navigation li#nav0 a.nav1link.aktiv
{
background-image:url(../id/kamelle_nav_start_bg_over.gif);
}

#Navigation li#nav1 a.nav1link,
#Navigation li#nav2 a.nav1link,
#Navigation li#nav3 a.nav1link,
#Navigation li#nav4 a.nav1link,
#Navigation li#nav5 a.nav1link,
#Navigation li#nav6 a.nav1link,
#Navigation li#nav7 a.nav1link,
#Navigation li#nav8 a.nav1link,
#Navigation li#nav9 a.nav1link
{
background-image:url(../id/kamelle_nav_standard_bg.gif);
}

#Navigation li#nav1 a.nav1link:hover,
#Navigation li#nav1 a.nav1link:focus,
#Navigation li#nav2 a.nav1link:hover,
#Navigation li#nav2 a.nav1link:focus,
#Navigation li#nav3 a.nav1link:hover,
#Navigation li#nav3 a.nav1link:focus,
#Navigation li#nav4 a.nav1link:hover,
#Navigation li#nav4 a.nav1link:focus,
#Navigation li#nav5 a.nav1link:hover,
#Navigation li#nav5 a.nav1link:focus,
#Navigation li#nav6 a.nav1link:hover,
#Navigation li#nav6 a.nav1link:focus,
#Navigation li#nav7 a.nav1link:hover,
#Navigation li#nav7 a.nav1link:focus,
#Navigation li#nav8 a.nav1link:hover,
#Navigation li#nav8 a.nav1link:focus,
#Navigation li#nav9 a.nav1link:hover,
#Navigation li#nav9 a.nav1link:focus,

#Navigation li#nav1 a.nav1link.aktiv,
#Navigation li#nav2 a.nav1link.aktiv,
#Navigation li#nav3 a.nav1link.aktiv,
#Navigation li#nav4 a.nav1link.aktiv,
#Navigation li#nav5 a.nav1link.aktiv,
#Navigation li#nav6 a.nav1link.aktiv,
#Navigation li#nav7 a.nav1link.aktiv,
#Navigation li#nav8 a.nav1link.aktiv,
#Navigation li#nav9 a.nav1link.aktiv

{
background-image:url(../id/kamelle_nav_standard_bg_over.gif);
}

#Navigation li#nav10 a.nav1link
{
background-image:url(../id/kamelle_nav_finish_bg.gif);
}

#Navigation li#nav10 a.nav1link:hover,
#Navigation li#nav10 a.nav1link:focus,
#Navigation li#nav10 a.nav1link.aktiv
{
background-image:url(../id/kamelle_nav_finish_bg_over.gif);
}

/*##########*/
/* Vertikal */
/*##########*/

#LinkeSpalte /*mit iehacks.css und ie8.css vergleichen*/
{
position:absolute;
left:1px;
clear:left;
z-index:3;
margin: 33px 0 0 0;
}

#Navigation li ul.unternav
{
font-family: Arial, Helvetica sans-serif, Verdana ;
text-align:left; /* Style defs von oben rückgängig machen*/
clear:left; /* Style defs von oben rückgängig machen*/
padding: 0;
width:155px;
border-width:1px 1px 0;
border-style:solid;
border-color:#C4C4C4;
border-left:0;
margin-bottom:23px;
margin-left:0;
}

#Navigation li#nav1 ul.unternav /*mit iehacks.css vergleichen*/
{
/*margin: 33px 0 0 0;*/
}

#Navigation li#nav7 ul.unternav /*mit iehacks.css vergleichen*/
{
/*margin: 39px 0 0 -737px;*/
}

#Navigation li ul ul 
{
position:relative; /*Positionierung von "unternav" zurücksetzen*/
}

#Navigation li ul.unternav li /*Alle Ebenen*/
{
padding-top:4px;    /*Mit vorhergehendem Style abstimmen*/
padding-bottom:3px;
margin:0;
background-repeat:no-repeat;
font-size:12px;
border-bottom:1px solid #C4C4C4;
}

#Navigation li ul.unternav a /*mit iehacks.css vergleichen*/
{
}

/*##########*/
/* Ebene1 */
/*##########*/

#Navigation li ul.unternav li 
{
padding-left: 25px;
background-color:#FAFAFA;
}

#Navigation li #LinkeSpalte ul.unternav li.open
{
background-image:url(../id/kamelle_nav_bg_ebene1_open.gif);
padding-bottom:0;
}

#Navigation li #LinkeSpalte ul.unternav li.closed
{
background-image:url(../id/kamelle_nav_bg_ebene1_closed.gif);
}

#Navigation li ul.unternav li a
{
color:#000000;
display:block;
padding-bottom:3px; /*Mit nachfolgendem Style abstimmen: Verhältnis Bullet zu Text */
}

#Navigation li ul.unternav li a:hover
{
color:#8D8D8D;
z-index:2; /*Bugfix Mac IE 5.1*/
border-right:1px solid #DBDBDB;/*Bugfix Mac IE 5.1*/
}

/*##########*/
/* Ebene2 */
/*##########*/

#Navigation li #LinkeSpalte ul.unternav li ul 
{
margin-top:5px;
}

#Navigation li #LinkeSpalte ul.unternav li li.erster
{
background-color:#FFFFE6;
}

#Navigation li #LinkeSpalte ul.unternav li li /*No multiple class selectors in Internet Explorer! */
{
margin-left: -65px;
border: 0;
background-image:url(../id/kamelle_nav_bg_ebene2.gif);
background-color:#EEEEEE;
}

#Navigation li #LinkeSpalte ul.unternav li.level2active
{
background-color:#FFFFE6; /*Gelb*/
}

#Navigation li #LinkeSpalte ul.unternav li.open
{
background-color:#BDBDBD; /*Grau */
}


/*#############################*/
/*aktiv (Navipunkte mit Fokus) */
/*#############################*/


#Navigation li ul.unternav a.aktiv
{
font-style:normal;
font-weight:bold;
color:#A61824;
}

/*###########################*/
/*Spezial (z.B. Wetterkasten)*/
/*###########################*/

.spezial
{
text-align:left;
background-color:#FADFFF;
font-size:11px;
padding:0 5px 10px 10px;
width:140px;
margin-top:0px;
border-right:1px solid #C4C4C4;
border-bottom:1px solid #C4C4C4;
border-top:1px solid #FFFFFF;
position:relative;
}

.spezial h3
{
color:#004A9B !important;
font-weight:bold;
margin-bottom:2px;
font-size:11px;
}

.spezial p
{
margin:4px 0 4px 0;
font-size:11px;
}

.spezial img 
{
padding: 5px 5px 0 0;
}

.rot
{
color:#FF0101;
font-weight:bold;
}

.blau
{
color:#004B9C;
font-weight:bold;
}

.gruen
{
color:#19BC01;
font-weight:bold;
}

.spezial a
{
color:#000000 !important;
}

.spezial a:hover
{
color:#555555 !important;
z-index:3; /*Bugfix Mac IE 5.1*/
}




