/* Allgemein */
body { 
	background:#EBEDE2; /* hellgrün */
	font-size:100%;
	font-family: Verdana;
 	margin:0em;
	padding:0em;
	border: none;
	text-decoration: none;
}

h1 {
	font-size:2.5em;
	line-height:2.5em;
	font-weight:100;
	color:#FF8000;   /* orange */
	text-align:center;
}

h1.link:hover {
		color:#000000;
}


h2 {
	font-size:1.563em;
	line-height:1.8em;
	font-weight:100;
	color:#FF8000;   /* orange */
	padding:2em 0em 0.75em 0em;   
	text-align:left;
}

h2.jahr {
	border-bottom: 1.5px solid #FF8000;
}
h3 {
	font-size:1.0em;
	line-height:1.8em;
	font-weight:bold;
	color:#000000;    /* schwarz */ 
	margin-top:0px;
	text-align:left;
}


h3.link:hover {
		color:#FF8000;
}

p {
	line-height:1.8em;
	color:#000000;     
	font-weight: 400;
	margin: 0em;
	text-align:justify;
}

p.link:hover {
		color:#000000;
}
p.quelle {
	line-height:1.2em;
	font-size:90%;
	color:#000000;
	margin:0em;
	padding:0em; 
	text-align:right;
}

p.copyright {
	line-height:1.0em;
	font-size:70%;
	color:#000000;
	margin:0em;	
	margin-bottom:0.9em;
	padding:0em; 
	text-align:right;
}

p.copyright_termine {
	line-height:0.6em;
	font-size:70%;
	color:#000000;
	margin:0em;	
	margin-bottom:0.9em;
	padding:0em; 
	text-align:left;
}

p.bildnachweis {
	line-height:1.0em;
	font-size:60%;
	color:#000000;
	margin:0em;	
	margin-bottom:0.9em;
	padding:0em; 
	text-align:left;
}

p.bildunterschrift {
	line-height:1.0em;
	font-size:70%;
	color:#000000;
	margin:0em;	
	margin-bottom:0.9em;
	padding:0em; 
	text-align:left;
}

p.gefoerdert {
	line-height:1.0em;
	font-size:70%;
	color:#000000;
	margin:0em;	
	padding:0em; 
	padding-top: 0.5em;
	text-align:left;
}

p.dialog {
	font-size:100%;
	color:#000000;
	margin:0em;
	padding:0em 2em; 
	text-align:justify;
}

p.zitat {
	font-size:80%;
	font-style:italic;
	letter-spacing:0.2em;
	color:#000000;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	margin: 3em 0em;
	padding:1em 6em; 
	text-align:center;
}


p.audio {
	text-align:left;
}

p.gallerie {
	text-align:center;
}

p.linkespalte {
	line-height:1.2em;
	font-size:90%;
	color:#000000;
	margin:0em;	
	margin-bottom:0.5em;
	padding:0em; 
	text-align:left;
}

ul {
	margin:0px;
	padding:0px;
}

li {
	list-style:square;
	font-weight:100;
	color:#000000;
	line-height:1.25em;
	margin:0.313em 0em 0.313em 0em;
	padding:0em;
}

img {
	width:100%;
	height:auto;
	max-width:100%;
}

.grow { transition: all .5s ease-in-out; }
.grow:hover { transform: scale(1.03); }

img.termin {
	width:125px;
	margin:0em;
}

img.termin_breit {
	width:180px;
	margin:0.25em 0.25em;
}

img.logo-gefoerdert {
	height:40px;
	width:auto;
	margin:0.25em 0.25em;
}

img.logo-ndr {
	height:40px;
	width:auto;
	transition: all .5s ease-in-out;
}
.logo-ndr:hover { transform: scale(1.03); }

img.terminheight {
	height:111px;
	width:58px;
	margin:0.25em 0.25em;
}

img.gallerie {
	width:250px;
	margin:0.25em 0.25em;
}

img.fancybox-img {
    border-width: 0px;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
}

img.logo {
	height:20px;
	width:auto;
}

img.kontakt {
	height:300px;
	width:auto;
}
/* 30.10.2018: Farbe des Pfeiles geändert Orange, bei Mouseover: Schwarz */
.bildwechsel {display:inline-block; width:20px; height:20px; background:url("../images/pfeil_rechts_20_orange.png"); }
.bildwechsel:hover {display:inline-block; background:url("../images/pfeil_rechts_20_schwarz.png") }
.bildwechsel a {display: inline-block; text-decoration: none;}
.bildwechsel a span {display: inline-block;}

a {
	text-decoration: none;
	border: none;
	color: #000000;
}

a:hover, a:active {
	color:#FF8000;
}

a:link img {
border: none;
}
a:visited img {
border: none;
}

td {
	line-height:1.8em;
	font-weight:400;
	color:#000000;
	padding:0em 1.25em 0em 0em;
	text-align:justify;
}

/* On top bar */
#menubar {
	display:block;
	background:#FFFFFF;
}

#menubar ul {
	display:block;
	width:2em;
	padding:0.9em;	
}

#menubar ul li {
	display:inline;
}

#menubar ul li a.menubutton{
	display:none;
}

/* Header */
header {
	display:block;
	background:#FFFFFF;
	text-align:center;
	margin:-1.875em 0em -1.875em 0em;
}

/* Navigation */
nav {
	display:block;
	height:2.5em;
	background:#FFFFFF;
	text-align:center;
	border-bottom:0.188em solid #FF8000; 
}

nav ul {
	display:block;
}

nav ul li {
	display:inline;
	margin:0em 1.5em 0em 1.5em;
}

nav ul li a {
	color:#454040;
	font-size:1.125em;
	line-height:2.5em;
	padding:0.563em 0em 0.563em 0em;
	transition:background 0.2s;
	-webkit-transition:background 0.2s;
}


nav ul li a:hover, a:active {
	color:#FF8000;
}



ul { 
  list-style: circle;
}




/* Content Area */
#main {
	display:block;
	max-width:940px;
	margin: auto;
	padding:0em;
}

#main article {
	display: inline-block;
	width:92%;
	vertical-align:top;
	margin:0em;
	padding:0em 4em;
	text-align:justify;
}


/************************************ 
* 			Mobile Style 
************************************/



@media screen and (max-width:1050px) {
	body {
		width:100%;
		display:block;
		font-size:100%;
		margin:0em 0em 0em 0em;
	}

	nav ul li {
		margin:0em 1.2em 0em 1.2em;
	}
	nav ul li a {
		font-size:1em;
	}
}

@media screen and (max-width:900px) {
	body {
		width:100%;
		display:block;
		font-size:90%;
	}
	
	nav ul li {
		margin:0em .8em 0em .8em;
	}
	
	nav ul li a {
		font-size:1em;
	}
}


@media screen and (max-width:770px) {	
	
#main article {
	padding:0em 2em;
}

	h1 {
		font-weight:300;
	}

	h2 {
		font-weight:300;
	}

	
	body {
		font-size:90%;
	}
	
	#menubar ul li a.menubutton {
		display:block;
	}

	nav {
		display:none;
		height:auto;
	}
	nav ul li {
		font-weight:400; 
		display:block;
		margin: 0.3em 0em 0.3em 0em;
		
	}
}