﻿/*=== 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;
}


/*========== 22.02.2011, dogan ===============*/
html{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
	-moz-text-size-adjust:none;

	width:100%;
	min-width:100%;
	float:left;
	clear:both;

	height:100%;
	min-height:100%;
}
body{
	color:black;
	background-color:white;
	font-family:Arial;
	font-size:14px;

	padding:0;
	margin: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 Seite ==========*/
@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{
			width:990px;
			margin:0 auto;
			position:relative;
		}

		.floater{
			width:100%;
			float:left;
			clear:both;
			position:relative;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		}



	/*========= Aufbau ==========*/
	.page_container{
		width:990px;
		margin:0 auto;
		position:relative;
	}
		.inner_page_container{
			width:100%;
			float:left;
			clear:both;
			position:relative;
		}


	/*===== Kopfzeile mit Logo ======*/
	.head_row{
		background-color:white;
		height:131px;
		border-bottom:1px solid #E4E7EE;

		z-index:7000;
	}
		.head_logo{
			margin-top:34px;
			width:465px;
			float:left;
			position:relative;
		}
		.head_img{
			height:129px;
			width:495px;
			float:left;
			position:relative;
		}


	/*=== Hauptmenu Dropdown ===*/
	.hmenu_row{
		background-image:url(images-daun/bg-menu.png);
		background-repeat:repeat-x;
		background-position:0px -2px;
		height:62px;
		font-size:21px;
		line-height:1em;
		z-index:6000;
	}

	.hmenu_container{
	}



	/*======= Inhalt =========*/
	.content_row{
		margin-top:35px;
		z-index:4000;
	}
		.center_col{
			width:630px;
			float:left;
			position:relative;
			z-index:10;
			margin-right:30px;
			padding-bottom:25px;
		}
			.html_content{
				width:100%;
				float:left;
				clear:both;
				position:relative;
			}
		.right_col{
			width:300px;
			float:left;
			position:relative;
			z-index:20;
		}



	/*===== Footer ======*/
	.themen_row{
		z-index:1000;
	}

	.logo_row{
		height:130px;
		background-image:url(images-daun/bg-menu.png);
		background-repeat:repeat-x;
		background-position:0px -54px;

		z-index:1000;
	}
		.logo{
			float:left;
			margin:25px 76px 0px 0px;
		}

	.footer_row{
		background-color:#00285A;
		background-image:url(images-daun/bg-footer.png);
		background-position:center center;
		height:152px;

		z-index:1000;
	}
		.footer{

		}

	.footer_row .footer_menu1{
		float:right;
		margin:36px 74px 0px 0px;
	}

	.footer_row .footer_menu1 a{
		background-repeat:no-repeat;
		height:34px;
		width:34px;
		float:right;
		margin-left:120px;
	}
		.footer_row .footer_menu1 a span{
			display:none;
		}
		.footer_row .footer_menu1 a.top{
			background-image:url(images-daun/rund-pfeil.png);
		}
		.footer_row .footer_menu1 a.print{
			background-image:url(images-daun/rund-druck.png);
		}

	.footer_row .footer_menu2{
		float:right;
		margin:36px 74px 0px 0px;
	}

	.footer_row .footer_menu2 a{
		color:white;
		margin-left:24px;
	}


	

}
@media print{
	.top_container{
		display:none;
	}
	.top_img_pcontainer{
		display:none;
	}
	.top_img_container{
		display:none;
	}
	.hmenu_container{
		display:none;
	}
	.content_container{
		background-image:none;
		padding:0;
		margin:0;
	}
	.topmenu_container, .mainmenu_container{
		display:none;
	}
	.left_col{
		display:none;
	}
	.bottom_container{
		display:none;
	}
	.sbox{
		display:none;
	}
	.cms4dmodul_3_teaser_modulcontainer{
		display:none;
	}


}




/*--- Absatz-Formate ---*/
@media screen{
	pre{
		font-size:1em;
		clear:both;
	}

	p{
		margin:0 0 1em 0;
		padding:0;
	}
	/*Absatz nur in html_content mit erhöhtem Zeilenabstand*/
	.html_content p{
		line-height:1.40em;
		margin-bottom:1em;
	}
	h1{
		color:#00285A;
		font-size:19px;
		margin:0 0 1em 0;
		font-weight:bold

	}
	h2{
		color:#00285A;
		font-size:19px;
		font-weight:normal;
		margin:0 0 1em 0;
		padding:0;
	}
	h3{
		color:#00285A;
		font-size:14px;
		margin:0 0 0.5em 0;
		padding:0;
	}
	h4{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	h5{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	h6{
		color:white;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-color:#4FC0DB;
		padding-left:5px;
		padding:10px;
		margin-top:15px;
		margin-left:-1px;
	}

	address{
		font-style:normal;
		font-size:0.8em;
		line-height:normal;
	}

	a{
		color:#4C688B;
		text-decoration:none;
	}
	a:hover{
		color:#00285A;
		text-decoration:underline;
	}

	.html_content a[name]{
		text-decoration:none !important;
	}


	hr{
		height:1px;
		border-top:1px solid #000000;
		margin:10px 0 10px 0;
		clear:both;
		float:none;
	}


}
@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{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}
	h4{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}
	h5{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}
	h6{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}

	p{
		margin:0 0 1em 0;
		padding:0;
	}
	.html_content p{
		line-height:1.40em;
		margin-bottom:1em;
	}

}

.hr_solid{
	border-top:1px solid rgb(224,234,245);
	height:10px;
	margin-top:7px;
	width:100%;
	float:left;
	position:relative;
}
.hr_dashed{
	border-top:1px dashed rgb(224,234,245);
	height:10px;
	margin-top:7px;
	width:100%;
	float:left;
	position:relative;
}


/*--- Bildformate ---*/
.bild_links{
	float:left;
	margin:0 20px 10px 0;;
	border:none;
}
.bild_links_rand{
	border:1px solid rgb(254,195,24);
	background-color:white;
	padding:9px;
	float:left;
	clear:both;
	margin:0 20px 10px 0;
}
.bild_links_rand img{
	border:none;
}

.bild_rechts{
	float:right;
	margin:0 0 10px 20px;
	border:none;
}
.bild_rechts_rand{
	border:1px solid rgb(254,195,24);
	background-color:white;
	padding:9px;
	float:right;
	clear:both;
	margin:0 0 10px 20px;
}
.bild_rechts_rand img{
	border:none;
}
.bild_rand{
	border:1px solid rgb(254,195,24);
	background-color:white;
	padding:9px;
}

.bild_box{
	float:left;
	clear:both;
	width:578px;
	font-size:0.9em;
	padding:2px;
	border:1px solid #4FC0DB;
	margin-bottom:20px;
}
.bild_box img{
	margin-right:10px;
	float:left;
}
.bild_box p{
	margin:0;
	padding:0;
}


.bild_box_links{
	width:240px;
	margin:0px 15px 5px 0px;
	float:left;
	font-size:0.9em;
	padding:2px;
	border:1px solid #4FC0DB;
}
.bild_box_links img{
	margin-bottom:4px;
}
.bild_box_links p{
	margin:0;
	padding:0;
}

.bild_box_rechts{
	width:240px;
	margin:0px 0px 5px 15px;
	float:right;
	font-size:0.9em;
	padding:2px;
	border:1px solid #4FC0DB;
}
.bild_box_rechts img{
	margin-bottom:4px;
}
.bild_box_rechts p{
	margin:0;
	padding:0;
}



.container_rel{
	/*allgemein Für NS7*/
	position:relative;
}






/*--- Listen-Formate ---*/
@media screen{


	/*--- 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:0 0 1.5em 0;
		}
			.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:#4C688B;
		}
			/*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;
		}

	/*ACHTUNG: im Normalfall enthalten die Listenelemente kein P-Elemente.
	Wenn jedoch die Texte eines LI nochmals in P eingeschlossen sind addiert sich der untere Abstand
	eine Absatzes noch zum unteren Abstand eines jeden li-Elementes. Deshalb wird hier der untere Abstand rausgenommen.*/
	.html_content ul p{
		margin-bottom:0em;
	}

	dir, menu{
		margin:1em 0 1em 17px;
		padding:0;
	}
	dir li, menu li{
		margin:0 0 1em 0;
		padding:0;
	}
	dir dir, menu menu{
		margin:1em 0 0 17px;
	}


	dl{
		margin:0 0 1em 0;
		padding:0;
	}
	dl dd{
		color:rgb(102,102,102);
		margin:0 0 1em 0;
		padding:0;
	}
	dl dl{
		margin:1em 0 1em 20px;
	}

	/*als Textbox*/
	dl dt{
		border:1px solid rgb(204,204,204);
		color:black;
		margin:0 0 1em 0;
		padding:9px 10px 10px 10px;
		background-color:rgb(240,240,240);
	}
}
@media print{
	ul{
		margin:1em 0 1em 17px;
		padding:0;
		background-image:none;
	}
	ul li{
		padding:0;
		margin:0 0 1em 0;
		background-image:none;
	}
	ul ul{
		margin:1em 0 0 17px;
		background-image:none;
	}


	dir, menu{
		margin:1em 0 1em 17px;
		padding:0;
	}
	dir li, menu li{
		margin:0 0 1em 0;
		padding:0;
	}
	dir dir, menu menu{
		margin:1em 0 0 17px;
	}


	dl{
		margin:0 0 1em 0;
		padding:0;
	}
	dl dd{
		color:rgb(110,110,99);
		margin:0 0 1em 0;
		padding:0;
	}
	dl dl{
		margin:1em 0 1em 20px;
	}

	dl dt{
		border:1px solid black;
		color:black;
		margin:0 0 1em 0;
		padding:10px;
		background-color:white;
	}
}



/*--- 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;
}


.infobox1{
	border:1px solid #005197;
	background-color:#CCDCEA;
	background-image:url(images-daun/infocase-bullet.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding:10px 10px 10px 70px;
}

.infobox2{
	border:1px solid #005197;
	background-color:#CCDCEA;
	padding:10px;
}




/*Hilfsklassen*/
.clearboth{
	float:none;
	clear:both;
}
.displaynone{
	display:none;
}






/*------- Hauptmenu Dropdown -------*/
.hmenu{
	color:#4C688B;
	font-size:19px;
	text-transform:uppercase;
	
}
.hmenu a{
	color:inherit;
	font-family:Arial;
	display:block;
	line-height:25px;
}
	.hmenu li.lvl0{
		margin-left:0px;
	}
		.hmenu li.lvl0:first-child{
			margin-left:0;
		}
		.hmenu a.lvl0{
			padding:13px 22px 13px 22px;
		}
			.hmenu a.lvl0 > span{
				display:inline-block;
			}

.hmenu .sub{
	width:220px;
	padding-bottom:30px;
	font-family:inherit;
	font-size:16px;
}
.hmenu .sub2{
	border-radius:0px;
	border:none;
}
	.hmenu .sub a{
		color:inherit;
		border-top:1px solid white;
		background-color:#E5E9EE;
		font-size:14px;
		line-height:16px;
		text-transform:none;
	}
		.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:7px 0 9px 9px;
		}


	/*hover, act, on*/
	.hmenu a:hover,
	.hmenu a.act,
	.hmenu a.on,
	.hmenu li.cms4d_js_open a.lvl0{
		color:#00285A;
		background-color:#E5E9EE;
	}
	.hmenu a:hover > span,
	.hmenu a.act > span,
	.hmenu a.on > span,
	.hmenu li.cms4d_js_open a.lvl0 > span{
	}
	.hmenu a.act, .hmenu a.on{
	}
	.hmenu a.act > span, .hmenu a.on > span, .hmenu a:hover > span{
	}
		.hmenu .sub a:hover, .hmenu .sub a.act, .hmenu .sub a.on{
		}
		.hmenu .sub a:hover > span, .hmenu .sub a.act > span, .hmenu .sub a.on > span{
		}
		.hmenu .sub a.on > span{
			font-weight:bold;
		}







/*------- Kursmenu -------*/
.kursmenu{
	width:100%;
	float:left;
	margin-top:1em;
}

.kursmenu .kat{
	display:inline-block;
	float:left;
	color:#4C688B;
	font-size:13px;

	width:90px;
	height:50px;

	margin:0px 15px 15px 0px;
	padding-top:80px;

	background-image:url(images-daun/kat-undefined.png);
	background-repeat:no-repeat;
	background-position:center top;

	text-align:center;
	overflow:hidden;
	text-decoration:none;
}
	.kursmenu .kat:nth-child(3n){
		margin-right:0;
	}
	.kursmenu .kat:hover{
		color:#00285A;
	}

	.kursmenu .kat-beruf{background-image:url(images-daun/kat-beruf.png)}
	.kursmenu .kat-frauen{background-image:url(images-daun/kat-frauen.png)}
	.kursmenu .kat-gesellschaft{background-image:url(images-daun/kat-gesellschaft.png)}
	.kursmenu .kat-gesundheit{background-image:url(images-daun/kat-gesundheit.png)}
	.kursmenu .kat-grundbildung{background-image:url(images-daun/kat-grundbildung.png)}
	.kursmenu .kat-kultur{background-image:url(images-daun/kat-kultur.png)}
	.kursmenu .kat-reisen{background-image:url(images-daun/kat-reisen.png)}
	.kursmenu .kat-senioren{background-image:url(images-daun/kat-senioren.png)}
	.kursmenu .kat-sprachen{background-image:url(images-daun/kat-sprachen.png)}
	.kursmenu .kat-digitales-lernen{background-image:url(images-daun/kat-digitales-lernen.png)}




/*------- Themen -------*/
.themen{
	width:100%;
	float:left;
	margin-bottom:30px;
}
	.themen .tbox{
		float:left;
		width:300px;
		height:240px;
		background-color:#CCD4DE;
		padding:20px;
		margin-right:30px;
		border-radius:6px;

		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		.themen .tbox:nth-child(3n){
			margin-right:0;
		}
		.themen .tbox h2{
			font-size.19px;
			color:#00285A;
		}

		.themen .tbox a{
			color:#4C688B;
		}
		.themen .tbox a:hover{
			color:#00285A;
			text-decoration:underline;
		}




/*=== cms4d Module ===*/
.cms4dmodul_2_teaser_modulcontainer, .cms4dmodul_3_teaser_modulcontainer{
	padding:0px;
	margin-bottom:20px;
}
.cms4dmodul_2_teaser_modulcontainer ul, .cms4dmodul_2_teaser_modulcontainer li, .cms4dmodul_3_teaser_modulcontainer ul, .cms4dmodul_3_teaser_modulcontainer li{
	list-style:none;
	margin:0;
	padding:0;
}
.cms4dmodul_2_teaser_modulbodycontainer, .cms4dmodul_3_teaser_modulbodycontainer{
	padding:0px;
}
.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{
	font-size:1em;
	color:white;
	background-color:rgb(79,192,219);
	padding:7px 10px 8px 9px;
	margin-bottom:1em;
}

.cms4dmodul_2_liste_modulbodycontainer .news_liste_hr, .cms4dmodul_3_liste_modulbodycontainer .news_liste_hr{
	border-bottom:1px solid rgb(233,236,239);
	padding:9px 0 5px 0;
}


/*---------------------------*/

.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{
	color:#005197;
	font-weight:normal;
	font-size:1.65em;
	margin:0 0 0.6em 0;
	padding:0 0 0.3em 0;
	border-bottom:1px solid #6697C1;

}

.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*/
.news_teaser{
	/*Der Abstand zur Überschrift, bzw. dem voranliegen Datensatz kommt zur Hälte aus diesem Container.
	Die andere Hälfte wird durch die Trennlinie news_teaser_hr erzeugt (s.u.).*/
	margin:0px 0px 5px 0px;
	padding:0px 5px 0px 5px;
}
.news_teaser_date{
	font-weight:bold;
	margin-bottom:0.5em;
}
.news_teaser p{
	margin:0 0 0 0;
	font-size:1em;
}
.news_teaser_lnk{
	font-weight:bold;
	font-size:1em;
}
.cms4dmodul_3_teaser_modulbodycontainer .data_img_container{
	width:220px;
	padding:0px;
	overflow:hidden;
}
.cms4dmodul_3_teaser_modulbodycontainer .data_img{
	border:none;
}
.news_teaser_hr{
	height:1px;
	line-height:1px;
	font-size:1px;
	margin:0px 0 10px 0;
	clear:both;
	float:none;
	border-top:1px dashed #4FC0DB;
}
.news_teaser_hr_blank{
	clear:both;
	/*Die andere Hälfte des Abstands zwischen den Datensätzen*/
	height:0.5em;
}
.hr_dashed{
	border-top:1px dashed rgb(204,204,204);
	height:5px;
}


.news_teaser ul{
	list-style:none;
	margin:1em 0 1em 10px;
	padding:0;
}
.news_teaser ul ul{
	list-style:none;
	margin:0 0 0 9px;
	padding:0;
}
.news_teaser ul li{
	padding:0em 0 0.5em 20px;
	margin:0 0 0 -8px;
	background-image:url(images-daun/li-bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}



.news_teaser_body{
	font-size:1em;
	margin-bottom:1em;
}

.news_teaser h3{
	color:black;
	font-size:1em;
	font-weight:bold;
}

.news_teaser .headline{
	font-size:1em;
	color:black;
	padding:0;
	margin:0 0 0.4em 0;
	font-weight:bold;
}

.news_teaser .headline a{
	text-decoration:none;
	color:black;
	display:block;
}
.news_teaser .headline a:hover{
	text-decoration:none;
	color:black;
	display:block;
}






/*=== 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-daun/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-daun/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{
	float:left;
	margin-bottom:30px;
}
.img_register{
	float:left;
	width:640px;
	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{
	margin:0px;
	padding:0px;
}
.bildergalerie_liste .prev_img_hidden{
	width:415px;
	margin-bottom:20px;
	overflow:hidden;
}
.bildergalerie_liste_table{
	margin:0;
	background-color:none;
	float:left;
}
.bildergalerie_liste td{
	width:140px;
	height:140px;
	background-color:#46A9C2;
	
}
.bildergalerie_liste .td_container{

}
.bildergalerie_liste img{
	border:1px solid white;
}
.bildergalerie_liste .thumb_act{
}
.bildergalerie_liste a, .bildergalerie_liste a:hover{
	background-color:transparent;
}

.bildergalerie_details{
	text-align:left;
}
.bildergalerie_details img{
	border:none;
}
.bildergalerie_big{
	/*breitenbegrenzung, damit ein grösseres Bild nicht das gesamte Seitenlayout zerstört.
	Die Höhe wir automatisch vom Bild übernommen, die Breite wird rechts ggf. abgeschnitten*/
	width:440px;
	overflow:hidden;
	text-align:left;
	margin:0;
}
.bildergalerie_big img{
	border:none;
}





/*--- Event Liste/Details ---*/
.event_register{
}
.event_register a{
	color:rgb(0,0,0);
	border:1px solid #005BAB;
	background-color:#CCDEEE;
	padding:2px 2px 2px 2px;
	margin-right:2px;
	float:left;
	text-decoration:none;
}
.event_register .year_buttons{
	float:left;
	clear:both;
	margin-bottom:2px;
}
.event_register .year_buttons a:hover{
	color:black;
	background-color:#AECAE4;
}
.event_register .but_y{
	background-color:#CCDEEE;
}
.event_register .act_year{
	border:1px solid #005BAB;
	color:white;
	background-color:#005BAB;
	font-weight:bold;
	padding:2px 2px 2px 2px;
	margin-right:2px;
	float:left;
}

.event_register .month_buttons{
	clear:left;
}
.event_register .month_buttons a:hover{
	color:black;
	background-color:#AECAE4;
}
.event_register .but_m{
	border:1px solid #005BAB;
	background-color:#E5EEF6;
}
.event_register .but_m_act{
	border:1px solid #005BAB;
	background-color:#CCDEEE;
}
.event_register .but_m_on{
	border:1px solid #005BAB;
	color:white;
	background-color:#005BAB;
	font-weight:bold;
}
.event_register .monat_name{
	margin:5px 0 5px 0;
	font-weight:bold;
}

.event_liste{
}
.event_liste ul{
	list-style:none;
	margin:0;
	padding:0;
}
.event_liste ul li{
	background-image:none;
	list-style:none;
	margin:0;
	padding:0;
	/*wichtig für IE*/
	float:left;
	clear:both;
	width:100%;
}
.event_liste_hr{
	border-top:1px dashed #005BAB;
	margin:10px 0px 10px 0px;
	clear:both;
}
.event_liste_date{
}
.event_liste h1, .event_details h1{
	border:none;
	background-color:transparent;
	background-image:none;
	text-indent:0px;
	font-style:normal;
	padding:0px;
	font-family:Verdana;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 1em 0;
}
.event_liste h2, .event_details h2{
	color:black;
	font-size:1.0em;
	margin:0.25em 0 0.6em;
	color:#005BAB;
}
.event_liste_lnk{
	font-weight:bold;
}
.event_details{
}
.event_details_date{
	margin-bottom:15px;
}
.event_details address{
	margin:0 0 1em 0;
}
@media screen{
	.event_details_backlink_top{
		float:right;
	}
	.event_details_backlink_top a{
		text-decoration:none;
	}
}
@media print{
	.event_details_backlink_top{
		display:none;
	}
}
.event_liste .data_img_container{
	width:120px;
	overflow:hidden;
	float:left;
	margin-top:-5px;
}
.event_liste .box_2s{
	margin-left:130px;
}
.event_liste .data_img{
	border:none;
	margin-top:5px;
}
.event_liste .data_img_txt{
	font-size:9px;
}
/*in der Detailansicht umfliesst der Langtext die komplette Box*/
.event_details .data_img_container{
	float:left;
	clear:left;
	margin:-3px 10px 8px 0;
}
.event_details .data_img{
	border:none;
	margin-top:5px;
}
.event_details .data_img_txt{
	font-size:9px;
}




/*--- News Liste/Details ---*/
.news_liste{
	float:left;
	margin-top:0;
	margin-bottom:1.5em;
}
.news_liste .headline{
	color:#00285A;
	font-size:19px;
	font-weight:normal;
	margin:0 0 0.5em 0;
}
.news_liste .headline a, .news_liste .headline a:hover{
	color:#00285A;
	text-decoration:none;
}


.news_liste .link_newsmode{
	float:right;
}
	.news_liste .link_newsmode a{
		color:#4C688B;
		text-decoration:none;
	}
	.news_liste .link_newsmode a:hover{
		color:#00285A;
		text-decoration:none;
	}
	.news_liste .link_newsmode a:after{
		font-family:fontawesome;
		content:'\f138';
		margin-left:0.3em;
	}

	.news_liste .link_newsmode_back a:after{
		content:'';
	}
	.news_liste .link_newsmode_back a:before{
		font-family:fontawesome;
		content:'\f137';
		margin-right:0.3em;
	}


.news_liste ul{
	list-style:none;
	margin:0;
	padding:0;
}
.news_liste ul li{
	background-image:none;
	list-style:none;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	/*wichtig für IE*/
	float:left;
	clear:both;
	width:100%;
	border-bottom:1px solid #E4E7EE;
	border:none;
}
	.news_liste ul li:before{
		display:none;
	}


.news_liste .body_text{
	float:left;
	width:640px;
}

.news_liste .body_text p{
	margin-bottom:0.5em;
}

.news_liste_lnk{
	color:#4C688B;
	text-decoration:none;
}
	.news_liste_lnk:hover{
		color:#00285A;
		text-decoration:none;
	}
	.news_liste_lnk:after{
		font-family:fontawesome;
		content:'\f138';
		margin-left:0.3em;
	}

.news_liste_hr{
	border-top:1px solid #375BAB;
	margin:15px 0px 15px 0px;
	clear:both;
}
.news_liste_date{
	font-size:0.8em;
	color:black;
	margin-bottom:0.2em;
}
.news_liste h1, .news_details h1{

}
.news_liste h2{
	color:black;
	font-size:1.2em;
	margin:0 0 0.5em 0;
}
.news_details h2{
	color:#00285A;
	font-size:19px;
	font-weight:normal;
	margin:0 0 1em 0;
	padding:0;
}
.news_details{
	width:100%;
}
.news_details_date{
	margin-bottom:15px;
	font-weight:bold;
}

.news_details address{
	margin:0 0 1em 0;
}
@media screen{

	.news_details_backlink_top{
		float:right;
		margin:0px 0px 20px 20px;
		color:#4C688B;
	}
		.news_details_backlink_top a:hover{
			text-decoration:none;
			color:#00285A;
		}
		.news_details_backlink_top a:before{
			font-family:fontawesome;
			content:'\f137';
			margin-right:0.3em;
		}

}
@media print{
	.news_details_backlink_top{
		display:none;
	}
}
.news_liste .data_img_container{
	width:200px;
	overflow:hidden;
	float:left;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:10px;
}
.news_liste .box_2s{
	margin-left:130px;
}
.news_liste .data_img{
	border:none;
	background-color:white;
}
.news_liste .data_img_txt{
	font-size:9px;
}
/*in der Detailansicht umfliesst der Langtext die komplette Box*/
.news_details .data_img_container{
	float:left;
	clear:left;
	margin:-3px 10px 8px 0;
}
.news_details .data_img{
	border:none;
	margin-top:5px;
}
.news_details .data_img_txt{
	font-size:9px;
}




/*--- 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-daun/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{
		color:#4978E0;
	}

	.sitemap ul li{
		background-image:url(images-daun/li-bullet-kreis-mittelblau.gif);
		background-position:0px 9px;
		font-weight:bold;
		margin-bottom:0.5em;
		padding-left:16px;
	}
	.sitemap ul li a{
		font-size:1em;
	}
	.sitemap ul li ul li{
		border:none;
		padding-bottom:0;
		margin-top:0.5em;
		margin-bottom:0.5em;
	}
	.sitemap ul li ul li{
		background-image:url(images-daun/li-bullet-kreis-mittelblau.gif);
		background-position:0px 9px;
		font-weight:normal;

	}
	.sitemap ul li ul li a{
		font-size:1em;
	}
	.sitemap ul li ul li ul li{
		background-image:url(images-daun/lli-bullet-kreis-mittelblau.gif);
	}
	
	
}
@media print{
}


/*=== cms4dbot_search ===*/
.cms4dbot_search_result_container{
}
.cms4dbot_search_result_container .markstr{
	font-weight:bold;
	color:red;
	background-color:rgb(255,240,102);
	padding:0 0 1px 0;
}



/*=== cms4d inline Bildergalerie, JS-Diaslider ===*/
.cms4d_imageslider1_control{
	background-color:rgb(230,230,230);
	width:100%;
	padding:30px 0 0 0;
	/*WICHTIG: auch hier muss der overflow abgeschnitten werden wg. NS7 und Opera*/
	position:relative;
	overflow:hidden;
}
.cms4d_imageslider1_control .slider_container{
	width:100%;
	height:90px;
	overflow:hidden;
	position:relative;
}
.cms4d_imageslider1_control .slider{
	/*ACHTUNG: NS7 benötigt eine feste Breitenangabe*/
	width:10px;
	white-space:nowrap;
	position:absolute;
}
.cms4d_imageslider1_control .imgbox{
	width:120px;
	height:90px;
	margin-right:10px;
	overflow:hidden;
	cursor:pointer;
}
.cms4d_imageslider1_control img{
	border:none;
}
.cms4d_imageslider1_control .controls{
	height:30px;
}
.cms4d_imageslider1_control .dbut{
	color:rgb(102,102,102);
	height:30px;
	cursor:W-resize;
	font-weight:bold;
	font-size:20px;
	line-height:25px;
	overflow:hidden;
}


/*--- Seminare ---*/
.seminarliste{

}
.seminarliste a{
	color:black;
}
.seminarliste a:hover{
	color:black;
	text-decoration:none;
}

.seminarliste h2{
	float:left;
	width:100%;
	margin:0.5em 0 1em 0;
	background-color:#4C688B;
	color:white;
	border-radius:4px;
	padding:4px;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.seminarliste h3{
	margin:0;
}


.seminarliste .seminar{
	margin-bottom:1.5em;
	float:left;
	width:540px;

	background-repeat:no-repeat;
	padding-left:90px;
	min-height:74px;
	font-size:14px;
}

	.seminarliste .seminar.kat-gesellschaft{
		background-image:url(images-daun/kat-gesellschaft.png);
		font-size:14px;
	}
	.seminarliste .seminar.kat-kultur{
		background-image:url(images-daun/kat-kultur.png);
	}
	.seminarliste .seminar.kat-gesundheit{
		background-image:url(images-daun/kat-gesundheit.png);
	}
	.seminarliste .seminar.kat-sprachen{
		background-image:url(images-daun/kat-sprachen.png);
	}
	.seminarliste .seminar.kat-beruf{
		background-image:url(images-daun/kat-beruf.png);
	}
	.seminarliste .seminar.kat-frauen{
		background-image:url(images-daun/kat-frauen.png);
	}
	.seminarliste .seminar.kat-senioren{
		background-image:url(images-daun/kat-senioren.png);
	}
	.seminarliste .seminar.kat-grundbildung{
		background-image:url(images-daun/kat-grundbildung.png);
	}
	.seminarliste .seminar.kat-reisen{
		background-image:url(images-daun/kat-reisen.png);
	}
	.seminarliste .seminar.kat-digitales-lernen{
		background-image:url(images-daun/kat-digitales-lernen.png);
	}
	.seminarliste .seminar.kat-undefined{
		background-image:url(images-daun/kat-undefined.png);
	}

	.seminarliste .seminar .content{
		width:100%;
		float:left;
		font-size:14px;
		padding-top:5px;
	}
		.seminarliste .seminar .content h3{
			color:rgb(0,40,90);
			font-size:16px;
			margin:0 0 0.3em 0;
		}

		.seminarliste .seminar .content .button{
			margin-top:0.4em;
			color:#4C688B;
		}
			.seminarliste .seminar .content .button:hover{
				text-decoration:none;
				color:#00285A;
			}
			.seminarliste .seminar .content .button:after{
				font-family:fontawesome;
				content:'\f138';
				margin-left:0.3em;
			}


.seminarliste .seminar .datum{
	font-size:14px;
}
.seminarliste .seminar .kategorie{
	font-size:14px;
}
.seminarliste .seminar .link{
	font-size:0.9em;
	color:rgb(70,169,194);
}
.seminarliste .seminar .link:hover{
	text-decoration:underline;
}

.seminardetails{
}
.seminardetails .datum{
	margin-bottom:0.5em;
}
.seminardetails .datum span{
	font-weight:bold;
}
.seminardetails h1{
	margin-bottom:0.3em;
}
.seminardetails .kategorie{
	font-weight:bold;
}
.seminardetails .langtext{
	margin:1em 0em 1em 0em;
}
.seminardetails .anmeldung{
	margin:2em 0em 2em 0em;
}

	.seminardetails .button_back{
		float:right;
		color:#4C688B;
		margin:0px 0px 20px 20px;
	}
		.seminardetails .button_back:hover{
			text-decoration:none;
			color:#00285A;
			text-decoration:none;
		}
		.seminardetails .button_back:before{
			font-family:fontawesome;
			content:'\f137';
			margin-right:0.3em;
		}



.suchform{
	float:left;
	width:100%;
	margin:0 0 2em 0;
	padding:0;
}
	.suchform h3{
		float:left;
		width:100%;
		margin-bottom:1em;
	}

	.suchform div{
		float:left;
		width:100%;
		margin-bottom:10px;
	}

	.suchform select{
		width:100%;
		font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
		font-size:14px;

		border:1px solid #E5E9EE;
		background-color:#E5E9EE;
		border-radius:5px;
		padding:3px 4px 3px 4px;
		box-shadow:2px 2px 0px #D6DCE4;
	}

	.suchform input{
		font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
		font-size:14px;

		border:1px solid #E5E9EE;
		background-color:#E5E9EE;
		border-radius:5px;
		padding:4px;
		box-shadow:2px 2px 0px #D6DCE4;
		float:left;
		width:210px;
	}

	.suchform .bt_suche{
		border:1px solid #4C688B;
		background-color:#4C688B;

		padding:5px 10px 5px 10px;
		color:white;
		box-shadow:none;

		float:right;
		width:auto;
		cursor:pointer;
	}








/*--- Formularfelder ---*/
.ft1{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:14px;
	width:300px;
	border:1px solid #00285A;
	background-color:#F0F0F0;
	border-radius:5px;
	padding:4px;
}
	.ft1:focus{
		background-color:#E2E2E2;
	}


.ft2{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:14px;
	width:50px;
	border:1px solid #00285A;
	background-color:#F0F0F0;
	border-radius:5px;
	padding:4px;
}
	.ft2:focus{
		background-color:#E2E2E2;
	}

.fs1{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:14px;
	border:1px solid #00285A;
	background-color:#F0F0F0;
	border-radius:5px;
	padding:4px;
}


.ta1{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:14px;
	width:500px;
	border:1px solid #00285A;
	background-color:#F0F0F0;
	border-radius:5px;
	padding:4px;
}
	.ta1:focus{
		background-color:#E2E2E2;
	}



/*--- GoogleMap ---*/
#map{
	border:1px solid #00285A;
	border-radius:5px;
	width:100%;
	height:350px;
	overflow:hidden;
}
.gm_error{
	padding:10px;
	background-color:#E2E2E2;
	border:1px solid #E4252F;
	margin:5px 0px 5px 0px;
}
#route{
	margin-left:-5px;
}



/*--- Buttons ---*/
.bt1{
	font-size:19px;
	background-color:#4C688B;
	border:1px solid #4C688B;
	border-radius:4px;
	color:white;
	padding:4px 10px 5px 10px;
	cursor:pointer;
}
	.bt1:hover{
	}

.bt2{
	font-size:15px;
	background-color:#4C688B;
	border:1px solid #4C688B;
	border-radius:4px;
	color:white;
	padding:0px 10px 0px 10px;
	cursor:pointer;
	margin-top:2px;
	height:27px;
}
	.bt2:hover{
	}




/*--- 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}
}




/*--- 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-envelope-o:before{content:'\f003';}
	.fa-phone-square:before{content:'\f098';}
	.fa-map-marker:before{content:'\f041';}

	.fa-sitemap:before{content:'\f0e8';}
	.fa-list:before{content:'\f03a';}

	.fa-file-text:before{content:'\f15c';}
	.fa-file-text-o:before{content:'\f0f6';}
	.fa-file-pdf-o:before{content:'\f1c1';}
	.fa-file-word-o:before{content:'\f1c2';}
	.fa-file-excel-o:before{content:'\f1c3';}
	.fa-file-image-o:before{content:'\f1c5';}
	.fa-file-zip-o:before{content:'\f1c6';}
	.fa-files-o:before{content:'\f0c5';}

	.fa-arrow-circle-right:before{content:'\f0a9';}
	.fa-chevron-right:before{content:'\f054';}
	.fa-chevron-circle-left:before{content:'\f137';}
	.fa-chevron-circle-right:before{content:'\f138';}
	.fa-caret-right:before{content:'\f0da';}


	.fa-shopping-cart:before{content:'\f07a';}
	.fa-search:before{content:'\f002';}
	.fa-suitcase:before{content:'\f0f2';}
	.fa-coffee:before{content:'\f0f4';}
	/*Besteck, Gastro*/
	.fa-cutlery:before{content:'\f0f5';}
	.fa-calendar:before{content:'\f073';}
	.fa-sun-o:before{content:'\f185';}
	.fa-unlock-alt:before{content:'\f13e';}
	.fa-rocket:before{content:'\f135';}
	.fa-clock-o:before{content:'\f017';}
	.fa-bell:before{content:'\f0f3';}
	.fa-image:before{content:'\f03e';}
	.fa-info:before{content:'\f129';}
	.fa-info-circle:before{content:'\f05a';}
	.fa-bank:before{content:'\f19c';}
	.fa-video-camera:before{content:'\f03d';}





/*--- Themenüberschriften Start ---*/
/*Header mit Icon, Label und Pfeil*/
.boxheader{
	width:100%;
	clear:both;
	position:relative;
	font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
	font-size:28px;
	line-height:1em;
	color:rgb(0,158,66);
	color:#00285A;
	margin-bottom:0.5em;
}
	/*ACHTUNG: clearfix, da innere Element ggf. floaten*/
	.boxheader:before, .boxheader:after{
		content:'';
		display:table;
		width:100%;
		float:none;
	}
	.boxheader_title{
		position:relative;
		float:left;
	}
		.boxheader_title a{
			display:inline-block;
			color:inherit;
		}
		.boxheader_title i{
			display:inline-block;
			width:2em;
			height:2em;
			border-radius:5em;
			text-align:center;
			line-height:0.01px;
			vertical-align:middle;
			position:relative;
			margin-right:0.5em;
			background-color:rgb(204,204,204);
			/*SVG Füllung*/
			fill:white;
		}
			.boxheader_title i svg{
				width:100%;
				height:100%;
			}
		/*Label*/
		.boxheader_title span{
			display:inline-block;
			vertical-align:middle;
		}
			.boxheader_title span:after{
				content:'\f0a9';
				font-family:fontawesome;
				display:inline-block;
				margin-left:0.25em;
				color:#00285A;
			}
@media screen and (max-width:533px){
	.boxheader{
		font-size:28px;
	}
}






/*------------------- Start Aktuelles ---------------*/
.start_row_aktuelles{
	padding-bottom:20px;
}

/*--- ItemSlider News ---*/
/*externe Cursor und Index-Buttons*/
.islider_cbtn_container2{
	float:right;
	color:rgb(204,204,204);
	padding-top:0.1em;
}
	.islider_icbtn2{
		float:left;
		margin-left:0.5em;
		cursor:pointer;
	}
		.islider_icbtn2:first-child{
			margin-left:0;
		}
.islider_ibtn_container2{
	position:relative;
	text-align:center;
	margin-top:20px;
}
	/*Indexbuttons allgemein*/
	.islider_ibtn_container2 span{
		display:inline-block;
		position:relative;
		border-radius:20px;
		margin:auto 6px;
		cursor:pointer;

		width:15px;
		height:15px;
		border:1px solid rgb(204,204,204);
		background-color:white;
	}
	.islider_ibtn_container2 span.on{
		background-color:rgb(204,204,204);
	}

/*------ ISlider -------*/
.inews0{
	color:inherit;
	font-size:16px;
	line-height:1.4em;
}
	/*Slider*/
	.inews0 .cms4d_islider_slider > div{
		/*Initiale Spaltenbreite*/
		width:33.333333%;
	}
	.islider_cbox{
		color:rgb(51,51,51);
	}
		/*Blockformate*/
		.islider_cbox a, .islider_cbox a:hover{
			color:inherit;
			text-decoration:none;
		}

		.inews_head,
		.inews_body h1,
		.inews_body h2,
		.inews_body h3,
		.inews_body h4,
		.inews_body h5,
		.inews_body h6{
			margin:0;
			padding:0;
			font-size:1.125em;
			line-height:1.25em;
			font-family:roboto2014_regular, Arial, "Arial Unicode MS", Helvetica, sans-serif;
			margin-bottom:0.75em;
			color:#4C688B;
		}
		.inews_body p{
			margin:0;
			padding:0;
			font-size:inherit;
			line-height:inherit;
			margin-bottom:0.5em;
		}
		.inews_body .ul_inline{
			margin-bottom:0.5em;
		}
			.inews_body .ul_inline li:before{
				/*check-square*/
				content:'\f14a';
				color:rgb(81,170,53);
			}
		/*Container*/
		.inews_img, .inews_head, .inews_body, .inews_foot{
			width:100%;
			float:left;
			clear:both;
			position:relative;
		}

		.inews_img{
			margin-bottom:0.8em;
		}
			.inews_img img{
				display:block;
			}

		.inews_head{
		}

		.inews_body{
			font-size:14px;
			line-height:1.4em;
		}

		.inews_foot{
		}
			.inews_link{
				float:left;
				margin-top:15px;
			}
				/*Link button*/
				.inews_link span{
					display:inline-block;
					color:white;
					background-color:#4C688B;
					border-radius:5px;
					padding:4px 8px 5px 9px;
				}
				.inews_link span:after{
					/*arrow-circle-right*/
					content:'\f0a9';
					/*caret-right*/
					content:'\f0da';
					font-family:fontawesome;
					display:inline-block;
					margin-left:0.35em;
				}
	
		/*Letztes Element im Container erzeugt keinen Abstand nach unten*/
		.inews_body > *:last-child{
			margin-bottom:0;
		}

/*------------------ start aktuelles, quicklinks viewports -----------*/
@media screen and (max-width:1240px){
}
@media screen and (max-width:1200px){
	/*Spaltenabstände verringern*/
	.islider_columns .islider_columns_inner{margin-left:-30px;}
		.islider_columns .islider_cbox{border-width:30px;}
		.islider_columns .cms4d_islider_ibtn_container{padding-left:30px;}
}
@media screen and (max-width:1024px){
	.islider_columns .islider_columns_inner{margin-left:-20px;}
		.islider_columns .islider_cbox{border-width:20px;}
		.islider_columns .cms4d_islider_ibtn_container{padding-left:20px;}
}
@media screen and (max-width:1020px){
}
@media screen and (max-width:939px){
	/*Newsslider 2 spaltig*/
	.inews0 .cms4d_islider_slider > div{
		width:50%;
	}
}
@media screen and (max-width:780px){
	/*Islider columns pauschal zweispaltig.
	Die Bilder eines initial dreispaltigen Layouts haben dann zu diesem Zeitpunkt exakt ihre Originalbreite (360px)*/
	.islider_columns .cms4d_islider_slider > div{width:50%;}
}
@media screen and (max-width:760px){
}
@media screen and (max-width:600px){
	/*Ilsider Columns pauschal einspaltig.
	ACHTUNG: die Spaltencontainer werden zwar auf 100% Breite gesetzt,
	der letzte Spaltenabstand auf den Inhaltscontainern bleibt aber erhalten.
	Sonst würd man sehen, dass die Inhalte beim Scrollen direkt aneinanderstoßen.*/
	.islider_columns .cms4d_islider_slider > div{width:100%;}
	/*externe Indexbuttons ausblenden, dafür Standard internes control einblenden*/
	.islider_ibtn_container2, .islider_cbtn_container2{display:none;}
	.islider_columns .cms4d_islider_ibtn_container{display:block;}
		/*Index bullets kleiner*/
		.islider_columns .cms4d_islider_ibtn_inner_container{font-size:0.3em;}
}
@media screen and (max-width:533px){
}
@media screen and (max-width:470px){
}




/*--- fmenu0 ---*/
.fmenu0_row{
	display:none;
	z-index:8000;
}
.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;
	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;
				border: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);
				width:100%;
				border:none;
				box-shadow:none;
			}

#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;
}
/*------------------------ projektspezifisch -------------------
Button in sichtbarer Kopfzeile. Der fmenu0_container muss explizit nach unten
abgerückt werden, da der absolut positionierte Button keinen Freiraum erzeugt und
der container sonst ganz nach oben rutschen würde.*/
.fmenu0_row{
}
	.fmenu0_btn_container{
		margin-top:50px;
	}
		.fmenu0_btn{
			top:-40px;
		}
		.fmenu0_btn .btn_fmenu_opener.open{
			min-height:41px;
		}
	.cms4d_fmenu_container{
		position:absolute;
		top:50px;
	}
	







/*--- Breadcrumb Menü ---*/
/*Farben erben. So muss je nahc Hintergrundfarbe der Seite nicht explizit jedes Unterelement neu formatiert werden.*/
.bcmenu{
	color:inherit;
	font-size:16px;
}
	.bcmenu .btn,
	.bcmenu .btn.on,
	.bcmenu a.btn
	{
		color:inherit;
	}
.bcmenu a > span{
	/*Für mehrzeillige Menülabels mit &#xa; 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;
	}





/*-------------------- RWD ------------------*/
.page_container{
	width:1080px;
	box-sizing:border-box;
}
.row_center{
	width:1080px;
	box-sizing:border-box;
}
.head_logo{
	width:585px;
	box-sizing:border-box;
}
.kurssuche_mobile{
	display:none;
}

.footer_row .footer_menu1, .footer_row .footer_menu2{
	margin-right:0;
}
.footer_row .footer_menu1 a{
	margin-left:40px;
}


.start_col{
	width:100%;
	margin-right:0;	
}

.start_col .kursmenu{
	float:none;
	display:flex;
	justify-content:space-between;
	margin-bottom:30px;
}
	.start_col .kursmenu a{
		margin:0;
		/*font-stretch:condensed;*/
		color:black;
		font-size:12px;
		width:95px;
	}
	.start_col h3{
		display:none;
	}
	
.start_col .suchform > div{
	display:flex;
}
	.start_col .suchform input{
		width:calc(100% - 430px);
		margin-right:15px;
	}
	.start_col .suchform select{
		width:250px;
		margin-right:15px;
	}
	.start_col .suchform .bt_suche{
		width:150px;
		margin-right:0;
	}

.themen > div{
	display:flex;
}
	.themen > div > .tbox{
		width:33.3333%;
		height:auto;
	}
		.themen > div > .tbox img{
			width:100%;
		}
		
.logo_row .logo:nth-child(3){
	margin-right:0;
}


.iframe1{
	width:600px;
	max-width:100%;
}

.ft_container{
	margin-bottom:10px;
	display:flex;
	flex-wrap:wrap;
}
	.ft_container > div:nth-child(1){
		width:200px;
		margin-bottom:4px;
	}
	.ft_container > div:nth-child(2){
		width:280px;
	}
	
.ft1{
	max-width:280px;
	width:calc(100% - 10px);
}
.ta1{
	max-width:500px;
	width:calc(100% - 10px);
}


@media screen and (max-width:1120px){
	.row{
		padding:0 20px 0 20px;
	}
		.head_row{
			overflow:hidden;
		}
	.page_container{
		width:100%;
		padding:0 20px 0 20px;
	}
	.row_center{
		width:100%;
	}
	.head_img{
		width:calc(100% - 585px);
	}
	
	.start_col .kursmenu{
		flex-wrap:wrap;
	}
		.start_col .kursmenu a{
			width:10%;
		}
}

@media screen and (max-width:1024px){
	.head_logo{
		width:400px;
	}
	.head_img{
		width:calc(100% - 400px);
	}
	.center_col{
		width:100%;
	}
	.right_col{
		width:100%;
	}
	
	.start_col .kursmenu{
		margin-top:0;
		margin-bottom:0;
	}
	.kurse_col .kursmenu{
		margin-top:20px;
		margin-bottom:10px;
	}
		.start_col .kursmenu a, .kurse_col .kursmenu a{
			width:20%;
			margin-bottom:15px;
		}
	
	.kurse_col .kursmenu{
		float:none;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		margin-bottom:30px;
	}
		.kurse_col .kursmenu a{
			margin:0;
			margin-bottom:15px;
			font-stretch:condensed;
			color:black;
		}
	.kurse_col .kurssuche_desktop{
		display:none;
	}
	.kurse_col .kurssuche_mobile{
		display:block;
	}
	.kurse_col .suchform > div{
		display:flex;
	}
		.kurse_col .suchform input{
			width:calc(100% - 430px);
			margin-right:15px;
		}
		.kurse_col .suchform select{
			width:250px;
			margin-right:15px;
		}
		.kurse_col .suchform .bt_suche{
			width:150px;
			margin-right:0;
		}
		
	.seminarliste .seminar{
		width:calc(100% - 90px);
	}
	
	.news_liste{
		width:100%;
	}
		.news_liste .body_text{
			width:100%;
		}
}

@media screen and (max-width:910px){
	.head_logo{
		width:400px;
	}
	.head_img{
		width:calc(100% - 400px);
	}
}

@media screen and (max-width:860px){
	.start_col .kursmenu{
		margin-top:0;
		margin-bottom:0;
	}
	.kurse_col .kursmenu{
		margin-top:20px;
		margin-bottom:10px;
	}
		.start_col .kursmenu a, .kurse_col .kursmenu a{
			width:20%;
			margin-bottom:15px;
		}
	.hmenu{
		font-size:17px;
	}
	.hmenu a.lvl0{
		padding:13px 18px 13px 18px;
	}
	
	.themen > div{
		flex-wrap:wrap;
		justify-content:space-between;
	}
		.themen > div > .tbox{
			width:calc(50% - 10px);
			margin-right:0;
			margin-bottom:20px;
		}
			.themen > div > .tbox:nth-child(3){
				width:100%;
			}
			.themen > div > .tbox img{
				width:auto;
			}
			.themen > div > .tbox p{
				width:100%;
				clear:both;
			}
}

@media screen and (max-width:768px){
	.fmenu0_row{
		display:block;
	}
	.head_row{
		overflow:visible;
		height:80px;
	}
	.head_logo{
		width:240px;
		margin-top:20px;
	}
		.head_logo img{
			width:100%;
			height:auto;
		}
	.head_img{
		display:none;
	}
	.hmenu_row{
		display:none;
	}
	
	.logo_row{
		height:auto;
	}
	.logo_row .floater{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;		
		float:none;
		margin-bottom:20px;
	}
		.logo_row .logo{
			margin-right:0;
			width:calc(33.3333% - 20px);
			float:none;
		}
			.logo_row .logo img{
				max-width:100%;
			}
}

@media screen and (max-width:730px){
	.start_col .suchform > div, .kurse_col .suchform > div{
		flex-wrap:wrap;
	}
	.start_col .suchform input, .kurse_col .suchform input{
		width:100%;
		margin-right:0;
		margin-bottom:15px;
	}
	.start_col .suchform select, .kurse_col .suchform select{
		width:calc(100% - 165px);
	}
	.start_col .suchform .bt_suche, .kurse_col .suchform .bt_suche{
		margin-bottom:0;
	}
}

@media screen and (max-width:520px){
	.start_col .kursmenu .kat, .kurse_col .kursmenu .kat{
		background-size:50px;
		padding-top:60px;
		font-size:10px;
		word-wrap:break-word;
	}
}

@media screen and (max-width:480px){
	.themen > div > .tbox{
		width:100%;
	}
		.themen > div > .tbox img{
			max-width:100%;
		}
}

@media screen and (max-width:470px){
	.cms4d_fmenu .fcol{
		width:100%;
		clear:both;
	}
}

@media screen and (max-width:420px){
	.head_row{
		height:77px;
	}
	.head_logo{
		width:220px;
	}
	.logo_row .floater{
		justify-content:space-around;
	}
		.logo_row .logo{
			width:calc(50% - 20px);
		}
		
	.start_col .kursmenu, .kurse_col .kursmenu{
		justify-content:center;
	}
	.start_col .kursmenu a, .kurse_col .kursmenu a{
		width:25%;
		margin-bottom:10px;
		font-stretch:condensed;
	}
}

@media screen and (max-width:430px){
	.start_col .suchform select, .kurse_col .suchform select{
		width:100%;
		margin-right:0;
		margin-bottom:15px;
	}
	.start_col .suchform .bt_suche, .kurse_col .suchform .bt_suche{
		width:100%;
	}
}

@media screen and (max-width:380px){
	.btn_fmenu_opener .label{
		display:none;
		display:block;
	}
}
@media screen and (max-width:380px){
	.btn_fmenu_opener{
		padding-left:6px;
	}
	.btn_fmenu_opener .icon{
		display:none;
	}
}

@media screen and (max-width:340px){
	.btn_fmenu_opener{
		padding-left:10px;
	}
	.btn_fmenu_opener .label{
		display:none;
	}
	.btn_fmenu_opener .icon{
		display:block;
	}
}

