@CHARSET "UTF-8";


/* ########################################################
   MAIN-NAVIGATION
   ######################################################## */
.main-navigation {
	list-style: none;
	background: url("img/border_mainnavigation.gif") left top no-repeat;
	height: 60px;
	display: inline;
}
.main-navigation li {
	float: left;
	position: relative;
	background: url("img/border_mainnavigation.gif") right top no-repeat;
	height: 60px;
}
.main-navigation li:hover,
.main-navigation li.current,
.main-navigation li.show {
	background: url("img/bg_mainnavigation.gif") left top repeat-x;
}

.main-navigation li a {
	display: block;
	float: left;
	color: white;
	text-decoration: none;
	font-size: 20pt;
	padding: 17px 27px 0px 26px;
	height: 43px;
}
	
.main-navigation li:hover a,
.main-navigation li.current a,
.main-navigation li.show a {
	color: #c71000;
}

.main-navigation ul {
	display: none;
}
.main-navigation li:hover ul,
.main-navigation li.show ul {
	display: block;
	
	list-style: none;
	position: absolute;
	top: 60px;
	left: -10px;
	background: url("img/mainnavigation_shadow_left.png") left top no-repeat;
	padding-left: 11px;
	padding-bottom: 8px;
	
	z-index: 5;	
	width: 450px; /* TODO */
}

.main-navigation li ul li,
.main-navigation li.current ul li,
.main-navigation li.current:hover ul li,
.main-navigation li:hover ul li:hover {
	background: url("img/mainnavigation_shadow_center.png") left top repeat-x !important;
	padding-bottom: 8px;
}
.main-navigation li ul li a,
.main-navigation li:hover ul li a,
.main-navigation li.current ul li a,
.main-navigation li.show ul li a {
	height: 60px;
	color: black;
	padding-left: 20px;
	padding-right: 0px;
}
.main-navigation li ul li.last:hover,
.main-navigation li ul li.last,
.main-navigation li.current:hover ul li.last,
.main-navigation li.current ul li.last {
	padding: 0px 10px 8px 0px;
	background: url("img/mainnavigation_shadow_right.png") right top no-repeat !important;
}
.main-navigation li ul li.last a {
	padding-right: 20px;
	background: none;
}

.main-navigation li ul li.current a,
.main-navigation li ul li a:hover{
	color: #c71000;
}