/* Optional: Makes the page fill the window. */
html,
body {
  margin: 0;
  padding: 0;
  font-size: 1.0em;
  text-align: center;
  font-family:Verdana, Arial, sans-serif;
  overflow-x:hidden;
  position:absolute;
  width: 100%;
}

}
/* [END] */

.falle {
	display:none; /* SPAM-Falle: Feld email */
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media screen {

.sidepanel  {
  width: 0;
  position: fixed;
  z-index: 1;
  height: 200px;
  top: 0;
  left: 0;
  background-color: #697f9f;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidepanel a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 1em;
  color: white;
  display: block;
  transition: 0.3s;
}

.sidepanel a:hover {
  color: #f1f1f1;
}

.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 1em;
}

.openbtn {
  font-size: 1em;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color:#444;
}

.container
{
	max-width:1225px;
	margin:5px auto;
}

/* ++++++++++++++++ INHALTSCONTAINER ++++++++++++++++++ */

/*
header
{
	display:inline-block;
	background-color: rgba(255,255,255,1.0);
	width:95%;
	height:auto; 
	padding:0; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box; 
	border-radius:25px;
	box-shadow:5px 10px 15px rgb(168,193,190);
	border-bottom:5px solid #FFFFFF;
}
*/

.transparent /* section-class - transparente Section */
{
	background-color: rgba(255,255,255,0.0);
	}

.halftransparent /* section-class - teiltransparente Spalte - 555px */
{
	background-color: rgba(255,255,255,0.9);
	}

section
{
	width: 100%;
	}
	
section_large /* enthält die Landingpage > 715px, sonst landing_small */
{
	display:none;
	}

section_small /* enthält die Landingpage <= 715px, sonst landing_large */
{
	display:block;
	}

footer /* Fusszeile */
{
	float:left;
	background:#336699;
	width:100%; 
	text-align:center;
	font-size: 0.9em;
	color: #FFF;
	padding: 1% 1%;
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

table { 
	border-collapse:collapse; 
	text-align: center;
	width: 95%;
	margin-left:2%;
	margin-right:2%;}

.tab_tr { width:100%}

.tab_td { width:25% }

.tab_media_icon { border-collapse:collapse; text-align: center; background-color: white; margin: 2em; width: 95%; }

/*============================= DEFINITION FÜR GOOGLE MAP===========================*/

#map, #map-canvas, #map_canvas {
  height: 800px;
  width: 100%;
}

/* #### Schriften / Fonts / Darstellungen ####*/

/* ++++++++++++++++ SCHRIFTEN, ZEICHEN ++++++++++++++++++ */

h1 
{
	font-size: 2.0em;
	text-align:center;
	margin: 1% 1%;
	}

h2 
{
	font-size: 0.9em;
	text-align:center;
	margin: 1% 1%;
	}

h3 
{
	font-size: 0.8em;
/*	color:#336699;
	text-decoration:bold;
	text-align:center;
	text-shadow:6px 1px 15px #99CCFF;
*/
	margin-bottom:0.8em;
	margin-left:1.75%;	
	margin-right:1.75%;
	}

h4 
{
	font-size: 1em;
	color:#336699;
	text-shadow:4px 1px 15px #99CCFF;
	margin-bottom:0.6em;
	}

h5 
{
	font-size: 1em;
	color:#336699;
	text-decoration:bold;
	text-align:center;
	text-shadow:6px 1px 15px #FFF;
	margin-top:0.5em;
	margin-bottom:0.8em;
	}

h6 
{
	font-size: 1em;
	color:#FFFFFF;
	text-decoration:bold;
	text-align:center;
	margin-top:15px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	}
	
h7 
{
	font-size: 0.9em;
	text-align:right;
	margin: 1% 1%;
	}

.marker_infowindow 
{
	text-align:center;
	text-decoration:bold;
	font-size:1.5em;
	margin:0.5em;
	}

.note 
{
	text-align:center;
	font-size:.7em;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:.4em;
	}

.note_left 
{
	text-align:left;
	font-size:.6em;
	margin-top:.7em;
	}
	
.note_center
{
	text-align:center;
	font-size:.7em;
	margin-top:20px;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;	
}
	
.note_copyright
{
	text-align:left;
	font-size:.7em;
	margin-top:15px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:.6em;
	}

.center { text-align: center; }

.center_vspace_small 
{
	font-size: 0.5em;
	text-align:center;
	margin-top:0.4em;
	margin-left:0.2em;
	margin-right:0.2em;
	margin-bottom:0.4em;
	}

.center_vspace_large 
{
	font-size: 0.9em;
	text-align:center;
	margin:0.5em;
	}

.center_image_title 
{
	font-size: 1.5em;
	text-align:center;
	margin-top:0.4em;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	}

.center_nearby_headline 
{
	font-size: 1.0em;
	text-align:center;
	margin-top:0.4em;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	}
	
.center_logo_title 
{
	font-size: 1em;
	text-align:center;
	margin-top:0.4em;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	}	

.left_vspace 
{
	font-size:0.8em;
	text-align:left;
	color:black;
	margin:0.7em;
	}

.left_vspace_large 
{
	font-size:1.0em;
	text-align:left;
	color:black;
	margin:0.7em;
	}
	
.left_vspace_small 
{
	font-size:0.85em;
	text-align:left;
	color:black;
	margin:1em;
	}

.left_vspace_small_ir 
{
	text-align:left;
	text-decoration:bold;
	vertical-align: middle;
	margin-left:0.2em;
	margin-right:0.2em;
	}

.icon_text 
{
	text-align:center;
	color:white;
	text-decoration:bold;
	font-size:0.7em;
	margin:2px 2px;
	}

/* #### Buttons #### */
	
.button {
    border: none;
	border-radius: 20%;
    color: white;
    padding: 5px 5px;
	margin: 1%;
	font-size: 0.8em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.button:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}
	
.button1 {
	background-color: #4CAF50;} /* Green */
/*.button2 {
	background-color: #008CBA;}  Blue */
.button2 {
	background-color: #D2691E;} /* Orange */
.button3 {
	background-color: #f44336;} /* Red */ 
.button4 {
	background-color: rgb(204, 236, 255); 
	color: black;} 
.button5 {
	background-color: #555555;} /* Black */

/* #### Images #### */

/* ++++++++++++++++ Images ++++++++++++++++++ */
.img_title 
{
	width:45%;
	height:auto;
	margin:1% 1%;
	display:block;
	}

.img_map_symbols 
{
	width:90%;
	height:auto;
	margin:1% 1%;
	}
	
.img_logo 
{
	width:35%;
	height:auto;
	margin:1% 1%;
	display:block;
	}

.img_icon_media 
{
	width:95%;
	height:auto;
	margin:2% 2%;
	}

.img_icon 
{
	width:75%;
	float:left;
	height:auto;
	margin:1% 12%;
	}

.img_icon-small
{
	width:20%;
	height:auto;
	margin:1em;
	}
	
.img_icon_30 
{
	width:33%;
	float:left;
	height:auto;
	margin:1% 1%;
	}
	
.img_icon_audio 
{
	width:25%;
	float:left;
	height:auto;
	margin:1% 2%;
	}

.img_icon_audio_small 
{
	width:10%;
	float:left;
	height:auto;
	margin:1% 2%;
	}
	
.img_spot 
{
	width:45%;
	float:left;
	height:auto;
	margin:1% 2%;
	}

.img_nearby 
{
	width:25%;
	float:left;
	height:auto;
	margin:1% 2%;
	}

.td_vertical 
{
	vertical-align:top;
	}

.td_introduction_left 
{
	width:10%;
	}

.td_introduction_right 
{
	width:90%;
	}

div.fixed {
  position: fixed;
  background-color: transparent;
  width: 100%;
  bottom: 10px;
} 

div.header {
  background-color: lightblue;
  text-align: left;
}

}

/* ab 360 pixel ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (min-width: 360px)
{

/* ++++++++++++++++ SCHRIFTEN, ZEICHEN ++++++++++++++++++ */
.left_criteria_none 
{
	display:block;
	text-align:left;
	color:black;
	font-size:0.8em;
	margin:15px 10px;
	}

h3 
{
	font-size: 0.9em;
	}
	
h4 
{
	font-size: 1em;
	color:#336699;
	text-shadow:6px 1px 16px #99CCFF;
	margin-bottom:0.9em;
	}

li 
{
	margin:0.9em 0em;
	}
	
/* ++++++++++++++++ GRAFIKEN ++++++++++++++++++ */

.icon 
{
	height:40px;
	}

.icon_text 
{
	font-size:0.75em;
	margin:2px 2px;
	}

.imgTable 
{
	max-height: 40px;
    max-width: 60px;
    vertical-align: middle;
	}

.center_vspace_small 
{
	font-size: 0.6em;
	text-align:center;
	margin-top:0.4em;
	margin-left:0.2em;
	margin-right:0.2em;
	margin-bottom:0.4em;
	}

.note_left 
{
	text-align:left;
	font-size:.7em;
	margin:0.7em;
	}
	
.td_introduction_left 
{
	width:25%;
	}

.td_introduction_right 
{
	width:75%;
	}

}

/* ab 412 pixel ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (min-width: 412px)
{

/* ++++++++++++++++ GRAFIKEN ++++++++++++++++++ */

.center_vspace_small 
{
	font-size: 0.7em;
	text-align:center;
	margin-top:0.4em;
	margin-left:0.2em;
	margin-right:0.2em;
	margin-bottom:0.4em;
	}

}

/* ab 660 pixel +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (min-width: 660px)
{

.center_vspace_small 
{
	font-size: 0.8em;
	text-align:center;
	margin-top:0.4em;
	margin-left:0.2em;
	margin-right:0.2em;
	margin-bottom:0.4em;
	}

.note_left 
{
	text-align:left;
	font-size:.8em;
	margin-top:.7em;
	}

.td_introduction_left 
{
	width:10%;
	}

.td_introduction_right 
{
	width:90%;
	}

}

/* ab 800 pixel ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (min-width: 800px)
{

/* ++++++++++++++++ SCHRIFTEN, ZEICHEN ++++++++++++++++++ */

h4 
{
	font-size: 1em;
	color:#336699;
	text-shadow:6px 1px 16px #99CCFF;
	margin-bottom:0.8em;
	}

li 
{
	margin:0.8em 0em;
	}
	
/* ++++++++++++++++ BUTTONS MIT LINK ++++++++++++++++++ */

.searchresult_ObjectLink 
{
	width:20%;
	}		

/* ++++++++++++++++ GRAFIKEN ++++++++++++++++++ */
.img_spot 
{
	width:40%;
	}

.imgout 
{
	width:30%;
	float:left;
	height:auto;
	margin:0 10px 5px 0;
	}

.center_vspace_small 
{
	font-size: 0.9em;
	text-align:center;
	margin-top:0.4em;
	margin-left:0.2em;
	margin-right:0.2em;
	margin-bottom:0.4em;
	}

}

/* ab 1080 pixel++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (min-width: 1080px)
{

/* ++++++++++++++++ INHALTSCONTAINER ++++++++++++++++++ */

header_small
{
	display:none;
}

header_large
{
	display:inline-block;
	background-color: rgba(255,255,255,1.0);
	width:95%;
	height:auto; 
	padding:0; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box; 
	border-radius:25px;
	box-shadow:5px 10px 15px rgb(168,193,190);
	border-bottom:5px solid #FFFFFF;
}

spot_small
{
	display:none;
}

spot_large
{
	display:block;
}
	
/* ++++++++++++++++ SCHRIFTEN, ZEICHEN ++++++++++++++++++ */
h1 
{
	font-size: 3.0em;
	}

h2 
{
	font-size: 1.5em;
	}

h7 
{
	font-size: 1.5em;
	}

h3 
{
	font-size: 1.2em;
	}
	
h4 
{
	font-size: 1em;
	color:#336699;
	text-shadow:8px 3px 20px #99CCFF;
	margin-bottom:0.9em;
	}

li 
{
	margin:0.7em 0em;
	}

.center_vspace_small 
{
	font-size: 1.0em;
	text-align:center;
	margin-top:0.4em;
	margin-left:0.2em;
	margin-right:0.2em;
	margin-bottom:0.4em;
	}

.note_left 
{
	text-align:left;
	font-size:1em;
	margin:0.7em;
	}

.note 
{
	text-align:center;
	font-size:.8em;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:.4em;
	}

.icon_text 
{
	font-size:0.9em;
	margin:2px 2px;
	}

/* ++++++++++++++++ GRAFIKEN ++++++++++++++++++ */
.img_spot 
{
	width:30%;
	}
	
.imgTable 
{
	width:80%;
	height:auto;
	}

}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (min-width: 1280px) 
{

/* ++++++++++++++++ GRUNDDIMENSIONEN ++++++++++++++++++ */

.container_il /* für Inhalt linker Mittelbereich */
{
	width:73%;
	float:left;
	}

/* ++++++++++++++++ INHALTSCONTAINER ++++++++++++++++++ */
.container_ir /* für Inhalt rechter Mittelbereich (Werbung, externe Websites) */
{
	display:block;
	width:290px;
	float:left;
	background-color: rgba(255,255,255,0.0);
	margin:.5%;
	padding:.5%;
 	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}

.container_top
{
	display:none;
}

.cluster /* wechselt zu voller Transparenz verbunden mit Farbwechsel von <h5> */
{
	background-color: rgba(255,255,255,0.0);
	}

/* ++++++++++++++++ SCHRIFTEN, ZEICHEN ++++++++++++++++++ */

h1 
{
		font-size: 3.5em;
	}

h2 
{
		font-size: 2.0em;
	}

h7 
{
		font-size: 2.0em;
	}

h4 
{
		font-size: 1.3em;
		color:#336699;
		text-shadow:8px 3px 20px #99CCFF;
		margin-bottom:0.9em;
	}
	
h5 /* wechselt zu weißer Schrift verbunden mit voller Transparenz von ".cluster" */
{
	font-size: 1.3em;
	color:#FFF;
	text-decoration:bold;
	text-align:center;
	text-shadow:9px 4px 23px #336699;
	margin-bottom:0.8em;
	}

li 
{
	margin:0.6em 0em;
	}
	
/* ++++++++++++++++ LINKDARSTELLUNGEN ++++++++++++++++++ */

#feedback 
{
	left: 95%;
	}
/* ++++++++++++++++ GRAFIKEN ++++++++++++++++++ */
.img_spot 
{
	width:20%;
	}
	
.imgTable {
	width:auto;
	height:auto;
	}

.center_vspace_small 
{
	font-size: 1.1em;
	text-align:center;
	margin-top:0.4em;
	margin-left:0.2em;
	margin-right:0.2em;
	margin-bottom:0.4em;
	}

.note 
{
	text-align:center;
	font-size:1em;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:.4em;
	}

} 


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


@media print {

/* #### BOXEN #### */

/* ++++++++++++++++ GRUNDDIMENSIONEN ++++++++++++++++++ */

.container_large /* komplette Bildschirmbreite */
{
	width:98%;
	margin:1% auto;
}

.container /* für Inhalt genutzter Mittelbereich */
{
	max-width:1225px;
	margin:1% auto;
}

.container_il /* für Inhalt linker Mittelbereich - 1225px */
{
	width:98%;
	float:left;
	margin:.5%;
}

.container_ir /* für Inhalt rechter Mittelbereich (Werbung, externe Websites) */
{
	width:235px;
	float:left;
	background-color: #FFFFFF;
	margin:.5%;
	padding:.5%;
 	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	border-radius:30px;
}

/* ++++++++++++++++ INHALTSCONTAINER ++++++++++++++++++ */

header /* Kopfzeile - 635px */
{
	float:left;
	background-color: rgba(255,255,255,1.0);
	width:100%;
	height:auto; 
	padding:0; 
/*	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box; 
	border-bottom:5px solid #000000;    
	*/
}


.cluster /* div-class - Themengruppe auf der Startseite - 555px - 1225px */
{
	float:left;
	width:98%;
	height:auto;
	background-color: #000000;
	margin:1%;
	padding:1% 2%;
 	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	border-radius:30px;
	}

.transparent /* section-class - transparente Section */
{
	background-color: #FFFFFF;
	}

.halftransparent /* section-class - teiltransparente Spalte - 555px */
{
	float:left;
	width:98%;
	background-color: #FFFFFF;
	margin:1% 1%;
	padding:1% 2%;
 	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	border-radius:30px;
	}

.easysearch /* Mittelteil mit EQQS auf der Startseite */
{
/*	display:none;
*/
	float:left;
	width:58%;
	background-color: #FFFFFF;
	color: #000000;
	font-weight:700;
	text-align:center;
	margin:2% 20%;
	padding:1% 1%;
 	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	border-radius:30px;
	}

	
.columns /* enthält einen Themenbereich ("theme") auf der Startseite - 955px */
{
	float:left;
	width:20%;
	background:#FFFFFF;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:1%;
	padding:1%;
	position:relative; 	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:15px;
	}
	
.contact_columns /* - 955px */ 
{
	float:left;
	width:98%;
	background-color: #FFFFFF;
	font-weight:700;
	margin-bottom:1%;
	padding:1%;
 	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	border-radius:30px;
	}

.contact_form /* - 715px */
{
	float:left;
	width:98%;
	background-color: #FFFFFF;
	font-weight:700;
	margin-bottom:1%;
	padding:1%;
 	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	border-radius:30px;
	}

.columns_events_search /* - 715px */ 
{
	float:left;
	width:98%;		
	margin-right:1%;
	margin-left:1%;
	margin-bottom:1%;
	padding:1%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	border-radius:30px;
	}

.columns3 /* - 635px - 715px */ 
{
	float:left;
	width:98%;
	background-color: #FFFFFF;
	font-weight:700;
	margin-bottom:1%;
	padding:1%;
 	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	border-radius:30px;
	}


.theme /* section-class - enthält die Icons auf der Startseite - 955px */
{
	float:left;
	background: #FFFFFF
	padding:1%;
	margin:1%;
	width:20%;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:10px;
	}

.theme_wind /* enthält den Themenbereich Sturmwarnung auf der Startseite - wird mangels RWD abgeschaltet < 635px */
{
	float:left;
	background: #FFFFFF;
	padding:1%;
	margin:1%;
	width:20%;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:10px;
	}

.theme_wasser /* enthält den Themenbereich Wasserpegel auf der Startseite - wird mangels RWD abgeschaltet < 1225px */
{
	float:left;
	background: #FFFFFF;
	padding:1%;
	margin:1%;
	width:18%;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:10px;
	}

.tour_profil /* enthält die Profilanzeige bei den Wanderwegen - wird mangels RWD abgeschaltet < 715px */
{
	display:block;
	}

.searchdetails_gallery /* enthält 4 Bilder auf der Detailseite */
{
	float:left;
	width:98%;
	margin:1% 1%;
	}

.searchdetails_mobility /* enthält Mobilitäts-Links auf der Detailseite */
{
	width:96%;
	float:left;
	margin: 2% 2%;
	padding:0 0;
	height:auto;
	}

.objectLinks /* enthält die weiterführenden Links auf der Detailseite */
{
	float:left;
	width:96%;
	margin:2% 2%;
	}

.ThreeColumnTable /* Formatierung beim Fahrplan */
{
	text-align:left;
	width:98%;
	float:left;
	padding:1%;
	font-size: 0.7em;
	color: #000000;
    font-family: Verdana,Arial,sans-serif;
	border:1px solid #000000;	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	}


footer /* Fusszeile */
{
	float:left;
	background:#FFFFFF;
	width:100%; 
	text-align:center;
	font-size: 0.9em;
	color: #000000;
	padding: 1% 1%;
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

/* ++++++++++++++++ FORMATIERUNGEN BEIM RATING ++++++++++++++++++ */

#div0 
{
	float:left;	
	width:100%;
 	padding:0% 4% 0% 4%;
	margin:.5% 0 .5% 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}

#div0 section 
{
	float:left;
	width:100%;
	background-color: #FFFFFF;
	margin-bottom:1%;
	padding:1%;
 	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	border-radius:30px;
	}

#div0 section p 
{
	text-align:left;
	margin-top:0.4em;
	margin-left:0;
	margin-right:0;
	margin-bottom:.4em;
	}

#content 
{
	float:left;	
	width:100%;
 	padding:0% 4% 0% 4%;
	margin:.5% 0 .5% 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}

table { border-collapse:collapse; text-align: left; }

.tab_datei 
{ 
	width:99%; 
	background-color: #FFFFFF;
	border-collapse:collapse; 
	}

.tab_datei input { width:97%; } 

#bewertung   { width:192px; }
#aliasname   { width:188px; }
#schlagzeile { width:97%; }
#kommentar   { width:97%; }

#tab_rubriken 
{
	margin-top:2px;
	margin-left:7px;
	margin-bottom:0px;
	border-color:#000000;
	}

#td_rubriken 
{
	width:43px;
	padding-top:2px;
	padding-right:9px;
	}

.edit_menu 
{
	background-color: #FFFFFF;
 	width:91%;
  	height:15px;
  	cursor:pointer;
  	padding:3px;
 	padding-left:8px;
	margin:2px;
	margin-bottom:4px;
	}

.tab_div p, input, select	{ font-family: Verdana,Arial,sans-serif; color: #000000; }

.tab_reiter tr, td	{ font-family: Verdana,Arial,sans-serif; color: #000000; }

.tab_reiter 
{ 
	border: 0; 
	background-color: #FFFFFF;
	width:560px; 
	height:auto; 
	}

.tab_zelle	
{ 
	border: 0;
	width: 70px;
	height: 25px;
	cursor:pointer;
	text-align: center; 
	background-color: #FFFFFF;
  	padding:0px;
	}

#TabLink1 { font-weight: bold; }
#zelle1	{ background-color: #FFFFFF; }
#zelle2	{ border-left: 2px solid white }
#zelle3	{ border-left: 2px solid white }
#zelle4	{ border-left: 2px solid white }
#zelle5	{ border-left: 2px solid white }
#zelle_leer { border: 0; width: auto; /*width: 210px;*/ }

.tab_content_td 
{ 
	background-color: #FFFFFF;
	border: 1px solid #000000;
	border-top: 0; 
	width: 560px; 
	height: auto; 
	padding:5px;
	}

.bild_div { border:thin solid #000000; margin:5px; visibility:hidden; display:none; text-align:center; width: 97%; }
#bild1_div { visibility:visible; display:block; }

/*============================= DEFINITION FÜR GOOGLE MAP===========================*/

#map, #map-canvas, #map_canvas {
  height: 800px;
  width: 100%;
}

.Flexible-container {
    position: relative;
    padding-bottom: 65%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 90%;
}


/* ++++++++++++++++ LAYOUTWECHSEL ++++++++++++++++++ */

.vacancy_year /* enthält den großen Belegungsplan für zwei Jahre > 715px, dann vacancy_month */
{
	display:block;
	}

.spaltenwechsel_permanent {
	float:left;
	width:96%;
	margin:5px 2%;
	margin-bottom: 10px;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-width: 200px;
	-webkit-column-width: 200px;
	column-width: 200px;
	text-align: left;
	column-gap:3%;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}

.spaltenwechsel 
{
	display:block;
	background-color: #FFFFFF;
	color:#000000;
	font-size: 1.0em;
	text-align: left;
	float:left;
	width:98%;
	margin:2% 2%;
	padding:1% 1%;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-width: 200px;
	-webkit-column-width: 200px;
	column-width: 200px;

	column-gap:3%;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	
 	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	border-radius:30px;
	}

.css3de-spaltenwechsel 
{
	display:block;
	float:left;
	width:96%;
	margin:5px 2%;
	margin-bottom: 10px;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-width: 200px;
	-webkit-column-width: 200px;
	column-width: 200px;
	text-align: left;
	column-gap:3%;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}


/* #### Schriften / Fonts / Darstellungen ####*/


/* ++++++++++++++++ HINTERGRÜNDE ++++++++++++++++++ */

body 
{
	font-size:0.8em;	
	font-family:Verdana, Arial, sans-serif;
	overflow-x:hidden;
	position:absolute;
	width:100%;
	color:#000000;
	background:#FFFFFF;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

/* ++++++++++++++++ SCHRIFTEN, ZEICHEN ++++++++++++++++++ */

.header_text_place 
{
	float:left;
	}

.header_icons_place 
{
	display:none;
/*	width:110px;
	float:right; */
	}

h1 
{
	font-size: 1.2em;
	color: #000000;
	margin: 0 1.5%;
	}

h2 
{
	font-size: 1.2em;
	color: #336699;
	text-align:center;
	margin: 1% 1.5%;
	}

h3 
{
	font-size: 0.8em;
	color:#000000;
	text-decoration:bold;
	text-align:center;
	margin-bottom:0.8em;
	margin-left:1.75%;	
	margin-right:1.75%;
	}

h4 
{
	font-size: 1em;
	color:#000000;
	margin-bottom:0.6em;
	}

h5 
{
	font-size: 1em;
	color:#000000;
	text-decoration:bold;
	text-align:center;
	margin-top:0.5em;
	margin-bottom:0.8em;
	}

h7 
{
	font-size: 2.0em;
	color: #336699;
	text-align:right;
	margin: 1% 1.5%;
	}

	/* #### Buttons #### */
	
.button {
    border: none;
	border-radius: 20%;
    color: white;
    padding: 10px 10px;
	margin: 1%;
	font-size: 1.0em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.button:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}
	
.button1 {
	background-color: #4CAF50;} /* Green */
/*.button2 {
	background-color: #008CBA;}  Blue */
.button2 {
	background-color: #a6c0bd;} /* Welterbe */
.button3 {
	background-color: #f44336;} /* Red */ 
.button4 {
	background-color: rgb(204, 236, 255); 
	color: black;} 
.button5 {
	background-color: #555555;} /* Black */
	
.note 
{
	text-align:center;
	font-size:.9em;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:.4em;
	}

.note_left 
{
	text-align:left;
	font-size:.9em;
	margin-top:.6em;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:.6em;
	}

.center { text-align: center; }

.center_vspace_small 
{
	text-align:center;
	margin-top:0.4em;
	margin-left:0.2em;
	margin-right:0.2em;
	margin-bottom:0.4em;
	}

.left_vspace_small 
{
	text-align:left;
	margin-top:0.4em;
	margin-left:0.2em;
	margin-right:0.2em;
	margin-bottom:0.4em;
	}

.left_vspace_small_ir 
{
	text-align:left;
	vertical-align: middle;
	margin-left:0.2em;
	margin-right:0.2em;
	}

.icon_text 
{
	text-align:center;
	color:#000000;
	text-decoration:bold;
	font-size:0.7em;
	margin:2px 2px;
	}

.creditcard /* Anordnung der Kreditkarten auf der Detailseite */
{
	float:left;
	width: 98%;
	margin:5px 0;
	}

.service  /* u.a. beim "Back to top"-Link */ 
{
	float:right;
	}

/* +++ FORMATIERUNGEN BEIM FAHRPLAN +++ */

.TabLeft, .TabRight, .TabMiddle 
{
	display: inline-block;
    height: 100%;
    vertical-align: middle;
	}

.TabLeft 
{
	width:22%;
	text-align:center;
	}

.TabMiddle 
{
	width:20%;
	text-align:center;
	}
	
.TabRight
{
	width:58%;
	text-align:left;
	}
	
.TableRow 
{
	float:left;
	display:block;
	width:100%;
	margin-bottom:1%;
	}


/* ++++++++++++++++ LINK-DARSTELLUNGEN ++++++++++++++++++ */

a:link { font-weight:normal; color:#000000; text-decoration:underline; }
a:visited { font-weight:normal; color:#000000; text-decoration:underline; }
a:focus { font-weight:normal; color:#000000; text-decoration:underline; }
a:hover { font-weight:normal; color:#000000; text-decoration:underline; }
a:active { font-weight:normal; color:#000000; text-decoration:underline; }

header a:link { font-weight:normal; color:#000000; text-decoration:underline; }
header a:visited { font-weight:normal; color:#000000; text-decoration:underline; }
header a:focus { font-weight:normal; color:#000000; text-decoration:underline; }
header a:hover { font-weight:normal; color:#000000; text-decoration:underline; }
header a:active { font-weight:normal; color:#000000; text-decoration:underline; }

footer a:link { font-weight:normal; color:#000000; text-decoration:underline; }
footer a:visited { font-weight:normal; color:#000000; text-decoration:underline; }
footer a:focus { font-weight:normal; color:#000000; text-decoration:underline; }
footer a:hover { font-weight:normal; color:000000; text-decoration:underline; }
footer a:active { font-weight:normal; color:#000000; text-decoration:underline; }

.searchdetails_mobility p 
{
	width:100%;
	float:left;
	margin: 5px 0;
	}

.tab_div a 
{ 
	font-family: Verdana,Arial,sans-serif; 
	font-weight: normal; 
	}

.tab_div a:active 
{ 
	font-weight: bold; 
	}

/* Rating */
#backLink { margin:0px; color:#000000; margin-bottom:5px; text-align:right; width:95%; }
#backLink a { text-decoration:none; }            
#info { color:#000000; margin-top:2px; margin-bottom:4px; padding-left:5px; }
#btnSenden { margin:2px; width:85px; height:27px; }


/* ++++++++++++++ Buttons mit Links ++++++++++++++ */

.searchresult_ObjectLink 
{
	background:#FFFFFF;
	padding:0;
	margin:1.5% 1%;
	float:left;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	width:25%;
	height:auto;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:15px;
	}

.searchresult_ObjectLink a 
{
	padding:1%;
	text-align:center;
	color:#000000;
	text-decoration:none;
	width:100%;
	display:block;
	}

.busline 
{
	background: #FFFFFF;
	padding:0;
	margin:1.5% 1%;
	float:left;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	width:98%;
	height:auto;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:15px;
	}

.busline a 
{
	padding:5px;
	margin:0 5px;
	text-align:center;
	color:#000000;
	text-decoration:none;
	width:96%;
	display:block;
	}


/* #### Images #### */

/* ++++++++++++++++ Grafiken ++++++++++++++++++ */
img 
{
	margin:0 3px;
	}

.imgout 
{
	width:40%;
	float:left;
	height:auto;
	margin:0 10px 5px 0;
	}

.imgnull 
{
	heigth:2px;
	float:left;
	width:auto;
	}

.imgTop 
{
	float:right;
	width:45%;
	height:auto;
	max-height: 50px;
    max-width: 50px;
	vertical-align:middle;
	display:inline;
	margin-right:2%;
	}

.imgTopEvents 
{
	float:right;
	width:10%;
	height:auto;
	max-height: auto;
    max-width: 22px;
	display:inline;
	margin:0 2% 2% 0;
	}

.imgHeader 
{
	width:15%;
	height:auto;
	max-height: 50px;
    max-width: 50px;
	vertical-align:middle;
	display:inline;
	margin-right:2%;
	}
	
.imgTable 
{
	width:50%;
	height:auto;
	max-height: 40px;
    max-width: 40px;
    vertical-align: middle;
	}

.languages
{
	display:none;
	}
	
.tomec 
{
	width:70px;
	float:right;
	margin: 0 0.2%;
	height:auto;
	}

.map_list 
{
	display:none;
/*	width:auto;
	float:right;
	margin:0 2px 2px 0;
	height:30px; */
	}

.pdf 
{
	width:auto;
	float:left;
	vertical-align: middle;
	margin:0 3px 0 0;
	height:25px;
	}

.erv /* Reiseversicherung großes Bild, display > 555px */
{
	display:block;
	}

.erv_small /* Reiseversicherung kleines Bild display < 55px */
{
	display:none;
	}

.skew 
{
	position:relative;
	top:5px;
	left:5px;
	width:80%;

	-webkit-transform: skew(8deg, -8deg);
	-moz-transform: skew(8deg, -8deg);
	-ms-transform: skew(8deg, -8deg);
	-o-transform: skew(8deg, -8deg);
	transform: skew(8deg, -8deg);

	z-index:2;
	}

.skew_shadow 
{
	position:absolute;
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	top:20px;
	left:20px;
	width:75%;

	-webkit-transform: skew(-8deg, 8deg);
	-moz-transform: skew(-8deg, 8deg);
	-ms-transform: skew(-8deg, 8deg);
	-o-transform: skew(-8deg, 8deg);
	transform: skew(-8deg, 8deg);

	z-index:1;
	}

.stars 
{
	width:10px;
	margin:0;
	height:auto;
	}

.phone 
{
	float:none;
    height: auto;
    margin: 0 5px 3px 0;
	padding:0;
    vertical-align: middle;
    width: 25px;
	}

.pictogram 
{
	heigth:30px;
	width:auto;
	}

.objecttype 
{
	width:40px;
	float:left;
	margin: 5px 10px;
	height:auto;
	}

.icon 
{
	text-align:center;
	margin:3px 0 0 0;
	height:30px;
	width:auto;
	}

.rating 
{
	display:block;
	float:right;;
	}

.gallery 
{
	width:48%;
	float:left;
	margin: 1% 1%;
	height:auto;
	}