body,html {
	font-family: "Source Sans Pro", "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	margin:  0px 0 0 0;
	padding: 0 0 0 0;
	color: #000721; height: 100%; 
	/*background: #f22804; 
	background: -moz-linear-gradient(-45deg,  #f22804 0%, #8f0222 75%, #6d0019 100%); 
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f22804), color-stop(75%,#8f0222), color-stop(100%,#6d0019)); 
	background: -webkit-linear-gradient(-45deg,  #f22804 0%,#8f0222 75%,#6d0019 100%); 
	background: -o-linear-gradient(-45deg,  #f22804 0%,#8f0222 75%,#6d0019 100%); 
	background: -ms-linear-gradient(-45deg,  #f22804 0%,#8f0222 75%,#6d0019 100%); 
	background: linear-gradient(135deg,  #f22804 0%,#8f0222 75%,#6d0019 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22804', endColorstr='#6d0019',GradientType=1 ); 
	*/
	background: #D7E9BF;
	/*overflow: hidden;*/ 
}
body.loading {  }
body.preview {  background: url(../images/ICON_PagePeel_preview_right.png) no-repeat top right #D7E9BF; }
body.imprint {}
	
	#logo { position: absolute; right: 4.25531914893617% /* 40 / 940 */; top: 0px /*37px*/; z-index: 8999; width: 13.829787234042554% /* 130 / 940 */;   height: 110px; background: url(../images/NABU_Logo_mit_Balken_4c.png) no-repeat right top /contain transparent; }
	
	.wrapper { height: 100%; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; position: absolute; top: 0px; left: 0px; }
	
	#main {
		/*float: left;*/
		margin: auto; position: relative;
		margin-top: 0%;
		overflow: visible; margin-top: 100px; margin-bottom: 40px;
		height: 97%; width: 97%; 
		height: 762px; max-width: 762px;
		background: none;
		
	}
		body.imprint #main { padding-bottom: 80px; }

	#loading { display: none; z-index: 89999; position: absolute; width: 84px; height: 84px; top: 50%; left: 50%; margin-left: -42px; margin-top: -42px; background: url(../images/ajax-loader_13.gif) no-repeat top center transparent; text-align: center; padding-top: 64px; font-size: 0.6em; }
	.loading #loading { display: block; }
	
	#message { 
		background: #fcfcfc url("../images/ICON_info.png") no-repeat scroll 7px center / 20% auto;
		border-radius: 7px;
		display: none;
		font-size: 0.8em;
		line-height: 1.1em;
		max-width: 221px;
		padding: 10px 10px 10px 62px;
		position: absolute;
		left: 46.5%;
		top: 30px;
		z-index: 89999;
    	}
	.message-bottom { color: #004e8b; display: block; margin-bottom: 0px; }
	text {
		/*font-family: Arial, sans-serif;*/
		font-size: 9px;
		color: #ffffff;
		-webkit-filter: drop-shadow( 2px 2px 2px #000 );
		filter: drop-shadow( 2px 2px 2px rgba(0,0,0,1.0)); 
		pointer-events: none;
	}
	
	a, a:link, a:visited { outline: none; }
		a:hover, a:focus {}
		
		.row a, .row-fluid a { text-shadow: 0px 0px 1px rgba(0, 105, 179,0.2); color: #0168B3; text-decoration: underline; }
			.row a:hover, .row-fluid a:hover { color: #6F9DD3; text-decoration: underline; }
		.row a[class*='btn-primary'], .row-fluid a[class*='btn-primary'] { text-shadow: none; color: #ffffff; text-decoration: none; }
			.row a[class*='btn-primary']:hover, .row-fluid a[class*='btn-primary']:hover { color: #ececec; text-decoration: none; }
		
	h1,h2,h3,h4,h5 { font-weight: 600; }
		div#title { position: absolute; top: 33px; left: 40px; z-index: 8999; }
		h1.title { font-weight: 700; font-size: 3.2em; margin-bottom: 5px; }
		.row h5, .row-fluid h5 { width: 100%; font-size: 1.3em; letter-spacing: 0.5px; text-transform: uppercase; color: #0168b3; }
		h5.title_sub { font-weight: 400; font-size: 1.35em; margin-top: 0px; color: #0168b3; }
		h2.title { z-index: 8999; color: #0168b3; font-size: 2.5em; margin: 0px 0px 20px 0px; text-align: left; }
		div#title_gfx { position: absolute; top: 20px; left: 20px; max-width: 242px; max-height: 64px; width: 20%; height: 10%; background: url(../images/EKD_title_V2.png) no-repeat top left /contain transparent; }
		div.subtitle { float: left; display: block; width: 100%;}
		h4 { float: none; font-weight: 700; font-size: 1.2em; max-width: 90%; line-height: 1.2em; display: table; padding: 3px 15px 5px 15px; border-radius: 10px; -webkit-border-radius: 10px; background: #0168B3; color: #ffffff; text-align: center; margin: 20px auto 20px auto; }
		h4.scene-dividor-subhead { position: relative; margin-top: -20px; margin-bottom: -44px; z-index: 89999; }
		.headline_top { margin-top: 5px; }
		
	/* some font type adjustments as easy usable class for headlines or paragraphs if needed*/
	.sans-serif { font-family: "Roboto", sans-serif !important; }
	.serif { font-family: "PT Serif", serif !important; }
	.uppercase { text-transform: uppercase; }
	.lowercase { text-transform: lowercase; }
	.font-weight_200 { font-weight: 200 !important; }
	.font-weight_300 { font-weight: 300 !important; }
	.font-weight_400 { font-weight: 400 !important; }
	.font-weight_500 { font-weight: 500 !important; }
	.font-weight_600 { font-weight: 600 !important; }
	.font-weight_700 { font-weight: 700 !important; }
	.font-weight_800 { font-weight: 800 !important; }
	
	/* some colour multistyles as easy usable classes for type and bgs to be used if needed*/
	.colour_summerorange { color: #dd4803 !important; }
	.colour_cleanwhite { color: #ffffff !important; }
	.colour_deepblue { color: #002546 !important; }
	.colour_lightgrey { color: #efefef !important; }
	.colour_grasgreen { color: #D7E9BF !important; }
	.colour_anthrazit { color: #333333 !important; }
	.background_summerorange { background: #dd4803 !important; }
	.background_cleanwhite { background: #fcfcfc !important; }
	.background_deepblue { background: #0168b3 !important; }
	.background_lightgrey { background: #efefef !important; }
	.background_grasgreen { background: #D7E9BF !important; }
	.background_nabugreen { background: #3d6315 !important; }
	.background_anthrazit { background: #333333 !important; }
	
	/** bootstrap general overwrites */
	.container { max-width: 940px; width: 100%; }
	.container-fluid .row img, .container-fluid .row-fluid img { max-width: 100%; }
	.btn-primary { border: none; border-radius: 2px; }
	
/** MAIN SECTIONS
############################### */

	#js_debug { position: absolute; z-index: 99999; top: 0px; left: 0px; width: 200px; height: 100px; background: #5c5c5c; color: #ececec; padding: 20px; font-size: 0.8em; line-height: 0.9em; }
	
	/** CIRCLES MOBILE */
	
		#clock-mobile {
			width: 100%; height: 100%; 
			border-radius: 0%;
			background: transparent;
			position: relative;
		}
		
	/** CIRCLES DESK, TABLET */
	
		#clock-desk {
			width: 100%; height: 100%; 
			border-radius: 0%;
			background: transparent;
			position: relative;
		}
			.circle { border-radius: 50%; border: none; z-index: 7999; }
				.circle:hover { /*box-shadow: 0px 0px 3px rgba(255,255,255,1.0); -webkit-box-shadow: 0px 0px 3px rgba(255,255,255,1.0);*/ }
				.circle#circle_outer { background: url(../images/NABU_VOGELUHR_BG_V2.png) no-repeat center center /106% transparent; width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; }
				.circle#circle_outer:after {
					/*box-shadow: 0px 0px 27px rgba(215,233,191,1.0) inset;
					border-radius: 50%;
					content: "";
					height: 99%;
					left: 0.5%;
					position: absolute;
					top: 0.5%;
					width: 99%;*/
    				}
				.circle#circle_outer.loaded { transition: background 0.7s; background: url(../images/NABU_VOGELUHR_BG_V2.png) no-repeat center center /98% transparent; }
				.circle#circle_outer.loaded:after { /*content: ""; transition: box-shadow 2.0s; box-shadow: 0px 0px 27px rgba(215,233,191,0.0) inset;*/ }
				.circle#circle_1 { border: none; box-shadow: 0px 0px 2px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.1) inset; background: url(../images/151027_EKD_CircularCalendar_BG4_FULL_PNG24.png) no-repeat center center / contain; z-index: 100; overflow: hidden; position: absolute; top: 20.25%; left: 20.25%; width: 59.5%; height: 59.5%; margin: auto; }
		
				.line-circle { z-index: 8990; pointer-events:none; position: relative; width: 100%; height: 100%; opacity: 1.00; -webkit-opacity: 1.00;  } 
					.line-circle-line { pointer-events:none;  position: absolute; left: 50%; top: 0%; width: 5px; border-right: 0px solid #000000; height: 50%;  background: #D7E8BE; }
					/*#line-circle-line_305 {  background: rgba(219,0,49,1.0); opacity: 0.9; -webkit-opacity: 0.9; }*/
					#line-circle-line_1 {  opacity: 0.6; -webkit-opacity: 0.6; }
				
				#circle-timeposition_hover { display: none; position: absolute; z-index: 8999; opacity: 0.65; -webkit-opacity: 0.65; border-radius: 50%; width: 3.93% /*30px*/; height: 3.93% /*30px*/; top: 0px; left: 49%; background: #fcfcfc; }
				#circle-timeposition_hover.act { display: block; }
				
					#birdclock-mobile #circle-timeposition_hover { opacity: 0.65; -webkit-opacity: 0.65; width: 40px; height: 40px; }
					.V2 #birdclock-mobile #circle-timeposition_hover { opacity: 0.65; -webkit-opacity: 0.65; width: 24px; height: 24px; }

				#circle-timeposition_hover.circle-timeposition_80 { display: block; left: 48.15%; top: 0.25%; }
					#birdclock-mobile #circle-timeposition_hover.circle-timeposition_80 { top: -6px; left: -2px; }
						.V2 #birdclock-mobile #circle-timeposition_hover.circle-timeposition_80 { top: -5px; left: -2px; }
				#circle-timeposition_hover.circle-timeposition_70 { display: block; left: 82.0%; top: 14.0%; }
					#birdclock-mobile #circle-timeposition_hover.circle-timeposition_70 { top: 472px; left: -2px; }
						.V2 #birdclock-mobile #circle-timeposition_hover.circle-timeposition_70 { top: 262px; left: -2px; }

				#circle-timeposition_hover.circle-timeposition_60 { display: block; left: 95.5%; top: 48.0%; }
					#birdclock-mobile #circle-timeposition_hover.circle-timeposition_60 { top: 965px; left: -2px; }
						.V2 #birdclock-mobile #circle-timeposition_hover.circle-timeposition_60 { top: 536px; left: -2px; }

				#circle-timeposition_hover.circle-timeposition_55 { display: block; left: 92.0%; top: 66.25%; }	
					#birdclock-mobile #circle-timeposition_hover.circle-timeposition_55 { top: 1210px; left: -2px; }
						.V2 #birdclock-mobile #circle-timeposition_hover.circle-timeposition_55 { top: 672px; left: -2px; }

				#circle-timeposition_hover.circle-timeposition_50 { display: block; left: 82.0%; top: 81.75%; }
					#birdclock-mobile #circle-timeposition_hover.circle-timeposition_50 { top: 1457px; left: -2px; }
						.V2 #birdclock-mobile #circle-timeposition_hover.circle-timeposition_50 { top: 809px; left: -2px; }

				#circle-timeposition_hover.circle-timeposition_45 { display: block; left: 66.25%; top: 92.0%; }
					#birdclock-mobile #circle-timeposition_hover.circle-timeposition_45 { top: 1704px; left: -2px; }
						.V2 #birdclock-mobile #circle-timeposition_hover.circle-timeposition_45 { top: 946px; left: -2px; }
						
				#circle-timeposition_hover.circle-timeposition_40 { display: block; left: 47.85%; top: 95.5%; }
					#birdclock-mobile #circle-timeposition_hover.circle-timeposition_40 { top: 1949px; left: -2px; }
						.V2 #birdclock-mobile #circle-timeposition_hover.circle-timeposition_40 { top: 1082px; left: -2px; }
					
				#circle-timeposition_hover.circle-timeposition_35 { display: block; left: 29.75%; top: 92.0%; }
					#birdclock-mobile #circle-timeposition_hover.circle-timeposition_35 { top: 2194px; left: -2px; }
						.V2 #birdclock-mobile #circle-timeposition_hover.circle-timeposition_35 { top: 1218px; left: -2px; }
						
				#circle-timeposition_hover.circle-timeposition_30 { display: block; left: 14.0%; top: 82.0%; }
					#birdclock-mobile #circle-timeposition_hover.circle-timeposition_30 { top: 2442px; left: -2px; }
						.V2 #birdclock-mobile #circle-timeposition_hover.circle-timeposition_30 { top: 1355px; left: -2px; }

				#circle-timeposition_hover.circle-timeposition_22 { display: block; left: 1.00%; top: 55.25%; }
					#birdclock-mobile #circle-timeposition_hover.circle-timeposition_22 { top: 2833px; left: -2px; }
						.V2 #birdclock-mobile #circle-timeposition_hover.circle-timeposition_22 { top: 1572px; left: -2px; }

				#circle-timeposition_hover.circle-timeposition_20 { display: block; left: 0.5%; top: 48.0%; }
					#birdclock-mobile #circle-timeposition_hover.circle-timeposition_20 { top: 2934px; left: -2px; }
						.V2 #birdclock-mobile #circle-timeposition_hover.circle-timeposition_20 { top: 1628px; left: -2px; }
				#circle-timeposition_hover.circle-timeposition_15 { display: block; left: 4%; top: 29.75%; }
					#birdclock-mobile #circle-timeposition_hover.circle-timeposition_15 { top: 3179px; left: -2px; }
						.V2 #birdclock-mobile #circle-timeposition_hover.circle-timeposition_15 { top: 1748px; left: -2px; }
						
				#circle-timeposition_hover.circle-timeposition_10 { display: block; left: 14.10%; top: 14.10%; }
					#birdclock-mobile #circle-timeposition_hover.circle-timeposition_10 { top: 3427px; left: -2px; }
						.V2 #birdclock-mobile #circle-timeposition_hover.circle-timeposition_10 { top: 1902px; left: -2px; }
				
	#birdclock-mobile { position: relative; margin-top: 20px; width: 100%; background: url('../images/160425_NABU_vogeluhr_mobile_bg02_PNG24_V2.png') no-repeat top left transparent; min-height: 3965px; }
	.V2 #birdclock-mobile { position: relative; margin-top: 20px; width: 100%; background: url('../images/160428_NABU_vogeluhr_mobile_bg02_PNG24_(retina).png') no-repeat top left /auto 100% transparent; min-height: 2212px; max-height: 2212px; height: 2212px; }

	
/** ELEMENTS 
############### */


	/** BIRD OBJECTS */
	
		.birds {}
			.bird { position: absolute; width: 14.435% /*110px*/; height: 14.435% /*110px*/; z-index: 8999; }
				#birdclock-mobile .bird { width: 110px; height: 110px; } 
			
			.bird.circle-timeposition_0 {}
			.bird.circle-timeposition_80 { top: 9%; left: 39.5%; }
				#birdclock-mobile .bird.circle-timeposition_80 { top: -30px; left: 35%; }
					.V2 #birdclock-mobile .bird.circle-timeposition_80 { top: -30px; left: 35%; }
				
			.bird.circle-timeposition_70 { top: 22.5%; right: 25%; }
				#birdclock-mobile .bird.circle-timeposition_70 { top: 412px; right: unset; left: 50%; }
					.V2 #birdclock-mobile .bird.circle-timeposition_70 { top: 229px; right: unset; left: 50%; }
				
			.bird.circle-timeposition_60 { top: 40%; right: 15%; }
				/*.bird.circle-timeposition_60.bird_rauchschwalbe { width: 17.0%; height: 17.0%; }*/
				#birdclock-mobile .bird.circle-timeposition_60 { top: 922px; right: unset; left: 40%; }
					.V2 #birdclock-mobile .bird.circle-timeposition_60 { top: 512px; right: unset; left: 40%; }
				
			.bird.circle-timeposition_55 { top: 54%; right: 7%; }
				#birdclock-mobile .bird.circle-timeposition_55 { top: 1150px; right: unset; left: 55%; }
					.V2 #birdclock-mobile .bird.circle-timeposition_55 { top: 638px; right: unset; left: 55%; }
				
			.bird.circle-timeposition_50 { top: 70%; right: 14%; }
					#birdclock-mobile .bird.circle-timeposition_50 { top: 1400px; right: unset; left: 30%; }
						.V2 #birdclock-mobile .bird.circle-timeposition_50 { top: 777px; right: unset; left: 30%; }
				.bird.circle-timeposition_50.variant-A { top: 70%; right: 14%; }
					#birdclock-mobile .bird.circle-timeposition_50.variant-A { left: 16%; }
						.V2 #birdclock-mobile .bird.circle-timeposition_50.variant-A { left: 16%; }
				.bird.circle-timeposition_50.variant-B { top: 60%; right: 20%; }
					#birdclock-mobile .bird.circle-timeposition_50.variant-B {  top: 1410px; left: 65%; }
						.V2 #birdclock-mobile .bird.circle-timeposition_50.variant-B {  top: 782.55px; left: 65%; }
					
			.bird.circle-timeposition_45 { top: 79%; left: 58%; }
					#birdclock-mobile .bird.circle-timeposition_45 { top: 1650px; right: unset; left: 30%; }
						.V2 #birdclock-mobile .bird.circle-timeposition_45 { top: 916px; right: unset; left: 30%; }
				.bird.circle-timeposition_45.variant-A { top: 79%; left: 58%; }
					#birdclock-mobile .bird.circle-timeposition_45.variant-A { left: 11%; }
						.V2 #birdclock-mobile .bird.circle-timeposition_45.variant-A { left: 11%; }
				.bird.circle-timeposition_45.variant-B { top: 63%; left: 50%; }
					#birdclock-mobile .bird.circle-timeposition_45.variant-B { top: 1675px; left: 35%; }
						.V2 #birdclock-mobile .bird.circle-timeposition_45.variant-B { top: 930px; left: 35%; }
				.bird.circle-timeposition_45.variant-C { top: 51%; left: 50%; }
					#birdclock-mobile .bird.circle-timeposition_45.variant-C { left: 70%; }
						.V2 #birdclock-mobile .bird.circle-timeposition_45.variant-C { left: 70%; }
					
			.bird.circle-timeposition_40 { top: 74%; left: 43%; }
				#birdclock-mobile .bird.circle-timeposition_40 { top: 1900px; right: unset; left: 49%; }
					.V2 #birdclock-mobile .bird.circle-timeposition_40 { top: 1054.50px; right: unset; left: 49%; }
				
			.bird.circle-timeposition_35 { top: 77%; left: 30%; }
					#birdclock-mobile .bird.circle-timeposition_35 { top: 2160px; right: unset; left: 30%; }
						.V2 #birdclock-mobile .bird.circle-timeposition_35 { top: 1199px; right: unset; left: 30%; }
				.bird.circle-timeposition_35.variant-A { top: 77%; left: 30%; }
					#birdclock-mobile .bird.circle-timeposition_35.variant-A { left: 70%; }
						.V2 #birdclock-mobile .bird.circle-timeposition_35.variant-A { left: 70%; }
				.bird.circle-timeposition_35.variant-B { top: 58%; left: 34%; }
					#birdclock-mobile .bird.circle-timeposition_35.variant-B { top: 2120px; left: 20%; }
						.V2 #birdclock-mobile .bird.circle-timeposition_35.variant-B { top: 1176px; left: 20%; }
					
			.bird.circle-timeposition_30 { top: 65%; left: 15%; }
				#birdclock-mobile .bird.circle-timeposition_30 { top: 2400px; right: unset; left: 37%; }
					.V2 #birdclock-mobile .bird.circle-timeposition_30 { top: 1332px; right: unset; left: 37%; }
				
			.bird.circle-timeposition_22 { top: 43%; left: 5%; }
				#birdclock-mobile .bird.circle-timeposition_22 { top: 2770px; right: unset; left: 27%; }
					.V2 #birdclock-mobile .bird.circle-timeposition_22 { top: 1537px; right: unset; left: 27%; }
				
			.bird.circle-timeposition_20 { top: 40%; left: 19%; }
				#birdclock-mobile .bird.circle-timeposition_20 { top: 2900px; right: unset; left: 57%; }
					.V2 #birdclock-mobile .bird.circle-timeposition_20 { top: 1609.5px; right: unset; left: 57%; }
				
			.bird.circle-timeposition_15 { top: 35%; left: 34%; }
					#birdclock-mobile .bird.circle-timeposition_15 { top: 3110px; right: unset; left: 30%;}
						.V2 #birdclock-mobile .bird.circle-timeposition_15 { top: 1726px; right: unset; left: 30%;}
				.bird.circle-timeposition_15.variant-A { top: 35%; left: 34%; }
					#birdclock-mobile .bird.circle-timeposition_15.variant-A { top: 3120px; left: 69%; }
						.V2 #birdclock-mobile .bird.circle-timeposition_15.variant-A { top: 1732px; left: 69%; }
				.bird.circle-timeposition_15.variant-B { top: 24%; left: 9%; }
					#birdclock-mobile .bird.circle-timeposition_15.variant-B { left: 20%; }
						.V2 #birdclock-mobile .bird.circle-timeposition_15.variant-B { left: 20%; }
					
			.bird.circle-timeposition_10 { top: 19%; left: 25%;  }
				#birdclock-mobile .bird.circle-timeposition_10 { top: 3370px; right: unset; left: 41%; }
					.V2 #birdclock-mobile .bird.circle-timeposition_10 { top: 1870px; right: unset; left: 41%; }
			
				.bird-title { display: none; }
				.bird-text {}
				audio.bird-audio, .bird audio { width: 70px; visibility: hidden; }
				.bird:hover audio { width: 70px; /*visibility: visible;*/ }
				
				.bird-image { cursor: pointer; width: 100%; height: 100%; position: relative; }
				
					.bird svg { opacity: 0.00; -webkit-opacity: 0.00; z-index: 8999; width: 100%; min-width: 100%; top: 0px; left: 0px; position: absolute; }
					.bird svg path { opacity: 0.00; -webkit-opacity: 0.00; }
						.bird svg path:hover { opacity: 0.00; -webkit-opacity: 0.00; }
					img.bird-note { transition: width 0.25s, opacity 0.25s, right 0.25s, top 0.25s; opacity: 1.00; width: 20.09% /*23px*/; min-width: 20.09% /*23px*/; top: 0.00%; right: -13.63% /*-15px*/; position: absolute; }
					.bird.act img.bird-note { transition: width 1.1s, opacity 1.1s, right 1.1s, top 1.1s; top: -13.00%; right: -23.00%; width: 30.00%; opacity: 0.0; }
						img.bird-note.narrow { transition: width 0.25s, opacity 0.25s, right 0.25s, top 0.25s; opacity: 1.00; width: 20.09% /*23px*/; min-width: 20.09% /*23px*/; top: 0.00%; right: 2.37% /*-15px*/; position: absolute; }
						.bird.act img.bird-note.narrow { transition: width 1.1s, opacity 1.1s, right 1.1s, top 1.1s; top: -13.00%; right: -13.00%; width: 30.00%; opacity: 0.0; }
					img.bird-note.left { transition: width 0.25s, opacity 0.25s, left 0.25s, top 0.25s; opacity: 1.00; width: 20.09% /*23px*/; min-width: 20.09% /*23px*/; top: 0.00%; right: unset; left: -13.63% /*-15px*/; position: absolute; }
					.bird.act img.bird-note.left { transition: width 1.1s, opacity 1.1s, left 1.1s, top 1.1s; top: -13.00%; right: unset; width: 30.00%; left: -23.00%; opacity: 0.0; }
					
					img.bird-img { width: 100%; min-width: 100%; top: 0px; left: 0px; position: absolute; }
						img.bird-img_normal {}
						img.bird-img_ov { display: none; }
			
	/** INFOBOXES */
	
		#imprint { font-size: 0.9em; position: relative; width: 100%; z-index: 89999; bottom: 0px; }
			#imprint.fixed { position: absolute; background: #0168b3 !important; z-index: 89999; bottom: 0px; width: 100%; left: 0px; }
				#imprint a { color: #ffffff; text-shadow: none; }
					#imprint a:hover {}
				#imprint a#imprint-close { font-weight: 800; font-size: 2.00em; position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; color: #ffffff; text-decoration: none; }
					#imprint a#imprint-close:hover { opacity: 0.75; -webkit-opacity: 0.75; } 
			
		.tooltip {
		  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
		  font-size: 0.85em;
		  font-weight: 600;
		  z-index: 9999;
		}
			.tooltip.in {
	
			}
			.tooltip.top {
			}
			.tooltip.right {
			}
			.tooltip.bottom {
			}
			.tooltip.left {
			}
			.tooltip-inner {
			  color: #acacac;
			  background-color: #ffffff;
			  padding-left: 8px; padding-right: 8px; padding-top: 6px; padding-bottom: 6px;
			}
			.tooltip-arrow {
			  position: absolute;
			  width: 0;
			  height: 0;
			  border-color: transparent;
			  border-style: solid;
			}
			.tooltip.top .tooltip-arrow {
			  border-top-color: #ffffff; bottom: -5px;  border-width: 10px 10px 0; margin-left: -8px;
			}
			.tooltip.top-left .tooltip-arrow {
			  border-top-color: #ffffff;
			}
			.tooltip.top-right .tooltip-arrow {
			  border-top-color: #ffffff;
			}
			.tooltip.right .tooltip-arrow {
			    border-right-color: #ffffff;
			}
			.tooltip.left .tooltip-arrow {
			  border-left-color: #ffffff;
			}
			.tooltip.bottom .tooltip-arrow {
			  border-bottom-color: #ffffff;
			    margin-left: -8px; top: -5px;
			    border-width: 0 10px 10px;
			}
			.tooltip.bottom-left .tooltip-arrow {
			  border-bottom-color: #ffffff;
			}
			.tooltip.bottom-right .tooltip-arrow {
			  border-bottom-color: #ffffff;
			}
		
			.tooltip .tooltip-content { }
			.tooltip h1, .tooltip h2, .tooltip h3, .tooltip h4, .tooltip h5 { font-size: 1.00em; font-weight: 800; color: #002546; margin: 0px 0px 0px 0px; padding: 0px; }
			.tooltip span.text_1 { width: 100%; }
			.tooltip span.text_2 { width: 100%; padding-top: 5px; }
			
		#tooltip { 
			position: absolute; border: 0px solid #ffffff; background: #000000; right: 0px; width: 200px; font-size: 0.9em; margin-left: 20px; top: 0px; color: #ffffff; opacity: 0.6; -webkit-opacity: 0.6; padding: 5px 10px 10px 10px; z-index: 899999;
			border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; 
			font-size: 1em;
		}
			#tooltip.init {
				border-radius: 0px 0px 0px 12px; -webkit-border-radius: 0px 0px 0px 12px; 
			}
			#tooltip .tooltip_notice { font-size: 0.6em; color: #acacac; line-height: 0.8em; }
		
		a#button_window_help { opacity: 1.0; -webkit-opacity: 1.0; position: absolute; right: 20px; top: 20px; width: 20%; height: 10%; max-height: 43px; max-width: 153px; background: url(../images/EKD_Button_help.png) no-repeat top right /contain transparent; z-index: 7999; }
			a#button_window_help:hover { -webkit-opacity: 0.8; opacity: 0.8; }
			
		.window { cursor: pointer; background: rgba(255,255,255,0.8); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8999; }
			a.window_close { opacity: 1.0; -webkit-opacity: 1.0; position: absolute; right: 29px; top: 29px; height: 24px; width: 24px; background: url(../images/EKD_close.png) no-repeat center center transparent; }
				a.window_close:hover { -webkit-opacity: 0.8; opacity: 0.8; }
			#window_help { background: url(../images/EKD_CircularCalendar_HelpGraphic_V2_1.png) no-repeat center 0.7em /contain rgba(255,255,255,0.8); }
			
		#infobox { 
			display: none; position: absolute;
			left: 0px; bottom: -30%; width: 100%; color: #2c2c2c; padding: 0px; padding-left: 100%; margin-left: -100%; padding-right: 100%; padding-bottom: 30%; z-index: 899999;
			background: #ffffff; height: 50%; opacity: 0.95; -webkit-opacity: 0.95;
			border-left: 0px solid #E92C00;
		}
			#infobox_bg { position: absolute; background: #ecede7; width: 100%; height: 100%; -webkit-opacity: 0.8; opacity: 0.8; z-index: 8999; }
			#infobox_close {
				background: #ffffff none repeat scroll 0 0;
				border-radius: 50%;
				-webkit-border-radius: 50%;
				height: 32%;
				margin: -8% auto 0;
				text-align: center;
				width: 16%;
				border: 1px solid #ffffff;
			}
				#infobox_close a { opacity: 1.0; -webkit-opacity: 1.0; margin: auto; margin-top: 37%; background: url(../images/EKD_close.png) no-repeat center center /contain; display: block; height: 24px; width: 24px; }
					#infobox_close a:hover { opacity: 0.7; -webkit-opacity: 0.7; }
			#infobox_inner { padding: 0px 0px 20px 0px; margin-top: -5%; height: 99%; overflow: hidden; }
				#infobox h2 { color: #E92C00; text-transform: uppercase; margin-top: 0px; font-weight: 200; } 
				#infobox h3 { color: #E92C00; } 
				#infobox h4 { color: #E92C00; } 
				#infobox_info { color: #333333; width: 100%; height: 90%; overflow: auto; } 
		
			#infobox .topic-date { float: left; width: 46%; font-size: 1.0em; padding-left: 3%; margin-left: 1%; margin-bottom: 20px; position: relative; }
				#infobox .topic-date span.label { font-weight: 400; color: #acacac; }
				#infobox .topic-date h4 { margin-top: 0px; margin-bottom: 5px; width: auto; float: left; }
				#infobox .topic-date .topic-date_topic { text-transform: uppercase; width: auto; float: left; margin-left: 10px; color: #acacac; }
					#infobox .topic-date .topic-date_topic-1 { color: #bbecff; }
					#infobox .topic-date .topic-date_topic-2 { color: #00e7ff; }
					#infobox .topic-date .topic-date_topic-3 { color: #39acc2; }
					#infobox .topic-date .topic-date_topic-4 { color: #5979be; }
					#infobox .topic-date .topic-date_topic-5 { color: #1a8426; }
					#infobox .topic-date .topic-date_topic-6 { color: #90db0a; }
					#infobox .topic-date .topic-date_topic-7 { color: #eae911; }
					#infobox .topic-date .topic-date_topic-multi { color: #6a507b; }
				#infobox .topic-date .topic-date_place { font-weight: 600; clear: both; font-size: 500; }
				#infobox .topic-date .topic-date_event { }
				#infobox .topic-date .topic-date_description { }
				#infobox .topic-date .topic-date_link { padding-top: 4px; }
				#infobox .topic-date .topic-date_link a, #infobox .topic-date .topic-date_link a:visited { position: relative; font-weight: 500; text-decoration: none; color: #db0031; }
				#infobox .topic-date .topic-date_link a:hover { text-decoration: none;  } 
					#infobox .topic-date .topic-date_link a:hover:after { content:""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; border-bottom: 1px solid #8c8c8c; } 
						
			#infobox .topic-date .topic-date_topicId { position: absolute; top: 0px; left: -2%; width: 10px; height: 100%; }
				#infobox .topic-date .topic-date_topicId-1 { background: #bbecff; }
				#infobox .topic-date .topic-date_topicId-2 { background: #00e7ff; }
				#infobox .topic-date .topic-date_topicId-3 { background: #39acc2; }
				#infobox .topic-date .topic-date_topicId-4 { background: #5979be; }
				#infobox .topic-date .topic-date_topicId-5 { background: #1a8426; }
				#infobox .topic-date .topic-date_topicId-6 { background: #90db0a; }
				#infobox .topic-date .topic-date_topicId-7 { background: #eae911; }
				#infobox .topic-date .topic-date_topicId-multi { background: #6a507b; }

	
	/** CAROUSELS */
	
		.carousel {}
			.carousel-control.left { background-image: none; }
			.carousel-control.right {  background-image: none; }
			.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
			    margin-left: 0px;
			    background: #77B627;
			    left: 0px;
			    padding-top: 10px;
			    border-radius: 0px 5px 5px 0px;  -webkit-border-radius: 0px 5px 5px 0px;
			    text-shadow: none; -webkit-text-shadow: none;
			}
			.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
			    margin-right: 0px;
			    background: #77B627;
			    right: 0px;
			    padding-top: 10px;
			    border-radius: 5px 0px 0px 5px;  -webkit-border-radius: 5px 0px 0px 5px;
			    text-shadow: none; -webkit-text-shadow: none;
			}
			.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
			    font-size: 30px;
			    height: 50px;
			    margin-top: -25px;
			    width: 50px;
			}
			.carousel-caption { left: 15%; right: 15%; width: 70%; top: 10px; color: #3c6214; line-height: 1.2em; text-shadow: none; font-weight: 600; }
			.carousel-indicators { margin-left: calc(-30% + 5px); bottom: 10px; }
				.carousel-indicators li { background: #9eb18a; border: none; height: 20px; width: 20px; border-radius: 20px; -webkit-border-radius: 20px; margin-right: 10px; }
					.carousel-indicators .active { background: #3d6315; border: none;  height: 20px; width: 20px; border-radius: 20px; -webkit-border-radius: 20px; margin-right: 10px; }
		
/* RESPONSIVENESS 
################################# */

@media (max-width: 1279px) {	
}
@media (max-width: 1023px) {	
}
@media (max-width: 939px) {
	
}
@media (max-width: 767px) {

	
	body, html { /*font-size: 16px;*/ }
	div#title { position: relative; margin-left: 0px; left: 7%; width: 61%; font-size: 90%; }
	#main { height: auto !important; margin-top: 60px;  }
	#message { left: 7%; }
		
}
@media (max-width: 640px) {
	.btn-primary { padding: 20px; width: 100%; }
}
@media (max-width: 559px) {
	#logo { width: 17.02127659574468% /* 160 / 940 */; right: 6.25532%; }
}

@media (max-width: 479px) {
	#logo { width: 19.148936170212766% /* 180 / 940 */; } 
}
@media (max-width: 380px) {

}