#cntHauptnavigation ul {
   margin:0;
   padding:0px 0 0 11px;
   list-style:none;
   font-size: 11px;
   font-weight: normal;
   font-family: Verdana, Arial, sans-serif;
   text-transform: uppercase;
   color: #CCE0E1;
}


#cntHauptnavigation li {
   display:inline;
   margin:0;
   padding:0;
}

#cntHauptnavigation a {
   float:left;
   padding:0 0 0 9px;
   text-decoration:none;
   color:#CCE0E1;
}

#cntHauptnavigation a span {
   float:left;
   display:block;
   padding:2px 3px 13px 0px;
}

#cntHauptnavigation a span {
   float:none;
}
	
/* End IE5-Mac hack */
	/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #header and giving the effect of an underline.
*/

	
#cntHauptnavigation .current a span {
   padding-bottom:2px;
}

#cntHauptnavigation a:hover, #cntHauptnavigation a:hover span {
   color:#fff;
}

#cntHauptnavigation .current a span, #cntHauptnavigation .current a {
   color:#fff;
}



#Login {
   text-align:right;
   width:400px;
   height:30px;
   background: transparent url(3317) no-repeat right center;
   float:right;
   margin-top:-10px;
   padding-right:5px;
   font-size: 11px;
   font-weight: normal;
   font-family: Arial, sans-serif;
   color: #000;

}

#Login input, #Login select {
   margin-left:5px;
   margin-top:5px;
   padding:0px;
   font-size: 11px;
   font-weight: normal;
   font-family: Arial, sans-serif;
   color: #000;
}

#Login label {
   margin-right: 10px;
}