/* www.steinhude-am-meer.de */
body {
 /* -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto; */
	background-color: #aec8e3; 
	line-height: 22px; 
}
body * {
	font-family: Arial, Verdana, Sans-Serif;
}
div.row {
	max-width: 1200px; 
}
div#menu, div#teaser {
	background-color: #e8f1f8;
	padding: 0px; 
}
/***** head *****/
/* div#head {
	background-color: #4069a7;
	background:linear-gradient(#aec8e3, #4069a7);
	color: #ffffff;
}
	@media only screen and (min-width: 40.063em) {
		div#head {
			height: 127px; 
		}
	}
div#head div#weather {
	padding: 10px; 
	text-align: center; 
}
div#logo {
	border-width: 0px 1px 1px 0px; 
}
div#head div#weather div.row {
	margin: 0px !important;
}
div#head div#weather div.row a {
	text-shadow: 2px 2px 1px #000000;
	color: white;  
}
@media only screen and (min-width: 40.063em) and (max-width: 55em) {
	div#head div#weather div.row a {
		font-size: 10px;
	}
}
div#head div#weather div:nth-child(2) {
	border-color: #ffffff;
	border-style: solid; 
	border-width: 1px 0px 0px 0px; 
	padding-top: 5px; 
}
	@media only screen and (min-width: 40.063em) {
		div#head div#weather div:nth-child(2) {
			border-width: 0px 0px 0px 1px; 
			padding-top: 0px; 
			min-height: 115px; 
		}
		div#head div#weather>div>div {
			padding-top: 25px; 
			/* silbentrennung abschalten geht nicht */
			/* hyphens: none !important; */
		}
	}
*/
	@media only screen and (min-width: 40.063em) {
	}


div#logo {
	padding: 14px 10px; 
	background: rgba(255,255,255,0.5);
	min-height: 127px; 
}
div#slogan {
	font-size: 30px; 
	padding: 6px; 
	color: #000a97;
	text-shadow: 3px 2px 2px rgba(255, 255, 255, 1);
}
div#metamenu {
	padding: 14px 10px 0px 10px; 
	background: rgba(255,255,255,0.5);
	min-height: 127px; 
	text-align: center; 
}
div#metamenu ul {
	margin: 0px; 
	list-style-type: none; 
	list-style-position: inline; 
}
div#metamenu ul a {
	color: #000000;
	text-shadow: 4px 2px 2px rgba(255, 255, 255, 1);
}
div#ads {
	/* background-color: #4069a7; */
	/* background:linear-gradient( white, black) */
}



/***** menu horizontal *****/	
div#menu{
	background-color: #4069a7;
	border-top: 1px solid #ffffff;
}
body>div.row>div#site>div#head {
	/* border-bottom: 1px solid #ffffff; */
}
body>div.row:nth-child(1) div.large-2 {
	border-left: 1px solid #ffffff;
}
/* die Hintergrundfarbe lässt sich nicht ändern für mehrzeilige darstellung. hier ein netter versuch */
body>div.row>div#site>div:nth-child(2) {
	background-color: #4069a7;
}

.top-bar-section li:not(.has-form) a:hover:not(.button), 
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar,
.top-bar-section ul,
.top-bar-section li a:not(.button),
div#menu>nav>section>ul>li>a,
div#menu>nav>section>ul>li,
div#menu>nav>section>ul,
div#menu>nav>section,
div#menu>nav,
li.name {
	background-color: none !important; 
	background-color: #4069a7;
	/* background: rgba(64,105,167,0.5); */
}
/** title **/
/* nur > mobil anzeigen */
/* @media only screen and (max-width: 40.063em) {
	ul.title-area>li.name img {
		width: 60px !important; 
	}
} */
/* nur menu=fixed anzeigen */
.f-topbar-fixed ul.title-area>li.name img {
	width: 60px !important; 
}
div#menu ul.title-area>li.name img {
	margin: -7px 0px 0px 3px; 
	/* display: none; */
	width: 0px;  
}
/** Obermenu **/
div#menu>nav>section>ul>li>a{
	font-size: 15px; 
}
/* > handy */
@media only screen and (min-width: 40.063em) { 
	div#menu>nav>section>ul>li>a{
		padding: 0px 30px 0px 10px !important;
	}
}
div#menu>nav>section>ul>li>a:hover, div#menu>nav>section>ul>li>a.selected {
	background-color: #000a97;
	/* box-shadow:1px 1px 5px #000a97; */ 
}
div#menu>nav>section>ul>li.active {
	background-color: #000a97;
}
/** Untermenü **/
div#menu>nav>section>ul>li>ul{
	box-shadow:1px 1px 6px #292929;
}
div#menu>nav>section>ul>li>ul>li>a {
	background-color: #eeefff;
	font-size: 16px; 
	color: #333333;
}
div#menu>nav>section>ul>li>ul>li>a:hover, div#menu>nav>section>ul>li>ul>li>a.selected {
	text-decoration: underline; 
}

/***** Content *****/
div#content {
	padding-top: 10px; 
	background-color: #ffffff; 
}
/* @media only screen and (min-width: 1215px) {
	div#content {
		padding-left: 0px; 
	}
}  */
p#breadcrumbs {
	font-size: 14px; 
}
div.f5-edit-article-paragraph {
	clear: both;
}
div.f5-edit-article-timestamp{
	font-style: italic; 
	font-size: 14px; 
	padding-left: 5px; 
	color: #666666;
	float: right; 
}
ul.f5-edit-appointments{
	background-color: #eeeeee;
	padding: 5px; 
	margin: 0px 0px 10px 0px; 
}
ul.f5-edit-appointments li {
	margin-left: 20px; 
	font-style: italic; 
	list-style-type: none; 
	margin: 0px 0px 10px 0px; 
	line-height: 20px; 
	list-style-position:inside;
}
div#link2paragraphs{
	background-color: #eeeeee;
	padding: 5px;
	/* margin: 10px 0px 10px 0px !important; */  
	margin: 20px 0px 0px 0px !important;
	clear: both; 
	display: table;
	width: 100%;
}
div#link2paragraphs div#toc {
	margin-bottom: 10px; 
}
div#link2paragraphs ul{
	margin: 0px !important; 
}
div#link2paragraphs ul li {
	list-style-type: none; 
	margin: 0px 0px 10px -15px; 
	line-height: 20px; 
	list-style-position:inside;
}
div#content form input[type="submit"] {
	width: 100%;
	border: 1px solid #000a97;
	background-color: #aec8e3; 
	color: #000a97;
	/* text-transform: uppercase; */
	padding: 6px; 
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;  
	/* height: 50px; */ 
	cursor: pointer; 
}
div#content form input[type="submit"]:hover {
	background-color: #000a97; 
	color: #ffffff;
	border: 1px solid #000000;
}
div#gallerySlider {
	max-width: 100% !important;
}
.button {
	background-color: #5b80b6;
}
.button:hover {
	background-color: #4069a7;
}
/***** teaser *****/
div#teaser {
	text-align: center; 
	padding-top: 10px; 
}
div#teaser div.teaser-container {
	margin: 10px 3px; 
	padding: 5px; 
	background-color: white; 
	border: 1px solid #cccccc;
}
	@media only screen and (min-width: 64.063em) {
		div#teaser div.teaser-container {
			padding: 5px 10px 5px 10px; 
		}
	}
div#teaser div.anzeige{
	color: #555555;
	font-size: 9px; 
}
div#teaser h3{
	margin: 0px; 
	font-size: 20px; 
}
/* Footer */
div#footer-row{
	background-color: #4069a7;
	background: linear-gradient(#4069a7, #aec8e3);
}
div#footer-row h5 {
	color: #ffffff; 
}
div#foot {
	/* color: #ffffff; */
	font-size: 12px; 
	padding: 5px; 
}
div#foot a {
	color: #4069a7;
}
/* Mobile Bar */
div#mobilebar{
	margin-bottom: 0;
	bottom: 0;
	position: fixed;
	width: 100%;
	height: 45px;
}
	@media only screen and (min-width: 40.063em) {
		div#mobilebar {
			display: none; 
			border: 1px solid red; 
		}
	}
div#mobilebar ul {
	width: 100%;
	margin: 0px; 
	background-color: #ffffff;
}
div#mobilebar li {
	list-style-type: none; 
	width: 33% !important;
	float: left; 
	background-color: #bbbbbb;
	padding: 10px; 
	margin-right: 0.5%;
}
div#mobilebar li:nth-child(3){
	margin-right: 0px; 
}
div#mobilebar li a {
	display: block; 
	text-align: center; 
}
/* typo */
h1 {
	font-size: 24px; 
	font-weight: bold; 
}
h2, h3 {
	font-size: 22px;
	font-weight: bold; 
}
	@media only screen and (min-width: 40.063em) {
		h1 {
			font-size: 20px; 
		}
		h2, h3 {
			font-size: 18px;
			font-weight: bold; 
		}
	}
a, a:hover {
	color: #4069a7;
	/* color: #000a97; */
}
a:hover, a:active, a:focus {
	text-decoration: underline; 
	color: #000a97;
}
div#menu a:hover, div#head a:hover {
	text-decoration: none; 
}
div#content ul {
	/* margin-left: 20px; */ 
}
div.f5-edit-article-preview-text, div#artikel_vorschautext {
	font-size: 16px; 
	line-height: 22px; 
}
div#sam-social{
	font-size: 35px;
	line-height: 35px; 
}
div#sam-social i{
	margin-right: 7px;
}
/* keine urls bei print */
a[href*="/"]:after, a[href*="/"]:visited:after {content: normal;}


/* ######################################
##########MODULES########################
######################################### */
/* fuer alle Module / Uebersichten */
li.f5-edit-groups{
	position: relative; 
	min-height: 60px; 
}
li.f5-edit-groups.columns, li.f5-edit-groups>div {
	padding: 0px; 
}
li.f5-edit-groups.columns, li.f5-edit-groups>div>img {
	border-width: 2px 2px 0px 0px;
	border-color: #ffffff;  
	border-style: solid;
}
li.f5-edit-groups.columns, li.f5-edit-groups>div:last-child>img{
	border-width: 2px 0px 0px 0px; 
}
li.f5-edit-groups h5 {
	position: absolute; 
	left: 10px; 
	background-color: #ffffff;
	background: rgba(255,255,255,0.85);
	margin: 0px; 
	padding: 0px 5px; 
	overflow:hidden;
	width: 100%;
	font-weight: bold; 
}
li.f5-edit-groups h5 a{
	color: #000000;
}
span.f5-edit-groups-amount-in-group{
	position: absolute; 
	bottom: 20px; 
	right: 10px;  
	background-color: #ffffff;
	background: rgba(255,255,255,0.6);
	padding: 0px 5px; 
	z-index: 2; 
	font-size: 12px; 
}
/* Modulmenu */
ul.f5-edit-modulmenu > li{
	float: left;
	list-style-type: none;
	list-style-position: inside; 
	margin: 0px 5px 5px 0px; 
	border: 1px solid #888888;
	background-color: #f0f0f0;
	padding: 0px 5px; 
}
ul.f5-edit-modulmenu > li.strong {
	font-weight: bold;
}
ul.f5-edit-modulmenu > li:hover, div#f5-edit-gallery ul#f5-edit-gallery_specials-menu > li:hover, div#f5-edit-webcams ul.f5-edit-webcam-menu > li:hover {
	background-color: #dddddd;
}
ul.f5-edit-modulmenu > li > a:hover , div#f5-edit-gallery ul#f5-edit-gallery_specials-menu > li > a:hover, div#f5-edit-webcams ul.f5-edit-webcam-menu > li > a:hover {
	text-decoration: none; 
}
ul.f5-edit-modulmenu, div#f5-edit-gallery ul#f5-edit-gallery_specials-menu, div#f5-edit-webcams ul.f5-edit-webcam-menu{
	margin-left: 0px; 
}

/* GALLERY */
div#f5-edit-gallery ul li {
	line-height: 18px; 
	overflow: hidden; 
}
div#f5-edit-gallery div.columns ul {
	margin: 0px;
}
div#f5-edit-gallery div.columns ul li {
	list-style-type: none;
}

div#f5-edit-gallery div.f5-edit-gallery-imagewrap{
	/* max-width: 480px; *//* entfernt wegen grosser bilder */
	margin-bottom: 10px; 
}
div#f5-edit-gallery div.f5-edit-gallery-imagewrap:after {
    content:'';
    display:block;
    clear: both;
}
div#f5-edit-gallery div#f5-edit-gallery-gallerygroups-thumbs{
	overflow: hidden; 
	white-space: nowrap;
	margin-bottom: 10px;
}
div#f5-edit-gallery div#f5-edit-gallery-gallerygroups-thumbs img {
	margin-right: 3px;
	max-width: 125px;  
}

div.clearing-blackout {
	background: none !important;
	background-color: rgba(10, 10, 10, 0.9) !important;
}
div.visible-img img {
	border: 2px solid #ffffff !important;
	max-width: 100% !important;
}
div#f5-edit-gallery span.f5-edit-gallery-specials, div#f5-edit-gallery span.f5-edit-gallery-group, div.f5-edit-gallery-timestamp{
	font-size: 12px; 
	line-height: 15px;  
	color: #555555;
}
div.f5-edit-gallery-short-slideshow{
	width: 300px; 
	height: 200px; 
	overflow: hidden;
	margin-bottom: 10px; 
}



/* WEBCAMS */
/* div#f5-edit-webcams ul.f5-edit-webcam-menu {
	padding: 0px; 
	margin: 0px; 
	list-style-type: none;
}
div#f5-edit-webcams ul.f5-edit-webcam-menu > li{
	float: left; 
	list-style-position: inside; 
	margin-right: 10px; 
}
div#f5-edit-webcams ul.f5-edit-webcam-menu > li:before { 
	content: "\2758\A0";
}
div#f5-edit-webcams ul.f5-edit-webcam-menu > li:last-child:after{
	content: "\A0\2758";
} */
div#f5-edit-webcams div.f5-edit-webcam-short {
	margin-bottom: 20px; 
	/* border: 1px solid #dddddd; */
}


/* YELLOWPAGES */
div#f5-edit-yellowpages div.f5-edit-yellowpages-entry{
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	margin-bottom: 20px; 
	padding: 5px; 
}
div#f5-edit-yellowpages div.f5-edit-yellowpages-entry:hover {
	background-color: #f0f0f0; 
}
div#f5-edit-yellowpages .rang-3{
	border: 2px solid #000a97; 
	background-color: #000a97;
	font-size: 12px; 
	line-height: 16px; 
	text-align: center; 
	/* width: 100%; */ 
	max-width: 300px; 
}
/* div#f5-edit-yellowpages .rang-3:has(a):hover {
	box-shadow: 5px 5px 2px grey;
} */
div#f5-edit-yellowpages .f5-edit-yellowpages-previewimage img.branchenbild {
	/* max-width: 125px; nicht schön */
	max-width: 100%;
}
div#f5-edit-yellowpages .f5-edit-yellowpages-previewimage span {
	color: #ffffff; 
}
div#f5-edit-yellowpages div.f5-edit-yp-stats{
	font-size: 14px; 
	font-style: italic; 
}
div#f5-edit-yellowpages form#f5-edit-yellowpages-search-form{
	margin-bottom: 20px; 
}

div#f5-edit-yellowpages div#f5-edit-yellowpages-thumbs{
	overflow: hidden; 
	white-space: nowrap;
	margin-bottom: 10px;
}
div#f5-edit-yellowpages div#f5-edit-yellowpages-thumbs img {
	margin-right: 3px;
	max-width: 125px;  
}
/* div#f5-edit-yellowpages>ul>li img{
	opacity: 0.6;
}
div#f5-edit-yellowpages>ul>li h5 {
	background-color: #000000;
	color: #ffffff !important;
	border: 1px solid red; 
} */
div#f5-edit-yellowpages>div#map{
	margin-bottom: 20px;
}
/* PreisproNacht */
div#f5-edit-yellowpages span#preispronacht {
	display: block;
	text-align: center; 
	margin-top: 10px; 
	padding: 5px; 
	background-color: #000a97;
	color: #ffffff;
}

/********** yellowpages detailseite ************/
div.f5-edit-yellowpages-detail hr {
	display: none; 
}
div.f5-edit-yellowpages-detail div#properties, div.f5-edit-yellowpages-detail h3 {
	background-color: #e8f1f8;
	border: 1px solid #cccccc;
	margin-top: 30px; 
	padding: 5px; 
}
div.f5-edit-yellowpages-detail div.columns {
	/* margin-bottom: 30px; */ 
}
/* magellan menu */
div.magellan-menu, div.magellan-menu dl, div.magellan-menu dl>dd {
	margin: 0px;
	padding: 0px; 
}
div.magellan-menu{
	padding: 5px 0px 5px 0px; 
	text-align: left; 
	border: 1px solid #cccccc; 
	background-color: #e8f1f8;
	margin-bottom: 5px; 
}
div.magellan-menu {
	/* background: none; */ 
	right: 0;
}
div.magellan-menu .sub-nav{
    /* margin: 0 auto !important;
    width: -webkit-fit-content;
       width: -moz-fit-content;
            width: fit-content; */
    	margin: 0px 5px; 
    }

div.magellan-menu dl>dd>a {
	/* margin: 0px 5px 5px 0px; */ 
	border: 1px solid #888888;
	background-color: #f0f0f0; 
	/* padding: 0px 10px; */ 
	color: #4069a7;
	font-weight: bold; 
	font-size: 16px; 
	padding-left: 3px;
	padding-right: 3px; 
	margin: 0px 5px 5px 0px;
}
div.magellan-menu h1 {
	font-size: 18px;
	margin-top: 20px;  
}
@media only screen and (min-width: 40.063em) { 
	div.magellan-menu h1 {
		font-size: 20px; 
	}
}
/* EVENTS */
div#content div#sam-start-events h2:first-child{
	border: 1px solid #888888;
	background-color: #f0f0f0;
	text-align: center; 
	padding: 10px; 
	font-size: 20px; 
}