/**/
/* reset */
/**/
.main-nav {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
.main-nav * {
	border: 0;
	outline: none;	
}

/*----------------------------------------------------------------------------*/
/*                              ALLGEMEINE ANGABEN                            */
/*----------------------------------------------------------------------------*/

.main-nav,
.main-nav input,
.main-nav textarea,
.main-nav button {

}
.main-nav {
		background: #efeee7;
		margin-bottom: ;
}
.main-nav li {
	border-color: #d9d9d9;
	font-size: 14px;
	line-height: 52px;
}
.main-nav a {
	
}

.main-nav .home { display:block;padding:20px 20px 30px 20px; }

.main-nav a.home:hover {
	background:#EFEEE7;
}

.main-nav a:hover {
	background:#5b96bc;
	color: #fff;
}
.main-nav a.active {
	color: #345369;
}
.main-nav .dropdown > div {
	background: #5b96bc;
}
.main-nav .dropdown > a:after {
	border-top-color: #a6a6a6;
}
.main-nav .dropdown > a.active:after {
	border-top-color: #345369;
}

.main-nav ul li {
	line-height: 17px;
	width:225px;
}

.main-nav .grid-column {
	border-color: #d9d9d9;
}

.main-nav h3,
.main-nav .h3-04 {
	font-family: Georgia, serif;
	font-size: 1.3em;
	color: #fff;
	font-weight:normal;
	margin: 0.8571em 0px 0px;
	line-height: 1.5em;
}




/**/
/* level 1 */
/**/
.main-nav {
	position: relative;
	font-size: 0;
	line-height: 0;
	text-align: right;
}
.main-nav-fixed {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	border-radius: 0;
}
.main-nav:after {
	content: '';
	display: table;
	clear: both;
}
.main-nav li {
	position: relative;
	display: inline-block;
	float: left;
	border-style: solid;
	border-right-width: 1px;
	text-align: left;	
}
.main-nav a {
	position: relative;
	display: block;
	padding: 0 19px;
	text-decoration: none;	
}
.main-nav i {
	display: block;
	float: left;	
}
.main-nav li:first-child {
	
}
.main-nav li:first-child > a {
		
}
.main-nav li:last-child {
	
}
.main-nav li:last-child > a {
		
}
.main-nav .dropdown > a {
	padding-right: 38px;
}

/* Dreieck nach unten */
.main-nav .dropdown > a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	width: 0;
	height: 0;
	margin-top: -1px;
	border-top: 5px solid #5a96bc;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}

.main-nav .dropdown:hover > a:after {
	border-top: 0 none;
	border-bottom: 5px solid #345369;
}

.main-nav .dropdown > b {
	background: #5b96bc;
}
.main-nav .dropdown:hover > a {
	color: #fff;
}






.main-nav .dropdown.item-kompass > a:after {
	border-top-color: #345369;

}

.main-nav .dropdown > b {
	content: '';
	position: absolute;
	z-index: 1001;
	bottom: -1px;
	left: -9999px;
	width: 100%;
	height: 6px;
	opacity: 0;
	transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
}
.main-nav .dropdown > div {
	position: absolute;
	z-index: 1000;
	top: 100%;
	left: -9999px;
	border-radius: 0 5px 5px 5px;
	box-shadow: 0 0 6px rgba(76,76,76,0.25);
	opacity: 0;
	transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
}
.main-nav .dropdown:hover > b {
	left: 0;
	opacity: 1;
}
.main-nav .dropdown:hover > div {
	left: 0;
	opacity: 1;
}
.main-nav .dropdown:first-child:hover {
		
}
.main-nav .dropdown:first-child:hover > a {

}
.main-nav .dropdown:last-child:hover {
	
}
.main-nav .dropdown:last-child:hover > a {
	
}



/* Damit Menu Item blau bleibt, wenn Maus über Submenu fährt */
.item-aktuelles:hover,
.item-portale:hover { background-color: #5b96bc; }

.item-aktuelles:hover i.icon-aktuelles {background-position:-20px 0px;width:11px;height:14px;}
.item-portale:hover i.icon-portale { background-position:-64px 0px;width:13px;height:16px; }




/* Submenu (Dropdown) */

.dropdown-container { width: 780px; margin-left:-58px;	}
.dropdown-container-login {	width:240px;/* z-index: 2 !important;	*/	}


.dropdown-cbox {	padding: 0px 20px 20px 20px;	}	
.dropdown-cbox-login {	padding: 20px 20px;	}

.dropdown-cbox-first {
	float:left;
	width:480px;	
}

.dropdown-cbox-second {
	float:left;
	width:220px;
	padding-left:0;	
}

	
.ul-inline-container {
	border-top: 1px solid #477492;
	border-bottom: 1px solid #477492;
	margin: 1em 0;
}	
	
	
.ul-inline-container:before {
		content: "";
		display: table;
	}
	
.ul-inline-container:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
		
		
		
/* Features List */


/*.location-list-featured {
	margin:0;
	padding: 0em 0em;
	display:inline;
	float:left; /* LTR *!/
	border-top: 1px solid #8bb5d0;
	border-bottom: 1px solid #8bb5d0;
	width: 100%;
}



.location-list-featured > li {
	display:inline;
	float:left; /* LTR *!/
	font-size: 1em;
	line-height:1em;
	list-style-type:none;
	margin: 3px 0 3px 0;
	padding:0;
	border: 0 none;
	width: 25%;
	background: #5b96bc;
	
}

.location-list-featured a {
	padding-left: 0;
	color: #fff;
}
*/



/* Neue Featured Städte */

.location-list-featured {
	margin: 1em 0 0 0;
}

.location-list-featured li {
	display: block;
	padding: 0;
	margin: 0 0 2px 0;
	float: none;
	border: 0 none;
}

.location-list-featured a {
	padding: 6px 12px;
	display: block;
	background: #74a6c7;
}

.location-list-featured a:hover {
	text-decoration: none;
	background: #fff;
	color: #5b96bc;
}



.location-list-featured a {
	color: #fff;
	padding-top: 12px;
	padding-bottom: 12px;
}



.location-list a {
	color: #fff;
	padding-top: 17px;
	padding-bottom: 17px;
}

.dropdown-container a:hover {
	
}

.li-muenchen a {
	padding-right: 0;
}

/* 2-spaltige Liste mit Städten im Dropdown-Menu */

.location-list, 
.dropdown-list {
	margin: 1em 0 0 0;
}

.location-list li,
.dropdown-list li {
	display: block;
	padding: 0;
	margin: 0 0 2px 0;
	float: none;
	border: 0 none;
}

.location-list a, 
.dropdown-list a {
	padding: 10px 15px;
	display: block;
	background: #74a6c7;
}

.location-list a:hover, 
.dropdown-list a:hover {
	text-decoration: none;
	background: #fff;
	color: #5b96bc;
}

.dropdown-list .counter {
	float: right;
	color: #fff;
}


.dropdown-list a:hover .counter {
	color: #5b96bc;
}


.grid-dropdown .ym-gr .ym-gbox {
	padding-right: 0;
	margin-left: 10px;
}

.grid-dropdown .ym-gl .ym-gbox {
	margin-right: 10px;
	padding-right: 0;
}


/**/
/* right alignment */
/**/
.main-nav .right {
	float: none;
	border-right-width: 1px;
	border-left-width: 0;
	
	margin-right: 0;
}

.main-nav .right a {
	border-left:1px solid #E0DBCE;
}

.main-nav .right.dropdown > div {
	border-radius: 0px 0 5px 5px;
}

.main-nav .right.dropdown li { width:100%; }

.main-nav .right.dropdown:hover > div {
	right: 0;
	left: auto;
}


.main-nav .right ul li:first-child {
	border-radius: 0px 0 0 0;	
}
.main-nav .right ul li:first-child > a {
	border-radius: 0px 0 0 0;	
}

.main-nav :last-child {
	border: none;	
}

/* Menu item "Mein Kompass" */

.item-kompass {  background: #5a96bc; }
.item-kompass a {
	color: #fff;
}


/**/
/* collapsable */
/**/
.main-nav-collapsable .opener {
	display: none;
}


.main-nav .right > a:after {
	top:-1000px;
}

.main-nav .right.favs > a {
	padding-right: 15px;
	color: #999;
}

.main-nav .right.favs > a:hover {
	color: #5A95BC;
}

.main-nav .right.dropdown a span {
	top:-1px;
	position:relative;	
}


.main-nav .right.profil a {
	padding: 0 20px 0 20px;
	display:block;	
}



.main-nav .right .counter-blue {
	background-color: #bfbbaf;
	color: #fff;
}




.main-nav .right.profil a:hover {
	background-color: transparent;
}

.main-nav .right.favs a:hover {
	background-color: transparent;
}

.main-nav .right.logout a:hover {
	background-color: transparent;
}


.main-nav .right.logout span {
	background-image: url('../img/sprite-main-menu.png');
	width: 16px;
	height:16px;
	display: inline-block;
	background-repeat: no-repeat;
	margin:0 0 -5px 0;
	background-position:-402px 0px;
}

.main-nav .right.logout a:hover span {
	background-position:-387px 0px;
}


.main-nav .right.logout a {
	padding: 0 20px 0 20px;
	display:block;	
}

.main-nav .right.dropdown :hover {
	
}

.main-nav .right.dropdown {
	
}

.main-nav .right :hover .counter-blue  {
	background-color: #5A95BC;
	
}

/* Dropdown: Angemeldet */



/*----------------------------------------------------------------------------*/
/*                                    ICONS                                   */
/*----------------------------------------------------------------------------*/




.icon-home,
.icon-portale,
.icon-aktuelles,
.icon-ratgeber,
.icon-kompass,
.icon-berlin,
.icon-frankfurt,
.icon-hamburg,
.icon-muenchen,
.icon-profile,
.icon-logout,
.icon-euro,
.icon-about { display: inline-block;background-repeat: no-repeat;background-image: url('../img/sprite-main-menu.png');}


.icon-about { width:23px;height:16px; margin: 19px 10px 0 0; background-position:-418px 0px; }
.icon-profile { width:16px;height:16px; margin: 18px 10px 0 0; background-position:-371px 0px; }
.icon-home {background-position:-106px 0px;width:16px;height:15px; 	margin: 0 0 0 0; display:inline-block; }
.icon-portale{ background-position:-77px 0px;width:13px;height:16px;	margin: 20px 7px 0 0;}
.icon-aktuelles {background-position:-31px 0px;width:11px;height:14px;	margin: 20px 7px 0 0; }
.icon-ratgeber {background-position:-159px 0px;width:19px;height:12px;	margin: 20px 7px 0 0; }
.icon-kompass {background-position:-122px 0px;width:18px;height:18px;	margin: 17px 7px 0 0;}
.icon-euro {background-position:-42px 0px;width:11px;height:15px;margin: 19px 7px 0 0;}

/* Städte normal */

.icon-berlin{background-position:-299px 0px;width:17px;height:29px; margin: -7px 18px 0 0;}
.icon-frankfurt{background-position:-204px 0px;width:26px;height:29px; margin: -7px 10px 0 0;}
.icon-hamburg{background-position:-336px 0px;width:20px;height:29px; margin: -7px 15px 0 0;}
.icon-muenchen{background-position:-256px 0px;width:26px;height:29px; margin: -7px 10px 0 0;}

/* Städte hover */
a:hover .icon-profile { width:16px;height:16px; margin: 18px 10px 0 0; background-position:-463px 0px; }
a:hover .icon-about { width:23px;height:16px; margin: 19px 10px 0 0; background-position:-441px 0px; }
a:hover .icon-berlin {background-position:-282px 0px;width:17px;height:29px;}
a:hover .icon-frankfurt {background-position:-178px 0px;width:26px;height:29px;}
a:hover .icon-hamburg {background-position:-316px 0px;width:20px;height:29px;}
a:hover .icon-muenchen {background-position:-230px 0px;width:26px;height:29px;}
a:hover .icon-home {background-position:-90px 0px;width:16px;height:15px;}
a:hover .icon-portale { background-position:-64px 0px;width:13px;height:16px;}
a:hover .icon-aktuelles {background-position:-20px 0px;width:11px;height:14px; }
a:hover .icon-ratgeber {background-position:-140px 0px;width:19px;height:12px;}
a:hover .icon-euro {background-position:-53px 0px;width:11px;height:14px;}

.sort-down-lightblue {background-position:0px 0px;width:10px;height:5px;}
.sort-up-darkblue {background-position:-10px 0px;width:10px;height:5px;}


.main-nav .right.profil .icon-profil {
	background-image: url('../img/sprite-main-menu.png');
	width: 16px;
	height:16px;
	display: inline-block;
	background-repeat: no-repeat;
	margin:0 0 -5px 0;
	background-position:-371px 0px;
}

.main-nav .right.profil a:hover .icon-profil {
	background-position:-355px 0px;
}




/*----------------------------------------------------------------------------*/
/*                               aus draft.css                               */
/*----------------------------------------------------------------------------*/



#nav div {
	overflow:visible;
}

#nav div ul ul {
	position: absolute;
	
	z-index:100;
	overflow:visible;
	display: none;
	border:none;
	/*display: block;*/
	border: 1px solid #aaa;
}

#nav div ul ul li {
	display: block;
	border: none;
	float:none;
	border-top:3px solid #fff;
	
}

#nav div ul ul li a {
	color: #555;
}

#nav div ul li:hover ul {
	
	position: absolute;
	z-index:100;
	overflow:visible;
	display: block;
	width: 220px;
	float:none;       
	background-color: #eee;	
	color: #555;
}



#nav div .active li:hover  {
	background-color: #ccc;	
}

#nav div ul li ul li a:hover  {
	background-color: #ccc;
	
}