@charset "utf-8";
/* CSS Document */

/***********************MENU******************************/
.MENU{
	/*list-style-type:none;*/
	margin:0;
	padding:0;
	margin-left:6px;
	padding-top: 8px;
}
.MENU li{
	display:inline-block;
	font-size:18px;
	min-height:30px;
}
.MENU li a{
	padding:8px;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	color:#6B5B4B !important;
	display:block;
}
.MENU li a:hover{
	/*background-color: #947E67;
	color:#EAE6DF !important;*/
	color:#000 !important;
	text-decoration:none;
}
.MENU li.menu_active a{
	background-color: #6B5B4B;
	color:#D1C8BE !important;
	/*text-shadow: 0px 1px 1px #000;*/
}
/**/.MENU li a.active{
	background-image:url(media/menu_activeIndicator.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}
.MENU li.menu_active a.active{
	background-image:url(media/menu_activeIndicatorON.png);
}

.MENU li.menu_active a:hover{
	background-color: #6B5B4B;
	color:#fff !important;
}
.menu_inactive ul{
	display:none;
}
.menu_active ul{
	display:block;
	z-index:1000;
	width:100%;
	position: absolute;
	left: 0;
	font-size: 14px;
	box-sizing:border-box;
	padding:16px;
	background-color: #6B5B4B;
	padding-bottom:17px;
	padding-bottom: 14px;
	padding-top: 21px;
	margin-left:0;
}
.menu_active ul li{
	font-size:16px;
}
.menu_active ul li ul li{
	font-size:15px;
}
.menu_active ul li a, .menu_active ul li ul li a{
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
	color:#D1C8BE !important;
}
li.menu_active li.menu_active a{
	color:#fff !important;
	position:relative;
	z-index:200;
	
}
li.menu_active li.menu_inactive a{
	color:#D1C8BE !important;
}

/**/
.menu_active ul li.menu_inactive ul{
	display:none;
}
#menuSitch{
	float:left;
	display: block;
	width: 60px;
	height: 40px;
	background-image:url(media/menu_on.png);
	background-repeat:no-repeat;
}
.switchLoggedin{
	background-image:url(media/menuUser_on.png) !important;
}
.LI_magazin{
	font-family:"Times New Roman", Times, serif;
	font-size:20px !important;
	line-height:18px;
	font-variant: small-caps;
}
/*****************************************************/

@media (max-width: 768px) 
 {
 		/***********************MENU******************************/
	.MENU{
		/*list-style-type:none;*/
		margin:0;
		padding:0;
		background-color:#605244;
	}
	.MENU li{
		display:block;
		float:none;
		width:100%;
	}
	.MENU li a{
		display:block;
		padding:8px;
		padding-left:16px;
		padding-right:16px;
		color:#EAE6DF !important;
	}
	.MENU li a:hover{
		background-color: #947E67;
		color:#fff !important;
	}
	.MENU li.menu_active a, .MENU li.menu_active a:hover{
		background-color: #7D6955;
	}
	.menu_inactive ul{
		display:none;
	}
	.menu_active ul{
		display:block;
		z-index:1000;
		position: relative;
		font-size: 14px;
		box-sizing:border-box;
		padding:0;
		padding-left:24px;
		color:#fff;
		margin:0;
		background-color:#7D6955;
	}
	.menu_active ul li a, .menu_active ul li ul li a{
		padding-left:10px;
		background-color:transparent !important;
	}
	#menuKH_suche {
		float: none;
	}
	/**/
	.menu_active ul li.menu_inactive ul{
		display:none;
	}
	.menu_active ul li{
		padding-right:0;
	}
	.menu_active ul li ul{
		padding-left:12px;
		border-left:1px solid #6b5b4b
	}
	.MENU li a.active{
	background-image:url(media/menu_activeIndicatorMobile.png);
	background-repeat:no-repeat;
	background-position:left;
}
.MENU li.menu_active a.active{
	background-image:url(media/menu_activeIndicatorMobile.png);
}

 }
 @media (min-width : 769px) {
	#menuKH{
		display:block !important;
	}
	#menuSitch{
		display:none;
	}
	#menuKH{
		display:block !important;
	}
	#menuSitch{
		display:none;
	}
	/**/
	
	#menuKH{
		display:block !important;
	}
	#menuSitch{
		display:none;
	}
	/* laoyuts */
	ul.withLIpicture li{
		height:70px !important;
		display:inline-block !important;
		clear:none !important;
	}
	ul.withLIpicture li a {
		display:block;
		padding-left:94px !important;
		height:70px !important;
		width: 155px; !important;
		background-repeat:no-repeat;
		background-position:0 6px;
		margin-right:10px;
		margin-bottom:4px;
		overflow:hidden;
		
	}
	ul.withULpicture{
		padding:16px;
		display:block;
		background-repeat:no-repeat;
		background-position:14px 22px;
	}
	ul.withULpicture li{
		display:block;
		clear:both;
	}
	/******************/
	ul.withULtext{
		background-repeat:no-repeat;
		background-position:12px 22px;
		
	}
	ul.withULtext li:first-child{
		margin-left: -400px !important;
		margin-top: 222px;
		float: left;
	}
	/*********************/
	.menu_active ul li ul{
		background-color:#56493D !important;
		border: 4px solid #6B5B4B;
		border-top: 0;
		padding-top: 24px;

	}
	/**/
	li.menu_active li {
		margin-left:-8px;
	}
	li.menu_active li.menu_active li {
		margin-left:-4px;
	}
	.MENU li.menu_active ul li.menu_active a{
		background-color:#56493D !important;
	}
	.MENU li.menu_active ul li{
		margin-right:16px;
	}
	.MENU li.menu_active ul li a{
		padding-left:8px;
		padding-right:8px;
		margin-top: -8px;
	}
 }
 /* iPads (portrait) ----------- */
@media (min-width : 769px) and (max-width : 1024px) {
	

}
/* Desktops and laptops ----------- */
@media (min-width : 1025px) {

	/**/

}
/* Large screens ----------- */
.MENU li.menu_active ul li a{
	background-color:transparent !important;
}

.MENU li.menu_active ul li.menu_active a.buybutton {
	background-color:#6B5B4B !important;
	color:#fff;
	padding:4px;
	padding-left:8px;
	padding-right:8px;
	text-decoration:none;
	display:inline-block;
	margin-top:8px;
	font-size:14px;
	text-transform:uppercase;
	font-family: 'Fjalla One', sans-serif;
	float:none;
	transition:all 0.3s ease-in-out 0s;
}
.MENU li.LI_devider{
	display:block !important;
	float:none !important;
	clear:both !important;
	width:100% !important;
	border-top:1px solid rgba(20, 20, 20, 0.1);
	border-bottom:1px solid rgba(180, 180, 180, 0.1);	
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 1px;
	height:1px;
}
/*******************************/
@media only screen and (max-width: 800px) {
	.listSelectors{
		min-width:49%;
	}
}
.listSelectors input[type="checkbox"]{

	-webkit-appearance: checkbox;
	margin-top: 4px;

}
/******************** innerSubMenu *******************/
.UL_innerSubmenu{
	padding:0;
	margin:0;
	list-style-type:none;
}
.UL_innerSubmenu li{
	padding-bottom:8px;
	margin-top:8px;
	border-bottom:1px solid rgba(0, 0, 0, 0.1)
}
.UL_innerSubmenu li ul{
	padding-left:8px;
	font-size:15px;
	line-height:19px;
}
.UL_innerSubmenu li ul li:last-child{
	border-bottom:none;
	
}
.UL_innerSubmenu li a{
	padding-left:100px;
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	min-height:60px;
	color:#6B5B4B;
}
.UL_innerSubmenu li a span{
	font-size:15px;
	line-height:17px;
	display:inline-block;
	padding-top:3px;
}
/* unisono */
.UL_innerSubmenu .innerMenuKH_2_4_1 a{
		background-image:url(media/menu/innersub_unisono.jpg);
	}
.UL_innerSubmenu .innerMenuKH_2_4_2 a{
		background-image:url(media/menu/unisono_Sing_Along.jpg);
	}
.UL_innerSubmenu .innerMenuKH_2_4_3 a{
		background-image:url(media/menu/unisono_Blaulis_Liederbuch.jpg);
	}
.UL_innerSubmenu .innerMenuKH_2_4_4 a{
		background-image:url(media/menu/unisono_Blaulis_Liederbuch.jpg);
	}
.UL_innerSubmenu .innerMenuKH_2_4_5 a{
		background-image:url(media/menu/unisono_Monatslied.jpg);
	}
.UL_innerSubmenu .innerMenuKH_2_4_6 a{
		background-image:url(media/menu/unisono_Schulkonzert.jpg);
	}
.UL_innerSubmenu .innerMenuKH_2_4_7 a{
		background-image:url(media/menu/unisono_unisono_meettheartist.jpg);
	}
.UL_innerSubmenu .innerMenuKH_2_4_8 a{
		background-image:url(media/menu/unisono_Orchesterarbeit.jpg);
	}
.UL_innerSubmenu .innerMenuKH_2_4_9 a{
		background-image:url(media/menu/unisono_Terra_Uniqua_n.jpg);
	}
.UL_innerSubmenu .innerMenuKH_2_4_10 a{
		background-image:url(media/menu/unisono_superar.jpg);
	}
	
.UL_innerSubmenu.oB li a{
	padding-left:0 !important;
	background:none !important;
	min-height:10px;
}
.UL_innerSubmenu.oB li a.active{
	padding-left:12px !important;
	background-image:url(media/list_arrow_left_close.png) !important;
	background-repeat:no-repeat !important;
	background-position:left 5px !important;
}