/* Navigation */

#main-navigation {
	background-color: #8e9795;
	height: 405px;
	width: 175px;
	position: absolute;
	left: 790px;
	top: 340px;
}
	#main-navigation a {
		color: #000;
		text-decoration: none;
	}
	#main-navigation a:hover {
		color: #763408;
		text-decoration: none;
	}
	
	#main-navigation ul {
		text-align: right;
		font-size: 3.5em;
		margin: 25px 30px 0 0;
	}
		#main-navigation ul li.active a {
			color: #763408;
		}
	
	#main-navigation #language-link {
		font-size: 1.2em;
		position: absolute;
		text-align: right;
		width: 165px;
		top: 384px;
	}
	#main-navigation div#active-navigation-marker{
		background-color: #ae4a07;
		height: 38px;
		width: 42px;
		position: absolute;
		left: 160px;
	}
		#main-navigation div#active-navigation-marker.item1 {
			background-color: #ae4a07;
			top: 28px;
		}
		#main-navigation div#active-navigation-marker.item2 {
			background-color: #ae4a07;
			top: 70px;
		}
		#main-navigation div#active-navigation-marker.item3 {
			background-color: #ae4a07;
			top: 108px;
		}
		#main-navigation div#active-navigation-marker.item4 {
			background-color: #ae4a07;
			top: 152px;
		}

/* ---------------------------------------------------------- */

#sub-navigation a {
	color: #000;
	text-decoration: none;
}
	#sub-navigation a:hover, #sub-navigation li.active a {
		color: #763408;
		text-decoration: none;
	}
	
#sub-navigation.level1 {
	background-color: #cecebf;
	width: 180px;
	position: absolute;
	left: 780px;
	top: 90px;
	z-index: 15;
}
	#sub-navigation.level1 ul {
		text-align: right;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.5em;
		margin: 15px 15px 15px 0;
		width: 220px;
	}
		#sub-navigation.level1 ul li {
			padding-right: 45px;
		}
			#sub-navigation.level1 ul li div {
				background-color: #cecebf;
				padding-right: 5px;
			}
			#sub-navigation.level1 ul li.active {
				background-color: #763408;
				color: #763408;
			}

#sub-navigation.level2 {
	background-color: #c6c695;
	height: 156px;
	width: 180px;
	position: absolute;
	left: 700px;
	top: 100px;
	z-index: 15;
}
	#sub-navigation.level2 ul {
		text-align: right;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.5em;
		margin: 25px 15px 0 0;
		width: 300px;
	}
		#sub-navigation.level2 ul li {
			padding-right: 125px;
		}
			#sub-navigation.level2 ul li div {
				background-color: #c6c695;
				padding-right: 5px;
			}
			#sub-navigation.level2 ul li.active {
				background-color: #763408;
				color: #763408;
			}
			
#sub-navigation.level3 {
	background-color: #A4B9C8;
	width: 170px;
	position: absolute;
	left: 760px;
	top: 90px;
	z-index: 15;
}
	#sub-navigation.level3 ul {
		text-align: right;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.5em;
		margin: 15px 15px 15px 0;
		width: 230px;
		z-index: 15;
	}	
		#sub-navigation.level3 ul li {
			padding-right: 65px;
			z-index: 15;
		}
			#sub-navigation.level3 ul li div {
				background-color: #A4B9C8;
				padding-right: 5px;
				z-index: 15;
			}
			#sub-navigation.level3 ul li.active {
				background-color: #763408;
				color: #763408;
			}
.decoration-nav3 {
	background-color: #bdbd88;
	height: 130px;
	width: 120px;
	position: absolute;
	left: 680px;
	top: 0;
	z-index: 10;
}

#sub-navigation.level4 {
	background-color: #dadaa1;
	width: 167px;
	height: 239px;
	position: absolute;
	left: 700px;
	top: 70px;
	z-index: 15;
}
	#sub-navigation.level4 ul {
		text-align: right;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.5em;
		margin: 170px 30px 15px 0;
		z-index: 15;
	} 
		#sub-navigation.level4 ul li.active {
			color: #763408;
		}
		#sub-navigation.level4 div#active-sub-navigation-marker{
			background-color: #763408;
			width: 12px;
			position: absolute;
			top: -85px;
		}
		#sub-navigation.level4 div#active-sub-navigation-marker.item1 {
			left: 90px;
			height: 252px;
		}
		#sub-navigation.level4 div#active-sub-navigation-marker.item2 {
			left: 54px;
			height: 270px;
		}