@charset "utf-8"; /* CSS Document ************************************************
*     _______  _        _______  ______            _______  _        _______     *
*    (  ___  )( (    /|(  ____ \(  ___ \ |\     /|(  ___  )( (    /|(  ____ \    *
*    | (   ) ||  \  ( || (    \/| (   ) )( \   / )| (   ) ||  \  ( || (    \/    *
*    | |   | ||   \ | || (__    | (__/ /  \ (_) / | |   | ||   \ | || (__        * 
*    | |   | || (\ \) ||  __)   |  __ (    \   /  | |   | || (\ \) ||  __)       *  
*    | |   | || | \   || (      | (  \ \    ) (   | |   | || | \   || (          * 
*    | (___) || )  \  || (____/\| )___) )   | |   | (___) || )  \  || (____/\    *
*    (_______)|/    )_)(_______/|/ \___/    \_/   (_______)|/    )_)(_______/    *
*                                                                                *        
*     Dieses Style-Sheet definiert die Navigation der Site.                      *
*     Die einzelnen Elemente duerfen angepasst werden.                           *
*     Es sollten aber keine Elemente geloescht oder umbenannt werden.            *
*     Es duerfen auch zusaetzliche Elemente eingefuegt werden.                   *
*                                                                                *
*     onelook GmbH | 8840 Einsiedeln SZ | www.onelook.ch | info@onelook.ch       *
*                                                                                *
*********************************************************************************/


/* Allgemein ********************************************************************/

#obo_nav {
	z-index: 200;
}

/* 1. Navigations-Ebene *********************************************************/

/* ul */
#obo_nav ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
	z-index: 2010;
	display: table;
	width: 100%;
}

/* li */
#obo_nav ul li {
	position: relative;
	margin: 0;
	display: table-cell;
	vertical-align: top;
}


/* */
#obo_nav ul li a {
	color: #fff; /* nav_font */
	display: block;
	vertical-align: middle;
	padding: 0 15px;
	text-decoration: none;
	font-size: 1.5em;
	line-height: 50px;
	box-sizing: border-box;
	-moz-transition: color 400ms ease-in-out;
	-webkit-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
	/*border-right: 1px solid rgba(0,0,0,0.2);*/
}
#obo_nav ul li:last-child a {
	border-right: none;
}

#obo_nav ul li:hover a {
	color: #000;
	-moz-transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}

#obo_nav ul li.aktiv a {
	color: #000;
	font-weight: 700;
	-moz-transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}

/* 2. Navigations-Ebene und höher ***********************************************/

/* ul */
#obo_nav ul li ul {
	position: absolute;
	display: block;
	margin: 0;
	left: 1px;
	max-height: 0;
	background-color: #fff;
	box-shadow: 0 20px 20px rgba(0,0,0,0.3);
	overflow: hidden;
	text-align: left;
	z-index: 140;
	box-sizing:border-box;
	-moz-transition: max-height 800ms ease-in-out, background-color 800ms ease-in-out;
	-webkit-transition: max-height 800ms ease-in-out, background-color 800ms ease-in-out;
	transition: max-height 800ms ease-in-out, background-color 800ms ease-in-out;
}
#obo_nav ul li:hover ul {
	max-height: 300px;
	-moz-transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}
#obo_nav ul li.aktiv ul, #obo_nav ul li.aktiv:hover ul {
	max-height: 300px;
}

/* li */
#obo_nav ul li ul li {
	display: block;
}
/* li:hover */
#obo_nav ul li ul li:hover,  #obo_nav ul li ul li:active,  #obo_nav ul li ul li:focus,  #obo_nav ul li ul li a:active,  #obo_nav ul li ul li a:focus {
}

/* */
#obo_nav ul li ul li a, #obo_nav ul li:hover ul li a {
	font-size: 1.2em;
	display: block;
	padding: 5px 15px 5px 15px;
	height: auto;
	line-height: 1.4em;
	border: none;
	background-color: transparent;
	-moz-transition: background-color 800ms ease-in-out, padding 400ms ease-in-out;
	-webkit-transition: background-color 800ms ease-in-out, padding 400ms ease-in-out;
	transition: background-color 800ms ease-in-out, padding 400ms ease-in-out;
}

/* a:hover */
#obo_nav ul li ul li:hover a {
	padding: 5px 12px 5px 18px;
	-moz-transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}
#obo_nav ul li.aktiv ul li:hover a {
	font-weight: 400;
}
#obo_nav ul li.aktiv ul li a {
	font-weight: 400;
}
#obo_nav ul li.aktiv ul li.aktiv a {
	font-weight: 700;
}

/* 3. Navigations-Ebene und höher ***********************************************/

/* ul */
#obo_nav ul li ul li ul {
	position: static;
	left: 0px;
	top: 31px;
	display: none;
	text-align: left;
	margin: 0;
	background-color:#fff;
	z-index: 1420;
	box-shadow: none;
	padding: 0;
	width: auto;
}

/* li */
#obo_nav ul li ul li ul li {
	float: none; 
	margin: 0;
	border: none;
}
/* li:hover */
#obo_nav ul li ul li:hover,  #obo_nav ul li ul li:active,  #obo_nav ul li ul li:focus,  #obo_nav ul li ul li a:active,  #obo_nav ul li ul li a:focus {
}

/* */
#obo_nav ul li ul li ul li a {
	display: block;
	padding: 2px 15px 2px 0;
	border: none;
	font-weight: normal;
	color: #000;
}


* html #obo_nav ul li a {
	height: 1%;
}

#obo_nav ul li ul li ul {
	display: block;
}

/* Submen� f�r Firefox, NN */
#obo_nav ul li:hover ul {
	display: block;
}
#obo_nav ul li:hover ul li:hover ul li ul {
	display: none;
}
#obo_nav ul li:hover ul li:hover ul li:hover ul {
	display: block;
}
/* Submen� f�r IE 6 */
* html #obo_nav ul li.over ul {
	display: block;
}
* html #obo_nav ul li.over ul li ul {
	display: none;
}
* html #obo_nav ul li.over ul li.over ul {
	display: block;
}
* html #obo_nav ul li.over ul li.over ul li ul {
	display: none;
}
* html #obo_nav ul li.over ul li.over ul li.over ul {
	display: block;
}

/* Gew�hlte anders darstellen */
#obo_nav .aktiv {
	display: block;/*background-color:#666;
		color: #fff;*/
}