/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,600');*/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v29-latin-300d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v29-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v29-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v29-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v29-latin-600d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v29-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v29-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v29-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v29-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

* {
	font-family: 'Open Sans', sans-serif;
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

/*HTML5 Unterstützung garantieren*/
header, nav, section, footer {
	display: block;
}

body, html {
	padding: 0;
	margin: 0;	
}

/*Grundseite*/
body {
	background-color: #f1f4f5;
	font-size: 20px;
	color: #161e30;
	font-weight: 300;
	line-height: 120%;
}
.auszeichnung {
	color: #019fc5;
}
.klein {
	font-size: 0.9em;
}
img {
    border: none;
	max-width: 100%;
	height: auto;
}
strong {
	font-weight: 600;	
}

#contact {
	width: 609px;
	margin: 0 auto;	
	text-align: center;
	background-color: #ffffff;
	border-bottom: solid 1px #009fc6;
	-webkit-box-shadow: 0px 0px 70px 0px rgba(0,0,0,0.06);
	-moz-box-shadow: 0px 0px 70px 0px rgba(0,0,0,0.06);
	box-shadow: 0px 0px 70px 0px rgba(0,0,0,0.06);
}
#contact span {
	line-height: 70px;
	display: inline-block;
	color: #0a51a1;
	font-size: 27px;
}
#contact span i {
	color: #009fc6;	
}
#contact span.distance {
	width: 100px;	
}
#contact a:link,
#contact a:visited,
#contact a:active {
	color: #0a51a1;	
	text-decoration: none;
}
.logo img {
	display: block;
	margin: 0 auto;	
}
.logo {
	display: block;
	margin: 48px 0 63px 0;	
}
/*Hauptrahmen*/
#main {
	width: 980px;
	margin: 0 auto 0 auto;
	padding: 0 0 80px 0;
	z-index: 1;
}

.menuIcon {
	display: none;	
}

#mainBlock{
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 206px 0px rgba(0,0,0,0.06);
	-moz-box-shadow: 0px 0px 206px 0px rgba(0,0,0,0.06);
	box-shadow: 0px 0px 206px 0px rgba(0,0,0,0.06);
	z-index: 5;
	margin: 0 0 10px 0;
	border-bottom: solid 1px #019fc5;
}

/*Header*/
header {
	height: 300px;
	margin: 0 0;
}
header img {
	display: block;
	width: 980px;
	height: 300px;	
}

nav {
	height: auto;
	background-color: #009fc6;
	box-sizing: border-box;
	padding: 0 30px;
}
ul.menu {
	text-align: justify;
	width: 100%;
	padding: 0 0 0 0;
	font-size: 20px;
	height: 60px;
	margin: 0;
	text-transform: uppercase;
	}
ul.menu li {
	display: inline-block;
	white-space: nowrap;
	list-style: none outside none;
	position: relative;
	font-weight: 300;
	padding: 2px 0 0 0;
}

ul.menu li#line {
	background: none repeat scroll 0 0 none !important;
	padding-left: 100%;
}

ul.menu li a:link,
ul.menu li a:visited {
	line-height: 54px;
	display:inline-block;
	text-decoration:none;
	width:auto;
	color: #ffffff;
}
ul.menu li:hover a,
ul.menu li a:hover,
ul.menu li a.aktiv,
ul.menu li a:active {
	text-decoration:none;
	width:auto;
	white-space: nowrap;
	color: #ffffff;
	border-bottom: solid 4px #ffffff;
}

ul.menu li ul.submenu {
	margin:0;
	padding:0 0 0 0;
	display:none;
	width:auto;
	position:absolute;
	top:56px;
	z-index: 1000;
	background-color: #ffffff;
}
ul.menu li:hover ul.submenu {
	display:block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul.menu li ul.submenu li {
	display: block;
	font-size: 0.8em;
	background-image: none;
}
ul.menu li ul.submenu li a:link,
ul.menu li ul.submenu li a:visited {
	padding:0 10px;
	border:none;
	z-index:1000;
	color: #009fc6;
	display: block;
	line-height: 40px;
	background-image: none;
}
ul.menu li ul.submenu li:hover a,
ul.menu li ul.submenu li a:active,
ul.menu li ul.submenu li a.aktiv,
ul.menu li ul.submenu li a:hover {
	text-decoration: none;
	color: #0a51a1;
}
	
/*Textbereich*/
section {
	
}
	/*Links im Inhalt*/
	section a,
	section a:link,
	section a:active,
	section a:visited {
		color: #019fc5;
		text-decoration: none;
	}
	section a:hover {
		color: #0a51a1;
	}
        section ul {
            margin: 0 0 10px 15px;
            padding: 0;
        }
        section ul li{
            margin: 0;
            padding: 0;
        }
	article {
		padding: 30px 30px;
	}
		/*Download-Bereich*/
		#download-bereich {
			margin: 30px 0 0 0;
			padding: 0 0 0 0;
			border-left: solid 1px #019fc5;
		}
		/*Download-Bereich schmal, wenn neben der Randleiste angeordnet*/
		.neben-randleiste {
			width: auto;
		}
		#download-bereich  a,
		#download-bereich  a:link,
		#download-bereich  a:visited,
		#download-bereich  a:active {
			display: block;
			padding: 5px;
			box-sizing: border-box;
			text-decoration: none;
			color: #46382f;
		}
		#download-bereich  a:hover {
			color: #019fc5;
			background-color: #ececec;
		}
		/*Downbload-Bereich Überschrift*/
		#download-bereich span{
			display: block;
			margin: 0 0 16px 0;
			font-size: 1.6em;
			color: #019fc5;
		}
		#download-bereich span:before {
			font-family: FontAwesome;
   			content: "\f019";
			display: inline-block;
			text-align: center;
			vertical-align: top;
			background-color: #019fc5;
			color: #ffffff;
			width: 30px;
			line-height: 34px;
			box-sizing: border-box;
			margin-right: 5px;
			font-size: .8em;
			position: relative;
			top: -1px;
		}
		/*Abschluss der Seite*/
		.close {
			clear: both;
		}
		
.bottomBox div{
	padding: 20px 30px;
	box-sizing: border-box;
}
.bottomBox .oeffnungszeiten {
	width: 490px;
	background-color: #019fc5;
	text-align: left;
	color: #ffffff;
	height: 136px;
}
.bottomBox .oeffnungszeiten span {
	width: 100px;
	display: inline-block;
	text-align: left;
}
.bottomBox .oeffnungszeiten div {
	padding: 0;	
}
.bottomBox .facebook {
	background-color: #3b5897;
	float: right;
	width: 490px;
	text-align: center;
	height: 136px;
	padding: 55px 0 0 0;
	box-sizing: border-box;
}
.bottomBox .facebook a,
.bottomBox .facebook a:link,
.bottomBox .facebook a:active,
.bottomBox .facebook a:visited {
	text-decoration: none;
	color: #ffffff;	
}
.bottomBox .facebook a:hover {
	color: #cccccc;
}
/*Footer*/		
footer {
	text-align: center;
	margin: 30px 0 0 0;
	font-size: 13px;
	color: #666666;
}
footer a:link,
footer a:visited,
footer a:active {
	text-decoration: none;
	color: #666666;
}
footer a:hover {
	color: #019fc5;
}
	
/*Sitemap*/	
#sitemap {
	margin: 0px;
	padding: 0px;
}
#sitemap a.main,
#sitemap a.main:link,
#sitemap a.main:active,
#sitemap a.main:visited	{
		text-decoration: none;
		display: block;
		padding-left: 10px;
	}
#sitemap a.sub,
#sitemap a.sub:link,
#sitemap a.sub:active,
#sitemap a.sub:visited	{
		text-decoration: none;
		display: block;
		padding-left: 50px;
	}
	
/*Module*/	
	/*Modul News Randleiste*/
	#modul-news-randleiste {
		width: 200px;
		padding: 0 10px 10px 10px;
		margin: 0 0 0 20px;
		float: right;
	}
	/*Überschrift über die komplette Randleiste*/
	.randleiste-ueberschrift {
		display: block;
		margin: 0 0 10px 0;
		color: #3366cc;
		font-size: 17px;
		border-left: solid 5px;
		position: relative;
		left: -15px;
		padding: 0 0 0 10px;
	}
	/*Überschrift einer Meldung*/
	.news-ueberschrift {
		display: block;
		margin: 0 0 0 0;
		font-weight: bold;
	}
	/*Oberste Zeile, die zurück und Datum einer Meldung enthält*/
	.oberste-zeile {
		display: block;
		height: 20px;
	}
	/*Datum einer Meldung*/
	.news-datum, .news-datum-final {
		display: block;
		margin: 0 0 0 0;
		font-size: 10px;
		float: right;
	}
	/*Text einer Meldung*/
	.news-text, .news-text-final {
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		display: block;
	}
	/*Text Trennstrich*/
	.news-text-trennstrich {
		border-top: dotted 1px #999999;
		display: block;
		margin-top: 20px;
	}
	/*Bild-Container*/
	.bild-container-rechts {
	margin: 20px 0 20px 20px;
	float: right;
	}
        .bild-container-links {
	margin: 0 10px 10px 0;
	float: left;
	}
        .bild-container-keine {
	margin: 20px 0 20px 0;
    width: 160px;
	}
        .links {
            float: left;
            margin: 10px 10px 10px 0;
        }
        .rechts {
            float: right;
            margin: 10px 0 10px 10px;
        }
        .keine {
            margin: 0 0 0 0;
        }
	.bild {
    margin: 0 0 0 0;
	}
	.bildcontainer-galerie-a-mittel {
		display: block;
		width: 160px;
		height: 160px;		
	}
	.bild-container-rechts,
	.bild-container-links,
	.bild-container-keine,
	.links,
	.rechts,
	.keine {
		-webkit-box-shadow: 0px 0px 20px 0px rgba(161,161,161,0.2);
		-moz-box-shadow: 0px 0px 20px 0px rgba(161,161,161,0.2);
		box-shadow: 0px 0px 20px 0px rgba(161,161,161,0.2);
		box-sizing: border-box;
	}
	.bild-container-rechts:hover,
	.bild-container-links:hover,
	.bild-container-keine:hover {
		transform: scale(1.1);
	}
	.bg-grau {
	background-color: #ffffff;
	}
	/*Seiten, auf denen die ganzen News Einträge verteilt sind*/
	.seitennavigation {
        margin: 5px 0 0 5px;
        padding: 5px 0 0 0;
        line-height: 12px;
	}
	a.seitennavigation-aktive-seite {
		display: block;
		float: left;
		padding: 1px 3px 3px 3px;
		border: solid 1px #00AADD;
		text-align: center;
		margin: -1px 0 0 9px;
	}
	a.seitennavigation-inaktive-seite {
		display: block;
		float: left;
		padding: 1px 3px 3px 3px;
		border: solid 1px #d5d5d5;
		text-align: center;
		margin: -1px 0 0 9px;
	}
	.block {
		display: block;
	}

/*Meldungen*/	
.meldung {
         margin: 5px 0 10px 0;
		 font-size: 22px;
		 line-height: 120%;
		 box-sizing: border-box;
		 -webkit-box-sizing: border-box;
		 border-top: solid 1px #cccccc;
		 border-bottom: solid 1px #cccccc;
		 padding: 25px 0;
}
.meldung:before {
		font-family: FontAwesome;
		float: left;
		font-weight: normal;
		font-style: normal;
		display: inline-block;
		text-decoration: inherit;
		width: 40px;
		font-size: 30px;
		margin-left: 5px;
		text-shadow: 1px 1px 2px #cccccc;
		-moz-text-shadow: 1px 1px 2px #cccccc;
		-webkit-text-shadow: 1px 1px 2px #cccccc;
}
.padding-meldung {
	padding-left: 45px;	
}

.style-positiv:before {
		content: "\f00c";
		color: #76bb24;
		line-height: 60px;
}
.style-neutral:before {
		content: "\f068";
		color: #bbbbbb;
}
.style-negativ:before {
		content: "\f00d";
		color: #c50101;
}

/*Kontaktformular*/
td {
	padding: 0 10px 10px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.eingabefeld {
	background-color: #ffffff;
    color: #333333;
    padding: 7px 5px 7px 5px;
	box-shadow: 2px 2px 4px #cccccc;
	-moz-box-shadow: 2px 2px 4px #cccccc;
	-webkit-box-shadow: 2px 2px 4px #cccccc;
    border-left: solid 1px #019fc5;
	width: 500px;
	border-right: none;
	border-top: none;
	border-bottom: none;
	-webkit-appearance: none;
}
textarea.eingabefeld {
	height: 300px;	
}

.bildunterschrift {
	background-color: #EEEEEE;
	font-size: 11px;
	padding: 5px;
}
.bildunterschrift-vorschaubild {
	width: 150px;
}

.submit-button {
	line-height: 40px;
	padding: 0 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: none;
	cursor: pointer;
	background-color: #019fc5;
	color: #ffffff;
	border-radius: 5px;
	font-size: 1em;
	-webkit-appearance: none;
}
.submit-button:hover {
	background-color: #0a51a1;
}

td {
	vertical-align: top;	
}

/*List element*/
#generierter-inhalt ul {
	list-style-type: none;		
	margin: 0 0 0 30px;
	padding: 0;
}
#generierter-inhalt ul li:before {
	font-family: FontAwesome;
	content: "\f138";
	display: inline-block;
	vertical-align: top;
	color: #019fc5;
	margin-left: -30px;
	width: 30px;
}
#generierter-inhalt ul li {
	margin: 0 0 5px 0;
}

#generierter-inhalt iframe,
#generierter-inhalt img {
	max-width: 100%;
	height: auto;	
}

/*############################################################################################*/
/*############################################################################################*/
/*############################################################################################*/
/*Tablet*/
@media only screen and
(max-width:1023px) {
	* {
    	font-size: 1em;
	}
	#main {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 20px 0;
		z-index: 1;
	}
	header {
		height: auto;
		margin: 1px 0 20px 0;
		width: 100%;
	}
	header img {
		width: 100%;
		height: auto;	
	}
	#contact {
		width: 100%;
		text-align: left;	
		padding-left: 15px;
		box-sizing: border-box;
	}
	#contact span.distance {
			width: 10px;
	}
	a.logo img {
		width: 40%;
		height: auto;	
	}
	a.logo {
		margin: 30px 0 30px 0;	
	}
	.menuIcon {
		line-height: 60px;
		font-size: 30px;
		width: 50px;
		float: right;
		display: inline-block;
	}
	nav {
		display: none;
		text-align: center;
		width: 100%;
		margin: 0;
		padding: 20px;
		position: absolute;
		left: 0;
		top: 71px;
		z-index: 6;
		background-color: #ffffff;
		-webkit-box-shadow: 0px 0px 60px 0px rgba(161,161,161,0.5);
		-moz-box-shadow: 0px 0px 60px 0px rgba(161,161,161,0.5);
		box-shadow: 0px 0px 60px 0px rgba(161,161,161,0.5);
		box-sizing: border-box;
	}
	nav ul,
	nav ul.menu,
	nav ul.menu li ul.submenu {
		text-align: center;
		height: auto;
		display: block;
		position: relative;
		top: 0;
	}
	nav ul.menu li {
		display: block;
		text-align: center;
		max-width: 300px;
		margin: 0 auto;
	}
	nav ul.menu li a.aktiv {
		border-bottom: solid 1px #019fc5;
		border-top: solid 1px #019fc5;
	}
	nav ul.menu li ul.submenu li a.aktiv {
		font-weight: bold;	
	}
	nav li#line {
		display: none;	
	}
	nav ul.menu li a:link,
	nav ul.menu li a:visited,
	nav ul.menu li a:active,
	nav ul.menu li a:hover {
		color: #019fc5;
		display: block;	
	}
	nav ul.menu li ul.submenu li a:link,
	nav ul.menu li ul.submenu li a:visited,
	nav ul.menu li ul.submenu li a:active,
	nav ul.menu li ul.submenu li a:hover {
		color: #161e30;	
		display: block;
	}
	section {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	#download-bereich {
		margin: 30px 0 0 0;
		padding: 0 0 0 0;
		left: 0;
		border: none;
	}
	#download-bereich span{
		display: block;
		margin: 0 0 16px 0;
		font-size: 1.6em;
		position: relative;
		left: 0;
	}
	#download-bereich span:before {
		display: none;
	}
	.list-group {
		margin-bottom: 30px;	
	}
	.list-group-item {
    	display: block;
		margin-bottom: 10px;
    }
    .list-group-item i {
		font-size: 1.2em;   
    }
	.bild-container-rechts:hover,
	.bild-container-links:hover,
	.bild-container-keine:hover {
		transform: none;
	}
	
	.eingabefeld {
		width: 100%;	
		box-sizing: border-box;
		font-size: 1em;
	}
	table {
		width: 100%;	
	}
	.submit-button {
		width: 100%;	
	}
	.meldung {
		margin-top: 1em;	
	}
	.bottomBox .facebook,
	.bottomBox .oeffnungszeiten{
		float: none;
		width: 100%;
		display: block;
		text-align: center;
		height: auto;
	}
	.bottomBox .facebook {
		padding: 20px 0 20px 0;
	}
	div.leftAlign {
		text-align: left;
		display: inline-block;	
		padding: 0;
		margin: 0;
	}
}

/*############################################################################################*/
/*Smartphones*/
@media only screen and
(max-width:760px) {
	body {
		font-size: 16px;
	}	
	section {
		width: 100%;
	}
	article {
		box-sizing: border-box;
		padding: 0 10px;
	}
	.bild-container-links {
		box-sizing: border-box;
	}
	.bild-container-links * {
		width: 100%;	
		box-sizing: border-box;
	}
	
}
/*############################################################################################*/
/*Smartphones - kleinerer Bildschirm*/
@media only screen and
(max-width:554px) {
	#contact span {
		line-height: 50px;	
	}
	#contact span.distance,
	#contact span.mobile {
		display: none;
	}
	#contact span.phone {
		font-size: 1em;	
		display: inline-block;
	}
	nav {
		top: 51px;
		font-size: 1em;	
	}
	nav ul.menu li a:link,
	nav ul.menu li a:visited,
	nav ul.menu li a:active,
	nav ul.menu li a:hover {
		font-size: 16px;
		line-height: 250%;
	}
	nav ul.menu li ul.submenu li a:link,
	nav ul.menu li ul.submenu li a:visited,
	nav ul.menu li ul.submenu li a:active,
	nav ul.menu li ul.submenu li a:hover {
		font-size: 14px;
		line-height: 250%;
	}
	.menuIcon {
		line-height: 40px;
		font-size: 30px;
		width: 50px;
		float: right;
		display: block;
	}
	a.logo img {
		width: 50%;
		height: auto;	
	}
}
/*############################################################################################*/
/*Smartphones - kleinerer Bildschirm*/
@media only screen and
(max-width:355px) {
	body {
		font-size: 14px;	
	}
	.bild-container-links {
		max-width: 46%;	
		max-height: 147px;
	}
	a.logo img {
		width: 70%;
		height: auto;	
	}
}