/*=== 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:Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
	/*70%=11px, 75%=12px*/
	font-size:80%;
	margin:0;
	padding:0;

	background-color:#ABABAB;
	background-image:url(images-streif/body-bg.gif);
	background-repeat:repeat-y;
}


/*IE Tabellenfehler*/
table{
	font-size:1em;
}



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

	.page_container{
		text-align:left;
		width:965px;
		margin:0 auto;
		padding:0;
		position:relative;
	}
	.page_container_2{
		width:965px;
		float:left;
		clear:both;
		position:relative;
		margin:14px 0 0 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-streif/page-container-2-bg.gif);
		background-repeat:repeat-y;
		background-position:center top;
	}

	.inner_page_container{
		width:951px;
		float:left;
		clear:both;
		position:relative;
		margin:0;
		padding:0 6px 0 7px;
	}

	.top_container{
		width:951px;
		height:160px;
		float:left;
		clear:both;
	}

	.top_container2{
		width:951px;
		height:96px;
		background-image:url(images-streif/top-verlauf-bg.gif);
		background-repeat:no-repeat;
	}

	.flag_container{
		position:absolute;
		left:810px;
		top:25px;
		width:112px;
		height:14px;
	}

	.hotline_container{
		position:absolute;
		left:617px;
		top:69px;
		width:340px;
		height:20px;
	}

	.email_container{
		position:absolute;
		left:617px;
		top:49px;
		width:170px;
		height:20px;
	}

	.mainmenu_container{
		width:951px;
		min-height:33px;
		float:left;
		clear:both;
		background-color:rgb(124,126,131);
		background-image:url(images-streif/mainmenu-container-bg.gif);
		background-repeat:repeat-x;
		border-bottom:5px solid #B71425;
		border-top:3px solid #646464;
		/*BEACHTE: das mainmenu wird in diesem Container über JS zentriert.*/
		position:relative;
	}

	/*Hellgrauer Dekorstreifen*/
	.top_trenner{
		width:951px;
		height:22px;
		clear:both;
		background-color:#D5D5D5;
		color:#D5D5D5;
	}

	.top_img_pcontainer{
		width:951px;
		float:left;
		clear:both;
		/*position:relative;*/
	}
	.top_img_container{
		width:951px;
		float:left;
		clear:both;
		overflow:hidden;
	}


	.content_container{
		width:951px;
		float:left;
		clear:both;
	}

	.center_col{
		width:901px;
		float:left;
		clear:right;
		padding:25px 0 0 25px;
	}

	.html_content{
		width:901px;
		float:left;
		clear:both;
		margin:0;
		padding:0 0 10px 0;
	}

	.footer{
		font-family:Arial,Helvetica;
		font-size:0.9em;
		width:951px;
		float:left;
		clear:both;
		text-align:left;
		border-top:1px solid white;
		padding:10px 0 20px 0;
		margin-top:20px;
	}
}





/*--- Absatz-Formate ---*/
@media screen, print{
	pre{
		font-size:1em;
		clear:both;
	}

	p{
		margin:0 0 1em 0;
		padding:0;
	}
	.html_content p{
		line-height:1.3em;
	}

	h1{
		/*color:#DFDFDF;*/
		color:white;
		font-size:1.3em;
		font-weight:bold;
		margin:0 0 1em 0;
		padding:0;
	}
	h2{
		/*color:#DFDFDF;*/
		color:white;
		font-size:1.1em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	h3{
		color:#DFDFDF;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	h4{
		color:#DFDFDF;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	h5{
		color:#DFDFDF;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	h6{
		color:#DFDFDF;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
	}

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

	a{
		color:#DFDFDF;
		text-decoration:none;
	}
	a:hover{
		text-decoration:underline;
		color:black;
	}

	hr{
		height:1px;
		border-top:1px solid #000000;
		margin:10px 0 10px 0;
		clear:both;
		float:none;
	}


}


.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 15px 10px 0;
	border:none;
}

img.bild_rechts{
	float:right;
	margin:0 0 15px 20px;
	border:none;
}


/*--- Trenner ---*/
.trenner{
	width:951px;
	margin-left:-25px;
	border-top:#AEAEAE 1px solid;
	clear:both;
}



/*--- cms4d inline Bildergalerie, JS-Diaslider ---*/
.cms4d_imageslider1_control{
	width:100%;
	padding:0;
	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:1px;
	overflow:hidden;
	cursor:pointer;
}
.cms4d_imageslider1_control img{
	border:none;
}
.cms4d_imageslider1_control .controls{
	height:20px;
}
.cms4d_imageslider1_control .dbut{
	color:#DFDFDF;
	height:20px;
	cursor:W-resize;
	font-weight:bold;
	font-size:16px;
	overflow:hidden;
}



/*------ 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-streif/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-streif/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-streif/lvl-0-o-on.gif);
}
	.tree a:hover span, .tree .lvl_0_act span, .tree .lvl_0_on span{
		background-image:url(images-streif/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-streif/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-streif/lvl-n-on.gif);
}
.tree .sub .lvl_n_act{
	color:white;
	background-image:url(images-streif/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:left;
	padding-left:20px;
}
.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;
	font-size:0.95em;
}
.topmenu a:hover, .langmenu a:hover{
	text-decoration:none;
	color:black;
}
.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;
}



/*--- Contentmenu ---*/
.contentmenu_container{
	width:901px;
	float:left;
	margin-bottom:2em;
}
.contentmenu{
	float:left;
	width:150px;
}
.contentmenu a{
	color:white;
	text-decoration:none;
	font-size:0.85em;
}
.contentmenu a:hover{
	color:black;
}
.contentmenu h2{
	color:white;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:1em;
}

.contentmenu .m1{
	background-image:none;
	list-style:none;

}

.contentmenu .m2{
	background-image:none;
	margin:0;
	padding:0;
	list-style:none;
	margin:0 0 2px -9px;
}

.contentmenu_trenner{
	float:left;
	width:1px;
	height:130px;
	background-color:#AEAEAE;
	margin:0px 18px 0px 18px;
}



/*--- 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-streif/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-streif/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{
	color:black;
	text-decoration:none;
}
	.mainmenu a:hover span, .mainmenu .lvl_0_act span{
		color:black;
	}
.mainmenu .m_first{
}
.mainmenu .m_last{
	margin-right:0px;
}



/*--- hor. Dropdown nur CSS ohne Animation, Level 0-1*/
.dropdown_outer_container{
	position:relative;
}
.dropdown{
	/*Schriftgrösse festgesetzt, um CMS Schriftskalierung zu umgehen*/
	font-family:Arial,Helvetica;
	font-size:13px;
	font-weight:bold;
	float:left;
	clear:both;
	padding-top:2px;
	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:24px;
}

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

.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:black;
}
.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:12px;
	visibility:hidden;
}
.dropdown .tabjoin div{
	width:100%;
	padding:5px 0 20px 0;
}
.dropdown li.li0:hover .tabjoin{
	visibility:visible;
}


.dropdown .sub{
	width:200px;
	/*border:1px solid #B71425;*/
	border-top:5px solid #B71425;
	border-bottom:none;
}
.dropdown ul.ul1{
	background-color:#D5D5D5;
}
.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:13px;
	color:white;
	font-weight:bold;

	padding:8px 0px 8px 0px;
}
.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:black;
}
.dropdown li.li0 a.lvl_0_act span{
}

.dropdown .tab a{
	padding:5px 5px 5px 5px;
	color:white;
	border-bottom:1px solid #B71425;
	display:block;
	/*position:relative;*/
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	background-image:url(images-streif/bg-dropdown.gif);
	background-repeat:repeat-x;
	background-color:#848484;
}
.dropdown .tab a:hover{
	background-color:#878787;
	color:black;
}


/*--- Breadcrumb Navigation*/
.breadcrumb{
	float:left;
	padding:5px 0px 0px 16px;
	color:black;
	font-size: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-streif/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;
}


/*--- Submenu Navigation für IE6, ist hier ausgeblendet und wird per Browserweiche wieder eingeblendet*/
.submenu{
	display:none;
	float:left;
	padding:5px 0px 0px 16px;
	color:black;
	font-size:10px;
}
.submenu ul, .submenu li{
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}
.submenu a{
	font-size:10px;
	color:black;
	text-decoration:none;
	float:left;
	margin-right:10px;
	padding:0px 6px 0px 6px;
	background-image:url(images-streif/breadcrumb-pr.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}
.submenu a:hover{
	text-decoration:underline;
	color:black;
}

.submenu .lvln_act{
	text-decoration:underline;
}

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





/*--- Listen-Formate ---*/
@media screen, print{
	.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-streif/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);
	}
}




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


/*------ Suche -------*/
.searchbox{
	width:165px;
	position:absolute;
	left:628px;
	top:20px;
}
.form_suche{
	padding:0;
	margin:0;
}
.input_suche{
	background-color:#D5D5D5;
	border:1px solid #858585;
	width:135px;
	margin-right:5px;
	height:18px;
	overflow:hidden;
	color:#858585;
}
.but_suche{
}

.suchergebnis{
}
.suchergebnis .paging_bt1{
	color:black;
	border:1px solid black;
	background-color:#E5EEF6;
	font-weight:bold;
	text-decoration:none;
	padding:1px;
	margin-right:1px;
}
.suchergebnis .paging_bt1:hover{
	color:white;
	background-color:#606060;
	text-decoration:none;
}

.suchergebnis .paging_bt2{
	color:white;
	border:1px solid black;
	background-color:#606060;
	font-weight:bold;
	text-decoration:none;
	padding:1px;
	margin-right:1px;
}



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



/*=== cms4d Module ===*/
.cms4dmodul_2_teaser_modulcontainer, .cms4dmodul_3_teaser_modulcontainer{
	margin-left:0px;
}
.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:0px;
}
.cms4dmodul_2_teaser_modulbodycontainer, .cms4dmodul_3_teaser_modulbodycontainer{
	padding:0;
	margin-left:-74px;
	float:left;
	width:975px;
}
.cms4dmodul_2_teaser_modulbodycontainer ul li, .cms4dmodul_3_teaser_modulbodycontainer ul li{
	background-image:none;
	margin:0 0 0 0;
	padding:0;
}

.cms4dmodul_2_teaser_headline, .cms4dmodul_3_teaser_headline{
	background-color:#878787;
	color:white;
	font-size:1em;
	font-weight:bold;
	width:926px;
	margin:0px 0px 20px -25px;
	padding:1px 0px 1px 25px;
	clear:both;
}

.cms4dmodul_2_liste_modulbodycontainer .news_liste_hr, .cms4dmodul_3_liste_modulbodycontainer .news_liste_hr{

}


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

.cms4dmodul_2_liste_modulcontainer, .cms4dmodul_3_liste_modulcontainer{
	margin-top:1.5em;
	margin-bottom:0.5em;
}
.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:0;
}
.cms4dmodul_2_liste_modulbodycontainer ul li, .cms4dmodul_3_liste_modulbodycontainer ul li{
	background-image:none;
	margin:0;
	padding:0;
}

.cms4dmodul_2_liste_headline, .cms4dmodul_3_liste_headline{
	font-size:1.5em;
	font-weight:bold;
	color:#525DA0;
	background-image:url(images-streif/h1-bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding:0px 0px 6px 18px;
	line-height:20px;
	margin:0 0 0.5em 0;
	border-bottom:1px dashed #DEDFDE;
}

.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:250px;
	float:left;
	margin:0px 0px 20px 74px;
}

.news_teaser .headline{
	color:white;
	font-size:1em;
	margin-bottom:1em;
}

.news_teaser .headline a{
	color:white;
	text-decoration:none;
}

.news_teaser_body{
}


.news_teaser_date{
	font-weight:bold;
	margin-bottom:0.5em;
}
.news_teaser p{
}
.cms4dmodul_3_teaser_modulbodycontainer .data_img_container{
	width:250px;
	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-streif/li-bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}

.news_teaser h3{
	font-size:0.9em;
	font-weight:bold;
	margin:0;
}

.news_teaser .data_img_container{
	width:250px;
	overflow:hidden;
	float:left;
	clear:left;
	margin:0 0 4px 0;
	padding:0;
}

.news_teaser .news_teaser_lnk{
	font-weight:bold;
	color:white;
	text-decoration:underline;
}

.news_teaser .news_teaser_lnk:hover{
	color:black;
}



/*=== 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-streif/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-streif/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-streif/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-streif/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:36px;
}
.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:415px;
	margin-bottom:20px;
	overflow:hidden;
}
.bildergalerie_liste_table{
	margin:0;
	background-color:none;
	margin-left:-1px;
}
.bildergalerie_liste td{
	width:104px;
	height:79px;
}
.bildergalerie_liste .td_container{
	width:104px;
	height:79px;
	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;
}



/*--- Bildergalerie ---*/
.bildergalerie_container_2{
}
.img_register_2{
	margin-bottom:7px;
	width:845px;
}

.img_register_2 .but_fwd_back{
	color:black;
	border:1px solid black;
	background-color:#E5EEF6;
	font-weight:bold;
	text-decoration:none;
	padding:2px 6px 3px 6px;
	margin-right:1px;
}
.img_register_2 .but_fwd_back:hover{
	color:white;
	background-color:#606060;
	text-decoration:none;
}

.img_register_2 .but_fwd_back_on{
	color:white;
	border:1px solid black;
	background-color:#606060;
	font-weight:bold;
	text-decoration:none;
	padding:2px 6px 3px 6px;
	margin-right:1px;
}




.bildergalerie_liste_2{
	margin:0px;
	padding:0px;
}
.bildergalerie_liste_2 .prev_img_hidden{
	width:300px;
	margin-bottom:10px;;
	overflow:hidden;
}
.bildergalerie_liste_table_2{
	margin:0;
	background-color:none;
	margin-left:-1px;
}
.bildergalerie_liste_2 td{
	width:140px;
	height:140px;
	background-color:#606060;
}
.bildergalerie_liste_2 .td_container{
	width:140px;
	overflow:hidden;
}
.bildergalerie_liste_2 img{
	border:1px solid white;
}
.bildergalerie_liste_2 .thumb_act{
}
.bildergalerie_liste_2 a, .bildergalerie_liste_2 a:hover{
	background-color:transparent;
}





/*--- 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, print{
	.event_details_backlink_top{
		float:right;
	}
	.event_details_backlink_top a{
		text-decoration: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:1em;
	font-weight:bold;
	margin:0 0 0.5em 0;
	color:white;
}
.news_liste .headline a{
	color:white;
}
.news_liste .headline a:hover{
	color:white;
}

.news_liste ul{
	list-style:none;
	margin:0;
	padding:0;
}
.news_liste ul li{
	list-style:none;
	margin:0 0 30px 0;
	padding:6px;
	/*wichtig für IE*/
	float:left;
	clear:both;
	width:100%;
	background-color:#7F7F7F;
	background-image:none;
}


.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{
	font-size:1.2em;
	margin:0 0 0.5em 0;
}

.news_details h1{
	font-size:1.5em;
	color:white;
	font-weight:bold;
}

.news_details h2{
	font-size:1em;
	font-weight:bold;
}
.news_liste_lnk{
	font-weight:normal;
	color:#DFDFDF;
	text-decoration:underline;
}
.news_liste_lnk:hover{
	color:black;
}
.news_details{
	padding-right:15px;
}
.news_details_date{
	margin-bottom:15px;
	font-weight:bold;
}

.news_details address{
	margin:0 0 1em 0;
}
@media screen, print{
	.news_details_backlink_top{
		margin-bottom:20px;
	}
	.news_details_backlink_top a{
		text-decoration:underline;
		font-weight:normal;
		color:#DFDFDF;
	}
	.news_details_backlink_top a:hover{
		color:black;
	}
}
.news_liste .data_img_container{
	width:300px;
	overflow:hidden;
	float:left;
	margin:-5px 0px 0px 0px;
	padding:0;
}
.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{
	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-streif/li-bullet.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
}

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

/*=== Infobox ===*/
.infobox1{
	border:1px solid #7F7F7F;
	background-color:#7F7F7F;
	padding:10px 20px 10px 10px;
	height:255px;
}
.infobox1 img{
	float:left;
	width:500px;
	height:275px;
	margin:-10px 15px -10px -10px;
}
.infobox1 h2{
	margin:1em 0 1em 0;
	font-style:italic;
	font-size:1.5em;
	letter-spacing:0em;
}

.infobox2{
	border-left:1px solid #798382;
	border-right:1px solid #798382;
	border-bottom:1px solid #798382;
}


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

.ft1_on{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:320px;
	border: 1px solid #5E5E5E;
	background-color:white;
}

.ft2{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:80px;
	border: 1px solid #5E5E5E;
	background-color:#DEDFDE;
}

.ft2_on{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:80px;
	border: 1px solid #5E5E5E;
	background-color:white;
}


.ta1{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:320px;
	border: 1px solid #5E5E5E;
	background-color:#DEDFDE;
}

.ta1_on{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:320px;
	border: 1px solid #5E5E5E;
	background-color:white;
}


.bt1{
	cursor:pointer;
	font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size:12px;
	font-weight:normal;
	color:black;
	border:1px solid #5E5E5E;
	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, print{
	.sitemap{
		line-height:normal;
	}

	.sitemap a{
		color:white;
	}

	.sitemap a:hover{
		text-decoration:underline;
	}

	.sitemap ul li{
		background-image:url(images-streif/musterhaus.gif);
		background-position:0px 0px;
		font-weight:bold;
		margin-bottom:0.5em;
		padding-left:24px;
	}
	.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-streif/li-bullet.gif);
		background-position:0px 4px;
		font-weight:normal;
		padding-left:18px;
	}
	.sitemap ul li ul li a{
		font-size:1em;
	}
	.sitemap ul li ul li ul li{
		background-image:url(images-streif/li-bullet.gif);
		padding-left:18px;
	}
	
	
}


/*--- Hausentwürfe ---*/
.hausentwurf_container{
	height:270px;
	background-color:#7F7F7F;
	padding:10px;
}

.hausentwurf_container .spalte_links{
	width:400px;
	height:270px;
	float:left;
	margin-right:20px;
	overflow:hidden;
}
.hausentwurf_container .spalte_links img{
	width:400px;
	height:270px;
}

.hausentwurf_container .spalte_mitte{
	width:220px;
	height:270px;
	float:left;
	margin-right:20px;
	color:white;
	background-color:#7F7F7F;
}
.hausentwurf_container .spalte_mitte h2{
	color:white;
}
.hausentwurf_container .spalte_mitte a{
	color:white;
	font-weight:bold;
	letter-spacing:1px;
	float:right;
	text-decoration:none;
	padding-right:10px;
	background-image:url(images-streif/aktionen-detail-link-pr.png);
	background-repeat:no-repeat;
	background-position:right 6px;
}
.hausentwurf_container .spalte_mitte a:hover{
	color:white;
	text-decoration:none;
}

.hausentwurf_container .spalte_rechts{
	width:220px;
	height:270px;
	float:left;
}

.hausentwurf_container .spalte_rechts .bild1{
	width:220px;
	height:125px;
	margin-bottom:20px;
	overflow:hidden;
}
.hausentwurf_container .spalte_rechts .bild1 img{
	width:220px;
	height:125px;
}
.hausentwurf_container .spalte_rechts .bild2{
	width:220px;
	height:125px;
	overflow:hidden;
}
.hausentwurf_container .spalte_rechts .bild2 img{
	width:220px;
	height:125px;
}

.hausentwurf_links{
	width:260px;
	float:left;
}
.hausentwurf_links img{
	width:260px;
	height:160px;
	float:left;
	margin-bottom:1em;
}

.hausentwurf_mitte{
	width:260px;
	float:left;
	margin:0px 60px 0px 60px;
}
.hausentwurf_mitte img{
	width:260px;
	height:160px;
	float:left;
	margin-bottom:1em;
}

.hausentwurf_rechts{
	width:260px;
	float:left;
}
.hausentwurf_rechts img{
	width:260px;
	height:160px;
	float:left;
	margin-bottom:1em;
}




/*--- Startseite Aktionen ---*/
.aktionen{
	float:left;
	width:951px;
	height:390px;
	overflow:hidden;
	border-top:1px solid #5B0A11;
	border-bottom:1px solid #999999;
}

.aktionen .aktionen_navi{
	float:left;
	width:290px;
	height:390px;
	overflow:hidden;
}

.aktionen .aktionen_info{
	float:left;
	width:270px;
	font-size:12px;
	overflow:hidden;
	background-image:url(images-streif/aktionen-hg-info.gif);
	background-repeat:repeat-y;
	padding:10px;
}

.aktionen .aktionen_img{
	float:left;
	width:661px;
	height:390px;
	overflow:hidden;
	/*
	background-image:url(images-streif/loading.gif);
	background-repeat:no-repeat;
	background-position:center center;
	*/
}

.aktionen .aktionen_thumb_img_container{
	float:left;
	width:280px;
	overflow:hidden;
	margin-bottom:2px;
}

.aktionen .aktionen_thumb_img{
	float:left;
	width:82px;
	height:38px;
	border:1px solid white;
	margin:0px 9px 9px 0px;
	cursor:pointer;
}

.aktionen .aktionen_bt_on{
	float:left;
	width:249px;
	height:26px;
	padding:7px 30px 11px 11px;
	overflow:hidden;

	color:white;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	text-decoration:none;
	background-image:url(images-streif/aktionen-bt-on.gif);
	border-bottom:1px solid #333333;
	cursor:default;
}
.aktionen .aktionen_bt_on span{
	font-weight:normal;
	letter-spacing:normal;
}
.aktionen .aktionen_bt_on:hover{
	text-decoration:none;
	color:white;
}

.aktionen .aktionen_bt_off{
	float:left;
	width:249px;
	height:26px;
	padding:7px 30px 11px 11px;
	overflow:hidden;

	color:white;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	text-decoration:none;
	background-image:url(images-streif/aktionen-bt-off.gif);
	border-bottom:1px solid #555555;
}
.aktionen .aktionen_bt_off span{
	font-weight:normal;
	letter-spacing:normal;
}
.aktionen .aktionen_bt_off:hover{
	text-decoration:none;
	color:white;
	background-image:url(images-streif/aktionen-bt-hover.gif);
}
.aktionen_detail_link{
	color:white;
	font-weight:bold;
	letter-spacing:1px;
	float:right;
	text-decoration:none;
	padding-right:10px;
	background-image:url(images-streif/aktionen-detail-link-pr.png);
	background-repeat:no-repeat;
	background-position:right 5px;
}
.aktionen_detail_link:hover{
	color:white;
	text-decoration:none;
}

.aktionen .aktionen_detail_link_text{
	color:white;
	text-decoration:none;
}
.aktionen .aktionen_detail_link_text:hover{
	color:white;
	text-decoration:none;
}


/*--- Musterhäuser ---*/

.karte_container{
	float:right;
	width:399px;
	height:537px;
	margin-left:20px;
	overflow:hidden;
}

.karte_standort{
	position:absolute;
	width:16px;
	height:16px;
	overflow:hidden;
}


.mh{
}

.mh h1{
	color:white;
}


.mh .right_col{
	float:right;
	width:230px;
}

.mh .info{
	float:right;
	width:200px;
	padding:8px;
	margin:0px 0px 6px 0px;
	color:white;
	background-color:#7F7F7F;
}

.mh .info ul{
	list-style:none;
	margin:1em 0px 0px 10px;
	padding:0;
}
.mh .info ul li{
	padding:0 0 0.5em 24px;
	margin:0 0 0 -8px;
	background-image:url(images-streif/musterhaus.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}


.mh .info a{
	color:white;
	text-decoration:none;
}
.mh .info a:hover{
	color:white;
	text-decoration:none;
}
.mh .info span{
	font-weight:bold;
}

.mh .beschreibung{
	width:650px;
}

.mh .beschreibung h1{
	color:white;
}

.mh .menu{
	float:left;
	margin-bottom:2em;
}
.mh .menu ul, .mh .menu li{
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}
.mh .menu a{
	color:#CCCCCC;
	text-decoration:none;
	font-weight:bold;
	float:left;
	padding:0px 6px 1px 16px;
	margin-right:16px;
	background-image:url(images-streif/mh-menu.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}
.mh .menu a:hover{
	text-decoration:none;
	color:white;
	background-image:url(images-streif/mh-menu-on.gif);
	background-repeat:no-repeat;
}

.mh .menu .act{
	color:white;
	font-weight:bold;
	background-image:url(images-streif/mh-menu-on.gif);
	background-repeat:no-repeat;
}

.mh .kontakt_liste{
	padding:0;
	margin:0;
}

.mh .kontakt_liste .kontakt{
	float:left;
	width:418px;
	height:180px;
	padding:6px;
	background-color:#7F7F7F;
	overflow:hidden;
	margin:0px 20px 20px 0px;
}

.mh .kontakt_liste .kontakt img{
	float:left;
	margin-right:15px;
}

.mh .kontakt_liste .kontakt h2{
	color:white;
	font-size:1em;
	padding:0;
	margin:0;
}

.mh .kontakt_liste .kontakt h3{
	font-weight:normal;
	color:white;
	font-size:1em;
	padding:0;
	margin:0 0 0.5em 0;
}

.mh .kontakt_liste .kontakt h3{
	margin:0 0 0.5em 0;
}

.mh .kontakt_liste .kontakt .info{
	float:left;
	width:280px;
	height:170px;
	padding:0;
	margin:0;
	overflow:hidden;
}


.mh .kontaktform .box{
	width:620px;
	padding:10px;
	background-color:#7F7F7F;
	margin:0px 0px 20px 0px;
}

.mh .kontaktform .box h2{
	font-size:1em;
	font-weight:bold;
	padding:0 0 0.2em 0;
	margin:0 0 0.5em 0;
	border-bottom:1px solid #CCCCCC;
}

.mh .kontaktform .box .ft1{
	width:278px;
	border: 1px solid #5E5E5E;
	background-color:#DEDFDE;
	margin:0 0 0 10px;
}

.mh .kontaktform .box .ft1_on{
	width:278px;
	border: 1px solid #5E5E5E;
	background-color:white;
	margin:0 0 0 10px;
}

.mh .kontaktform .box .ta1{
	width:350px;
	border: 1px solid #5E5E5E;
	background-color:#DEDFDE;
	font-family:Verdana;
	margin:0 0 0 10px;
}

.mh .kontaktform .box .ta1_on{
	width:350px;
	border: 1px solid #5E5E5E;
	background-color:white;
	font-family:Verdana;
	margin:0 0 0 10px;
}