@charset "utf-8";
@import url(fonts.css);


/*=== 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.11.2011, dogan ===============*/
body{
	color:rgb(85,85,85);
	font-family:"Arial Unicode MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	/*70%=11px, 75%=12px*/
	font-size:12px;
	-webkit-text-size-adjust:100%;

	padding:0;
	margin:0;
	background-color:white;
}

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



/*========= Layout Seite ==========*/
@media screen, projection{

	/*Der Fabstreifen an der Oberkante beginnt links und reicht bis 50% der Browserbreite. Durch die absolute Positionierung
	rutschen die weiteren Streifen über ihn.*/
	.top_balken_links{
		position:absolute;
		left:0px;
		top:0px;
		width:50%;
		height:10px;
		background-color:rgb(6,35,103);
	}


	/*--- Grundlayout ---*/
	/*Da der obere Streifen das Dropdownmenü enthält muss er den höchsten z-index haben.*/
	.top_floater{
		width:100%;
		float:left;
		clear:both;
		z-index:30;
		position:relative;
	}
		.top_floater_content{
			width:940px;
			margin:0 auto;
			position:relative;
		}
	.img_floater{
		width:100%;
		float:left;
		clear:both;
		position:relative;
		z-index:20;
		background-color:rgb(236,236,236);
	}
		.img_floater_content{
			width:940px;
			margin:0 auto;
			position:relative;
		}
	.content_floater{
		width:100%;
		float:left;
		clear:both;
		position:relative;
		z-index:10;
	}
		.content_floater_content{
			width:940px;
			margin:0 auto;
			position:relative;
		}



	/*--- Logo, Hauptmenu Dropdown ---*/
	.top_container{
		width:940px;
		height:148px;
		float:left;
		clear:both;
		position:relative;
		cursor:default;
		z-index:40;
		/*Die Verlaufsgrafik überdeckt den blauen Hintergrundbalken aus dem Body links. s.o. top_balken_links*/
		background-image:url(images-sybac/top-verlauf.png);
		background-repeat:no-repeat;
	}
		.top_container img{
			border:none;
			float:left;
		}
		.top_logo{
			width:560px;
			height:79px;
			position:absolute;
			left:0px;
			top:30px;
		}
		.topmenu_outer_container{
			width:640px;
			position:absolute;
			left:300px;
			top:11px;
		}
			.topmenu_container{
				float:right;
				/*clear:both;*/
				/*padding-right:10px;*/
			}

		.suche_container{
			position:absolute;
			left:730px;
			top:50px;
			width:200px;
			min-height:18px;
		}

		/*Hauptmenu Dropdown*/
		.hmenu_container{
			position:absolute;
			left:0px;
			top:105px;
			width:940px;
			height:43px;
			/*Das Dropdown muss über dem normalen Inhalt in content_container stehen*/
			position:relative;
			z-index:30;
		}




	/*--- Kopfbild ---*/
	.top_img_pcontainer{
		width:940px;
		float:left;
		clear:both;
		position:relative;
		overflow:hidden;
	}
		.top_img_container{
			width:100%;
			float:left;
			clear:both;
			position:relative;
		}
			.top_img_container img{
				border:none;
			}
			.top_img_static{
				width:940px;
					float:left;
					clear:both;
			}



	/*--- Inhalt ---*/
	.content_container{
		width:940px;
		float:left;
		clear:both;
		padding:20px 0px 0px 0px;
		position:relative;
	}

		/*Breadcrumb wird nur bei Bedarf oberhalb html_content eingeblendet*/
		.bcmenu_container{
			width:900px;
			float:left;
			clear:both;
		}
			/*Wenn das breadcrump Menü sichtbar ist, wird der Abstand des html_content anders reguliert
			(Nachbar Selektor "+", alle ab IE7)*/
			.bcmenu_container + .center_col .html_content{
				padding-top:10px;
			}

		/*Das Standardlayout ist 2 Spaltig mit Infospalte rechts. Für die Startseite einspaltig über die volle Breite.
		Das Layout könnte über eine Klasse auf dem body gesteuert werden.*/
		.center_col{
			width:620px;
			float:left;
			position:relative;
			padding:0 20px 0 0;
		}
			.center_col .html_content{
				float:left;
				clear:both;
				/*BEACHTE: die Inhalte sind für die Inhaltsseiten absichtlich links um 20px eingerückt.*/
				padding:0 0 0 20px;
			}
		.right_col{
			width:300px;
			float:left;
			position:relative;
			padding:5px 0 0 0;
			border-bottom:1px solid white;
		}

		/*einspaltig, z.B. home*/
		body.cols1 .content_container .center_col{
			width:940px;
			padding-left:0;
			padding-right:0;
		}
			body.cols1 .content_container .center_col .html_content{
				padding:0;
			}
		body.cols1 .content_container .right_col{
			display:none;
		}



	/*--- Footer ---*/
	.footer{
		margin-top:1em;
		width:940px;
		float:left;
		clear:both;
		position:relative;
	}
		.footer_head{
			font-family:"Apex", Calibri, Corbel, "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", Tahoma, Geneva;
			font-size:28px;
			line-height:1.3em;
			color:rgb(228,228,228);
			margin:0;
			padding:0 0 0.1em 20px;
			background-image:none;
			height:46px;
		}

		/*Fußmenü, Tabelle*/
		.fmenu{
			width:100%;
			float:left;
			clear:both;
			font-size:11px;
			background-image:url(images-sybac/bg-footermenu.gif);
			background-repeat:repeat-x;
		}
			.fmenu table td{
				white-space:nowrap;
			}
			/*Einfärben erste Tabellenreihe*/
			.fmenu table .m_first{
				color:rgb(51,51,51);
				background-color:rgb(236,236,236);
			}
			.fmenu table a{
				color:rgb(51,51,51);
			}

			/*Einrückung jeweils Spalte mit Zahlen. Die Spalte mit den Links wird durch die A-Elemente auseinander gedrückt.*/
			.fmenu table .td1{
				width:1%;
				padding:0 0 0 20px;
			}
			.fmenu a{
				display:block;
				padding:3px 5px 4px 10px;
			}

		.footer_bottom{
			width:900px;
			float:left;
			clear:both;
			padding:20px 20px 20px 20px;
		}

}
@media print{
	.head_container{
		display:none;
	}
	.top_logo_container{
		display:none;
	}
	.top_container{
		display:none;
	}
	.top_img_pcontainer{
		display:none;
	}
	.top_img_container{
		display:none;
	}
	.hmenu_container{
		display:none;
	}
	.treemenu_container{
		display:none;
	}
	.bcmenu_container{
		display:none;
	}
	.dropdown_outer_container, .dropdown_container{
		display:none;
	}
	.content_container{
		background-image:none;
		padding:0;
		margin:0;
	}
	.topmenu_container, .mainmenu_container{
		display:none;
	}
	.bottom_container{
		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.60em;
	}
	h1, h2, h3{
		font-family:"Apex", Calibri, Corbel, "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", Tahoma, Geneva;
	}
	h1{
		color:rgb(85,85,85);
		font-size:1.3em;
		font-weight:normal;
		margin:0 0 0.65em 0;
		text-transform:uppercase;
	}
	h1.h2{
		color:#29417C;
		font-size:1.8em;
		line-height:1.1em;
		font-weight:normal;
		margin:1em 0 1em 0;
		padding-left:40px;
		padding-top:12px;
		background-image:url(images-sybac/zitat.png);
		background-repeat:no-repeat;
		margin-left:-20px;
		text-transform:uppercase;
		height:46px;
	}
	h2{
		color:#29417C;
		font-size:1.8em;
		line-height:1.1em;
		font-weight:normal;
		margin:1em 0 1em 0;
		padding-left:40px;
		padding-top:12px;
		background-image:url(images-sybac/zitat.png);
		background-repeat:no-repeat;
		margin-left:-20px;
		text-transform:uppercase;
		height:46px;
	}
	
	h3{
		color:rgb(85,85,85);
		font-size:1.2em;
		font-weight:normal;
		margin:0 0 0.5em 0;
		padding:0;
	}
	h4{
		color:black;
		font-size:1em;
		margin:0 0 1em 0;
		padding:0;
	}
	h5{
		color:black;
		font-size:1em;
		margin:0 0 1em 0;
		padding:0;
	}
	h6{
		color:black;
		font-size:1em;
		margin:0 0 1em 0;
		padding:0;
	}

	address{
		font-style:normal;
		font-size:0.8em;
		line-height:normal;
	}

	a{
		color:rgb(6,35,103);
		text-decoration:none;
	}
	a:hover{
		text-decoration:underline;
	}

	hr{
		height:1px;
		border:none;
		border-top:1px solid rgb(229,237,245);
		padding:0;
		margin:0 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 1em 0;
		padding:0;
		background-image:none;
	}
	h5{
		color:black;
		font-size:1em;
		margin:0 0 1em 0;
		padding:0;
		background-image:none;
	}
	h6{
		color:black;
		font-size:1em;
		margin:0 0 1em 0;
		padding:0;
		background-image:none;
	}

	p{
		margin:0 0 1em 0;
		padding:0;
	}

}

.hr_solid{
	border-top:1px solid rgb(211,235,245);
	height:10px;
	margin-top:7px;
	width:100%;
	float:left;
	position:relative;
}
.hr_dashed{
	border-top:1px dashed rgb(211,235,245);
	height:10px;
	margin-top:7px;
	width:100%;
	float:left;
	position:relative;
}


/*--- Bildformate ---*/
.bild_links{
	float:left;
	margin:5px 20px 10px -20px;
	border:none;
}

.bild_box{
	float:left;
	clear:both;
	width:578px;
	font-size:0.9em;
	padding:2px;
	border:1px solid #ECECEC;
	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 #ECECEC;
}
.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 #ECECEC;
}
.bild_box_rechts img{
	margin-bottom:4px;
}
.bild_box_rechts p{
	margin:0;
	padding:0;
}


.bild_links_rand{
	float:left;
	margin:8px 20px 10px 0;
	border:none;
	border:2px solid #AA8345;
}

.bild_rechts{
	float:right;
	margin:8px 0 10px 20px;
	border:none;
}
.bild_rechts_rand{
	float:right;
	margin:8px 0 10px 20px;
	border:none;
	border:2px solid #AA8345;
}
.bild_rand{
	border:3px solid #AA8345;
}
.bild_rand_2px{
	border:2px solid #AA8345;
}


.container_rel{
	/*allgemein Für NS7*/
	position:relative;
}


/*--- Infobox Karte ---*/
.infobox_karte{
	width:200px;
	display:none;
	position:absolute;
	z-index:2000;
}
.infobox_karte .content{
	width:176px;
	font-size:10px;
	background-image:url(../images/news-info-karte-bg.png);
	background-repeat:repeat-y;
	padding:0px 12px 0px 12px;
	margin:0 0 0 0;
	float:left;
}
.infobox_karte .content p{
	margin:0;
}



/*--- Suchfeld allgemein oben ----*/
.suche{
	float:left;
	clear:both;
	margin:0;
	padding:0;
}
	.suche .suche_button{
		float:left;
		width:18px;
		height:18px;
		border:none;
		padding:0;
		margin:0;
		background:rgb(236,237,234) url(images-sybac/icon-lupe.png) no-repeat 4px 4px;
		cursor:pointer;
	}
	.suche .suche_eingabe{
		color:rgb(112,112,112);
		font-family:Verdana;
		font-size:10px;
		line-height:10px;
		float:left;
		width:170px;
		min-height:14px;
		padding:2px 4px 2px 7px;
		margin:0 0 0 1px;
		overflow:hidden;
		border:none;
		background-color:#ECECEC;
	}



/*--- Newslist Home ---*/
.nbox1{
	width:280px;
	height:220px;
	float:left;
	clear:both;
	background-color:rgb(245,245,245);
}
	.nbox1 .nbox_head{
		padding-right:7px;
		background-color:rgb(208,208,208);
	}
		.nbox1 .nbox_head *{
			font-family:Calibri, Corbel, "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", Tahoma, Geneva;
			font-size:21px;
			font-weight:bold;
			color:white;
		}
		.nbox1 .nbox_head h1, .nbox1 .nbox_head h2, .nbox1 .nbox_head h3{
			margin:0;
			padding:0;
		}
		.nbox1 .nbox_head a{
			text-decoration:none;
			display:block;
			background-image:url(images-sybac/pfeil-button-r-grau.png);
			background-repeat:no-repeat;
			background-position:right center;
			padding:4px 0 4px 9px;
		}
	.nbox1 .nlist a{
		color:black;
		display:block;
		font-size:12px;
		line-height:1.4em;
		border-top:1px solid white;
		padding:10px 10px 10px 38px;
		background-image:url(images-sybac/pfeil-button-r-grau.png);
		background-repeat:no-repeat;
		background-position:10px 12px;
	}


/*---- Text/Bild Box -----*/
.tbox1{
	width:290px;
	height:100px;
	float:left;
	clear:both;
	position:relative;
	overflow:hidden;
	background-color:rgb(245,245,245);
	font-size:12px;
	line-height:1.4em;
}
	.tbox1 img{
		border:none;
	}
	.tbox1_left_col{
		width:100px;
		float:left;
	}
	.tbox1_right_col{
		width:160px;
		float:left;
		padding:9px 17px 0px 13px;
	}
	.tbox1 h1, .tbox1 h2, .tbox1 h3{
		font-size:21px;
		font-weight:normal;
		color:rgb(171,171,171);
		margin:0 0 6px 0;
		padding:0;
	}
	.tbox1 a{
		color:rgb(153,153,153);
	}
	.tbox1 a.tbox1_link_pfeil{
		/*Pfeil immer an der gleichen Stelle unten rechts*/
		position:absolute;
		left:261px;
		top:70px;
		width:30px;
		height:30px;
		display:block;
		background-image:url(images-sybac/pfeil-button-r-grau.png);
		background-repeat:no-repeat;
	}




/*================= CShifter Hintergrundbild + transparente Textbox ==============*/
.cms4d_cshifter_container .cs_bg_image{
	float:left;
	clear:both;
	z-index:10;
	color:white;
}
.cms4d_cshifter_container .cs_tbox{
	position:absolute;
	left:100px;
	top:100px;
	z-index:20;
	background-image:url(images-sybac/cs-tbox-bg-trans-70-dblau.png);
}
.cms4d_cshifter_container .cs_tbox_body{
	padding:17px 20px 13px 20px;
}
.cms4d_cshifter_container *{
	/*Alle Texte weiss*/
	color:white;
	font-size:12px;
}
.cms4d_cshifter_container h1, .cms4d_cshifter_container h2, .cms4d_cshifter_container h3{
	font-size:30px;
	font-weight:normal;
	line-height:34px;
}
.cms4d_cshifter_container p{
	line-height:17px;
}



/*================= Dropdown einfach Version 2 - ab IE7 ==============*/
.dropdown_container{
	float:right;
	/*position:relative;*/
}
.dropdown2{
	font-family:"Apex", Calibri, Arial, Corbel, "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", Tahoma, Geneva;
	font-size:16px;
	float:left;
	clear:both;
			/*position:relative;*/
/*um den Betrag nach links rücken, um den ein aktiver Reiter die nebenstehenden zu sich zieht.
s.u. negative Margin auf dem Lable des aktiven Reiters.*/
padding-right:1px;
}
.dropdown2 ul, .dropdown2 li{
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
}
.dropdown2 .li_0{
	float:left;
			/*position:relative;*/
/*Trenner Grafik, wird von aktivem Reiter background-color überdeckt*/
background-image:url(images-sybac/hm-trenner.png);
background-repeat:no-repeat;
}
	/*kein Trenner auf erstem Reiter*/
	.dropdown2 .li_0_first{
		background-image:none;
	}


/*--- Untercontainer für Level 1, der bei hover aufgeklappt wird ---*/
.dropdown2 .tab{
			/*IE7: nagelt den absolut positionierten sub-DIV unter li_0 fest*/
			/*position:relative;*/
/*In diesem Projekt sind alle Tabs 100% breit und orientieren sich am dem kompletten Dropdown übergeordneten hmenu_container*/
position:absolute;
width:100%;
	left:0px;

	/*tab wird eingeblendet über Cms4d.DropDown JavaScript*/
	display:none;

	/*Da tab jeweils über den li_0 gestapelt ist, kann bei mehrzeiligen floats zur Not
	auch ein unterer Menüpunkt aufgeklappt und geklickt werden*/
	z-index:1000;
}
	.dropdown2 .sub{
		position:absolute;
		width:100%;
		left:0px;
		top:0px;
		background-color:white;
		background-image:url(images-sybac/hm-sub-bg.png);
		background-repeat:repeat-x;
	}

/*--- Links allgemein ---*/
.dropdown2 a{
	text-decoration:none;
	display:block;
	color:rgb(85,85,85);
}

/*--- Reiter Buttons ---
*/
/*Beschriftung DIV*/
.dropdown2 .lbl_0{
	/*Die Höhe des Label-Containers legt auch gleichzeitig fest, um wieviel Pixel der tab-DIV nach unten verschoben wird*/
	min-height:43px;
height:43px;
	overflow:hidden;
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
	cursor:pointer;
	padding-left:0px;
}
	/*Auf allen Reitern
	Alle ab IE7.
	Die Klasse lbl_0_open wird per JS dann auf den Label DIV gesetzt, wenn dieser geöffnet wird.
	Beim Schließen wird dieser Klassenname wieder subtrahiert. s. Cms4d.DropDown.Menu.ShowTab()
	*/
	.dropdown2 .li_0:hover .lbl_0, .dropdown2 .lbl_0_open{
		background-image:url(images-sybac/hm-on-pfeil.png);
		background-color:rgb(236,236,236);
	}
	/*act und on*/
	.dropdown2 .lbl_0_act, .dropdown2 .li_0:hover .lbl_0_act{
		background-image:url(images-sybac/hm-on-pfeil.png);
		background-color:rgb(236,236,236);
/*BEACHTE:
Im Entwurf wurde nicht bedacht, dass die Hintergrundgrafik des Reiters, der auf den aktiven Reiter folgt, eigentlich
nicht unsichtbar gemacht werden kann. Hinsichtlich der Logik des Menüs gibt es einige Schwächen, die sich eigentlich
nur durch Scripting voin Sonderbedingungen lösen lassen, nicht aber mit CSS.
Ab IE8
Um zumindest beim aktiven Reiter die Trennergrafik zu überdecken, wird zum einen der auf den aktiven Reiter rechts folgende
Reiter durch negative margin nach links herüber gezogen. Da aber das übergeordnete LI-Element des folgenden Reiters
in der z-order des DOM VOR dem aktiven Reiter liegt, bleibt die Trennergrafik des folgenden Reiters immer noch sichtbar.
Deshalb wird der Label-DIV des aktiven Reiters mit position:relativ und einem höheren z-index belegt.
Dadurch steht er dann optisch VOR dem folgenden Reiter und überdekct dessen Trennergarfik.
Insgesamt unbefriedigend, aber funktioniert bei allen Browsern ab IE8*/
margin-right:-1px;
position:relative;
z-index:10;
/*Die border trennt zumindest den Reiter links vom aktiven Reiter optisch ab. Da der rechte Reiter ja durch den aktiven
Reiter zu sich hin gezogen wird, macht diese Aktion die weiße border-left des dem aktiven Reiter folgenden Reiters ebenfalls zunichte.*/
border-left:1px solid white;
	}
		/*die sichtbaren Reiter-Buttons (A-Elemente)*/
		.dropdown2 .lvl_0{
			float:left;
		}
			.dropdown2 .lvl_0 span{
				display:block;
				padding:8px 9px 16px 10px;
			}
		/*hover Text*/
		.dropdown2 .li_0:hover .lbl_0 span{
			color:rgb(6,35,103);
		}
		/*aktiv Text*/
		.dropdown2 .lvl_0_act span, .dropdown2 .lvl_0_on span{
			color:rgb(6,35,103);
		}

/*--- Level 1 Links ----*/
.dropdown2 .sub .ul_1{
	padding:10px 20px 10px 20px;
	display:block;
}
.dropdown2 .sub .li_1{
	float:left;
	width:266px;
	margin-right:50px;
}
.dropdown2 .sub a{
	font-size:19px;
	color:rgb(128,128,128);
	border-bottom:1px solid rgb(6,35,103);
	padding-top:9px;
	display:block;
}
.dropdown2 .sub .lvl_1_first{
	border-top:none;
	padding-top:0px;
}
	.dropdown2 .sub a span{
		display:block;
		padding:7px 0 19px 9px;
	}

	.dropdown2 .sub a .ifo{
		font-size:0.8em;
		padding:0.5em 0 0 0;
	}

	.dropdown2 .sub a:hover span, .dropdown2 .sub .lvl_1_act span, .dropdown2 .sub .lvl_1_on span{
		color:rgb(6,35,103);
	}
	.dropdown2 .sub .lvl_1_act span, .dropdown2 .sub .lvl_1_on span{
	}



/*======= Submenu zu aktivem Hauptmenupunkt, Treeview ========*/
.tree{
	font-size:19px;
	font-family:Calibri, Arial, Corbel, "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", Tahoma, Geneva;
	width:240px;
	float:left;
	clear:both;
}
.tree ul, .tree li{
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}
.tree a{
	color:rgb(127,166,206);
	text-decoration:none;
	display:block;
	background-image:url(images-sybac/lvl-0.gif);
	background-repeat:no-repeat;
	background-position:0px 12px;
}
	.tree a span{
		display:block;
		min-height:1px;
		padding:8px 10px 9px 15px;
		cursor:pointer;
	}
	/*act, on*/
	.tree a:hover, .tree .lvl_0_act, .tree .lvl_0_on{
		color:rgb(0,77,158);
		background-image:url(images-sybac/lvl-0-on.gif);
	}
.tree .sub{
	/*Nach unten hin extra Leerraum zum nächsten lvl0*/
	padding-bottom:10px;
}
.tree .sub a{
	font-family:Verdana;
	font-size:12px;
	padding:4px 0px 7px 0px;
	background-image:url(images-sybac/lvl-n.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
	.tree .sub a:hover, .tree .sub .lvl_n_on{
		color:rgb(0,77,158);
	}
	.tree .sub a:hover, .tree .sub .lvl_n_act, .tree .sub .lvl_n_on{
		background-image:url(images-sybac/lvl-n-on.gif);
	}
	.tree .sub .lvl_n_on{
		font-weight:bold;
	}



/*=========== topmenu ========*/
.topmenu{
	float:left;
	position:relative;
	font-size:13px;
	padding:0px 19px 0px 0px;
}
.topmenu ul, .topmenu li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.topmenu a{
	font-family:"Apex", Calibri, Arial, Corbel, "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", Tahoma, Geneva;
	color:rgb(85,85,85);
	text-decoration:none;
	float:left;
	display:block;
	margin:0 0 0 0px;
	padding:6px 10px 7px 10px;
}
.topmenu a:hover, .topmenu .lvl_0_act, .topmenu .lvl_0_on{
	color:rgb(6,35,103);
}
.topmenu .lvl_0_act, .topmenu .lvl_0_on{
	font-weight:bold;
}


/*=========== langmenu ========*/
.langmenu{
	float:right;
	padding:4px 13px 0px 0px;
}
.langmenu ul, .langmenu li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.langmenu a{
	font-family:"Apex", Calibri, Arial, Corbel, "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", Tahoma, Geneva;
	color:white;
	text-decoration:none;
	font-size:12px;
	float:left;
	display:block;
	width:28px;
	height:25px;
	text-align:center;
	padding:2px 0px 0 0px;
	letter-spacing:-1px;
	background-image:url(images-sybac/icon-punkt-schatten.png);
	background-repeat:no-repeat;
}


/*=========== breadcrumb ========*/
.bcmenu{
	color:rgb(85,85,85);
	font-size:11px;
	width:100%;
	float:left;
	clear:both;
	position:relative;
	margin-top:-5px;
	padding:0px 0 0 0;
}
.bcmenu .bclabel{
	float:left;
	padding-right:5px;
}
.bcmenu a{
	font-family:"Apex", Calibri, Arial, Corbel, "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", Tahoma, Geneva;
	font-size:15px;
	float:left;
	color:rgb(85,85,85);
	padding:0 5px 0 12px;
	margin:0;
	padding:0 12px 0 8px;
	background-image:url(images-sybac/bcm-pfeil.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
}
.bcmenu a:hover{
	color:rgb(6,35,103);
}
.bcmenu .bc_on{
	color:rgb(6,35,103);
}
	/*erster Link kein padding,bullet*/
	.bcmenu .bc_first{
		padding-left:0;
		background-image:none;
	}




/*--- Listen-Formate ---*/
@media screen{
	.html_content ul, .html_content li{
		list-style:none;
	}
	.html_content ul{
		list-style:none;
		margin:-0.5em 0 1.5em -7px;
		padding:0;
	}
	.html_content ul ul{
		list-style:none;
		margin:0 0 0 13px;
		padding:0;
	}
	.html_content ul li{
		/*padding:1em 0 0 15px;*/
		padding:1em 0 0 38px;
		color:rgb(153,153,153);
		margin:0 0 0 -12px;
		background-image:url(images-sybac/li-bullet-pfeil.gif);
		background-repeat:no-repeat;
		background-position:0px 12px;
	}

	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;
}




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



/*=== cms4d Module ===*/
.cms4dmodul_2_teaser_modulcontainer, .cms4dmodul_3_teaser_modulcontainer{
	width:100%;
	float:left;
	clear:both;
	background-color:white;
	overflow:hidden;
}
.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;
	float:left;
	margin-bottom:9px;
}

.cms4dmodul_2_teaser_headline, .cms4dmodul_3_teaser_headline{
	font-family:"Apex", Calibri, Corbel, "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", Tahoma, Geneva;
	font-size:25px;
	font-weight:normal;
	line-height:1.1em;
	color:white;
	height:28px;
	padding:0px 0px 0px 20px;
	background-color:rgb(6,35,103);
	background-image:url(images-sybac/nbox1-head-bg.png);
	background-repeat:repeat-y;
	margin:0px 0px 10px 0px;
	float:left;
	width:280px;
}
.cms4dmodul_2_teaser_headline a, .cms4dmodul_3_teaser_headline a, .cms4dmodul_2_teaser_headline a:hover, .cms4dmodul_3_teaser_headline a:hover{
	color:white;
	text-decoration:none;
	padding:0px;
}


.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:0;
	float:left;
}
.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:rgb(34,154,206);
	background-color:rgb(211,235,245);
	font-size:1em;
	margin:0em 0em 0.75em 0em;
	padding:8px 9px 9px 9px;

}
.cms4dmodul_2_liste_headline2, .cms4dmodul_3_liste_headline2{
	color:black;
	font-size:1em;
	margin:0em 0em 0.75em 0em;
	font-weight:bold;
}

.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 0px 0px;
	padding:0px;
	width:300px;
	float:left;
}
.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:300px;
	overflow:hidden;
}
.cms4dmodul_3_teaser_modulbodycontainer .data_img{
	border:none;
}
.news_teaser_hr{
	border-top:1px solid #CAB59F;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin:15px 0px 15px 0px;
}
.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;
}



.news_teaser_body{
	margin-bottom:1em;
}
	.news_teaser_body .headline_h3{
		font-family:"Apex", Calibri, Corbel, "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", Tahoma, Geneva;
		font-size:19px;
		font-weight:normal;
		line-height:1.05em;
		color:rgb(85,85,85);
		margin:0 0 5px 0;
		padding:0;
	}

.news_teaser .headline{
	font-size:1.2em;
	color:#561800;
}

.news_teaser .headline a{
	text-decoration:none;
	color:#561800;
}
.news_teaser .headline a:hover{
	text-decoration:none;
	color:#561800;
}

.news_teaser .headline_linke_spalte_a{
	color:black;
	display:block;
	font-size:12px;
	line-height:1.6em;
	margin:0px 0px 0px 0px;
	height:54px;
	padding:10px 50px 0 20px;
	background-color:rgb(236,236,236);
	background-image:url(images-sybac/link-pfeil-schatten.png);
	background-repeat:no-repeat;
	background-position:258px 24px;
}

.news_teaser .headline_linke_spalte{
	color:black;
	display:block;
	font-size:12px;
	line-height:1.6em;
	margin:10px 0px 0px 0px;
	height:54px;
	padding:10px 50px 0 20px;
	background-color:rgb(236,236,236);
}

.news_teaser_rechts{
	width:300px;
	height:200px;
	float:left;
	position:relative;
	overflow:hidden;
	font-size:12px;
	line-height:1.4em;
	background-color:white;
	background-image:url(images-sybac/tbox-bg.png);
	background-repeat:repeat-y;
}

.news_teaser_rechts .data_img_container{
	width:300px;
	float:left;
	margin:0;
}
.news_teaser_rechts .news_teaser_body{
	width:300px;
	float:left;
}
.news_teaser_rechts h3{
	font-size:18px;
	font-weight:normal;
	line-height:1.1em;
	color:rgb(85,85,85);
	margin:0;
	padding:0;
	text-transform:uppercase;
	padding:15px 0px 0px 15px;
}
	.jp .news_teaser_rechts h3{
		font-size:13px;
	}
	.en .news_teaser_rechts h3{
		font-size:15px;
	}
.news_teaser_rechts h3 a{
	background-image:url(images-sybac/link-pfeil-schatten.png);
	background-repeat:no-repeat;
	background-position:254px 27px;
	display:block;
	padding-bottom:15px;
}
.jp .news_teaser_rechts h3 a{
	background-position:258px 23px;
}


.news_teaser_rechts .headline_h3{
	font-family:"Apex", Calibri, Corbel, "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", Tahoma, Geneva;
	font-size:18px;
	font-weight:normal;
	line-height:1.1em;
	color:rgb(85,85,85);
	margin:0;
	padding:0;
	text-transform:uppercase;
	padding:15px 0px 0px 15px;
}
	.jp .news_teaser_rechts .headline_h3{
		font-size:13px;
	}
	.en .news_teaser_rechts .headline_h3{
		font-size:15px;
	}
.news_teaser_rechts .headline_h3 a{
	background-image:url(images-sybac/link-pfeil-schatten.png);
	background-repeat:no-repeat;
	background-position:254px 27px;
	display:block;
	padding-bottom:15px;
}
.jp .news_teaser_rechts .headline_h3 a{
	background-position:258px 23px;
}


.news_teaser_rechts a{
	color:rgb(85,85,85);
}
.news_teaser_rechts p{
	line-height:1.6em;
	color:rgb(85,85,85);
}
.news_teaser_rechts a.news_liste_lnk{
	/*Pfeil immer an der gleichen Stelle unten rechts*/
	position:absolute;
	left:260px;
	top:95px;
	width:28px;
	height:25px;
	display:block;
	background-image:url(images-sybac/link-pfeil-schatten.png);
	background-repeat:no-repeat;
}




.news_teaser_rechte_spalte{
	width:300px;
	float:left;
	position:relative;
	overflow:hidden;
	font-size:12px;
	line-height:1.4em;
	background-color:white;
	background-image:url(images-sybac/tbox2-bg.png);
	background-repeat:repeat-y;
}

.news_teaser_rechte_spalte .data_img_container{
	width:300px;
	float:left;
	overflow:hidden;
}
.news_teaser_rechte_spalte .news_teaser_body{
	width:245px;
	float:left;
	padding:11px 40px 0px 11px;
	margin:0;
}
.news_teaser_rechte_spalte h3{
	font-size:19px;
	font-weight:normal;
	line-height:1.05em;
	color:rgb(171,171,171);
	color:rgb(85,85,85);
	margin:0 0 5px 0;
	padding:0;
}
.news_teaser_rechte_spalte a{
	color:rgb(85,85,85);
}
.news_teaser_rechte_spalte p{
	line-height:1.6em;
	color:rgb(85,85,85);
}
.news_teaser_rechte_spalte a.news_liste_lnk{
	/*Pfeil immer an der gleichen Stelle unten rechts*/
	position:absolute;
	left:260px;
	bottom:10px;
	width:28px;
	height:25px;
	display:block;
	background-image:url(images-sybac/link-pfeil-schatten.png);
	background-repeat:no-repeat;
}


/*=== 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-sybac/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-sybac/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 black;
	background-color:#009EE3;
	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:transparent;
	float:left;
}
.bildergalerie_liste td{
	width:140px;
	height:140px;
	background-color:#009EE3;
	
}
.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 #0080D7;
	margin:10px 0px 10px 0px;
	clear:both;
}
.event_liste_date{
	font-weight:bold;
	margin-bottom:0.5em;
}
.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;
}
.news_liste .headline{
	color:rgb(85,85,85);
	font-size:1.3em;
	font-weight:normal;
	margin:0 0 0.65em 0;
	padding:0;
	height:auto;
	text-transform:uppercase;
	background-image:url(images-sybac/news-minus.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
.news_liste .headline_minus{
	background-image:url(images-sybac/news-plus.gif);
}
.news_liste .headline_normal{
	background-image:none;
}
.news_liste .headline_presse{
	background-image:none;
}
.news_liste .headline a{
	color:rgb(85,85,85);
	text-decoration:none;
	display:block;
	padding:0 30px 0 0;
}
.news_liste .headline a:hover{
	color:rgb(85,85,85);
	text-decoration:none;
}
.news_liste .headline a.headline_referenz{
	font-size:1.3em;
	color:#06256C;
}


.news_liste .headline_newsmode{
	/*color:#375BAB;
	float:left;
	font-size:1.4em;
	font-weight:bold;*/
	color:rgb(170,131,69);
	font-size:1.35em;
	margin:0 0 1em 0;
	padding:0;
	font-weight:bold;
}
.link_newsmode{
	float:right;
}
.news_liste ul{
	list-style:none;
	margin:0;
	padding:15px 0 0 0;
	border-top:1px solid #ECECEC;
	margin-left:-20px;
}
.news_liste ul li{
	background-image:none;
	list-style:none;
	margin:0px 0 15px 0;
	padding:0 0 5px 20px;
	/*wichtig für IE*/
	float:left;
	clear:both;
	width:600px;
	border-bottom:1px solid #ECECEC;
}

.news_liste .body_text .ul1 ul{
	list-style:none;
	margin:0 0 1em 9px;
	padding:0;
	border:none;
}
.news_liste .body_text .ul1 ul ul{
	list-style:none;
	margin:0 0 1em 9px;
	padding:0;
	border:none;
}
.news_liste .body_text .ul1 ul li{
	padding:0 0 0.5em 16px;
	margin:0 0 0 -8px;
	background-image:url(images-sybac/li-bullet-pfeil-kurz.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	color:rgb(85,85,85);

	float:none;
	width:auto;
	height:auto;
	border:none;
}

.news_liste .body_text{
	color:black;
	float:left;
	position:relative;
}

.news_liste .body_text_minus{
	display:none;
}

.news_liste .body_text p{
}

.news_liste .body_text .news_liste_lnk{
	color:black;
	text-decoration:none;
	padding-right:40px;
	display:block;
}

.news_liste a.news_liste_lnk2{
	/*Pfeil immer an der gleichen Stelle unten rechts*/
	position:absolute;
	left:438px;
	bottom:10px;
	width:28px;
	height:25px;
	display:block;
	background-image:url(images-sybac/link-pfeil-schatten.png);
	background-repeat:no-repeat;
}

.news_liste .body_text ul{
	list-style:none;
	margin:1em 0 1em 10px;
	padding:0;
	border:none;
}
.news_liste .body_text ul li{
	padding:0 0 0.5em 30px;
	margin:0 0 0 -8px;
	background-image:url(images-sybac/li-bullet-pfeil.gif);
	background-repeat:no-repeat;
	background-position:-10px 2px;
	border:none;
	width:100%;
}

.news_liste .letter{
	font-size:1.6em;
	font-weight:normal;
	color:#063267;
	margin-top:1em;
}

.news_liste .button1{
	background-image:url(images-sybac/bt-news-r.gif);
	background-repeat:no-repeat;
	background-position:right 0px;
	float:right;
	margin-top:-44px;
	padding-right:1px;
	height:25px;
}
.news_liste .button1 a{
	color:white;
	font-size:11px;
	display:block;
	background-image:url(images-sybac/bt-news-l.gif);
	background-repeat:repeat-x;
	padding:4px 10px 6px 10px;
}
.news_liste .button1 a:hover{
	text-decoration:none;
}

.news_liste .referenz_info_container{
	width:520px;
	padding:10px;
	overflow:hidden;
	background-color:#ECECEC;
	background-image:url(images-sybac/bg-tabelle-referenzen.png);
	background-repeat:no-repeat;
	margin:2px 0px 15px 0px;
}

.news_liste .karte_container{
	position:relative;
	width:620px;
	height:814px;
	margin:10px 0px 20px -20px;

}

.news_liste .karte_marker{
	position:absolute;
	width:49px;
	height:63px;
	overflow:hidden;
}
.news_liste .karte_marker img{
	cursor:pointer;
}
.news_liste .news_info_karte{
	display:none;
	height:46px;
	overflow:hidden;
}
.news_liste .news_info_karte_inner{
	float:left;
	background-image:url(../images/news-info-karte-mitte.png);
	background-repeat:repeat-x;
}
.news_liste .news_info_karte_content{
	float:left;
	color:black;
	height:46px;
	padding:13px 4px 0px 0px;
	margin-left:-40px;
	position:relative;
}


.news_liste .register{
	float:left;
	width:540px;
	margin-bottom:5px;
}
.news_liste .register a{
	display:block;
	float:left;
	color:#555555;
	font-size:1.2em;
	text-transform:uppercase;
	border-right:1px solid #ABABAC;
	padding:0px 10px 0px 10px;
}
.news_liste .register a:hover{
	text-decoration:none;
	color:#06256C;
}
.news_liste .register a.normal{
	color:#555555;
}
.news_liste .register a.act{
	color:#06256C;
}

.news_liste .register_impressionen{
	float:left;
	width:540px;
	display:block;
}
.news_liste .register_video{
	float:left;
	width:518px;
	display:none;
	margin-bottom:15px;
}
.news_liste .register_presse{
	float:left;
	width:540px;
	display:none;
	margin-bottom:15px;
}

.news_liste .news_liste_presse{
	width:520px;
	margin-bottom:10px;
	background-image:url(images-sybac/tbox-bg-540.png);
	background-repeat:repeat-y;
	padding:10px 10px 10px 10px;
	position:relative;
}



.news_liste_hr{
}
.news_liste_date{
	font-size:0.8em;
}
.news_liste h1, .news_details h1{

}
.news_liste h2{
	color:#561800;
	font-size:1.2em;
	margin:0 0 0.6em 0;
}
.news_details h2{
	color:black;
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 1em 0;
	padding:0;
	background-image:none;
	line-height:1.3em;
	padding:0;
	height:auto;
}

.news_details{
	padding-right:15px;
}
.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;
	}
	.news_details_backlink_top a{
		font-weight:normal;
	}
}
@media print{
	.news_details_backlink_top{
		display:none;
	}
}
.news_liste .data_img_container{
	width:120px;
	overflow:hidden;
	float:left;
	margin-right:15px;
}
.news_liste .data_img{
	border:none;
}
.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;
}

.news_details .opt_form_link{
	color:white;
	font-size:1.1em;
	font-weight:bold;
	background-color:#115206;
	padding:4px;
	text-decoration:none;
	letter-spacing:0.1em;
}

.news_liste .opt_form_link{
	color:white;
	font-size:1.1em;
	font-weight:bold;
	background-color:#115206;
	padding:4px;
	text-decoration:none;
}






/*--- 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-sybac/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-sybac/lvl-0-on.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-sybac/lvl-n-on.gif);
		background-position:0px 12px;
		font-weight:normal;

	}
	.sitemap ul li ul li a{
		font-size:1em;
	}
	.sitemap ul li ul li ul li{
		background-image:url(images-sybac/lvl-n-on.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;
}


/*---- Text/Bild Box -----*/
.tbox1{
	width:300px;
	height:128px;
	float:left;
	clear:both;
	position:relative;
	overflow:hidden;
	font-size:12px;
	line-height:1.4em;
	background-color:white;
	background-image:url(images-sybac/tbox-bg.png);
	background-repeat:repeat-y;
}
	.tbox1 img{
		border:none;
	}
	.tbox1_left_col{
		width:120px;
		float:left;
	}
	.tbox1_right_col{
		width:170px;
		float:left;
		padding:11px 0 0 0;
	}
	.tbox1 h1, .tbox1 h2, .tbox1 h3{
		font-size:16px;
		font-weight:normal;
		line-height:1.05em;
		color:rgb(171,171,171);
		margin:0 0 5px 0;
		padding:0;
	}
	.tbox1 a{
		color:rgb(85,85,85);
	}
	.tbox1 p{
		line-height:1.6em;
	}
	.tbox1 a.tbox1_link_pfeil{
		/*Pfeil immer an der gleichen Stelle unten rechts*/
		position:absolute;
		left:260px;
		top:95px;
		width:28px;
		height:25px;
		display:block;
		background-image:url(images-sybac/link-pfeil-schatten.png);
		background-repeat:no-repeat;
	}

.tbox2{
	width:300px;
	float:left;
	clear:both;
	margin-bottom:10px;
	background-image:url(images-sybac/tbox-bg.png);
}
	.tbox2 img{
		border:none;
	}
	.tbox2 .tbox2_head{
		width:300px;
		float:left;
		clear:both;
		overflow:hidden;
	}
	.tbox2 .tbox2_body{
		width:260px;
		float:left;
		clear:both;
		padding:12px 20px 4px 20px;
	}
	.tbox2 h1, .tbox2 h2, .tbox2 h3{
		font-size:16px;
		font-weight:normal;
		line-height:1em;
		margin:0 0 5px 0;
		padding:0;
	}
	.tbox2 a{
		color:rgb(85,85,85);
	}
	.tbox2 p{
		line-height:1.6em;
	}

/*--- Formularfelder ---*/
.ft1{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:300px;
	border: 1px solid #D9D9D9;
	background-color:white;
}

.ft1_on{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	color:black;
	width:300px;
	border: 1px solid #D9D9D9;
	background-color:#ECECEC;
}

.ft2{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:100px;
	border: 1px solid #D9D9D9;
	background-color:white;
}

.ft2_on{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	color:black;
	width:100px;
	border: 1px solid #D9D9D9;
	background-color:#ECECEC;
}

.ta1{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:530px;
	border: 1px solid #D9D9D9;
	background-color:white
}

.ta1_on{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	color:black;
	width:530px;
	border: 1px solid #D9D9D9;
	background-color:#ECECEC;
}


.bt1{
	cursor:pointer;
	font-family:Verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size:12px;
	font-weight:normal;
	color:white;
	background-color:#062367;
	border:1px solid black;
	padding:2px;
	
}

.bt2{
	cursor:pointer;
	font-family:Verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size:12px;
	font-weight:normal;
	color:white;
	background-color:#062367;
	border:1px solid black;
	padding:1px 4px 2px 4px;
	margin-top:2px;
}


.selectbox{
	border:1px solid #D9D9D9;
	width:180px;
	background-color:white;
}
.pfeil_kontakt{background-image:url(images-sybac/li-bullet-pfeil.gif);width:40px;height:15px;float:left;background-repeat:no-repeat;}

/*--- Paging-Buttons---*/
.paging_bt1{
	cursor:pointer;
	border:1px solid black;
	background-color:#D3EBF5;
	color:black;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	border:1px solid black;
}
.paging_bt1:hover{
	text-decoration:none;
	color:white;
	background-color:#229ACE;
}

.paging_bt2{
	cursor:pointer;
	border:1px solid black;
	background-color:#229ACE;
	color:white;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.paging_bt2:hover{
	text-decoration:none;
	color:white;
}
@media print{
	.control_panal{display:none;}
	.footer{display:none;}
	.right_col{display:none;}
}



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