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

html {
	overflow-y:scroll;
}
table {
	font-size:100%;
}
textarea {
	font-family: 'Exo', Arial, sans-serif;	
	font-size:100%;
}
p {
	margin:0px;
	margin-bottom:10px;
	margin-top:3px;
	padding:0px;
}
hr {
	color:#CCC;
}
a:link, a:visited   {
	color: #090;
	text-decoration:underline;
	font-weight:normal;
}
a:hover, a:focus, a:active  {
	color: #F00; /*9EBEE4*/
	text-decoration:underline;
	font-weight:normal;
}

a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover {
	color: #333;
	text-decoration:none;
	font-weight:normal;
	cursor:text;
}

a img {
	border:0px;
}
clear {
	clear:both;
}
img {
	max-width:100%;
	height:auto !important;

}
#inhalt ul {
	list-style-type: square;
	margin: 20px 0px 0px 22px;
	padding: 0px;
}
#inhalt li {
	margin: 0px;
	margin-top:5px;
	padding: 0px;
}

#skip {
	position:absolute;
	left:-1000px;
}
.skip {
	margin: 0px;
	padding: 0px;
	text-indent: -10000px;
	list-style-type: none;
}

html, body {
	height:100%;
	margin:0;
	padding:0;
	font-family: 'Exo', sans-serif;	
	color:#333;
	background-color:#FFF;
}
body {
	background:url(media/design/bg1.png);
	background-repeat:repeat-x;
}
#wrapper {
	position:relative;
	margin:0 auto;
	width:98%;
	max-width:1080px;
	min-height:100%;
	height:auto !important;
	height:100%;
	z-index:1;
}
#topnavi {
	height:50px;
	height:45px;
	width:93.5185%; /*1010px*/
	padding:0 0 0 3.24%; /*35px*/
}
#footer {
	position:absolute;
	width:100%;
	height:auto;
	min-height:45px;
	bottom:0;
	z-index:1000;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	/*box-shadow:0px 0px 10px #333;*/
	background-image:url(media/design/bg-footer.png);
	background-repeat:repeat-x;
	background-color:#DBE0DE;
	font-size:85%;
}
#blank {
	height:60px;
}
#name {
	float:left;
	padding:12px 10px 0 35px;
	width:auto;
}
#adresse {
	float:right;
	padding:12px 35px 0 0;
	width:auto;
}
#adresse a:link, #adresse a:visited {
	color:#333;
	text-decoration:none;
}
#adresse a:hover, #adresse a:focus, #adresse a:active {
	color:#FF290B;
	text-decoration:underline;
}

#adresse a[href^="tel"]:hover,
#adresse a[href^="tel"]:focus, 
#adresse a[href^="tel"]:active {
	color: #333;
	text-decoration:none;
	font-weight:normal;
	cursor:text;
}



.white { color:#FFF; }
#logo {
	position:absolute;
	top:82px;
	/*left: 868px;*/
	right:-19px;
	width:231px;
	height:49px;
	transition:1s;
}
#header {
	width:100%;
	height:115px;
	height:110px;
	border-radius:6px;
	box-shadow:0px 0px 10px #333;
	background-image:url(media/design/bg-navi.png);
	background-repeat:repeat-x;
	background-color:#CBD1CE;
	margin:0;
	padding:0;
	transition:1s;
}

#main {
	width:100%;
	height:auto;
	border-radius:6px;
	box-shadow:0px 0px 10px #333;
	background-color:#FFF;
	margin:6px 0 0 0;
	margin:18px 0 0 0;
	padding:0;
}
#inhalt {
	float:left;
	width:63.88%;
	height:auto;
	margin:0;
	padding:35px 0 35px 3.24%;
}
#side {
	float:right;
	width:29.63%;
	height:auto;
	margin:0;
	padding:35px 0;
}
.clear {
	clear:both;
}
/* NAVI */
#topnavi ul {
	width:100%;
	height:auto;
	list-style:none;
	padding:5px 0 0 0;
	margin:0;
	font-size:85%;
}
#topnavi li {
	float:left;
	margin:0;
	padding:0 4% 0 0;
	width:auto;
}
#topnavi li.p1 {
	padding:0;
}
#topnavi li.p1, #topnavi li.p2 {
	float:right;
}
#topnavi li a:before { content:"> "; color:#333; } 
#topnavi li a:link, #topnavi li a:visited {
	color:#333;
	text-decoration:none;
}
#topnavi li a:hover, #topnavi li a:focus, #topnavi li a:active, #topnavi li a.active {
	color:#000;
	text-decoration:underline;
}

#navi ul {
	width:100%;
	height:auto;
	list-style:none;
	padding:32px 0 0 22px;
	margin:0;
	font-size:100%;
	position:relative;
}
#navi li {
	float:left;
	margin:0;
	padding:0 2px;
	width:auto;
}
#navi li:first-child {
	padding: 0 2px 0 0;
}
#navi li a {
	padding:13px 13px 5px 13px;
	height:30px;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
}
#navi li a:link, #navi li a:visited {
	color:#FF290B;
	text-decoration:none;
}
#navi li a:hover, #navi li a:focus, #navi li a:active, #navi li a.active {
	color:#FF290B;
	text-decoration:none;
	background-color:#FFF;
	border-radius:6px;
}

#navi ul li:hover ul, #navi ul li:focus ul, #navi ul li a:focus ul
{
	display:block;
}

#navi ul ul {
	display:none;
	position:absolute;
	top:75px;
	left:0px;
	width:70.37%;
	height:40px;
	list-style:none;
	padding:0 0 0 35px;
	margin:0;
	font-size:100%;
	background-color:#FFF;
	border-radius:6px;
	font-size:80%;
}
#navi li li {
	float:left;
	margin:0;
	padding:13px 26px 0 0;
	width:auto;
}
#navi li li a:before { content:"> "; color:#333; } 
#navi li li a {
	height:35px;
	padding:0;
	text-decoration:none;
	text-transform:none;
	display:inline;
}
#navi li li a:link, #navi li li a:visited {
	color:#333;
	text-decoration:none;
}
#navi li li a:hover, #navi li li a:focus, #navi li li a:active, #navi li li a.active {
	color:#FF290B;
	text-decoration:none;
	background-color:#FFF;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
#navi li li a:hover:before, #navi li li a:focus:before, #navi li li a:active:before, #navi li li a:before.active { content:"> "; color:#FF290B; } 

nav a#pull {
	display: none;
}


/* Kalender */
table.calendar {
	width:100%;
	border:1px solid grey;
	background-color:#FFF;
	line-height:normal;
	color:#000;
}
table.calendar td, table.calendar th {
	width:14%;
	text-align:center;
	border-bottom:1px solid grey;
	border-right:1px solid grey;
	vertical-align:text-top;
}
table.calendar th {
	padding:8px 2px;
	background-color:#CCC;
	font-weight:normal;
}
.cal_prev {
	background-color:#efefef;
}
.cal_next {
	background-color:#efefef;
}
.cal_today {
	background-color:#9EBEE4;
}
.cal_sa {
	background-color:#efefef;
}
.cal_su {
	background-color:#DBDBDB;
}
.cal_empty {
	background-color:#FFF;
}
.cal_event {
	font-size:80%;
	min-height:40px;
}
table.calendar td:hover {
	background-color:#9EBEE4;
}
/* Ende KALENDER */

/* Galerie */


.iscmsGallery img {
	margin-left:-2px;
}
.iscmsGallery img {
	padding-right:0px;
	padding-bottom:0px;
}
.iscmsGallery .pic {
	width:210px;
	height:144px;
	text-align:left;
	padding-right:13px;
	padding-bottom:13px;
	float:left;
}
.iscmsGallery .pic img {
	width:200px;
	height:134px;
	border:5px solid #FFF;
	box-shadow:0px 3px 5px #690;
}
.iscmsGallery .pic a:hover img, .iscmsGallery .pic a:active img, .iscmsGallery .pic a:focus amg{
	border:5px solid #690;
}
/* Ende Galerie */

.download-IMG {
	float: left;
	padding:0px 20px 0px 0px;
}
#MenuBar1 {
	display:none;
}

@media screen and (max-width: 1160px) 
{
	#logo {
		right:-1%;
	}
}
@media screen and (max-width: 970px) 
{
	#blank {
		height:80px;
	}
}
@media screen and (max-width: 850px) 
{
	#name {
		float:none;
		padding:12px 3.24% 0 3.24%;
		width:93.5%;
		text-align:center;
	}
	#adresse {
		float:none;
		padding:4px 3.24% 6px 3.24%;
		width:93.5%;
		text-align:center;
	}
	#topnavi {
		height:6px;
		overflow:hidden;
		transition:1s;
	}
	#topnavi ul {
		display:none;
	}
	#MenuBar1 {
		display:block;
	}
	nav {
		height: 35px;
	}
	nav a#pull {
		position: absolute;
		display: block;
		width: auto;
		height:35px;
		padding: 18px 18px 0px 18px;
		z-index:1000000;
	}
	#navi {
		width: 50%;
		max-width: 180px;
		padding-left: 15px;
		padding-top: 45px;
	}
	#navi ul {
		display:none;
		width:100%;
		background-color:#CCC;
		padding:10px;
		border-radius:6px 6px 0 0;
	}
	#navi ul#MenuBar1 {
		border-radius:0 0 6px 6px;
		padding-top:0;
	}
	#navi ul li {
		float:none;
	}
	#navi #MenuBar1 li a {
		text-transform:none;
	}
	#navi #MenuBar1 li a:link, #navi #MenuBar1 li a:visited {
		color:#000;
	}
	#navi #MenuBar1 li a:hover, #navi #MenuBar1 li a:focus, #navi #MenuBar1 li a:active, #navi #MenuBar1 li a.active {
	}	
		
	#logo {
		top:15px;
		height:auto;
	}
	#header {
		height:60px;
	}
	h1 {
		font-size: 200%;
	}
	h2 {
		font-size: 130%;
	}

}
@media screen and (max-width: 690px) 
{
	#blank {
		height:105px;
	}
}
@media screen and (max-width: 650px) 
{
	#inhalt {
		width:55%;
	}
	#side {
		width:41%;
	}

}
@media screen and (max-width: 500px) 
{
	#inhalt {
		width:94%;
		float:none;
	}
	#side {
		padding:35px 0 35px 3.24%;
		width:94%;
		float:none;
	}

}