﻿/*=== 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;
}


/*========== 26.10.2009, dogan ===============*/
body{
	color:white;
	font-family:Verdana,Arial Unicode MS,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	/*70%=11px, 75%=12px*/
	font-size:75%;
	margin:0;
	padding:0;

	background-color:rgb(109,111,117);
	background-image:url(images-sfh/body-bg.gif);
	background-repeat:repeat-y;
	background-position:center top;
}

@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{

	.page_container{
		text-align:left;
		width:960px;
		margin:0 auto;
		padding:0;
		position:relative;
	}
	.page_container_2{
		width:960px;
		float:left;
		clear:both;
		position:relative;
		margin:0;
		padding:0;
		/*Äusserer Schatten der Seitenbegrenzung l/r. der Schatten am unteren Seitenrand kommt von bottom_container s.u.
		Der Hintergrund erstreckt sich über die volle Höhe der Inhalte nud hat links einen etwas abgedunkelteren Verlauf,
		so dass auch bei Seiten mit Untermenüs die Treeview Buttons besser hervortreten.*/
		background-image:url(images-sfh/page-container-2-bg.gif);
		background-repeat:repeat-y;
		background-position:center top;
	}

	.inner_page_container{
		width:940px;
		float:left;
		clear:both;
		position:relative;
		margin:0;
		/*Der übergeordnete Container enthält die äusseren Schatten der Seitenbegrenzung. Die folgenden Inhalte
		sind nur noch 940px breit. Deshalb padding l/r */
		padding:0 10px 0 10px;
		/*Das Hintergrundbild muss oben nur einen Streifen des äusseren Schattens abdecken. Deshalb no-repeat*/
		background-image:url(images-sfh/inner-page-container-bg.gif);
		background-repeat:no-repeat;
		background-position:center top;
	}

	.top_container{
		width:940px;
		float:left;
		clear:both;
	}
	.top_logo_container{
		width:940px;
		height:152px;
		float:left;
		clear:both;
		background-image:url(images-sfh/top-logo-container-bg.jpg);
		background-repeat:no-repeat;
		background-position:0px 30px;
	}
	.top_logo_container img{
		border:none;
	}
	.top_logo_container .col1{
		width:300px;
		float:left;
	}
	.top_logo_container .col2{
		width:340px;
		height:152px;
		float:left;
	}
	.top_logo_container .streif_logo{
		position:absolute;
		top:30px;
		left:750px;
	}

	.mainmenu_container{
		width:940px;
		min-height:34px;
		float:left;
		clear:both;
		background-color:rgb(124,126,131);
		background-image:url(images-sfh/mainmenu-container-bg.gif);
		background-repeat:repeat-x;
		border-bottom:5px solid rgb(200,7,17);
		/*BEACHTE: das mainmenu wird in diesem Container über JS zentriert.*/
		position:relative;
	}
	/*Hellgrauer Dekorstreifen*/
	.top_trenner{
		width:940px;
		height:18px;
		float:left;
		clear:both;
		background-color:rgb(206,208,212);
		color:#575757;
		text-align:center;
		font-weight:bold;
		padding-top:4px;
		font-size:11px;
	}
	/*Optionales Kopfbild volle Breite. Die Dekorlinien oben und unten werden durch CSS erzeugt, so dass Sie nicht Besandteil
	der Grafik sein müssen.*/
	.top_img_pcontainer{
		width:940px;
		float:left;
		clear:both;
		position:relative;
		/*border-top:25px solid white;*/
		/*border-bottom:25px solid white;*/
	}
	.top_img_container{
		width:940px;
		float:left;
		clear:both;
		overflow:hidden;
	}


	.content_container{
		width:940px;
		float:left;
		clear:both;
	}

	.left_col{
		width:236px;
		float:left;
		clear:left;
		/*BEACHTE: aus optischen Gründen liegt die Oberkante des ersten Untermenupuntes 2px höher als die
		Oberkante der rechten Inhaltsspalte (23px statt 25px). Dito ist der Block um 1px nach links ausgerückt*/
		padding:23px 0 0 24px;
	}

	.center_col{
		width:655px;
		float:left;
		clear:right;
		padding:25px 0 0 25px;
	}

	.html_content{
		width:630px;
		float:left;
		clear:both;
		margin:0;
		padding:0 0 10px 0;
	}

	.footer{
		font-size:0.9em;
		width:890px;
		padding:0 25px 15px 25px;
		float:left;
		clear:both;
		text-align:right;
	}


	/*unterer Schatten Seitenrand*/
	.bottom_container{
		width:960px;
		height:10px;
		float:left;
		clear:both;
		background-image:url(images-sfh/bottom-container-bg.gif);
		background-repeat:no-repeat;
	}
}


}
@media print{
	.top_container{
		display:none;
	}
	.content_container{
		background-image:none;
		padding:0;
		margin:0;
	}
	.left_col{
		display:none;
	}
	.footer{
		width:100%;
		float:left;
		clear:both;
	}
	.bottom_container{
		display:none;
	}
}






/*--- Absatz-Formate ---*/
@media screen{
	pre{
		font-size:1em;
		clear:both;
	}

	p{
		margin:0 0 1em 0;
		padding:0;
	}
	.html_content p{
		line-height:1.4em;
	}

	h1{
		color:white;
		font-size:1.2em;
		font-weight:bold;
		margin:0 0 1em 0;
		padding:0;
	}
	h2{
		color:white;
		font-size:1.1em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	h3{
		color:white;
		font-size:1em;
		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:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
	}

	address{
		font-style:normal;
		font-size:0.8em;
		line-height:normal;
	}

	a{
		color:black;
		text-decoration:none;
	}
	a:hover{
		text-decoration:underline;
	}

	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.35em;
		margin:0 0 1em 0;
		padding:0;
		background-image:none;
	}
	h2{
		color:black;
		font-size:1.2em;
		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;
	}
}

.hr_solid{
	border-top:1px solid rgb(230,230,230);
	height:10px;
	margin-top:10px;
}
.hr_dashed{
	border-top:1px dashed rgb(102,176,234);
	height:10px;
	margin-top:10px;
	width:100%;
	float:left;
}

.container_rel{
	/*allgemein Für NS7*/
	position:relative;
}

.floater1{
	width:890px;
	padding:0 25px 0 25px;
	float:left;
	clear:both;
}


/*--- Bildformate ---*/
img.bild_links{
	float:left;
	margin:0 10px 10px 0;
	border:none;
}

img.bild_rechts{
	float:right;
	margin:0 0 10px 20px;
	border:none;
}


/*--- horizontales Hauptmenu ---*/
.mainmenu{
	/*ACHTUNG: hier Arial/Helvetica statt Verdana*/
	font-family:Arial,Helvetica;
	font-size:13px;
	font-weight:bold;
	padding-top:2px;
	position:relative;
	float:left;
	clear:both;
}
.mainmenu ul, .mainmenu li{
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}
/*Der linke und mittlere Teil der registergrafik kommt aus dem A-Element, der rechte Teil aus dem untergeordneten SPAN.
Für die inaktiven Register wird allerdings keine Grafik angezeigt. Nur bei hover und act. Der Vollständigkeit halber
sind aber alle gelich aufgebaut und erhalten transparente Platzhalter als Hintergrund.*/
.mainmenu a{
	color:white;
	text-decoration:none;
	float:left;
	padding:0px 0px 0px 11px;
	margin-right:2px;
	background-image:url(images-sfh/mm-blank.gif);
	background-repeat:no-repeat;
	background-position:left top;
	min-height:32px;
	cursor:pointer;
}
	.mainmenu a span{
		float:left;
		background-image:url(images-sfh/mm-blank.gif);
		background-repeat:no-repeat;
		background-position:right top;
		padding:8px 11px 8px 0px;
		cursor:pointer;
	}
/*linker Teil*/
.mainmenu a:hover, .mainmenu .lvl_0_act{
	background-image:url(images-sfh/mm-l-on.gif);
}
	.mainmenu a:hover span, .mainmenu .lvl_0_act span{
		background-image:url(images-sfh/mm-r-on.gif);
	}
.mainmenu .m_first{
}
.mainmenu .m_last{
	margin-right:0px;
}





/*------ vertikales Treemenu -------*/
.treemenu_container{
	width:235px;
	float:left;
	clear:both;
	cursor:default;
}
.tree{
	/*Schriftgrösse festgesetzt, um CMS Schriftskalierung zu umgehen*/
	font-size:12px;
}
.tree ul, .tree li{
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}
.tree a{
	color:white;
	padding:0;
	text-decoration:none;
	display:block;
	background-image:url(images-sfh/lvl-0-o.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:5px;
	cursor:pointer;
	/*Für IE6*/
	position:relative;
}
	.tree a span{
		padding:4px 5px 7px 19px;
		min-height:14px;
		display:block;
		background-image:url(images-sfh/lvl-0-u.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
		cursor:pointer;
		/*Für IE6*/
		position:relative;
	}
.tree .has_child_nodes{
	/*Sind noch childNodes vorhanden, so wird keine Linien unten gezeichnet*/
	border-bottom:none;
}

.tree a:hover, .tree .lvl_0_act, .tree .lvl_0_on{
	color:white;
	text-decoration:none;
	background-image:url(images-sfh/lvl-0-o-on.gif);
}
	.tree a:hover span, .tree .lvl_0_act span, .tree .lvl_0_on span{
		background-image:url(images-sfh/lvl-0-u-on.gif);
	}
.tree .lvl_0_act{
	font-weight:bold;
}
.tree .lvl_0_on{
	font-weight:bold;
}
.tree .sub{
	padding:0 0 5px 3px;
}
.tree .sub a{
	color:rgb(206,208,212);
	border:none;
	border-bottom:1px dotted rgb(145,149,155);
	margin:0;
	padding:3px 0 5px 12px;
	background-image:url(images-sfh/lvl-n.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.tree .sub a:hover, .tree .sub .lvl_n_on{
	color:white;
	background-image:url(images-sfh/lvl-n-on.gif);
}
.tree .sub .lvl_n_act{
	color:white;
	background-image:url(images-sfh/lvl-n.gif);
}
.tree .sub .lvl_n_on{
	font-weight:bold;
}
.tree .sub .lastvis_n{
	border-bottom:none;
}




/*--- horizontales topmenu/Funktionsmenu und Sprachmenu ---*/
.topmenu, .langmenu{
	float:right;
}
.topmenu ul, .topmenu li, .langmenu ul, .langmenu li{
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}
.topmenu a, .langmenu a{
	color:white;
	text-decoration:none;
	float:left;
	padding:0px 6px 1px 6px;
	border-right:1px solid white;
}
.topmenu a:hover, .langmenu a:hover{
	text-decoration:underline;
}
.topmenu .lvl_0_act{
	color:white;
	font-weight:bold;
}
.topmenu .m_first{
	padding-left:0px;
}
.topmenu .m_last{
	border-right:none;
}
.langmenu .m_last{
	border-right:none;
	padding-right:0px;
}




/*--- Listen-Formate ---*/
@media screen{
	.html_content ul{
		list-style:none;
		margin:0.5em 0 1em 10px;
		padding:0;
	}
	.html_content ul ul{
		list-style:none;
		margin:0 0 0 9px;
		padding:0;
	}
	.html_content ul li{
		padding:0em 0 0.5em 18px;
		margin:0 0 0 -8px;
		background-image:url(images-sfh/li-bullet.gif);
		background-repeat:no-repeat;
		background-position:0px 5px;
	}

	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{

}
.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;
	float:left;
	margin-left:-15px;
}
.cms4dmodul_2_teaser_modulbodycontainer, .cms4dmodul_3_teaser_modulbodycontainer{
	padding:0;
	margin-left:-5px;
}
.cms4dmodul_2_teaser_modulbodycontainer ul li, .cms4dmodul_3_teaser_modulbodycontainer ul li{
	background-image:none;
	margin:0 28px 30px 0;
	padding:0;
}

.cms4dmodul_2_teaser_headline, .cms4dmodul_3_teaser_headline{
	background-color:rgb(127,129,134);
	color:white;
	font-size:1em;
	font-weight:bold;
	padding:4px 0px 5px 25px;
	margin:0 0 25px 0;
	clear:both;
	width:914px;
	border:1px solid rgb(240,240,241);
	border-left-color:rgb(189,189,193);
	border-right-color:rgb(115,116,120);
	border-bottom-color:rgb(87,89,92);
	background-image:url(images-sfh/box-1-headline-bg.gif);
	background-repeat:repeat-x;
}

.cms4dmodul_2_liste_modulbodycontainer .news_liste_hr, .cms4dmodul_3_liste_modulbodycontainer .news_liste_hr{

}


/*---------------------------*/

.cms4dmodul_2_liste_modulcontainer, .cms4dmodul_3_liste_modulcontainer{
}
.cms4dmodul_2_liste_modulcontainer ul, .cms4dmodul_2_liste_modulcontainer li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	margin-left:-15px;
}
.cms4dmodul_3_liste_modulcontainer ul, .cms4dmodul_3_liste_modulcontainer li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	margin-left:-15px;
}
.cms4dmodul_2_liste_modulbodycontainer{
	margin:0;
	padding:0;
}
.cms4dmodul_3_liste_modulbodycontainer{
	padding:0;
	margin-left:-20px;
	margin-top:-10px;
}
.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{
	background-color:rgb(127,129,134);
	color:white;
	font-size:1em;
	font-weight:bold;
	padding:4px 0px 5px 25px;
	margin:0 0 25px 0;
	clear:both;
	width:914px;
	border:1px solid rgb(240,240,241);
	border-left-color:rgb(189,189,193);
	border-right-color:rgb(115,116,120);
	border-bottom-color:rgb(87,89,92);
	background-image:url(images-sfh/box-1-headline-bg.gif);
	background-repeat:repeat-x;
}

.cms4dmodul_2_liste_modulbodycontainer .news_liste_hr, .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{

	height:1em;
	margin-top:1em;
	clear:both;
}

/*news_teaser*/
.news_teaser{
	width:200px;
	float:left;
	/*margin:0px 0px 25px 30px;*/
	margin:0;
	background-color:rgb(109,111,117);

}

.news_teaser .headline{
	background-color:rgb(127,129,134);
	color:white;
	font-size:1em;
	font-weight:bold;
	padding:4px 10px 5px 8px;
	margin:0;
	clear:both;
	border:1px solid rgb(240,240,241);
	border-left-color:rgb(189,189,193);
	border-right-color:rgb(115,116,120);
	border-bottom-color:rgb(87,89,92);
	background-image:url(images-sfh/box-1-headline-bg.gif);
	background-repeat:repeat-x;
}

.news_teaser_body{
	width:178px;
	padding:7px 10px 0px 10px;
	float:left;
	clear:both;
	border:1px solid rgb(95,97,102);
	border-top:none;
}


.news_teaser_date{
	font-weight:bold;
	margin-bottom:0.5em;
}
.news_teaser p{
}
.news_teaser_lnk{
	color:white;
}
.news_teaser_lnk:hover{
	text-decoration:none;
}
.cms4dmodul_3_teaser_modulbodycontainer .data_img_container{
	width:200px;
	height:100px;
	float:left;
	clear:both;
	border:none;
	overflow:hidden;
}
.cms4dmodul_3_teaser_modulbodycontainer .data_img{
	border:none;
}
.news_teaser_hr{
	border-top:1px dashed white;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin:5px 0px 5px 0px;
	float:left;
	width:100%;
}
.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-sfh/li-bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}

.news_teaser h3{
	font-size:0.9em;
	font-weight:bold;
	margin:0;
}





/*=== 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-sfh/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-sfh/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{
	}
}



/*=== Menu-Box ===*/
.box1{
	width:100%;
	margin-bottom:15px;
}
.box1_head1{
	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:4px 9px 6px 7px;
	background-color:rgb(204,204,204);
	background-image:url(images-sfh/box-headline-bg-hellgrau.gif);
	background-repeat:repeat-x;
}
.box1_head1 *{
	border:none;
	color:black;
	background-color:transparent;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0;
}
.box1_head2{
	border-top:1px solid rgb(184,77,148);
	border-bottom:1px solid rgb(153,0,102);
	color:white;
	font-size:1em;
	margin:0;
	padding:4px 9px 6px 9px;
	background-color:rgb(153,0,102);
	background-image:url(images-sfh/box-headline-bg-violett.gif);
	background-repeat:repeat-x;
}
.box1_head2 *{
	border:none;
	color:white;
	background-color:transparent;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0;
}
.box1_body{
	border-left:1px solid rgb(240,240,240);
	border-right:1px solid rgb(153,153,153);
	border-bottom:1px solid rgb(102,102,102);
	background-color:rgb(230,230,230);
	padding:7px 9px 9px 9px;
}



/*--- Bildergalerie ---*/
.bildergalerie_container{
	float:right;
	margin-top:23px;
}
.img_register{
	margin-bottom:10px;
}
.img_register .but_fwd_back{
	color:black;
	border:1px solid #005BAB;
	background-color:#E5EEF6;
	font-weight:bold;
	text-decoration:none;
	padding:2px 6px 3px 6px;
	margin-right:1px;
}
.img_register .but_fwd_back:hover{
	color:white;
	background-color:#005BAB;
}
.bildergalerie_liste{
	margin:0px;
	padding:0px;
}
.bildergalerie_liste .prev_img_hidden{
	width:300px;
	margin-bottom:10px;;
	overflow:hidden;
}
.bildergalerie_liste_table{
	margin:0;
	background-color:none;
	margin-left:-1px;
}
.bildergalerie_liste td{
	width:99px;
	height:75px;
}
.bildergalerie_liste .td_container{
	width:99px;
	height:75px;
	overflow:hidden;
}
.bildergalerie_liste img{
	border:none;
}
.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{
	width:100%;
}

.news_liste .headline{
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 0.5em 0;
	color:white;
}
.news_liste .headline_newsmode{
	color:white;
	float:left;
	font-size:1.4em;
	font-weight:bold;
}
.news_liste .link_newsmode{
	float:right;
}

.news_liste ul{
	list-style:none;
	margin:0;
	padding:0;
}
.news_liste ul li{
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	/*wichtig für IE*/
	float:left;
	clear:both;
	width:100%;
}


.news_liste_hr{
	border-top:1px solid #375BAB;
	margin:15px 0px 15px 0px;
	clear:both;
}
.news_liste_date{
	font-size:0.8em;
	color:black;
}
.news_liste h1, .news_details h1{

}
.news_liste h2{
	color:black;
	font-size:1.2em;
	margin:0 0 0.5em 0;
}
.news_details h2{
	font-size:1em;
	color:black;
	font-weight:bold;
}
.news_liste_lnk{
	font-weight:bold;
}
.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:bold;
	}
}
@media print{
	.news_details_backlink_top{
		display:none;
	}
}
.news_liste .data_img_container{
	width:200px;
	overflow:hidden;
	float:left;
	margin:-5px 20px 10px 0px;
}
.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;
}


.news_liste ul ul{
	list-style:none;
	margin:0.5em 0 1em 10px;
	padding:0;
}
.news_liste ul ul ul{
	list-style:none;
	margin:0 0 0 9px;
	padding:0;
}
.news_liste ul ul li{
	padding:0em 0 0.5em 18px;
	margin:0 0 0 -8px;
	background-image:url(images-sfh/li-bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}

.news_details ul ul{
	list-style:none;
	margin:0.5em 0 1em 10px;
	padding:0;
}
.news_details ul ul ul{
	list-style:none;
	margin:0 0 0 9px;
	padding:0;
}
.news_details ul ul li{
	padding:0em 0 0.5em 18px;
	margin:0 0 0 -8px;
	background-image:url(images-sfh/li-bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}


/*--- 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 20px 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-sfh/li-bullet.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
}

.htmlfragment_liste ul ul ul{
	margin:1em 0 0 17px;
}

/*=== Infobox ===*/
.infobox1{
	padding:10px 10px 10px 10px;
	border:1px solid #CCCCCC;
	background-color:#F2F2F2;
	background-image:url(images-sfh/infobutton.gif);
	background-repeat:no-repeat;
	background-position:13px 13px;
}
.infobox2{
	background-image:url(images-sfh/infobox-bg.gif);
	background-repeat:repeat-x;
	background-color:#D6D3D6;
	padding:10px;
}
.infobox2 h2{
	font-size:1.2em;
	color:white;
	background-image:url(images-sfh/infobox-head-bg.gif);
	background-repeat:repeat-x;
	padding:3px 10px 4px 10px;
	margin:-10px -10px 10px -10px;
}


/*--- Formularfelder ---*/
.ft1{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:200px;
	border: 1px #7B798C solid;
	background-color:#F7F7F7;
}

.ft1_on{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:200px;
	border: 1px #7B798C solid;
	background-color:#DEDFDE;
}

.ft2{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:50px;
	border: 1px #7B798C solid;
	background-color:#F7F7F7;
}

.ft2_on{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:50px;
	border: 1px #7B798C solid;
	background-color:#DEDFDE;
}



.ta1{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:600px;
	border: 1px #7B798C solid;
	background-color:#F7F7F7;
}

.ta1_on{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:600px;
	border: 1px #7B798C solid;
	background-color:#DEDFDE;
}


.bt1{
	cursor:pointer;
	font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size:12px;
	font-weight:bold;
	color:black;
	border:1px solid #7B798C;
	background-color:#DEDFDE;
	padding:4px;
}


/*--- Kontaktformular ---*/
.kontaktformular{
	font-size:1em;
}
.kontaktformular .f_select{
	font-family:Verdana;
	font-size:1em;

	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #E6E6E6;
}
.kontaktformular .f_select2{
	font-family:Verdana;
	font-size:1em;

	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #E6E6E6;
	width:150px;
}
.kontaktformular .f_input_text{
	font-family:Verdana;
	font-size:1em;
	overflow:hidden;
	width:300px;

	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #E6E6E6;
}
.kontaktformular .f_input_text2{
	font-family:Verdana;
	font-size:1em;
	overflow:hidden;
	width:150px;

	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #E6E6E6;
}
.kontaktformular .f_input_text3{
	font-family:Verdana;
	font-size:1em;
	overflow:hidden;
	width:50px;

	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #E6E6E6;
}
.kontaktformular .f_input_text4{
	font-family:Verdana;
	font-size:1em;
	overflow:hidden;
	width:241px;

	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #E6E6E6;
}

.kontaktformular .f_input_button{
	font-size:1.2em;
}
.kontaktformular .f_textarea{
	font-family:Verdana;
	font-size:1em;
	width:100%;

	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #E6E6E6;
}

.kontaktformular .f_textarea2{
	font-family:Verdana;
	font-size:1em;
	width:500px;

	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #E6E6E6;
}


.teaser_right{
	background-color:#f7f1e9;
	margin:14px;
	width:180px;
}
.teaser_right h2{
	font-size:11px;
	padding:3px 0px 4px 8px;
	color:#FFFFFF;
	background-color:#9ECAE8;
}
.teaser_right .text{
	padding:3px 5px 4px 8px;
}
.teaser_right .ft1{
	width:100px;
	background-color:#FFFFFF;
	border:1px solid #000000;
	margin:3px 0px 3px 0px;
	padding:2px 2px 2px 2px;
}
.teaser_right .bt1{
	cursor:pointer;
	font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size:12px;
	font-weight:bold;
	color:white;
	background-color:#7399BF;
	width:106px;
	border:1px solid #000000;;
	padding:4px 20px 4px 20px; 
}
/*
	Google Maps Spezifisches
*/
.gm_error{
	padding:10px;
	font-weight:bold;
	line-height:16px;
	background-color:#F5E8E8;
	border:1px solid #E4252F;
	margin:5px;
}

/*=== Sitemap ===*/
@media screen, projection{
	.sitemap{
		line-height:normal;
	}

	.sitemap a{
		color:black;
	}

	.sitemap a:hover{
		text-decoration:underline;
	}

	.sitemap ul li{
		background-image:none;
		font-weight:bold;
		margin-bottom:0.5em;
		padding-left:18px;
	}
	.sitemap ul li a{
		font-size:1em;
	}
	.sitemap ul li ul li{
		border:none;
		padding-bottom:0;
		margin-top:1em;
		margin-bottom:1em;
	}
	.sitemap ul li ul li{
		background-image:url(images-sfh/lvl-n-on.gif);
		background-position:0px 4px;
		font-weight:normal;
	}
	.sitemap ul li ul li a{
		font-size:1em;
	}
	.sitemap ul li ul li ul li{
		background-image:url(images-sfh/lvl-n-on.gif);
	}
	
	
}
@media print{
}




