@CHARSET "UTF-8";
@font-face {font-family: "Myriad Web Pro";
  src: url("/theme/sc-schwarzgold/font/myriadwebpro/ff71ffc3836541cf0071d0a47ae0c715.eot"); /* IE9*/
  src: url("/theme/sc-schwarzgold/font/myriadwebpro/ff71ffc3836541cf0071d0a47ae0c715.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("/theme/sc-schwarzgold/font/myriadwebpro/ff71ffc3836541cf0071d0a47ae0c715.woff2") format("woff2"), /* chrome、firefox */
  url("/theme/sc-schwarzgold/font/myriadwebpro/ff71ffc3836541cf0071d0a47ae0c715.woff") format("woff"), /* chrome、firefox */
  url("/theme/sc-schwarzgold/font/myriadwebpro/ff71ffc3836541cf0071d0a47ae0c715.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("/theme/sc-schwarzgold/font/myriadwebpro/ff71ffc3836541cf0071d0a47ae0c715.svg#Myriad Web Pro") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Franklin Gothic Heavy";
    src: url("/theme/sc-schwarzgold/font/Franklin Gothic Heavy/Franklin Gothic Heavy.eot");
    src: url("/theme/sc-schwarzgold/font/Franklin Gothic Heavy/Franklin Gothic Heavy.eot?#iefix") format("embedded-opentype"),
    url("/theme/sc-schwarzgold/font/Franklin Gothic Heavy/Franklin Gothic Heavy.woff2") format("woff2"),
    url("/theme/sc-schwarzgold/font/Franklin Gothic Heavy/Franklin Gothic Heavy.woff") format("woff"),
    url("/theme/sc-schwarzgold/font/Franklin Gothic Heavy/Franklin Gothic Heavy.ttf") format("truetype"),
    url("/theme/sc-schwarzgold/font/Franklin Gothic Heavy/Franklin Gothic Heavy.svg#Franklin Gothic Heavy") format("svg");
}
@font-face {font-family: "Franklin Gothic Medium";
    src: url("/theme/sc-schwarzgold/font/Franklin Gothic Medium/Franklin Gothic Medium.eot");
    src: url("//theme/sc-schwarzgold/font/Franklin Gothic Medium/Franklin Gothic Medium?#iefix") format("embedded-opentype"),
    url("/theme/sc-schwarzgold/font/Franklin Gothic Medium/Franklin Gothic Medium.woff2") format("woff2"),
    url("/theme/sc-schwarzgold/font/Franklin Gothic Medium/Franklin Gothic Medium.woff") format("woff"),
    url("/theme/sc-schwarzgold/font/Franklin Gothic Medium/Franklin Gothic Medium.ttf") format("truetype"),
    url("/theme/sc-schwarzgold/font/Franklin Gothic Medium/Franklin Gothic Medium.svg#Franklin Gothic Medium") format("svg");
}

/*allgemeine Formate
---------------------------------------------*/

body {
	font-family: "Myriad Web Pro", verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 1.2;
	margin: 0px;
	padding: 0px;
	color: #333333;
	background-color: lightgray;
}

h1.pgheader {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 33px;
	text-transform: normal;
	font-weight: normal;
	color: black;
}

h2 {
	padding-top: 20px;
	line-height: 1.0;
	color: black;
	font-weight: normal;
}
h3 {
	padding-top: 13px;
	line-height: 1.0;
	color: black;
	font-weight: normal;
}
h2, h3 {
	clear: both;
}

ol li {
	padding-left: 5px;
}

a, .pomor {
	/* color: #993399;*/
	color: #d09c01;
	text-decoration: none;
}
a:HOVER {
	text-decoration: underline;
}


/* Img, Imgcaption & float */
img {
	max-width: 100%;
	height: auto !important;
}

figure
{
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	margin: 0px 0px;
	display: inline-block;
	max-width: 95%;
}

figure > figcaption
{
	text-align: center;
	display: block; /* For IE8 */
}

a > img {
	padding: 1px;
	border: none;
	/* outline: 1px solid #0782C1; */
}
img.mwinopen:HOVER, a:HOVER > img {
	opacity: 0.4;
}
.align-left {
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 3px;
	margin-bottom: 15px;
}

.align-right {
	float: right;
	margin-right: 0px;
	margin-left: 20px;
	margin-top: 3px;
	margin-bottom: 15px;
}
.align-center {
	text-align: center;
	margin-top: 3px;
	margin-bottom: 15px;
}

#onepagetitle h1{
	color: green;
}

.hidehead {
	cursor: pointer;
	font-style: italic;
	clear: both;
}
.hidehead:after {
	content: "\f0d7";
	font-family: FontAwesome;
	display: inline-block;
	margin-left: 15px;
}
.hidehead.hideon {
	font-style: normal;
}
.hidehead.hideon:after {
	content: "\f0da";
}
.hidewrap {
	color: blue;
}

input:not([type]), input[type="email" i], input[type="number" i], input[type="password" i], input[type="tel" i], input[type="url" i], input[type="text" i] {
    padding: 1px 0px;
}

input, textarea, keygen, select, button {
    text-rendering: auto;
    text-indent: 0px;
    display: inline-block;
    text-align: start;
    padding: 3px;
    margin: 0em 0em 0em 0em;
    margin-bottom: 18px;
    font: 14px Verdana;
    border: 1px solid lightgray;
    line-height: 1.5;
}
input:HOVER, textarea:hover, select:HOVER {
	border-color: #076667;
}

input[type=checkbox] {
	margin-right: 10px;
}

button {
	padding: 3px;
	padding-left: 10px;
	padding-right: 15px;
	border: none;
}
button:HOVER {
	background-color: #076667;
	color: white;
}

button:HOVER, .mwinbtn:HOVER, .btn:HOVER {
	cursor: pointer;
}

input:invalid, textarea:invalid {
	/* background-color: red; */
}
input.err, textarea.err, selectbox.err {
	background-color: #EFD1D1;
}

table {
}
td, th {
	padding: 5px;
	vertical-align: top;
}

iframe {
	max-width: 400px;
	width: 100%;
	border: 2px solid white;
}

/* Utilities
---------------------*/
.clear {
  	clear: both;
}
.clearafter + p, .clearafter + h2, .clearafter + h3, .clearafter + h4, .clearafter + ul, .clearafter + ol, .clearafter + div {
	clear: both;
}

/* mwin, modale Fenster & Galery
---------------------------------*/
#mwinwrapper {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#mwinlock {
	background-color: gray;
	opacity: 0.6;
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1001;
}

#mwin {
	border: none;
	background-color: white;
	opacity: 1.0;
	padding: 20px;
	box-shadow: 0px 0px 30px black;
	max-width: 800px;
	margin: auto;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	top: 50px;
	z-index: 1002;
	/* cursor: move; */
}

.albumwrapper img {
	line-height: 100%;
}
.albumwrapper img {
	height: 100px !important;
	display: block;
	float: left;
	margin: 2px;
}
.mwgael img {
	/* max-height: 300px; */
}
.mwga {
	position: relative;
}
.mwga_btn {
	font-size: 50px;
	margin-right: 10px;
	color: black;
}
.mwga_btnwrap {
	display: none;
	background-color: white;
	padding: 5px;
	border-radius: 20px;
	position: absolute;
	top: 10px;
	left: 10px;
}
.mwga:HOVER .mwga_btnwrap {
	display: block;
}

#mwincontent {
	width: 100%;
	margin-top: 30px;
}

button.mwinclose {
	color: black;
	background-color: transparent;
	font-size: 25px;
	position: absolute;
	z-index: 1005;
	right: 0px;
	top: 0px;
}

/* Spezialformate, QuellcodeEdit erforderlich
---------------------------------------------------*/

a.button {
	display: inline-block;	
	font-size: 22px;
	font-style:normal;
	text-decoration: none;
	padding: 10px;
	padding-left:18px;
	padding-right: 18px;
	background-color: #086668;
	color: white;
}
a.button:HOVER {
	background-color: #1F9F9F;
}

p.hi {
	color: #086668;
}
#footer .hi {
	font-size: 26px;
	color: #086668;
	font-style: normal;
	margin-top: 8px;
	display: inline-block;
}

div.box {
	width: 200px;
	height: 200px;
	background-color: #c0c0c0;
	padding: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

div.mystage {
	border: solid 1px #ccc;
	border-radis: 2px;
	background-color: rgba(0,0,0,0.05);
	padding: 10px;
}

/** Hauptcontainer & head
---------------------------**/
#page {
	max-width: 800px;
	min-width: 350px;	
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	box-shadow: 3px 5px 10px gray;
	overflow: auto;
}
#head {
}
#scsg {
	display: inline-block;
	width: 85%;
	text-align: center;
}

#headimg {
	background-image: url("/theme/sc-schwarzgold/banner.jpg");
	height: 70px;
	font-family: "Franklin Gothic Heavy";
	font-size: 35px;
}
#headspace {
	height: 20px;
	width: 100%;
	background-color: white;
}

/** Navi **/
#menubtn {
	display: inline-block;
	font-weight: bold;
	cursor: pointer;
	background-color: black;
	color: white;
	position: relative;
	height: 25px;
	padding-top: 12px;
	padding-right: 15px;
	padding-left: 20px;
	padding-bottom: 33px;
}
#menubtn:before {
	content: "\f0c9";
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 7px;
}
#menubtn.on {
	/* color: red; */
}
#navi {
	display: none;
	position: absolute;
	top: 71px;
	left: 0px;
	width: 70%;
	max-width: 350px;
	min-width: 300px;
	overflow: hidden;
	padding-bottom: 40px;
	background-color: black;
	z-index: 1000;
}
#navi.on {
	display: block;
}
#navi ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#navi li {
	display: block;
	line-height: 40px;
}
#navi li {
	font-family: "Franklin Gothic Medium";
	font-size: 20px;
	text-decoration: none;
}
#navi a {
	text-decoration: none;
	padding-left: 30px;
	color: white;
	border-bottom: 1px solid gray;
	display: inline-block;
	width: 100%;
}
#navi li li a {
	padding-left: 50px;
}
#navi li li li a {
	padding-left: 70px;
}
#navi a:hover {
	background-color: #aaaaaa;
	text-decoration: none;
}
#navi a.active {
	color: #d09c01;
	text-decoration: none;
}

/** Inhalte mitte, sidebar **/
#main {
	/* background-color: white; */
}
#mainleft {
	background-image: url(/theme/sc-schwarzgold/scbg.jpg);
	background-repeat: repeat;
	background-position: right top;	
	padding-left: 30px;
	padding-right: 15px;	
	margin: 0px;
}
#foot {
	float: none;
	width: auto;
	max-width: 100%;
	padding-left: 30px;
	padding-right: 15px; 
}
#content {
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 50px;
}
#sidebar h2:first-child, #sidebar h3:first-child {
	padding-top: 3px;
}

/** Footer & credits **/
#foot {
	clear: both;
	background-color: #DBDBDB;
	overflow: auto;
	padding-bottom: 20px;
	background-color: #666666;
	font-family: "Franklin Gothic Medium";
}
#footer, #footer2, #footer3 {
	float: none;
	width: auto;
	max-width: 100%;
	padding-left: 0px;
	color: white;
}
#foot h2, #foot h3 {
	color: white;
	text-transform: uppercase;
}
#credits {
	clear: both;
}

/** mehr **/
#msgcont {
	background-color: white;
	width: 400px;
	padding: 30px;
	margin-right: auto;
	margin-left: auto;
	/* margin-top: 30px; */
}

/** Sonderformate **/
blockquote {
	color: gray;
	border-left-style: solid;
	border-left-width: 3px;
	border-left-color: darkgray;
	margin-left: 10px;
	padding-left: 10px;
}

/* Plugins
----------------------------------*/

/* contactform */
#cfwrap label, #cfwrap span {
	display: inline-block;
	width: 80%;
}
#cfwrap input[type=text], #cftext {
	width: 80%;
}

#cfwrap.cfinfo.ok p::after {
	content: '. Wir melden uns bald möglichst.';
}
.required:after {
	content: ' *';
}
#cfwrap.ok {
	background-color: lightgray;	
	padding: 5px 15px 5px;		
}
#cfwrap.ko {
	background-color: lightgray;	
	padding: 5px 15px 5px;		
	color: #993399;
}
#cfwrap span {
	display: inline;
}
#cfcountry, label[for="cfcountry"] {
	display: none !important;
}

/* boot buchen */
iframe.booking {
	max-width: 100%;
	width: 1000px;
	height: 770px;
	border: none;
	position: relative;
	right: 8px;
}

/* Spartenicons */
.pg31 h1.pgheader {
	display: none;
}
.spartenicons {
	padding-top: 50px;
}
div.sparte {
	display: block;
	position: relative;
	height: 120px;
	width: 120px;
	background-repeat: no-repeat, no-repeat;
    background-size: 80% 80%, 100% 100%;
    background-position: center, center;
	margin-right: 10px;
	margin-bottom: 10px;    
	float: left;	 
}
div.sparte.nolink {
	height: 200px;
	width: 200px;
}
div.sparte.nolink .spartenimg {
	height: 100%;
	width: 100%;
	background-color: rgba(63, 63, 63, 0.4);	
}
.sparte a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	font-family: "Franklin Gothic Heavy";
	font-size: 20px;
    background-color: rgba(63, 63, 63, 0.4);
}
.sparte.ico:HOVER {
	background: none !important;
}
.sparte a:HOVER i {
	display: block;
}
.sparte i {
	display: none;
	position: absolute;
	top: 40%;
	width: 100%;
	font-style: normal;		
	text-align: center;
	color: white;
}
.sparte.sc2 {
	display: none;
}
.sparte.sc1 {
	display: block;
}

/* Galery, (.ga77 markiert Galerie 77) */
.mwgael img {
	/* max-height: 350px; */
	
}

.ga {
	border: solid 1px #ccc;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.05);
	padding: 10px;
}

/* po, Beiträge (#po90 | .powrap90 markiert Beitrag 90) */
.powrap.active .pomor, .powrap .pozu {
	display: none;
}
.powrap.active .pozu {
	display: inline-block;
	/* background-color: gray; */
}
.pomor, .pozu {
	/*color: red; */
}
.pomor:HOVER, .pozu:HOVER  {
	/* color: blue; */
	cursor: pointer;
}
.pomor:after {
	content: 'mehr...';
}
.pozu {
    width: 100%;
	text-align: right;
}
.pozu:after {
	content: 'schließen';
	content: "\f139";
	font-family: FontAwesome;
	font-size: 40px;
	/* color: yellow; */
	/* background-color: blue; */
}


/*
@media only screen and (max-width: 800px) {
	#mainleft {
		padding-left: 50px;
		width: 50%;
	}
	#sidebar {
	}
}
*/

@media only screen and (min-width: 713px) {
	
	/* plugins */
	.sparte.sc1 {
		display: none;
	}
	.sparte.sc2 {
		display: block;
	}		
}

@media only screen and (min-width: 810px) {

	body {
		position: relative;
	}
	
	/*container*/
	#page {
		margin-bottom: 25px;
	}
	#mainleft {
		float: left;
		padding-left: 70px;
		padding-right: 70px;
		width: 660px;
		/* background-color: white; */
	}
	#content {
	}
	#sidebar {
		display: none;
	}
	#footer {
		float: left;
		width: 50%;
		padding-left: 32px;
	}
	#footer2 {
		float: left;
		width: 29%;
		padding-left: 32px;
	}
	#footer3 {
		float: left;
		width: 29%;
		padding-left: 32px;
	}

	/* Navi*/
	#menubtn {
		/* display: block; */
	}
	#navi {
		/* top: 70px; */
	}
	
	/* NAVI CONVENTIONELL
	#navi {
		display: block;
		overflow: inherit;
		background-color: transparent;
		position: relative;
		top: 0px;
		left: -13px;
		padding: 0px;
	}
	#navi ul, #navi li {
		padding: 0px;
		margin: 0px;
		list-style: none;
		line-height: 27px;
		position: relative;
	}	
	#navi li {
		display: inline-block;
		text-decoration: none;
		width: auto;
		font-size: 18px;
		position: relative;
	}	
	#navi li a {
		display: inline-block;
		width: auto;
		color: white;
		background-color: black;
		padding: 0px !important;
		padding-right: 8px !important;
		padding-left: 10px !important;
		text-decoration: none;
		border-bottom: 15px solid transparent;
		border-top: 20px solid transparent;
		border-bottom-right-radius: 0px;			
		border-bottom-left-radius: 0px;			
	}
	#navi li a.parent:AFTER {
		content: "\f0d7";
		font-family: FontAwesome;
		font-size: 18px;		
		padding-left: 5px;
		text-decoration: none;
	}	
	#navi li:hover a {
		background-color: black;
		border-top-color: black;
		border-bottom-color: black;
	}
	#navi a:HOVER {
		color: yellow;
	}
	#navi a.active {
		color: yellow;
	}
	*/
	
	/* navi Ebene 2 */
	/*
	#navi li ul {
		margin: 0px;
	} 
	#navi ul li ul {
		display: none;
		position: absolute;
		left: 0;
		top: 50px;
	}
	#navi ul li:hover ul {
		display: block;
	}		
	#navi ul li ul li a {
		background-color: black;
		color: white;
		width: 135px;
		border: none;
		border-radius: 0px;		
	}
	#navi ul li ul li:first-child a {
		padding-top: 20px;
	}
	#navi ul li ul li:last-child a {
		padding-bottom: 15px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}	
	#navi ul li:hover a.parent {
		width: 135px;
	}	
	*/
	
	/* navi Ebene 3 */
	/*
	#navi ul li:hover ul li ul{
		display: none;
	}
	#navi ul li ul li:HOVER ul{
		display: block;
		position: absolute;
		left: 147px;
		top: 0px;
	}
	#navi ul li ul li ul li:first-child a {
		padding-top: 0px;
	}
	*/	
}

@media only screen and (max-width: 505px) {
	
	#scsg {
		width: auto;
		text-align: left;
		font-size: 25px;
		padding-left: 10px;
		position: relative;
		top: -3px;
	}
}


@media print {

	body, #page, #main, #content {
		background-color: white;
	}
	#content {
		float: none;
		width: 100%;
	}
	#sidebar, #navi {
		display: none;
	}
	#foot, #credits {
		display: none;
	}
	#page {
		box-shadow: none;
	}
	#menubtn {
		display: none;
	}

	#footer, #footer2, #footer3 {
	}
}