body,p,div,td,table,tr{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1rem;
}

body,html
{
	margin: 0px;
	height: 99.9%;
	font-size: 100%;
	padding: 0px;
	margin: 0px;
}

* {
	margin: 0px;
}

/*
body {background-color:#CBD4D4;}
*/
img
{
	border:none;
}

@font-face {
    font-family: 'serif12_beta_rgregular';
    src: url('../fonts/serif12beta-regular-webfont.eot');
    src: url('../fonts/serif12beta-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/serif12beta-regular-webfont.woff') format('woff'),
         url('../fonts/serif12beta-regular-webfont.ttf') format('truetype'),
         url('../fonts/serif12beta-regular-webfont.svg#serif12_beta_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bebasregular';
    src: url('../fonts/bebas___-webfont.eot');
    src: url('../fonts/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebas___-webfont.woff') format('woff'),
         url('../fonts/bebas___-webfont.ttf') format('truetype'),
         url('../fonts/bebas___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a
{
	text-decoration:none;
	color:#204A65;
}
a:hover
{
	color:#E8554E;
}

h1
{
	font-family: 'serif12_beta_rgregular';
	font-size:1.5rem;
	line-height:2rem;
	font-weight:normal;
	color:#204A65;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCCDC7;
	width:100%;
}
h2
{
	font-family: 'serif12_beta_rgregular';
	font-size:1.3px;
	font-weight:normal;
}
h2 a
{
	text-decoration:none;
	color:#204A65;
}
h2 a:hover
{
	color:#E8554E;
}
h3
{
	margin:20px 0px 0px 0px;
	padding:0px;
	font-family: 'serif12_beta_rgregular';
	font-size:1.8rem;
	line-height:2rem;
	font-weight:normal;
	color:#204A65;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCCDC7;
	width:100%;
	word-wrap: break-word;
}
h4
{
	font-size:1.4rem;
	font-weight:bold;
	color:#204A65;
	margin:0px;
	padding:0px;
}
ul
{
	list-style-image:url('../pics/link.png');
}

.tabelle {
	border-spacing:0px;
}
.tabelle td {
	padding:3px;
	border-spacing:0px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#204A65;
}
.submit
{
	border-style:dotted;
	border-color:#204A65;
	border-width:1px;
	margin:2px;
	font-size:1rem;
	padding:5px;
	background-color:#F0F0F0;
	color:#808080;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	cursor:pointer;
	padding-left:28px;
	display:block;
	width:350px;
}

.submit:hover 
{
	border-style:dotted;
	border-color:#FFFFFF;
	border-width:1px;
	background-color:#84D0F1;
	color:#FFFFFF;
	text-decoration:none;
	vertical-align:middle;
}

.fotoBalkenMain
{
	width:100%;
	max-width:1200px;
	height:150px;
	overflow:hidden;
	margin:0px auto auto auto;
	border-style:solid;
	border-width:0px;
	border-top-width:10px;
	border-bottom-width:10px;
	border-color:#003765;
	text-align:center;
	background-color:#003765;
}
.fotoBalkenMain img
{
	/*opacity:0.8; filter:alpha(opacity=90);*/
}
.fotoBalkenPart1
{
	width:418px;
	float:left;
	text-align:right !important;
	height:150px !important;
	overflow:hidden;
	white-space:nowrap !important;
}

.fotoBalkenPart2
{
	width:364px; float:left; height:150px !important;
}
.fotoBalkenPart3
{
	width:418px; float:left; height:150px !important;
}
.contentBreitesFenster
{
	width:100%;
	max-width:1200px;
	margin:0px auto auto auto;
	background-color:#F6F7F0;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#EDEDE9
}
.content
{
	box-sizing: border-box;
	width: 100%;
	max-width:900px;
	margin:0px auto 0px auto;
	background-color:#F6F7F0;
	min-height:500px;
}
.navigationblock
{
	text-align:right;
	width:100%;
	height:35px;
	padding-top:100px;
	background-color:#FFF;
}
.navigation a
{
	font-family:'bebasregular';
	font-size:1.1rem;
	display:block;
	margin-right:10px;
	width:80px;
	height:20px;
	float:right;
	text-decoration:none;
	color:#204A65;
	color:#FFCC00;
}
.navigation a:hover
{
	color:#333;
	color:#E8554E;
}

.termin_block
{
	font-family: 'serif12_beta_rgregular';
	font-size:1.2rem;
	font-weight:normal;
	text-decoration:none;
	color:#204A65;
	width:265px;
	height:310px;
	float:left;
	margin:15px;
	border-style:solid;
	border-width:1px;
	border-color:#E8E8E2;
	border-bottom-color:#D3D4CE;
	box-shadow: 2px 2px 0px #E8E8E2;
	text-align:center;
	position:relative;
	background-color:#FFFFFF;
}
.termin_block:hover
{
	color:#E8554E;
}
.kurzinfoButton
{
width:100px; background-color:#E8554E; display:none; color:#FFF; padding:5px; position:absolute; top:310px; left:80px;
}
.kurzinfoText
{
	width:245px; height:300px; background-image:url('../pics/navy_blue.png'); background-repeat:repeat; display:none; color:#FFF; padding:10px; position:absolute; bottom:0px; left:0px; text-align:left;
}

.termin_content_block
{
	width:600px;
	float:left;
	margin:15px 15px 0px 0px;
	padding:10px;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#E8E8E2;
	border-bottom-color:#D3D4CE;
	box-shadow: 2px 2px 5px #AAAAAA;
}
.termin_detail_block
{
	width:230px;
	float:right;
	margin:15px 0px 0px 0px;
	padding:10px;
	color:#204A65;
}
.termin_detail_block_div
{
	width:100%; text-align:center; font-size:1.8rem; border-bottom-width:1px; border-bottom-color:#CCCDC7; border-bottom-style:solid;
	padding:20px 0px 10px 0px;
}
.navigation_block_right
{
	width:230px;
	min-height:600px;
	height:100%;
	float:right;
	margin:15px 0px 0px 0px;
	padding:10px;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#E8E8E2;
	border-bottom-color:#D3D4CE;
	box-shadow: 2px 2px 5px #AAAAAA;
}
.navigation_block_right a
{
	display:block;
	padding-left: 11px;
	text-indent: -11px;
}
.navigation_block_right a:before
{
	content:url(../pics/link.png);
}

.abefore a:before
{
	content:url(../pics/link.png);
}

.nobefore a:before
{
	content:url(../pics/transparent.png);
}

.termineFilter
{
	width:620px;
	margin:0px 0px 0px 0px;
	padding:3px;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#E8E8E2;
	border-bottom-color:#D3D4CE;
	box-shadow: 2px 2px 5px #AAAAAA;
}

.footer
{
	width:100%;
	max-width:1200px;
	margin:0px auto auto auto;
	background-color:#e4e4e4;
	background-image:url(../pics/footer.png);
	background-repeat:repeat;
	background-position:top left;
}
.footer2
{
	width: 100%;
	max-width:900px;
	padding:20px 0px 30px 0px;
	margin:0px auto 50px auto;
	color:#999;
}
.link_as_button, .link_as_button:visited
{
	border-style:dotted;
	border-color:#204A65;
	border-width:1px;
	margin:2px;
	font-size:1rem;
	padding:5px;
	background-color:#F0F0F0;
	color:#808080;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	cursor:pointer;
	padding-left:28px;
	display:block;
	width:350px;
}

.link_as_button:hover 
{
	border-style:dotted;
	border-color:#FFFFFF;
	border-width:1px;
	background-color:#84D0F1;
	color:#FFFFFF;
	text-decoration:none;
	vertical-align:middle;
}

.gruppenFilter
{
background-color:#F0F0F0; border-style:dotted; border-color:#204A65; border-width:1px; line-height:15px; float:left; padding:5px; margin:3px;
}
.filterFortschritteButtonNo
{
	background: #F0F0F0;
	background-image:none;
	font-weight: normal;
	color: #204A65;
	border-style:dotted;
	border-color:#204A65;
	border-width:1px;
	line-height:15px;
	vertical-align:middle !important;
	font-size:14px;
	padding:5px;
	margin:3px;
	border-radius: 0px;
	cursor:pointer;
}
.filterFortschritteButtonNo:hover
{
	color:#E8554E;
}
.filterFortschritteButtonYes
{
	background:#E8554E !important;
	color:#204A65 !important;
}
.filterFortschritteButtonYes:hover
{
	background:#E8554E;
	color:#204A65;
}

.fotogalerie_link
{
	padding:2px;
	float:left;
	margin:3px;
	min-height: 100px;
	width: 100px;
}

/*
.ui-state-highlight { background-color:#EADED5; width:100px; height:100px; float:left;	padding:2px; margin:3px; }
*/

.fotogalerie_link_span {
	/*
	opacity: 1;
	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-webkit-transition: -webkit-transform 0.5s;
	background:url(pics/fotos_zoom.png) center center no-repeat #FFF;
	*/
	cursor: pointer;
	height: 100px;
	width: 100px;
	position: absolute;
	z-index: 10;
	opacity: 0;
}
.fotogalerie_link_span:hover {
	opacity: .4;
	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-webkit-transition: -webkit-transform 0.5s;
	-webkit-box-shadow: 0px 0px 4px #FFF;
	box-shadow: 0px 0px 4px #FFF;
}

tr.alt
{
	background: #DBDBDB;
}
.noScreen
{
	display:none;
}

.mobile-visible
{
	display:none;
}
.mobile-hidden
{
	display: block;
}


#mobile-navigation-showbutton
{
	position: absolute;
	top: 20px;
	left: 20px;
	font-size:2rem;
	color: #808080;
	text-decoration: none;
}

#mobile-navigation-wrapper
{
	position: absolute;
	z-index: 2;
	width: 300px;
	padding: 20px 50px 10px 20px;
	margin: 0px;
	border: #003765 solid 2px;
	border-width: 0px 1px 1px 0px;
	background-color: #fff;
}
#mobile-navigation-wrapper ul
{
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
}


#mobile-navigation-wrapper li
{
	padding: 10px 0 0 0;
	font-size: 1.8rem;
}

#mobile-navigation-wrapper a
{
	text-decoration:none;
	color:#FFCC00;
}
#mobile-navigation-wrapper a:hover
{
	color:#E8554E;
}

#mobile-navigation-wrapper a.smallnavi-button
{
	color: #204A65;
	padding:4px;
	display: block;
}
#mobile-navigation-wrapper a.smallnavi-button:hover
{
	color:#E8554E;
}


@media only screen and (max-width: 1200px)
{
	.contentBreitesFenster-header,
	.contentBreitesFenster,
	.footer
	{
		width:100%!important;
		display: block;
		max-width: none!important;
	}
}

@media screen and (min-device-width : 320px) and (max-device-width : 480px),
screen and (max-width: 920px)
{
	.fotoBalkenMain,
	.contentBreitesFenster,
	.footer,
	.content,
	.mobile-block
	{
		width:100%!important;
		display: block!important;
		max-width: none!important;
		min-height: 0px!important;
	}

	.content
	{
		padding:0px 20px;
		margin: 0px!important;
	}

	.mobile-visible
	{
		display:initial!important;
	}
	.mobile-hidden
	{
		display:none!important;
	}
	#header-logo
	{
		margin-left: 80px !important;
		height: 80px;
	}
	#header-logo img
	{
		height: 80px;
	}


	.navigation_block_right
	{
		display: none;
	}
	.content > div:nth-of-type(2)
	{
		width:100%!important;
		box-sizing: border-box;
	}
	#termine-main-wrapper,
	.termin_content_block
	{
		box-sizing: border-box;
		width:100%!important;
	}

	.link_as_button
	{
		box-sizing: border-box;
		width:100%;
	}
	.termin_detail-datum
	{
		margin-top:10px!important;
	}

	.termin_detail_block_div
	{
		font-size:1.2rem;
	}



}
/*

@media print
{
	body{
		background-color:#FFF !important;
	}
	.noPrint
	{
		display:none;
	}
	.noScreen
	{
		display:block !important;
	}
	.contentBreitesFenster {
		width:100% !important;
	}
	.content {
		width:100% !important;
	}
	.termin_detail_block {
		width:20% !important;
	}
	.termin_content_block {
		width:70% !important;
	}
	img {
		max-width: 100% !important;
	}
	ul, img {
		page-break-inside: avoid;
	}
}
*/