/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 3, 2019 */
@font-face {
    font-family: 'ralewaylight';
    src: url('/webfonts/raleway-light-webfont.woff2') format('woff2'),
         url('/webfonts/raleway-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight_italic';
    src: url('/webfonts/raleway-lightitalic-webfont.woff2') format('woff2'),
         url('/webfonts/raleway-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaybold';
    src: url('/webfonts/raleway-bold-webfont.woff2') format('woff2'),
         url('/webfonts/raleway-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*{
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0 none;
	}
body{
	font-family: 'ralewaylight', "Lucida", sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 1.4;
	background: #fff;
	word-wrap: break-word;
	letter-spacing: .7px;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-appearance: none;
	}
#status{ position: fixed; top: 10px; left: 5px; z-index: 99999; font-size: 14px; }
	a{
		display: inline-block;
		color: #4d7ddf;
		line-height: 1;
		text-decoration: none;
		-webkit-transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s;
		-moz-transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s;
		-o-transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s;
		transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s;
		border-bottom: 2px solid transparent;
		}
		a:hover{
			color: #333;
			border-bottom: 2px solid #333;
			}
	b, strong{
		font-family: 'ralewaybold';
		font-weight: normal;
		}
	i, em{
		font-family: 'ralewaylight_italic';
		font-style: normal;
		}
	.clear{
		clear: both;
		}
	.pointer{
		cursor: pointer;
		}

	div#stage{
		position: relative;
		}
		#outer{
			width: 1024px;
			margin: 0 auto;
			position: relative;
			}
			div#header{
				position: relative;
				width: 100%;
				border-top: 5px solid #4d7ddf;
				border-bottom: 5px solid #4d7ddf;
				}
				div#logo{
					position: absolute;
					z-index: 1000;
					bottom: 30px;
					left: 0;
					background: url(/images/logo_h1.png) no-repeat center center / 300px;
					}
					div#logo a{
						display: block;
						text-indent: -99999px;
						border-bottom: 0 none !important;
						}
				div#header_pic{
					position: relative;
					overflow: hidden;
					}
					div#header_pic img{
						position: absolute;
						z-index: 1;
						}
				div#slider{
					position: relative;
					top: 0;
					left: 0;
					z-index: 100;
					width: 100%;
					height: 100%;
					overflow: hidden;
					}
					div#slider img{
						position: absolute;
						}
						div.slider_pic{
							position: absolute;
							z-index: 100;
							width: 100%;
							opacity: 0;
							-webkit-transition: opacity 1.7s linear 0s;
							-moz-transition: opacity 1.7s linear 0s;
							-o-transition: opacity 1.7s linear 0s;
							transition: opacity 1.7s linear 0s;
							}
							div.slider_pic a{
								display: block;
								}
								div.slider_pic img{
									position: absolute;
									width: 100%;
									}
							div.slider_pic.active{
								opacity: 1;
								}
					div.slider_text_wrapper{
						position: absolute;
						z-index: 200;
						bottom: -6px;
						width: 100%;
						opacity: 0;
						-webkit-transition: opacity .85s linear .25s;
						-moz-transition:  opacity .85s linear .25s;
						-o-transition: opacity .85s linear .25s;
						transition: opacity .85s linear .25s;
						}
						div.slider_text_wrapper.in_position{
							opacity: 1;
							}
					div#bt_slider_prev, div#bt_slider_next{
						position: absolute;
						z-index: 10000;
						top: 50%;
						width: 50px;
						height: 83px;
						cursor: pointer;
						}
					div#bt_slider_prev{
						left: 30px;
						background: url(/images/bt_prev.png) no-repeat center center / 50px;
						}
					div#bt_slider_next{
						right: 30px;
						background: url(/images/bt_next.png) no-repeat center center / 50px;
						}
			div#wrapper_menu{
				position: relative;
				width: 100%;
				height: 30px;
				padding: 10px 0;
				background-color: #7f8993;
				}
				ul#menu{
					display: inline-block;
					float: right;
					}
					ul#menu li{
						position: relative;
						padding: 0 10px;
						float: left;
						list-style: none;
						border-right: 1px solid rgba(255, 255, 255, 0.5);
						background-color: transparent;
						-webkit-transition: background-color 0.3s ease-in-out 0s;
						-moz-transition: background-color 0.3s ease-in-out 0s;
						-o-transition: background-color 0.3s ease-in-out 0s;
						transition: background-color 0.3s ease-in-out 0s;
						}
						ul#menu li:last-of-type{
							border-right: 0 none;
							}
						ul#menu li:hover{
							background-color: #4d7ddf;
							}
						ul#menu li a{
							display: block;
							color: white;
							font-size: 15px;
							line-height: 30px !important;
							text-transform: uppercase;
							border-bottom: 0 none;
							}
					ul#menu ul{
						display: none;
						position: absolute;
						z-index: 1000;
						top: 30px;
						left: -10px;
						width: auto;
						padding: 10px;
						background-color: white;
						box-shadow: 2px 2px 5px rgba(0,0,0,.5);
						}
						ul#menu ul li{
							float: none;
							border-right: 0 none;
							border-bottom: 1px solid #7f8993;
							}
							ul#menu ul li a{
								color: #7f8993;
								font-size: .7em;
								}
								ul#menu ul li a:hover{
									color: white;
									}
				div#bt_menu_mob{
					position: absolute;
					z-index: 100;
					top: 5px;
					right: 10px;
					width: 40px;
					height: 40px;
					background: url(/images/bt_menu_mob.png) no-repeat center center / 40px;
					cursor: pointer;
					}
				div#wrapper_menu_mob{
					display: none;
					width: 100%;
					padding-bottom: 20px;
					background-color: #7f8993;
					}
					ul#menu_mob li{
						position: relative;
						list-style: none;
						}
						ul#menu_mob li a{
							display: block;
							padding: 0 10px;
							color: white;
							font-size: 18px;
							line-height: 34px;
							text-transform: uppercase;
							border-bottom: 1px solid rgba(255, 255, 255, 0.5);
							background-color: #4d7ddf;
							}
							ul#menu_mob li a:hover{
								color: white;
								}
						ul#menu_mob ul{
							display: none;
							}
							ul#menu_mob ul li a{
								padding-left: 30px;
								font-size: 14px;
								line-height: 28px;
								background-color: #7f8993;
								}

			div#wrapper_content{
				width: 100%;
				margin: 30px 0;
				}
				div#content_main, div#content_aside{
					padding-bottom: 30px;
					}
					h1{
						margin: 26px 0;
						font-weight: normal;
						font-size: 2em;
						line-height: 1.1;
						color: #7f8993;
						text-transform: uppercase;
						-webkit-hyphens: auto;
						hyphens: auto;
						}
					h2{
						margin-bottom: 1em;
						font-size: 1.2em;
						text-transform: uppercase;
						}
					h3, h4, h5{
						margin-bottom: 1em;
						font-size: 1.5em;
						line-height: 1.1;
						}
					div#content_main img{
						width: 50%;
						margin: 0 30px 10px 0;
						float: left;
						vertical-align: bottom;
						border-top: 5px solid #4d7ddf;
						clear: both;
						}
						div#content_main img.floatRight{
							width: 60%;
							margin: 0 0 10px 30px;
							float: right;
							}
						div#content_main img.full{
							width: 100%;
							}
					div#content_main ul, div#content_main ol{
						margin-left: 24px;
						}
						div#content_main ul li, div#content_main ol li{
							padding: 4px 0;
							}
					div#content_main p{
						margin-bottom: .75em;
						}
					div#content_main em{
						font-size: .8em;
						line-height: 1;
						}
					div#content_main hr{
						height: 2px;
						margin: 15px 0;
						clear: both;
						color: #7f8993;
						background-color: #7f8993;
						}
			div#kalender_paging, div#home_kalender_paging{
				margin-bottom: 20px;
				}
				div#kalender_paging > div, div#home_kalender_paging > div{
					display: inline-block;
					}
					div#bt_kalender_prev, div#bt_kalender_next{
						width: 30px;
						}
					div#bt_kalender_prev{
						float: left;
						}
					div#bt_kalender_next{
						float: right;
						}
						div#bt_kalender_prev a, div#bt_kalender_next a{
							border: 0 none;
							}
							div#bt_kalender_prev a svg, div#bt_kalender_next a svg{
								width: 30px;
								}

					div#curr_month, div#curr_month_full{
						color: #7f8993;
						line-height: 30px;
						text-align: center;
						}
			div#home_kalender_block table,
			div#kalender_full table,
			div#kalender_full_mobile table{
				width: 100%;
				}
				div#home_kalender_block table td,
				div#kalender_full table td{
					width: 14.2857%;
					height: 50px;
					font-size: .8em;
					text-align: right;
					vertical-align: top;
					background-color: #d0ddea;
					}
				div#kalender_full table td{
					height: 120px;
					}
				div#kalender_full_mobile table td{
					background-color: #d0ddea;
					}
					div#home_kalender_block table td.tHeader,
					div#kalender_full table td.tHeader{
						height: auto;
						padding: 4px 6px;
						color: white;
						text-align: left;
						background-color: #7f8993;
						}
					div#home_kalender_block table td.empty,
					div#kalender_full table td.empty{
						background-color: #eff7ff;
						}
					td.currDay{
						border: 1px solid #4d7ddf;
						}
					div.cal_day{
						padding: 4px;
						}
						div.cal_day.termin a{
							display: block;
							padding: 2px 2px 0 0;
							height: 40px;
							color: white;
							background-color: #4d7ddf;
							border: 0 none;
							}
					div.cal_day span{
						display: inline-block;
						width: 30px;
						color: #7f8993;
						}
						div.termin_box{
							font-size: .8em;
							text-align: left;
							}
							div.termin_box img{
								width: 15px !important;
								margin: 0 5px 0 0 !important;
								border: 0 none !important;
								}

			input[type="text"], textarea{
				width: 80%;
				padding: 10px;
				color: #7f8993;
				font-family: 'ralewaylight_italic';
				font-size: 1em;
				line-height: 1;
				border: 1px solid #4d7ddf;
				}
			textarea{
				height: 200px;
				}
			input[type="button"]{
				padding: 10px 20px;
				color: white;
				font-family: 'ralewaybold';
				font-weight: normal;
				background-color: #4d7ddf;
				}
			div#email_feedback{
				margin-top: 20px;
				height: 30px;
				color: #c0136c;
				}
				div#email_feedback img{
					width: auto;
					border-top: 0 none;
					}

			div#content_aside span{
				color: #7f8993;
				font-size: .8em;
				}

			div#footer{
				width: 100%;
				padding: 50px 0 30px;
				color: white;
				font-size: .8em;
				border-top: 5px solid #4d7ddf;
				background-color: #7f8993;
				}
				div#footer_l, div#footer_r{
					width: 50%;
					margin-bottom: 20px;
					float: left;
					}
				div#footer_r{
					text-align: right;
					}
					div#footer a{
						color: white;
						}
					label.footer{
						display: inline-block;
						width: 58px;
						}
				a.sponsor{
					display: inline-block;
					width: 220px;
					font-size: .8em;
					line-height: 1.2;
					border: 0 none;
					}
					a.sponsor img{
						width: 65px;
						margin-left: 20px;
						float: right;
						}