﻿<style>
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(https://www.freizeitpark-welt.de/interaktiv/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(https://www.freizeitpark-welt.de/interaktiv/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(https://www.freizeitpark-welt.de/interaktiv/lightbox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
body {
		font-family:arial, verdana, sans serif;
		color:#000000;
		background:#000000;
		height:100%;
}
figure {
margin-inline-start: 0px;
margin-inline-end: 0px;
}
a	{text-decoration:none;
	color:#006600;
		font-weight:bold;
		}
					  
		.input {
			font-family:arial, verdana, sans serif;
			font-size:11px;
			color:#000000;
			background:#66CC66;
			border:1px solid black;
			padding:2px;
			}
			
		.button {
			font-family:arial, verdana, sans serif;
			font-size:12px;
			font-weight:bold;
			color:#00FF00;
			background:#003300;
			border-top:1px solid #005500;
			border-left:1px solid #004400;
			border-right:1px solid #005500;
			border-bottom:1px solid #005500;
		}
		
		.NewsText{ 
		font-family:arial, verdana, sans serif;
		font-size:10pt;
		color:#00FF00;
		}
/*Stylesheets für Attraktionsseiten freizeitpark-welt.de [RELOADED]*/
#layer1 {	
	width:800px;
	float:left;
	color:#000000;
	font-size: 10pt;
	background-color:#00A452;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.5mm;
	text-align: center;
	margin-left: 10px;
	margin-top: 18px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}
.captionl1 {	
	width:800px;
	height:auto;
	background-image:url(layout/AttrCaption.png);
	background-repeat:no-repeat;
	float:left;
	color:#009900;
	text-align:left;
	font-size: 9pt;	
	font-weight: bold;
	padding-left:100px;
	margin-left: 10px;
	margin-top:10px;
}
.captionl1 h1{	
	font-size: 16pt;
	color:#00FF00;
	letter-spacing: 0.5mm;
	margin-top:0px;
}
.broadcrump {	
	width:100%;
	height:33px;
	color:#00FF00;
	border-bottom:1px solid #003300;
	text-align:left;
	float:left;
	font-size: 13px;
	margin-left: 10px;
	margin-top:10px;
	margin-bottom:10px;
}
.broadcrump a{	
	color:#00FF00;
	font-weight:bold;
}
.broadcrump a:hover{	
	color:#FFCC33;
}
.broadcrump .links {
	width:95%;
}
/*Sheet für Navigationslietse unter den Attraktionen*/
.linkleiste {	
	width:780px;
	float:left;
	color:#00FF00;
	border-top:1px solid #003300;
	background-image:url(layout/AttrLink.png);
	background-repeat:no-repeat;
	text-align:left;
	font-size: 8pt;
	margin-left: 10px;
	margin-top:20px;
	margin-bottom:10px;
	padding-left:20px;
}
.linkleiste a{	
	color:#00FF00;
	font-weight:bold;
}
.linkleiste a:hover{	
	color:#FFCC33;
}
/*Sheet für kleine Attraktionen*/
#layerklein {	
	width:540px;/*650*/
	float:left;
	color:#000000;
	font-size: 10pt;
	background-color:#00A452;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.5mm;
	text-align: center;
	margin-left: 10px;
	margin-top: 18px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
  	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
  	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#layerkleingrau {	
	width:540px;
	float:left;
	color:#000000;
	font-size: 10pt;
	background-color:grey;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.5mm;
	text-align: center;
	margin-left: 10px;
	margin-top: 18px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
  	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
  	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#AttrText {	
	background-image:url(https://freizeitpark-welt.de/layout/AttrKlein1.jpg);
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	line-height:1.3em;
	letter-spacing: normal;
	text-align: justify;
	color: #000000;
	padding-right:10px;
	padding-left:10px;
}
#AttrText strong{
	font-style:oblique;
}
#AttrText img{
	margin:8px;
	border:1px solid #000000;
	box-shadow: 3px 5px 5px #333;
	background:#1D551C url(layout/symbole/ajax-loader.gif) no-repeat center;
}
video img {
	margin:0px;
	border:none;;
	box-shadow: none;
	background:none;
}
#AttrText h3{
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:20px;
	font-style:italic;
}
#AttrText a{
	color:black;
	text-decoration:underline;
	letter-spacing: 0.1em;	
}
#AttrText a:hover{
	background-color:#FF9933;
	text-decoration:none;
}
#AttrText .bildleiste {	
	width:216px;
	float:right;
	font-size: 7pt;
	font-family : verdana;
	color:#FC3;
	text-align:center;
	margin:10px;
	margin-top:5px;
	margin-right:0px;
}
#AttrText .foto {	
margin:10px;
margin-top:10px;
box-shadow: 3px 5px 5px #333;
border: 1px solid black;
background-color:black;
line-height: 1em;
}
#AttrText .foto .bildtext{	
margin:5px;
}
#AttrText .foto img{
	margin:0px;
	border:none;
	background:none;
	box-shadow:none;
}
#AttrText .bildleiste300 {	
	width:320px;
	float:right;
	font-size: 7pt;
	font-family : verdana;
	color:#FFCC33;
	text-align:center;
/*	background-color:#1D551C;
	border-left:2px solid #008000;*/
	margin:5px;
}
#AttrText .bildleistehoch {	
	width:170px;
	float:right;
	font-size: 7pt;
	font-family : verdana;
	color:#FFCC33;
	text-align:center;
/*	background-color:#1D551C;
	border-left:2px solid #008000;*/
	margin:5px;
}
#AttrText .bildkasten {
	display:block;
	float:left;
	padding:0px;
	margin:10px;
	margin-bottom:8px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color: #FFCC33;
	height: auto;
	width: auto;
	padding-bottom:2px;
	border:1px solid black;
	box-shadow: 3px 5px 5px #333;
	background-color:#000;
}
#AttrText .bildkasten img{
	padding:0px;
	margin:0px;
	margin-bottom:3px;
	border:none;
	box-shadow:none;
}
#AttrTextGrau {	
	background-image:url(layout/AttrKlein1_grau.png);
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	line-height:1.3em;
	letter-spacing: normal;
	text-align: justify;
	color: #000000;
	padding-right:10px;
	padding-left:10px;
}
#AttrTextGrau strong{
	font-style:oblique;
}
#AttrTextGrau img{
	margin:8px;
	border:1px solid #000000;
}
#AttrTextGrau h3{
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:20px;
	font-style:italic;
}
#AttrTextGrau a{
	color:black;
	text-decoration:underline;
	letter-spacing: 0.1em;	
}
#AttrTextGrau a:hover{
	background-color:#FF9933;
	text-decoration:none;
}
#AttrTextGrau .bildleiste {	
	width:216px;
	float:right;
	font-size: 7pt;
	font-family : verdana;
	color:#FFCC33;
	text-align:center;
	margin:5px;
}
#AttrTextGrau .bildleiste a:hover{	
background-color:none;
}
#AttrTextGrau .foto {	
margin:10px;
margin-top:10px;
box-shadow: 3px 5px 5px #333;
border: 1px solid black;
background-color:black;
line-height: 1em;
}
#AttrTextGrau .foto .bildtext{	
margin:5px;
}
#AttrTextGrau .foto img{
	margin:0px;
	border:none;
	background:none;
	box-shadow:none;
}
#AttrTextGrau .bildleiste300 {	
	width:320px;
	float:right;
	font-size: 7pt;
	font-family : verdana;
	color:#FFCC33;
	text-align:center;
/*	background-color:#1D551C;
	border-left:2px solid #008000;*/
	margin:5px;
}
.attraction_sbno {
float:left;
clear:left;
color:black;
background-color:LightPink;
padding:30px;
border-radius:5px;
margin: 30px;
margin-left: 250px;
border-left: 3px solid red;
}
#AttrTextGrau .bildleistehoch {	
	width:170px;
	float:right;
	font-size: 7pt;
	font-family : verdana;
	color:#FFCC33;
	text-align:center;
/*	background-color:#1D551C;
	border-left:2px solid #008000;*/
	margin:5px;
}
#AttrTextGrau .bildkasten {
	display:block;
	float:left;
	padding:0px;
	margin:5px;
	margin-bottom:8px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color: #000000;
	height: auto;
	width: auto;
	padding-bottom:2px;
}
#AttrTextGrau .bildkasten img{
	padding:0px;
	margin:0px;
	margin-bottom:3px;
}
.bildleistequer {
	font-size: 8pt;
	color:#00FF00;
	float:left;
	clear:left;
	font-family : verdana;
	color:#FFCC33;
	background-color:#1D551C;
	border-left:2px solid #008000;
	text-align: center;
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 5px;
	width: 800px;
}
.bildleistequer img {
	margin: 5px;
	border: 1px solid #000000;
}
.bildleistequerklein {
	clear:left;
	float:left;
	font-size: 8pt;
	font-family : verdana;
	color:#FFCC33;
	background-color:#1D551C;
	border-left:2px solid #008000;
	text-align: center;
	margin-right:10px;
	margin-top: 10px;
	margin-left: 10px;
	width: 650px;
}
.bildleistequerklein img{
	margin:3px;
	border: 1px solid #000000;
}
#faktenkasten {
margin-top:10px;
}

#faktenkasten .tabattraktion{
width:480px;
font-size:12px;
float:left;
}
#faktenkasten .tabdaten{
width:250px;
float:right;
}
/*Layer für Fact-Sheet*/
#data_s {	
	width:288px;
	float:left;
	color:#000000;
	font-size: 10pt;
	background-color:#00A452;
	border-left:2px solid #008000;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	margin: 10px;
}
#data_s a{
	text-decoration: none;
}
#data_s a:hover{
	color:#996633;
	text-decoration: underline;
}
/*Layer für Database*/
#database {
	float:left;
	width:350px;
	color:#000000;
	font-size: 10pt;
	background-color:#00A452;
	border-left:2px solid #008000;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.5mm;
	text-align: center;
	margin-top: 10px;
}
#database a:hover{
	color:#996633;
	text-decoration: underline;
}
#werbung_rechts{
	float:right;
	margin-top: 20px;
	margin-right:15px;
	width: 250px;/*125*/
}
#werbung_infoQ200{
	float:right;
	width:200px;
	margin:5px;
	margin-top:10px;
	margin-right:50px;
}
#werbung_links{
	background-color:#66CC66;
	text-align:center;
	margin-top: 20px;
	margin-bottom:20px;
	width: 141px;
}
#werbung_unten{
	float:left;
	text-align: center;
	margin-left:10px;
	margin-top: 1px;
	width: 95%;
	background-color:#8DF482;
}
#werbung_daten_fakten{
	float:left;
	margin-left:10px;
	margin-top: 10px;
	width: 350px;
	height:280px;
}
.Fcap {
	background-color:#00A452;
	font-style: italic;
	font-size:10px;
	font-weight:800;
	text-align: left;
	vertical-align:top;
	padding-left:10px;
	letter-spacing: normal;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color:#000000;
}
.Fcap a{
	color:#000000;
}
.Fcap a:hover{
	color:#FF9933;
}
.Fdat {
	background-color:#8DF482;
	padding-left:15px;
	color:#000000;
	font-size:10px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding-right: 15px;
	letter-spacing: normal;
}
.Fdat a{
	color:#000000;
}
.Fdat a:hover{
	color:#FF9933;
}
.highlightl {
	float: left;
	width: 100%;
	background-color: #000000;
	color: #00FF00;
}
/*Layer 3 wird für kleinere Layer mit Seitenrand und die Suche benutzt*/
.layer3 {
	width:750px;
	float:left;
	font-size: 10pt;
	background-color:#00A452;
	background-image:url(https://freizeitpark-welt.de/layout/AttrKlein1.jpg);
	font-weight: bold;
	text-align: left;
	margin:10px;
	height:auto;
	color: #000000;	
}
.layer3 a{
	color: #000000;
	text-decoration:underline;
}
.layer3 a:hover{
	color: #000000;
	text-decoration:underline;
	background-color:#66CC66;
}
.layer3 h1{
	color:#000000;
	text-align:left;
	display:block;
	padding-left:5px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
  	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
  	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#66CC66;
	background-image:url(https://www.freizeitpark-welt.de/layout/AttrKlein_coaster.png);
/*	background:url(https://www.freizeitpark-welt.de/layout/hintergrund_h1.png);
	background-repeat:repeat-x;*/
	margin:0px;
	border-bottom:1px solid black;
}
.layer3 h2 {
	font-size: 16px;
	padding-left:20px;
	padding-right:10px;
	border-bottom: 2px solid black;
}
/*LayerH wird für historische Attraktionen benutzt*/
.layerH {
	width:728px;
	float:left;
	font-size: 10pt;
	background-color: #00A452;
	background-image:url(layout/AttrKlein1_grau.png);
	font-weight: bold;
	text-align: left;
	margin:0px;
	height:auto;
	color: #000000;
}
.layerH a{
	color: #000000;
	text-decoration:underline;
}
.layerH a:hover{
	background-color:#FF9933;
	text-decoration:none;
}
/*Layer 2 wird für alle Standard-Layer benutzt*/
.layer2 {
	width:100%;
	float:left;
	font-size: 10pt;
	background-color: #8DF383;
	/*background-image:url(layout/AttrKlein1.jpg);
	background-image: -webkit-gradient(linear, left, right, color-stop(0.7, #8DF383), color-stop(0.9, #03A353));
  	background-image: -webkit-linear-gradient(left, #8DF383 70%, #03A353 90%);
  	background-image: -moz-linear-gradient(left, #8DF383 70%, #03A353 90%);
  	background-image: -o-linear-gradient(left, #8DF383 70%,#03A353 90%);
  	background-image: -ms-linear-gradient(left, #8DF383 70%,#03A353 90%);*/
	font-weight: bold;
	text-align: left;
	/*margin:10px;
	margin-left:10px;*/
	margin-bottom:10px;
	margin-top:20px;
  	-webkit-border-radius: 4px;
  	-moz-border-radius   : 4px;
  	border-radius        : 4px;
	height:auto;
	color: #000000;
}
.layer2 a{
	color: #000000;
	text-decoration:underline;
}
.layer2 a:hover{
	background-color:#FF9933;
	text-decoration:none;
}
.layer2 h1{
	color:#000000;
	text-align:left;
	display:block;
	padding:15px;
	padding-left:20px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	background-color:#FC3;/*
	background-image:url(https://www.freizeitpark-welt.de/layout/AttrKlein_coaster.png);*/
	border-bottom:1px solid black;
  	background-image: -webkit-gradient(linear, left, right, color-stop(0.3, #FC3), color-stop(0.8, #F90));
  	background-image: -webkit-linear-gradient(left, #FC3 30%, #F90 80%);
  	background-image: -moz-linear-gradient(left, #FC3 30%, #F90 80%);
  	background-image: -o-linear-gradient(left, #FC3 30%,#F90 80%);
  	background-image: -ms-linear-gradient(left, #FC3 30%,#F90 80%);
  	-webkit-border-top-left-radius: 4px;
  	-moz-border-top-left-radius   : 4px;
  	border-top-left-radius        : 4px;
	-webkit-border-top-right-radius: 4px;
  	-moz-border-top-right-radius   : 4px;
  	border-top-right-radius        : 4px;
	margin:0px;
}
.layer2 h1 a{/*Wird benötigt um Anker für die Hotelfunktion zu setzen*/
	text-decoration:none;
}
.layer2 h2{
	font-size: 16px;
	padding-left:20px;
	padding-right:10px;
	border-bottom: 2px solid black;
}
.layer2 h3, #meinungsformular h3{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-top:0px;
	margin-bottom: 0px;
	padding: 10px;
	line-height: 15px;
	background-color:#fc3;
	color: #000000;
	display: block;
	text-align:left;
	letter-spacing: 0.5px;
	background-position: right center;
	background-repeat-y: no-repeat;
}
.layer2 .kasten{
	width:200px;
	min-height:250px;
	float:left;
	margin:10px;
    border-radius: 10px;
}
.layer2 .kasten img{
	width:200px;
}
.layer2 .history {
background-color:grey;
background-image:none;
}
.layer2 .history a:hover{
background-color:#FC3;
}
.history {
background-color:#CCCCCC;
} 
.history:hover {
background-color:#DDD;
box-shadow: 0px 0px 10px #CCC;
}
.historyattractionbox {
	filter: grayscale(1);
}
.historyattractionbox:hover {
	filter: none;
}
.layer2 .suchkasten{
	width:100%;
	font-size:10px;
}
.kasten3-1 {
width:31%;
float:left;
margin:10px;
height:220px;
}
.kasten3-1foto {
width:100%;
height:90%;
}
.kasten3-1foto img{
width:100%;
height:100%;
}
.kasten3-1text {
padding:3px;
width:100%;
height:10%;
}
.layer2 .link{
font-weight:normal;
width:300px;
float:left;
margin:5px;
}
.layer2 .link a{
text-decoration:none;
}
.layer2 .text {
	margin:10px;
	margin-right:15px;
}
.layer2 .text h3 {
background-color:transparent;
}
.texturheber{
	font-style:italic;
	color:333;
	margin:10px;
	float:right;
}
.texturheber a{
	color:333;
}
.layer2 .archiv {
width:600px;
margin-right:0px;
}
.layer2 .adresskasten {
	float:left;
	width:200px;
	height:auto;
	margin:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	text-align: left;
	background-position:bottom left;
	background-repeat:repeat-x;	
	padding-left: 15px;
	padding-right: 15px;
}
.layer2 .bildkasten {
	display:block;
	float:left;
	padding:0px;
	margin:20px;
	margin-left:0px;
	text-align:center;
	font-weight:bold;
	height: auto;
	width: auto;
	max-width:450px;
}
.layer2 .bildkasten img{
	padding:0px;
	margin:0px;
}
.layer2 .bildkasten_rechts {
	display:block;
	float:right;
	padding:0px;
	margin:20px;
	margin-right:0px;
	text-align:center;
	font-weight:bold;
	height: auto;
	width: auto;
	max-width:450px;
}
.layer2 .bildkasten_rechts img{
	padding:0px;
	margin:0px;
}
.layer2 .werbungUnten{
float:left;
clear:both;
}
.attrkasten{
	float:left;
	width:92%;
	min-height:100px;
	/*margin:10px;*/
	margin-bottom:10px;
	display:block;
	line-height: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	text-align: left;
	-webkit-border-radius: 3px;
  	-moz-border-radius   : 3px;
  	border-radius        : 3px;

	/*background:url(https://www.freizeitpark-welt.de/layout/AttrKastenHintergrund.png);*/
	background-position:bottom left;
	background-repeat:repeat-x;	
	padding-left: 15px;
	padding-right: 15px;
}
.attrbig {
width:92%;
}
.layer2kalender {
width:100%;	
}
.attrkasten a {
	font-size: 13px;
	color:#00000;
	text-decoration:none;
	display:block;
	background:none;
}
.attrkasten h3 { 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style:italic;
	margin-left:10px;
	margin-right:20px;
	padding-left:20px;
	color: #000000;
	background-image:url(https://www.freizeitpark-welt.de/layout/AttrKastenh3blau.png);
	background-repeat:no-repeat;
	text-align:left;
	border:none;
}
.uebersichtAttractionBox {
width:90%;
float:left;
height:auto;
margin:20px;	
}
.uebersichtAttractionBox h1 {
color:#FC3;
font-size:20px;	
}
.attractionbox {
width:200px;
height:136px;
float:left;
margin:10px;
border-radius:5px;
transition: all .5s;
}
.attractionbox:hover,
.attractionbox:focus {
  transform: scale(1.1);
}
.bigattractionbox {
width:420px;
height:292px;
}
.attractionbox .randombild {
width:200px;
height:133px;
border-radius:5px;
}
.bigattractionbox .randombild {
width:419px;
height:289px;
border-radius:5px;
}
.attractionbox .logobild {
width:133px;
height:133px;
border-radius:5px;
}
.bigattractionbox .logobild {
width:270px;
height:270px;
border-radius:5px;
}
.selectbutton {
	background-color:#FFC;
	float:left;width:170px;height:80px;margin-left:40px;padding:15px;;border-radius:4px;
	
}
.selectbutton1 {
float:left;
width:170px;
height:80px;
margin-left:20px;
padding:15px;
border-radius:4px;
background-color:#FFC;
}
.heightslider {
float:left;width:390px;margin-left:20px;height:80px;padding:15px;padding-right:25px;background-color:#FFC;border-radius:4px;
}
.heightslidertext {
float:left;width:250px;margin-left:20px;font-style:italic;
}
.selectbutton select{

}
.werbungNewsPark {
width:95%;
float:left;
max-height:300px;
margin:20px;
}
.attractionnaming {
position:absolute;
padding:3px;
padding-left:10px;
padding-right:10px;
margin-top:90px;
font-size:15px;
background-color:#020;
filter: alpha(opacity=80);
opacity: 0.8;
color:#FC3;
max-width:180px;
font-weight:bold;
z-index: 5;
}
.attractionrating {
position:absolute;
padding: 10px 15px;
margin-top:-120px;
background-color:#0F0;
filter: alpha(opacity=80);
opacity: 0.8;
color:#000;
font-size:15px;
font-weight:bold;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
z-index: 5;
}
.attractionupload {
background-color:#FC3;
position:absolute;
margin-top:74px;
padding: 0px 5px 0px 5px;
font-size:9px;
z-index:7;
}
.tierbutton {
float:left;
margin:10px;
margin-right:30px;
}
.tiercaption {
float:left;
opacity: 0.5;
margin-bottom:0px;
margin-top:30px;
}
.parkrating {
text-align:center;
position:absolute;
padding:3px;
padding-left:10px;
padding-right:10px;
background-color:#0F0;
filter: alpha(opacity=80);
opacity: 0.8;
color:#000;
font-size:12px;
font-weight:bold;
margin-top:15px;
margin-left:240px;
font-size:20px;
border-radius:15px;
border:1px solid grey;
max-width: 200px;
}
.layer2 .rechterKasten {
float:right;
width:336px;
margin:20px;
margin-left:10px;
}
.layer2 .rechterKasten .werbung{
margin-top:50px;
border:1px solid black;
padding-bottom:5px;
background-color:#66CC66;
}
.layer2 .park {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	width: 202px;
	margin-top:18px;
	border: 1px solid black;
	background-color:#66CC66;
}
.layer2 .park h5{	
	display:block;
	font-size:11px;
	text-decoration:none;
	text-align:center;
	color:#000000;	
	background-color:#FFCC33;
	border-bottom:1px solid black;
	margin-bottom:10px;
	margin-top:0px;
}
.layer2 .park a{
	display:block;
	color:#000000;	
	padding-left:5px;
	text-align:left;
	font-size:xx-small;
	text-decoration:none;
	margin-bottom:5px;
	border-left: none;
	border-bottom: none;
}
.layer2 .park a:active, .park a:hover{	
	display:block;
	text-decoration:none;
	color:#000000;	
	background-color:#FFCC33;
}
.highlight {
	float:left;
	width:205px;
	height:240px;
	margin:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:justify;
	color: #000000;
}
.highlight h4{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:center;
	font-style:italic;
	display:block;
	margin:5px;
	border-bottom:1px dashed #003300;
	border-top:1px dashed #003300;
}
.highlight a{
	color:#000000;
	background:none;
	padding:0px;
	text-decoration:none;
}
.highlight a:hover { 
color: black; 
background-color: #FF9933; 
padding: 0;
text-decoration: none;
}
.highlight p{
font-family:Arial, Helvetica, sans-serif;
font-size:xx-small;
text-align:justify;
color:#000000;
}
.highlight img{
border:none;
margin:0px;
padding:0px;
}
.attraktion{
	float:left;
	width:400px;
	height:auto;
	margin:20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:justify;
	color: #000000;
	-webkit-border-radius: 5px;
  	-moz-border-radius   : 5px;
  	border-radius        : 5px;
}
.attraktion .topcaption{
	position:relative;
	top:-15px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top:5px;
	color:black;
	background-color: #FF9933; 
	border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
	padding:15px;
}
.attraktion a{
	color:#000000;
	background:none;
	padding:0px;
	font-size: 17px;
	text-decoration:none;
	font-style:italic;
	text-align:center;
}
.attraktion a:hover { 
color: black; 
background-color: #FF9933; 
padding: 0;
text-decoration: none;
}
.attraktion a img, .attraktion img{
border:thin;
width:100%;
	-webkit-border-radius: 5px;
  	-moz-border-radius   : 5px;
  	border-radius        : 5px;
}
.unterschrift{
	font-size:10px;
	font-style:italic;
}
.linkpadding {
padding: 5px;
border-radius:5px;	
}
.quicklink {
font-family:arial, verdana, sans serif;
font-size:10px;
font-weight:normal;
width:141px;
color:#000000;
background-color:#66CC66;
border-top:1px solid #66CC66;
border-left:1px solid #66CC66;
border-right:1px solid #00A452;
border-bottom:1px solid #00A452;
margin:0px;
}
#gesamt {
margin: auto;  /*Div soll zentriert werden */
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */ 
height:100%; /* Mindesthöhe für den IE */ 
overflow: hidden !important; /* FF Scroll-leiste */ 
position: relative;
width:970px;
border:1px solid #003300;
border-bottom:none;
background-color: #002200;
padding-bottom:15px;
}
.portraitBanner {
	position:absolute;
	left:978px;
}
#left {
width:141px;
float:left;
clear:left;
line-height:18px;
/*border-right:1px solid #002200;*/
border-bottom:1px solid #002200;
margin-top:32px;
background-color:#002200;
}
#navbarbild {
margin:0;
padding:0;
display:block;
}
#navbar {
width:100%;
margin-top:100px;
float:none;
}
#navleisteunten {
	height:auto;
	width:970px;
	float:left;
	color:#000000;
	font-size:xx-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	background-color:#00A452;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00A452), color-stop(0.5, #6C6));
  background-image: -webkit-linear-gradient(center bottom, #00A452 0%, #6C6 50%);
  background-image: -moz-linear-gradient(center bottom, #00A452 0%, #6C6 50%);
  background-image: -o-linear-gradient(top, #00A452 0%,#6C6 50%);
  background-image: -ms-linear-gradient(top, #00A452 0%,#6C6 50%);
	border:1px solid #003300;
	border-top:none;
}
#navleisteunten a{
	color:#000000;
	text-decoration:underline;
}

#navleisteunten h3 {
	
	font-size:x-small;
}
#navleisteunten .divkastengross {
width:100%;
height:auto;
}
#navleisteunten .divkastenklein{
float:left;
width:auto;
height:auto;
margin:10px;
padding:5px;
text-align:left;
-webkit-border-radius: 4px;
-moz-border-radius   : 4px;
border-radius        : 4px;
background-color:#8DF383;
}
#navleisteunten .divkastenklein:hover{
background-color:none;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6C6), color-stop(0.5, #8DF383));
  background-image: -webkit-linear-gradient(center bottom, #6C6 0%, #8DF383 50%);
  background-image: -moz-linear-gradient(center bottom, #6C6 0%, #8DF383 50%);
  background-image: -o-linear-gradient(top, #6C6 0%,#8DF383 50%);
  background-image: -ms-linear-gradient(top, #6C6 0%,#8DF383 50%);
}
#navleisteunten .hauptfooter {
width:200px;
height:auto;
}
.inhalt {
width:100%;
margin:0px;
float:left;
}
.menutitle
{
font-weight:bold;
border-top:1px solid #003300;
margin-top:30px;
}
.menu{
	color:#000000;
	display:block;
	padding:5px;
	padding-left:10px;
/*	background-image:url(https://www.freizeitpark-welt.de/layout/Nhintergrund.png);
	background-repeat:no-repeat;*/
	text-align:left;
	font-size:12px;
	text-decoration:none;
}

a.menu:hover
{
	background-color:#FFCC33;
	text-decoration:none;
	color:#000000;
	display:block;
}
.Pbox li em {
	width: 150px;
	height: 100px;
	z-index: 2;
	padding: 10px;
	padding-right:30px;
	position:absolute;
	left: 100px;
	background:url(https://www.freizeitpark-welt.de/layout/titleOverlay.png) no-repeat;
	display:none;
	font-style:normal;
}
#infolinks {
	list-style-type:none;
	margin:0px;
	margin-top:10px;
	padding:0px;
}
#infolinks li{
	margin:5px;
	width:350px;
	
}
#infolinks li{
	display:block;
	
}

#infolinks li em {
	width: 150px;
	height: 100px;
	z-index: 2;
	padding: 10px;
	padding-right:30px;
	position:absolute;
	background:url(https://www.freizeitpark-welt.de/layout/titleOverlay.png) no-repeat;
	display:none;
	font-size:11px;
	font-style:normal;
}
a.menuklein {
	color:#000000;
	padding-left:10px;
	text-align:left;
	font-size:xx-small;
	display:block;
}
a.menuklein:hover{	
	text-decoration:underline;
	color:#000000;
}
.menuorange{
	color:#000000;
	display:block;
	padding-left:10px;
	background-color:#FFCC33;
	text-align:left;
	font-size:11px;
	text-decoration:none;
}
a.menuorange:hover
{
	background-color:#FFCC33;
	text-decoration:none;
	color:#000000;
	display:block;
}
.caption
{
width:141px;
color:#000000;
text-align:center;
font-weight:bold;
background-color:#003300;
margin-top:30px;
background-image:url(https://www.freizeitpark-welt.de/layout/Nhintergrund_cap.png);
background-repeat:no-repeat;
background-position:top;
}


#topnav {
width:100%;
height:122px;
float:left;
/*background:url(https://www.freizeitpark-welt.de/layout/navobenV2023_jub20.webp);*/
background:url(https://www.freizeitpark-welt.de/layout/navobenV2016.png);
}
#topnav .bannerwerbung{
float:right;
margin:0px;
padding:0px;
border:none;
z-index:100;
position:relative; 
top:-53px;
background-color:transparent;
}
#topnav .bannerwerbung a{
margin:0px;
padding:0px
}
#allnav {
	z-index:100000;
}

#allnavlogo {
	width:100px;
	height:100px;
	position:relative;
	left:0px;
	top:-2px;
	display:none;
	z-index:100000;
}
.werbungParkUebersicht {
width:333px;
float:left;
margin:50px;
margin-left:60px;
margin-top:15px;
}
#tabs {
	/*background-color:#FC3;*/
	margin:20px;
	margin-bottom:0px;
	margin-top:0px;
	border:none;
}
.ui-tabs {
	padding:0px;
}
#tabs .ui-widget-header {
	border:none;
	background:none;
}
.ui-tabs .ui-tabs-nav {
padding:0px;	
}
.ui-tabs .ui-tabs-panel {
	background: #FFFF99 url("") no-repeat right top;
	padding:10px;
	margin:0px;
	border: 1px solid grey;
	border-radius:6px;
	border-top-left-radius:0px;
}
#tabs .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border:1px solid grey;	
}
.ui-tabs .ui-tabs-nav li a {
	padding: 10px;
	font-size:13px;
	width:230px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid grey;
    border-radius: 4px;
    background-color: #F60;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F60), color-stop(0.5, #FC3));
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
@media screen 
 /* and (min-device-width: 1200px) */
 { 
#topnavcap {
height:40px;
float:left;
margin:0px;
padding:0px;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #00A452), color-stop(0.9, #6C6));
background-image: -webkit-linear-gradient(center bottom, #00A452 10%, #6C6 9%);
background-image: -moz-linear-gradient(center bottom, #00A452 10%, #6C6 90%);
background-image: -o-linear-gradient(top, #00A452 10%,#6C6 90%);
background-image: -ms-linear-gradient(top, #00A452 10%,#6C6 90%);
background-color:#00A452;
border-top:1px solid #000000;
border-bottom:4px solid #FC3;
}
#topnavcap .button{
float:left;
font-size:small;
color:#444;
width:140px;
height:29px;
margin:4px;
background-color:#66CC66;
border: none;
    -webkit-border-radius: 4px;
  	-moz-border-radius   : 4px;
  	border-radius        : 4px;
}
#topnavcap .button:hover{
background-color:#8DF383;
}
#topnavcap .button:focus{
background-color:#8DF383;
}

.sticky {
position: fixed;
top:0px;
width:970px;
z-index:10000;
box-shadow: 0px 3px 3px #00000063;
}
.notsticky {
width:100%;
}
.sticky + .inhalt {
  padding-top: 41px;
}
/* remove all the bullets, borders and padding from the default list styling */
#topnavcap ul {
padding:0;
margin:0;
list-style-type:none;
z-index: 999;
}
#topnavcap ul ul {
width:110px;
z-index: 999;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#topnavcap li {
float:left;
width:110px;
position:relative;
}
/* style the links for the top level */
#topnavcap a, #topnavcap a:visited {
display:block;
font-size:12px;
text-decoration:none; 
color:#000; 
width:100px; 
height:40px; 
padding-left:10px; 
line-height:40px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #topnavcap a, * html #topnavcap a:visited {
width:119px;
}

/* style the second level background */
#topnavcap ul ul a.drop, #topnavcap ul ul a.drop:visited {
background:red;
}
/* style the second level links */
#topnavcap ul ul a, #topnavcap ul ul a:visited {
-moz-box-shadow: 1px 1px 5px #000;
-webkit-box-shadow: 1px 1px 5px#000;
box-shadow: 1px 1px 5px #000;
/*border-left: 1px solid #030;
border-right: 1px solid #030;
background:url(https://www.freizeitpark-welt.de/layout/navbar_start2_banner2.png) repeat-x;*/
background-color:#FC3;
color:#333; 
height:auto; 
min-height:20px;
line-height:1em; 
padding:10px 10px; 
width:129px;
/* yet another hack for IE5.5 */
}
/* style the second level hover */
#topnavcap ul ul a.drop:hover{
/*  	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.3, #FC9), color-stop(0.8, #F60));
  	background-image: -webkit-linear-gradient(center, #FC9 30%, #F60 80%);
  	background-image: -moz-linear-gradient(center, #FC9 30%, #F60 80%);
  	background-image: -o-linear-gradient(top, #FC9 30%,#F60 80%);
  	background-image: -ms-linear-gradient(top, #FC9 30%,#F60 80%);*/
}
#topnavcap ul ul :hover > a.drop {
background-color:#FFCC33;
}
/* style the third level background */
#topnavcap ul ul ul a, #topnavcap ul ul ul a:visited {
background-color:#FC0;
}
/* style the third level hover */
#topnavcap ul ul ul a:hover {
background-color:#FFCC33;
}
#topnavcap ul ul ul :hover > a {
background-color:#FFCC33;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#topnavcap ul ul {
visibility:hidden;
position:absolute;
height:0;
top:40px;
left:0; 
width:130px;

}
/* another hack for IE5.5 */
* html #topnavcap ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
#topnavcap ul ul ul{
left:130px; 
top:0;
width:130px;
}
/* position the third level flyout menu for a left flyout */
#topnavcap ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#topnavcap table {position:absolute; top:0; left:0;}


* html #topnavcap ul ul a{
width:130px;
w\idth:129px;
}


/* style the top level hover */
#topnavcap a:hover, #topnavcap ul ul a:hover{
color:#000; 
  	/*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.3, #FC0), color-stop(0.8, #FC3));
  	background-image: -webkit-linear-gradient(center, #FC0 30%, #FC3 80%);
  	background-image: -moz-linear-gradient(center, #FC0 30%, #FC3 80%);
  	background-image: -o-linear-gradient(top, #FC0 30%,#FC3 80%);
  	background-image: -ms-linear-gradient(top, #FC0 30%,#FC3 80%);*/
	background-color:#FFCC33;
}

/* make the second level visible when hover on first level list OR link */
#topnavcap ul li:hover ul,
#topnavcap ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#topnavcap ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#topnavcap ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#topnavcap ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#topnavcap ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
}
/*******************************/
/* SubToNav for Project Unity*/
#subtopnavcap {
width:100%;
height:30px;
float:left;
margin:0px;
padding:0px;
background-color:#FC3;
z-index: 10000;
}
#subtopnavcap.water {
background-color:#71e5ff;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#subtopnavcap ul {
	padding: 0;
    margin: 0;
    list-style-type: none;
    z-index: 999;
}
#subtopnavcap li {
float:left;
width:120px;
position:relative;
}
/* style the links for the top level */
#subtopnavcap a, #subtopnavcap a:visited {
display:block;
font-size:12px;
text-decoration:none; 
font-weight:normal;
color:#000; 
width:110px; 
height:30px; 
padding-left:9px; 
line-height:25px;
}
#subtopnavcap a img.parklogo {
width:123px;
height:61px;	
margin:3px;
position:relative;
left:-13px;
top:-5px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #subtopnavcap a, * html #subtopnavcap a:visited {
width:110px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#subtopnavcap table {position:absolute; top:0; left:0;}

/* style the top level hover */
#subtopnavcap a:hover, #subtopnavcap ul ul a:hover{
color:#000; 
}
#subtopnavcap :hover > a, #subtopnavcap ul ul :hover > a {
	color:#000;
	text-decoration:underline;
}
.topNavWerbung {
position:absolute;
top:32px;
left:830px;	
}
.kalender {
	height:200px;
	float:left;
	margin:20px;
	margin-right:0px;
	margin-bottom:0px;
}
.kalenderzeiten {
	float:left;
	width:180px;
	margin:20px;
	background-color:#6c6;
	border-radius:4px;
	box-shadow: 0 4px 5px rgba(0,0,0,.50);
}
.kalenderzeiten h4 {
	text-align:center;
}
.text {
	color:#000000;
	float:left;
	width:95%;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:normal;
	line-height: 1.3;
}
.text img{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	-webkit-border-radius: 4px;
-moz-border-radius   : 4px;
border-radius        : 4px;
	/*border:1px solid black;*/
}
.highlight {
	float:left;
	width:221px;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #000000;
	padding: 10px;
	margin: 5px;
}
.highlight a{
	color:black;
	font-size: 12px;
}
.highlight img{
	margin-top:10px;
	border-left:1px dashed #000000;
	text-align: left;
	border: 1px solid #black;
	margin-bottom: 10px;
}
#rater {
	margin:10px;
	margin-left:20px;
}
.infokasten{
	width:400px;
	height:auto;
	float:left;	
	margin:10px;
	margin-left:50px;
	padding:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-align: left;
}
.infokasten h4{	
	margin: 0px;
	font-family: Verdana, Geneva, Tahoma, Sans-Serif;
	font-size: 21px;
}

.infokasten img{
	margin-left:3px;
	margin-right:3px;
}
.logo{
	float:left;
	margin-right:10px;
	margin-left:30px;
	text-align: center;
}
.parklogoOffcanvas{
width:80%;
height:auto;
}
.clearer {
	clear:both;
	width:100%;
	height:0px;
	font-size: 1px;
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
}
.gbild {
	float: left;
	width:200px;
	max-height:200px;
	margin:5px;
	text-align:center;
}
.gbild img{
	border:1px solid black;
}
.gbild img:hover{
	border:1px solid #FFCC33;
}
.bildgruppe {
color:#000000;
float:left;
width:80%;
background-color:#003300;
margin-left:10px;
margin-top: 18px;
border-left: 1px solid #009900;
}
.bildgruppe a{
color:#FF9933;
}
.bildgruppe h1{
	color:#000000;
	text-align:left;
	display:block;
	padding-left:20px;
	padding-right:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#00A452;
	margin:0px;
	border-bottom:1px solid black;
}
.galerieverweis {
background-color:#003300;
height:auto;
width:140px;
float:left;
text-align:right;
padding:6px;
margin-top:18px;
font-size:11px;
}
.galerieverweis a{
color:#66CC66;
display:block;
}
.galerieverweis a:hover{
background-color:#FF9933;
color:black;
}
.galerieverweis img{
border:1px solid black;
margin:2px;
}
.flex-caption {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background:#000;  /*whatever you want */  
	z-index:1;
    padding:10px;
	color:white;
	font-weight:bold;
	font-size:12px;
	opacity: 0.7;
	margin:9px;
	width: max-content;
    max-width: 85%;
}
.Tgesamt {
	color:#000000;
	width:600px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:15px;
	font-size: xx-small;
	border:1px solid black;
}
.Tzeilegrau {
color:#999;	
}
.Tzeilegrau a{color:#999;	
}
.Tzeile{
	padding-left:5px;
	height:15px;
	/*border-right:1px dashed black;*/
	/*background-image:url(https://www.freizeitpark-welt.de/layout/TabHell.png);*/
}
.Tzeile:hover{
	background-image:none;
}
.TzeileCap{
	text-align:center;
	/*border-bottom:1px solid black;*/
	background-image:url(https://www.freizeitpark-welt.de/layout/TabDunkel.png);
}
.rechteleiste {
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	float: right;
	width: 160px;
	height:auto;
	margin: 5px;
}
.artikelsicht {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image:url(layout/AttrKlein1.png);
	float: right;
	width: 160px;
	margin-bottom:20px;
}
.artikelsicht a{
	color: black;
	text-decoration: underline;
}
.artikelsicht h1{
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	background-color:#00A452;
	font-size:1em;
}
.artikel_gesamt {
	font-family: Arial, Helvetica, sans-serif;
	/*background-image:url(layout/AttrKlein1.png);
	border:1px solid #00A452;*/
	text-align:left;
	float: left;
	width: 100%;
	margin-bottom:40px;
	margin-top:20px;
}
.artikel_gesamt img{
	margin-right: 10px;
}

.artikel_gesamt h1{
	font-size: 13pt;
	letter-spacing: 0.5mm;
	padding-left:100px;
	margin:0px;
	margin-top:10px;
	color:#00FF00;
}
.artikel_gesamt h2{
	display:block;
	font-size: 11pt;
	margin:5px;
	color:#000000;
	border-top:1px solid black;
	border-right:1px solid black;
	border-left:20px solid black;
	border-bottom:1px solid black;
	background-color:#FF9944;
	padding:10px;
	margin-top:20px;
}
.artikel_gesamt h5{
	font-size: 8pt;
	padding-left:100px;
	margin:0px;
	color:#00FF00;
}
.artikel_gesamt .subcaption{
	display:block;
	background-image:none;
	font-size: 9pt;
	padding-left:100px;
	color:#00A452;
	margin-bottom:10px;
}
.newstab {
	background-image:url(layout/AttrKlein1.png);
	float:right;
	width:150px;
	font-weight: normal;
	font-size:12px;
	color: #000000;
	padding:5px;
}
.newstab a{
	display:block;
	font-weight: bold;
	font-size:12px;
	color: #000000;
}
.news_text {
	display:block;
	background-color: #8DF383;
	width:100%;
	font-weight: normal;
	font-size:15px;
	color: #000000;
	margin-top:10px;
	margin-right:50px;
	line-height: 22px;
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  border-radius        : 4px;

}
.news_text a{
	color:black;
}
.news_text a:hover{
	color:#f63;
}
.news_text img{
	margin:8px;
}
.news_text .bildkasten {
	display:block;
	float:left;
	padding:0px;
	margin:5px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color: #FFCC33;
	background-color: #000000;
	height: auto;
	width: auto;
	padding-bottom:2px;
}
.news_text .bildkasten img{
	padding:0px;
	margin:0px;
}
.news_text h3 {
	font-size:1.5em;
	font-style:italic;
	background:#fc3;
	color:#f40;
	text-shadow: 1px 1px 0px #ddd;
	-moz-box-shadow: 1px 1px 5px #888;
	-webkit-box-shadow: 1px 1px 5px#888;
	box-shadow: 1px 1px 5px #888;
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  border-radius        : 4px;
	margin-right:20px;
	margin-left:20px;
	padding:5px;
	padding-left:10px;
	/*text-shadow: 1px 1px 1px #555;*/
}
.news_text .realtext {
margin:20px;
padding:60px;
padding-top:30px;	
}
.news_quelle {
	float:right;
	margin:5px;
	font-size:10px;
}
.news_links {
	border-top:1px solid black;
	float:left;
	width:600px;
	font-size:11px;
	background-image:none;
	background-color:#FFFF99;
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  border-radius        : 4px;

}
.flaggen {
width:15px;
height:10px;
margin-top:3px;
}
.swiper {
  width: 100%;
  height: auto;
  z-index:0;
  padding-bottom: 40px;
}
.swiper-slide a img{
  width: 100%;
  height:auto;
}
.swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color: #000;
      opacity: 1;
      background: rgba(0, 0, 0, 0.2);
}
.swiper-pagination-bullet-active {
      color: #000;
      background: #FC3;
}
.artikelspalte {
width:300px;	
margin:10px;
margin-top:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
float:right;
}
.artikelspalte h2{
display:block;	
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-align:left;
padding-left:20px;
padding-right:10px;
margin-bottom:0px;
margin-top:0px;
background-image:url(https://www.freizeitpark-welt.de/layout/AttrKlein_coaster.png);
}
.artikelbox {
width:300px;
border-radius: 3px;
float:left;
height:auto;
margin:0px;
margin-bottom:10px;
padding:5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
background-color:#66CC66;
color:#000000;
text-align:justify;
}
.artikelbox div{
margin:3px;
}
.artikelbox a{
color:#000000;
}
.artikelbox a:hover{
color:#000000;
}
.artikelbox img{
float:left;
margin:3px;
}
.artikelbox h1{
	text-align:left;
	color:#000000;
	display:block;
	padding-left:5px;
	font-size: 18px;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:3px;
}
.artikelbox h5{
	text-align:right;
	color:#000000;
	display:block;
	font-size: 10px;
	margin:0px;
	margin-top:5px;
	border-top:1px solid black;
}
.artikelboxUnten {
width:290px;
float:left;
height:190px;
padding:3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
text-align:justify;
margin-right:1px;
margin-bottom:2px;
}
.artikelboxUnten a{
color:#000000;
text-decoration:none;
}
.artikelboxUnten a:hover{
color:#000000;
}
.artikelboxUnten img{
border:1px solid black;
float:left;
margin:3px;
}
.artikelboxUnten h3{
text-align:left;
color:#000000;
display:block;
padding-left:5px;
font-size: 13px;
margin-bottom:3px;
margin-top:3px;
border-bottom:1px solid black;
}
.artikelboxUnten h5{
	text-align:right;
	color:#000000;
	display:block;
	font-size: 10px;
	margin:0px;
	margin-top:5px;
	border-bottom:1px solid black;
}
.layer2 .news {
width:auto;
height:100px;
border-bottom:1px solid black;
cursor:pointer;
}
.layer2 .news .subcaption{
font-size:11px;
margin:10px;
margin-top:0px;
font-weight:normal;
}
.layer2 .news .vorschaubild {
float:left;
margin-right:10px;
height:100px;
width:100px;
background-repeat:no-repeat;
background-position:35% 30%;
}
.layer2 .news img{
clear:left;
float:left;
margin-right:10px;
margin-left:5px;
}
.layer2 .news h6 {
background-image:none;
font-size:18px;
line-height:26px;
font-weight:bold;
padding:0px;
margin:0px;
margin-top:5px;
border:none;
}
.layer2 .news .tags{
	background-color:#FC3;
	font-size: 8pt;
	padding:4px;
	margin:3px;
	vertical-align:bottom;
}

.layer2 .news a{
text-decoration:none;
color:black;
}
.layer2 .news a:visited{
color:grey;
}
.layer2 .news a:visited h5{
color:grey;
}
.layer2 .news a:visited h6{
color:grey;
}
.layer2 .news h5{
font-size:11px;
font-weight:normal;
background-color:none;
margin:0px;
padding-top:10px;
}
#frame {
width:100%;
}
.toptop {
float:right;
color:#FFCC33;
height:11px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
display:block;
margin:2px;
margin-bottom:4px;
}
.toptop a{
color:#FFCC33;
border:none;
margin-left:5px;
}

#menu3 { 
width: 141px; 
background-color:#003300;
background-image:url(layout/hintergrund_Pbox.png);
} 

#menu3 ul { 
list-style: none; 
margin: 0; 
padding: 0; 
} 

#menu3 a, #menu3 h2 {
  font: bold 11px/16px arial, helvetica, sans-serif;
  display: block; 
  margin: 0; 
  padding: 2px 3px; }

#menu3 h2 { border-left: 1px solid #000000;color:#000000;   
			background-color:#00A452;
  			background-image:url(layout/hintergrund_menu.png);
} 

#menu3 a { 
color: #000; 
background: #66CC66; 
text-decoration: none; 
border-left: 1px solid #000000;
border-bottom:1px dotted black;} 

#menu3 a:hover { background: #FFCC33; } 

#menu3 li { position: relative; }

#menu3 ul ul ul {position: absolute; top: 0; left: 100%; width: 100%; }

div#menu3 ul ul ul, div#menu ul ul li:hover ul ul {display: none;} 

div#menu3 ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}

.TabFormular {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
}
.TabFormular .input{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	background-color:#00A452;
}
.TabFormular .input:focus{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	background-color:#FFFFFF;
	border:1px solid #000000;
}
.TabFormular .button{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #000000;
	background-color:#00A452;
}
#meinungsformular {
background-color:#8DF383;
-webkit-border-radius: 4px;
-moz-border-radius   : 4px;
border-radius        : 4px;
float:left;
clear:left;
display:block;
width:750px;
height:auto;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
}
#meinungsformular .check{
float:left;
display:block;
margin-left:10px;
width:400px;
}
#mlayer h1{
	color:#000000;
	text-align:left;
	display:block;
	padding:15px;
	padding-left:20px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	background-color:#FC3;
	border-bottom:1px solid black;
  	background-image: -webkit-gradient(linear, left, right, color-stop(0.3, #FC3), color-stop(0.8, #F90));
  	background-image: -webkit-linear-gradient(left, #FC3 30%, #F90 80%);
  	background-image: -moz-linear-gradient(left, #FC3 30%, #F90 80%);
  	background-image: -o-linear-gradient(left, #FC3 30%,#F90 80%);
  	background-image: -ms-linear-gradient(left, #FC3 30%,#F90 80%);
  	-webkit-border-top-left-radius: 4px;
  	-moz-border-top-left-radius   : 4px;
  	border-top-left-radius        : 4px;
	-webkit-border-top-right-radius: 4px;
  	-moz-border-top-right-radius   : 4px;
  	border-top-right-radius        : 4px;
	margin:0px;
}
#meinungsformular .text{
	text-align:justify;
	color:#000000;
	float:left;
	display:block;
	width:400px;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
}

#hotelsuche {
width:110%;
height: 3000px;  
overflow-y:auto; 
}

#mlayer {
	width:100%;
	float:left;
	font-size: 10pt;
	background-color: #8DF383;
	font-weight: bold;
	text-align: left;
	height:auto;
	color: #000000;
	-webkit-border-radius: 4px;
  	-moz-border-radius   : 4px;
  	border-radius        : 4px;
}
#mlayer h1{
	color:#000000;
	text-align:left;
	display:block;
	padding:15px;
	padding-left:20px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	background-color:#FC3;
	border-bottom:1px solid black;
  	background-image: -webkit-gradient(linear, left, right, color-stop(0.3, #FC3), color-stop(0.8, #F90));
  	background-image: -webkit-linear-gradient(left, #FC3 30%, #F90 80%);
  	background-image: -moz-linear-gradient(left, #FC3 30%, #F90 80%);
  	background-image: -o-linear-gradient(left, #FC3 30%,#F90 80%);
  	background-image: -ms-linear-gradient(left, #FC3 30%,#F90 80%);
  	-webkit-border-top-left-radius: 4px;
  	-moz-border-top-left-radius   : 4px;
  	border-top-left-radius        : 4px;
	-webkit-border-top-right-radius: 4px;
  	-moz-border-top-right-radius   : 4px;
  	border-top-right-radius        : 4px;
	margin:0px;
}
#mlayer #rechterFrame .rechterKasten{
	float:right;
	border:1px solid black;
	margin-bottom:20px;
}
#mlayer #rechterFrame {
	width:180px;
	float:right;
	margin-top:30px;
	margin-right:30px;	
}
#mlayer #rechterFrame .rechterKasten .tabelle{
	font-size:8pt;
	padding:10px;
}
.usermeinung .mSprungButton{
	float:left;
	margin:5px;
	font-size:8pt;	
}
.usermeinung .mSprungButton a{
	color:black;
	padding:3px;
	-moz-border-radius:10px;
}
.usermeinung .mSprungButton a:hover{
	background-color:#FFCC33;
}
.usermeinung {
	float:left;
	margin-left:20px;
	margin-bottom:20px;
	width:80%;
	
}
.usermeinung .username{
	height:auto;
	font-size:8pt;
	text-align:left;
	color:#333;
	font-weight:normal;
	padding:15px;
	margin:0px;
	margin-top:10px;
	background-color:#FFCC33;
	background-image:none;
	/*border: 1px solid black; */
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
  	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
  	border-top-left-radius: 4px;
	border-top-right-radius: 4px;

	border-bottom:none;
}
.usermeinung .username .usercaption{
display:block;
font-weight:bold;
font-size:14px;
line-height:20px;
font-style:italic;
color:#000000;
text-shadow:grey 2px;
}
.usermeinung .usertext{
	display:block;
	background-color:#FF9;
	border-top:none;
	font-size: 14px;
    line-height: 20px;
	font-weight:normal;
	text-align:left;
	padding:15px;
	height: auto;
	min-height:60px;

}
.usermeinung .usertext a{
	display:block;
	color:black;
	padding-left:5px;
	background-color:#66CC66;
}
.usermeinung .usertext a.urlintern{
	display:inline;
	padding-left:10px;
	padding-right:2px;
}
.usermeinung .usertext a:hover{
	background-color:#FFCC33;
}
a.urlextern {
	display:inline;
	color:black;
	background-color:none;
	background-image: url(https://www.freizeitpark-welt.de/layout/symbole/link_extern.webp);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-right:5px;
}
a.urlextern:hover {
	color:black;
	background-color:#F93;
	padding:5px;
	padding-left:10px;
	border-radius:5px;
	background-image: url(https://www.freizeitpark-welt.de/layout/symbole/link_extern_rot.webp);
}

a.urlintern {
	display:inline;
	color:black;
	background-color:none;
	background-image: url(https://www.freizeitpark-welt.de/layout/symbole/link_extern.webp);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-right:5px;
}
a.urlintern:hover {
	color:black;
	background-color:#F93;
	padding:5px;
	padding-left:10px;
	border-radius:5px;
	background-image: url(https://www.freizeitpark-welt.de/layout/symbole/link_extern_rot.webp);
}
/*Rating Anfang */
.clear{clear: both;}
.tuto-cnt{width: 480px; background-color: #fff; border:#ccc 1px solid; height:auto; min-height: 400px; margin: 40px auto; padding: 40px; overflow: auto; }

hr{ margin: 10px 0; border:none; border-top: #ccc 1px dotted;}

/*  First Example with big stars */
.rate-ex1-cnt{
	width:225px; height: 40px;

}
.rate-ex1-cnt .rate-btn{
	width: 45px; height:40px;
	float: left;
	background: url(https://www.freizeitpark-welt.de/css/images/rating/rate-btn.png) no-repeat;
	cursor: pointer;
}
.rate-ex1-cnt .rate-btn:hover, .rate-ex1-cnt  .rate-btn-hover, .rate-ex1-cnt  .rate-btn-active{
	background: url(https://www.freizeitpark-welt.de/css/images/rating/rate-btn-hover.png) no-repeat;
}
/* End first Example with big stars */


/*  Second Example with big stars */
.rate-ex2-cnt{
	width:150px; height: 30px;
	border:#e9e9e9 1px solid;
	background-color:  #f6f6f6;
}
.rate-ex2-cnt .comment-rate-btn {
	width: 30px; height:30px;
	float: left;
	background: url(https://www.freizeitpark-welt.de/css/images/rating/rate-btn2.png) no-repeat;
	cursor: pointer;
}
.rate-ex2-cnt .comment-rate-btn:hover, .rate-ex2-cnt  .rate-btn-hover, .rate-ex2-cnt  .rate-btn-active{
	background: url(https://www.freizeitpark-welt.de/css/images/rating/rate-btn2-hover.png) no-repeat;
}
/* End second Example with big stars */

/*  Third Example with big stars */
.rate-ex3-cnt{
	width:85px; height: 17px;
	border:#e9e9e9 1px solid;
	background-color:  #f6f6f6;
}
.rate-ex3-cnt .rate-btn{
	width: 17px; height:17px;
	float: left;
	background: url(https://www.freizeitpark-welt.de/css/images/rating/rate-btn3.png) no-repeat;
	cursor: pointer;
}
.rate-ex3-cnt .rate-btn:hover, .rate-ex3-cnt  .rate-btn-hover, .rate-ex3-cnt  .rate-btn-active{
	background: url(https://www.freizeitpark-welt.de/css/images/rating/rate-btn3-hover.png) no-repeat;
}
/* End third Example with big stars */


/* rate result */
.rate-result-cnt{
	width: 82px; height: 18px;
	position: relative;
	background-color: #ccc;
}
.rate-stars{
	width: 82px; height: 18px;
	background: url(https://www.freizeitpark-welt.de/css/images/rating/rate-stars-green.png) no-repeat;
	position: absolute;
}
.rate-bg{
	height: 18px;
	background-color: #ffbe10;
	position: absolute;
}
/*Rating Ende */
.linkbutton {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold; 
color: black;
display:block;
width:100px;
height:100px;
text-decoration:none;
border-radius: 4px;
/*background-color:#FC3;*/
padding:5px;
padding-left:10px;
margin:10px;
float:left;
margin-left:0px;
border: 1px dashed black;
}
.linkbutton.water {
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#2f8da9),color-stop(.5,#6bddff));	
}
.linkbutton.history {
background-color:none;
-webkit-filter: grayscale(1);	
}
.linkbutton img {
border:none;
margin-left:5px;
margin-right:5px;
}
.linkbutton:hover {  
background-color:#FC3;
box-shadow: none;
}
#quickparkbuttons {
margin:20px;
margin-top:0px;
}
#quickparkinfos {
height:auto;
}
#quickoeffnungszeiten{
width:250px;
float:left;
margin:10px;
border:1px solid black;
-webkit-border-radius: 4px;
-moz-border-radius   : 4px;
border-radius        : 4px;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6C6), color-stop(0.5, #8DF383));
  background-image: -webkit-linear-gradient(center bottom, #6C6 0%, #8DF383 50%);
  background-image: -moz-linear-gradient(center bottom, #6C6 0%, #8DF383 50%);
  background-image: -o-linear-gradient(top, #6C6 0%,#8DF383 50%);
  background-image: -ms-linear-gradient(top, #6C6 0%,#8DF383 50%);
}
#quickparkinfos h1{
	color:#000000;
	text-align:left;
	display:block;
	padding:5px;
	padding-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	border-bottom:1px solid black;
  	background-image: -webkit-gradient(linear, left, right, color-stop(0.3, #FC3), color-stop(0.8, #F60));
  	background-image: -webkit-linear-gradient(left, #FC3 30%, #F60 80%);
  	background-image: -moz-linear-gradient(left, #FC3 30%, #F60 80%);
  	background-image: -o-linear-gradient(left, #FC3 30%,#F60 80%);
  	background-image: -ms-linear-gradient(left, #FC3 30%,#F60 80%);
  	-webkit-border-top-left-radius: 4px;
  	-moz-border-top-left-radius   : 4px;
  	border-top-left-radius        : 4px;
	-webkit-border-top-right-radius: 4px;
  	-moz-border-top-right-radius   : 4px;
  	border-top-right-radius        : 4px;
	margin:0px;
}
#quickoeffnungszeiten .zeile{
width:250px;height:40px;border-bottom:1px solid grey;font-size:12px;font-weight:bold;
}
#quickparkinfos .linkzeile{
width:100%;height:auto;font-size:12px;font-weight:bold;
background-color:#FC3;
}
#quickparkinfos .linkzeile:hover{
background-color:#F60;
}
#quickparkinfos .linkzeile a{
color:black;
text-decoration:none;
padding:5px;
font-size:11px;
font-weight:bold;
display:block;
}
#quickparkinfos .text{
padding:5px;
font-size:12px;font-weight:bold;
}
#quickoeffnungszeiten .tag{
width:150px;height:40px;float:left;
}
#quickoeffnungszeiten .opened{
width:100px;height:40px;float:left;background-color:#8DF383;
}
#quickoeffnungszeiten .closed{
width:100px;height:40px;float:left;background-color:red;
}
#quickpreise{
width:250px;
float:left;
margin:10px;
border:1px solid black;
-webkit-border-radius: 4px;
-moz-border-radius   : 4px;
border-radius        : 4px;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6C6), color-stop(0.5, #8DF383));
  background-image: -webkit-linear-gradient(center bottom, #6C6 0%, #8DF383 50%);
  background-image: -moz-linear-gradient(center bottom, #6C6 0%, #8DF383 50%);
  background-image: -o-linear-gradient(top, #6C6 0%,#8DF383 50%);
  background-image: -ms-linear-gradient(top, #6C6 0%,#8DF383 50%);
}
#quickpreise .zeile{
width:250px;height:40px;border-bottom:1px solid grey;font-size:12px;font-weight:bold;
}
#quickpreise .beschreibung{
width:150px;height:40px;float:left;font-weight:bold;
}
#quickpreise .preis{
width:100px;height:40px;float:left;background-color:#8DF383;
}
.randompark {
width:50%;
height:250px;
float:left;
padding:0px;
font-size:11px;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6C6), color-stop(0.5, #8DF383));
  background-image: -webkit-linear-gradient(center bottom, #6C6 0%, #8DF383 50%);
  background-image: -moz-linear-gradient(center bottom, #6C6 0%, #8DF383 50%);
  background-image: -o-linear-gradient(top, #6C6 0%,#8DF383 50%);
  background-image: -ms-linear-gradient(top, #6C6 0%,#8DF383 50%);

}
.randompark img {
width:100%;
max-height:200px;
}
.randompark:hover{
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00A452), color-stop(0.5, #6C6));
  background-image: -webkit-linear-gradient(center bottom, #00A452 0%, #6C6 50%);
  background-image: -moz-linear-gradient(center bottom, #00A452 0%, #6C6 50%);
  background-image: -o-linear-gradient(top, #00A452 0%,#6C6 50%);
  background-image: -ms-linear-gradient(top, #00A452 0%,#6C6 50%);
}
.randompark .randomparkdescription {
margin:10px;
}
.randompark h2 {
border:none;
padding:0px;
margin:0px;
margin-top:2px;
font-size:18px;
}
.randompark a{
text-decoration:none;
border:none;
}
.textkastenimridekasten { 
margin-top: 10px;
color:#fff;
font-size:5px;
text-shadow: 3px 3px 4px #777;
z-index: 50;
}
.jahrimridekasten {
margin-top: 10px;
color: #fff;
font-size: 10px;
text-shadow: 3px 3px 4px #777;
position: absolute;
z-index: 50;
margin-left: 20px;
}
@media print {
* { 
background: #fff; 
background-image:none;
color: #000; 
}
html { font: 100%/1.5 georgia, serif; 
}
#topnav, #left,#topnavcap,#werbung_unten,#werbung_rechts { display: none; }
}
#preise {
width:100%;
float:left;
font-size: 10pt;
height:auto;
color: #000000;
}
#preise .preisWerbungRechts {
margin:10px;
float:left;		
}
.preiskasten{
	float:left;
	max-width:60%;
	min-height:100px;
	padding:0px;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:10px;
	line-height: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	text-align: left;
  	-webkit-border-radius: 4px;
  	-moz-border-radius   : 4px;
  	border-radius        : 4px;
}
.preiskasten .hidden {
display:none;
}
.preiskasten .hasTooltip {
display:inline;
}
.preiskasten em {
	width: 150px;
	height: 100px;
	z-index: 2;
	padding: 10px;
	padding-right:30px;
	position:absolute;
	background:url(https://www.freizeitpark-welt.de/layout/titleOverlay.png) no-repeat;
	display:none;
	font-size:11px;
	font-style:normal;
}
.preiskasten .preisaenderung {
	text-align:right;
	padding-right:10px;
	font-size:10px;
	color:grey;
	font-style:italic;
}

.preiskasten table {
border:1px solid black;
}
.preiskasten table td{
padding:7px;
}
.preiskasten table td.titel {
width:190px;
padding-left:10px;
}
.preiskasten table td.preis {
min-width:70px;
}
.preiskasten table td.preis a {
text-decoration:underline;
color:#ff5050;
font-size:14px;
}
.preiskasten table td.preis a:hover {
color:#ff5050;
font-weight:bold;
background-color: #fc3;
}
.preiskasten table thead tr td{
border-bottom:1px solid black;
}
.preiskasten table thead h1{
	color:#000000;
	text-align:left;
	display:block;
	padding:15px;
	padding-left:20px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color:#FC3;
  	border-top-left-radius        : 4px;
  	border-top-right-radius        : 4px;
	margin:0px;
}
.preiskasten.winterpreise table thead h1{
	background-color:#8CE8FF;
}
.preiskasten table td#zweitagbutton:hover, td#jahrbutton:hover,td#zweitagwinterbutton:hover {
text-decoration:underline;
}
/*History-Stil*/
table.history tr{
background-color:#ccc;
}
/*Saison-Stil*/
table.saison tr{
background-color:#8df383;
}
table.saison thead tr td{
padding:0px;
}
table.saison td#zweitagbutton,table.saison td#zweitagwinterbutton {
font-weight:bold;
font-size:10px;
border-top:1px dashed black;
background-color:#FFFF99;
cursor:pointer;
  -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.50);
  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.50);
  -o-box-shadow     : 0 4px 5px rgba(0,0,0,.50);
  box-shadow        : 0 4px 5px rgba(0,0,0,.50);
}
table.saison td#jahrbutton {
font-weight:bold;
font-size:10px;
border-top:1px dashed black;
background-color:#FFFF99;
cursor:pointer;
}
table.saison td#sonderbutton {
font-weight:bold;
font-size:10px;
border-top:1px dashed black;
background-color:#FC3;
cursor:pointer;
}
/*Halloween-Stil*/
table.halloween tr{
background-color: #000033;
color:#FFFFFF;
}
table.halloween  tr:hover{
background-color:#660000;
}
table.halloween  thead tr{
font-weight:bold;
text-align:left;
padding-left:0px;
background-color:#660000;
color:#FFFFFF:
}
table.halloween  td#zweitagbutton {
font-weight:bold;
font-size:10px;
border-top:1px dashed black;
background-color: #CC0000;
cursor:pointer;
}
table.halloween  td#jahrbutton {
font-weight:bold;
font-size:10px;
border-top:1px dashed black;
background-color:#CC0000;
cursor:pointer;
}
.preiskasten .Teintritt {
	vertical-align:top;
	font-size:12px;
}
.preiskasten .Teintritt2 {
	vertical-align:top;
	font-size:12px;
	background-color:#FFFF99;
	background-image:none;
}
.preiskasten .Teintrittj {
	vertical-align:top;
	font-size:12px;
	background-color: #FFFF99;
	background-image:none;
}
.preiskasten .Teintritts {
	vertical-align:top;
	font-size:12px;
	background-color: #FC3;
	background-image:none;
}
.preiskasten table .winter {
border:1px solid black;
background-color:#66CCCC;
}

.eventbox {
width:100%;
height:auto;
margin:10px;
margin-left:0px;
margin-right:0px;
margin-bottom:20px;
}
.eventbox_klein {
width:620px;
height:auto;
margin:10px;
margin-left:0px;
margin-right:0px;
margin-bottom:20px;
}
#newsslider {
margin:20px;
margin-left:0px;
margin-right:0px;
}
.welcome_startseite {
width:95%;
margin:20px;
font-size:9pt;
color:#00FF00;
text-align:left;
}
.welcome_startseite {
width:95%;
margin:20px;
font-size:9pt;
color:#00FF00;
text-align:left;
}
.welcome_startseite a {
color:#FC3;
}
.zufallspark_statistik {
position:absolute;
margin-left:20px;
margin-top:30%;
max-width:200px;
background-color:#ffd14e;
color:#FC3;
width:auto;
padding:20px;
opacity: 0.7;
border-radius:5px;
}
.mlayerstartseite {
width:610px;
}
#mobilenewsslider {
display:none;
}
.activated {
	background-color:#FC3;
}
.layer2 h1.mobileactive {
display:none;	
}
.mobileactive {
display:none;	
}
.backToHome {
position: absolute;
top:30px;
width:300px;
height:80px;
left:300px;
}
.layer2 .quicknewsbox {
width:auto;
float:left;
color:#8DF383;
}
.layer2 .quicknewsbox .newsentry {
	width:99%;
	height:auto;
	font-size:13px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6C6), color-stop(0.5, #8DF383));
  background-image: -webkit-linear-gradient(center bottom, #6C6 0%, #8DF383 50%);
  background-image: -moz-linear-gradient(center bottom, #6C6 0%, #8DF383 50%);
  background-image: -o-linear-gradient(top, #6C6 0%,#8DF383 50%);
  background-image: -ms-linear-gradient(top, #6C6 0%,#8DF383 50%);
	float:left;
	padding:10px;
	border-bottom:2px solid #333;
}
.layer2 .quicknewsbox .newsentry img {
  border-radius: 5px;
  margin-right:10px;
  float:left;
}

.newsHochkantFoto {
font-size:1em;
}
.newsHochkantFoto img {
margin-left:25%;
margin-bottom:2px;
width:50%;
}
.newsQuerformatFoto {
/*position:relative;
right:100px;*/
font-size:1em;
}
.newsQuerformatFoto img {
margin-left:0px;
margin-bottom:2px;
border-left:none;
border-right:none;
width:100%;
}
.newsTextAufBild {
padding:10px;
color:#fff;
font-size:14px;
font-weight:bold;
position:relative;
bottom:120px;
background-color:#202020;
opacity: .7; 
filter:Alpha(Opacity=70);
max-width: 90%;
border-radius: 5px;
margin-left: 25px;

}
.newsTextAufBildHochkant {
padding:10px;
color:#fff;
font-size:14px;
font-weight:bold;
position:relative;
bottom:120px;
background-color:#202020;
opacity: .7; 
filter:Alpha(Opacity=70);
max-width: 90%;
border-radius: 5px;
margin-left: 25%;
margin-right: 25%;

}
.newsFotoCopyright {
padding-left:10px;color:grey;
}

.ui-slider { position: relative; 
text-align: left;
width:100%;
height:10px;
  background-image: -webkit-gradient(linear, left, right, color-stop(0, #FC3), color-stop(0.9, #F60));
  background-image: -webkit-linear-gradient(left, #FC3 0%, #F60 90%);
  background-image: -moz-linear-gradient(left, #FC3 0%, #F60 50%);
  background-image: -o-linear-gradient(left, #FC3 0%,#F60 90%);
  background-image: -ms-linear-gradient(left, #FC3 0%,#F60 90%);
  border:none;
}
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.5em; height: 1.5em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.offcanvas {
display:none;
}
#offmenu {
z-index:200000;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6C6), color-stop(0.5, #8DF383));
  background-image: -webkit-linear-gradient(center bottom, #6C6 0%, #8DF383 50%);
  background-image: -moz-linear-gradient(center bottom, #6C6 0%, #8DF383 50%);
  background-image: -o-linear-gradient(top, #6C6 0%,#8DF383 50%);
  background-image: -ms-linear-gradient(top, #6C6 0%,#8DF383 50%);
}
.billboardTop {
width:100%;
max-height:500px;
margin-top:5px;
float:none;
}
#gewinnspielslider {
width:auto;
max-height:150px;

}
/* cell inherit height from gallery */
#gewinnspielslider .gallery-cell {
  width: auto;
  height:100%;
  height:auto;
  margin-right:5px;
}
#gewinnspielslider .gallery-cell img{
  width:auto;
  height:150px;
  
}
#bildleisteslider .gallery-cell {
  width: 33%;
  height:200px;
  border-radius: 5px;
  margin-right: 10px;
}
#bildleisteslider .querslider-image {
  display: block;
  height: 200px;
  /* set min-width, allow images to set cell width */
  min-width: 113px;
  max-width: 100%;
  margin-right: 10px;
  /* vertically center */
  top: 50%;
}
#querslider {
box-sizing: border-box;
margin-bottom: 30px;
}
/* cell inherit height from gallery */
#querslider .gallery-cell {
  width: 33%;
  height:200px;
  border-radius: 5px;
  margin-right: 10px;
}
#querslider .gallery-cell.hochkant {
  width: 17%;
}
#querslider .querslider-image {
  display: block;
  height: 200px;
  /* set min-width, allow images to set cell width */
  min-width: 113px;
  max-width: 100%;
  margin-right: 10px;
  /* vertically center */
  top: 50%;
}

.flickity-page-dots { bottom: 10px; }
.kartengallery-cell {
  width: 33%;
  height: 300px;
  margin-right: 10px;
  background: #8DF383;
}
.kartengallery-cell:hover {
  background: #FFFF99;
}
.kartengallery-cell img {
width:100%;
max-height:200px;
}
.kartengallery-cell a {
color:black;
}
.kartengallery-cell a:hover {
color:#f63;
}
.kartengallery-cell h2 {
font-size:18px;
margin-bottom: 5px;
}
.halfpage-cell {
  width: 50%;
  height: 400px;
  margin-right: 10px;
  background: #8DF383;
}
.halfpage-cell:hover {
  background: #FFFF99;
}
.halfpage-cell img {
width:100%;
max-height:300px;
}
.halfpage-cell a {
color:black;
}
.halfpage-cell a:hover {
color:#f63;
}
.halfpage-cell h2 {
font-size:18px;
}
.fullpage-cell {
  width: 100%;
  height: 300px;
  border-radius: 5px;
}
.fullpage-cell img{
  width: 968px;
}
.circle {
    width:74px;
    height:74px;
    border-radius:37px;
    font-size:20px;
    color:#000;
    line-height:60px;
    text-align:center;
    background:#0F0;
    box-shadow: 0px 3px 3px #000;
    position:absolute;
    top:145px;
    left:200px;
}
.hotelangebote {
width:100%;
height:420px;
margin-bottom:20px;
}
.hotelangebote-cell {
  width: 33%;
  height: 420px;
  margin-right: 10px;
  background: #8DF383;
}
.hotelangebote-cell:hover {
  background: #FFFF99;
}
.hotelangebote-cell img {
width:100%;
max-height:200px;
}
.hotelangebote-cell a {
color:black;
}
.hotelangebote-cell a:hover {
color:#f63;
}
.hotelangebote-cell h2 {
font-size:18px;
}
.hotelangebote-cell h4 {
font-size:14px;
}
.hotelangebote-cell p {
font-size:11px;
line-height:10px;
}
.newspicture-cell {
  width: 100%;
  height:auto;
}
.newspicture-cell:hover {
  background: #FFFF99;
}
.newspicture-cell a img {
width:100%;
height:auto;
}
.newspicture-carousel {
width:100%;
margin-bottom:20px;
}

.socialchannels {
width:100%;
margin-top:10px;
}
.socialchannels .item{
margin:10px;
height:50px;
float:left;
}
.socialchannels .item a{
color:#444;
}
.socialchannels .item a:hover{
background-color:transparent;
}
.socialchannels .item a.facebook:hover{
color:#3b5998;
}
.socialchannels .item a.twitter:hover{
color:#55acee;
}
.socialchannels .item a.youtube:hover{
color:#b31217;
}
.socialchannels .item a.instagram:hover{
color:#fb3958;
}
.preisaktionkachel {
width:100%;
margin-top:50px;
}

table.wartezeitenTabelle {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.wartezeitenTabelle td{
  padding: 10px 2px;
}
table.wartezeitenTabelle td:hover a{
  color:white;
}
table.wartezeitenTabelle td.green:hover{
  background: ForestGreen;
}
table.wartezeitenTabelle td.orange:hover{
  background: Orange;
}
table.wartezeitenTabelle td.red:hover{
  background: Crimson;
}
table.wartezeitenTabelle td.grey:hover{
  background: lightgrey;
}
table.wartezeitenTabelle tbody td {
  font-size: 14px;
}
table.wartezeitenTabelle tr:nth-child(even) {
  background: #98FB98;
}
a.datumwartezeitavg {
float:left;
border-radius:5px;
padding:10px;
margin:20px;
color:white;
text-decoration:none;	
}
.hashtag_container {
padding:10px;
margin:2px;
width:auto;
float:left;
border-radius: 25px;
background: #e2aa00;
font-weight:bold;
}
.hashtag_container a {
color:white;	
}
/*Hashtag Funktion in den News*/
.containerNewsElement {
      display: table;
      border-spacing: 6px;
      width: 100%;
	  background-color:#8DF383;
}
.containerNewsElement .col {
      display: table-cell;
      box-sizing: border-box; 
      padding: 0.5em;
      vertical-align: top;
	  
}
.containerNewsElement .col:nth-child(1) { background: transparent;width: 30%; }
.containerNewsElement .col:nth-child(2) { background: #6C6;width: 30%; }
.containerNewsElement .col:nth-child(3) { background: transparent;width: 30%; }
.stickytooltip{
box-shadow: 3px 3px 5px #555;
border-radius:5px;
display:none;
position:absolute;
font:bold 12px Arial;
z-index:3000;
}
.kommentar_mail {
float:left;
margin-left:100px;
margin-right:100px;
}
swiper-slide a img{
  width: 100%;
  height:auto;
}
/* Neuheiten und Event Reiter */
.singleEvent {
margin:10px;
}
.singleEvent .eventDatum {
font-size:13px;
font-weight:normal;
}
.singleEvent .eventCaption {

}
.singleEvent .eventCaption a:hover {
background-color:transparent;
color:#F60;
text-decoration:underline;
}
.singleEvent .eventText {
font-size:13px;
font-weight:normal;
}
.detailsTab {
margin:20px;
padding:10px;
background-color:#ff9;	
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  border-radius        : 4px;
}
.detailsTab img{
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  border-radius        : 4px;
}
.lazybackground {
   background-image: none;
}
.quote {
  display: inline-block;
  margin: 1em;
  overflow: hidden;
}
.quote blockquote {
  border: solid 2px #757575;
  display: inline-block;
  margin: 0;
  padding: 1em;
  position: relative;
}
.quote blockquote:before {
  background-color: #8DF383;
  bottom: -10%;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: -10%;
  transform: rotate(-15deg) skew(5deg);
}
.quote blockquote cite {
  display: block;
  font-style: italic;
  text-align: right;
}
.quote blockquote cite:before {
  content: "- ";
}
.quote blockquote > * {
  position: relative;
  z-index: 1;
}

.animated-border-quote {
  display: inline-block;
  margin: 1em;
  max-width: 20em;
  overflow: hidden;
}
.animated-border-quote blockquote {
  background-color: #fff;
  border: solid 2px #757575;
  display: inline-block;
  margin: 0;
  padding: 1em;
  position: relative;
}
.animated-border-quote blockquote:before {
  animation: clockwise 30s infinite linear;
  background-color: #fff;
  bottom: 10%;
  content: "";
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 10%;
}
.animated-border-quote blockquote:after {
  animation: counter 30s infinite linear;
  background-color: #fff;
  bottom: 10%;
  content: "";
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 10%;
}
.animated-border-quote blockquote cite {
  display: block;
  font-style: italic;
  text-align: right;
}
.animated-border-quote blockquote cite:before {
  content: "- ";
}
.animated-border-quote blockquote > * {
  position: relative;
  z-index: 1;
}

@keyframes clockwise {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes counter {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.animated-shadow-quote {
  display: inline-block;
  margin: 1em;
  max-width: 20em;
  position: relative;
}
.animated-shadow-quote blockquote {
  animation: shadows 2s linear infinite alternate;
  display: inline-block;
  margin: 0;
  padding: 1em;
}
.animated-shadow-quote blockquote cite {
  display: block;
  font-style: italic;
  text-align: right;
}
.animated-shadow-quote blockquote cite:before {
  content: "- ";
}

@keyframes shadows {
  0% {
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.25);
    transform: scale(0.95);
  }
  100% {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.25);
    transform: scale(1);
  }
}
/***********************************
Extra Stylesheet for Mobile Devices
************************************/
/* iPhone Sonderfall */
@media only screen 
and (max-width: 590px) {
.fullpage-cell img{
  width: 375px;
}
#topnavcap .button{
	position:relative;
	top:-90px;
	left:-20px;
	font-size:20px;
	width:95px;
}
a.datumwartezeitavg {
  margin:10px;
}
}
@media only screen 
and (max-width: 767px) {
body {
margin:0px;
width:100%;
min-width:320px;
}
#gesamt {
width:100%;
margin: 0px;
border:none;
}
.billboardTop {
height:380px;
}
.portraitBanner {
display:none;
}
.welcome_startseite {
display:none;
}
.activated {
background-color:transparent;
}
.inhalt {
margin:0px;
}
#newsslider {
margin:0px;
}
#faktenkasten {
margin:0px;
}
#maintab {
display:none;
visibility:hidden;
}
.randompark {
width:190px;
height:230px;
}
.newsTextAufBild {
bottom:none;
position: static;
max-width: 100%;
margin-left:0px;
}
.randompark img {
height:120px;
}
.artikelspalte {
width:95%;
margin:10px;
margin-right:20px;
margin-left:0px;
margin-top:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
float:left;
}
.artikelbox {
width:100%;
padding:10px;
}
.artikelbox img {
margin-bottom:10px;
width:98%;
height:auto;
}
/* used to remove topnavcap buttons */
.tertiary {
display:none;
}
.secondary {
display:none;
}
li .primary .active {
background-color:#F6C;
}
#navleisteunten .divkastenklein {
width:92%;
height:auto;
}
#subtopnavcap {
/*display:none;*/
}
.topNavWerbung {
display:none;	
}
#topnav {
background:none;
height:60px;
background-image:url(https://www.freizeitpark-welt.de/layout/navobenV2019_mobile.webp);
}
#topnavcap a, #topnavcap a:visited {
 font-size:17px;
 width:auto;
 }
#topnavcap {

}
.sticky {
width:100%;
}
#topnavcap .button{
	position:relative;
	top:-50px;
	left:-20px;
	font-size:20px;
	width:95px;
}
#topnavcap ul ul {
width:auto;
}
.backToHome {
left:0px;
top:20px;
height:100px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#topnavcap li {
width:auto;
}
.offcanvas {
display:block;
}
#topnavcap li.offcanvas  {
width:50px;
}
#topnavcapmenu .offcanvas a, #topnavcapmenu .offcanvas a:visited {
 width:50px;
 }
 #subtopnavcap {
height:50px;
}
 #subtopnavcap a, #subtopnavcap a:visited {
font-size:13px;
padding:9px;
 }
 .attraction_sbno {
margin-left: 30px;
}
 .kasten3-1 {
width:47%;
height:165px;
margin:5px;
}
 .kasten3-1foto {
height:80%;
}
 .kasten3-1text {
height:20%;
}
.layer2 {
width:100%;
margin-top:20px;
margin-bottom:20px;
float:left;
}
.layer2 .kasten{
width:44%;
}
.layer2 .kasten img{
	width:100%;
}
.landkarte {
border: none;
		height: auto;
		max-width: 100%;
		width: auto;
}
.layer2 .news {
padding:5px;
height:auto;
}
.layer2 .news img {
display:none;	
}
.layer2 .news .vorschaubild {
display:none;	
}
.layer2 .news .subcaption {
display:none;	
}
.layer2kalender {
width:100%;	
}
.kalender {
margin:1px;
}
.kalenderzeiten {
margin:10px;
}
.eventbox {
width:100%;
margin:0px;
margin-top:20px;
margin-bottom:20px;
}
.faktenstyle_attr {
	width:100%;
}
.eventbox_klein {
width:100%;
}
#preise {
width:100%;	
}
.preiskasten {
max-width:90%;
margin-right:0px;
}
.preiskasten .Teintritt, .preiskasten .Teintritts {
font-size:14px;
}
.preiskasten .Teintritt2, .preiskasten .Teintrittj {
font-size:15px;
}
.preiskasten table td.preis a {
font-size:15px;
}
.ui-tabs .ui-tabs-nav li a {
width:350px;
}
#navleisteunten {
width:100%;
}
.mlayerstartseite {
width:100%;
margin:0px;
}
#facebook {
display:none;
}
/*#newsslider {
display:none;
}*/
#mobilenewsslider {
display:block;
}
.mobileactive {
display:block;	
}
.layer2 h1.mobileactive {
display:block;	
}
#navleisteunten {
	font-size:small;
}
#navleisteunten h3{
	font-size:16px;
}
.infokasten {
font-size:16px;		
margin-left:5px;
margin-top:20px;
width:93%;
}
.linkbutton {
width: 25%;
height:90px;
}
.layer2 h1 {
	font-size:18px;
}
.layer2 .bildkasten {
float:none;
width:95%;
height:95%;
margin:5px;
font-size:20px;
}
.layer2 .bildkasten img{
width:100%;
height:100%;
}
.layer2 .bildkasten_rechts {
float:none;
margin:5px;
font-size:20px;
}
.layer2 .bildkasten_rechts img{
width:100%;
height:100%;
}
.layer2 .text {
margin:0px;
margin-right:10px;
}
.text {
width:95%;
font-size:17px;
}
.text h3 {
font-size:25px;
line-height:25px;
text-decoration:none;
}
.attraktion{
width:90%;
}
.attraktion p{
font-size:20px;
}
.werbungParkUebersicht {
float:none;
margin:30px;
margin-left:5px;
}
#quickparkbuttons {
margin:20px;
}
.buttonbox {
width:95%;
margin: 10px;
}
.layer2 .quicknewsbox {
width:100%;
float:none;
}
.layer2 .quicknewsbox h1 {
width:100%;
padding:5px;
}
.layer2 .quicknewsbox .newsentry {
font-size:15px;
}
.layer2 .bildkasten_rechts {
text-align: justify;
font-size:14px;
}
.layer2 .bildkasten {
text-align: justify;
font-size:14px;
}
#mlayer {
width:100%;
margin:0px;
margin-top:20px;
}
#querslider {
margin:0px;
margin-bottom: 40px;
}
#querslider .gallery-cell {
  width: 50%;
  height:133px;
}
#querslider .gallery-cell.hochkant {
  width: 20%;
}
#querslider .querslider-image {
  height: 133px;
  min-width: 0px;
}
.artikel_gesamt {
width:100%;
margin-top:10px;
}
.artikel_gesamt h1 {
width:70%;
}
.artikel_gesamt .subcaption {
width:70%;
}
.news_text {
padding:10px;
font-size:16px;
width:95%;
}
.news_text .realtext {
padding:0px;
}
.layer2 .archiv {
width:60%;
}
.mobileNewsResponsiveWerbung {
clear:both;
position:relative;
margin-top:10px;
margin-bottom:10px;
}
.newsHochkantFoto {
margin-right:0px;
float:none;
}
.newsHochkantFoto img {
margin-left:0px;
margin-bottom:2px;
width:100%;
}
.newsQuerformatFoto {
position:relative;
right:0px;
}
.newsQuerformatFoto img {
margin-left:0px;
margin-bottom:2px;
border-left:none;
border-right:none;
width:100%;
}
.selectbutton {
margin:10px;
width:90%;	
}
.selectbutton1 {
display:none;
}
.heightslider {
margin:10px;
width:90%;
height:130px;
}
.heightslidertext {
width:200px;
}
.captionl1 {	
	width:95%;
	height:auto;
}
.werbungAttractions {
display:none;
}
.attrkasten{
width:95%;
margin-left:0px;
padding:10px;
}
.attractionbox {
width:98%;
height:180px;
margin:5px;
margin-bottom:10px;
}
.attractionnaming {
padding: 8px;
padding-left:20px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
margin-top:50px;
max-width:98%;
font-size:18px;
}
.tiercaption {
width:240px;
line-height:20px;
margin-top:20px;
}
.kartengallery-cell {
  width: 60%;
  height: 300px;
}
.halfpage-cell {
  width: 100%;
}
.fullpage-cell img{
  width: 412px;
}
.fullpage-cell {
  height: auto;
}
.hotelangebote {
width:100%;
height:500px;
margin-bottom:20px;
}
.hotelangebote-cell {
  width: 100%;
  height: 500px;
}
.hotelangebote-cell img {
width:100%;
max-height:none;
}
.newspicture-cell {
  height:200px;
}
.newspicture-carousel {
height:200px;
}
.circle {
left:140px;
top:100px;
}
.preisaktionkachel {
width:90%;
margin:20px;
font-size:16px;
}
.linkleiste {
width:95%;
}
.containerNewsElement .col:nth-child(1) { background: transparent;width: 100%;display: block; }
.containerNewsElement .col:nth-child(2) { background: #6C6;width: 100%;display: block; }
.containerNewsElement .col:nth-child(3) { background: transparent;width: 100%;display: block; }
.kommentar_mail {
float:none;
margin-left:0px;
margin-right:0px;
}
}

@media only screen 
and (max-width: 767px)
and (orientation: landscape) {
.attractionbox .randombild {
width:100%;
height:auto;
max-height:170px;
}
}
@media only screen 
and (max-width: 1280px) {
#gesamt {
	margin:0px;
}

}
