/*=== 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;
}


/*========== 15.08.2007, dogan ===============*/
body{
	background-color:white;
	font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	/*BEACHTE: Textgrösse in Prozent statt EM wg. IE6/7, dmit die Schrift beim Vergössern nicht explodiert*/
	font-size:70%;
	text-align:center;
	margin:0;
	padding:0;
}
@media print{
	body{
		background-color:white;
		text-align:left;
		margin:0;
		padding:0;
	}
}
/*IE Tabellenfehler*/
table{
	font-size:1em;
}





/*--- Absatz-Formate ---*/
@media screen{
	h1{
		color:rgb(204,38,43);
		font-size:1.6em;
		font-weight:normal;
		margin:0 0 1em 0;
		padding:0;
	}
	h2{
		color:rgb(204,38,43);
		font-weight:normal;
		font-size:1.2em;
		margin:0 0 0.5em 0;
	}
	h3{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
	}
	h4{
		color:black;
		font-size:1.2em;
		margin:0 0 0.5em 0;
	}
	h5{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
	}
	h6{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
	}

	p{
		margin:0 0 1em 0;
	}

	a{
		color:rgb(204,38,43);
		text-decoration:none;
	}
	a:hover{
		text-decoration:underline;
	}

	address{
		font-size:0.80em;
		font-style:normal;
	}

	hr{
		height:1px;
		color:rgb(204,38,43);
	}
}
@media print{
	h1{
		color:black;
		font-size:1.6em;
		font-weight:normal;
		margin:0 0 1em 0;
		padding:0;
	}
	h2{
		color:black;
		font-size:1.2em;
		margin:0 0 0.5em 0;
	}
	h3{
		color:black;
		font-size:1.0em;
		margin:0 0 0.5em 0;
	}
	h4{
		color:black;
		font-size:1.4em;
		margin:0 0 0.5em 0;
	}
	h5{
		color:black;
		font-size:1.2em;
		margin:0 0 0.5em 0;
	}
	h6{
		color:black;
		font-size:1.0em;
		margin:0 0 0.5em 0;
	}

	p{
		margin:0 0 1em 0;
	}

	a{
		color:black;
		text-decoration:none;
	}

	address{
		font-size:0.80em;
		font-style:normal;
	}
}






/*--- Listen-Formate ---*/
@media screen{
	.html_content ul{
		/*aus optischen Gründen 1px weiter nach rechts für die erste UL*/
		margin:1em 0 1em 13px;
		padding:0;
		list-style:none;
	}
	.html_content li{
	}
	.html_content ul li{
		padding:0 0 0 12px;
		margin:0 0 1em -12px;
		background-image:url(images-msr/li-bullet-klein-rot.gif);
		background-repeat:no-repeat;
	}
	.html_content ul ul{
		margin:1em 0 0 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;
	}
	ul li{
		padding:0;
		margin:0 0 1em 0;
	}
	ul ul{
		margin:1em 0 0 17px;
	}


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


/*--- Bilder ---*/
.bild_links{
	margin:0px 15px 5px 0px;
}
.bild_rechts{
	margin:0px 0px 5px 15px;
}







/*=== cms4d Module ===*/
.cms4dmodul_2_teaser_modulcontainer, .cms4dmodul_3_teaser_modulcontainer{
	width:170px;
	margin-left:15px;
	margin-bottom:10px;
}
.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{
	background-color:transparent;
	padding:8px 0 5px 0;
}
.cms4dmodul_3_teaser_modulbodycontainer{
	background-color:rgb(204,38,43);
	padding-bottom:5px;
}
.cms4dmodul_2_teaser_modulbodycontainer ul li, .cms4dmodul_3_teaser_modulbodycontainer ul li{
	background-image:none;
	margin:0;
	padding:0;
}
/*htmlfragment_teaser*/
.cms4dmodul_2_teaser_headline{
	color:white;
	background-color:transparent;
	text-align:left;
	font-size:1em;
	margin:0;
	padding:6px 0 7px 9px;
}
.htmlfragment_teaser{
	padding:0 10px;
}
.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 *{
	/*ACHTUNG: legt die Textfarbe Weiss aus ALLE untergeodneten Elemente*/
	color:white;
}
.cms4dmodul_3_teaser_headline{
	color:white;
	background-color:transparent;
	text-align:left;
	font-size:1.2em;
	margin:0;
	padding:12px 0 7px 0px;
}
.news_teaser{
	padding:0;
	/*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-top:0.5em;
}
.news_teaser_date{
	color:white;
	font-weight:bold;
	margin-bottom:0.5em;
}
.news_teaser p{
	color:white;
	margin:0 0 0.5em 0;
}
.news_teaser_lnk{
	font-weight:bold;
}
.cms4dmodul_3_teaser_modulbodycontainer .data_img_container{
	width:170px;
	overflow:hidden;
}
.cms4dmodul_3_teaser_modulbodycontainer .data_img{
	border:none;
}
.news_teaser_hr{
	border-top:1px dashed rgb(153,153,153);
	margin-top:1em;
	clear:both;
	/*Die andere Hälfte des Abstands zwischen den Datensätzen*/
	height:0.5em;
}
.hr_dashed{
	border-top:1px dashed rgb(153,153,153);
	height:1em;
	margin-top:1em;
	clear:both;
}
.news_teaser ul{
	margin:0;
	padding-bottom:0.5em;
}
.news_teaser ul li{
	list-style-type:square;
	margin:0 0 0.5em 5px;
}






/*--- Info Box 1 ---*/
@media all{
	.cms4dmodul_-1_1_modulcontainer{
	}
	.ibox_1_1{
		margin-bottom:10px;
	}
	.ibox_1_1 a{
		color:black;
	}
	.ibox_1_1 a:hover{
	}
	.ibox_1_1 a.lnk_href{
		color:rgb(169,14,14);
		font-weight:bold;
	}
	.ibox_1_1 .h_txt{
	}
	.ibox_1_1 a.h_txt{
	}
	.ibox_1_1 img{
		border:none;
		margin-right:10px;
	}
	.ibox_1_1 .s_txt{
		font-size:0.9em;
	}
	.ibox_1_1 .i_txt{
	}
	.ibox_1_1 .b_txt{
	}


	.cms4dmodul_-1_2_modulcontainer{
		/*border:1px solid rgb(204,204,204);*/
		width:150px;
		margin-bottom:10px;
	}
	.ibox_2_1{
	}
	.ibox_2_1_body_container{
		border:1px solid rgb(204,204,204);
		border-top:none;
		background-color:rgb(240,240,240);
		padding:8px 10px 0px 10px;
		width:128px;
		float:left;
		clear:both;
	}
	.ibox_2_1_image_container{
		width:150px;
		overflow:hidden;
	}
	.ibox_2_1 a{
		color:black;
	}
	.ibox_2_1 a.lnk_href, .ibox_2_1_bodycontainer a.lnk_href{
		color:rgb(169,14,14);
		font-weight:bold;
	}
	.ibox_2_1 .h_txt{
		color:white;
		background-color:rgb(205,131,26);
		text-align:left;
		font-size:1em;
		margin:0;
		padding:6px 0 7px 9px;
	}
	.ibox_2_1 a.h_txt{
		border:none;
		background-color:transparent;
		background-image:none;
		margin:0;
		padding:0;
	}
	.ibox_2_1 img{
		border:none;
	}
	.ibox_2_1 .s_txt{
		font-size:0.9em;
	}
	.ibox_2_1 .i_txt{
	}
	.ibox_2_1 .b_txt{
	}
}





/*========= Layout Seite ==========*/
@media screen, projection{
	.page_container{
		text-align:left;
		width:980px;
		margin:0 auto;
		padding:0;
	}
	.inner_page_container{
		width:980px;
		float:left;
		clear:both;
		padding:0;
		margin:0;
	}

	.topmenu_container{
		width:980px;
		float:left;
		clear:both;
		padding:20px 0 30px 0;
		position:relative;
	}

	/*=== Content ===*/
	.content_container{
		width:980px;
		float:left;
		clear:both;
	}
	.html_content{
		width:980px;
		padding:0;
		margin:0;
	}
	.content_table{
		width:980px;
	}
	.left_col{
		width:780px;
	}
	.right_col{
		width:200px;
		background-color:rgb(204,38,43);
	}
}
@media print{
	.page_container{
	}
	.inner_page_container{
	}

	.topmenu_container{
		display:none;
	}

	/*=== Content ===*/
	.content_container{
	}
	.html_content{
		padding:0 10px 0 0;
		margin:0;
	}
}





/*=== Layout Seiteninhalte ===*/
/*Seitenkopf mit Bild + Text*/
.seitenkopf1{
	border-bottom:solid 4px rgb(60,63,57);
}
.seitenkopf1 .tabelle{
	width:100%;
}
.seitenkopf1 .links{
	/*Das padding unten erzeugt den grauen Balken, indem die Hintergrundfarbe der Zelle hindurchscheint*/
	padding-bottom:20px;
	background-color:rgb(138,140,136);
	width:500px;
	vertical-align:top;
}
.seitenkopf1 .rechts{
	vertical-align:top;
}
.seitenkopf1 .bildbox{
	width:500px;
	height:290px;
	overflow:hidden;
}
.seitenkopf1 .bildbox p{
	padding:0;
	margin:0;
}
.seitenkopf1 .logobox_1{
	padding:5px 20px 20px 20px;
}
.seitenkopf1 .logobox_1 *{
	margin:0;
	padding:0;
}
.seitenkopf1 .logobox_2{
	padding:5px 0 20px 0;
	text-align:right;
}
.seitenkopf1 .logobox_2 *{
	margin:0;
	padding:0;
}
.seitenkopf1 .logobox_3{
	padding:70px 0 20px 0;
	text-align:center;
}
.seitenkopf1 .logobox_3 *{
	margin:0;
	padding:0;
}
.seitenkopf1 .flagbox{
	padding:5px 20px 0 0;
	text-align:right;
}
.seitenkopf1 .flagbox *{
	margin:0;
	padding:0;
}
.seitenkopf1 .flagbox .flagbutton{
	margin-left:11px;
}
.seitenkopf1 .textbox{
	padding:0 20px 0 20px;
}
/*Seitenkopf mit Text + Logo*/
.seitenkopf2{
	border-bottom:solid 4px rgb(60,63,57);
	margin-bottom:15px;
}
.seitenkopf2 .tabelle{
	width:100%;
}
.seitenkopf2 .links{
	vertical-align:bottom;
}
.seitenkopf2 .rechts{
	width:180px;
	text-align:right;
	vertical-align:top;
	padding:5px 0 15px 0;
}
.seitenkopf2 .balken{
	background-color:rgb(138,140,136);
	width:600px;
	height:20px;
	overflow:hidden;
}

.seitenkopf3{
	border-bottom:solid 4px rgb(60,63,57);
}
.seitenkopf3 .tabelle{
	width:100%;
}
.seitenkopf3 .links{
	vertical-align:bottom;
}
.seitenkopf3 .rechts{
	width:180px;
	text-align:right;
	vertical-align:top;
	padding:5px 0 15px 0;
}
.seitenkopf3 .balken{
	background-color:rgb(138,140,136);
	width:600px;
	height:20px;
	overflow:hidden;
}




/*Textboxen mit farbigem Hintergrund - Seiteninhalt*/
.textbox_hellgrau_1{
	background-color:rgb(230,230,230);
	padding:15px;
	margin-bottom:15px;
}
.textbox_hellgrau_1 h1{
	margin-bottom:2em;
}
.textbox_hellgrau_1 h2{
	color:rgb(60,63,57);
	font-size:1.6em;
}
.textbox_hellgrau_1 h3{
	color:rgb(60,63,57);
	font-size:1.2em;
	font-weight:normal;
	margin-bottom:0;
}
.textbox_hellgrau_2{
	background-color:rgb(230,230,230);
	padding:15px 15px 0.5em 15px;
	margin-bottom:15px;
}


/*Abstandshalter*/
.spacer_v_15px{
	height:15px;
	overflow:hidden;
}

/*grafischer Ternnbalken*/
.trennbalken{
	border-bottom:4px solid rgb(60,63,57);
	margin-bottom:15px;
}
.trennbalken .balken{
	background-color:rgb(138,140,136);
	width:60%;
	height:20px;
	overflow:hidden;
}


/*=== Layout Seiteninhalt mehrspaltig ===
Da jede Spalte ein padding hat ergibt sich die Gesamtbreite der Tabelle aus n*spaltenbreite + n*padding.
Der Abstand zu nächsten Spalte ergibt sich aus padding-right, nicht durch eine Leerspalte.*/
/* 2 spaltig in 1 spaltigem Seitenlayout */
.tabelle_2s_1{
	width:980px;
}
.tabelle_2s_1 .spalte_links{
	width:480px;
	padding:0 10px 0 0;
	vertical-align:top;
}
.tabelle_2s_1 .spalte_rechts{
	width:480px;
	padding:0 0 0 10px;
	vertical-align:top;
}
/* 3 spaltig in 1 spaltigem Seitenlayout */
.tabelle_3s_1{
	width:980px;
}
.tabelle_3s_1 .spalte_links{
	width:316px;
	padding:0 8px 0 0;
	vertical-align:top;
}
.tabelle_3s_1 .spalte{
	width:316px;
	padding:0 8px 0 8px;
	vertical-align:top;
}
.tabelle_3s_1 .spalte_rechts{
	width:316px;
	padding:0 0 0 8px;
	vertical-align:top;
}

/* 3 spaltig in 2 spaltigem Seitenlayout */
.tabelle_3s_2{
	width:780px;
}
.tabelle_3s_2 .spalte_links, .tabelle_3s_2 .spalte, .tabelle_3s_2 .spalte_rechts{
	width:244px;
	padding:0 16px 0 0;
	vertical-align:top;
}

/* 4 spaltig in 1 spaltigem Seitenlayout */
.tabelle_4s_1{
	width:980px;
}
.tabelle_4s_1 .spalte_links{
	width:233px;
	padding:0 8px 0 0;
	vertical-align:top;
}
.tabelle_4s_1 .spalte{
	width:233px;
	padding:0 8px 0 8px;
	vertical-align:top;
}
.tabelle_4s_1 .spalte_rechts{
	width:233px;
	padding:0 0 0 8px;
	vertical-align:top;
}






/*=== 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;
}







/*=== Hauptmenu/Submenu horizontal ===*/
/*Hauptmenu*/
.hauptmenu{
	width:980px;
	float:left;
	clear:both;
}
.hauptmenu ul, .hauptmenu li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.hauptmenu li{
	/*ACHTUNG: der Abstand zwischen den Menulabels kommt ausnahmsweise nicht vom A-Element, sondern vom übergeodneten LI*/
	margin-right:3em;
}
.hauptmenu a{
	color:black;
	text-decoration:none;
}
.hauptmenu a:hover{
	color:rgb(204,38,43);
	text-decoration:none;
}
.hauptmenu .lvl_0_act{
	color:rgb(204,38,43);
	font-weight:bold;
}
/*Submenu
BEACHTE: hier sind die UL-Elemente Blockelemente (trotz floating), damit in aufgesplitteten
Listen zwischen den Reihen ein padding gesetzt werden kann.
Das floating ist hier leider trotzdem notwendig, damit alle Browser das padding-top korrket ausgeben.
*/
.submenu{
	display:none;
	width:980px;
	float:left;
	clear:both;
	padding-top:20px;
}
.submenu ul{
	margin:0;
	padding:0.5em 0 0 0;
	width:100%;
	float:left;
	clear:both;
}
.submenu li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.submenu li{
	margin-right:2em;
}
.submenu a{
	color:black;
	text-decoration:none;
}
.submenu a:hover{
	color:rgb(204,38,43);
	text-decoration:none;
}
.submenu .lvl_1_act{
	color:rgb(204,38,43);
	font-weight:bold;
}






/*=== Treemenu ===*/
.treemenu_container{
}
.tree{
}
.tree ul, .tree li{
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
	background-image:none;
}
.tree a{
	border-bottom:1px solid rgb(101,101,101);
	color:white;
	text-decoration:none;
	font-weight:normal;
	padding:5px 5px 6px 39px;
	display:block;
	position:relative;
	background-image:url(images-msr/lvl-0.gif);
	background-repeat:no-repeat;
	background-position:20px 7px;
}
.tree a:hover{
	color:white;
	background-color:rgb(51,51,51);
	text-decoration:none;
	background-image:url(images-msr/lvl-0-on.gif);
}
.tree .lvl_0_act, .tree .lvl_0_on{
	background-image:url(images-msr/lvl-0-on.gif);
}
.tree .lvl_0_on{
	font-weight:bold;
	background-color:rgb(51,51,51);
	background-image:url(images-msr/lvl-0-on.gif);
}

.sub a{
	color:white;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(images-msr/lvl-n.gif);
	background-position:40px 9px;
}
.sub a:hover{
	color:white;
	background-color:rgb(51,51,51);
	background-image:url(images-msr/lvl-n-on.gif);
}
.sub .lvl_n_act{
	font-weight:normal;
	background-image:url(images-msr/lvl-n-on.gif);
}
.sub .lvl_n_on{
	font-weight:bold;
	background-color:rgb(51,51,51);
	background-image:url(images-msr/lvl-n-on.gif);
}



/*--- hor. Dropdown nur CSS ohne Animation, Level 0-1*/
.dropdown_outer_container{
	position:relative;
	width:980px;
}
.dropdown{
	/*Schriftgrösse festgesetzt, um CMS Schriftskalierung zu umgehen*/
	font-size:11px;
	font-weight:bold;
	float:left;
	clear:both;
	position:relative;
}
.dropdown ul{
	list-style:none;
	margin:0;
	padding:0;
}
.dropdown li{
	margin:0;
	padding:0;
}

.dropdown li.li0{
	float:left;
	position:relative;
	padding:0;
	margin-right:34px;
}

@media print{
	.dropdown li.li0{
		float:left;
		position:relative;
		padding:0;
		margin-right:34px;
	}
}

.dropdown li.li_last{
	margin-right:0px;
}
.dropdown li.li_last a.a0{
	padding-right:0px;
}
.dropdown a{
	color:white;
}
.dropdown .tab{
	/*Dadurch, dass hier position:absolute ist, aber kein left/top angegeben, können
	die übergeordneten li-Elemente direkt aufeinander floaten. Sie orientieren sich jedoch wg. der
	fehlenden left/top-Angabe weiter an der Position, die sie auch im floating einnehmen würden (unterhalb des li0-Buttons).
	Der untergeordnete DIV nimmt durch die absolute Positionierung im floating keinen Platz ein.*/
	position:absolute;
	/*Kein padding, da das tab in diesem Projekt direkt ohne Spalt unter dem REgisterbutton stehen soll. Typisch wäre ca. 2-3px*/
	padding-top:0px;
	/*höheren z-Index setzen, damit der Untercontainer immer über den Buttons schweben kann.*/
	z-index:1;
	/*dieser Container ist standardmässig unsichtbar und wird/bleibt sichtbar sobald/solange die Maus auf einem
	seiner untergeordneten Elemente ist.
	Funktioniert nur mit CSS in allen Browsern ausser IE6, da dieser hover nur auf A oder IMG erkennt.*/
	display:none;
}
/*--- hover ---*/
.dropdown li.li0:hover .tab{
	/*Findet auf dem übergeordneten LI ein hover statt, so wird sub eingeblendet. Dies hält so lange, wie
	die Maus auf dem li0 oder einem seiner Unterelemente ist.
	ACHTUNG: aus Performancegründen wird auf darauf verzichtet parallel einen hover nur für IE6 festzulegen.
	Dies macht sich spürbar positiv bemerkbar beim Aufklappen des sub-Containers in allen anderen Browsern*/
	display:block;
	z-index:1;
}
.dropdown li.li0:hover a.a0{
	color:#CC262B;
}
.dropdown li.li0:hover a.a0 span{
}

/*tabjoin besteht aus 2 ineinandergeschachtelten DIVs, die als optische Brücke zwischen Registerbutton und tab
dienen. DIes überdeckt z.B. eine border-top des tab-DIV. Hierzu muss tabjoin in z-Richtung hinter dem Registerbutton stehen,
aber vor dem dem tab-DIV*/
.dropdown .tabjoin{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	font-size:11px;
	visibility:hidden;
}
.dropdown .tabjoin div{
	width:100%;
	padding:5px 0 0px 0;
}
.dropdown li.li0:hover .tabjoin{
	visibility:visible;
}


.dropdown .sub{
	width:200px;
	margin-top:5px;
}
.dropdown ul.ul1{
	background-color:transparent;
}
.dropdown ul.ul1 li{
	display:inline;
}
.dropdown a{
	display:block;
}
.dropdown a.a0{
	display:block;
	text-decoration:none;
	background-repeat:repeat-x;
	background-position:left top;
	position:relative;
	/*BEACHTE: für die Buttons wird die CMS Schriftskalierung nicht übernommen, da sie sich nicht vertikal ausdehnen können.
	Hierzu wird eine fixe Schriftgrösse in Pixel gesetzt. Dies verhindert aber nicht, dass die Schrift mit browsereigenen
	Funktion global vergrössert wird !*/
	font-size:11px;
	color:black;
	font-weight:normal;

	padding:0 0 1px 0;
}
.dropdown a.m_first{
}
.dropdown a.m_last{
}

.dropdown a.a0 span{
	padding:0;

	/*BEACHTE: wg. NS7 dürfen absolute Pixelwerte und Stringwerte in position nicht gemischt werden.
	Die vertikale Positionierung funktioniert zwar in allen Browsers, aber im Opera ist das Bullet 1px höher als
	in allen anderen Browsern.*/
	background-position:left center;
	display:block;
	/*WICHTIG für IE6, da sonst rechte ecke nicht gezeigt wird.*/
	position:relative;
}
/*alle Browser, aktiver lvl0 Menupunkt fett*/
.dropdown li.li0 a.lvl_0_act{
	color:#CC262B;
	font-weight:bold;
}
.dropdown li.li0 a.lvl_0_act span{
}

.dropdown .tab a{
	padding:4px;
	color:black;
	border-bottom:1px solid white;
	display:block;
	/*position:relative;*/
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	/*background-color:#8A8C88;*/
	/*background-color:#CC262B;*/
	/*background-color:white;*/
	background-color:#E6E6E6;

	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.90;
}
.dropdown .tab a:hover{
	color:#CC262B;
}


/*--- Breadcrumb Navigation*/
.breadcrumb{
	float:left;
	padding:15px 0px 0px 0px;
	color:black;
	font-size:10px;
	margin-bottom:-10px;
}
.breadcrumb ul, .breadcrumb li{
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}
.breadcrumb a{
	font-size:10px;
	color:black;
	text-decoration:none;
	float:left;
	margin-right:0px;
	padding:0px 6px 0px 10px;
	background-image:url(images-msr/breadcrumb-pr.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}
.breadcrumb a:hover{
	text-decoration:underline;
	color:black;
}

.breadcrumb .lvln_act{
	text-decoration:none;
}

.breadcrumb .lvln{
	text-decoration:none;
}










/*--- Bildergalerie ---*/
.bildergalerie_container{
	text-align:center;
}
.img_register{
	margin-bottom:10px;
}
.img_register .but_fwd_back{
	color:rgb(0,0,0);
	border:1px solid rgb(153,153,153);
	background-color:rgb(240,240,240);
	font-weight:bold;
	text-decoration:none;
	padding:2px 6px 3px 6px;
	margin-right:1px;
}
.img_register .but_fwd_back:hover{
	color:rgb(255,255,255);
	background-color:rgb(153,153,153);
}
.bildergalerie_liste{
	margin:0px;
	padding:0px;
}
.bildergalerie_liste_table{
	width:480px;
	margin:10px auto 0px auto;
}
.bildergalerie_liste td{
	/*align wird in xsl:template berechnet*/
	width:160px;
	height:122px;
}
.bildergalerie_liste img{
	border:none;
}
.bildergalerie_liste .thumb_act{
	border:4px solid rgb(169,14,14);
}
.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:480px;
	overflow:hidden;
	text-align:left;
	margin:0 auto;
}
.bildergalerie_big img{
	border:none;
}





/*--- Event Liste/Details ---*/
.event_register{
}
.event_register a{
	color:rgb(0,0,0);
	border:1px solid rgb(153,153,153);
	background-color:rgb(230,230,230);
	padding:2px 2px 2px 2px;
	margin-right:2px;
	float:left;
}
.event_register .year_buttons{
	float:left;
	clear:both;
	margin-bottom:2px;
}
.event_register .year_buttons a:hover{
	color:white;
	background-color:rgb(186,0,31);
}
.event_register .but_y{
	background-color:rgb(230,230,230);
}
.event_register .act_year{
	border:1px solid rgb(28,54,127);
	color:rgb(255,255,255);
	background-color:rgb(28,54,127);
	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:white;
	background-color:rgb(186,0,31);
}
.event_register .but_m{
	border:1px solid rgb(153,153,153);
	background-color:rgb(255,255,255);
}
.event_register .but_m_act{
	border:1px solid rgb(153,153,153);
	background-color:rgb(214,229,246);
}
.event_register .but_m_on{
	border:1px solid rgb(28,54,127);
	color:rgb(255,255,255);
	background-color:rgb(28,54,127);
	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 rgb(135,135,121);
	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:1em;
	margin:0.25em 0 0.6em;
}
.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{
}
.news_liste ul{
	list-style:none;
	margin:0;
	padding:0;
}
.news_liste ul li{
	background-image:none;
	list-style:none;
	margin:0;
	padding:0;
	/*wichtig für IE*/
	float:left;
	clear:both;
	width:100%;
}
.news_liste_hr{
	border-top:1px dashed rgb(135,135,121);
	margin:10px 0px 10px 0px;
	clear:both;
}
.news_liste_date{
}
.news_liste h1, .news_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;
}
.news_liste h2, .news_details h2{
	color:rgb(204,38,43);
	font-weight:bold;
	font-size:1em;
	margin:0.25em 0 0.6em;
}
.news_liste_lnk{
	font-weight:bold;
}
.news_details{
	/*Ausnahme msr: padding-right, weil Container in verschiedenen Layouts rechts direkt an Teaserspalte stösst */
	padding-right:15px;
}
.news_details_date{
	margin-bottom:15px;
}
.news_details address{
	margin:0 0 1em 0;
}
@media screen{
	.news_details_backlink_top{
		float:right;
	}
	.news_details_backlink_top a{
		text-decoration:none;
	}
}
@media print{
	.news_details_backlink_top{
		display:none;
	}
}
.news_liste .data_img_container{
	width:120px;
	overflow:hidden;
	float:left;
	margin-top:-5px;
}
.news_liste .box_2s{
	margin-left:130px;
}
.news_liste .data_img{
	border:none;
	margin-top:5px;
}
.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{
}
.htmlfragment_liste ul{
	margin:0px;
	padding:0px;
	list-style:none;
	background-image:none;
}
.htmlfragment_liste ul li{
	margin:0 0 20px 0;
	padding:0;
	background-image:none;
}

/*--- Kontaktformular ---*/
.kontaktformular{
	font-size:1em;
	background-color:#E6E6E6;
	padding:0px 15px 15px 15px;
	margin:0 0 20px 0;
}

.kontaktformular .headline{
	color:rgb(204,38,43);
	font-size:1.2em;
	font-weight:normal;
}

.kontaktformular .container{
	padding:10px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	width:500px;
}

.kontaktformular .f_input_text{
	font-family:Verdana;
	font-size:1em;
	overflow:hidden;
	width:300px;
	border: 1px solid black;
	background-color: white;
}

.kontaktformular .f_input_text_on{
	font-family:Verdana;
	font-size:1em;
	color:white;
	overflow:hidden;
	width:300px;
	border: 1px solid black;
	background-color: #CC262B;
}

.kontaktformular .f_textarea{
	font-family:Verdana;
	font-size:1em;
	width:90%;
	border: 1px solid black;
	background-color: white;
}

.kontaktformular .f_textarea_on{
	font-family:Verdana;
	font-size:1em;
	color:white;
	width:90%;
	border: 1px solid black;
	background-color: #CC262B;
}

.kontaktformular .f_textarea2{
	font-family:Verdana;
	font-size:1em;
	width:300px;
	border: 1px solid black;
	background-color: white;
}

.kontaktformular .f_textarea2_on{
	font-family:Verdana;
	font-size:1em;
	color:white;
	width:300px;
	border: 1px solid black;
	background-color: #CC262B;
}

.kontaktformular .f_input_button{
	font-size:1.2em;
	color:white;
	background-color:#CC262B;
	border:1px solid #CC262B;
}


/*--- Formular-Felder allgemein ---*/
.ft1{
	font-size:0.9em;
	width: 300px;
	background-color:white;
	border:1px solid black;
}

.ft2{
	width: 210px;
	background-color:white;
	border:1px solid black;
}

.ft3{
	width: 82px;
	background-color:white;
	border:1px solid black;
}

.ta1{
	font-family:Verdana;
	width:300px;
	background-color:white;
	border:1px solid black;
}

.f_input_button2{
	font-size:0.9em;
	color:#E2E2E2;
	background-color:#8A8C88;
	border:1px solid #8A8C88;
}


/*=== Sitemap ===*/
.sitemap{
}
.sitemap ul li{
	border-bottom:1px dashed rgb(204,204,204);
	margin-bottom:1em;
	padding-bottom:1em;
}
.sitemap ul li{
	background-image:url(images-msr/li-bullet-gross-rot.gif);
	background-position:0px 0px;
	font-weight:bold;
}
.sitemap ul li a{
	font-size:1em;
}
.sitemap ul li ul li{
	border:none;
	padding-bottom:0;
	margin-bottom:1em;
}
.sitemap ul li ul li{
	background-image:url(images-msr/li-bullet-klein-gold.gif);
	background-position:0px 0px;
	font-weight:normal;
}
.sitemap ul li ul li a{
	font-size:1em;
}
.sitemap ul li ul li ul li{
	background-image:url(images-msr/li-bullet-klein-mgrau.gif);
}


/*=== 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;
}