@charset "utf-8";
/* CSS Document */

/* NAVIGATION */
/* ================================================================ */

ul#menu {
	width: 255px;
	height: 190px;
	padding-top: 40px;
	padding-right: 38px;
	background: url(../navImg/navBg.png) no-repeat right top;
}

ul#menu li {
	position: relative;
	<!--text-transform: uppercase;-->
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	background: url(../navImg/liBg.gif) no-repeat right -17px;
	margin-bottom: 2px;
}

ul#menu li a:link,
ul#menu li a:visited {
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 4px 0px 4px 35px;
}

ul#menu>li a:hover,
ul#menuyli a:focus,
ul#menuyli a:active,
ul#menu>li:hover,
ul#menu>li:active,
ul#menu>li:focus {
	color: darkorange; /*#9c100a;*/
	background: url(../navImg/liBgActive.gif) no-repeat right -17px;
}

ul#subMenu {
	display: none;
	position: absolute;
	top: 0;
	left: 240px;
	width: 235px;
}

li:hover ul#subMenu {
	display: block;	
}

ul#subMenu li {
	background: url(../navImg/ulliBg.png) no-repeat right top;
	border: none;
}

ul#subMenu li a:link,
ul#subMenu li a:visited {
	padding: 3px 0 3px 50px;
	width: 185px;
}

ul#subMenu li:hover a {
	color:darkorange; /*#9c100a;*/
	background: url(../navImg/ulliBgActive.png) no-repeat right top;
}

#navTop {
	position: absolute;
	top: 20px;
	right: 20px;
}

#navTop ul li {
	display: inline;
	margin-left: 20px;
	font-size: 0.9em;
	padding-left: 18px;
}

#navTop ul li#home {
	background: url(../img/home.png) no-repeat 0 3px;
}

#navTop ul li#kontakt {
	background: url(../img/kontakt.png) no-repeat 0 3px;
}

#navTop ul li#sitemap {
	background: url(../img/sitemap.png) no-repeat 0 3px;
}

#navTop ul li#impressum {
	background: url(../img/impressum.png) no-repeat 0 0px;
}

#navTop ul li#login {
	background: url(../img/key.png) no-repeat 0 0px;
}