@charset "utf-8";

/*=== Für CMS Debugausgaben ===*/
.cms4d_odebug{
	color:rgb(0,0,0);
	background-color:white;
	font-family:Verdana;
	font-size:11px;
	text-align:left;
	padding:10px;
	float:left;
	clear:both;
	width:100%;
}
.cms4d_odebug h1{
	color:rgb(0,0,0);
	font-size:16px;
	text-indent:0px;
	background-image:none;
}
.cms4d_odebug pre{
	color:rgb(0,0,0);
	font-family:Verdana;
}


/*========== 30.07.2014, dogan ===============*/
html{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-o-text-size-adjust:none;

	width:100%;
	min-width:100%;
	float:left;
	clear:both;

	height:100%;
	min-height:100%;
}
body{
	color:rgb(102,102,102);
	background-color:white;
	font-family:roboto2014_regular, Arial, 'Arial Unicode MS', Helvetica, sans-serif;
	font-size:18px;

	margin:0;
	padding:0;

	width:100%;
	min-width:100%;
	float:left;
	clear:both;

	height:100%;
	min-height:100%;
}
	body:after{
		content:'marker0';
		display:none;
	}


@media print{
	body{
		color:black;
		background-color:white;
		text-align:left;
		margin:0;
		padding:0;
	}
}
/*IE Tabellenfehler*/
table{
	font-size:1em;
}




/*==================== LAYOUT ====================*/
@media screen, projection{
	.row{
		width:100%;
		float:left;
		clear:both;
		position:relative;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		.row_center{
			/*BEACHTE: box model umschalten, so dass das padding nach innen gezeichnet wird.*/
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
			max-width:1240px;
			margin:0 auto;
			position:relative;
		}
			.hpad_1{
				padding-left:40px;
				padding-right:40px;
			}
			.vpad_1{
				padding-top:40px;
				padding-bottom:40px;
			}
				.floater, .floater_stack, .floater_stack > div{
					width:100%;
					float:left;
					clear:both;
					position:relative;
					-webkit-box-sizing:border-box;
					-moz-box-sizing:border-box;
					box-sizing:border-box;
				}
					.floater_stack{
						clear:none;
						margin-right:-100%;
					}


	/*=== durchgehender Balken gruen mit Button Buchen ===
	Der Buttn hat l/r noch eine Rundung nach oben, so dass diesem ein weiterer Container übergeordnet ist.
	Damit der Button in die folgende head_row hineinragen kann ist der Button zunächst position:absolute.*/
	.top_row{
		border-top:10px solid rgb(84,137,48);
		font-size:21px;
		line-height:1em;
		z-index:9000;
	}
		.btn_container_top{
			position:absolute;
			/*Raum für Rundungen außen before/after*/
			padding:0 10px 0 10px;
			/*Der gesamte Container wird zunächst rechts aus dem Layout gezogen, um mit dem Button rechts Bündig an der Layoutkante zu liegen.*/
			right:-10px;
		}
			.btn_container_left, .btn_container_right{
				/*Die viertel Rundungen bestehen aus einem Kreis (s.u. :before), der vom übergeordneten Container je auf ein Viertel abgeschnitten wird.*/
				width:10px;
				height:10px;
				overflow:hidden;
				position:absolute;
				top:0;
				left:0;
				background-color:rgb(84,137,48);
			}
				.btn_container_right{
					left:auto;
					right:0;
				}
				.btn_container_left:before, .btn_container_right:before{
					content:'';
					display:block;
					width:20px;
					height:20px;
					border-radius:20px;
					position:absolute;
					left:-10px;
					background-color:white;
				}
				.btn_container_right:before{
					left:0px;
				}
					.btn_buchen_top{
						display:block;
						background-color:rgb(84,137,48);
						color:white;
						text-decoration:none;
						font-family:roboto2014_medium, Arial, "Arial Unicode MS", Helvetica, sans-serif;
						border-bottom-left-radius:10px;
						border-bottom-right-radius:10px;
						padding:4px 22px 14px 24px;
					}
					/*Es gibt zwei Label, wobei das kürzere erst im mobiel Bereich eingeblendet wird.*/
					.btn_buchen_top .btn_label_full{
					}
					.btn_buchen_top .btn_label_small{
						font-family:roboto2014_condensed_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
						display:none;
					}
			/*Zweites Sprachwahlmenu für mobile*/
			.langmenu_mobile{
				float:right;
				color:white;
				font-family:roboto2014_condensed_light, Arial, "Arial Unicode MS", Helvetica, sans-serif;
				padding:12px 0 14px 0;
				display:none;
			}
				.langmenu_mobile a, .langmenu_mobile a:hover{
					text-decoration:none;
					color:inherit;
				}
				.langmenu_mobile a.on{
					font-family:roboto2014_condensed_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
				}


	/*===== Kopfzeile mit Logo und Menüs ======*/
	.head_row{
		min-height:145px;
		z-index:7000;
	}
		.head_row img{
			border:none;
			max-width:100%;
			width:auto;
			height:auto;
			display:block;
		}
		.head_logo{
			float:left;
			margin-top:12px;
		}
		.head_info{
			color:rgb(51,51,51);
			font-family:roboto2014_light, Arial, "Arial Unicode MS", Helvetica, sans-serif;
			font-size:21px;
			line-height:1.2em;
			float:right;
			margin-top:51px;
			border-bottom:1px solid rgb(84,137,48);
			padding-bottom:12px;
		}
			.head_info a, .head_info a:hover{
				color:inherit;
				text-decoration:none;
			}
			.head_contact{
				float:left;
			}
				.head_info .fa{
					color:rgb(84,137,48);
				}
				.head_phone, .head_email{
					float:left;
				}
				.head_phone{
					margin-right:20px;
				}
			.langmenu{
				float:left;
				margin-left:39px;
			}
				.langmenu a.on{
					font-family:roboto2014_medium, Arial, "Arial Unicode MS", Helvetica, sans-serif;
					color:rgb(84,137,48);
				}


	/*=== fmenu ===*/
	.fmenu0_row{
		z-index:8000;
	}



	/*======== Kopfbild / Slider =======*/
	/*Immer volle Breite. Originalbreite HD 1920px. Weiteres s.o. slider0 Besonderheiten.*/
	.top_img_row{
		z-index:5000;
	}
		.top_img_container{
			width:100%;
			height:100%;
			float:left;
			position:relative;
		}


	/*======= Inhalt =========*/
	.content_row{
		margin-top:23px;
		z-index:4000;
	}
		/* 1) Standardlayout: center_col über volle Breite, left_col ausgeblendet.*/
		.center_col{
			width:100%;
			float:left;
			position:relative;
			z-index:10;
		}
			.html_content{
				width:100%;
				float:left;
				clear:both;
				position:relative;
			}
		.left_col{
			width:25%;
			float:left;
			margin-right:-100%;
			position:relative;
			padding-bottom:40px;
			display:none;
			z-index:20;
		}
		/* 2) Standardlayout mit Submenu: left_col feste Breite, center_col floatet im verbleibenden rechten Raum.*/
		body.smenu_lvl_1 .left_col{
			display:block;
		}
		body.smenu_lvl_1 .center_col{
			/*.left_col räumt mit margin-right:-100% den Raum rechts komplett frei, so dass .center_col nach oben rutschen kann.
			Damit die Textinhalte .left_col aber nicht überdecken, erhält .center_col ein padding-left in der gleichen Breite wie .left_col+spaltenabstand*/
			padding-left:28.2%;
		}
			body.smenu_lvl_1 .html_content{
			}


	/*===== CTA ======*/
	/*weitere Formate und Viewports s.o.*/
	.cta_row{
		z-index:2000;
	}


	/*====== Footer =======*/
	.footer_row{
		z-index:1000;
	}
}






/*======================= PRINT ===========================*/
@media screen, projection{
	.printonly{display:none !important;}
}
@media print{
	html, body{
		background-color:white;
		background-image:none;
		/*Grundschrift normalisieren*/
		font-size:16px;
	}
	.bcmenu_top,
	.bcmenu_bottom,
	.left_col,
	.right_col{
		display:none;
	}
	.content_container{
		background-image:none;
		padding:0;
		margin:0;
	}

	.fo_address{
		border-top:1px solid black;
		padding-top:10px;
		color:black;
	}

	.col_header{
		font-size:1.5em;
	}
	.box_head{
		font-size:1.2em !important;
	}

	/*Korrektur für Firefox*/
	.igrid{
		width:96%;
	}

	/*Allgemeine Klasse, um gewünschte Elemente durch direkte Notation im HTML-Quelltext von der Druckausgabe auszunehmen*/
	.noprint{display:none !important;}
	/*Allgemeine Klasse zum Einblenden von Element, die nur im Print angezeigt werden sollen. s.a. oben @media screen...*/
	.printonly{display:block !important;}
}






/*==================== BLOCKFORMATE ====================*/
@media screen, projection{
	h1, h2, h3, h4, h5, h6{
		font-family:roboto2014_regular, Arial, Helvetica, sans-serif;
		font-size:inherit;
		font-weight:normal;
		line-height:1.2em;
		margin:0 0 0.6em 0;
		padding:0;
		/*Headlines im normalen Text immer clearen*/
		clear:both;
		color:black;
	}
	h1{
		font-family:roboto2014_light, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		font-size:2.222222em;
		color:rgb(84,137,48);
		margin-bottom:0.4em;
	}
	h2{
		font-size:1.555555em;
		color:rgb(102,102,102);
		margin-bottom:0.8em;
	}
	h3{
		font-size:1.333333em;
		color:rgb(102,102,102);
	}
	h4{
		font-size:1em;
	}
	h5, h6{
		font-size:1em;
	}
	p{
		line-height:1.3333em;
		line-height:1.444444em;
		margin:0;
		padding:0;
		/*margin-bottom:1.6em;*/
		margin-bottom:2em;
	}
		p + p{
			margin-top:-0.5em;
		}

	a{
		color:rgb(84,137,48);
		text-decoration:none;
	}
		.html_content a:hover{
			text-decoration:underline;
		}
		a:active, a:visited{
			text-decoration:none;
		}

	/*--- Listendefinition neu, alle ab IE9+ ---*/
	.html_content ul, .html_content li{
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
	}
		/*Einrückungen*/
		.html_content ul{
				/*Level-0 mit Abstand vertikal zum vorherigen und folgenden Inhalt*/
				/*margin:1.5em 0 1.5em 0;*/
			margin:0 0 1.5em 0;
margin-bottom:1.6em;
		}
			.html_content ul ul{
				/*Level-n ohne Abstand vertikal*/
				margin-top:0;
				margin-bottom:0;
			}
			.html_content li{
				/*Einzug für Bullet durch padding. D.h. das Bullet/Icon liegt jetzt innerhalb des LI-Elementes. Wenn zum Umfließen eines linkstehenden Elementes (fbox_2)
				die Liste umgeschaltet wird (LI display:table), überlagern die Bullets das linksstehende Element nicht mehr.*/
				padding-left:1.5em;
			}
				/*Abstand der Items vertikal
				WICHTIG: Korrektur für erstes LI in Level 0. Dieses erzeugt sonst für die gesamte Liste eine zu hohen Abstand oben.
				Der Abstand wird erst ab Level 2 für alle verwendet. Für Level 1 nur beim first-child nicht.*/
				.html_content li:first-child{
					margin-top:0;
				}
				.html_content li, .html_content li li:first-child{
					margin-top:0.75em;
				}
				
		/*Bullets*/
		.html_content ul li:before{
			/*icon-circle*/
			content:'\f111';
			/*icon-square*/
			/*content:'\f0c8';*/
			font-family:'fontawesome';
			position:relative;
			font-size:1em;
			width:1em;
			left:-1.4em;
			margin-right:-0.85em;
			color:rgb(84,137,48);
		}
			/*Bullets ab Level 1*/
			.html_content li li:before{
			}
		/*Beginnende Blockelemente in LI müssen inline-block sein, da das Element sonst erst unterhalb der Grundlinie
		des Bullets beginnt. Das Bullet ist inline-block und soll ja in einer Zeile mit dem Inhaltstext stehen.
		ACHTUNG: dies gilt immer nur für das erste Element, da sonst die folgenden rechts hoch rutschen würden !*/
		li h1:first-child, li h2:first-child, li h3:first-child, li h4:first-child, li h5:first-child, li h6:first-child,
		li p:first-child, li pre:first-child,
		li div:first-child
		{
			display:inline-block;
			clear:both;
		}


	/*Hochgestellt kleiner. In Headlines kleiner als im Fließtext.*/
	sup{
		font-size:0.8em;
		line-height:1em;
		font-weight:normal;
	}
		h1 sup,
		h2 sup,
		h3 sup{
			font-size:0.5em;
			line-height:1em;
		}


	/*normale HR, alle ab IE7*/
	hr{
		height:1px;
		overflow:hidden;
		border:none;
		border-top:1px solid rgb(204,204,204);
		padding:0;
		margin:0 0 15px 0;
		clear:both;
		float:none;
	}
		/*hr gestrichelt*/
		hr.dashed{
			border-top:1px dashed rgb(204,204,204);
		}
		/*hr mit 3d Schattenkante. De Container ändert sich zwar in der Breite, die Höhe bleibt aber gleich. Dadurch wird das Hintergrundbild nur horizontal gestaucht.*/
		hr.shadow{
			height:13px;
			border:none;
			background:url(images/hr-shadow-1160x13.png) no-repeat center top;
			background-size:100% 100%;
		}
		/*hr mit Trennlinie 1px und 3 Sternen mittig*/
		hr.tristar{
			border:none;
			height:29px;
			background:url(images/hr-3star-bg.png) repeat-x center center;
		}


	/*fette Darstellung bei strong und b deaktivieren, da sonst der verwendete fette Schriftschnitt nochmals mit einer Outline gezeichnet wird.*/
	.html_content strong, .html_content b{
		font-family:roboto2014_medium, Arial, 'Arial Unicode MS', Helvetica, sans-serif;
		font-weight:normal;
		color:black;
	}
		a strong, a b{
			color:inherit;
		}
	/*fette Darstellung in Headlines übernimmt Farbe*/
	.html_content h1 strong, .html_content h1 b,
	.html_content h2 strong, .html_content h2 b,
	.html_content h3 strong, .html_content h3 b,
	.html_content h4 strong, .html_content h4 b,
	.html_content h5 strong, .html_content h5 b,
	.html_content h6 strong, .html_content h6 b{
		color:inherit;
	}

}
@media print{
	h1{
		color:black;
		font-size:1.2em;
		margin:0 0 1em 0;
		padding:0;
		background-image:none;
	}
	h2{
		color:black;
		font-size:1.1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}
	h3, h4{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}
	p{
		margin:0 0 1em 0;
		padding:0;
	}
}





/*==================== CMS4D GRID projektspezifisch ====================*/
/*abweichender Spaltenabstand in diesem Projekt, für grid 1160/40*/
div[class*=c4g_grid_]{margin-left:-40px;padding-bottom:40px;}
	div[class*=c4g_grid_] > div{border-width:40px;}
/*Durch die Zusatzklasse wird das padding unten herausgenommen*/
div[class*=c4g_grid_].no_padding_bottom{padding-bottom:0;}
/*Floatende Bilder im Inhaltstext mit den Standardklassen bild_links, bild_rechts.
Diese sollen nicht breiter als 50% sein, um ausreichend Raum für den text zu lassen.*/
.html_content img.bild_links, .html_content img.bild_rechts{
	max-width:50%;
}
	.html_content img.bild_links{
		margin:0 40px 10px 0;
	}
	.html_content img.bild_rechts{
		margin:0 0 10px 40px;
	}


/*------------ igrids 2 / 4 spaltig ----------------
Für breite Seiten ohne Submenu wird typischerweise der Inhalt unter des h1 zweispaltig angeordnet.
Um dies für alle Seite gleich zu steuern, erhält der igrid container jeweils die projektspezifische
Zusatzklasse cc2, welche auch die Spaltenbreiten und Anstande beim Schrumpfen pauschal steuert.
BEACHTE: typischerweise haben diese igrids auch die Zusatzklasse igrid_layout_text, was die vertikalen Spaltenabstände
der igrid_cols automatisch aufhebt. Beim Umbruch in die einspaltige Anordnung bestimmen immer die Blockformate selbst den
typischen Abstand zum folgenden Inhalt (h, p, ul, ...)

ic4 wäre das tpyische igrid für die Bildergalerien am Fuß einer Inhaltsseite.

*/
.cc2 .igrid_col{
	width:50%;
}
.ic4{
	/*mehr Abstand zur typischerweise vorherigen Trennlinie*/
	margin-top:30px;
}
	.ic4 .igrid_row{
		/*Da sich die igrid_col wie Wörter in einer Textzeile verhalten, kann durch Setzen der Textzentrierung center
		bewirkt werden, dass ungerade übriggebliebene Spalten in der letzten Reihe immer zentriert werden.*/
		text-align:center;
	}
		.ic4 .igrid_col{
			width:25%;
		}
			/*IMG Elemente block, so daqss sie keinen unnötigen Leerraum unter sich erzeugen.*/
			.ic4 img{
				display:block;
				background-size:cover;
				background-repeat:no-repeat;
			}
@media screen and (max-width:1200px){
	/*Spaltenabstand verringern*/
	.ic4 .igrid_row{margin-left:-30px;}
		.ic4 .igrid_col{border-width:30px;}
}
@media screen and (max-width:1024px){
	/*Spaltenabstand verringern*/
	.cc2 .igrid_row{margin-left:-30px;}
		.cc2 .igrid_col{border-width:30px;}
}
@media screen and (max-width:930px){
	/*Texte einspaltig*/
	.cc2 .igrid_row{margin-left:0;}
		.cc2 .igrid_col{
			width:100%;
			border-left-style:hidden;
			margin-right:0;
		}

	/*Bilder dreispaltig*/
	.ic4 .igrid_col{width:33.33333%;}
}
@media screen and (max-width:760px){
	.ic4 .igrid_row{margin-left:-20px;}
		.ic4 .igrid_col{border-width:20px;}
}
@media screen and (max-width:640px){
	/*Bilder zweispaltig*/
	.ic4 .igrid_col{width:50%;}
		/*IMG zentrieren*/
		.ic4 img{
			margin:0 auto;
		}
}






/*========= div. Blockformate =======*/
/*--- Fontawesome Icons inline -----*/
.fa{
	display:inline-block;
	font-style:normal;
}
	.fa:before{
		content:'';
		font-family:fontawesome;
	}
	/*Icons*/
	.fa-user:before{content:'\f007';}
	.fa-envelope:before{content:'\f0e0';}
	.fa-phone-square:before{content:'\f098';}
	.fa-file-text:before{content:'\f15c';}
	.fa-file-text-o:before{content:'\f0f6';}
	.fa-arrow-circle-right:before{content:'\f0a9';}
	.fa-chevron-right:before{content:'\f054';}
	.fa-arrow-circle-right:before{content:'\f0a9';}
	.fa-shopping-cart:before{content:'\f07a';}
	.fa-search:before{content:'\f002';}
	.fa-suitcase:before{content:'\f0f2';}
	.fa-coffee:before{content:'\f0f4';}
	.fa-cutlery:before{content:'\f0f5';}/*Besteck, Gastro*/

/*--- Link Button MEHR allgemein ---*/
.link_btn{
	display:inline-block;
	color:white;
	background-color:rgb(84,137,48);
	padding:4px 10px 7px 10px;
	border-radius:5px;
}
	.link_btn:after{
		/*arrow-circle-right*/
		content:'\f0a9';
		font-family:fontawesome;
		display:inline-block;
		margin-left:0.45em;
	}


/*--- Listen ---*/
/*inline mit icon*/
.ul_inline, .html_content .ul_inline{
	margin-bottom:1.2em;
}
.ul_inline li{
	display:inline-block;
	margin-top:0;
	padding-left:0;
	margin-right:0.25em;
	margin-bottom:0.5em;
}
	.ul_inline li:before, .html_content .ul_inline li:before{
		margin:0;
		left:0;
		margin-right:0.25em;
	}
/*andere Icons*/
.ul_icon_check_square li:before, .html_content .ul_icon_check_square li:before{
	/*icon-check-square*/
	content:'\f14a';
}
.ul_icon_certificate li:before, .html_content .ul_icon_certificate li:before{
	/*icon-certificate*/
	content:'\f0a3';
}
.ul_icon_arrow_circle li:before, .html_content .ul_icon_arrow_circle li:before{
	/*icon-arrow-circle-right*/
	content:'\f0a9';
}





/*--- Spaltenüberschriten Start ---*/
.col_header{
	width:100%;
	float:left;
	clear:both;
	position:relative;
	margin-bottom:20px;

	font-family:roboto2014_light, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	font-size:2.22222em;
	line-height:1.2em;
	color:rgb(84,137,48);
}
.col_header *{
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	color:inherit;
	margin:0;
	padding:0;
}
	.col_header a, .col_header a:hover{
		text-decoration:none;
	}
	/*Erstes Element (typisch H2) floatet left*/
	.col_header > *:first-child{
		float:left;
	}
		/*Pfeil Icon wenn Hyperlink*/
		.col_header a:after{
			/*icon-arrow-circle-right*/
			content:'\f0a9';
			font-family:fontawesome;
			display:inline-block;
			margin-left:0.25em;
			color:inherit;
		}




/*======================== Slider ==========================*/
/*----- slider0 -------*/
.slider0 .cms4d_slider3_cbtn{
	display:none;
}
	.slider0:hover .cms4d_slider3_cbtn{
		display:block;
	}
.slider0 .cms4d_slider3_ibtn_container{
	width:100%;
	left:auto;
}
	.slider0 .cms4d_slider3_ibtn{
		width:16px;
		height:16px;
		margin:auto 4px;
		border-width:1px;
	}
	.slider0 .cms4d_slider3_ibtn.on{
		background-color:rgb(255,204,0);
	}
/*Die Layer mit den Textboxen werden position:static und height:100% gesetzt, damit innenliegende Element auch mit bottom absolut positioniert werden können.*/
.slider0 .layer.fullheight{
	position:absolute;
	height:100%;
}
/*--- Textboxen ---*/
.sbox1_pos{
	color:white;
	position:absolute;
	right:0;
}
	.sbox1{
		font-family:roboto2014_thin, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		color:rgb(84,137,48);
		font-size:0.64em;
		line-height:1em;
	}
		.sbox1 b, .sbox1 strong{
			font-family:roboto2014_condensed_bold, Arial, "Arial Unicode MS", Helvetica, sans-serif;
			font-style:normal;
			font-weight:normal;
			color:inherit;
		}
		.sbox1 .box_head{
			font-family:roboto2014_condensed_bold, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		}
			.sbox1 .box_head > *{
				font-size:1.4285em;
				line-height:1.2em;
			}
		.sbox1 .box_body{
		}
	/*Textformate*/
	.sbox1 .h2{
		margin-bottom:0.7em;
	}
	.sbox1 .p{
		margin-bottom:0.4em;
	}

/*---- slider0 Besonderheiten------
Die großen Texte werden über einen extra Container zentriert und laufen genauso breit wie das normale Layout von 1160 Innenbreite.
Dieser Zentrierungscontainer wächst allerdings ab 1920px proportional mit dem Foto, so dass
die Texte nach rechts/links über die normalen Layoutränder hinauswachsen.
Um die Lesbarkeit bei den unterschiedlichen Motiven zu gewähleisten, muss leider jedes Slide indivuduell geschrumpft werden.
Dies wird erreicht, indem ggf. temporär die Position der Textcontainer von relativen auf absolute font-size bzw. Prozentwerte umgestellt wird.
HINWEIS:
Firefox mobile zickt auf Android manchmal beim Überblenden der Slides rum. Eigentlich sindd die FullHD Kopfbilder auch viel zu groß für mobile Verwendung.
Eigentlich müsste hier eine Ladeoptimierung eingesetzt werden. Zudem wird der Text über den Bildern sehr groß dargestellt, was zusätzliche Rechenleistung erfordert.
*/
.slider0 .layer_center{
	max-width:1240px;
	height:100%;
	/*Um den Innenraum auch für absolut positionierte Element zu sichern, wird das Randabstand über transparente borderss und nicht padding erzeugt.*/
	border:40px solid transparent;
	border-top-style:hidden;
	border-bottom-style:hidden;
	margin:0 auto;
	position:relative;

	font-family:roboto2014_thin, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:rgb(84,137,48);
}
/*Die IMG Elemente werden immer auf 100% der Viewportbreite skaliert. Also werden sie ab >1920px proportial über die Originalgröße skaliert!*/
.slider0 .layer img{
	width:100%;
	height:auto;
}
/*Textgröße und Position sind je nach slide unterschiedlich*/
.slider0 .sbox1_pos{
	text-align:right;
	/*WICHTIG: skalierte font-size des sliders an t1, t2 durchreichen.*/
	font-size:inherit;
	line-height:1.2em;
}
.sbox1{
	font-size:64px;
}
.t1{
	/*Da dieser Text i.d.R. deutlich kleiner ist, wird er rechts eingerückt, um eine optisch ausgeglichene Textachse zu erreichen.*/
	padding-right:0.2em;
}
.t2{
	font-size:3.75em;
	line-height:1em;
	margin-top:-0.04em;
}
	/*Ausnahmen*/
	.slide_start .sbox1_pos{
		right:auto;
		top:0.35em;
	}
		.slide_start .sbox1{
			text-align:left;
			color:white;
		}
			.slide_start .t1{
				font-size:2em;
				line-height:1em;
				padding:0;
			}
			.slide_start .t2{
				font-size:0.875em;
				line-height:1em;
				padding-left:0.2em;
			}
	.slide_hotel .sbox1_pos{
		bottom:1em;
	}
	.slide_gastro .sbox1_pos{
		top:0.24em;
	}
	.slide_well .sbox1_pos{
		bottom:0;
		padding-right:0.4em;
		padding:0.5em 0.4em 1em 0;
		width:100%;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 30%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 30%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 30%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3ffffff',GradientType=0 );

		text-shadow:0 0 20px rgba(255,255,255,1), 0 0 20px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,1);
	}
		.slide_well .t2{
			font-size:3.125em;
			margin-top:-0.2em;
		}

/*========= slider0 Viewports =====*/
@media screen and (min-width:1920px){
	.slider0 .sbox1{
		font-size:0.64em;
	}
	.slider0 .layer_center{
		max-width:12.4em;
	}
}
@media screen and (max-width:1700px){
	.slide_hotel .layer_center{
		margin:0;
		border:0;
		max-width:none;
		width:84%;
	}
	.slider0 .slide_hotel .sbox1{
		font-size:0.72em;
	}
}
@media screen and (max-width:1600px){
	.slider0 .slide_start .sbox1{
		font-size:0.766em;
	}
}
@media screen and (max-width:1440px){
	.slider0 .sbox1{
		font-size:0.854em;
	}
	.slide_start .layer_center{
		margin:0;
		border:0;
		width:auto;
		position:relative;
		left:9.8%;
	}
	.slide_well .sbox1_pos{
		padding-top:1em;
	}
}
/*Ab iPad quer*/
@media screen and (max-width:1024px){
	/*=== slider0 ===*/
	/*Cursor-Tasten immer sichtbar*/
	.slider0 .cms4d_slider3_cbtn {
		display: block;
	}
		.slider0 .cms4d_slider3_ibtn{
			width:14px;
			height:14px;	
		}
}
/*Hier ist die skalierte font-size im Slider 75px = 75% der Ursprungsgröße.*/
@media screen and (max-width:976px){
}
@media screen and (max-width:760px){
}
@media screen and (max-width:640px){
}
@media screen and (max-width:533px){
	/*Manuellen Zeilenumbruch durch BR-Tags auflösen*/
	.slider0 .sbox1 br{
		display:none;
	}
	/*Liste inline*/
	.slider0 .sbox1 .li1 > *{
		display:inline-block;
		margin-right:0.5em;
	}
		.sbox1 .li1 > *:before{
			margin-right:0.25em;
		}

	/*======= sbox auflösen und unter Bild floaten ==========*/
	/*Layer mit Textbox floatet ab jetzt und drückt das Slide in der Höhe gemäß seines Textinhaltes zusätzlich auseinander.*/
	.slider0 .layer.static{
		/*position wird mit important hoch gewichtet, falls der Layer durch andere parallele Regeln (z.B. fullscreen) vorher position:absolute war.*/
		position:static !important;
		float:left;
		clear:both;
		width:100%;
	}
		/*Positionierungs-Container static schalten*/
		.sbox1_pos{
			/*Box nicht mehr position:absolute sondern static. Dadurch wirken die jQuery Animation bezgl. position nicht mehr. Die jQuery styles werden zwar nachwievor geschrieben,
			haben aber bei static keinen Auswirkung auf left/top/.... Dies hat den Effekt, dass es einen nahtlosen Übergang zwischen animierter und statischer
			Darstellung gibt. Wird in einer laufenden Animation der viewport vergrößert, so greifen automatisch sofort wieder die styles auf dem Element :-).
			ACHTUNG: alle anderen Animationen bezgl. size/opacity/... etc. werden natürlich weiterhin ausgeführt!*/
			/* 1) Normalisieren*/
			position:static;
			width:100% !important;
			max-width:none;
			border-radius:0;
			padding:0 !important;
			margin:0;
			right:auto;
			left:auto;
			top:auto;
			bottom:auto;
			/* 2) Effekte löschen*/
			border:none;
			box-shadow:none;
			/* 3) floaten, volle Breite*/
			width:100%;
			max-width:100%;
			float:left;
			clear:both;
			background-color:rgb(84,137,48);
		}
			.sbox1{
				/*ENTSCHEIDEND: da jetzt hier die font-size als ABSOLUTER Pixel-Wert gesetzt wird, greift die Skalierung der innenliegenden Inhalte
				über die globale Slider font-size nicht mehr.*/
				font-size:18px;
				line-height:1.2em;
				text-align:left;
				padding:10px 15px 25px 10px;
			}
				.sbox1 .box_head{
					font-size:inherit;
					line-height:inherit;
				}
					.sbox1 .box_head *{
						font-size:inherit;
						line-height:inherit;
					}
				.sbox1 .box_body{
					font-size:inherit;
					line-height:inherit;
				}
					.sbox1 .box_body p{
						font-size:inherit;
						line-height:inherit;
					}
					.sbox1 .box_body h1,
					.sbox1 .box_body h2,
					.sbox1 .box_body h3,
					.sbox1 .box_body h4,
					.sbox1 .box_body h5,
					.sbox1 .box_body h6{
						font-size:1.3em;
					}

	/*Extras auflösen*/
	.slider0 .layer_center{
		border-style:hidden;
		width:auto;
		max-width:none;
		left:auto;
		right:auto;
		margin:0;
		padding:0;
	}
		.slider0 .sbox1_pos{
			background-image:none;
			background-color:rgb(84,137,48);
			text-shadow:none;
		}
			.slider0 .sbox1{
				padding-bottom:40px;
				color:white;
				text-align:center;
			}
				.slider0 .t1, .slider0 .t2{
					font-size:32px;
					line-height:1.2em;
					padding:0;
					margin:0;
					display:inline;
				}
}
@media screen and (max-width:470px){
	/*Indexbuttons nur noch als optische Marker*/
	.slider0 .cms4d_slider3_ibtn_container{
		bottom:5px;
		right:0px;
		padding:0;
	}
		.slider0 .cms4d_slider3_ibtn{
			width:8px;
			height:8px;
			margin:0 4px 0 0;
		}
			.slider0 .cms4d_slider3_ibtn.on{
				background-color:black;
				border-color:white;
			}

	.slider0 .sbox1{
		padding-bottom:30px;
	}
		.slider0 .t1, .slider0 .t2{
			display:block;
		}
}






/*------- News Slider allgemein ------*/
/*Slider1, Formate allgemein für News-Slider*/
.nslider{
	font-size:1em;
}
	/*Blockformate*/
	.nslider h1,
	.nslider h2,
	.nslider h3,
	.nslider h4,
	.nslider h5,
	.nslider h6{
		font-family:roboto2014_regular, Arial, Helvetica, sans-serif;
		font-size:1.555555em;
		color:rgb(84,137,48);
	}
	.nslider p{
		line-height:1.3333em;
	}
	/*Link MEHR*/
	.nslider .box_link span{
		display:inline-block;
		color:white;
		background-color:rgb(84,137,48);
		padding:4px 10px 7px 10px;
		border-radius:5px;
	}
		.nslider .box_link span:after{
			/*icon-caret-right*/
			/*content:'\f0da';*/
			/*arrow-circle-right*/
			content:'\f0a9';
			font-family:fontawesome;
			display:inline-block;
			margin-left:0.45em;
		}
/*Cursorbuttons allgemein*/
.nslider_cbtn_container{
	float:right;
	color:rgb(204,204,204);
}
	.nslider_cbtn{
		font-size:1em;
		display:inline-block;
		margin-left:0.5em;
		color:inherit;
		cursor:pointer;
	}
		.nslider_cbtn:before{
			/*icon-chevron-circle-left*/
			content:'\f137';
			font-family:fontawesome;
		}
			.nslider_cbtn_right:before{
				/*icon-chevron-circle-right*/
				content:'\f138';
			}
/*Indexbuttons allgemein*/
.nslider_ibtn_container .cms4d_slider3_ibtn_container{
	position:relative;
	top:auto;
	bottom:auto;
	margin-top:25px;
}
	.nslider_ibtn_container .cms4d_slider3_ibtn{
		width:15px;
		height:15px;
		border:1px solid rgb(204,204,204);
		background-color:white;
	}
	.nslider_ibtn_container .cms4d_slider3_ibtn.on{
		background-color:rgb(204,204,204);
	}
/*--- News Slider Start aktuelles ---*/
.row_start_aktuelles{
	margin-bottom:20px;
}
.start_aktuelles_ibtn_container{
	width:100%;
	float:left;
	clear:both;
	/*BEACHTE: innerhalb eines igrid kann es sein, dass die Buttons unten leicht angeschnitten werden.
	Deshalb eigenes padding, um die Unterkante etwas vom übergeordneten Container abzurücken.*/
	padding-bottom:2px;
}
/*------- nslider viewports ----------*/
@media screen and (max-width:1200px){
	.nslider{
		font-size:16px;
	}
}




/*========== Startseite diverses  =========*/
.sgrid1_left{
	width:66.666666%;
}
.sgrid1_right{
	width:33.333333%;
}
	.hours_box{
		width:100%;
		float:left;
		clear:both;
		margin-top:17px;
		font-size:100px;
		line-height:1.2em;
		margin-bottom:20px;
	}
		.hours_head{
			color:white;
			background-color:rgb(84,137,48);
			border-top-left-radius:10px;
			border-top-right-radius:10px;
			padding:0.13em 0.1em 0.13em 0.3em;
		}
			.hours_head_t1{
				font-size:0.28em;
				line-height:1.2em;
			}
		.hours_body{
			color:rgb(51,51,51);
			background-color:rgb(238,243,234);
			border-bottom-left-radius:10px;
			border-bottom-right-radius:10px;
			border:1px solid rgb(216,230,207);
			border-top:none;
			padding:0.17em 0.2em 0.24em 0.3em;
		}
			.hours_t1{
				font-size:0.24em;
				line-height:1.2em;
				color:rgb(76,125,44);
				margin-top:16px;
				margin-bottom:5px;
			}
				.hours_t1:first-child{
					margin-top:0;
				}
			.hours_t2{
				font-size:0.18em;
				line-height:1.4em;
			}
		/*Untergrid, später zweispaltig*/
		.hours_col_1{
			margin-bottom:20px;
		}
		.hours_col_1, .hours_col_2{
			width:100%;
			display:block;
		}

@media screen and (max-width:1200px){
	.hours_box{
		font-family:roboto2014_condensed_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		font-size:90px;
	}
		.hours_head, .hours_body{
			padding-left:0.2em;
		}

	.sgrid1 h1{font-size:2em;}
	.sgrid1 h2{font-size:1.3em;}
}
@media screen and (max-width:1024px){
	.sgrid1 > .igrid_row{margin-left:-30px;}
		.sgrid1 > .igrid_row > .igrid_col{border-width:30px;}

	.sgrid1_left{width:60%;}
	.sgrid1_right{width:40%;}

	.sgrid1 h1{font-size:2em;}
	.sgrid1 h2{font-size:1.2em;}
}
@media screen and (max-width:760px){
	.sgrid1 > .igrid_row{
		margin-left:0;
	}
	.sgrid1_left, .sgrid1_right{
		width:100%;
		border-style:hidden;
		margin-right:0;
	}
	.sgrid1_left p:last-child{
		margin-bottom:0.5em;
	}

	/*temporär zweispaltig*/
	.hours_col_1, .hours_col_2{
		width:50%;
		display:inline-block;
	}

	.sgrid1 h1{font-size:1.4em;}
	.sgrid1 h2{font-size:1.2em;}
}
@media screen and (max-width:600px){
	/*wieder einspaltig*/
	.hours_col_1, .hours_col_2{
		width:100%;
		display:block;
	}
}







/*------------ Inline box OHNE float mit clearfix ----------*/
.inline_row{
	width:100%;
	position:relative;
	float:none;
	clear:both;
}
	.inline_row:after{
		content:'';
		display:table;
		width:100%;
	}
/*-------- Grundaufbau für die Themenboxen Headline, Bild, Text -------*/
.ibox{
	padding-bottom:30px;
}
	/*Die hr.tristar in einer inline_row setzen keinen Anstand nach unten. Dieser wird von ibox_head erzeugt.*/
	.inline_row hr.tristar{
		margin-bottom:0;
	}
	.ibox a, .ibox a:hover{
		text-decoration:none;
		color:inherit;
	}
	.ibox_head{
		font-family:roboto2014_light, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		font-size:2.22222em;
		line-height:1.2em;
		color:rgb(84,137,48);
		margin:15px 0 30px 0;
		position:relative;
	}
	.ibox_img{
		margin-bottom:24px;
		position:relative;
	}
		.ibox_img img{
			display:block;
			border:none;
		}
	.ibox_img_gal{
		position:absolute;
		right:2px;
		bottom:2px;
		z-index:10;
	}
		.ibox_img_gal img{
			width:50px;
			height:50px;
			float:left;
			margin-left:2px;
			border:1px solid white;
			border-radius:1px;
		}
	.ibox_body{
		position:relative;
	}
		.ibox_body *:last-child{
			margin-bottom:0;
		}
			.ibox .link_mehr{
				font-family:roboto2014_medium, Arial, "Arial Unicode MS", Helvetica, sans-serif;
				color:rgb(84,137,48);
				white-space:nowrap;
			}
				.ibox .link_mehr:after{
					/*arrow-circle-right*/
					content:'\f0a9';
					display:inline-block;
					font-family:fontawesome;
					margin-left:0.25em;
				}

	/*zweispaltige ibox in igrid*/
	.ibox_igrid .igrid_col{
		width:50%;
	}
	/*HR, die später eingeblendet werden, sobal das igrid einspaltig wird*/
	hr.tristar.hidden{
		display:none;
	}

/*Ausnahmen*/
.start_news{
	margin-bottom:20px;
}
.link_btn_speisekarte{
	float:right;
	font-size:18px;
	line-height:1.4em;
	padding-top:5px;
	color:white !important;
	position:relative;
	z-index:10;
	margin-top:20px;
}
.start_bus_motorrad{
	margin-bottom:20px;
}

.col_newsbox{
	margin-bottom:30px;
}


@media screen and (max-width:1200px){
	.ibox{
		padding-bottom:10px;
	}
	.ibox_head{
		font-size:32px;
		margin:5px 0 20px 0;
	}
		.link_btn_speisekarte{
			margin-top:5px;
		}
	.ibox_body{
		font-size:16px;
	}
}
@media screen and (max-width:1024px){
	.ibox_head{
		font-family:roboto2014_condensed_light, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		font-size:28px;
	}
		.link_btn_speisekarte{
			margin-top:2px;
		}
	.ibox_igrid .igrid_row{margin-left:-30px;}
		.ibox_igrid .igrid_col{border-width:30px;}
}
@media screen and (max-width:930px){
	.ibox_head{font-size:24px;}
	.link_btn_speisekarte{
		margin-top:0;
	}
}
@media screen and (max-width:760px){
	.ibox_igrid .igrid_row{margin-left:-20px;}
		.ibox_igrid .igrid_col{border-width:20px;}
	.ibox_head{font-size:22px;}
}
@media screen and (max-width:600px){
	/*einspaltig*/
	.ibox_igrid .igrid_row{
		margin-left:0;
	}
		.ibox_igrid .igrid_col{
			width:100%;
			border-style:hidden;
			margin-left:0;
		}
		.ibox_igrid .igrid_col:first-child{
			margin-bottom:10px;
		}
	/*versteckte Trenner einblenden*/
	hr.tristar.hidden{
		display:block;
	}

	.link_btn_speisekarte{
		float:none;
		margin:10px 0 10px 0;
	}
}





/*Videos*/
.embed-container{
	display:block !important;
	position: relative;
	padding-bottom: 56.25%;
	overflow:hidden;
	max-width:100%;
	height:auto;
}

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

.embed-size-container
{
	max-width:830px;
}









/*============= Seitenfuss =============*/
.cta_row{
	color:white;
	background-color:rgb(135,172,110);
	border-bottom:10px solid rgb(255,204,0);
}
	.cta_row a, .cta_row a:hover{
		text-decoration:none;
		color:inherit;
	}
	.cta_box{
		text-align:center;
		font-family:roboto2014_medium, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		font-size:48px;
		line-height:1.2em;
		padding:17px 0 24px 0;
	}
		.cta_icon_left{
			margin-right:0.5em;
		}
		.cta_icon_right{
			margin-left:0.5em;
		}

.footer_row{
	color:white;
	background-color:rgb(84,137,48);
}
	.footer_row a, .footer_row a:hover{
		text-decoration:none;
		color:white !important;
	}
	.footer_box{
		padding:30px 0 32px 0;
		color:white;
		font-family:roboto2014_light, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	}

		/*Adresse, Öffnungszeiten, verschachtelte igrids*/
		.footer_box p{
			margin-bottom:1.5em;
		}
		.fo_h1{
			font-size:27.5px;
			line-height:1.2em;
			font-family:roboto2014_medium, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		}
		.fo_h2{
			font-size:1.333333em;
		}

		.fo_left, .fo_right{
			width:50%;
		}
			.fo_h_left, .fo_h_right{
				width:50%;
			}
		/*Ausnahmen*/
		.fo_left{
			font-size:21px;
		}
			.fo_right .fo_h1{
				margin-bottom:29px;
			}


		/*footer Menu*/
		.fo_links{
			width:100%;
			float:left;
			clear:both;
			text-align:center;
			border-top:1px solid rgb(118,161,89) !important;
			padding-top:20px;
		}
			.fo_links a{
				display:inline-block;
				margin-left:1em;
			}
				.fo_links a:first-child{
					margin-left:0;
				}

/*------- CTA Footer viewports ----------*/
@media screen and (max-width:1240px){
	.footer_box{
		font-family:roboto2014_condensed_light, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	}
		.footer_box .igrid_row{
			margin-left:-30px;
		}
		.footer_box .igrid_col{
			border-width:30px;
		}
	.fo_left{
		width:40%;
	}
	.fo_right{
		width:60%;
	}
}
@media screen and (max-width:1024px){
	.footer_box{
		font-size:16px;
	}
	.fo_left{
		font-size:inherit;
	}
		.fo_h1{
			font-size:23px;
		}
		.fo_right .fo_h1{
			margin-bottom:10px;
		}
}
@media screen and (max-width:1000px){
}
@media screen and (max-width:800px){
	.fo_contact{
		text-align:center;
	}
		.fo_contact > .igrid_row{
			margin-left:0;
		}
			.fo_left, .fo_right{
				width:100%;
				border-style:none;
				margin-right:0;
			}
			.fo_right{
				border-top:1px solid rgb(118,161,89) !important;
				padding-top:20px;
			}
}
@media screen and (max-width:760px){
	.cta_box{
		font-size:40px;
		line-height:1.2em;
	}
}
@media screen and (max-width:600px){
	.cta_box{
		font-family:roboto2014_condensed_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		font-size:32px;
		line-height:1.2em;
	}

	.fo_h1{
		font-family:roboto2014_condensed_bold, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		font-size:24px;
	}
	.fo_hours > .igrid_row{
		margin:0;
	}
		.fo_h_left, .fo_h_right{
			width:100%;
			border-style:hidden;
			margin-right:0;
		}
}
@media screen and (max-width:470px){
	.cta_box{
		font-size:28px;
		line-height:1.2em;
	}
	.cta_icon_left{
		display:block;
		text-align:center;
		font-size:64px;
		line-height:1em;
		margin:0;
	}
}
@media screen and (max-width:400px){
}





/*==================== NAVIGATION ====================*/
/*================ Menü Popups =====================*/
/*--- Menü-Popups allgemein. Suche, Sprachwahl ---*/
/*Die beiden Controls werden immer an dem auslösenden Button geöffnet. s. JS*/
.cms4d_menu_popup, .cms4d_menu_popup *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/*Gesamtcontainer für Positionierung*/
.cms4d_menu_popup{
	position:absolute;
	/*Der Abstand des Pfeils + Content zur Oberkante des Containers kann über eine transparente border gesichert werden.
	Dadurch werden beide Element nach unten versetzt, um den optischen Abstand zum auslösenden Button zu steuern.*/
	border-top:4px solid transparent;
	display:none;
	z-index:10000;
}
	/*Aufwärtspfeil-Container. Der sichtbare Pfeil, der auf den auslösenden Button zeigt wird als :before hierin mittig zentriert*/
	.cms4d_menu_popup_arrow{
		position:absolute;
		font-size:0.0001px;
		line-height:0.0001px;
		text-align:center;
		left:0;
		top:0;
	}
		.cms4d_menu_popup_arrow.arrow_back{
			z-index:10;
		}
			.cms4d_menu_popup_arrow.arrow_back:before{
				content:'';
				display:block;
				width:0;
				height:0;
				border:10px solid rgb(153,153,153);
				border-top-style:hidden;
				border-left-color:transparent;
				border-right-color:transparent;
				position:absolute;
				left:50%;
				margin-left:-10px;
				margin-top:-10px;
			}
		.cms4d_menu_popup_arrow.arrow_front{
			z-index:30;
		}
			.cms4d_menu_popup_arrow.arrow_front:before{
				content:'';
				display:block;
				width:0;
				height:0;
				border:10px solid white;
				border-top-style:hidden;
				border-left-color:transparent;
				border-right-color:transparent;
				position:absolute;
				left:50%;
				margin-left:-10px;
				margin-top:1px;
				margin-top:-9px;
			}
	.cms4d_menu_popup_content{
		z-index:20;
		position:relative;
		background-color:white;
		border:1px solid rgb(153,153,153);
		border-radius:5px;
		-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5);
		box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5);
		padding:9px 10px 11px 10px;
	}

/*Aussehen der Formularelemente für alle Browser und OS vereinheitlichen*/
.cms4d_menu_popup input,
.cms4d_menu_popup button{
	/*Erscheinungsbild aufheben*/
	-webkit-appearance:none;
	-moz-appearance:none;
	appearence:none;
	font-size:1em;
}
	.cms4d_menu_popup input[type=text]{
		border:1px solid rgb(204,204,204);
		background-color:rgb(240,240,240);
		border-radius:4px;
		height:2em;
		padding:0;
		padding-left:5px;
	}
	.cms4d_menu_popup input[type=button],
	.cms4d_menu_popup input[type=submit],
	.cms4d_menu_popup button{
		height:2em;
		min-width:2em;
		cursor:pointer;
		padding:0;
		color:white;
		background:rgb(153,153,153);
		border-radius:5px;
		border:1px solid rgb(153,153,153);
	}

/*Menüpopup Suche*/
.cms4d_menu_popup.search{
	line-height:1em;
}
	/*Submit Button mit Icon.
	ACHTUNG: w3 HTML5 validator bemängelt es, wenn im HTML für ein INPUT type=submit ein Icon direkt über die value-Eigenschaft gesetzt wird,
	und hierzu ein Zeichen (HTML Entität) aus dem privaten Unicode-Bereich genutzt wird (Fontawesome Lupe Symbol = ).
	Deshalb wird hier ein BUTTON type=submit verwendet, dessen innerHTML normal mit CSS gestyled werden kann, um das Icon zu erzeugen.*/
	.cms4d_menu_popup.search button[type=submit]:before{
		font-family:fontawesome;
		/*icon-search*/
		content:'\f002';
	}
	
/*Menüpopup Sprachwahl*/
.cms4d_menu_popup.langswitch .cms4d_menu_popup_content{
	padding-top:2px;
	padding-bottom:5px;
}
.cms4d_menu_popup.langswitch a{
	color:rgb(102,102,102);
	display:block;
	border-top:1px solid rgb(204,204,204);
	padding:0.4em 0 0.4em 0;
}
	.cms4d_menu_popup.langswitch a:first-child{
		border-top:none;
	}
	.cms4d_menu_popup.langswitch a.on{
		color:rgb(227,0,11);
		font-family:roboto2014_medium, Arial, Helvetica, sans-serif;
	}

/*---------- Funktionsmenüs Suche, Sprachumschaltung -----------*/
/*Menbuttons Suche und Sprachumschaltung. Die eigentliche Schaltfläche liegt auf dem innenliegenden SPAN. Der äußere DIV wird zur Erzeugung der vertikalen Trenner verwendet :before*/
.hm_buttons{
	color:white;
	float:left;
	margin-left:0.8em;
	cursor:default;
}
	.hm_btn{
		float:left;
	}
		/*Hyperlinks*/
		.hm_btn a, .hm_btn a:hover{
			color:inherit;
			text-decoration:none;
		}
		/*Trenner v*/
		.hm_btn:before{
			content:'|';
			color:inherit;
			display:inline-block;
		}
			/*Schaltfläche*/
			.hm_btn span{
				display:inline-block;
				padding:7px 0.5em 7px 0.5em;
				cursor:pointer;
			}
			/*Icons*/
			.hm_btn span:before, .hm_btn span:after{
				display:inline-block;
				font-family:fontawesome;
			}
				.hm_btn.btn_search span:before{
					/*icon-search*/
					content:'\f002';
				}
				.hm_btn.btn_langswitch span:after{
					/*icon-caret-down*/
					content:'\f0d7';
					color:inherit;
					margin-left:0.25em;
				}
			/*Ausnahmen*/
			/*Der letzte Button hat kein padding-right, so dass er rechts optisch mit dem Satzspiegel abschließt.*/
			.hm_btn:last-child span{
				padding-right:0;
			}

/*--- In Funktionsmenü mit FMenu, Tabletansicht ---*/
.fm_buttons{
	color:white;
	margin-right:10px;
	float:left;
}
	.fm_btn{
		float:left;
		font-size:21px;
		line-height:1em;
		color:inherit;
		margin-right:0.25em;
	}
		.fm_btn span{
			display:inline-block;
			padding:8px 0.25em 8px 0.25em;
			cursor:pointer;
		}
			.fm_btn span:before, .fm_btn span:after{
				display:inline-block;
				font-family:fontawesome;
			}
			.fm_btn.btn_search span:before{
				/*icon-search*/
				content:'\f002';
			}
			.fm_btn.btn_langswitch span:after{
				/*icon-caret-down*/
				content:'\f0d7';
				color:inherit;
				margin-left:0.25em;
			}

/*---------- Sprachumschaltung im Smartphonebereich -----------*/
.fb_buttons{
	float:right;
	/*zunächst unsichtbar*/
	display:none;
}
	.fb_btn{
		float:left;
		margin-left:0.25em;
	}
		.fb_btn span{
			display:inline-block;
			padding:5px;
			cursor:pointer;
		}
			.fb_btn span:before, .fb_btn span:after{
				display:inline-block;
				font-family:fontawesome;
			}
			.fb_btn.btn_search span:before{
				/*icon-search*/
				content:'\f002';
			}
			.fb_btn.btn_langswitch span:after{
				/*icon-caret-down*/
				content:'\f0d7';
				color:rgb(230,230,230);
				margin-left:0.25em;
			}
/*Ausnahmen für geöffneten Zustand*/
.hm_btn.btn_langswitch.is_open span:after,
.fm_btn.btn_langswitch.is_open span:after,
.fb_btn.btn_langswitch.is_open span:after{
	/*icon-caret-up*/
	content:'\f0d8';
}








/*------- Hauptmenu Dropdown -------*/
.hmenu_container{
	float:right;
}
.hmenu{
	color:rgb(51,51,51);
	font-family:roboto2014_light, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	font-size:21px;
	margin-top:2px;
}
.hmenu a{
	color:inherit;
	display:block;
}
	.hmenu li.lvl0{
		margin-left:1.2em;
	}
		.hmenu li.lvl0:first-child{
			margin-left:0;
		}
		.hmenu a.lvl0{
			padding:7px 0 12px 0;
		}
			.hmenu a.lvl0 > span{
				display:inline-block;
			}
				/*Icons*/
				.___________________hmenu a.lvl0:before{
					/*icon-circle*/
					content:'\f111';
					/*icon-square*/
					content:'\f0c8';
					font-family:fontawesome;
					color:inherit;
					display:inline-block;
					margin-right:0.25em;
					color:rgb(179,179,179);
				}
				/*Home nur als Icon Haus, Text ausblenden*/
				.hmenu li.page-start a.lvl0:before{
					/*icon-home*/
					content:'\f015';
					font-family:fontawesome;
					display:inline-block;
					position:relative;
					top:-0px;
					color:rgb(153,153,153);
				}
					.hmenu li.page-start > a.lvl0 > span{
						display:none;
					}
		/*Home-Link komplett ausblenden*/
		.______________hmenu li.page-start{
			display:none;
		}
.hmenu .sub{
	width:300px;
	padding-bottom:30px;
	line-height:1.2em;
	font-family:inherit;
	font-size:18px;
}
.hmenu .sub2{
	border-radius:10px;
}
	.hmenu .sub a{
		color:inherit;
		color:rgb(128,128,128);
		border-top:1px solid rgb(230,230,230);
	}
		.hmenu .sub li:first-child a{
			border-top:none;
		}
		.hmenu .sub a > span{
			display:inline-block;
			/*Damit bei mehrzeilig umbrechenden Beschriftungen das Bullet außerhalb des Textblocks liegt, wird im span links eine
			große margin gesetzt und das Bullet negativ nach links aus dem Container gezogen.*/
			padding:10px 10px 12px 2em;
		}
			.hmenu .sub a > span:before{
				/*icon-circle-o*/
				content:'\f10c';
				/*icon-circle*/
				content:'\f111';
				/*icon-square*/
				content:'\f0c8';
				/*chevron-circle-right*/
				content:'\f138';
				font-family:fontawesome;
				width:1em;
				display:inline-block;
				margin:0 0.25em 0 -1.25em;
				position:relative;
				color:rgb(204,204,204);
			}

	/*hover, act, on*/
	.hmenu a:hover,
	.hmenu a.act,
	.hmenu a.on,
	.hmenu li.cms4d_js_open a.lvl0{
		color:rgb(84,137,48);
	}
		.hmenu a:hover:before,
		.hmenu a.act:before,
		.hmenu a.on:before,
		.hmenu li.cms4d_js_open a.lvl0:before{
			color:rgb(84,137,48);
		}
	.hmenu a.act, .hmenu a.on{
			font-family:roboto2014_medium, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	}
		.hmenu .sub a:hover, .hmenu .sub a.act, .hmenu .sub a.on{
		}
		.hmenu .sub a.act, .hmenu .sub a.on{
		}
		.hmenu .sub a:hover > span:before,
		.hmenu .sub a.act > span:before,
		.hmenu .sub a.on > span:before,
		.hmenu li.page-start a.lvl0:hover:before{
			color:rgb(84,137,48);
		}
	.hmenu li.page-start a.lvl0.on:before{
		color:rgb(84,137,48);
	}












/*--- Submenu Treeview ---*/
.smenu_1_container{
	width:100%;
	float:left;
	clear:both;
	margin-top:2px;
}
.tree{
	width:100%;
	float:left;
	clear:both;
	font-size:18px;
	line-height:1.2em;
	font-family:roboto2014_condensed_light, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:rgb(102,102,102);
}
.tree ul, .tree li{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}
.tree a{
	display:block;
	text-decoration:none;
	color:inherit;
}
.tree a > span{
	display:block;
}
	/*Level 0*/
	.tree a.lvl0{
		/*border-top:1px solid rgb(230,230,230);*/
		font-size:21px;
		line-height:1.2em;
	}
		.tree li.lvl0:first-child a{
			border-top:none;
		}
		.tree a.lvl0 > span{
			padding:0.4em 0 0.4em 0;
		}
			.tree a.lvl0 > span:before{
				/*icon-circle-o*/
				content:'\f10c';
				/*icon-circle*/
				content:'\f111';
				/*icon-square*/
				content:'\f0c8';
				/*chevron-circle-right*/
				content:'\f138';
				font-family:fontawesome;
				display:inline-block;
				width:1.2em;
				margin-left:-1.2em;
				color:rgb(204,204,204);
			}
/*Level n*/
.tree .sub{
	font-size:18px;
	padding-bottom:10px;
}
	.tree .sub2{
		display:block;
	}
		.tree .sub a{
			/*padding:0.14em 0 0.14em 0;*/
			padding:0.25em 0 0.25em 0;
		}
			.tree .sub a span:before{
				/*icon-circle-o*/
				content:'\f10c';
				/*icon-circle*/
				content:'\f111';
				/*icon-square*/
				content:'\f0c8';
				font-family:fontawesome;
				display:inline-block;
				width:1.2em;
				margin-left:-1.2em;
				color:rgb(217,217,217);
				/*schmaleres Bullet*/
				/*caret-right*/
				content:'\f0da';
				width:0.7em;
				margin-left:-0.7em;
			}
	/*hover, act, on*/
	.tree a:hover, .tree a.act, .tree a.on{
		color:black;
	}
		.tree a:hover > span:before,
		.tree a.act > span:before,
		.tree a.on > span:before{
			/*icon-circle*/
			/*content:'\f111';*/
			color:rgb(84,137,48);
		}
	.tree a.act > span:before,
	.tree a.on > span:before{
	}
	.tree a.on{
		color:rgb(84,137,48);
		font-family:roboto2014_condensed_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	}
	.tree .sub a.on{
	}

	/*Einrückungen / Offsets STANDARD für breite Bullets*/
	.tree a.lvl0{padding-left:1.2em;}
	/*Einrückung ab lvl1: für durchgängig ab lvl0 gleich formatierte Treeviews = Standardeinrückung lvl0 + (Standardeinrückung lvln * n).*/
	.tree a.lvl1{padding-left:2.65em;}
	.tree a.lvl2{padding-left:3.95em;}
	.tree a.lvl3{padding-left:5.2em;}
	.tree a.lvl4{padding-left:6.5em;}
	.tree a.lvl5{padding-left:7.8em;}
	.tree a.lvl6{padding-left:9.05em;}
	.tree a.lvl7{padding-left:10.35em;}
	.tree a.lvl8{padding-left:11.6em;}

	/*----- Ausnahmen--------
	Bullet Pfeil sehr schmal, deshalb kleinere Offsets*/
	.tree a.lvl1{padding-left:2.2em;}
	.tree a.lvl2{padding-left:3.0em;}
	.tree a.lvl3{padding-left:3.8em;}
	.tree a.lvl4{padding-left:4.7em;}
	.tree a.lvl5{padding-left:5.5em;}
	.tree a.lvl6{padding-left:6.3em;}
	.tree a.lvl7{padding-left:7.2em;}
	.tree a.lvl8{padding-left:8.0em;}







/*--- fmenu0 ---*/
.fmenu0_row{
	display:none;
}
.fmenu0_btn_container, .fmenu0_btn_container *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.fmenu0_btn_container{
	float:right;
	position:relative;
	margin-right:20px;
	z-index:20;
}
/*Sichtbarer Button*/
.fmenu0_btn{
	position:absolute;
	right:0;
	top:-55px;
}
		/*Button mit Icon und Label*/
		.fm_button{
			font-family:roboto2014_condensed_regular, Arial, 'Arial Unicode MS', Helvetica, sans-serif;
			font-size:21px;
			line-height:1em;

			float:left;
			position:relative;
			color:rgb(102,102,102);
			background-color:white;
			border:1px solid rgb(204,204,204);
			border-radius:5px;
			min-height:39px;
			white-space:nowrap;
			cursor:pointer;
			padding:0 7px 0 10px;
		}
			.fm_button .icon{
				display:inline-block;
				padding-top:7px;
			}
				.fm_button .icon:before{
					/*icon-reorder*/
					content:'\f0c9';
					font-family:'fontawesome';
					display:inline-block;
					width:1em;
				}
			.fm_button .label{
				display:inline-block;
				padding:7px 2px 0 3px;
			}
			/*wenn FMenu offen*/
			.fmenu0_btn .btn_fmenu_opener.open{
				color:rgb(153,153,153);
				background-color:rgb(235,235,235);
				border-color:rgb(153,153,153);
				border-bottom-left-radius:0;
				border-bottom-right-radius:0;
				border-bottom:none;
				/*Mindesthöhe = negativer Offset des Öffnen-Buttons (.fmenu0_btn_container oder .fmenu0_btn)*/
				min-height:56px;
				/*min-height:46px;*/
				/*Nachfolgenden FMenu Container um 1px nach oben ziehen, so dass der Öffnen-Button diesen überlagert.*/
				margin-bottom:-1px;
			}
				.fmenu0_btn .btn_fmenu_opener.open .icon:before{
					/*icon-remove*/
					content:'\f00d';
					/*Zeichen zentrieren*/
					padding-left:1px;
					margin-right:-1px;
				}
			#fmenu0_container .cms4d_fmenu_content{
				border-top:1px solid rgb(153,153,153);
			}

#fmenu0_container{
	/*margin-top:-1px;*/
	z-index:10;
}
	.cms4d_fmenu_head, .cms4d_fmenu_body, .cms4d_fmenu_footer{
		background-color:rgb(235,235,235);
		color:black;
	}
		/*Icon: zurück zur aktuellen Seite, r/o neben Menütitel*/
		.cms4d_fmenu_head .btn.act:before{
			color:rgb(102,101,99);
		}
		/*Taste allgemein*/
		.cms4d_fmenu .fbtn{
			background-color:white;
			border-color:rgb(204,204,204);
		}
			/*Icon: Taste mit eigenem Seitenlink, Doc Symbol links vor Text*/
			.cms4d_fmenu .flbl a:before{
				color:rgb(153,152,151);
			}
			/*Icon: Taste allgemein, Symbol Pfeil nach rechts - nächste Ebene*/
			.cms4d_fmenu .fcbtn > span{
				background-color:rgb(153,153,153);
			}
			/*--- act, on ---*/
			/*aktive Taste*/
			.cms4d_fmenu .fcol.on .fbtn{
				font-family:roboto2014_condensed_regular, Arial, Helvetica, sans-serif;
				background-color:rgb(245,215,51);
				border-color:rgb(153,153,153);
			}
				/*Icon aktive Taste*/
				.cms4d_fmenu .fcol.on .flbl a:before{
					color:rgb(102,101,99);
				}
				/*Text aktive Taste*/
				.cms4d_fmenu .fcol.on .flbl a {
					color:rgb(51,51,51);
				}
		.cms4d_fmenu_footer .btn{
			background-color:rgb(153,153,153);
		}
/*Zeilenumbrüche durch Entität*/
.cms4d_fmenu .flbl span{
	white-space:pre-line;
}




/*--- Breadcrumb Menü ---*/
/*Farben erben. So muss je nahc Hintergrundfarbe der Seite nicht explizit jedes Unterelement neu formatiert werden.*/
.bcmenu{
	color:inherit;
}
	.bcmenu .btn,
	.bcmenu .btn.on,
	.bcmenu a.btn
	{
		color:inherit;
	}
.bcmenu a > span{
	/*Für mehrzeillige Menülabels mit 
 als Entität für Zeilenumbruch muss der Umbruch neutralisiert werden.
	Andernfalls verschiebt sich die Grundlinie in iOS Safari gegenüber den anderen Labeln, obwohl der Text optisch nur in einer Zeile gerendert wird.*/
	word-break:break-all;
	white-space:normal;
}
.bcmenu_top{
	margin-bottom:10px;
	display:none;
}
.bcmenu_bottom{
	/*border-top:1px solid rgb(230,230,230);*/
	padding:10px 0 15px 0;
}
/*Nie auf Startseite*/
body.page-start .bcmenu_top, body.page-start .bcmenu_bottom{
	display:none;
}
/*Home Button nur Icon*/
.bcmenu .btn.home > span{display:none;}
	.bcmenu .btn.home:after{
		/*icon-home*/
		content:'\f015';
		font-family:fontawesome;
		display:inline-block;
	}





/*================== VIEWPORTS ================*/
/*--- Alle Browser, die mediaqueries unterstützen, ab IE9 ---*/
@media screen and (width){
	/*--- IE8 Layoutbreiten-Begrenzung aufheben ---*/
	/*Für alle Browser, die mediaqueries unterstützen darf das Layout jetzt schrumpfen. Min. 320px (incl. padding!), iPhone3 hoch*/
	.row_center{
		min-width:280px;
	}
}
/*Die nächste typische größere Monitorbreite wäre 1330px.*/
@media screen and (min-width:1315px){
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1240px){
	/*=== Navigation ====*/
	.tree{
		font-family:roboto2014_condensed_light, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	}
		.tree a.on{
			font-family:roboto2014_condensed_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		}
		.tree .sub{
			font-size:16px;
		}
}
@media screen and (max-width:1200px){
	.hpad_1{padding-left:30px;padding-right:30px;}
	.vpad_1{padding-top:30px;padding-bottom:30px;}
}
@media screen and (max-width:1160px){
}
@media screen and (max-width:1100px){
}
/*Ab iPad quer*/
@media screen and (max-width:1024px){
	.hpad_1{padding-left:20px;padding-right:20px;}
	.vpad_1{padding-top:20px;padding-bottom:20px;}
}
/*--- ab kleiner XGA 1024, < iPad quer ---*/
@media screen and (max-width:1000px){
	/*=== Blockformate ===*/
	/*h1{font-size:30px;}
	h2{font-size:24px;}*/
	/*h3{font-size:1.3em;}
	h4{font-size:1.1em;}*/
}
@media screen and (max-width:950px){
}
@media screen and (max-width:939px){
	/*=== cms4d grid ===*/
	/*Ab hier Spaltenabstand für alle grid Layoutkombinationen pauschal verkleinern*/
	div[class*=c4g_grid_]{margin-left:-20px;padding-bottom:20px;}
		div[class*=c4g_grid_] > div{border-left-width:20px;border-top-width:20px;}
	/*Margin bei im Inhalt fließenden Bildern verringern*/
	.html_content img.bild_links{margin-right:30px;}
	.html_content img.bild_rechts{margin-left:30px;}
	/*=== fbox_2 ===*/
	/*Spaltenabstand global verringern*/
	.fbox_2 .box_img{padding-right:10px;}
		.fbox_2 .box_img ~ *{
			padding-left:10px;
		}

	/*=== Layout ===*/
	/*Startseite: rechte Spalte bricht immer in volle Breite unter center_col.
	Der Platz für center_col 100% ist bei Viewportbreite 624px exakt so breit wie 2 Spalten im Ursprungslayout: 2 Spalten zu 300 + 1 Spaltenabstand zu 20 + 2 padding außen zu 15*/
	body.page-start .center_col{
		width:100%;
		clear:both;
	}
}
@media screen and (max-width:800px){
}
/*--- grosse Tablets hoch ---*/
@media screen and (max-width:774px){
	.hpad_1{padding-left:20px;padding-right:20px;}
}
/*--- mittlere Tablets iPad hoch (768) ---*/
@media screen and (max-width:768px){
}
/*--- ab kleiner iPad ---*/
@media screen and (max-width:760px){
	.hpad_1{padding-left:15px;padding-right:15px;}
	.vpad_1{padding-top:15px;padding-bottom:15px;}
	/*Inline Bilder: ab jetzt max. breit und durch display:block alleinstehend in ihrer Zeile*/
	.content_container img.bild_links, .content_container img.bild_rechts{
		float:none;
		max-width:100%;
		display:block;
		margin-left:0;
		margin-right:0;
		margin-bottom:15px;
	}
}
@media screen and (max-width:708px){
	/*=== cms4d grid ===*/
	/*Inline Bilder: ab hier schrumpfen alle inline Bilder gleich schnell mit gleicher Breite*/
	.content_container img.bild_links, .content_container img.bild_rechts{
		max-width:42%;
	}
	/*=== fbox_2 ===*/
	/*ALLE fbox_2 Varianten: Texte floaten ab jetzt regulär rechts ums Bild.*/
	.fbox_2 .box_img{
		padding-right:inherit;
		margin-right:20px;
		margin-bottom:5px;
	}
		.fbox_2 .box_img ~ *{
			float:none !important;
			clear:none !important;
			width:auto !important;
			display:block !important;
			left:auto !important;
			margin-right:auto !important;
			padding-left:inherit !important;
		}
		/*LI-Elemente umfließen lassen. Die übergeordnete UL erstreckt sich hinter dem Bild über die volle Breite des Spalten-Containers.
		BEACHTE: leider ist es nicht gelungen, auch die Listen zufriedenstellend um das .box_img fließen zu lassen. Hierzu sind umfangreiche Regelumschreibungen notwendig.
		Trotzdem ergibt sich das altbekannte Problem, dass die LI-Elemente immer ganz nach links unter dem Bild durchfließen. Also spätestens bei mit Linien getrennten
		LI-Elementen zeigt sich eine unschöne Darstellung. Die folgende Lösung ist so halbwegs brauchbar...
		ACHTUNG: allerdings wird der Text nach den Icons beim Opera mobile in die nächste Zeile umgebrochen. Keine Idee...*/
		.fbox_2 ul > li{
			/*sehr dubios - aber funktioniert als einzige Variante so, dass die LI-Elemente tatsächlich wie gewünscht vom links stehenden .box_img vollkommen verdrängt werden.*/
			display:table;
			border:none;
		}
			/*ggf. gesetzte Trennlinien ausblenden. Leider gibt es keine Möglichkeit den LI-Elementen eine volle Breite zu setzen, so dass die Trennlinien immer nur
			so breit sichtbar sind, wie der innere Text das LI auseinanderdrückt. Das sieht dann bei unterschiedlichen Längen rechts ziemlich ausgefranst aus.*/
			.fbox_2 ul.hlines li{
				border-top-style:none;
			}
			/*BR-Tags auflösen*/
			.fbox_2 br{
				display:none;
			}
}
@media screen and (max-width:680px){
	/*=== Blockformate ===*/
	h1{font-size:1.5em;}
	h2{font-size:1.3em;}
	h3{font-size:1.1em;}
}
/*viewport < Ursprungsbreite Kopfbilder Slider0 (664px) ---*/
@media screen and (max-width:663px){
}
@media screen and (max-width:660px){
	/*=== cms4d grid ===*/
	/*Spaltenzahlen anpassen*/
	div.c4g_grid_6 > div
	,div.c4g_grid_5 > div{width:25%;}
		div.c4g_grid_6 > div:nth-child(1n)
		,div.c4g_grid_5 > div:nth-child(1n){clear:none;border-top-style:none;}
		div.c4g_grid_6 > div:nth-child(4n+1)
		,div.c4g_grid_5 > div:nth-child(4n+1){clear:left;}
			div.c4g_grid_6 > div:nth-child(1n+5)
			,div.c4g_grid_5 > div:nth-child(1n+5){border-top-style:solid;}
	div.c4g_grid_3 > div{width:50%;}
		div.c4g_grid_3 > div:nth-child(1n){clear:none;border-top-style:none;}
		div.c4g_grid_3 > div:nth-child(2n+1){clear:left;}
			div.c4g_grid_3 > div:nth-child(1n+3){border-top-style:solid;}
}
@media screen and (max-width:650px){
}
/*--- Smartphone gross quer (z.B. Galaxy S3) ---*/
@media screen and (max-width:640px){
}
/*--- kleine Tablets, Smartphone mittel quer ab <= 610px ---*/
@media screen and (max-width:610px){
}
@media screen and (max-width:564px){
}
@media screen and (max-width:533px){
}
/*kleiner iPad Air2 Splitscreen 50%, quer*/
@media screen and (max-width:505px){
}
@media screen and (max-width:500px){
	.hpad_1{padding-left:15px;padding-right:15px;}
}
/*--- Smartphone quer < 480px (iPhone=480) ---*/
@media screen and (max-width:470px){
	/*=== cms4d fmenu ===*/
	/*einspaltig*/
	.cms4d_fmenu .fcol{width:100%;clear:both;}

	.col_header{
		font-size:1.75em;
	}
}
/*--- Smartphone hoch ab <= 400px ---*/
@media screen and (max-width:400px){
	/*=== cms4d grid ===*/
	/*Für alle Grids nur noch einspaltig*/
	div[class*=c4g_grid_] > div{width:100%;clear:both;}
		div[class*=c4g_grid_] > div:nth-child(1n+2){border-top-style:solid;}
	div.c4g_grid_33_66 > div{width:100%;}
		div.c4g_grid_33_66 > div:first-child{width:100%;}
	div.c4g_grid_66_33 > div{width:100%;}
		div.c4g_grid_66_33 > div:first-child{width:100%;}
	/*Inline Bilder: ab jetzt max. breit und durch display:block alleinstehend in ihrer Zeile*/
	.content_container img.bild_links, .content_container img.bild_rechts{
		float:none;
		max-width:100%;
		display:block;
		margin-left:0;
		margin-right:0;
		margin-bottom:15px;
	}
	/*Allgemeine Sonder-Regel, die beim Setzen der Zusatzklasse .c4g_final_2 ab hier bei einem zweispaltigen Grid endet.
	Dies wird z.B. für Thumbnailgalerien oder Logo Grids verwendet, die auch auf einem Handy (320, zweispaltig) noch gut lesbar/klickbar sind.*/
	div.c4g_final_2[class*=c4g_grid_] > div{
		width:50%;
		clear:none;
		border-top-style:solid;
	}
		div.c4g_final_2[class*=c4g_grid_] > div:nth-child(1), div.c4g_final_2[class*=c4g_grid_] > div:nth-child(2){
			border-top-style:none;
		}
		div.c4g_final_2[class*=c4g_grid_] > div:nth-child(2n-1){
			clear:left;
		}
	/*=== fbox_2 ===*/
	/*ALLE Elemente über volle Breite floaten.*/
	.fbox_2 .box_img{
		margin-right:0;
		margin-bottom:15px;
	}
		.fbox_2 .box_img, .fbox_2 .box_head, .fbox_2 .box_body, .fbox_2 .box_link{
			width:100% !important;
			float:left !important;
			clear:both !important;
		}
		.fbox_2 ul > li{
			/*Darstellung wurde vorher auf display:table geschaltet für Umfließen. Jetzt wieder zurücksetzen.*/
			display:list-item;
		}

	.hpad_1{padding-left:10px;padding-right:10px;}
	.vpad_1{padding-top:10px;padding-bottom:10px;}

	/*=== Blockformate ===*/
	h1{font-size:1.4em;}
}
/*--- unterhalb von großen Smartphones Hochformat (Galaxy SIII (360px), iPhone6 (375px), und Ähnliche) ---*/
@media screen and (max-width:350px){
}
/*--- Minimale Layoutbreite: Smartphone hoch bis 320px, typisch iPhone5 und älter und andere Ältere im Hochformat ---*/
@media screen and (max-width:320px){
}














/*================= Viewports Seitenkopf ==========*/
@media screen and (max-width:1240px){
	.hmenu li.lvl0{
		margin-left:1em;
	}
}
@media screen and (max-width:1200px){
	.hmenu{
		font-size:20.4px;
		font-family:roboto2014_condensed_light, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	}
		.hmenu a.act, .hmenu a.on{
			font-family:roboto2014_condensed_bold, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		}
}
@media screen and (max-width:1100px){
	.hmenu{
		font-size:19px;
		margin-top:4px;
	}
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:1020px){
	.head_info{
		font-family:roboto2014_condensed_light, Arial, "Arial Unicode MS", Helvetica, sans-serif;
		border:none;
	}
		.langmenu{
			float:right;
			clear:both;
			margin-top:10px;
		}
	.hmenu_container{
		width:100%;
		float:left;
		clear:both;
		border-top:1px solid rgb(84,137,48);
		margin-top:10px;
	}
		.hmenu{
			margin-top:0;
		}
}
@media screen and (max-width:939px){
	/*--- left_col, submenu ---*/
	/*Submenu ausblenden, center_col immer über volle Breite*/
	body.smenu_lvl_1 .left_col{
		display:none;
	}
		body.smenu_lvl_1 .center_col{
			padding-left:0;
		}

	/*--- Ab jetzt nur noch mobile Menü ----*/
	.top_row{
		border:none;
		background-color:rgb(84,137,48);
	}
		.btn_container_top{
			position:relative;
			right:auto;
			padding:0;
		}
			.btn_container_left, .btn_container_right{
				display:none;
			}
			.btn_buchen_top{
				border-radius:0;
				text-align:center;
				padding-top:12px;
				padding-left:0;
				padding-right:0;
			}
	.head_info{
		margin-top:15px;
		padding-bottom:0;
	}
		.head_phone{
			margin:0;
			float:right;
			clear:both;
			margin-bottom:0.25em;
		}
		.head_email{
			float:right;
			clear:both;
		}

	.btn_container_top{
		float:left;
	}
	.langmenu{
		display:none;
	}
	.langmenu_mobile{
		display:block;
	}

	.head_row{
		min-height:0;
		padding-bottom:15px;
	}

	/*Breadrumb oben/unten*/
	.bcmenu_top, .bcmenu_bottom{display:block;}
		/*nicht auf Startseite*/
		body.page-start .bcmenu_top{
			display:none;
		}

	/*Desktopmenu ausblenden, dafür mobile Menu*/
	.hmenu_container{
		display:none;
	}
	.fmenu0_row{
		display:block;
	}
}
@media screen and (max-width:840px){
}
@media screen and (max-width:800px){
}
@media screen and (max-width:760px){
	.fmenu0_btn_container{
		margin-right:15px;
	}
}
@media screen and (max-width:640px){
}
@media screen and (max-width:570px){
	.head_info{
		font-size:19px;
		margin-top:17px;
	}
}
/*kleiner iPad Air2 Splitscreen 50%, quer*/
@media screen and (max-width:505px){
	/*Menübeschriftung ausblenden*/
	.fmenu0_btn .label{
		display:none;
	}

	.head_info{
		font-size:17px;
	}
}
/*kleiner iPhone3 quer*/
@media screen and (max-width:470px){
	/*Logo Bitmap zentrieren*/
	.head_logo{
		width:100%;
		clear:both;
	}
		.head_logo img{
			margin:0 auto;
		}
	/*Kontakt in Reihe darunter*/
	.head_info{
		float:left;
		clear:both;
	}
		.head_phone, .head_email{
			float:none;
		}
}
/*Smartphone hoch*/
@media screen and (max-width:400px){
	.btn_buchen_top .btn_label_full{
		display:none;
	}
	.btn_buchen_top .btn_label_small{
		display:inline-block;
	}
}

















/*--- Container Formate ----*/
fieldset{
	border:none;
	padding:0px;
	margin:0px;
}
.box_headline_1 *, .box_headline_2 *{
	margin:0;
	padding:0;
}
.box_headline_1{
	color:white;
	background-color:rgb(169,14,14);
	text-align:left;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:6px 0 7px 9px;
}
.box_headline_2{
	color:white;
	background-color:rgb(205,131,26);
	text-align:left;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:6px 0 7px 9px;
}




/*Hilfsklassen*/
.clearboth{
	float:none;
	clear:both;
}
.displaynone{
	display:none;
}


/*=== cms4d Module ===*/
.cms4dmodul_2_teaser_modulcontainer, .cms4dmodul_3_teaser_modulcontainer{
	padding:0px;
	width:420px;
	float:right;
	margin-left:40px;
}
.cms4dmodul_2_teaser_modulcontainer ul, .cms4dmodul_2_teaser_modulcontainer li, .cms4dmodul_3_teaser_modulcontainer ul, .cms4dmodul_3_teaser_modulcontainer li{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	width:420px;
	
}
.cms4dmodul_2_teaser_modulbodycontainer, .cms4dmodul_3_teaser_modulbodycontainer{
	padding:0px;
	width:420px;
}
.cms4dmodul_2_teaser_modulbodycontainer ul li, .cms4dmodul_3_teaser_modulbodycontainer ul li{
	background-image:none;
	margin:0;
	padding:0;

}

.cms4dmodul_2_teaser_headline, .cms4dmodul_3_teaser_headline{
	color:rgb(136,119,96);
}

.cms4dmodul_2_liste_modulbodycontainer .news_liste_hr, .cms4dmodul_3_liste_modulbodycontainer .news_liste_hr{
}


/*---------------------------*/

.cms4dmodul_2_liste_modulcontainer, .cms4dmodul_3_liste_modulcontainer{
	margin-bottom:0px;
}
.cms4dmodul_2_liste_modulcontainer ul, .cms4dmodul_2_liste_modulcontainer li{
	margin:0;
	padding:0;
}
.cms4dmodul_3_liste_modulcontainer ul, .cms4dmodul_3_liste_modulcontainer li{
	list-style:none;
	margin:0;
	padding:0;
}
.cms4dmodul_2_liste_modulbodycontainer{
	margin:0;
	padding:0;
}
.cms4dmodul_3_liste_modulbodycontainer{
	background-color:transparent;
	padding:0px;
}
.cms4dmodul_2_liste_modulbodycontainer ul li, .cms4dmodul_3_liste_modulbodycontainer ul li{
	background-image:none;
	margin:0;
	padding:0;
}

.cms4dmodul_2_liste_headline, .cms4dmodul_3_liste_headline{
	font-size:1.2em;
	border-bottom:1px solid #E6E6E6;
	padding-bottom:0.5em;
	margin-bottom:1em;
}

.cms4dmodul_2_liste_modulbodycontainer .news_liste_hr, .cms4dmodul_3_liste_modulbodycontainer .news_liste_hr{
	border-top:1px solid white;
}

.cms4dmodul_2_liste_modulbodycontainer h2, .cms4dmodul_3_liste_modulbodycontainer .news_liste_hr{
	border-top:1px solid white;
}





/*htmlfragment_teaser*/
.htmlfragment_teaser
{
    
}
.html_teaser p{
	margin:0 0 0.5em 0;
}
.html_teaser_hr{
	border-top:1px dashed rgb(153,153,153);
	height:1em;
	margin-top:1em;
	clear:both;
}

.news_teaser{
	float:left;
	border-top:1px solid #E5DDC9;
	padding-top:1em;
	margin-bottom:1.2em;
	width:420px;
	font-size:0.9em;
}

.news_teaser h4{
	font-size:1.35em;
}
.news_teaser h4 a, .news_teaser h4 a:hover{
	color:rgb(179,157,107);
	text-decoration:none;
}

.news_teaser_date{
	font-weight:bold;
	font-size:1em;
}
.news_teaser_lnk{
	font-weight:bold;
}
.news_teaser .data_img_container{
	width:220px;
	overflow:hidden;
}
.news_teaser .data_img{
	border:none;
	margin-bottom:0.75em;
}

.news_teaser ul{
	list-style:none;
	margin:0;
	padding:0;
}
.news_teaser ul ul{
	list-style:none;
	margin:0 0 0 9px;
	padding:0;
}
.news_teaser ul li{
	padding:0;
	margin:0 0 0 -8px;
}

.news_teaser p{
	line-height:1.2em;
	padding:0;
	margin-bottom:0.6em;
}
.news_teaser p a, .news_teaser p a:hover{
	color:rgb(110,92,67);
	text-decoration:none;
}





/*=== Info Box 1, cms4dmodul -1 ===*/
/*für alle*/
.ibox_1_1 .body, .ibox_1_2 .body, .ibox_2_1 .body, .ibox_2_2 .body{
	border:1px solid #B0BCC4;
	background-color:#E9ECEF;
	padding:9px 9px 0 9px;
}
.ibox_1_1 img, .ibox_1_2 img, .ibox_2_1 img, .ibox_2_2 img{
	border:1px solid #B0BCC4;
	width:120px;
	height:90px;
	overflow:hidden;
	background-color:white;
}
/*Extraklasse für Modul-Container DIV, für kleinere Texte*/
.smalltext .body{
	font-size:9px;
}
.smalltext .ltable .td_left{
	padding-right:9px;
}

@media all{
	/*Die beiden Stile für ibox_1_1 sind bis auf die Überschrift (Farbe) identisch*/
	.cms4dmodul_-1_1_modulcontainer{
		margin-bottom:15px;
	}
	.ibox_1_1, .ibox_1_2{
	}
	.ibox_1_1_body_container{
	}
	.ibox_1_1 a, .ibox_1_2 a{
		color:black;
	}
	.ibox_1_1 a:hover, .ibox_1_2 a:hover{
	}
	.ibox_1_1 a.lnk_href, .ibox_1_2 a.lnk_href{
		color:rgb(153,0,102);
		font-weight:bold;
	}
	.ibox_1_1 .h_txt{
		color:black;
		font-size:1.2em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	.ibox_1_2 .h_txt{
		color:black;
		font-size:1.2em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	.ibox_1_1 a.h_txt, .ibox_1_2 a.h_txt{
		border:none;
		background-color:transparent;
		background-image:none;
		margin:0;
		padding:0;
		font-size:1em;
	}
	.ibox_1_1 .s_txt, .ibox_1_2 .s_txt{
		font-size:9px;
	}
	.ibox_1_1 .i_txt{
	}
	.ibox_1_1 .b_txt{
	}
	.ibox_1_1 .ltable, .ibox_1_1 .ltable{
		width:100%;
	}
	.ibox_1_1 .td_left, .ibox_1_2 .td_left{
		padding:0 15px 9px 0;
 	}
	.ibox_1_1 .td_right, .ibox_1_2 .td_right{
		width:100%;
 	}




	.cms4dmodul_-1_2_modulcontainer{
		margin-bottom:15px;
	}
	.ibox_2_1{
	}
	.ibox_2_1_body_container{
	}
	.ibox_2_1 a, .ibox_2_2 a{
		color:black;
	}
	.ibox_2_1 a:hover, .ibox_2_2 a:hover{
	}
	.ibox_2_1 a.lnk_href, .ibox_2_2 a.lnk_href{
		color:rgb(153,0,102);
		font-weight:bold;
	}
	.ibox_2_1 .h_txt{
		border-left:8px solid rgb(153,0,102);
		border-top:1px solid rgb(204,204,204);
		border-right:1px solid rgb(153,153,153);
		border-bottom:1px solid rgb(153,153,153);
		color:rgb(0,0,0);
		font-size:1em;
		margin:0;
		/*padding:5px 9px 7px 7px;*/
		padding:4px 9px 6px 7px;
		background-color:rgb(204,204,204);
		background-image:url(images-wd/box-headline-bg-hellgrau.gif);
		background-repeat:repeat-x;
	}
	.ibox_2_2 .h_txt{
		border-top:1px solid rgb(184,77,148);
		border-bottom:1px solid rgb(153,0,102);
		color:white;
		font-size:1em;
		margin:0;
		/*padding:5px 9px 7px 9px;*/
		padding:4px 9px 6px 9px;
		background-color:rgb(153,0,102);
		background-image:url(images-wd/box-headline-bg-violett.gif);
		background-repeat:repeat-x;
	}
	.ibox_2_1 a.h_txt, .ibox_2_2 a.h_txt{
		border:none;
		background-color:transparent;
		background-image:none;
		margin:0;
		padding:0;
	}
	.ibox_2_1_image_container, .ibox_2_2_image_container{
		margin-bottom:1em;
	}
	.ibox_2_1 .s_txt, .ibox_2_2 .s_txt{
		font-size:9px;
	}
	.ibox_2_1 .i_txt{
	}
	.ibox_2_1 .b_txt{
	}
}



/*--- Bildergalerie ---*/
.bildergalerie_container{
	margin-bottom:30px;
	width:100%;
	float:left;
}
.img_register{
	margin:0 0 1em 0;
}
.img_register .but_fwd_back{
	color:black;
	border:1px solid #D2D2D2;
	background-color:#EAEAEA;
	font-weight:bold;
	text-decoration:none;
	padding:1px 4px 2px 4px;
	margin-right:4px;
	float:left;
}
.img_register .but_fwd_back:hover{
	color:white;
	background-color:#AA8345;
	text-decoration:none;
}

.img_register .but_fwd_back_on{
	color:white;
	border:1px solid #D2D2D2;
	background-color:#AA8345;
	font-weight:bold;
	text-decoration:none;
	padding:1px 4px 2px 4px;
	margin-right:4px;
	float:left;
}

.bildergalerie_liste{
	width:100%;
	float:left;
	padding:0px;
	margin:0 auto;
}

.bildergalerie_liste .thumb_container{
	width:100px;
	height:100px;
	overflow:hidden;
	float:left;
	border:1px solid #7D8A80;
	margin-right:10px;
	margin-bottom:10px;
}
.bildergalerie_liste .thumb_container img{
	width:100px;
	height:100px;
	min-width:100px;
	min-height:100px;
	max-width:100px;
	max-height:100px;
	border:none;
}


/*--- Platzhalter Bildergalerien ---*/
.bildergalerie1{
	width:100%;
	float:left;
	max-width:860px;
}
.bildergalerie1 .galerie_content{
	width:100%;
	float:left;
	max-height:315px;
	overflow:hidden;
}

	.bildergalerie1 .galerie_content .big{
		float:left;
		width:50%;
	}
		.bildergalerie1 .galerie_content .big img{
			width:100%;
			max-width:430px;

			background-size:cover;
			background-repeat:no-repeat;
			border:1px solid #0083C6;
			border-radius:2px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		}

	.bildergalerie1 .galerie_content .thumb{
		float:left;
		width:50%;
		height:150px;
	}
		.bildergalerie1 .galerie_content .thumb img{
			width:47%;
			margin:0px 0px 3% 3%;
			float:left;

			background-size:cover;
			background-repeat:no-repeat;
			border:1px solid #0083C6;
			border-radius:2px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		}
		.bildergalerie1 .galerie_content .thumb a:nth-child(3) img{
			margin-bottom:0;
		}
		.bildergalerie1 .galerie_content .thumb a:nth-child(4) img{
			margin-bottom:0;
		}

	.bildergalerie1 .thumb2{
		display:none;
		float:left;
		width:100%;
		margin-top:1.5%;
		padding:10px 0px 0px 12px;
		background-color:#F0F0EE;
		border-radius:5px;

		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		.bildergalerie1 .thumb2 img{
			width:82px;
			height:46px;
			float:left;
			margin:0 10px 10px 0px;
			border:1px solid rgb(190,190,190);
			border-radius:2px;
		}


@media screen and (max-width:470px){

	.bildergalerie1 .galerie_content{
		max-height:none;
		overflow:visible;
	}
		.bildergalerie1 .galerie_content .big{
			width:100%;
			margin-bottom:2%;
		}
		.bildergalerie1 .galerie_content .thumb{
			width:100%;
			height:auto;
		}
			.bildergalerie1 .galerie_content .thumb img{
				width:49%;
				margin:0 2% 2% 0;
			}
			.bildergalerie1 .galerie_content .thumb a:nth-child(2) img{
				margin-right:0;
			}
			.bildergalerie1 .galerie_content .thumb a:nth-child(4) img{
				margin-right:0;
			}

	.bildergalerie1 .thumb2{
		margin-top:0.5%;
	}
}


.bildergalerie2{
	width:100%;
	float:left;
	max-width:860px;
}
.bildergalerie2 .galerie_content{
	width:100%;
	float:left;
	max-height:315px;
	overflow:hidden;
}

	.bildergalerie2 .galerie_content .thumb{
		float:left;
		width:50%;
	}
		.bildergalerie2 .galerie_content .thumb img{
			width:47%;
			margin:0 3% 3% 0;
			float:left;
			background-size:cover;
			background-repeat:no-repeat;
			border:1px solid #0083C6;
			border-radius:2px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		}


@media screen and (max-width:470px){

	.bildergalerie2 .galerie_content{
		max-height:none;
		overflow:visible;
	}
		.bildergalerie2 .galerie_content .thumb{
			width:100%;
			height:auto;
		}
			.bildergalerie2 .galerie_content .thumb img{
				width:49%;
				margin:0 2% 2% 0;
			}
			.bildergalerie2 .galerie_content .thumb a:nth-child(2) img{
				margin-right:0;
			}
			.bildergalerie2 .galerie_content .thumb a:nth-child(4) img{
				margin-right:0;
			}
}




.bildergalerie3{
	width:100%;
	float:left;
	max-width:860px;
}
.bildergalerie3 .galerie_content{
	width:100%;
	float:left;
	margin-bottom:1em;
}

	.bildergalerie3 .galerie_content .hero{
		float:left;
		width:100%;
		margin-bottom:0;
		border:1px solid #4365B5;

		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		.bildergalerie3 .galerie_content .hero img{
			width:100%;
		}

	.bildergalerie3 .galerie_content .prev{
		float:left;
		width:100%;
		background-color:#4365B5;
		padding:0px 0px 0px 1px;

		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	.bildergalerie3 .galerie_content .prev .thumb{
		float:left;
		width:25%;
		border-right:1px solid #4365B5;
		border-bottom:1px solid #4365B5;

		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		.bildergalerie3 .galerie_content .thumb img{
			width:100%;
			float:left;
			background-size:cover;
			background-repeat:no-repeat;
		}


@media screen and (max-width:400px){

	.bildergalerie3 .galerie_content .prev .thumb{
		width:50%;
	}
}








/*--- Event Liste/Details ---*/
.event_register{
	width:100%;
	float:left;
}
.event_register a, .event_register a:hover{
	color:white;
	border:1px solid #224191;
	background-color:#6C8DC5;
	padding:4px 4px 4px 4px;
	margin-right:4px;
	float:left;
	text-decoration:none;
	font-size:0.9em;
	border-radius:5px;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.event_register .year_buttons{
	float:left;
	clear:both;
	margin-bottom:4px;
}
.event_register .year_buttons a:hover{
	color:white;
	background-color:#224191;
	text-decoration:none;
}
.event_register .but_y{
	background-color:#6C8DC5;
}
.event_register .act_year{
	border:1px solid #224191;
	color:white;
	background-color:#224191;
	font-weight:bold;
	padding:4px 8px 4px 8px;
	margin-right:2px;
	float:left;
	font-size:0.9em;
	border-radius:5px;
}

.event_register .month_buttons{
	clear:left;
}
.event_register .month_buttons a:hover{
	color:white;
	background-color:#224191;
	text-decoration:none;
}
.event_register .but_m{
	color:black;
	border:1px solid #224191;
	background-color:#E5F1FF;
	margin-bottom:4px;
}
.event_register .but_m_act{
	border:1px solid #224191;
	background-color:#6C8DC5;
	margin-bottom:4px;
}
.event_register .but_m_on{
	border:1px solid #224191;
	color:white;
	background-color:#476BB3;
	font-weight:bold;
	margin-bottom:4px;
}
.event_register .monat_name{
	margin:5px 0 0 0;
	font-weight:bold;
	padding-bottom:0.8em;
	border-bottom:1px solid #6C8DC5;
}

.event_liste{
	float:left;
	width:100%;
	margin-bottom:2em;
}
.event_liste ul{
	list-style:none;
	margin:0;
	padding:0;
}
.event_liste ul li{
	background-image:none;
	list-style:none;
	margin:15px 0 0 0;
	padding:0 0 5px 0;
	float:left;
	width:100%;
	clear:both;
	border-bottom:1px solid #6C8DC5;
}
.event_liste ul li:before{
	display:none;
}
.event_liste ul li:last-child{
	border-bottom:none;
}
.event_liste .content{
	float:left;
	width:100%;
}
.event_liste .headline{
}
.event_liste .headline a{
	color:#224191;
	text-decoration:none;
}
.event_liste .headline a:hover{
	color:#224191;
	text-decoration:none;
}

.event_liste .body_text{
	float:left;
	max-width:385px;
}

.event_liste .body_text_max{
	min-width:100%;
}

.event_liste .body_text a, .event_liste .body_text a:hover{
	color:rgb(51,51,102);
	text-decoration:none;
}

.event_liste .body_text p{
	margin-bottom:0.5em;
}

.event_liste_date{
	margin-bottom:0.5em;
	font-size:0.9em;
	font-weight:bold;
	color:black;
}

.event_liste .data_img_container{
	width:200px;
	overflow:hidden;
	float:left;
	margin-top:-5px;
	margin-right:15px;
	margin-bottom:10px;
}
.event_liste .data_img{
	border:none;
	margin-top:5px;
}
.event_liste .data_img_txt{
	font-size:9px;
}

.event_liste .event_liste_lnk{
	width:100%;
	float:left;
	clear:both;
	text-align:left;
	padding-top:0.9em;
	font-size:14px;
	position:relative;
	margin-bottom:0.5em;
}
	.event_liste .event_liste_lnk span{
		font-family:open_sans_semibold, Arial, Helvetica, sans-serif;
		display:inline-block;
	}
	.event_liste .event_liste_lnk span:after{
		content:'\e69d';
		display:inline-block;
		font-family:'fontawesome_icons';
		font-size:1.4em;
		color:#476BB3;
		padding-left:0.5em;
		position:relative;
		top:2px;
	}


@media screen and (max-width:1023px){
	.event_liste .data_img_container{
		max-width:37%;
		margin-right:3%;
	}
	.event_liste .body_text{
		max-width:60%;
	}
}
@media screen and (max-width:480px){
	.event_liste .data_img_container{
		width:100%;
		max-width:100%;
		margin-right:0;
	}
	.event_liste .body_text{
		width:100%;
		max-width:100%;
	}
}



/*--- News Liste/Details ---*/
.news_liste{
	float:left;
	width:100%;
	margin-bottom:0em;
}
.news_liste ul{
	list-style:none;
	margin:0;
	padding:0;
}
.news_liste ul li{
	background-image:none;
	list-style:none;
	margin:0px 0 30px 0;
	padding:0 0 30px 0;
	float:left;
	width:100%;
	clear:both;
	border-bottom:1px solid #E6E6E6;
}
.news_liste ul li:before{
	display:none;
}
.news_liste ul li:last-child{
	border-bottom:none;
}
.news_liste .content{
	float:left;
	width:100%;
}

.news_liste .body_text{
	float:left;
	/*max-width:385px;*/
	width:62%;
}
.news_liste .body_text_max{
	min-width:100%;
}
.news_liste .body_text a, .news_liste .body_text a:hover{
	text-decoration:none;
	color:rgb(102,102,102);
}
.news_liste .body_text p{
	margin-bottom:0.8em;
}
.news_liste .body_text p:last-child{
	float:left;
	margin-bottom:0em;
}

.news_liste .headline{
	font-size:24px;
}

.news_liste .headline a, .news_liste .headline a:hover{
	color:inherit;
	text-decoration:none;
	display:block;
}

.news_liste_date{
	margin-bottom:0.5em;
	font-size:0.9em;
	font-weight:bold;
	color:black;
}
.news_liste .data_img_container{
	width:200px;
	width:35%;
	overflow:hidden;
	float:left;
	margin-top:-5px;
	margin-right:15px;
	margin-bottom:10px;

	margin-right:3%;
}
.news_liste .data_img{
	border:none;
	margin-top:5px;
	border-radius:10px;
}
.news_liste .data_img_txt{
	font-size:9px;
}
.news_liste .body_text ul, .news_liste .body_text li{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}
	.news_liste .body_text li{
		margin-top:0.5em;
		border:none;
	}
	.news_liste .body_text ul{
		margin:1.5em 0 1.5em 1.3em;
	}
	.news_liste .body_text ul ul{
		margin-top:0;
		margin-bottom:0;
	}
	.news_liste .body_text ul li:before{
		content:'\e6f2';
		font-family:'fontawesome_icons';
		display:inline-block;
		position:relative;
		font-size:1em;
		left:-1.4em;
		margin-right:-0.9em;
		color:rgb(210,211,211);
	}

.news_liste .news_liste_lnk{
}
	.news_liste .news_liste_lnk span{
		margin-top:0.5em;
		color:white;
		background-color:rgb(0,131,198);
		display:inline-block;
		border-radius:5px;
		padding:0.15em 0.3em 0.15em 0.5em;
		font-family:roboto2014_condensed_regular, Arial, Helvetica, sans-serif;
		padding:0.12em 0.4em 0.24em 0.5em;
	}
		.news_liste .news_liste_lnk span:after{
			/*icon-caret-right*/
			content:'\f0da';
			font-family:fontawesome;
			display:inline-block;
			margin-left:0.5em;
		}


.news_details{
}
.news_details_date{
	margin-bottom:15px;
	font-weight:bold;
}

.news_details h2, .news_details h3, .news_details h4, .news_details h5, .news_details h6{
	clear:none;
}

.news_details address{
	margin:0 0 1em 0;
}
@media screen{
	.news_details_backlink_top{
		float:right;
		margin-bottom:0.5em;
	}
		.news_details_backlink_top span{
			font-size:1em;
			line-height:1em;
			color:white;
			background-color:#548930;
			display:inline-block;
			border-radius:5px;
			padding:4px 7px 4px 7px;
		}
		.news_details_backlink_top span:before{
			/*icon-caret-left*/
			content:'\f0d9';
			font-family:'fontawesome';
			margin-right:0.4em;
		}
}
@media print{
	.news_details_backlink_top{
		display:none;
	}
}

.news_details .data_img_container{
	float:right;
	width:auto;
	max-width:40%;
	margin:0px 0px 20px 20px;
	border:1px solid #224191;
	border:none;
	border-radius:10px;
	overflow:hidden;
	position:relative;
}
.news_details .data_img{
	width:100%;
}
.news_details .data_img a{
	display:block;
	position:relative;
	z-index:10;
}
.news_details .data_img img{
	border:none;
	width:100%;
}
.news_details .data_img_txt{
	font-size:0.8em;
	text-align:center;
	margin-top:1px;
}



@media screen and (max-width:1023px){
	.news_liste .data_img_container{
		max-width:34%;
		margin-right:3%;
	}
	.news_liste .body_text{
		max-width:63%;
	}
}
@media screen and (max-width:760px){
	.news_liste .data_img_container{
		max-width:28%;
		margin-right:3%;
	}
	.news_liste .body_text{
		max-width:69%;
	}
}
@media screen and (max-width:640px){
	.news_liste .data_img_container{
		max-width:35%;
		margin-right:3%;
	}
	.news_liste .body_text{
		max-width:62%;
	}
}
@media screen and (max-width:480px){
	.news_liste .data_img_container{
		width:100%;
		max-width:100%;
		margin-right:0;
	}
	.news_liste .body_text{
		width:100%;
		max-width:100%;
	}
	.news_details .data_img_container{
		width:100%;
		max-width:100%;
	}
}



/*--- News Liste Accordion ---*/
.accordion{
	float:left;
	width:100%;
}

.accordion h2{
	font-family:roboto2014_condensed_regular, Arial, Helvetica, sans-serif;
	font-size:28px;
	padding:10px 10px 10px 10px;
	color:white;
	width:100%;
	float:left;
	cursor:pointer;
	border-radius:3px;
	margin:0.5em 0 0 0;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.accordion h2:first-child{
	margin-top:0;
}

.accordion h2.head_close{
	background-color:#66B5DD;
}
	.accordion h2.head_close:after{
		font-family:fontawesome;
		content:'\f0fe';
		font-size:28px;
		float:right;
	}

.accordion h2.head_open{
	background-color:#0083C5;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
	.accordion h2.head_open:before{
		font-family:fontawesome;
		content:'\f00d';
		font-size:28px;
		float:right;
	}

.accordion .body{
	display:none;
	padding:0px;
	background-color:white;
	border-radius:0px 0px 5px 5px;
	width:100%;
	float:left;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.accordion .body p{
	margin-bottom:1em;
}

.accordion .body a{
	color:#224191;
	font-weight:bold;
}



/*--- HTML-Fragment Liste ---*/
.htmlfragment_liste{
	background-image:none;
	background-color:transparent;
	border:none;
	margin:0px;
	padding:0px;
}
.htmlfragment_liste ul{
	margin:0px;
	padding:0px;
	list-style:none;
	background-image:none;
	background-color:transparent;
}
.htmlfragment_liste ul li{
	margin:0 0 0px 0;
	padding:0;
	background-image:none;
	background-color:transparent;
}

.htmlfragment_liste ul ul{
	/*aus optischen Gründen 1px weiter nach rechts für die erste UL*/
	margin:1em 0 1em 13px;
	padding:0;
	list-style:none;
}
.htmlfragment_liste ul ul li{
	padding:0 0 0 17px;
	margin:0 0 0.2em -12px;
	background-image:url(images-wd/li-bullet.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
}

.htmlfragment_liste ul ul ul{
	margin:1em 0 0 17px;
}



/*=== Sitemap ===*/
@media screen, projection{
	.sitemap{
		line-height:normal;
	}

	.sitemap a{
		color:black;
	}

	.sitemap a:hover{

	}
	.sitemap ul li{
		font-weight:bold;
		margin-bottom:1.5em;
	}
	.sitemap ul li a{
		color:rgb(102,102,102);
	}
	.sitemap ul li ul li{
		font-weight:normal;
		margin-bottom:0.5em;

	}
}
@media print{
}



/*--- Paging-Buttons ---*/
.paging_bt1{
	cursor:pointer;
	border:1px solid black;
	background-color:#EDF4D4;
	color:#496606;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #496606;
	border-radius:3px;
}
.paging_bt1:hover{
	text-decoration:none;
}

.paging_bt2{
	cursor:pointer;
	border:1px solid black;
	background-color:#496606;
	color:white;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #496606;
	border-radius:3px;
}
.paging_bt2:hover{
	text-decoration:none;
}







/*--- Suche ---*/
.suche_container{
	position:absolute;
	top:0px;
	right:0px;
	background-color:#5987BF;
	height:40px;
	width:0px;
	overflow:hidden;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}

.suche_container:before{
	/*icon-search*/
	content:'\e600';
	font-family:fontawesome_icons;
	font-size:26px;
	line-height:26px;
	display:block;
	padding-bottom:2px;
	padding-top:8px;
	padding-left:8px;
	/*ab IE10+*/
	text-shadow:2px 2px 2px rgba(0,0,0,0.2);
}


.suche{
	position:absolute;
	top:6px;
	left:45px;
	width:145px;
	overflow:hidden;
	float:left;
	padding:0;
	margin:0;
}
.suche_eingabe{
	width:110px;
	border:1px solid white;
	border-radius:5px;
	font-size:14px;
	padding:4px;
}
.suche_button{
	width:28px;
	height:28px;
	border:1px solid #094A98;
	border-radius:5px;
	background-color:#094A98;
	background-image:url(images-wd/icon-lupe.png);
	background-repeat:no-repeat;
	background-position:center center;
	margin-left:6px;
	cursor:pointer;
}







/*--- Formularfelder ---*/
.ft1{
	font-family:open_sans_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:black;
	font-size:14px;
	width:240px;
	background-color:#F4F4F4;
	border:1px solid #94A397;
	border-radius:5px;
	padding:6px;
}
.ft1:focus{
	background-color:#E0E0E0;
}

.ft2{
	font-family:open_sans_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:black;
	font-size:14px;
	width:50px;
	background-color:#F4F4F4;
	border:1px solid #94A397;
	border-radius:5px;
	padding:6px;
}
.ft2:focus{
	background-color:#E0E0E0;
}


.ta1{
	font-family:open_sans_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:black;
	font-size:16px;
	width:90%;
	max-width:490px;
	height:152px;
	background-color:#F4F4F4;
	border:1px solid #94A397;
	border-radius:5px;
	padding:4px;
}

.ta1:focus{
	background-color:#E0E0E0;
}


.fs1{
	font-family:open_sans_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:black;
	font-size:14px;
	background-color:white;
	border:1px solid #DDDDDD;
	border-radius:5px;
	padding:4px;
	max-width:100%;
	width:auto;
}


.bt1{
	color:white;
	border:1px solid #4365B5;
	background-color:#4365B5;
	font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	display:inline-block;
	text-align:left;
	font-size:1.3em;
	line-height:1.2em;
	border-radius:5px;
	padding:6px 16px 7px 16px;
	margin-top:2px;
	cursor:pointer;
}
.bt1:hover{
}

.bt1_dummy{
	line-height:1.2em;
	border-radius:5px;
	font-size:1.3em;
	line-height:1.4em;
	padding:6px 16px 7px 16px;
	margin-top:0px;
	position:relative;
	font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	color:rgb(0,77,158);
	border:1px solid rgb(198,199,197);
	border-top-color:rgb(211,211,209);
	display:none;
}
	.bt1_dummy img{
		width:24px;
		float:left;
		margin:5px 5px 0px 0px;
	}

.bt2{
	color:white;
	border:1px solid #548930;
	background-color:#548930;
	display:inline-block;
	text-align:left;
	font-size:1em;
	line-height:1.2em;
	border-radius:5px;
	padding:3px 10px 3px 10px;
	margin-top:2px;
}

.hidden_formfield{
	position:absolute;
	top:-9999px;
	left:-9999px;
}
.checkbox{
	cursor:default;
}
.checkbox:before{
	content:'\f096';
	font-family:fontawesome;
	margin-right:8px;
}
input[type=checkbox]:checked ~ .checkbox:before{
	content:'\f046';
	margin-right:5px;
}



/*--- Kundenspezifische Klassen für HTML-Editor ---*/

a.link_icon{
}
	a.link_icon,
	a.link_icon:hover{
		color:#548930;
		text-decoration:none;
	}
	a.weiss:hover{
		color:white;
	}
		/*Allgemein*/
		a.link_icon:before{
			content:'';
			font-family:fontawesome;
			margin-right:0.35em;
			display:none;
		}
		a.link_icon:after{
			/*icon-arrow-circle-right*/
			content:'\f0a9';
			font-family:fontawesome;
			margin-left:0.3em;
		}

		/*Speziell*/
		a.link_icon.ansprechpartner:before{
			/*icon-user*/
			content:'\f007';
			display:inline-block;
		}
		a.link_icon.kontakt:before{
			/*icon-envelope*/
			content:'\f0e0';
			display:inline-block;
		}
			a.link_icon.kontakt:after{display:none;}
		a.link_icon.www:before{
			/*icon-globe*/
			content:'\f0ac';
			display:inline-block;
			margin-right:0.3em;
		}
			a.link_icon.www:after{display:none;}
		a.link_icon.pdf:before{
			/*icon-file-pdf-o*/
			content:'\f1c1';
			display:inline-block;
			margin-right:0.3em;
		}
			a.link_icon.pdf:after{display:none;}


.link_btn{
	color:white;
	background-color:#548930;
	display:inline-block;
	text-align:left;
	font-size:1em;
	line-height:1.2em;
	border-radius:5px;
	padding:9px 10px 10px 10px;
}
	.link_btn:after{
		content:'\f054';
		font-family:fontawesome;
		display:inline-block;
		margin-left:0.3em;
		position:relative;
		bottom:-1px;
	}
	a.link_btn, a.link_btn:hover{
		text-decoration:none;
	}

	/*Speziell*/
	a.link_btn.ansprechpartner:before{
		/*icon-user*/
		content:'\f007';
		font-family:fontawesome;
		margin-right:0.35em;
		display:inline-block;
	}
	a.link_btn.kontakt:before{
		/*icon-envelope*/
		content:'\f0e0';
		font-family:fontawesome;
		margin-right:0.35em;
		display:inline-block;
	}
	a.link_btn.www:before{
		/*icon-globe*/
		content:'\f0ac';
		font-family:fontawesome;
		margin-right:0.35em;
		display:inline-block;
	}
	a.link_btn.pdf:before{
		/*icon-file-pdf-o*/
		content:'\f1c1';
		font-family:fontawesome;
		margin-right:0.35em;
		display:inline-block;
	}
	a.link_btn.anfrage{
		font-size:1.2em;
	}
	a.link_btn.anfrage:before{
		content:'\f15c';
		font-family:fontawesome;
		margin-right:0.35em;
		display:inline-block;
	}
	a.link_btn.video{
		cursor:pointer;
		font-size:1.2em;
	}
	a.link_btn.video:after{
		content:'\f03d';
		font-family:fontawesome;
		margin-left:0.35em;
		display:inline-block;
	}
		a.link_btn.video.video_expanded{
		}
		a.link_btn.video.video_expanded:after{
			content:'\f0ab';
		}
}



a.anfahrt{
	float:left;
	line-height:1.2em;
	font-size:0.95em;
	margin-right:30px;
	margin-bottom:20px;
}
	a.anfahrt,
	a.anfahrt:hover{
		color:white;
		text-decoration:none;
	}
	a.anfahrt:before{
		content:'\f041';
		font-family:fontawesome;
		margin-right:0.25em;
		font-size:40px;
		line-height:1em;
		float:left;
	}
	a.anfahrt:after{
		content:'\f0a9';
		font-family:fontawesome;
		margin-left:0.3em;
		display:none;
	}

a.impressum{
	float:left;
	margin:0px 20px 10px 0px;
	white-space:nowrap;
	display:inline-block;
}
	a.impressum,
	a.impressum:hover{
		color:white;
		text-decoration:none;
	}
	a.impressum:before{
		content:'\f15c';
		font-family:fontawesome;
		margin-right:0.25em;
		}
	a.impressum:after{
		content:'\f0a9';
		font-family:fontawesome;
		margin-left:0.3em;
	}

a.facebook{
	float:left;
	line-height:1.2em;
	font-size:0.95em;
	margin-bottom:20px;
}
	a.facebook,
	a.facebook:hover{
		color:white;
		text-decoration:none;
	}
	a.facebook:before{
		content:'\f082';
		font-family:fontawesome;
		margin-right:0.1em;
		font-size:40px;
		line-height:1em;
		float:left;
	}

a.bt_back_top{
	float:right;
	text-align:left;
	font-size:0.8em;
	position:relative;
	margin-top:0em;
	margin-bottom:0.5em;
	border-radius:5px;
	text-decoration:none;
	text-align:left;
	display:inline-block;
	padding:2px 8px 3px 9px;
	border-radius:5px;
	color:white;
	background-color:rgb(0,152,211);
	font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
}
	a.bt_back_top:before{
		content:'\f0d9';
		font-family:'fontawesome';
		padding-right:0.5em;
	}
	a.bt_back_top:hover{
		text-decoration:none;
	}

a.bt_forward_top{
	float:right;
	text-align:left;
	font-size:0.8em;
	position:relative;
	margin-top:0em;
	border-radius:5px;
	text-decoration:none;
	text-align:left;
	display:inline-block;
	padding:2px 8px 3px 9px;
	border-radius:5px;
	color:white;
	background-color:rgb(0,152,211);
	font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
}
	a.bt_forward_top:after{
		content:'\f0da';
		font-family:'fontawesome';
		padding-left:0.5em;
	}
	a.bt_forward_top:hover{
		text-decoration:none;
	}





/*--- Tabellen ---*/

.tbl1{

	width:100%;
	border-collapse:collapse;

	empty-cells:show;

	font-size:1em;
	margin-bottom:1.5em;

}

	.tbl1, .tbl1 tr, .tbl1 td{
		background-color:#F0F0F0;
		background-color:#F4F4F4;
	}

	.tbl1 td{
		padding:15px;
		word-wrap:break-word;

		vertical-align:center;

		border-bottom:1px solid #548930;
		border-left:1px solid #548930;
		border-right:1px solid #548930;
	}

	.tbl1 p{

		padding:0;

		margin:0;

		line-height:inherit;

	}

	.tbl1 tr:first-child td{
		color:black;

		background-color:#548930;
		color:white;
		border-bottom:none;
		font-weight:bold;
	}
	.tbl1 tr:nth-child(2n+3) td{
	}

	.tbl1 tr+tr td{
		width:auto;

	}
	.tbl1 tr+tr td img{

		width:100%;
		max-width:150px;
	}

	.tbl1 tr+tr td+td{

		width:auto;
	}
	.tbl1 tr+tr td+td+td{
		width:auto;
	}


@media screen and (max-width:640px){
	.tbl1{

		font-size:0.9em;
	}

	.tbl1 td{
		padding:5px;
	}

}
@media screen and (max-width:480px){
	.tbl1{

		font-size:0.8em;
	}

	.tbl1 td{
		padding:2px;
	}

}
@media screen and (max-width:400px){
	.tbl1{

		font-size:0.7em;
	}

	.tbl1 td{
		padding:1px;
	}

}






/*--- Bild-Container ---*/
.bildbox{
	border:1px solid rgb(148, 163, 151);
	padding:4px;
	font-size:0.8em;
	max-width:30%;
}
	.bildbox p{
		margin:0;
	}
	.bildbox img{
		width:100%;
		margin-bottom:2px;
	}
	.bildbox.bildbox_rechts{
		float:right;
		margin:0px 0px 15px 15px;
	}
	.bildbox.bildbox_links{
		float:left;
		margin:0px 15px 15px 0px;
	}
@media screen and (max-width:760px){
	.bildbox{
		max-width:40%;
	}
}
@media screen and (max-width:500px){
	.bildbox{
		max-width:100%;
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		.bildbox.bildbox_rechts, .bildbox.bildbox_links{
			margin:1em 0 1em 0;
		}
}



/*--- Iframes ---*/
iframe{
	width:100%;
	height:1200px;
}



/*--- GoogleMap ---*/
#gm_error{
	float:left;
	margin:25px 0px 5px 0px;
}
#map{
	margin-bottom:1em;
	border:1px solid #CCCCCC;
	height:400px;
	width:100%;
}
#map img{
	max-width:none;
}
#route{
	margin-left:0px;
	margin-bottom:1.5em;
}



/*--- JSSOR ---*/
.slider_close{
	cursor:pointer;
	position:relative;
	margin-left:30px;
}
	.slider_close img{
		width:36px;
		height:36px;
		position:absolute;
		top:0px;
		left:0px;
	}
	.slider_close:after{
		content:'\f00d';
		font-family:fontawesome;
		color:white;
		font-size:42px;
	}

.slider_expand{
	cursor:pointer;
	position:relative;
	margin-left:30px;
}
	.slider_expand img{
		width:36px;
		height:36px;
		position:absolute;
		top:0px;
		left:0px;
	}
	.slider_expand:after{
		content:'\f065';
		font-family:'fontawesome';
		color:white;
		font-size:42px;
	}

.slider_play{
	cursor:pointer;
	position:relative;
	margin-left:40px;
}
	.slider_play img{
		width:36px;
		height:36px;
		position:absolute;
		top:0px;
		left:0px;
	}
	.slider_play:after{
		content:'\f04b';
		font-family:fontawesome;
		color:white;
		font-size:42px;
	}

.slider_stop{
	cursor:pointer;
	position:relative;
	margin-left:40px;
}
	.slider_stop img{
		width:36px;
		height:36px;
		position:absolute;
		top:0px;
		left:0px;
	}
	.slider_stop:after{
		content:'\f04c';
		font-family:fontawesome;
		color:white;
		font-size:42px;
	}

.slider_index{
	position:relative;
	margin-left:30px;
	font-size:42px;
	color:white;
	font-family:'roboto_bold';
	font-family:'sourcesanspro_bold';
}


.slider_compress{
	cursor:pointer;
	position: fixed;
	top: 10px;
	right: 10px;
	text-shadow: 2px 2px 5px #000000;
}

	.slider_compress:after{
		content:'\f066';
		font-family:'fontawesome';
		color:white;
		font-size:42px;		
	}

@media screen and (max-width:1024px){
	body:after{
		content:'marker1';
		display:none;
	}
	.slider_close{
		margin-left:25px;
	}
		.slider_close img{
			width:30px;
			height:30px;
		}
		.slider_close:after{
			font-size:35px;
		}

	.slider_expand{
		margin-left:25px;
	}
		.slider_expand img{
			width:30px;
			height:30px;
		}
		.slider_expand:after{
			font-size:35px;
		}

	.slider_play{
		margin-left:33px;
	}
		.slider_play img{
			width:30px;
			height:30px;
		}
		.slider_play:after{
			font-size:35px;
		}

	.slider_stop{
		margin-left:33px;
	}
		.slider_stop img{
			width:30px;
			height:30px;
		}
		.slider_stop:after{
			font-size:35px;
		}

	.slider_index{
		margin-left:25px;
		font-size:35px;
	}
}

@media screen and (max-width:640px){
	body:after{
		content:'marker2';
		display:none;
	}
	.slider_close{
		margin-left:15px;
	}
		.slider_close img{
			width:18px;
			height:18px;
		}
		.slider_close:after{
			font-size:21px;
		}

	.slider_expand{
		margin-left:15px;
	}
		.slider_expand img{
			width:18px;
			height:18px;
		}
		.slider_expand:after{
			font-size:21px;
		}

	.slider_play{
		margin-left:20px;
	}
		.slider_play img{
			width:18px;
			height:18px;
		}
		.slider_play:after{
			font-size:21px;
		}

	.slider_stop{
		margin-left:20px;
	}
		.slider_stop img{
			width:18px;
			height:18px;
		}
		.slider_stop:after{
			font-size:21px;
		}

	.slider_index{
		margin-left:15px;
		font-size:21px;
	}	
}

#zoom_slider_content{
}


.jssorb13 div, .jssorb13 div:hover, .jssorb13 .av {
	background: url(../jssor/b02.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}

.jssorb13 div {
	background-position: -5px -5px;
}

.jssorb13 div:hover, .jssorb13 .av:hover {
	background-position: -35px -5px;
}

.jssorb13 .av {
	background-position: -65px -5px;
}

.jssorb13 .dn, .jssorb13 .dn:hover {
	background-position: -95px -5px;
}

.jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(../jssor/a13.png) no-repeat;
	overflow:hidden;
}
.jssora20l { background-position: -3px -33px; }
.jssora20r { background-position: -63px -33px; }
.jssora20l:hover { background-position: -123px -33px; }
.jssora20r:hover { background-position: -183px -33px; }
.jssora20ldn { background-position: -243px -33px; }
.jssora20rdn { background-position: -303px -33px; }

@media screen and (max-width:939px){
	.jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn{display:none}
}