#navcontainerMain
{
 width:100%;
 float: left;
 background-color: #afd2e5; 
 padding:10px 0px 8px 0px;
 overflow:hidden;
}

#navcontainerMain ul li 
{ 
 display: inline; 
}

#navcontainerMain ul
{
 margin:0;
 padding:0px;
 border:0px;
 color: #fff;
 font-family: verdana, geneva, arial, helvetica, sans-serif;
 font-weight: bold;
}

#navcontainerMain ul li a
{
 padding: 2px 18px;    
 background-color: #AFD2E5;
 color: #000000;
 text-decoration: none;
 float: left;
 font-size:65%;
}

#navcontainerMain ul li a:hover,#navcontainerMain ul li a.active 
{
 background-color: #b61034;
 color: #ffffff;
 text-align:left;
}

/*
 gefloatet damit Impressum-Links rechtsbuendig wird
*/
#navlistMain #impressum, #navlistMain #impressum_e
{
 float:right;
}

#navcontainerSub
{
 width: 100%;
 /* wegen FF */
 float: left !important;
 /* fuer IE */
 float:none;
 background-color: #fff;
}

#navcontainerSub ul li 
{ 
 display: inline; 
}

#navcontainerSub ul
{
 width:100%;
 margin:0;
 padding: 0; 
 color: #3C3C3C;
 font-family: verdana, geneva, arial, helvetica, sans-serif;
 font-weight: bold;
}

#navcontainerSub ul li a
{
 padding: 3px 17px 4px 17px;
 background-color: #fff;
 color: #3c3c3c;
 text-decoration: none;
 float: left;
 border-right:1px solid #ccff9a;
 font-size:65%;
 text-align:center;
}


/*
 gefloatet damit Weihnukka-Link rechtsbuendig wird
 zwischen den Links ist ein Linie, im letzten Navi-Item
 muss die weg
*/

#navcontainerSub ul li a#weihnukka
{
 float:right;
 border-right:none;
}

#navcontainerSub ul li a.e
{
 padding: 3px 18px 4px 18px;
}

#navcontainerSub ul li a:hover
{
 padding: 3px 17px 4px 17px;
 background-color: #fff;
 color: #3C3C3C;
 text-align:center;
}

#navcontainerSub ul li a.e:hover
{
 padding: 3px 18px 4px 18px;
}

#navlistSub li a:hover, #navlistSub li a:active
{
 padding: 3px 17px 4px 17px;
 background-color: #CC3333;
 color: #fff; 
 text-decoration: none;
 text-align:center;
}

#navlistSub li a.e:hover, #navlistSub li a.e:active
{
 padding: 3px 18px 4px 18px;
}

/*
 verschiedene Highlights für die subnavi, 
 namen sind selbsterklärend (id), _e ist english 
 wenn's unterschiedlich ist
*/

#navlistSub #prolog
{
 padding-left:21px;
}

#navlistSub #prolog:hover, #navlistSub .p_active, #navlistSub #prolog_e:hover
{
 background-color:#000;
 color:#fff;
}

#navlistSub #ursprungchanukka:hover, #navlistSub .uc_active
{
 background-color:#b3afb0;
 color:#000;
}

#navlistSub #ursprungweihnachten:hover, #navlistSub .uw_active, #navlistSub #ursprungweihnachten_e:hover
{
 background-color:#ccc;
 color:#000;
}

#navlistSub #warumdarum:hover, #navlistSub .wd_active
{
 background-color:#fac18a;
 color:#000;
}

#navlistSub #chanukka:hover, #navlistSub .ch_active, #navlistSub div.ch_active
{
 background-color:#016c96;
 color:#fff;
}

#navlistSub #deutscheweihnachten:hover, #navlistSub .dw_active 
{
 background-color:#01a32b;
 color:#fff;
}

#navlistSub #weihnukka:hover, #navlistSub #weihnukka_active, #navlistSub #weihnukka_e_active 
{
 float:right;
 background-color:#872558;
 color:#fff;
 border-right:none;
}