@charset "UTF-8";
/*
	filename:	/css/screen-skin.css
	version:	1.0 - 2008-03-15 -
	author:		-quale- at web dot de
	validated by W3C CSS Validator // jigsaw.w3.org

	hellblau 	= #AED5FC
	blau 		= #4584c5
	dunkelblau 	= #33618E

	textblau 	= #0D4D89

*/
@font-face {
	font-family: 'medioregular';
	src: url("font/medio-regular/Medio-webfont.eot");
	src: url("font/medio-regular/Medio-webfont.eot?#iefix") format("embedded-opentype"), url("font/medio-regular/Medio-webfont.woff") format("woff"), url("font/medio-regular/Medio-webfont.ttf") format("truetype"), url("font/medio-regular/Medio-webfont.svg#medioregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

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

html {
	font-size: 100%;
}

html > body {
	font-size: 16px;
}

input, select, th, td, li li, li p, td p, q p {
	font-size: 1em;
}

table td * {
	font-size: 1em !important;
}

* {
	padding: 0;
	margin: 0;
}

body {
	font-family: 'dejavu_sansbook', Georgia, serif;
}

.isHome #contentContainer .cConOben,
.isHome #contentContainer .cConUnten,
.isHome #contentContainer .bg_li_mi,
.isHome #contentContainer .bg_re_mi,
.isHome #footLayer {
	display: none;
}

.isHome #content {
	max-width: 550px;
}

.isHome .cContainer {
	background: none;
}

#standImg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
	/* display: none; */
}

/* ======== Content ======== */
#content {
	font-size: 14px;
	min-height: 160px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px 20px 110px 20px;
}

#content.fullsize {
	width: 666px;
}

#content h1 {
	font-family: 'dejavu_sansbook', 'dejavu_sansbook', Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #0D4D89;
	margin-bottom: 20px;
}

#content h2 {
	font-family: 'dejavu_sansbook', 'dejavu_sansbook', Verdana, Geneva, sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #0D4D89;
	margin-bottom: 5px;
}

#content h3 {
	font-family: 'dejavu_sansbook', Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 5px;
}

#content p {
	font-size: 14px;
	margin-bottom: 15px;
}

#content > ul li {
	margin-left: 18px;
}

#content p.status {
	position: absolute;
	top: 0;
	right: 15px;
	font-weight: bold;
	color: red;
}

#content p a {
	color: #0D4D89;
}

#content p a:hover {
	text-decoration: none;
}

/* ======== Bilder ======== */
#bilder {
	height: 250px;
	background: url('/img/rgbapng/ffffffb3-5.png?1417380431');
	background: rgba(255, 255, 255, 0.7);
	margin-top: 20px;
	overflow: hidden;
}

#bilder img {
	margin: 0 auto;
	margin-bottom: 10px;
	max-height: 230px;
	margin-left: 10px;
}

.scrollPaneContainer {
	position: relative;
	/* height: 250px; */
	width: 100%;
	/* background: rgba(255, 255, 255, 0.5); */
	margin-top: 20px;
	/* padding: 20px; */
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.bildSliderContainer {
	width: 96%;
	padding: 20px;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}

.bilderContainer {
	width: 100%;
}

.bilderContainer:after {
	content: "";
	display: table;
	clear: both;
}

.sliderBild {
	max-height: 230px;
}

.sliderBild + .sliderBild {
	margin-left: 20px;
}

#content p.bildText {
	margin-top: 5px;
	margin-bottom: 0px;
}



.scroll-pane {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.scroll-content {
	margin-bottom: 10px;
	float: left;
}

.scroll-content:after {
	content: "";
	display: table;
	clear: both;
}

.scroll-content-item {
	float: left;
}
.scroll-content-item + .scroll-content-item {
	margin-left: 20px;
}
.ui-widget-content {
	background-image: none;
	background: rgba(255, 255, 255, 0.6);
}
.scroll-bar-wrap {
	clear: left;
	padding: 0 4px 0 2px;
	margin: 0 -1px -1px -1px;
}
.scroll-bar-wrap .ui-slider {
	background: none;
	border: 0;
	height: 1.22em;
	margin: 0 auto;
}
.scroll-bar-wrap .ui-handle-helper-parent {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.scroll-bar-wrap .ui-slider-handle {
	top: .2em;
	height: 0.7em;
}
.scroll-bar-wrap .ui-slider-handle .ui-icon {
	margin: -8px auto 0;
	position: relative;
	top: 50%;
}

.fancybox {
	position: relative;
	display: block;
}

.fancyboxZoomIcon {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 13px;
	height: 12px;
	background-image: url("/assets/img/icon_lupe.png");
	background-repeat: no-repeat;
	background-position: 50% 50% ;
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #33618E;
	padding: 3px;
	display: block;
}

/* Bildgalerie */

.bildgalerie:after {
	content: "";
	clear: both;
	display: table;
}


.bgElement {
	width: 161px;
	margin-right: 20px;
	margin-bottom: 20px;
	cursor: pointer;
	float: left;
}

.lastElRow {
	margin-right: 0px;
}

p.bgTeaserHeadline {
	color: #33618E;
	background: #edf1f5 url("../../assets/img/icon_lupe.png") no-repeat 143px 3px;
	border-top: 1px solid #33618E;
	border-bottom: 1px solid #33618E;
	padding: 0 14px 0 2px;
	margin-bottom: 7px !important;
}

.conBgThumb {
	height: 130px;
	margin-top: 10px;
}

.conBgThumb img {
	margin: 0 auto;
}

.bgZoomElement {
	position: absolute;
	top: 30px;
	left: 30px;
	background: #fff;
	border: 1px solid #0D4D89;
	padding: 20px;
	z-index: 25;
	display: none;
}

.bgZoomElement img {
	padding: 0 6px;
}

h3.bgZoomHeadline {
	font-size: 14px;
	line-height: 20px;
	color: #0D4D89;
	border-bottom: 1px solid #0D4D89;
	color: #33618E;
	border-bottom: 1px solid #33618E;
	padding: 0 6px;
	margin-bottom: 15px !important;
}

.bgFooter {
	position: relative;
	border-top: 1px solid #33618E;
}

.bgFooter p {
	font-size: 14px;
	margin-bottom: 0 !important;
}

/* ======== Content BG ======== */
#stage {
	width: 100%;
	max-width: 1200px;
	min-width: 240px;
	padding-top: 6px;
	padding-left: 205px;
	padding-bottom: 45px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#bg_webseite {
	/* Set rules to fill background */
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden;
}

#bg_webseite img {
	width: 100%;
}

#contentContainer {
	position: relative;
	/*
	  top: 6px;
	  left: 223px;
	  */
	padding-top: 10px;
	padding-bottom: 16px;
	border: none;
	z-index: 11;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cConOben {
	position: relative;
	height: 10px;
	background: url('/img/rgbapng/ffffffb3-5.png?1417380431');
	background: rgba(255, 255, 255, 0.7);
	margin-left: 6px;
	margin-right: 30px;
}

.bg_li_ob {
	position: absolute;
	top: 0;
	left: -6px;
	width: 6px;
	height: 10px;
	background: transparent url(../../assets/img/bg_mc_li_ob.png) no-repeat 0 0;
}

.bg_re_ob {
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 10px;
	background: transparent url(../../assets/img/bg_mc_re_ob.png) no-repeat 0 0;
}

.cContainer {
	position: relative;
	background: url('/img/rgbapng/ffffffb3-5.png?1417380431');
	background: rgba(255, 255, 255, 0.7);
	background-repeat: no-repeat;
	margin-left: 6px;
	margin-right: 30px;
	min-height: 1%;
}

.bg_li_mi {
	position: absolute;
	top: 0;
	left: -6px;
	width: 6px;
	height: 100%;
	background: transparent url(../../assets/img/bg_mc_li_mi.png) repeat-y 0 0;
}

.bg_re_mi {
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 100%;
	background: transparent url(../../assets/img/bg_mc_re_mi.png) repeat-y 0 0;
}

.cConUnten {
	position: relative;
	height: 16px;
	background: transparent url(../../assets/img/bg_mc_un_mi.png) repeat-x 0 0;
	margin-left: 13px;
	margin-right: 33px;
}

#navContainer .cConUnten {
	margin-right: 13px;
}

.bg_li_un {
	position: absolute;
	top: 0;
	left: -13px;
	width: 13px;
	height: 16px;
	background: transparent url(../../assets/img/bg_mc_li_un.png) no-repeat 0 0;
}

.bg_re_un {
	position: absolute;
	top: 0;
	right: -16px;
	width: 16px;
	height: 16px;
	background: transparent url(../../assets/img/bg_mc_re_un.png) no-repeat -3px 0;
}

/* ======== MetaNavigation ======== */
#metanavContainer {
	font-family: 'dejavu_sansbook', Verdana, Geneva, sans-serif;
	position: absolute;
	bottom: 5px;
	left: 0px;
	width: 100%;
}

#metanavCenter {
	position: relative;
	width: 295px;
	margin: 0 auto;
}

#metanavContainer ul {
	font-size: 12px;
}

#metanavContainer ul li {
	list-style: none;
	color: #0D4D89;
	padding-left: 8px;
	float: left;
}

#metanavContainer ul li a {
	text-decoration: none;
	color: #0D4D89;
	padding-right: 5px;
}

#metanavContainer ul li a.aktiv,
#metanavContainer ul li a:hover {
	text-decoration: underline;
}

/* ======== Footer - MetaNavigation ======== */
#footLayer {
	position: absolute;
	left: 0;
	bottom: 0;
	font-family: 'dejavu_sansbook', Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width: 100%;
	color: #585858;
}

.footerContent {
	border-top: 1px solid #585858;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 15px 10px 0px 10px;
	margin: 0 10px 0px 10px;
}

#footLayer p {
	width: 250px;
	float: left;
}

#footLayer a {
	color: #585858;
}

#footLayer sup {
	line-height: 5px;
	vertical-align: 3px;
}

#footLayer ul {
	float: right;
}

#footLayer ul li {
	list-style: none;
	float: left;
}

#footLayer ul li span {
	padding: 0 10px;
}

#footLayer ul li a {
	text-decoration: none;
}

#footLayer ul li a.aktiv,
#footLayer ul li a:hover {
	text-decoration: underline;
}

#footLayer ul li a.aktiv {
	color: #0D4D89;
}

/* ======== Navigation ======== */
#navContainer {
	position: absolute;
	top: 16px;
	left: 30px;
	width: 173px;
	z-index: 10;
}

#navContainer .cContainer {
	background: transparent url(../../assets/img/bg_na.png) no-repeat 0 0;
	padding-left: 5px;
	padding-right: 11px;
	margin-left: 0px;
	margin-right: 0px;
	height: 1%;
}

#navContainer ul {
	font-family: 'dejavu_sansbook', Verdana, Geneva, sans-serif;
	border-top: 1px solid #FFF;
}

#navContainer ul li {
	font-size: 14px;
	list-style: none;
}

#navContainer ul li a {
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	display: block;
}

#navContainer ul li.hasChildren a {
	border-bottom: 1px solid #63A3E2;
}

#navContainer ul li.hasChildren a.aktiv {
	border-bottom: 1px solid #597EA0;
}

#navContainer ul li a.aktiv,
#navContainer ul li a:hover {
	background: #33618E;
}

#navContainer ul ul {
	border-top: none;
	border-bottom: 1px solid #FFF;
}

#navContainer ul li li {
	font-size: 12px;
}

#navContainer ul li.hasChildren li a,
#navContainer ul li li a {
	font-weight: normal;
	background: transparent url(../../assets/img/bull-subnav.gif) no-repeat 15px 9px;
	border-top: none;
	border-bottom: none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 28px;
}

#navContainer ul li.hasChildren li a.aktiv,
#navContainer ul li li a.aktiv,
#navContainer ul li li a:hover {
	background: #33618E url(../../assets/img/bull-subnav.gif) no-repeat 15px 9px;
	border-bottom: none;
}

/* ======== Gästebuch ======== */
#nav {
	margin-bottom: 2em;
}

p.author {
	margin-top: 0;
	margin-bottom: 0.4em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #33618E;
	max-width: 50em;
}

p.entry {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 2em;
}

p.comment {
	font-style: italic;
	margin-top: -1.7em;
	padding: 0 0 0 2em;
	margin-bottom: 2em;
	max-width: 50em;
	color: #606060;
}

p.admin {
	margin-top: -1.7em;
	text-align: right;
	max-width: 50em;
}

p.admin span {
	font-size: 0.82em;
}

.caution {
	font-weight: bold;
	color: red;
}

.small {
	font-size: 0.69em;
	line-height: 1.19em;
}

p .small {
	font-size: 0.82em;
}

h2.preview-hl {
	font-size: 0.82em;
	line-height: 1.45em;
	font-weight: bold;
	color: red;
	margin-bottom: 0;
}

input.button {
	width: 55px;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
}

#preview {
	border: 1px dotted red;
	max-width: 41em;
	padding: 10px 10px 0 10px;
}

#footer {
	margin-top: 3em;
	font-size: 0.69em;
	line-height: 1.19em;
	color: #808080;
}

#footer a {
	color: #808080;
}

/* ======== misc ======== */
.popup_overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 1%;
	width: 100%;
	height: 100%;
	background-color: #000;
	display: none;
	z-index: 20;
}

.clearAll {
	font-size: 0px !important;
	line-height: 0px !important;
	height: 0px !important;
	clear: both;
}

img {
	border: none;
	display: block;
}

.noMargBot {
	margin-bottom: 0 !important;
}

.margBot5 {
	margin-bottom: 5px !important;
}

#content p a.linkIntern,
.linkIntern {
	text-decoration: none;
	background: transparent url("/assets/img/mehrLink.gif") no-repeat 0 50%;
	padding-left: 24px;
}


#content p a.linkIntern:hover,
.linkIntern:hover {
	text-decoration: underline;
}




.clearAll {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	clear: both;
}

.clearfix:after {
	content:"";
	display:table;
	clear:both;
}



.floatLeft {
	margin-right: 20px;
	margin-bottom: 8px;
	float: left;
}

.floatRight {
	margin-left: 20px;
	margin-bottom: 20px;
	float: right;
}

#printcontainer {
	display: none;
}

form, label, input, select, textarea {
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}

* html label {
	vertical-align: -2px;
}

input, select, label, textarea {
	font-size: 13px;
	color: #000;
}

fieldset {
	border: none;
}

#formbuchung fieldset {
	border: none;
	padding: 0px;
	margin-bottom: 5px;
	clear: both;
	display: block;
}

legend {
	color: #9B9B9B;
	padding: 0px 5px;
}

#formbuchung legend {
	font-weight: bold;
	color: #33618E;
	padding: 0px 0px;
	margin-bottom: 10px;
}

#formbuchung p {
	font-size: 13px;
	line-height: 16px !important;
}

#formbuchung .reftext {
	margin-top: -5px;
	margin-bottom: 10px;
}

#formbuchung .reftext p {
	font-size: 11px;
	line-height: 13px !important;
}

.row {
	font-size: 12px;
	margin-bottom: 8px;
	clear: both;
}

.label {
	width: 150px;
	margin-right: 5px;
	float: left;
}

.field {
	margin: 0;
	padding: 0;
}

.inputSelect {
	width: 350px;
}

.inputNormal {
	width: 350px;
}

.inputUpload {
	width: 250px;
}

.inputPLZ {
	width: 42px;
	margin-right: 5px;
}

.inputOrt {
	width: 296px;
}

.inputWeb {
	width: 293px;
}

.inputTextarea {
	width: 350px;
	height: 100px;
}

.inputSubmit {
	line-height: 21px;
	width: 170px;
	border: 1px solid #33618E;
	background: #AED5FC;
	padding: 0px 20px;
}

.inputSubmit:hover {
	color: #FFF;
	background: #4584c5;
}

.text2leng {
	width: 20px;
}

.text4leng {
	width: 32px;
}

img.iconCalender {
	vertical-align: -2px;
	display: inline;
}

ul.errorList {
	margin-left: 18px;
	margin-bottom: 15px;
}

.datumContainer .field input, .datumContainer .field span, .datumContainer .field img {
	margin-right: 3px !important;
	float: left;
}

.datumContainer .field img {
	margin-left: 3px !important;
}

.multiselectfields {
	width: 200px;
	margin-right: 8px;
	float: left;
}

.multiselectfields .inputMultiSelect {
	width: 198px;
	height: 120px;
	padding-left: 2px;
}

.multiselectfields .dedicated option {
	background-color: green !important;
}

.multiselectfields p {
	color: #707070;
	margin-bottom: 0px;
}

.multiselectbuttons {
	width: 20px;
	margin-top: 17px;
	margin-right: 8px;
	float: left;
}

.multiselectbuttons img {
	margin-bottom: 3px;
}

table.tableList {
	width: 100%;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

table.tableList thead tr {
	background: #282E6F;
	color: #FFFFFF;
}

table.tableList th, table.tableList td {
	text-align: left;
	padding: 3px;
}

table.tableList tbody tr:hover {
	background: #ccc !important;
}

table.tableList tr.odd {
	background: #DBDEFF;
}

table.tableList tr.even {
	background: #EDEDED;
}

table.tableList img.icon {
	float: left;
	margin-right: 8px;
}

#formlistps .field {
	float: left;
}

#formlistps .label {
	line-height: 18px;
	width: 116px;
	margin-left: 10px;
}

#formlistps .inputSelect {
	width: 50px !important;
}

p.gesamteintrag {
	line-height: 18px;
	float: left;
}

.isBreit {
	width: 150px;
}

.margBot5 {
	margin-bottom: 5px;
}

.margBot10 {
	margin-bottom: 10px;
}

.margBot15 {
	margin-bottom: 15px;
}

.width10 {
	width: 10px !important;
}

.width20 {
	width: 20px !important;
}

.width30 {
	width: 30px !important;
}

.width40 {
	width: 40px !important;
}

.width50 {
	width: 50px !important;
}

.width60 {
	width: 60px !important;
}

.width70 {
	width: 70px !important;
}

.width80 {
	width: 80px !important;
}

.width90 {
	width: 90px !important;
}

.width100 {
	width: 100px;
}

.error {
	color: #E60002;
}

.calendar {
	border: 1px solid #005FAF;
	width: 200px;
	font-family: verdana, tahoma, sans-serif;
	font-size: 10px;
	background: #fff;
	z-index: 1234;
	position: relative;
}

.calendar * {
	padding: 3px;
}

.calSpan {
	position: relative;
}

.calendarContainer {
	position: absolute;
	top: 0px;
	left: 0px;
}

.month, .nav, #content table.result1 .calendar .month, #content table.result1 .calendar .nav {
	background-color: #4088C3;
	color: white;
	height: 20px;
}

.nav {
	cursor: pointer;
	text-align: center;
}

.navmonth, #content table.result1 .calendar .navmonth {
	padding: 0 1px;
	cursor: pointer;
	text-align: center;
}

.navmonth span, #content table.result1 .calendar .navmonth span {
	font-weight: normal;
	background: #F5F6F8;
	color: #000;
	/*border: 1px solid #3D3D3C;*/
	display: block;
	cursor: pointer;
	font-weight: normal;
	text-align: center;
	font-size: 9px;
	height: 9px;
	line-height: 10px;
	vertical-align: top;
	margin: 0 0 2px 0;
}

.monthhover, #content table.result1 .calendar .monthhover {
	color: #57585A;
}

.spacertop {
	margin-top: 4px;
}

.spacerbottom {
	margin-bottom: 4px;
}

.navmonthtr, #content table.result1 .calendar .navmonthtr {
	background: #9CA7AD !important;
}

.dayheader, #content table.result1 .calendar .dayheader {
	color: black;
	background: #CCD0D4;
	border-bottom: 1px solid #989DA1;
	font-weight: bold;
}

.empty {
	background-color: transparent;
}

.kw {
	background: #CCD0D4;
	border-right: 1px solid #989DA1;
	text-align: center;
}

.kwheader {
	color: black;
	background: #CCD0D4;
	border-right: 1px solid #989DA1;
	font-weight: bold;
}

.days {
	color: black;
	text-align: center;
	background: #F5F6F8;
	cursor: pointer;
	border-top: 1px solid #F5F6F8;
	border-bottom: 1px solid #F5F6F8;
	border-left: 1px solid #F5F6F8;
	border-right: 1px solid #F5F6F8;
}

td.date {
	background: #9CA7AD;
	text-align: center;
	/*
	  border-top: 1px solid #F3F3F0;
	  border-right: 1px solid #3D3D3C;
	  border-bottom: 1px solid #3D3D3C;
	  border-left: 1px solid #F3F3F0;
  */
	cursor: pointer;
	color: #F5F6F8;
}

.calhover {
	background: #E6E8EB;
	text-align: center;
	border-top: 1px solid #F3F3F0;
	border-right: 1px solid #3D3D3C;
	border-bottom: 1px solid #3D3D3C;
	border-left: 1px solid #F3F3F0;
	color: #57585A;
	cursor: pointer;
}

.today {
	background: #CCD0D4;
	text-align: center;
	color: #57585A;
	cursor: pointer;
}

#content table.result1 .calendar tr > td {
	height: auto !important;
	padding: 3px;
}

#content table.result1 .calendar td {
	border-top: 1px solid #989DA1;
	height: auto !important;
	padding: 3px;
}

#content table.result1 .calendar th {
	height: auto !important;
}