/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**
*/

@media all
{
/* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
** 

/* ### �berschriften, Flie�texte ###################################################################### */

body { color: #444; font-size: 81.25%; font-family: Arial, Helvetica, sans-serif; } /* 13px */
h1,h2,h3,h4 { font-family: Arial, Helvetica, sans-serif; font-weight:normal;}

h1, .Title {font-size: 1.6em; color: #e74125; margin: 0 0 1em 0; padding-top: 1.0em; }
h2 {font-size: 1.4em; color: #e74125; margin: 0 0 0.75em 0; padding-top: 0.5em; border-bottom: 1px #e74125 solid; }
h3 {font-size: 1.2em; color: #2980a2; margin: 0 0 0.25em 0; padding-top: 0.5em; font-weight:bold; }
h4 {font-size: 1.0em; color: #2980a2; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h5 {font-size: 1.0em; color: #2980a2; margin: 0 0 0.30em 0; font-style:italic; }
h6 {font-size: 1.0em; color: #2980a2; margin: 0 0 0.30em 0; font-style:italic; }
.buchen {font-size: 1.4em; color: #e74125; margin: 0 0 0.75em 0; padding-top: 0.5em;}
#col3_content h2 {
	font-size: 0.9em; 
	color: #2980a2; display:block; border-bottom: 0px; margin:20px 0px 10px 10px; padding-top:2px; padding-bottom:2px; padding-left:18px; background:url(/images/tsr_pfeil_weiss_blau.gif) no-repeat 0px 1px; background-color:#a9cce0; font-weight:bold; text-align:left;}

#col2_content h2 {
	font-size: 0.9em; 
	color: #FFFFFF; 
	display:block; 
	border-bottom: 0px; 
	margin:20px 0px 10px 30px; 
	padding-top:2px; 
	padding-bottom:2px; 
	padding-left:18px; 
	background:url(/images/tsr_pfeil_weiss_rot.gif) no-repeat 0px 1px; 
	background-color:#FF6633; 
	font-weight:bold; 
	text-align:left;
}


#col3_content ul{list-style-type: none; color:#FFFFFF; font-size:95%; text-align:left;}
*html #col3_content ul li{}
#teaser h1 { font-size: 1.2em; border: 0; }

p,ul,dd,dt, #col1_content  { line-height: 1.7em; }
p, .block{ line-height: 1.7em; margin: 0 0 1em 0; }

.block {
/* border:2px solid #000000;
background-color:#FFFFFF; */
}

strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: Arial, Helvetica, sans-serif; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

hr { 
	color: #fff; 
	background:transparent; 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0.5em 0; 
	border:0; 
	border-bottom: 1px #eee solid; 
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

/* ### Bildpositionierung ############################################################################ */

img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
img.framed {padding:3px; border: 1px #ddd solid; background: #f4f4f4 }

/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a, a em.file {color: #900; text-decoration:none;}
a:hover {text-decoration:underline;}
a:focus {background-color: #fee; text-decoration:underline;}

#col1 a {text-decoration:underline;}
#col1 a:hover {color:#E74125; text-decoration:none;}

#righttopnav {	
	color: #e74125;
}

#righttopnav a { color: #2980a2; }

#topnav a { color: #fff; background:transparent; text-decoration:none; }
#topnav a:hover { text-decoration:underline; background-color: transparent;}
#topnav a:focus { text-decoration:underline; background-color: transparent;}

#footer a { color: #669; }
#footer a:hover {background-color: #eef; }
#footer a:focus {background-color: #eef; }

#main a[href^="http:"], #main a[href^="https:"]
{
	/*padding-left: 12px;*/
	/*background-image: url('/img/icons/ext_link.gif');*/
	background-repeat: no-repeat;
	background-position: 0 0.45em;
}

#main a.imagelink {
	padding-left: 0;
	background: transparent;
}

/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/

table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }

form {overflow:hidden;}

input, textarea {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	border: 1px #ccc solid;
	background: #fafafa;
	padding: 3px;
	color: #777;
}

input[type=text]:focus, textarea:focus {
/*	background: #f0f0f0;
	color: #333;
	border-color: #666;
*/
}

/* ######################################################################################################
** ### Spezielle Formatanweisungen des YAML-Standard-Layouts ############################################
** ######################################################################################################
*/

/* ###  Textformatierungen ################################################################## */

/* Grundlagen */
.wichtig { background-color: #fee; border: 1px #fcc solid; padding: 0.5em; margin-bottom: 0.5em; }
.hinweis { background-color: #eef; border: 1px #ccf solid; padding: 0.5em;  }

/* Beispieldateien */
p.demo { background-color: #fee; border: 1px #fcc solid; padding: 6px; margin-bottom: 0.5em; }

/* Navigation am Seitenende */
p.navlink { background-color: #f4f8f4; border: 1px #aca dotted; padding: 6px; margin-bottom: 0.5em; }
p.navlink a { color: #353;}
p.navlink a:hover { font-weight: bold; background: transparent; }

blockquote { 
	color: #444; 
	background: #f8f8f8; 	
	border: 1px #ddd solid;
	border-left: 8px #ddd solid;
	padding: 1em 1em 0 1em;
	margin: 0 0 1em 1em;
}

/* Ungeordnete Listen ohne Listenpunkt */ 
ul.linklist { list-style-type: none; margin: 0 0 1em 0; }
ul.linklist li { margin: 0 0 1em 0; }

/* Browser-Kompatibilit�tsliste */ 
ul.browsers { margin: 0  0 .4em 0; }

ul.browsers li {
	margin: 0;
	list-style-type: none;
	background: #f8f8f8; color: #444; 
	padding: 0.1em 0.1em 0.2em 0.5em; 
	font-weight: normal;
	text-align: left; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}

ul.browsers li img { vertical-align:bottom;
}

ul.browsers li.title {
	font-weight: bold;
	background: #eee; color: #444; 
	padding: 0.2em 0.2em 0.2em 0.5em; 
}


/* Auszeichnungen f�r Code, Dateien, Verzeichnisse */
em.mono, em.file, em.directory {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

em.mono { 
	padding:0 0.3em 0 0.3em;
	background:#f0f0f4;
	border: 1px #ccd solid;
}

em.file { 
	padding:0 0 0 14px;
	color: #008;
	background: transparent url(/img/icons/file.gif) no-repeat left;
}

em.directory { 
	padding:0 0 0 15px;
	color: #008;
	background: transparent url(/img/icons/dir.gif) no-repeat left;
}

pre, code {
	display:block;
	margin: 0 0 1em 1em;
	padding: 0.5em;
	color: #000; 
	background: #f0f0f4;
	border: 1px #ccd solid;
	border-left: 8px #ccd solid;
}

code.css { 
	background-image: url(/img/bg_css.gif);
    background-repeat: no-repeat;
	background-position: top right;
}

code.xhtml { 
	background-image: url(/img/bg_xhtml.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

/* ### Tabellen ################################################################## */

th{
	color: #2f92b5;
	font-size:110%; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
}
table.bugs { margin-bottom: 1em; margin-top: .5em; }
table.bugs th { 
	background: #444; color: #fff; 
	padding: 0.5em; 
	text-align: center; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}

table.bugs td {
	background: #888; color: #fff; 
	padding: 0.5em; 
	text-align: center; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}

/* ### Download-Box ################################################################## */

.bluebox {
	color:#000;
	background: #f0f0f4; padding: 2px; border: 4px #ccd solid;
	text-align: left;
	padding: 4px 0 4px 15px;
	margin-bottom: 1em;
}

.bluebox h5 { font-size: 140%; color:#006; font-weight: normal; font-style: normal; padding: 0px 8px 0 5px; }
.bluebox p { padding: 0px 8px 0 5px; }

div.dl_button	{
	width: 220px;
	min-height: 50px;
	text-align:left;
	padding-bottom: 20px;
	background-image: url(/img/yaml_dl_button.gif);
	background-position:bottom;
}

div.dl_button a {
	display:block;
	width: 100%;
	min-height: 30px;
	text-align:left;
	background: url(/img/yaml_dl_button.gif);
}

div.dl_button a:hover { text-decoration:none; } 

.dl_button a strong {display:block; padding: 17px 5px 0px 20px; color: #448; font-weight: bold; font-size: 125%; text-decoration:underline;}
.dl_button span.version {display:block; padding: 0px 5px 0px 20px; color: #666; font-weight: normal; font-size: 85%;}



/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/

#teaser { 
	margin: 0em 1em 0em 1em; 
	background: #f4f4f4; 
	border-bottom: 1px #ccc solid; 
	padding: 0.5em 0em 0em 30px; 
	color: #5f5d75; 
}

#teaser div {float:left; width: auto; margin-right: 1em; }
#teaser .block1 {padding-top:1em; font-size: 0.82em; }
#teaser .block3 {width: 50%; padding-top:0.5em; font-size: 0.82em; }

#teaser .block3 .title {
	font-family: Arial, Helvetica, sans-serif; 
	display:block;
	font-size: 1.2em; 
	font-weight:bold; 
	color: #336699;  
	background:inherit;  
	margin: 0 0 0.5em 0; 
}
.test {margin:0;padding:0;line-height:10px;}

INPUT.buttonsmall {
	width:100px;
	height:22px;
	margin-top:5px;
	border-right:1px solid #999999; 
	border-bottom:1px solid #999999; 
	color:#CD351B;
	padding:1px;
}

#span_search_small .b_search_small {
	border-right:1px solid #999999; 
	border-bottom:1px solid #999999; 
	color:#CD351B;
	padding:5px;
	margin-left:5px;
	margin-top:0px;
}

div#deeplinkBooking {	
	border-right:1px solid #999999; 
	border-bottom:1px solid #999999;
	background-color:#E74125;
	padding-left:20px;
	padding-right:20px;
}

div#deeplinkBooking {
	float:right; 
	margin:10px 5px 10px 0px;
}
div#deeplinkBooking .buchen{	
	font-weight:bold; 
	font-size:95%;
	color:#FFFFFF;
	text-decoration:none;
}

div#deeplinkBooking a:hover{
	text-decoration:none;
	color:#FFFFFF;
}

INPUT.radiobutton {

background-color:#EFEBCA;
border: 0px;
vertical-align:middle;
margin-left:6px;
margin-right:3px;

}

.pipeChar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

a.buttonsmall,a.buttonsmall:LINK, a.buttonsmall:VISITED, a.buttonsmall:ACTIVE {
	color: #2980A2;
	background-color: #E2EAF5;
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	border:1px solid #2980A2;
	height:18px;
	text-align: center;
	cursor : pointer;
	
}

a.buttonsmall:HOVER {
	color: #444444;
}
}

div#hotel_info a.hotel_name:link, div#info_hotel a.hotel_name:VISITED, div#info_hotel a.hotel_name:ACTIVE, div#info_hotel a.hotel_name{
	color:#E74125;
	font-size:140%;
	font-weight:bold;
}

div#hbForm {
	border:1px solid #C9BE4F;
	padding:10px;
	margin-bottom:20px;
	background-color:#FFFFFF;
}

div#hbForm .button {
	color: #FFFFFF;
	background-color: #58ACD0;
	font-family: Arial,Helvetica,sans-serif;
	FONT-SIZE: 1.0em;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	border: 1px solid #444444;
	height:30px;
	cursor : pointer;
	padding-top:5px;
	padding-bottom:5px;
	width:175px;
}
div#hbForm label {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	vertical-align:top;
}

div#hbForm input, textarea {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	width: 360px;
	border: 1px #C9BE4F solid;
	background: #fafafa;
	padding: 3px;
	color: #777;	
}

div#hbForm select {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	width: 188px;
	color: #777;
	padding: 3px;
	border: 1px #C9BE4F solid;
}

div#hbForm .checkbox{
	display: block;
/*	background-color:#EFEBCA; */
	width:20px;
	border: 0px;
	display:inline;
	margin-right:5px;
	margin-left:10px;
}
div#hbForm .hinweis {
	line-height: 1.4em;
}
#errorsDiv { background-color:#FFDAB9; border: 1px #FF0000 solid; padding: 0.5em; margin-bottom:20px; padding:10px;}
#okDiv { background-color:#E0FFFF; border: 1px #008000 solid; padding: 0.5em; margin-bottom:20px; padding:10px;}
.error_focus{
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;	
	border: 0;
	background: #EFEBCA;
	color: #000000;
	height:1px;
}

div#hbLink{
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	text-decoration:underline;
	color:#900;	
	margin-bottom:15px;
	width:140px;
}
div#hbLink:hover {
	color:#E74125; text-decoration:none;
}

div#ariadne_faden {
	margin-bottom:10px;
	font-size:0.9em;
}

div#unterkunft_info {	
	margin-top: 20px;
	background-color:#FFFFFF;	
}

div#unterkunft_info a.hotel_name:link, div#unterkunft_info a.hotel_name:VISITED, div#unterkunft_info a.hotel_name:ACTIVE, div#unterkunft_info a.hotel_name{
	color:#E74125;
	font-size:140%;
	font-weight:bold;
	text-decoration:none;
}

.morelist {
	border-bottom: 1px solid #D80000; 
	border-top: 1px solid #D80000; 
	padding-bottom:5px; 
	padding-top:5px; 
	overflow:auto;
}

div#morelist_top a, div#morelist_bottom a {
	text-decoration:none;
}
/*---------- WERBUNG ----------*/
.werbung_oben_default {
	margin:0px auto 10px;
	text-align:center;
}

.werbung_rechts_default {	
	margin-top:103px;
	margin-left:15px;
}
* html .werbung_rechts_default {	
	margin-top:100px;
	margin-left:15px;
}
*+html .werbung_rechts_default {	
	margin-top:100px;
	margin-left:15px;
}

/*--------- WERBUNG-ENDE-------*/

.search_small{
	margin-top:15px;
	margin-left:30px;
	width:50%;
	border: 1px #ccc solid;
	background: #fafafa;
	padding: 5px;
	color: #777;
}

.button_search_small{	
	margin-left:5px;
	margin-bottom:10px;
	width:20%;	
	height:23px;
	font-size:90%;
	border-right:1px solid #999999; 
	border-bottom:1px solid #999999; 
	color:#CD351B;	
}

.td_search_rechts {	
	color:#990000;
	font-weight:bold;
	margin-top:5px;
}

div#tsr_3 {
	width:120px; 
	margin-left:20px; 
	margin-bottom:20px; 
	padding: 5px; 
	background-color: #ffffff;
}

div#tsr_1 {
	width:120px; 
	margin-left: 30px; 
	margin-bottom:20px;
	padding: 5px;
	background-color: #ffffff;
}

div#banner_mitte{
	width:100%;
	border:1px solide #000000;
	text-align:center;
}

/* ######################################################################################################
** ### Formatierung der User Module LINKS & RECHTS ######################################################
** ######################################################################################################
*/

#user_mod_left {
 	margin:10px 10px 0 30px;
 	
	
}

#user_mod_left a:LINK, #user_mod_left a:HOVER, #user_mod_left a:ACTIVE, #user_mod_left a:VISITED  {
	color: #fff;
	clear: both;
  display: block;
}

#user_mod_right {
	margin:10px 10px 0 20px;
	color:#000;

	font-weight:bold;
}

/* ######################################################################################################
** ### Formatierung des TOP3rotate Module center  #######################################################
** ######################################################################################################
*/
.column3 article img,
#top3rotate .head img {
  width:100%;
  height: auto;
}
#top3rotate {display: inline-block;}

#top0_div, #top1_div, #top2_div {width: 32%;}

#top0_div {margin-right:1%;}
#top1_div {margin:0 1%;}
#top2_div {margin-left:1%;}

div#top3rotate .box {
	border:1px solid #DFD0A7;
	float:left;
  box-sizing: border-box;
}
div#top3rotate .nomargin {

}
div#top3rotate .box .head{
	background-color:#B1BA0C;
	background-color:#CFBA81;
	padding:9px 6px 3px;
	text-align:center;
}
div#top3rotate .box .nobg{
	background-color:transparent;
	padding:0;
	text-align:center;
}
div#top3rotate .box .mid{
	min-height:215px;
	background-color:#DFD0A7;
	background-color:#EFDFB3;
	padding:10px;
	text-align:left;
	margin-top:3px;
	overflow:auto;
	position:relative;
}
div#top3rotate .othermargin {
	margin:67px 0 0 !important;
	position:absolute;
	bottom:10px;
	right:10px;
}

div#top3rotate a.hotel_name:link, div#top3rotate a.hotel_name:VISITED, div#top3rotate a.hotel_name:ACTIVE, div#top3rotate a.hotel_name{
	color:#E74125;
	font-size:110%;
	font-weight:bold;
	text-decoration:none;
}

div#top3rotate a.hotel_name:hover {
	text-decoration:underline;
}

div#preisboxrotate {
	background: url(/images/preisrotate.gif) no-repeat bottom right;
	height:29px;
	width:126px;
	font-weight:bold;
	overflow:auto;
	position:absolute;
	bottom:55px;
	right:2px;
	margin-top:20px;
	

}
div#preisboxrotate span {
	display:block;
	margin-top:3px;
	margin-left:12px;

}
div#preisboxrotate span.preis-orange {
	color:#E74125;
	font-size:120%;
	display:inline;
	margin:0;

}
/* ######################################################################################################
** ### Formatierung Uunterkunft Result ################################################################
** ######################################################################################################
*/
.unterkunft_info_pic {
  float: left;
  padding:2%;
  width: 20%;
}
.unterkunft_info_id {
  vertical-align:top; 
  margin:5px 5px 0px 10px; 
  white-space:nowrap; 
  color:#990000; 
  font-size:90%;
  width: 10%;
  float: right;
}
.unterkunft_name_hotel {
  padding:20px;
  width: 56%;
  box-sizing: border-box;
  float: left;
}
.unterkunft_info_zimmer {
  padding: 0 20px;
}
.unterkunft_info_img {
  margin-right: 20px;
}

.empfehlung{
	margin-bottom:10px;
	border:1px dashed #e74125;
	padding:3px 7px 3px 7px;
	font-size: 0.9em;
	width:68px;
	font-weight:bold;
	color: #e74125;
}
/* ######################################################################################################
** ### Formatierung column3 ################################################################
** ######################################################################################################
*/
.infoText a h3  {
  color:#900;
}
.column3 {
  width: 100%;
  clear: both;
  display: inline-block;
}
.column3 article {
  width: 32%;
  float: left;
}
.infoLi {margin-right: 1%;}
.infoMi {margin: 0 1%;}
.infoRe {margin-left: 1%;}

/* ######################################################################################################
** ### Formatierung Spezial Rotate Right ################################################################
** ######################################################################################################
*/


#spAngebot {
	margin-bottom:15px;

}
#spAngebot .img {
	display:block;
}
#spAngebot .box {
	border: 5px solid #C7E0DC;
	border-top: 0;
	background-color:#fff;
	padding:13px;
	overflow:auto;
	min-height:280px;
	/*margin-top:-3px;*/
	position:relative;
  width: 124px;
}

#spAngebot .box img.hotel{
	margin:0 0 15px 0;
}
#spAngebot .weihnachten {
	border-color: #C7E0DC;
	
}
#spAngebot .silvester {
	border-color: #e25834;
}
#spAngebot .ostern {
	border-color: #ddd34a;
}
#spAngebot .karneval {
	border-color: #95c6c4;
}

div#spAngebot .othermargin {
	margin:20px 0 0 !important;
	padding: 5px 20px;
	text-align:center;
	width:82px;
	position:absolute;
	bottom:10px;
	right:10px;
}

div#spAngebot a.hotel_name:link, div#spAngebot a.hotel_name:VISITED, div#spAngebot a.hotel_name:ACTIVE, div#spAngebot a.hotel_name{
	color:#E74125;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
}

div#spAngebot a.hotel_name:hover {
	text-decoration:underline;
}

div#events_icons {
	float:right;
	margin-right:5px;
}
/*--- Suchen & Buchen ---*/

.searchinputfeld,
.searchinput,
.searchbox fieldset div {
  display: block;
  padding:5px 0;
  }
 .searchinputfeld label,
.searchinput label{
    width: 25%;
}

.searchbox fieldset label { 
    width: 26%;
 } 
.searchinputfeld label,
.searchinput label,
.searchbox fieldset label {
  display: block;

  float: left;
  clear: both;
  font-size:110%;
  color: #2f92b5;
  margin: 0 0 0.25em 0;
  font-weight: bold;
}
.searchinputfeld input,
.searchinput select,
.searchbox fieldset select {
  width:50%;
  padding: 5px;
  }
.buttonsmall {
  margin-right: 20px;
}  
#col3 select {
  width:100%;
  padding: 5px;  
}
/*--- DROPDOWN LAENDER - START ---*/

ul#nav-laender {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 250px;
}

ul#nav-laender li {
    margin: 0px;
    padding: 0px;
}

/* allow room for 3 columns */
ul#nav-laender  ol.land {
    width: 100%;
    list-style: none;
}

  /* float & allow room for the widest item */
ul#nav-laender  ol.land li {
    overflow: hidden;
    padding: 1px;
    display: block;
    margin-left: 10px;
}

#nav-laender ul {
    background: transparent;
 /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav-laender ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav-laender  ul.subnav-laender{
	background-color: #EFEBCA;
    border: 1px solid #CD351B;
    display: block;
    float: none;
    margin-left: -12px;
    width: 100%;
    z-index: 10000;
}

#nav-laender ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav-laender li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav-laender li:hover a, #nav-laender li a.active{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:transparent;
	text-decoration:none;
    
}
#nav-laender li a.active, a.active{
    color:#cc0033;
    
}
#nav-laender li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration: none;
    background: transparent;
}

#nav-laender li:hover ul li a:hover {
 /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background: transparent;
}

/*--- DROPDOWN LAENDER - ENDE ---*/

@media screen and (max-width: 600px) {
  #top0_div, #top1_div, #top2_div {width: 100%; float:none;}
  
  #top0_div {margin-right:0%;}
  #top1_div {margin:0%;}
  #top2_div {margin-left:0%;}
  
  .column3 article {
    width: 100%;
    float: none;
  }
  .infoLi {margin-right:0%;}
  .infoMi {margin: 0%;}
  .infoRe {margin-left: 0%;}
  
  .searchinputfeld label,
  .searchinput label{
    width: 30%;
  }
 
  .searchbox fieldset label {
    width: 30%;
  }
  .searchinput select,
  .searchbox fieldset select {
    width:70%;
  }
  .searchinputfeld input {
    width:65%;
  }
  .unterkunft_info_id,
  .unterkunft_info_pic,
  .unterkunft_name_hotel {
  float: none;
}
div#ariadne_faden {
  display:none;
  }
#col1 a {
  padding: 5px;
}  
}

@media screen and (max-width: 428px) { 
  .searchinputfeld label,
  .searchinput label,
  .searchbox fieldset label {
    width: 100%;
    float: none;
  }
  .searchinput select,  
  .searchbox fieldset select {
    width:100%;
    } 
  .searchinputfeld input {
    width:95%;
  } 
  #unterkunft_info td {
    clear: both;
  }  
}

/*### COOKIEHINWEIS ###*/
.cc-window{opacity:1;transition:opacity 1s ease}
.cc-window.cc-invisible{opacity:0}
.cc-animate.cc-revoke{transition:transform 1s ease}
.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}
.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}
.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}
.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box; line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}
.cc-window.cc-static{position:static}
.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}
.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}
.cc-revoke{padding:.5em}
.cc-header{font-size:18px;font-weight:700}
.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}
.cc-link{opacity:.8;display:inline-block;padding:.2em}
.cc-link:hover{opacity:1}
.cc-link:active,.cc-link:visited{color:initial}
.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}
.cc-banner .cc-btn:last-child{min-width:140px}
.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}
.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}
.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}
.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}
.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}
.cc-revoke.cc-left{left:3em;right:unset}
.cc-revoke.cc-right{right:3em;left:unset}
.cc-top{top:1em}.cc-left{left:1em}
.cc-right{right:1em}
.cc-bottom{bottom:1em}
.cc-floating>.cc-link{margin-bottom:1em}
.cc-floating .cc-message{display:block;margin-bottom:1em}
.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}
.cc-window.cc-banner{-ms-flex-align:center;align-items:center}
.cc-banner.cc-top{left:0;right:0;top:0}
.cc-banner.cc-bottom{left:0;right:0;bottom:0}
.cc-banner .cc-message{-ms-flex:1;flex:1}
.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}
.cc-compliance>.cc-btn{-ms-flex:1;flex:1}
.cc-btn+.cc-btn{margin-left:.5em}
@media print{
    .cc-revoke,.cc-window{display:none}
}
@media screen and (max-width:900px){
    .cc-btn{white-space:normal}
}
@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){
    .cc-window.cc-top{top:0}
    .cc-window.cc-bottom{bottom:0}
    .cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}
    .cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}
    .cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}
    .cc-window.cc-floating{max-width:none}
    .cc-window .cc-message{margin-bottom:1em}
    .cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}
}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}
.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}
.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}
.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}
.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}
.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
.cc-compliance a {
    text-decoration: none;
}