@charset "UTF-8";

	/*******************************
	* WASABI TPLS                  *
	*******************************/



/*	++++++++++++++++++++++
	+++ MENU: TREEMENU +++
	++++++++++++++++++++++ */

.menu_tree {
	margin:0;
	padding:0;
}
.menu_tree ul {
	position:relative;
	margin:0;
	padding:0;
	font:normal 11px/14px Arial, sans-serif;
	color:#333333;
	list-style:none outside;
}
.menu_tree ul li {margin:0 0 1px 0;}
.menu_tree ul li:first-child {margin:1px 0;}
.menu_tree ul li:last-child {margin:0;}

.menu_tree ul.level1 {
	padding:0;
}
.menu_tree li.level1 {
	border-bottom:1px solid #e0e0e0;
}
.menu_tree li.level1:first-child {
	border-top:1px solid #e0e0e0;
}
.menu_tree ul.level1 a:link, .menu_tree ul.level1 a:visited {
	display:block;
	padding:5px 10px 5px 20px;
	font:normal 12px/17px Arial, sans-serif;
	text-decoration:none;
	background-image:url(/fileadmin/tpls/res/nav_icos.gif);
	background-repeat:no-repeat;
	background-position:-110px 0px;
	color:#333333;
}
.menu_tree ul.level1 a:hover, .menu_tree ul.level1 a:focus, .menu_tree ul.level1 a:active {
	text-decoration:none;
	background-color:#556fa3;
	background-image:url(/fileadmin/tpls/res/nav_icos.gif);
	background-repeat:no-repeat;
	background-position:-88px -27px;
	color:white;
}
.menu_tree li.level1 .cur a, .menu_tree li.level1 a.curifsub, .menu_tree li.level1 a.act {
	background-color:#556fa3;
	background-image:url(/fileadmin/tpls/res/nav_icos.gif);
	background-repeat:no-repeat;
	background-position:-66px -54px;
	color:white;
}
.menu_tree ul.level2 a:link, .menu_tree ul.level2 a:visited {
	display:block;
	padding:5px 10px 5px 20px;
	font:normal 12px/17px Arial, sans-serif;
	text-decoration:none;
	background-image:url(/fileadmin/tpls/res/nav_icos.gif);
	background-repeat:no-repeat;
	background-position:-44px -81px;
	color:#333333;
}
.menu_tree ul.level2 a:hover, .menu_tree ul.level2 a:focus, .menu_tree ul.level2 a:active {
	background:#c8d2db;
	background-image:url(/fileadmin/tpls/res/nav_icos.gif);
	background-repeat:no-repeat;
	background-position:-44px -81px;
	color:#333333;
}
.menu_tree li.level2 .cur a, .menu_tree li.level2 a.curifsub, .menu_tree li.level2 a.act {
	background:#c8d2db;
	background-image:url(/fileadmin/tpls/res/nav_icos.gif);
	background-repeat:no-repeat;
	background-position:-22px -108px;
	color:#556fa3;
}
.menu_tree ul.level2 {
	padding:0;
	background:#f1f1f1;
}
.menu_tree li.level2 {
	padding:0;
}
.menu_tree ul.level3 {
	padding:0;
	border-bottom:2px solid white;
	background:#fafafa;
}
.menu_tree li.level3 {
	padding:0;
}
.menu_tree ul.level3 a:link, .menu_tree ul.level3 a:visited {
	display:block;
   padding:5px 10px 5px 30px;
	font:normal 12px/17px Arial, sans-serif;
	text-decoration:none;
	background-image:url(/fileadmin/tpls/res/nav_icos.gif);
	background-repeat:no-repeat;
	background-position:4px -135px;
	color:#686868;
}
.menu_tree ul.level3 a:hover, .menu_tree ul.level3 a:focus, .menu_tree ul.level3 a:active {
	background:#c8d2db;
	background-image:url(/fileadmin/tpls/res/nav_icos.gif);
	background-repeat:no-repeat;
	background-position:4px -135px;
	text-decoration:none;
}
.menu_tree li.level3 .cur a, .menu_tree li.level3 a.curifsub, .menu_tree li.level3 a.act {
	background:#c8d2db;
	background-image:url(/fileadmin/tpls/res/nav_icos.gif);
	background-repeat:no-repeat;
	background-position:4px -135px;
	color:#686868;
}
.menu_tree li.level3 a.curifsub, .menu_tree li.level3 a.act {
	background-image:url(/fileadmin/tpls/res/nav_icos2.gif);
	background-position:-36px -165px;
}
.menu_tree ul.level4 {
	padding:0;
	border-bottom:2px solid white;
	background:#fafafa;
}
.menu_tree li.level4 {
	padding:0;
}
.menu_tree ul.level4 a:link, .menu_tree ul.level4 a:visited {
	display:block;
   padding:5px 10px 5px 40px;
	font:normal 12px/17px Arial, sans-serif;
	text-decoration:none;
	background-image:url(/fileadmin/tpls/res/nav_icos2.gif);
	background-repeat:no-repeat;
	background-position:-6px -196px;
	color:#686868;
}
.menu_tree ul.level4 a:hover, .menu_tree ul.level4 a:focus, .menu_tree ul.level4 a:active {
	background:#c8d2db;
	background-image:url(/fileadmin/tpls/res/nav_icos2.gif);
	background-repeat:no-repeat;
	background-position:-6px -196px;
	text-decoration:none;
}
.menu_tree li.level4 .cur a, .menu_tree li.level4 a.curifsub, .menu_tree li.level4 a.act {
	background:#c8d2db;
	background-image:url(/fileadmin/tpls/res/nav_icos2.gif);
	background-repeat:no-repeat;
	background-position:-6px -196px;
	color:#686868;
}



/*	+++++++++++++++++++++++
	+++ MENU: LEVELMENU +++
	+++++++++++++++++++++++ */

ul.menu_level1 {
	margin:0;
	padding:0;
	list-style:none inside;
}
ul.menu_level1 li {
	display:inline;
}
ul.menu_level1 a:link, ul.menu_level1 a:visited {
	padding:0 15px 0 0;
	font:normal 14px/18px Arial, sans-serif;
	text-decoration:none;
	color:#333333;
}
ul.menu_level1 a:hover, ul.menu_level1 a:focus, ul.menu_level1 a:active {
	color:#e50303;
}
ul.menu_level1 li.cur a, ul.menu_level1 a.curifsub, ul.menu_level1 a.act {
	color:#e50303;
}
div.spc {background:white;height:4px;}



/*	++++++++++++++++++++++
	+++ MENU: ROOTLINE +++
	++++++++++++++++++++++ */

div.menu_rootline {
	padding:10px;
	font:normal normal 11px/14px Arial, sans-serif;
	color:#4c739c;
	background:#f1f1f1;
}
.menu_rootline .rootline_divider {
	padding:0 5px;
}
.menu_rootline a:link, .menu_rootline a:visited {
	text-decoration:none;
	color:#264363;
}
.menu_rootline a:hover, .menu_rootline a:focus, .menu_rootline a:active {
	text-decoration:underline;
}
.menu_rootline span.lastItem {
	font-weight:bold;
	color:#264363;
}

.menu_rootline p {
	margin-bottom: 0 !important;
}


/*	++++++++++++++++++++++
	+++ MENU: DROPDOWN +++
	++++++++++++++++++++++ */

#navigation .navbar {
	margin:0;
	background:#5870a6; /* Old browsers */
	background:-moz-linear-gradient(top, #5870a6 0%, #3f648a 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top, #5870a6 0%,#3f648a 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom, #5870a6 0%,#3f648a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5870a6', endColorstr='#3f648a',GradientType=0 ); /* IE6-9 */
	color:white;
	border:none;
}
nav.navbar a {
	color:white;
	text-decoration:none;
}
#navigation .nav > li > a {
	color:white;
	background:#4c739c;
}
#navigation ul.nav.navbar-nav {
	margin-top:0;
	margin-bottom:0;
}
.nav li {
	position:relative;
	border-bottom:1px solid rgba(255,255,255,0.4);
}
.dropdown-menu {
	padding:0;
}
.dropdown-menu .divider {
	margin:0;
	height:2px;
	background:white;
}
.navbar-nav .open .dropdown-menu li > a {
	padding:10px 15px;
	background:#eee;
	color:#333;
}
.nav li.dropdown > a.carret-link,
.nav li.dropdown-submenu > a.carret-link {
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:40px;
	text-align:center;
	padding-right:15px;
	background:transparent;
}
.navbar-nav .dropdown-menu > li > a,
.navbar-nav .dropdown-menu .dropdown-header {
	padding:10px 15px;
}
.navbar-nav .dropdown-menu > li.dropdown-submenu a.dropdown-text {
	padding-right:55px;
}
.nav .carret-link {
	cursor:pointer;
	cursor:hand;
}
.nav li span.caret {
	transform:rotate(-90deg);
	-webkit-transition: transform 0.12s;
   transition: transform 0.12s;
}
.nav li.open > a.carret-link span.caret {
	transform:rotate(0deg);
}
.nav .dropdown-menu {
	border-radius:0;
}
#navigation .icon-bar {
	background:white;
}
.navbar-nav .open .dropdown-menu {
	background:#eee;
}
/* navi level 2 */
/*
.navbar-nav .open .dropdown-menu > li > a,
#navigation .nav .dropdown-menu > a.dropdown-text {padding-left:15px;}*/

/* navi level 3 */
/*.navbar-nav .open .dropdown-menu > li > .dropdown-menu li > a.dropdown-text,
.nav .dropdown-menu > li > .dropdown-menu li > a.dropdown-text,
#navigation .nav .dropdown-menu > li > .dropdown-menu li > a.dropdown-text {padding-left:25px;}
*/
/* navi level 4 */
/*.navbar-nav .open .dropdown-menu > li > .dropdown-menu li > .dropdown-menu li > a.dropdown-text,
.nav .dropdown-menu > li > .dropdown-menu li > .dropdown-menu li > a,
#navigation .nav .dropdown-menu > li > .dropdown-menu li > .dropdown-menu li > a {background:#ddd;padding-left:35px;}
*/
.dropdown-menu .dropdown-submenu a.dropdown-toggle {padding-left:15px !important;}
.dropdown-menu .dropdown-submenu a.dropdown-text {padding-left:15px;}
.dropdown-menu .dropdown-submenu.open > .dropdown-menu a,
.dropdown-menu .dropdown-submenu > .dropdown-menu .dropdown-submenu a.dropdown-text {padding-left:25px;}
.dropdown-menu .dropdown-submenu > .dropdown-menu .dropdown-submenu > .dropdown-menu a {background:#e8e8e8;padding-left:35px;}



/* tablet menu */
#navigation-desktop {
	z-index:99;
	position:fixed;
	right:-300px;
	top:50px;
	overflow:auto;
	height:calc(100vh - 50px);
	width:290px;
	background:white;
	border-left:1px solid #ccc;

	-webkit-transition: right 0.5s;
   transition: right 0.5s;
}
#navigation-desktop a {
	text-decoration:none;
}



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

/* 768px */
@media only screen and (min-width:768px) {
	#navigation-desktop .nav > li {
		border-bottom:1px solid #ddd;
	}
	#navigation-desktop .nav li {
		position:relative;
	}
	#navigation-desktop .dropdown-menu {
		position:relative;
		float:none;
		width:100%;
		margin-top:0;
		border:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	#navigation-desktop a {
		color:#333;
	}
	#navigation-desktop ul.dropdown-menu {
		padding:0;
	}

	/* active, current */
	#navigation-desktop li.active > a,
	#navigation-desktop li.active > a:hover,
	#navigation-desktop li.active > a:focus,
	#navigation-desktop li.curifsub > a,
	#navigation-desktop li.curifsub > a:hover,
	#navigation-desktop li.curifsub > a:focus,
	#navigation-desktop li.curifsub.open > a,
	#navigation-desktop li.curifsub.open > a:hover,
	#navigation-desktop li.curifsub.open > a:focus {
		background-color:#556fa3;
		color:white;
	}
	#navigation-desktop li > a:hover,
	#navigation-desktop li > a:focus,
	#navigation-desktop li.open > a,
	#navigation-desktop li.open > a:hover,
	#navigation-desktop li.open > a:focus {
		background-color:#c8d2db;
		color:#333;
	}
	.nav > li.open > a, .nav > li > a:hover, .nav > li > a:hover,
	.nav > li.open > a:hover, .nav > li.open > a:hover {
		background-color:#6788ab;
		color:white;
	}
}

/* 992px */
@media only screen and (min-width:992px) {}
	#navigation-desktop .nav > li.firstItem {
		border-top:1px solid #ddd;
	}

/* 1200px */
@media only screen and (min-width:1200px) {
	#navigation-desktop {
		position:relative;
		top:0;
		left:0 !important;
		width:25%;
		height:auto;
		border-left:none;
	}
}