/* css für ysw 2015 */

/*** struktur ***/
body {
	font-size: 62.5%;
	line-height: 1.43;
	font-family: Verdana, sans-serif;
	background-color: #eee;
	color: #444;
	background-image: none;
}
header, nav, main, footer, #top15 {
	max-width: 98em;
	width: 100%;
	position: relative;
	background-color: #fff;
}
#top15 {
	margin: 0 auto;
}
header nav {
	height: 3.6em;
	background-color: transparent;
	width: 73.47%;
	float:right;
}
main {
	min-height: 55em;
}
article {
	padding-bottom: 1.3em;
}
footer {
	background-color: #444;
	color: #fff;
	clear: both;
}

/*** allgemein ***/
.cb {
	clear:both;
	height:0;
	overflow: hidden;
	margin: 0;
}
.cbshow {
	clear: both;
}
.dn {
	display: none;
}
.db {
	display: block;
}
article a, .aktuell a {
	color: #780048;
}
article a:hover, .aktuell a:hover {
	text-decoration: underline;
	color: #708a0b;
}
/* text größen */
.hl28 {
	font-size: 2em;
}
.hl24 {
	font-size: 1.715em;
	line-height: 1.5;
}
.txt18 {
	font-size: 1.29em;
	line-height: 1.33;
}
.txt16 {
	font-size: 1.145em;
	line-height: 1.375;
}
.caption {
	font-size: 0.64em;
	line-height: 1.56;
}

article td {
	vertical-align: top;
}
/*	 
- titel: 24/zeilenabstand 36
- titel_M: 28/40
- text_L: 18/24
- text_M:16/22
- text: 14/20
- caption: 9/14
*/
/* farben */
.schwarz {
	color: #000;
}
.gruen {
 	color: #96b02e;
}
.orange {
	color: #cc5d1e;
}
.grau {
	color: #666;
}
.tuerkis {
        color: #41c3d3;
}
.oliv {
        color: #52731d;
}

/* images */
.breite50 { 
	width: 47.92%;
}
article img {
	max-width: 100%;
}


/** header **/
.hez {
	height: 6em;
	position: relative;
}
.hez_links {
	position: absolute;
	top:0;
	left: 0;
	width: 50%;
	height: 6em;
}
.hez_links img {
	float: left;
}
.anni_15 {
	position: relative;
	margin-left: 3em;
	z-index: 2;
	width: 15%;
	max-width: 6em;
	min-width: 3.5em;
}
.ysw_png {
	position: relative;
	margin: 0.9em 0 0 2em;
}
.hez_rechts {
	position:absolute;
	padding: 2em 2em 0 0;
	font-size: 1.2em;
	right:0;
}
.hez_rechts a {
	color: #444;
}
.hez_rechts a.spumhl, .hez_rechts a:hover {
	color: #780048;
}
.spums {
	display: none;
}
.hzz {
	position: relative;
	overflow: hidden;
	clear: both;
}
.hbl {
	display: block;
}
.hbs {
	display:none;
}
.hzz img {
	width: 100%;
}

/** haupt nav **/
.hlc {
	background-color: transparent;
}
.nav {
	position: relative;
	background-color: #96b02e;
	z-index: 3;
	width: 100%;
	height: 3.6em;
}
/* breadcrumb aus */
.bcnv {
	display: none;
}
.mnnv_bckg {
	display: none;
}
.mnnv {
	font-size: 1.6em;
	height: 2.25em;
	position: absolute;
	top: 0;
	width: auto;
	padding: 0 1.95% 0 1.95%;
	background-color: #96b02e;
}
.mnnv a:first-child {
	margin-right: 
	}
.mnnv:hover {
	background-color: #708a0b;
}
/*.mnnv:last-child {
	padding-right: 0;
}*/
.mni {
	border: none;
	width: auto;
	height: 1.75em;
	padding: 0.5em 0 0;
	text-align: left;
	display: inline-block;
}
.hlc .mni {
	color: #444;
}
.subnv_mi {
	font-weight: normal;
	border: none;
	color: #fff;
	padding: 0.375em 0;
	height: auto;
}

.muk + a {
 	display: none;
}
.snhl, .subnv_mi:hover {
	/*color: #444;*/
	font-weight: bold;
}
/** main **/
main {
	margin-top: 5em;
}
aside[role=complementary]{
	position: absolute;
	top: 0;
	left: 0;
	width: 26.53%;
	font-size: 1.4em;
}
aside > div {
	padding: 0 1.67em;
}
/** aktuelles **/
.aktuell p {
	border-top: solid 0.09em #444;
	margin-top: 0;
	padding-top: 1em;
}
.aktuell .hl {
	padding-bottom: 1em;
	display: block;
	font-size: 1.29em;
}
/**  ie 8 geht das nicht
article > p:first-child {
	margin-top: 0;
} 
 **/
aside > nav{
	position:absolute;
	right: 0;
	top: 0;
	width: 19.39%;
	margin: 0 2em 0 3em;
}
article {
	width: 48.99%;
	margin-left: 26.53%;
	font-size: 1.4em;
}

/** service navigation **/
.erfurt {
	width: 100%;
	margin-bottom: 1.5em;
}
.erfurt img, .preview img {
	width: 100%;
	max-width: 19em;
	display: block;
}

.preview {
	
	margin-bottom: 2em;
	width: 100%;
}

.srnv {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.9;
}
.srmi {
	border-top: none;
	border-bottom: dashed 0.1em #96b02e;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.9;
	height: 2em;
	overflow: hidden;
	position: relative;
}
.srmi_first {
	border-top: dashed 0.1em #96b02e;
}
.srmi a {
	display: block;
	color: #444;
	box-sizing: border-box;
	position: relative;
	background-color: #fff;
	z-index: 2;
}
div.muk {
	border-bottom: none;
}
.muk:hover {
	overflow: visible;
}
.muk .lev1 {
	border-bottom: dashed 0.1em #96b02e;
}
.srmi .lev2 {
	border-bottom: dashed 0.1em #96b02e;
	font-weight: normal;
	font-size: 0.92em;
	line-height: inherit;
	text-indent: 1em;
}

.srmi a:hover, .srmi .nav_hl {
	color: #96b02e;
}
a.lev1.nav_hl[href*="570"] { /* nicht für other music ev */
	/*color: inherit;*/
}
.trenner {
	background-image: url(trenn_slash.png); 
	height: 0.9em; 
	margin:1.6em 0;
	width:100%;
}


/** externe Urls **/
.exurl15 p {
	font-size: 1.2em;
}
.exurl{
	width: 25%;
	float: left;
	margin-right: 0;
	display: block;
}
.exurl img {
	display: block;
}
div.exurl:last-of-type {
	width: auto;
}
.exurl_txt {
	display: none;
}
/** donate **/
.domi {
	width:6.77em;
	height:1.54em;
	font-size: 1.3em; /* hiervon wird em berechnet */
	text-align: center;
	padding: 2.54em 0;
	text-indent: 0;
	-webkit-border-radius: 3.38em;
	-moz-border-radius: 3.38em;
	border-radius: 3.38em;
	margin: 1.54em 0 1.92em 20%;
	font-weight: bold;
}
.domi:hover { /* hilitecolor  nav */
	background-color: #708a0b;
}
div.muk + a { /* damit .muk + a nicht wirkt */
	display: block;
}

/** sub nav **/
.subnav a {
	/*display: block;*/
	color: #96b02e;
	font-size: 1.33em;
	line-height: 1.5;
}
.subnav a:hover {
	color: #708a0b;
}
.subnav .shl {
	font-weight: bold;
}
.subnav .lev2 {
	margin-left: 1em;
}
.home{
	border-bottom: solid 1px #999;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}
.home a {
	color: #cc5d1e; 
}
.home a:hover {
	color: #b84a22;
}
a.lev1.shl[href*="570"] {  /* kein hilite für other music ev */
	font-weight: normal;
}

/** footer **/
.footer_sitemap a {
	display: block;
	color: #fff;
}
.footer_sitemap a:hover, .exurl_txt:hover {
	color: #96b02e;
	text-decoration: underline;
}
.footer_sitemap div{
	font-size: 1.3em;
	width:22.45%;
	margin: 0 0 0 2.04%;
	float: left;
	line-height: 1.85em;
}
.footer_sitemap span {
	color: #fff;
	display: block;
	margin-top: 1.6em;
}
.footer_sitemap div.exurl{
	display: block;
	font-size: 1em;
	width: 100%;
	float: none;
	margin: 0;
}
.footer_sitemap div.exurl span {
	margin: 0;
}
.footer_sitemap img, .footer_sitemap p {
	display: none;
}
.footer_sitemap .lev2 {
	text-indent: 2em;
}
.footer_cntnt {
	clear:left;
	padding: 1em;
}


/************ responsive *****************/

@media all and (max-width:900px) {
	header nav { 
		width: 100%;
		float: left;
	}
	.mnnv:first-child {
		/*padding-left:1.25em; */
	}
	aside[role=complementary]{
		position:relative;
		width: 66%;
		margin-left: 1.667em;
	}
	aside > div {
		padding: 0;
	}
	.hl {
		display: inline;
	}
	aside[role=complementary] p {
		
	}
	article {
		margin-left:1.667em;
		width: 66%;
	}
	aside > nav {
		width: 24%;
	}
	.mnn_lc {
		display: none;
	}
}

@media all and (max-width:670px) {

	/* allgemein */
	.breite50 {
		width: 100%;
		margin-bottom: 2em;
		clear: both;
	}

	/** header **/
	.hez {
		height: 5em;
	}
	.hez_links {
		/*width: 60%;*/
	}
	.anni_15 {
		margin-left: 7.8%;
	}
	.ysw_png {
		height: 3.5em;
		margin-left: 5%;
	}
	.hez_rechts {
		padding-top: 1.4em;
	}
	.spums {
		display: none;
		font-size: 1.4em;
		padding: 0.3em;
	}
	.spuml {
		display: inline-block;
	}
	.navburger {
		box-sizing: border-box;
		position: relative;
		display: inline-block;
		height: 0.75em;
		font-size: 1.5em;
		width: 1em;
		margin-left: 1em;
	}
	.navburger:before {
	  	content: "";
	  	position: absolute;
	  	top: 0.2em;
	 	left: 0;
	 	width: 1em;
	  	height: 0.125em;
	  	border-top: 0.375em double #fff;
	  	border-bottom: 0.125em solid #fff;
	}
	.hbl {
		display: none;
	}
	.hbs {
		display: block;
	}
	/** main nav **/
	.nav {
		/*display: none;*/
		position: relative;
		top: 0em;
		width: 100%;
		font-size: 1.2em;
		line-height: 2.33;
		background-color: #fff;
		/*opacity: 0.95;*/
		color: #444;
		height: auto;
		/*padding: 0 4.69% 0;*/
	}
	header nav {
		float: none;
		/*width: 90.62%;*/
		height: auto;
		display: none;
		position: absolute;
		background-color: #fff;
		padding: 0 1.5em 1em;
		box-sizing: border-box;
	}
	header nav.nd {
		display: block;
	}
	.mnnv_bckg {
		display: block;
		height: 1.5em;
		font-size: 1.2em;
		color: #fff;
		background-color: #96b02e;
		cursor: pointer;
	}	
	.mnnv {
		float: none;
		width: 100%;
		height: auto;
		border-bottom: solid 0.1em #444;
		color: #444;
		padding:0;
		font-weight: normal;
		font-size: 1em;
		position: relative;
		left:0;
		background-color: transparent;
	}
	.mnnv:first-child {
		padding-left: 0;
	}
	.mni {
		display: block;
	}
	.hlc {
		background-color: #fff;
		color: #96b02e;
	}
	a:hover .mni, a:hover .subnv_mi {
		color: #96b02e;
		font-weight: normal;
	}
	/* umterpunkte Mainmenü anzeigen */
	.mnnv a {
		display: none;
	}
	.showsub a {
		display: block;
	}
	.mnnv a:first-child {
		/*border-top: solid 0.1em #444;*/
		display: block;
	}
	.muk div {
		background: url('pf_ut.png') no-repeat center right;
	}
	.showsub .muk div {
		background-image: url('pf_ob.png');
	}
	.mnnv:hover {
		background-color: #fff;
	}
	.mni {
		color: #444;
	}
	.subnv_mi {
		border-top: solid 0.1em #444;
		height: auto;
		color: #444;
		padding-left: 1em;
	}
	/** main **/
	main {
		box-sizing: border-box;
		padding: 2em 1.5em;
		margin-top: 0;
	}
	aside[role=complementary] {
		margin-left: 0;
		width: 100%;
	}
	aside > div {
		padding: 0;
	}
	.aktuell p:last-child {
		border-bottom: solid 0.095em #444;
		padding-bottom: 1em;
	}
	article {
		width: 100%;
		margin-left: 0;
	}

	/** service nav **/
	aside > nav {
		position: relative;
		width: 100%;
		margin: 0;
		height: auto;
		float: none;
	}
	.trenner {
		display: none;
	}
	.srmi_first {
		border: none;
	}
	.srmi:first-child { 
		border-top: solid 0.1em #444;
	}
	.srmi {
		border-bottom: solid 0.1em #444;
		font-weight: normal;
	}
	.srmi .lev2 {
		border-bottom: solid 0.1em #444;
	}
	.muk .lev1 {
		background: url('pf_ut.png') no-repeat center right;
		border-bottom: solid 0.1em #444;
	}
		/* responsive / touch */
	div.showsub {
		height: auto;
	}
	div.showsub a.lev1 {
		background-image: url('pf_ob.png');
	}
	
	.muk:hover {
		overflow:hidden;
	}
	.domi {
		margin-left: 0;
	}
	.exurl15 p {
		float: left;
		margin: 0.66em 1em 0.66em 0;
	}
	.exurl {
		width: 18%;
	}

	/** footer **/
	.footer_sitemap div:nth-child(3) {
		clear: left;
	}
	.footer_sitemap div {
		width:44.9%;
		margin: 0 0 0 4.05%;
		font-size: 1.1em;
		line-height: 1.82;
	}

}