/* <link href="https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:300,300i,400,400i,600,800" rel="stylesheet">  */

@font-face {
	font-family: 'Fira Sans Condensed';
	src: url('fonts/FiraSansCondensed-Light.ttf');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Fira Sans Condensed';
	src: url('fonts/FiraSansCondensed-LightItalic.ttf');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Fira Sans Condensed';
	src: url('fonts/FiraSansCondensed-Regular.ttf');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Fira Sans Condensed';
	src: url('fonts/FiraSansCondensed-Italic.ttf');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Fira Sans Condensed';
	src: url('fonts/FiraSansCondensed-SemiBold.ttf');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Fira Sans Condensed';
	src: url('fonts/FiraSansCondensed-ExtraBold.ttf');
	font-weight: 800;
	font-style: normal;
}

html, body { height:100%; width:100%; margin:0px; padding:0px; font: 17px 'Fira Sans Condensed', sans-serif; font-weight:300; line-height: 23px; background:url(../imgs/bg.jpg) center center no-repeat; background-attachment: fixed; background-size: cover; }
body { overflow-y:scroll; }

a, a:hover { text-decoration:none; }
.td_rot, .rot{ color:#cd2628; }
.td_gruen, .gruen{ color:#a3bd21; }
.grau{ color:#878174; }
.weiss{ color:#ffffff; }


.bg_rot { background:#c20831; color:#ffffff; }
.bg_tuerkis { background:#548a97; color:#ffffff; }
.bg_gruen { background:#93b536; color:#ffffff; }
.bg_blau { background:#4d8593; color:#ffffff; }
.bg_braun { background:#887b63; color:#ffffff; }
.bg_orange { background:#f28c28; color:#ffffff; }

.bold { font-weight:800 !important; }
.hr 		{ border-top:2px dotted #786b50; margin-top:30px; width: calc(100% - 80px); margin-left: 40px; margin-right: 40px; }
.hr2 	{ border-top:2px dotted #786b50; margin-top:30px; border-bottom:2px dotted #786b50; height:8px; }
.ml_20 { margin-left:20px; }

input, textarea, select { border:1px solid; font-family:'PT Sans', sans-serif; font-size:12px; margin-bottom:2px; }
.textarea_cols2 { width:298px; }
.textarea_cols3 { width:200px; }
.textarea_cols4 { width:150px; }
.textarea_cols5 { width:110px; }
.input_100 { width:100px; }
.center { text-align:center; }
.mtop_0 { margin-top:0px !important; }
.top_m4 { top:-4px; }
.mtop_15 { margin-top:15px !important; }
.lh0 { line-height:0px; }

td { font-family:'PT Sans', sans-serif; font-size:12px; }
h1, h2, h3 { font-family:'Fira Sans Condensed', sans-serif; font-weight:600; margin:0px; padding:0px; line-height:28px; font-size:24px; display:inline; width:100%; }
h1 { color:#cd2628; text-transform:uppercase; text-align:center; }
h2 { line-height:22px; font-size:18px; font-weight:400; }
h3 { line-height:22px; font-size:16px; font-weight:400; }
cite { font-family:georgia, serif; font-size:30px; line-height:35px; font-style:normal; }
cite.cite2 { font-size:25px; line-height:28px; }
b { font-weight:700; }
	
/*--------------------------------------------------------------------------------------------------*/


	
	div#page{ position:relative; max-width:1000px; width:100%; margin-left:auto; margin-right:auto; text-align:left; border:0px solid; background:#ffffff; margin-top:-1px; padding-top:1px;
		box-shadow: 0px 0px 20px #000000; }
	
		div#kopf { position:relative; width:100%; height:auto; border:0px solid; max-height:150px; }
		div#kopf .logo_gross{ position:relative; display:inline; border:0px solid; width:244px; height:auto; top:0px; left:50%; margin-left:-430px; margin-top:15px; margin-bottom:15px; }
		div#kopf .logo_klein{ display:none ; position:relative; border:0px solid; width:76px; height:auto; top:0px; margin-left:34.2%; margin-top:0px; margin-bottom:15px; }
		
		
		.lang {
			opacity: 1;
			display: inline-block;
			position: absolute;
			left: 50%;
			margin-left: -78px;
			top: 45px;
		}
		.lang a, .lang a:hover {
			color: #c20831;
			text-decoration: none;
			cursor: pointer;
			padding: 3px 5px;
			display: inline-block;
			margin: 0px 7px;
			font-weight: bold;
			border: 1px solid;
		}
		
		.site .lang {
			display:none;
		}
		
		div#content { position:relative; top:0px; width:100%; border:0px solid; }

		div#footer{ position:relative; width:94%; background: #8a938c; color: #ffffff; margin-top:15px; padding-left:3%; padding-right:3%; min-height:55px; }
		div#footer .footer-navi { margin:0px; padding:0px; color:#fff; text-align:center; padding-top:10px; padding-bottom:10px; }
		div#footer .footer-navi li { display:inline-block; padding-left:3px; padding-right:3px; padding-top:0px; }
		div#footer .footer-navi li a, div#footer .footer-navi li a:hover { color:#ffffff; display:block; padding-bottom:0px; font-size:16px; font-weight:400;  }
		
		#access { position:absolute; 
			top:73px; 
			left:0px;
			display: block;
			width:100%;
			z-index:9999;
		}
		
		#access .navpos { position:relative; width:100%; margin-left:auto; margin-right:auto; margin-top:-1px; padding-top:1px; max-width: 1100px; }
		
		#access .close { position:absolute; top:10px; right:10px; z-index:999; cursor:pointer; width:10%; display:none; }
		#access ul {
			display:inline-block;
			position:relative;
			list-style: none;
			padding:0px;
			margin:0px;
			border:0px solid;
			background:#ffffff;
			margin-left:auto;
			margin-right:auto;
			margin-top:-30px;
			float:right;
			margin-right:5%;
			max-width:620px;
		}
		#access li {
			margin-left:0px;
			padding-left:0px;
			width:auto;
			position: relative;
			border-bottom:0px solid #40b9ea;
			float:left;
		}
		#access li:hover { background:#ffffff; }
		#access a {
			color: #cd2628;
			display: block;
			line-height: 20px;
			font-size:20px;
			padding: 8px 12px 0 10px;
			text-decoration: none;
			text-transform:uppercase;
			font-size: 18px;
			height: 22px;
			text-transform: uppercase;
			font-weight: 600;
			cursor:pointer;
		}
		#access a:hover { color: #cd2628; }
		#access li.last { border-bottom:0px solid; }
		
		#access .current_page_item a.active { color: #cd2628; font-weight: 600 !important; }
		#access .current_page_item a.active:hover { color: #cd2628; font-weight: 600 !important; }
		#access .selected { background:#ffffff;  }
		#access .selected a, #access .selected a:hover { color:#cd2628; }
		#access li:hover > a, #access :hover > a, #access a:focus { color:#cd2628; }
		#access li:hover > a, #access a:focus { color: #cd2628; }
		#access .last { border-right:0px solid; }
		#access .site_nav { display:none; }
		
		
		#access ul .nav_home { display:none; }
		
		#access ul.expanded { display:block; }
		#access ul.expanded .nav_home { position:absolute; top:13px; right:55px; font-weight:400; border:1px solid; padding:2px 5px; z-index:999; } 
		
		
		div.mitte{ position:relative; width:100%; margin-top:30px; }
		div.mitte h2 { position:relative; display:block; width:100%; text-align:center; margin:0px; padding:0px; font-weight:normal; font-size: 50px; line-height: 58px; margin-top:25px; }
		
		div.mitte .start-slider { position:relative; height:380px; width:auto; margin-bottom:170px; }
		div.mitte .zs-enabled .zs-slideshow .zs-bullets{ top:495px; }

		/* Ergänzung J.S. */
		div.mitte .overlay {z-index:2; position: absolute;width: 100%;height: 480px;background-color: rgba(255,255,255,0.8);top: 0;left: 0;box-sizing: border-box;padding: 20px;}
		div.mitte .overlay h1 {font-size:2.5em;line-height: 1.3em;}
		div.mitte .overlay p {font-size:2em}
		/* Ende J.S. */
		/* Ergänzung J.S. (z-index:1) */
		div.mitte .stern { z-index:1; position:absolute; top:0px; left:0px; background:url(../imgs/stern.png) top left no-repeat; width:26%; height:100%; background-size:100% auto;  }
		div.mitte .zs-titel { position:relative; margin-top: 380px; border-bottom:2px dotted #cd2628; width:100%; height:100px; overflow:hidden; }
		
		div.mitte .zs-copyright  { display: block; position: absolute; bottom: 35px; left: 0px; white-space: nowrap; line-height: 35px; }
		div.mitte .zs-copyright .slider-content { padding: 0px; background: rgba(255,255,255,0.5); color:#000; width: auto; height: auto; }
		
		div.mitte .slider-content { position:absolute; width:100%; height:100%; background:#ffffff; z-index:0; }
		div.mitte .slider-content h1 { position:relative; display:block; width:100%; text-align:center; padding:0px; font-weight:normal; font-size: 35px; line-height: 35px; margin-top: 15px; margin-bottom:15px; color:#cd2628; font-weight:300; text-transform:uppercase; }
		div.mitte .slider-content h1 a { font-weight:normal; font-size:inherit; line-height:inherit; color:#cd2628; font-weight:300; text-transform:uppercase; }
		
		div.mitte .aktuelles_thumb { position:relative; display:inline-block; width:50%; }
		div.mitte .aktuelles_thumb .teaser { position:relative; width:90%; margin-left:auto; margin-right:auto; }
		div.mitte .aktuelles_thumb .teaser .t_text { float:left; width:calc(50% - 30px); padding-left:15px; padding-right:15px; padding-top:15px; position:relative; display:block; line-height:16px; text-align:left; }
		div.mitte .aktuelles_thumb .teaser .t_text p { margin:0px; padding:0px; }
		div.mitte .aktuelles_thumb .teaser .t_text .t_zeit  { font-size:20px; line-height:22px; font-weight:400; }
		div.mitte .aktuelles_thumb .teaser .t_text .t_datum  { font-size:35px; line-height:38px; font-weight:300; border-bottom:2px dotted; margin-bottom:4px; }
		div.mitte .aktuelles_thumb .teaser .t_text .t_datum b { font-weight:800; }
		div.mitte .aktuelles_thumb .teaser .t_text .t_ort  { font-size:14px; font-weight:400; border-bottom:2px dotted; margin-bottom:4px; padding-bottom:3px; }
		div.mitte .aktuelles_thumb .teaser .t_text .t_title  { font-size:20px; line-height:22px; font-weight:400; border-bottom:2px dotted; margin-bottom:4px; padding-bottom:3px;  }
		div.mitte .aktuelles_thumb .teaser .t_text .t_title b  { font-weight:600; }
		div.mitte .aktuelles_thumb .teaser .t_text .mehr,
		div.mitte .aktuelles_thumb .teaser .t_text .mehr:hover { font-weight:300; color:#ffffff; text-decoration:none; font-style:italic; }
		div.mitte .aktuelles_thumb .teaser img { width:50%; height:auto; float:right; }
		
		div.mitte .aktuelles_thumb .teaser .t_img img { display:block; width:auto; height:100% !important; float:none; left:-50%; max-width:none !important; max-height:100%; position:absolute; }
		div.mitte .aktuelles_thumb .teaser .t_img { width:50%; height:225px; float:right; position:relative; overflow:hidden; text-align:center; box-sizing: border-box; }
		
		.site div.mitte .textblock img { max-width:100%; }
		
			
		.site div#page { max-width:585px; }
		.site div#kopf { height:auto; }
		
		div#kopf:before { content:' '; display:block; position:absolute; top:0px; margin-left:-500px; left:50%; width:1000px; height:100px; background:#ffffff; } 
		.site div#kopf:before  { width:584px; margin-left:-292px; left:50%; }
		
		div#kopf { position: fixed;
			top: 0px;
			left: 0px;
			display: block;
			width: 100%;
			z-index: 9999; }
		
		.site div#kopf .logo_gross{ display:none; }
		
		div#kopf .logo_klein{ display:none; margin-bottom:0px; left:50%; top:-100px; margin-left: 225px; }
		.site div#kopf .logo_klein{ display:block; margin-left:-85px; top:0px; }
		
		div#content { margin-top:150px; min-height: calc(100vh - 210px); }
		.site div#content { margin-top:100px; }
				
		#access { position:fixed; 
			top:73px; 
			left:0px;
			display: block;
			width:100%;
			z-index:9999;
		}
		
		#access .navpos { position:relative; width:100%; margin-left:auto; margin-right:auto; margin-top:-1px; padding-top:1px; }
		
		#access .close { display:block; }
		#access ul { display:none; }
		
		#access #menu-button { display:block; position:absolute; cursor:pointer; left:50%; top:-72px; margin-left:320px; }
		.site #access #menu-button { left:50%; top:-72px; margin-left:10px; }
		
		#access #menu-button img { width:100%; height:auto; }

		
		#access ul.expanded { display:block; }
		
		#access ul {
			padding-top:15px;
			padding-bottom:15px;
			width:330px;
			background:#f0eeeb;
			margin-left:auto;
			margin-right:auto;
			margin-top:100px;
			border:2px solid #be0026;
			float:none;
		}
		#access li {
			margin-left:0px;
			padding-left:15px;
			padding-top:20px;
			width:calc(100% - 15px);
			position: relative;
			border-bottom:0px solid #40b9ea;
			float:none;
			display:block;
		}
		#access a {
			display: block;
			line-height: 20px;
			font-size:20px;
			padding: 0px;
			text-decoration: none;
			text-transform:uppercase;
		}
		#access .selected { background:#f0eeeb;  }
		#access li:hover { background:#f0eeeb;  }
		#access a:hover, .site #access .selected a { color:#75684c; }
		#access .site_nav .nav2 { padding-left:20px; width:calc(100% - 20px); display:block; }
		
		#access li ul {
			padding-top:0px;
			padding-bottom:0px;
			width:100%;
			background:#f0eeeb;
			margin-left:auto;
			margin-right:auto;
			margin-top:0px;
			border:0px solid #be0026;
			float:none;
			display:none;
		}
		#access li ul li {
			margin-left:0px;
			cursor:pointer;
			padding-left:0px;
			padding-top:0px;
			width:100%;
			position: relative;
			border-bottom:0px solid #40b9ea;
			float:none;
			display:block;
		}
		#access li ul li a {
			display:block;
			cursor:pointer;
			line-height: 14px;
			font-size:14px;
			font-weight:400;
			padding: 0px;
			text-decoration: none;
			text-transform:uppercase;
			height:20px;
			color:#cd2628;
		}
		#access .selected ul li a { color:#cd2628; }
		#access .selected ul li .selected { color:#75684c; }
		
		
		
		.site div.mitte .textblock { position:relative; width:calc(100% - 80px); padding-left:40px; padding-right:40px; line-height:23px; /*text-align:justify;*/ 
			-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
		.site div.mitte h1 { position:relative; width:calc(100% - 80px); padding-left:40px; padding-right:40px; text-align:center; color:#cd2628; text-transform:uppercase; display:block; font-size:18px; line-height:22px; font-weight:600; }
		.site div.mitte h2 { position:relative; width:calc(100% - 80px); padding-left:40px; padding-right:40px; text-align:left; color:#786b50; display:block; line-height:22px; font-size:18px; font-weight:400; }
		.site div.mitte .textblock h1, .site div.mitte .textblock h2 { width:100%; padding:0px; }
		
		.site div.mitte .textblock_img { float:left; width:61.4%; margin-left:6%; }
		.site div.mitte .block_img { float:left; width:32.6%; }
		.site div.mitte .block_img img { max-width: 100%; }
		.site div.mitte .textblock::after { content:''; display:block; clear:both; }
		
		.site div.mitte .textblock_img h2 { margin-top:0px; }
		
		.site div.mitte .textblock a, .site div.mitte .textblock a:link { font-weight:normal; color:#cd2628; text-decoration:none; font-style:italic; }
		.site div.mitte .textblock a:hover { font-weight:normal; text-decoration:underline; font-style:italic; color:#df0036; }
		.site div.mitte .textblock a:visited, .site div.mitte .textblock a:active { font-weight:normal; color:#cd2628; text-decoration:none; font-style:italic; }
		
		.site div.mitte.kalender h1 { color:#cd2628; text-align:center; font-weight:600; }
		.site div.mitte.kalender h2, .site div.mitte.kalender h2 a { text-transform:uppercase !important; color:#cd2628; font-weight:600 !important; margin-top:0px; font-style:normal !important; }
		.site div.mitte.kalender p { margin-top:0px; margin-bottom:0px; }
		.site div.mitte.kalender .monate { text-align:center; font-size:20px; line-height:24px; }
		.site div.mitte.kalender .monate a { font-style:normal; text-decoration:none; } 
		.site div.mitte.kalender .textblock a { color:#cd2628; }
		.site div.mitte.kalender .textblock a:link, .site div.mitte.kalender .textblock a:hover { color:#cd2628; }
		.site div.mitte.kalender .textblock a.selected { font-weight:bold; }
		.site div.mitte.kalender.border-bottom .textblock:after { display:block; content:''; width:100%; border-bottom:2px dotted #cd2628; margin-top:35px; }
		.site div.mitte.kalender .no-border { border-top:0px; }
		.site div.mitte.kalender .textblock .mehr { padding-right:15px; background:url(../imgs/mehr.jpg) no-repeat center right; margin-right:20px; }
		.site div.mitte.kalender .textblock .mehr:hover { background:url(../imgs/mehr-hover.jpg) no-repeat center right; color:#786b50; text-decoration:none; }
				
		.site div.mitte.kalender .datum { color:#786b50; margin-bottom:0px; font-size:18px; line-height:22px; text-align:left; }
		
		.site div.mitte.kalender .datum:before { display:block; content:''; border-top:2px dotted #cd2628; border-bottom:2px dotted #cd2628; position:relative; width:100%; height:7px; margin-bottom:16px; margin-top:12px; }
		.site div.mitte.kalender .datum.first { border:0px solid; }
		.site div.mitte.kalender .datum.first:before { display:none; }
		
		.site div.mitte .datum { color:#786b50; margin-bottom:0px; font-size:18px; line-height:22px; font-weight:400;text-align:left; }
		.site div.mitte .komponist { margin-bottom:0px; font-size: 18px; line-height: 22px; font-weight:400; margin-top:0px; }
		.site div.mitte .komponist b { color:#786b50; }
		.site div.mitte .titel { font-weight:800; text-align:left; color:#786b50; text-transform:uppercase; }
		.site div.mitte .subtitel { color: #786b50; text-transform: uppercase; display: block; font-size: 18px; line-height: 22px; font-weight: 800; }
		.site div.mitte .kuenstler { margin-bottom:0px; font-size: 18px; line-height: 22px; font-style:italic; font-weight:400; margin-top:0px; }
		.site div.mitte .preise { color:#786b50; font-style:italic; font-weight:400; }
		.site div.mitte .textblock .mehr { color:#cd2628 !important; padding-right:15px; background:url(../imgs/mehr.jpg) no-repeat center right; margin-right:20px; }
		.site div.mitte .textblock .mehr:hover { background:url(../imgs/mehr-hover.jpg) no-repeat center right; color:#786b50 !important; text-decoration:none; }
		
		.site div.mitte .textblock .back { color:#cd2628 !important; padding-left:15px; background:url(../imgs/back.jpg) no-repeat center left; margin-right:20px; }
		.site div.mitte .textblock .back:hover { background:url(../imgs/back-hover.jpg) no-repeat center left; color:#786b50 !important; text-decoration:none; }
	
/********** ENDE ***********/
	
	
	
/*--------------------------------------------------------------------------------------------------*/

/******** CONTENT **********/


	/******** Allg *********/
	
	div.text{ position:relative; margin-left:220px; width:427px; }
	div.text_gross{ position:relative; width:966px; }
	div.text_zwei, div.text_zwei_kl, div.text_zwei_gr{ position:relative; width:483px; float:left; border:0px solid; }
	div.text_zwei_kl{ width:312px; }
	div.text_zwei_gr{ width:604px; margin-left:50px; }
	div.text_drei{ position:relative; width:230px; float:left; border:0px solid; }
	div.links{ position:relative; width:207; float:left; }
	div.rechts{ position:relative; width:427; float:right; }
	div.links_klein{ position:relative; width:207; margin-right:13px; float:left; }
	div.rechts_klein{ position:relative; width:207; float:right; }
	div.clear{ clear:both; }
	div.text_gross a, div.mitte a, div.text a, div.text_zwei a, div.text_zwei_kl a, div.text_zwei_gr a, div.text_drei a, div.links a, div.rechts a, div.links_klein a, div.rechts_klein a, .text_klein a { color:#000000; font-weight:bold; }
	div.text_gross ul, div.mitte ul, div.text ul, div.text_zwei ul, div.text_zwei_kl ul, div.text_zwei_gr ul, div.text_drei ul, div.links ul, div.rechts ul, div.links_klein ul, div.rechts_klein ul, .text_klein ul { list-style:url(../imgs/minus.png); padding-left:15px; padding-top:0px; padding-bottom:0px; margin:0px; }

	div.text_zwei_gr cite, div.text_gross cite { font-size:35px; line-height:40px; }
	
	.bild_rechts { float:right; margin-left:13px; }
	.bild_links { float:left; margin-right:13px; }
	.bild_beides { float:both; margin-left:13px; margin-right:13px; }
	/***********************/
	
	.foto_gal_inner{ border:3px solid #ffffff; display:inline; }
	.foto_gal_outer{ border:1px solid #aaaaaa; margin-right:5px; margin-bottom:5px; display:block; width:99px; float:left; }
	
	.table_row{ padding:5px; font-size:11px; }
	.table_row_color{ background:#f7ebe5; }
	.first_row{ background:#a34333; color:#ffffff; font-weight:bold; }
	
	.pdf{ color:#a34333 !important; }
	
	.text_zwei_kl .teaser, .text_zwei_gr .teaser { position:relative; width:232px; height:252px; padding:30px 40px; color:#ffffff; background:#666666; overflow:hidden; }
	.text_zwei_kl .teaser cite, .text_zwei_gr .teaser cite { line-height:1.5; }
	.text_zwei_gr .teaser { width:524px; }
	*html .text_zwei_kl .teaser{ width:312px; height:312px; }
	*html .text_zwei_gr .teaser{ width:604px; height:312px; }
	
	
	
	.download { position:relative; width:310px; border:1px solid #000000; padding-bottom:15px; }
	.download h2 { background:#000000; color:#ffffff; font-weight:bold; width:auto; display:block; padding-left:30px; padding-top:3px; padding-bottom:5px; font-size:15px; margin-bottom:15px; }
	.download p { margin:0px; padding:0px; padding-left:30px; padding-right:25px; }
	.download a { font-weight:normal !important; margin-bottom:8px; line-height:36px; }
	.download a:hover { font-weight:normal !important; text-decoration:underline !important; }
    .download .icon_pdf, .download .icon_doc, .download .icon_xls, .download .icon_zip, .download .icon_rar, .download .icon_mp4, .download .icon_mp3, .download .icon_mpg, .download .icon_jpg { padding-left:35px; padding-top:10px; padding-bottom:10px; background:url(../imgs/pdf.gif) center left no-repeat; font-size:12px !important; }
    .download .icon_doc { background:url(../imgs/doc.gif) center left no-repeat; }
    .download .icon_xls { background:url(../imgs/xls.gif) center left no-repeat; }
    .download .icon_zip { background:url(../imgs/zip.gif) center left no-repeat; }
    .download .icon_rar { background:url(../imgs/rar.gif) center left no-repeat; }
    .download .icon_mp4 { background:url(../imgs/mp4.gif) center left no-repeat; }
    .download .icon_mp3 { background:url(../imgs/mp3.gif) center left no-repeat; }
    .download .icon_mpg { background:url(../imgs/mpg.gif) center left no-repeat; }
    .download .icon_jpg { background:url(../imgs/jpg.gif) center left no-repeat; }
	
	.navbar {
		position: fixed;
		right: 0px;
		top: 205px;
		background: #cd2628;
		padding: 30px;
		left: 50%;
		width: 260px;
		margin-left: 292px;
	}
	
	.navbar ul { margin:0px; padding:0px; list-style:none; }
	.navbar ul a, .navbar ul a:hover { color:#fff; text-decoration:none; display:block; }
	.navbar ul li { border-bottom:2px dotted #fff; padding-top:3px; padding-bottom:3px; }
	.navbar ul li.last { border-bottom:0px; }
	.navbar ul a.selected { font-weight:600; padding-left:15px; background:url(../imgs/a-select.png) no-repeat center left; background-size:auto 50%; }
	
	.navbar-content { display:none; }

/********** ENDE ***********/

/*--------------------------------------------------------------------------------------------------*/



/********** ADMIN **********/
#anav { position:relative; top:0px; left:0px; z-index:5; margin-bottom:20px; }
.checkbox { border:0px; width:20px;}
.input_200{ width:300px; height:20px; padding:0px; line-height:18px; }
.select_200{ width:300px; height:20px; padding:0px; line-height:18px; }
.submitb { height:22px; height:22px; cursor:pointer; }
.submitb_80, .submitb_80_rot, .submitb_80_grau { width:100px; height:22px; }
.submitb_80_rot { background:#e31f24; color:#ffffff; border:1px solid #e31f24; }
.submitb_80_grau { background:#a3bd21; color:#ffffff; border:1px solid #a3bd21; }
.anav_activ { background:#000000; color:#ffffff; }
hr{ border:0px solid; border-top:1px solid; line-height:1px; font-size:1px; height:0px; }
.delete { background:#ff0000; color:#fff; border:1px solid #ff0000; }

#anav { padding-left:50px; }
.site #anav { padding-left:40px; }
.site #page.admin_edit { max-width:1000px; }

#content .admin_table{ margin-left:50px; }
.site #content .admin_table{ margin-left:40px; }

/********** ENDE ***********/

/********** Sitemap **********/
.sitemap_ebene1, .sitemap_ebene2, .sitemap_ebene3{ text-decoration:none; color:#96bd11; }
.sitemap_ebene2{ margin-left:25px; }
.sitemap_ebene3{ margin-left:50px; }
/********** ENDE ************/





@media screen and (max-width: 1575px){
	div#page { width:100%; }
	div#content .mitte img { max-width:100%; height:auto; }
	#access .navpos { width:100%; }
	div.mitte .slider-content h1, div#kopf h1, div.mitte h1, div.mitte h2 { width:90%; padding-left:5%; padding-right:5%; display:block; }
}

@media screen and (max-width: 1550px){
	div.mitte .preview_thumb .preview_titel a { font-size:40px; line-height:43px; }
	div.mitte .preview_thumb .preview_titel { padding-bottom:20px; }
}

@media screen and (max-width: 1325px){
	div.mitte .preview_thumb .preview_titel a { font-size: 35px; line-height: 38px; }
}

@media screen and (max-width: 1200px){
	
	.site div#content { margin-top: 150px; }
	.site div#content.top_content { margin-top:150px; }
	.navbar { display:none; }
	
	.navbar-content { display:block; width: calc(100% - 80px); max-width:505px; margin-left: auto; margin-right: auto; background: #cd2628; margin-top:20px; position:relative; }
	.navbar-content-button { display:block; cursor:pointer; color:#fff; padding-left:20px; padding-right:20px; padding-top:3px; padding-bottom:3px; background:url(../imgs/pfeil-navbar-content.png) no-repeat center right; background-size:auto 50%; }
	.navbar-content ul { margin:0px; padding:0px; list-style:none; display:none; background:#f1eee4; height:auto; padding-left:20px; padding-right:20px; }
	.navbar-content ul a, .navbar-content ul a:hover { color:#cd2628; text-decoration:none; }
	.navbar-content ul li { border-bottom:2px dotted #cd2628; padding-top:3px; padding-bottom:3px; }
	.navbar-content ul li.last { border-bottom:0px; }
	.navbar-content ul a.selected { font-weight:600; }
	
}

@media screen and (max-width: 1175px){
	div.mitte .preview_thumb .preview_titel a { font-size: 30px; line-height: 33px; }
}

@media screen and (max-width: 1160px){
	.start_bg { background-size:100% auto; }
	.start_footer_bg { background-size:100% auto; }
}

@media screen and (max-width: 1020px){
	div.mitte .preview_thumb .preview_titel a { font-size: 25px; line-height: 28px; }
	#access ul { width:62%; }
}

@media screen and (max-width: 965px){
	div.mitte .aktuelles_thumb { position:relative; display:block; width:100%; }
	div.mitte .aktuelles_thumb .teaser { position:relative; width:50%; margin-left:auto; margin-right:auto; margin-top:30px; }
	#access ul { width:60%; }
}
		
@media screen and (max-width: 925px){
	/*div.mitte .slider-content h1, div#kopf h1 { font-size: 40px; line-height: 46px; margin-top: 30px; margin-bottom:18px; }*/
	div.mitte h2 { font-size: 40px; line-height: 46px; }
	/*#access #menu-button { width:4.5%; left:50%; margin-left:22%; top:-80px; padding:1.5%; }*/
}

@media screen and (max-width: 905px){
	div.mitte .aktuelles_thumb .teaser { position:relative; width:60%; margin-left:auto; margin-right:auto; margin-top:30px; }
}

@media screen and (max-width: 900px){

		.lang {
			left: 50%;
			margin-left: 100px;
			top: 5vw;
		}

	div#content { margin-top:100px; }
	div#kopf:before { content:' '; display:block; position:absolute; top:0px; left:0px; width:100%; height:100px; background:#ffffff; } 
	div#kopf { position: fixed;
		top: 0px;
		left: 0px;
		display: block;
		width: 100%;
		z-index: 9999;
height:auto;		}
	div#kopf .logo_gross{ display:none; }
	.site div#kopf .logo_klein, div#kopf .logo_klein{ display:block; margin-bottom:0px; left:50%; margin-left:-10.0%; width:8.63%; height:auto; top:0px; }
	.site div#kopf .logo_klein img, div#kopf .logo_klein img { max-width:100%; }
	
	#access { 
		position:fixed; 
		top:73px; 
		left:0px;
		display: block;
		width:100%;
		z-index:9999;
	}
	
	#access .navpos { position:relative; width:100%; margin-left:auto; margin-right:auto; margin-top:-1px; padding-top:1px; }
	
	#access .close { display:block; }
	#access ul { display:none; }
	.site #access #menu-button,#access #menu-button { display:block; width:8.63%; height:auto; margin-left:1.3%; }
	#access ul.expanded { display:block; }
	
	#access ul {
		padding-top:15px;
		padding-bottom:15px;
		width:330px;
		background:#f0eeeb;
		margin-left:auto;
		margin-right:auto;
		margin-top:100px;
		border:2px solid #be0026;
		float:none;
	}
	#access li {
		margin-left:0px;
		padding-left:15px;
		padding-top:20px;
		width:calc(100% - 15px);
		position: relative;
		border-bottom:0px solid #40b9ea;
		float:none;
		display:block;
	}
	#access a {
		display: block;
		line-height: 20px;
		font-size:20px;
		padding: 0px;
		text-decoration: none;
		text-transform:uppercase;
	}
	#access .selected { background:#f0eeeb;  }
	#access li:hover { background:#f0eeeb;  }
	#access a:hover, .site #access .selected a { color:#75684c; }
	#access .site_nav { display:block; }
	
	#access li ul {
		padding-top:0px;
		padding-bottom:0px;
		width:100%;
		background:#f0eeeb;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		border:0px solid #be0026;
		float:none;
	}
	#access li ul li {
		margin-left:0px;
		padding-left:0px;
		padding-top:0px;
		width:100%;
		position: relative;
		border-bottom:0px solid #40b9ea;
		float:none;
		display:block;
	}
	#access li ul li a {
		display: block;
		line-height: 14px;
		font-size:14px;
		font-weight:400;
		padding: 0px;
		text-decoration: none;
		text-transform:uppercase;
		height:20px;
		color:#cd2628;
	}
	#access .selected ul li a { color:#cd2628; }
	#access .selected ul li .selected { color:#75684c; }
	
}

@media screen and (max-width: 890px){
	div.mitte .preview_thumb .preview_titel a { font-size: 20px; line-height: 23px; }
}

@media screen and (max-width: 850px){
	div.mitte .slider-content h1, div#kopf h1 { font-size: 30px; line-height: 35px; }
}

@media screen and (max-width: 835px){
	div.mitte .block2, div.mitte .block4 { float:right; }
	div.mitte .block4 { width:100%; }
	div.mitte .block2 { width:50%; }
	div.mitte .b2_mobile { position:absolute; bottom:calc(-100% - 298px); left:0px; }
	div.mitte .b2_platzhalter { display:block; width:100%; height:auto; }
	
	div.mitte .preview_thumb { width:50%; }
	div.mitte .preview_thumb .preview_titel a { font-size:30px; line-height:33px; }
		
	
}

@media screen and (max-width: 800px){
	div#content { margin-top: 90px; }
	.site div#kopf::before, div#kopf::before { height:90px; }
}

@media screen and (max-width: 750px){
	/*#access #menu-button { width:5.5%; left:50%; margin-left:27%; top:-80px; padding:1.8%; }*/
	.lang {
			left: 50%;
			margin-left: 100px;
			top: 4vw;
		}
}

@media screen and (max-width: 745px){
	div.mitte .aktuelles_thumb .teaser { position:relative; width:70%; margin-left:auto; margin-right:auto; margin-top:30px; }
}

@media screen and (max-width: 730px){
	div.mitte .preview_thumb .preview_titel a { font-size: 25px; line-height: 28px; }
	div.mitte .slider-content h1, div#kopf h1 { font-size: 25px; line-height: 35px; }
}

@media screen and (max-width: 700px){
	.start-slider { width:340px; }
}

@media screen and (max-width: 685px){
	div#content { margin-top: 80px; }
	.site div#kopf::before, div#kopf::before { height:80px; }
}

@media screen and (max-width: 675px){
	div.mitte h2 { font-size: 32px; line-height: 37px; }
}

@media screen and (max-width: 660px){
	div.mitte .preview_thumb .preview_titel { height: calc(22% - 18px); }
	.site #access #menu-button,#access #menu-button { width:55px; height:auto; }
	.site div#kopf .logo_klein, div#kopf .logo_klein { width:55px; height:auto; margin-left: -60px; }
	.site div#content { margin-top: 120px; }
}

@media screen and (max-width: 635px){
	div.mitte .aktuelles_thumb .teaser { position:relative; width:80%; margin-left:auto; margin-right:auto; margin-top:30px; }
}

@media screen and (max-width: 610px){
	
	/*.site div#kopf .logo_klein, div#kopf .logo_klein{ display:block; margin-bottom:0px; left:50%; margin-left:-65px; width:50px; height:auto; }
	.site div#kopf::before, div#kopf::before { height:70px; }
	.site div#content, div#content { margin-top: 70px; }*/
	
	.lang {
			left: 50%;
			margin-left: 100px;
			top: 25px;
		}
	
	.site div#kopf::before { width:100%; left:0px; margin-left:0px; }
	div.mitte .slider-content h1, div#kopf h1 { font-size: 25px; line-height: 25px; }
}


@media screen and (max-width: 575px){
	div.mitte .preview_thumb .preview_titel a { font-size: 20px; line-height: 23px; }
	
	.lang {
		left: 50%;
		margin-left: 100px;
		top: 3px;
		width: 75px;
	}
	.lang a, .lang a:hover {
		padding: 0px 5px;
		width: 70px;
		text-align: center;
		margin-bottom: 2px;
	}
}

@media screen and (max-width: 570px){
	div.mitte .b2_mobile { position:absolute; bottom:calc(-100% - 348px); left:0px; }
}

@media screen and (max-width: 560px){
	div.mitte .aktuelles_thumb .teaser { position:relative; width:90%; margin-left:auto; margin-right:auto; margin-top:30px; }
}

@media screen and (max-width: 525px){
	/*div#footer .footer-navi { padding-bottom:15px; }*/
	/*#access #menu-button { width:7%; left:50%; margin-left:35%; top:-80px; padding:3%; }*/
	
	div.mitte .start-slider { height: 270px; margin-bottom: 170px; }
	div.mitte .zs-titel { margin-top: 280px; }
	div.mitte .zs-enabled .zs-slideshow .zs-bullets { top: 390px; }
	table { display:block; overflow:auto; width:100% !important; height:auto !important; }
	table tbody { display:block; width:440px; }
}

@media screen and (max-width: 505px){
	div.mitte .preview_thumb .preview_titel { height: calc(22% - 13px); }
}

@media screen and (max-width: 500px){
	.start-slider { width:300px; }
	div.mitte .aktuelles_thumb .teaser .t_text { float:none; padding-top:15px; padding-bottom:15px; width: calc(100% - 30px); margin-top:-7px; }
	div.mitte .aktuelles_thumb .teaser img { width:100%; float:none; margin-top: -7px; }
	div.mitte .aktuelles_thumb .teaser { position:relative; width:70%; margin-left:auto; margin-right:auto; margin-top:30px; }
	
	div.mitte .aktuelles_thumb .teaser .t_img img { left:-36%; }
	div.mitte .aktuelles_thumb .teaser .t_img { width:100%; float:none; }
	
}

@media screen and (max-width: 490px){
	div.mitte h2 { font-size: 26px; line-height: 30px; }
}

@media screen and (max-width: 475px){
	.site div.mitte .textblock_img { float:none; width:100%; margin-right:0%; }
		.site div.mitte .block_img { float:none; width:100%; margin-top:30px; }
		.site div.mitte .block_img img {  }
}	

@media screen and (max-width: 470px){
	div.mitte .slider-content h1, div#kopf h1 { font-size: 21px; line-height: 24px; }
	div.mitte .b2_mobile { position:absolute; bottom:calc(-100% - 398px); left:0px; }
}
		
@media screen and (max-width: 450px){
/*	#access #menu-button { width:7%; left:50%; margin-left:35%; top:-80px; padding:2%; }*/
	div.mitte .preview_thumb .preview_titel a { font-size: 17px; line-height: 20px; }
	.lang {
		margin-left: 75px;
	}
}

@media screen and (max-width: 435px){
	div.mitte .aktuelles_thumb .teaser .t_img img { left:-50%; }
}

@media screen and (max-width: 415px){
	div.mitte .textblock { padding-left:8%; padding-right:8%; width:84%; }
}

@media screen and (max-width: 395px){
	/*#access #menu-button { width:7%; left:50%; margin-left:35%; top:-80px; padding:1.5%; }*/
	.site #access ul, #access ul { width:97%; padding-top:30px; padding-bottom:30px; margin-top:0px; margin-left:1%; }
	.site #access li, #access li { width:75%; padding-left:12.5%; padding-right:12.5%; }
}

@media screen and (max-width: 385px){
	div.mitte .preview_thumb .preview_titel { height: calc(22% - 4px); }
	div.mitte .preview_thumb .preview_titel a { font-size: 15px; line-height: 18px; }
	div.mitte .aktuelles_thumb .teaser .t_img img { left:-65%; }
}

@media screen and (max-width: 370px){
	div.mitte .textblock { padding-left:10%; padding-right:10%; width:80%; }
	div.mitte .b2_mobile { position:absolute; bottom:calc(-100% - 448px); left:0px; }
	
	div.mitte .preview_thumb { width:100%; }
	div.mitte .preview_thumb .preview_titel { height: calc(22% - 18px); }
	div.mitte .preview_thumb .preview_titel a { font-size:30px; line-height:33px; }
}

@media screen and (max-width: 370px){
	div.mitte .b2_mobile { position:absolute; bottom:calc(-100% - 498px); left:0px; }
}

@media screen and (max-width: 360px){
	div.mitte h2 { font-size: 21px; line-height: 24px; }
	#access a { padding-top:11px; }
	#access #menu-button a { padding-top:0px; }
}

@media screen and (max-width: 345px){
	#access a { padding-top:8px; }
	div.mitte .preview_thumb .preview_titel a { font-size:25px; line-height:28px; }
	div.mitte .aktuelles_thumb .teaser .t_img img { left:-80%; }
}

@media screen and (max-width: 325px){
	div.mitte .slider-content h1{ margin-top:2px; }
}

.datenschutz h2 { padding-left:0px !important; }

#layerStartseite {
	position: absolute; top: 100px; left: 50%; margin-left: -250px; height: auto; z-index: 9999; max-width: 100%;
}

@media screen and (max-width: 525px){
	#layerStartseite {
		top: 100px; left: 0%; margin-left: 0px; 
	}
}