/*-------------------Navigation ---------------------
---------------------------------------------------*/


/*-------------------TOP Navigation -----------------
---------------------------------------------------*/
#mainnav {
position: absolute;
top: 15px;
right: 0px;
width: 560px;
line-height: 42px;
font-size:95%;
letter-spacing: 1px;
}

#mainnav ul, li{
display: inline;

}


#mainnav ul a, #mainnav ul .cur{
text-transform: uppercase;
text-decoration: none;
font-size: 95%;
color: #c9c9c9;
padding: 0px 20px 41px 10px;
background-image: url(images/hauptmenue-trenner.gif); 
background-repeat: no-repeat;
height: 41px;
letter-spacing: 1px;
	font-weight: bold;
}


#mainnav ul a:hover, #mainnav ul .act a{
text-transform: uppercase;
text-decoration: none;
font-size: 95%;
color: #DCCD98;
padding: 0px 20px 41px 10px;
background-image: url(images/hauptmenue-trenner_hoover.gif); 
background-repeat: no-repeat; 
height: 41px;
letter-spacing: 1px;
	font-weight: bold;
}

/*-------------------TOP Navigation -----------------
---------------------------------------------------*/

#button {
position: absolute;
top: 25px;
right: 10px;
width: 104px;
height: 25px;
line-height: 25px;
font-size:95%;
}

#button ul {
text-transform: uppercase;
text-decoration: none;
font-size:95%;
color: #FFFFFF;
background-image: url(images/button.jpg); 
background-repeat: no-repeat;
vertical-align: top;
text-align: center;
}

#button a {
text-transform: uppercase;
text-decoration: none;
font-size:95%;
color: #FFFFFF;
}

#button a:hover{
text-transform: uppercase;
text-decoration: none;
font-size:95%;
color: #555555;
}



/*-------------------Unternavigation---------------
---------------------------------------------------*/


#leftcol ul a, #leftcol ul .cur {
display:block;
width: 230px;
text-transform: uppercase;
text-decoration: none;
font-size: 95%;
vertical-align: text-top;
color: #c9c9c9;
padding: 0px 5px 15px 20px;
background-image: url(images/hauptmenue-trenner.gif); 
background-repeat: no-repeat; 
letter-spacing: 1px;
	font-weight: bold;
}


#leftcol ul a:hover, #leftcol ul .act a {
display:block;
width: 230px;
text-transform: uppercase;
text-decoration: none;
font-size: 95%;
vertical-align: text-top;
color: #DCCD98;
padding: 0px 5px 15px 20px;
background-image: url(images/hauptmenue-trenner_hoover.gif); 
background-repeat: no-repeat; 
letter-spacing: 1px;
	font-weight: bold;
}

#leftcol ul a:hover, #leftcol ul .left-level-1-act a {
display:block;
width: 230px;
text-transform: uppercase;
text-decoration: none;
font-size: 95%;
vertical-align: text-top;
color: #DCCD98;
padding: 0px 5px 15px 20px;
background-image: url(images/hauptmenue-trenner_hoover.gif); 
background-repeat: no-repeat; 
letter-spacing: 1px;
	font-weight: bold;
}