/* NAVIGATION */
.navigation ul {
	list-style-type:none;
	display:inline-block;
}
.navigation ul li {
	float:left;
	margin-left:20px;
	position:relative;
}
	.navigation ul li.navElemFirst {
		margin-left:0;
	}
.navigation ul li a {
	display:block;
	color:#FFF;
	padding-top:20px;
}
.navigation ul li a span,
.navigation ul li a:link span,
.navigation ul li a:hover span,
.navigation ul li a:active span,
.navigation ul li a:visited span,
.navigation ul li a:focus span {
	display:block;
	line-height:40px;
	border:1px solid #FFF;
	background:rgba(78,55,24,0.7);
	transition:all ease-in-out 0.5s;
	font-size:20px;
	padding:0 10px;
	text-transform:uppercase;
}
.navigation ul li a:hover,
.navigation ul li a.hover,
.navigation ul li:hover > a {
	background:url(../img/navIE.png) 50% 50% repeat;
}
.navigation ul li a:hover span,
.navigation ul li a:.hover span,
.navigation ul li:hover > a span {
	background:#FFF;
	color:#4E3718;
}

.navigation ul li:hover ul,
.navigation ul li.hover ul  {
	display:block;
}

.navigation ul ul {
	display:none;
	position:absolute;
	bottom:52px;
	left:0;
	z-index:40;
	padding:0 10px 10px 10px;
	background:#4E3718 url(../img/icons/menu.png) center bottom no-repeat;
	transition:none;
}
.navigation ul ul li {
	float:none;
	margin:0;
	padding:0;
}

.navigation ul ul li a,
.navigation ul ul li a:link,
.navigation ul ul li a:hover,
.navigation ul ul li a:active,
.navigation ul ul li a:visited,
.navigation ul ul li a:focus {
	color:#FFF;
	display:block;
	border:none;
	font-size:18px;
	padding:0 10px 0 15px;
	text-transform: none;
	transition:none;
	background:url(../img/icons/controls.png) 0 -30px no-repeat;
	white-space:nowrap;
	line-height:40px;
}
.navigation ul ul li a:hover,
.navigation ul ul li a.selected {
	background:#4E3718;
	color:#FFF;
	background:url(../img/icons/controls.png) 0 -70px no-repeat;
}
.navigation ul ul li:hover {
	padding:0;
	margin:0;
}
/* ########## */


/* FIXED NAVIGATION */
.navigation.fixed ul li a,
.navigation.fixed ul li a:link,
.navigation.fixed ul li a:hover,
.navigation.fixed ul li a:active,
.navigation.fixed ul li a:visited,
.navigation.fixed ul li a:focus {
	padding:0 0 20px 0;
}
.navigation.fixed ul li a:hover,
.navigation.fixed ul li:hover > a {
	background:#4E3718;
	color:#FFF;
}

.navigation.fixed ul ul {
	position:absolute;
	text-align:left;
	top:52px;
	bottom:auto;
	padding:10px 10px 0 10px;
	z-index:40;
	background:#4E3718 url(../img/icons/controls.png) center -112px no-repeat;
}
.navigation.fixed ul ul li,
.navigation.fixed ul ul li:hover {
	padding:0;
}
.navigation.fixed ul ul li a,
.navigation.fixed ul ul li a:link,
.navigation.fixed ul ul li a:hover,
.navigation.fixed ul ul li a:active,
.navigation.fixed ul ul li a:visited,
.navigation.fixed ul ul li a:focus {
	border:none;
	padding:0 10px 0 15px;
}
.navigation.fixed ul ul li a:hover {
	background:url(../img/icons/controls.png) 0 -70px no-repeat;
}
/* ################ */


/* THIRDMENU */
.thirdmenu,
.thirdmenu-bottom {
	width:1000px;
	margin:0 auto;
}
	.thirdmenu a,.thirdmenu a:link,.thirdmenu a:hover,.thirdmenu a:active,.thirdmenu a:visited,.thirdmenu a:focus {
		float:left;
		display:block;
		color:#4E3718;
		font-size:20px;
		line-height:32px;
		padding:0 5px;
		text-transform:uppercase;
		border:1px solid #4E3718;
		margin:0 4px 4px 0;
	}

.thirdmenu-bottom-wrap .thirdmenu-bottom {
	border-top:1px solid #4E3718;
}
	.thirdmenu-bottom a,.thirdmenu-bottom a:link,.thirdmenu-bottom a:hover,.thirdmenu-bottom a:active,.thirdmenu-bottom a:visited,.thirdmenu-bottom a:focus {
		color:#4E3718;
		line-height:1.5em;
	}
/* ######### */


/* SIDE NAVI */
ul.side-navi {
	display:none;
	position:fixed;
	right:1%;
	top:50%;
	z-index:40;
	width:12px;
	height:auto;
	list-style-type:none;
}
	ul.side-navi li {
		line-height:12px;
		margin:4px 0;
		position:relative;
	}
		ul.side-navi li span {
			display:none;
			position:absolute;
			right:20px;
			top:-6px;
			z-index:42;
			line-height:24px;
			background:#4E3718;
			color:#FFF;
			padding:0 5px;
			white-space:nowrap;
		}
		ul.side-navi li:hover span {
			display:block;
		}
			ul.side-navi li span:after {
				content:'';
				position:absolute;
				top:50%;
				right:-6px;
				margin-top:-6px;
				z-index:41;
				width:0;
				height:0;
				border-top:6px solid transparent;
				border-bottom:6px solid transparent;
				border-left:6px solid #4E3718;
  			}

		ul.side-navi li a,
		ul.side-navi li a:link,
		ul.side-navi li a:hover,
		ul.side-navi li a:active,
		ul.side-navi li a:visited,
		ul.side-navi li a:focus {
			display:block;
			width:10px;
			height:10px;
			border:1px solid #4E3718;
			border-radius:50%;
		}
		ul.side-navi li.active a {
			background:#4E3718;
		}
		/*ul.side-navi li.active span {
			display:block;
		}*/
/* ######### */


/* LANGUAGE MENU */
.language ul.languagemenu {
	list-style-type:none;
	position:relative;
	border:1px solid #FFF;
	background:rgba(78,55,24,0.7) url(../img/icons/language-arrow.png) right center no-repeat;
}
.language ul.languagemenu:hover {
	border-bottom:none;
}
	.language ul.languagemenu li {
		line-height:22px;
		padding:0 15px 0 10px;
		/*width:80px;*/
		width:140px;
		font-size:14px;
		color:#FFF;
	}
		.language ul.languagemenu a,
		.language ul.languagemenu a:link,
		.language ul.languagemenu a:hover,
		.language ul.languagemenu a:active,
		.language ul.languagemenu a:visited,
		.language ul.languagemenu a:focus {
			color:#FFF;
		}
	.language ul.languagemenu li img {
		margin-right:5px;
	}
	.language ul.languagemenu li.hover ul,
	.language ul.languagemenu li:hover ul {
		display:block;
	}
	
	.language ul.languagemenu ul {
		display:none;
		position:absolute;
		top:20px;
		left:-1px;
		padding-top:2px;
		list-style-type:none;
		z-index:100;
		/*background:rgba(78,55,24,0.7);*/
		background:url(../img/language.png) center 2px no-repeat;
		border:1px solid #FFF;
		border-top:none;
	}
/* ############# */


/* FOOTER */
.footer-top .footer-top-right ul {
	list-style-type:none;
}
	.footer-top .footer-top-right ul li a,
	.footer-top .footer-top-right ul li a:link,
	.footer-top .footer-top-right ul li a:hover,
	.footer-top .footer-top-right ul li a:active,
	.footer-top .footer-top-right ul li a:visited,
	.footer-top .footer-top-right ul li a:focus {
		display:inline-block;
		color:#FFF;
		line-height:30px;
		background:url(../img/icons/controls.png) left 0 no-repeat;
		padding-left:24px;
	}
/* ###### */


/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* ###################################################################################################### */
/* responsive Seetings */


/* basic responsive settings for all devices */
@media only screen and (max-width: 1024px) {


/* THIRDMENU */
.thirdmenu,
.thirdmenu-bottom {
	width:900px;
}
/* ######### */


}


/* tablets portrait */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	
/* NAVIGATION */
.navigation ul li {
	margin-left:10px;
}
.navigation ul li a span,
.navigation ul li a:link span,
.navigation ul li a:hover span,
.navigation ul li a:active span,
.navigation ul li a:visited span,
.navigation ul li a:focus span {
	font-size:20px;
	padding:0 5px;
	text-transform:none;
}
/* ########## */


/* THIRDMENU */
.thirdmenu,
.thirdmenu-bottom {
	width:90%;
}
/* ######### */


}


/* smartphones portrait */
@media only screen and (max-width: 767px) {


/* NAVIGATION */
.navigation ul {
	display:block;
	padding-bottom:20px;
}
.navigation ul li {
	float:none;
	margin:20px 20px 0 20px;
	border:1px solid #FFF;
}
	.navigation ul li.navElemFirst {
		margin-left:20px;
	}
.navigation ul li a {
	display:block;
	color:#FFF;
	padding:0;
}
.navigation ul li a span,
.navigation ul li a:link span,
.navigation ul li a:hover span,
.navigation ul li a:active span,
.navigation ul li a:visited span,
.navigation ul li a:focus span {
	background:none;
	border:none;
}

.navigation ul ul {
	display:block;
	position:relative;
	bottom:0;
	padding:0 10px 10px 10px;
	background:none;
}
.navigation ul ul li {
	border:none;
}

.navigation ul ul li a,
.navigation ul ul li a:link,
.navigation ul ul li a:hover,
.navigation ul ul li a:active,
.navigation ul ul li a:visited,
.navigation ul ul li a:focus {
	color:#FFF;
	display:block;
	border:none;
	font-size:18px;
	padding:0 10px 0 15px;
	text-transform: none;
	transition:none;
	background:url(../img/icons/controls.png) 0 -30px no-repeat;
	white-space:nowrap;
	line-height:40px;
}
.navigation ul ul li a:hover,
.navigation ul ul li a.selected {
	background:#4E3718;
	color:#FFF;
	background:url(../img/icons/controls.png) 0 -70px no-repeat;
}
.navigation ul ul li:hover {
	padding:0;
	margin:0;
}
/* ########## */


/* FIXED NAVIGATION */
.navigation.fixed ul li a,
.navigation.fixed ul li a:link,
.navigation.fixed ul li a:hover,
.navigation.fixed ul li a:active,
.navigation.fixed ul li a:visited,
.navigation.fixed ul li a:focus {
	padding:0;

}

.navigation.fixed ul ul {
	position:relative;
	top:0;
	padding:0 10px 10px 10px;
	background:none;
}
.navigation.fixed ul ul li,
.navigation.fixed ul ul li:hover {
	padding:0;
}
.navigation.fixed ul ul li a,
.navigation.fixed ul ul li a:link,
.navigation.fixed ul ul li a:hover,
.navigation.fixed ul ul li a:active,
.navigation.fixed ul ul li a:visited,
.navigation.fixed ul ul li a:focus {
	border:none;
	padding:0 10px 0 15px;
}
.navigation.fixed ul ul li a:hover {
	background:url(../img/icons/controls.png) 0 -70px no-repeat;
}
/* ################ */


/* THIRDMENU */
.thirdmenu,
.thirdmenu-bottom {
	width:90%;
}
/* ######### */


}


/* smartphones landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}