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


/*========== 30.11.2010, dogan ===============*/
body{
	color:black;
	background-color:rgb(81,170,53);
	font-family:Verdana,Arial Unicode MS,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	/*70%=11px, 75%=12px*/
	font-size:75%;

	padding:0;
	margin:0;
	background-image:url(images-rva/body-bg-v.png);
	background-repeat:repeat-x;
	background-position:center top;

	/*ohne Verlauf*/
	/*background-color:rgb(185,221,174);
	background-image:none;*/
}

@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{

	/*--------- Layout ----------*/
	.page_container{
		width:940px;
		margin:0 auto;
		position:relative;
	}
	.page_container_2{
		width:940px;
		float:left;
		clear:both;
		position:relative;
		background-image:url(images-rva/page-container-2-bg-v.png);
		background-repeat:repeat-y;

		/*ohne Verlauf*/
		/*background-image:url(images-rva/page-container-2-bg.png);*/
	}
	.inner_page_container{
		width:900px;
		padding:0 20px 0 20px;
		float:left;
		clear:both;
		position:relative;
		background-image:url(images-rva/inner-page-container-bg-v.png);
		background-repeat:no-repeat;

		/*ohne Verlauf*/
		/*background-image:none;*/
	}

	/*
	Hier gilt wg. der Überscheidung von Logo und Kopfbild folgendes Konstrukt:
	Das Logo soll in der Stapelreihenfolge immer VOR dem Kopfbild bzw. dem Textinhalt stehen. Kopfbild bzw. Inhalt
	floaten normal, sollen aber niemals dichter an die obere horizontale rot Linie kommen als 5px.
	Die Höhe des Kopfbildes soll variabel sein.
	Deshalb enthält top_container nur das Logo, welches per position:relative und z-index immer vor den
	folgenden ping_container gezeichnet wird. Damit das folgende Kopfbild jedoch immer auf dem selben Abstand
	vom oberen Browserrand gehalten wird, hat top_container eine feste Höhe von 95px. top_container floatet selbst,
	so dass der folgende container niemals zu weit nach oben rutschen kann. Der overflow von top_container
	ist jedoch nicht beschnitten, so dass das Logo über dem nachfolgenden floatenden Container gezeichnet werden kann.
	*/
	.top_container{
		width:900px;
		height:99px;
		float:left;
		clear:both;
		position:relative;
		background-color:rgb(81,170,53);
		border-bottom:1px solid white;
	}
	.top_container img{
		border:none;
	}
	.top_rva_logo{
		position:absolute;
		width:670px;
		height:99px;
		left:0px;
		top:0px;
	}
	.top_rsw_logo{
		position:absolute;
		width:230px;
		height:99px;
		left:670px;
		top:0px;
	}

	.top_img_pcontainer{
		width:900px;
		float:left;
		clear:both;
		overflow:hidden;
		position:relative;
		border-bottom:1px solid white;
	}
	.top_img_container{
		width:900px;
		float:left;
		clear:both;
		z-index:10;
	}
	/*BEACHTE:
	Die Kopfbilder haben immer eine grafische Beschriftung mit einem Verlaufsbalken.
	Um das Austauschen der Kopfbbilder über das CMS zu vereinfachen wird die grafische Schrift vom
	Bild getrennt und als PNG mit weicher Transparenz dem Foto überlagert. Zur Vereinfachung
	werden die grafischen Titel hier in CSS definiert, so dass im CMS nur noch ein Klassenname
	zum Menüpunkt vermerkt wird. Dieser Klassenname wird mit Leerzeichen getrennt zur Basisklasse
	hinzu notiert. z.B. ...class="page_container_title title_agrarprodukte"...
	Der Container für den grafische Titel wird absolut positioniert, so dass er über dem Foto schwebt.
	Durch die Höhenangabe von 100% dehnt sich dieser DIV immer so weit aus, wie das floatende Kopfbild den
	übergeordneten top_img_pcontainer auseinanderdrückt.
	Der Text wird als Hintergrundbild position:left bottom gesetzt, so dass sich die Hintergrundgrafik immer
	unten am DIV und somit auch unten am Foto ausrichtet
	ACHTUNG: Prozentangabe funktioniert nicht im alten NS7. Dieser bräuchte eine feste Pixelhöhe. Titelgrafik dort nicht sichtbar.
	*/
	.page_headline_container{
		width:900px;
		height:100%;
		position:absolute;
		left:0px;
		top:0px;
		z-index:20;
		background-repeat:no-repeat;
		background-position:left bottom;
	}
	.title_agrar{
		background-image:url(images-rva/title-agrar.png);
	}
	.title_bau{
		background-image:url(images-rva/title-bau.png);
	}
	.title_energie{
		background-image:url(images-rva/title-energie.png);
	}
	.title_labor{
		background-image:url(images-rva/title-labor.png);
	}
	.title_markt{
		background-image:url(images-rva/title-markt.png);
	}
	.title_reifen{
		background-image:url(images-rva/title-reifen.png);
	}

	.hmenu_container{
		width:900px;
		float:left;
		clear:both;
		background-color:rgb(81,170,53);
		border-bottom:1px solid white;
	}


	/*Das Hintergrundpattern für die rote Menüspalte left_col kommt vom äußeren DIV content_container.
	Die endlose vertikale Skala rechts kommt vom untergeordneten inner_content_container. So sind immer
	beide Grafiken komplett zu sehen, egal wie hoch das Menü oder der Textinhalt der Seite ist.*/
	.content_container{
		width:900px;
		float:left;
		clear:both;
	}
	.left_col{
		width:230px;
		float:left;
		position:relative;
		/*unten eine weiße Linie, damit der DIV auch dann eine Platz einnimmt, wenn sein Inhalt leer ist*/
		border-bottom:1px solid white;
	}
	.treemenu_container{
		width:230px;
		float:left;
		clear:both;
	}

	.center_col{
		width:670px;
		min-height:300px;
		float:left;
		position:relative;
	}
	.center_col_1s{
		width:900px;
		min-height:300px;
		float:left;
		position:relative;
	}
	.html_content{
		width:620px;
		float:left;
		clear:both;
		padding:20px 0 0 30px;
	}
	.html_content_1s{
		width:850px;
		float:left;
		clear:both;
		padding:20px 0 0 30px;
	}


	.bottom_container{
		width:940px;
		height:35px;
		float:left;
		clear:both;
		background-image:url(images-rva/bottom-container-bg-v.png);
		background-repeat:no-repeat;

		/*ohne Verlauf*/
		/*background-image:url(images-rva/bottom-container-bg.png);*/
	}


}
@media print{
	.top_container{
		display:none;
	}
	.top_img_pcontainer{
		display:none;
	}
	.top_img_container{
		display:none;
	}
	.hmenu_container{
		display:none;
	}
	.content_container{
		background-image:none;
		padding:0;
		margin:0;
	}
	.topmenu_container, .mainmenu_container{
		display:none;
	}
	.left_col{
		display:none;
	}
	.bottom_container{
		display:none;
	}
}



/*--- Infobox auf Kopfbild ---
ACHTUNG: Hintergrundgrafiken funktionieren hier im alten NS7 nicht.
Dort müsste statt der Prozentangabe eine feste Höhe in Pixel gesetzt werdem
*/
.infobox_top{
	width:300px;
	height:100%;
	overflow:hidden;
	position:absolute;
	left:600px;
	top:0px;
	/*ACHTUNG: vor Foto und garfischem Titel (s.u.)*/
	z-index:30;
	/*Transparentes Hintergrundbild Weiß mit 80% Deckkraft und geknickter Ecke oben rechts*/
	background-image:url(images-rva/infobox-bg.png);
}
.infobox_body{
	padding:18px 20px 0 20px;
	font-size:11px;
}



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

	p{
		margin:0 0 1em 0;
		padding:0;
	}
	/*Absatz nur in html_content mit erhöhtem Zeilenabstand*/
	.html_content p{
		line-height:1.40em;
		margin-bottom:1em;
	}
	h1{
		color:rgb(68,145,45);
		font-size:1.3em;
		font-weight:bold;
		margin:0 0 1em 0;
		padding:0 0 0 22px;
		background-image:url(images-rva/h1-bullet.gif);
		background-repeat:no-repeat;
		background-position:0px 3px;
	}
	h2{
		color:rgb(68,145,45);
		font-size:1.0em;
		font-weight:bold;
		margin:0 0 0.5em 0;
		padding:0;
	}
	h3{
		color:rgb(68,145,45);
		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:rgb(68,145,45);
		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.2em;
		margin:0 0 1em 0;
		padding:0;
		background-image:none;
	}
	h2{
		color:black;
		font-size:1.1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}
	h3{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}
	h4{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}
	h5{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}
	h6{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
		background-image:none;
	}

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

}

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


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

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


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



/*--- Listen-Formate ---*/
@media screen{
	.html_content * ul{
		list-style:none;
		margin:-0.5em 0 1.5em 13px;
		padding:0;
	}
	.html_content * ul ul{
		list-style:none;
		margin:0 0 0 15px;
		padding:0;
	}
	.html_content * ul li{
		padding:0.5em 0 0 15px;
		margin:0 0 0 -12px;
		background-image:url(images-rva/li-bullet-green.gif);
		background-repeat:no-repeat;
		background-position:0px 9px;
	}

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


/*--- horizontales hauptmenu einfach floatend ---*/
.hmenu{
	font-size:12px;
}
.hmenu ul, .hmenu li{
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
	float:left;
}
.hmenu a{
	color:white;
	text-decoration:none;
	float:left;
	display:block;
	margin:0;
	padding:0;
	border-left:1px solid rgb(116,187,93);
	border-right:1px solid rgb(64,153,40);
	background-repeat:repeat-x;
}
.hmenu m_first{
	border-left:none;
}
.hmenu a span{
	padding:7px 10px 9px 10px;
	display:block;
}

.hmenu a:hover, .hmenu .lvl_0_act, .hmenu .lvl_0_on{
	background-image:url(images-rva/m-l-on.png);
}
.hmenu .lvl_0_act span, .hmenu .lvl_0_on span{
	font-weight:bold;
	padding:7px 27px 9px 12px;
	background-image:url(images-rva/m-r-on.png);
	background-repeat:no-repeat;
	background-position:right top;
}



/*--- treeview alle level ---*/
/*Bei diesem Projekt bestehende die Tasten für die Hauptmenüpunkte aus mehreren ineinander verschachtelten
Teilen, um so ggf. nachträglich die Taste mit dem Kolben per JS animiert nah rechts fahren zu können.
Die Taste mit dem Zylinder enthält den Labeltext und ist absolut positioniert. Inaktive und aktive
Tasten haben immer die selbe Anordnung des Labeltextes. Im inaktiven Zustand ist der Tasten-DIV jedoch negativ nach links
gerückt und wird dort abgeschnitten.
Darüber liegt links, ebenfalls positionniert das allgemeine Bild des Hydaulikzylinders.
Die Taste kann also ggf. über die left-Eigenschaft in jede beliebige Position nach rechts gefahren werden.
Momentan geschiegt dies bei hover über dem gesamten
A-Element der Taste.*/
.tree{
	width:210px;
	float:left;
	clear:both;
	/*Schriftgrösse IE festnageln*/
	font-size:12px;
	position:relative;
	padding:10px 0 20px 20px;
}

.tree ul, .tree li{
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
}
.tree a{
	color:rgb(68,145,45);
	text-decoration:none;
	display:block;
	border-top:1px solid rgb(220,238,215);
	padding:7px 5px 8px 14px;
	background-image:url(images-rva/lvl-0.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
}
.tree .first_0{
	border-top:0px;
}

.tree a:hover, .tree .lvl_0_act, .tree .lvl_0_on, .tree .lvl_n_act, .tree .lvl_n_on{
	background-image:url(images-rva/lvl-0-on.gif);
}

.tree .lvl_0_on, .tree .lvl_n_on{
	font-weight:bold;
}



/*--- hor. Dropdown nur CSS ohne Animation, Level 0-1*/
.dropdown_outer_container{
	position:relative;
	float:left;
	background-color:rgb(81,170,53);
	border-bottom:1px solid white;
}
.dropdown{
	/*Schriftgrösse festgesetzt, um CMS Schriftskalierung zu umgehen*/
	font-size:12px;
	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;
}

@media print{
	.dropdown li.li0{
		float:left;
		position:relative;
		padding:0;
	}
}

.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:white;
}
.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:0px;
}
.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;
	font-size:12px;
	color:white;
	font-weight:normal;
	padding:0 0 1px 0;
	border-left:1px solid rgb(116,187,93);
	border-right:1px solid rgb(64,153,40);

}
.dropdown a.m_first{
}
.dropdown a.m_last{
}

.dropdown a.a0 span{
	padding:7px 10px 8px 10px;

	/*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{
	background-image:url(images-rva/m-l-on.png);
}
.dropdown li.li0 a:hover{
	background-image:url(images-rva/m-l-on.png);
}
.dropdown li.li0 a.lvl_0_act span{
	font-weight:bold;
	padding:7px 27px 8px 12px;
	background-image:url(images-rva/m-r-on.png);
	background-repeat:no-repeat;
	background-position:right top;
}

.dropdown .tab a{
	padding:4px 4px 4px 10px;
	color:white;
	border-top:1px solid white;
	border-left:1px solid white;
	display:block;
	/*position:relative;*/
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	background-color:#51AA35;

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


/*--- Breadcrumb Navigation*/
.breadcrumb{
	float:left;
	padding:15px 0px 0px 0px;
	color:black;
	font-size:10px;
	margin:0px 0px 0px 30px;
}
.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-rva/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
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:900px;
	float:left;
	clear:both;
	padding-top:0px;
	margin:15px 0px 0px 15px;
}
.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:1em;
}
.submenu a{
	color:black;
	text-decoration:none;
}
.submenu a:hover{
	color:rgb(68,145,45);
	text-decoration:none;
}
.submenu .lvl_1_act{
	color:rgb(68,145,45);
	font-weight:bold;
}


/*--- 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{
	padding:0px;
	margin-bottom:20px;
}
.cms4dmodul_2_teaser_modulcontainer ul, .cms4dmodul_2_teaser_modulcontainer li, .cms4dmodul_3_teaser_modulcontainer ul, .cms4dmodul_3_teaser_modulcontainer li{
	list-style:none;
	margin:0;
	padding:0;
}
.cms4dmodul_2_teaser_modulbodycontainer, .cms4dmodul_3_teaser_modulbodycontainer{
	padding:0px;
}
.cms4dmodul_2_teaser_modulbodycontainer ul li, .cms4dmodul_3_teaser_modulbodycontainer ul li{
	background-image:none;
	margin:0;
	padding:0;
}

.cms4dmodul_2_teaser_headline, .cms4dmodul_3_teaser_headline{
	color:#009EE3;
	font-weight:bold;
	font-size:1.2em;
	margin:0px 0px 10px 0px;
	padding:6px 10px 6px 10px;

	background-color:#E5F5FC;

}

.cms4dmodul_2_liste_modulbodycontainer .news_liste_hr, .cms4dmodul_3_liste_modulbodycontainer .news_liste_hr{
	border-bottom:1px solid rgb(233,236,239);
	padding:9px 0 5px 0;
}


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

.cms4dmodul_2_liste_modulcontainer, .cms4dmodul_3_liste_modulcontainer{
	margin-bottom:0px;
}
.cms4dmodul_2_liste_modulcontainer ul, .cms4dmodul_2_liste_modulcontainer li{
	margin:0;
	padding:0;
}
.cms4dmodul_3_liste_modulcontainer ul, .cms4dmodul_3_liste_modulcontainer li{
	list-style:none;
	margin:0;
	padding:0;
}
.cms4dmodul_2_liste_modulbodycontainer{
	margin:0;
	padding:0;
}
.cms4dmodul_3_liste_modulbodycontainer{
	background-color:transparent;
	padding:0px;
}
.cms4dmodul_2_liste_modulbodycontainer ul li, .cms4dmodul_3_liste_modulbodycontainer ul li{
	background-image:none;
	margin:0;
	padding:0;
}

.cms4dmodul_2_liste_headline, .cms4dmodul_3_liste_headline{
	color:#51AA35;
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 0em 0;
	padding:0 0 0.5em 0;
	border-bottom:1px dashed #51AA35;
	width:620px;

}

.cms4dmodul_2_liste_modulbodycontainer .news_liste_hr, .cms4dmodul_3_liste_modulbodycontainer .news_liste_hr{
	border-top:1px solid white;
}

.cms4dmodul_2_liste_modulbodycontainer h2, .cms4dmodul_3_liste_modulbodycontainer .news_liste_hr{
	border-top:1px solid white;
}





/*htmlfragment_teaser*/
.htmlfragment_teaser{
}
.html_teaser p{
	margin:0 0 0.5em 0;
}
.html_teaser_hr{
	border-top:1px dashed rgb(153,153,153);
	height:1em;
	margin-top:1em;
	clear:both;
}

/*news_teaser*/
.news_teaser{
	/*Der Abstand zur Überschrift, bzw. dem voranliegen Datensatz kommt zur Hälte aus diesem Container.
	Die andere Hälfte wird durch die Trennlinie news_teaser_hr erzeugt (s.u.).*/
	margin-top:0px;
	padding:0px;
}
.news_teaser_date{
	font-weight:bold;
	margin-bottom:0.5em;
}
.news_teaser p{
	margin:0 0 0 0;
	font-size:1em;
}
.news_teaser_lnk{
	font-weight:bold;
	font-size:1em;
}
.cms4dmodul_3_teaser_modulbodycontainer .data_img_container{
	width:100%;
	padding:0px;
	overflow:hidden;
}
.cms4dmodul_3_teaser_modulbodycontainer .data_img{
	border:none;
}
.news_teaser_hr{
}
.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-rva/li-bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}



.news_teaser_body{
	font-size:0.9em;
	margin-bottom:1em;
}

.news_teaser h3{
	color:black;
	font-size:1em;
	font-weight:bold;
}

.news_teaser .headline{
	font-size:0.9em;
	color:black;
	padding:0;
	margin:0;
	font-weight:bold;
}

.news_teaser .headline_neu{
	font-size:0.9em;
	color:black;
	padding:0;
	margin:0;
	font-weight:bold;
}

.news_teaser .headline a{
	text-decoration:none;
	color:black;
	display:block;
}
.news_teaser .headline a:hover{
	text-decoration:none;
	color:black;
	display:block;
}
.news_teaser .headline_neu a{
	text-decoration:none;
	color:white;
	display:block;
}
.news_teaser .headline_neu a:hover{
	text-decoration:none;
	color:white;
	display:block;
}



/*=== Newsbox rechte Spalte ===*/
.newsbox_rechte_spalte{
	text-align:left;
	width:190px;
	background-color:#EDF1FC;
	border:1px solid #19308D;
	padding:10px;
}





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



/*=== Boxen ===*/

.box1{
	width:200px;
	height:200px;
	float:right;
	overflow:hidden;
	text-align:left;
	border:1px solid black;
}
.box1 h2{
	color:white;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	background-color:#51AA35;
	padding:6px 10px 8px 10px;
	margin:0;
}

.box1 .body{
	padding:10px;
}





/*--- Bildergalerie ---*/
.bildergalerie_container{
	float:left;
	margin-bottom:30px;
}
.img_register{
	float:left;
	width:640px;
	margin:0 0 1em 0;
}
.img_register .but_fwd_back{
	color:black;
	border:1px solid #D2D2D2;
	background-color:#EAEAEA;
	font-weight:bold;
	text-decoration:none;
	padding:1px 4px 2px 4px;
	margin-right:4px;
	float:left;
}
.img_register .but_fwd_back:hover{
	color:white;
	background-color:#AA8345;
	text-decoration:none;
}

.img_register .but_fwd_back_on{
	color:white;
	border:1px solid #D2D2D2;
	background-color:#AA8345;
	font-weight:bold;
	text-decoration:none;
	padding:1px 4px 2px 4px;
	margin-right:4px;
	float:left;
}
.bildergalerie_liste{
	margin:0px;
	padding:0px;
}
.bildergalerie_liste .prev_img_hidden{
	width:415px;
	margin-bottom:20px;
	overflow:hidden;
}
.bildergalerie_liste_table{
	margin:0;
	background-color:none;
	float:left;
}
.bildergalerie_liste td{
	width:140px;
	height:140px;
	background-color:#D2D2D2;
	
}
.bildergalerie_liste .td_container{

}
.bildergalerie_liste img{
	border:1px solid white;
}
.bildergalerie_liste .thumb_act{
}
.bildergalerie_liste a, .bildergalerie_liste a:hover{
	background-color:transparent;
}

.bildergalerie_details{
	text-align:left;
}
.bildergalerie_details img{
	border:none;
}
.bildergalerie_big{
	/*breitenbegrenzung, damit ein grösseres Bild nicht das gesamte Seitenlayout zerstört.
	Die Höhe wir automatisch vom Bild übernommen, die Breite wird rechts ggf. abgeschnitten*/
	width:440px;
	overflow:hidden;
	text-align:left;
	margin:0;
}
.bildergalerie_big img{
	border:none;
}





/*--- Event Liste/Details ---*/
.event_register{
}
.event_register a{
	color:rgb(0,0,0);
	border:1px solid #005BAB;
	background-color:#CCDEEE;
	padding:2px 2px 2px 2px;
	margin-right:2px;
	float:left;
	text-decoration:none;
}
.event_register .year_buttons{
	float:left;
	clear:both;
	margin-bottom:2px;
}
.event_register .year_buttons a:hover{
	color:black;
	background-color:#AECAE4;
}
.event_register .but_y{
	background-color:#CCDEEE;
}
.event_register .act_year{
	border:1px solid #005BAB;
	color:white;
	background-color:#005BAB;
	font-weight:bold;
	padding:2px 2px 2px 2px;
	margin-right:2px;
	float:left;
}

.event_register .month_buttons{
	clear:left;
}
.event_register .month_buttons a:hover{
	color:black;
	background-color:#AECAE4;
}
.event_register .but_m{
	border:1px solid #005BAB;
	background-color:#E5EEF6;
}
.event_register .but_m_act{
	border:1px solid #005BAB;
	background-color:#CCDEEE;
}
.event_register .but_m_on{
	border:1px solid #005BAB;
	color:white;
	background-color:#005BAB;
	font-weight:bold;
}
.event_register .monat_name{
	margin:5px 0 5px 0;
	font-weight:bold;
}

.event_liste{
}
.event_liste ul{
	list-style:none;
	margin:0;
	padding:0;
}
.event_liste ul li{
	background-image:none;
	list-style:none;
	margin:0;
	padding:0;
	/*wichtig für IE*/
	float:left;
	clear:both;
	width:100%;
}
.event_liste_hr{
	border-top:1px dashed #005BAB;
	margin:10px 0px 10px 0px;
	clear:both;
}
.event_liste_date{
}
.event_liste h1, .event_details h1{
	border:none;
	background-color:transparent;
	background-image:none;
	text-indent:0px;
	font-style:normal;
	padding:0px;
	font-family:Verdana;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 1em 0;
}
.event_liste h2, .event_details h2{
	color:black;
	font-size:1.0em;
	margin:0.25em 0 0.6em;
	color:#005BAB;
}
.event_liste_lnk{
	font-weight:bold;
}
.event_details{
}
.event_details_date{
	margin-bottom:15px;
}
.event_details address{
	margin:0 0 1em 0;
}
@media screen{
	.event_details_backlink_top{
		float:right;
	}
	.event_details_backlink_top a{
		text-decoration:none;
	}
}
@media print{
	.event_details_backlink_top{
		display:none;
	}
}
.event_liste .data_img_container{
	width:120px;
	overflow:hidden;
	float:left;
	margin-top:-5px;
}
.event_liste .box_2s{
	margin-left:130px;
}
.event_liste .data_img{
	border:none;
	margin-top:5px;
}
.event_liste .data_img_txt{
	font-size:9px;
}
/*in der Detailansicht umfliesst der Langtext die komplette Box*/
.event_details .data_img_container{
	float:left;
	clear:left;
	margin:-3px 10px 8px 0;
}
.event_details .data_img{
	border:none;
	margin-top:5px;
}
.event_details .data_img_txt{
	font-size:9px;
}




/*--- News Liste/Details ---*/
.news_liste{
	float:left;
	margin-bottom:1.5em;
}
.news_liste .headline{
	color:black;
	font-size:1em;
	font-weight:bold;
	margin:0 0 0.5em 0;
}
.news_liste .headline a{
	color:black;
}
.news_liste .headline a:hover{
	color:#009EE3;
	text-decoration:none;
}
.news_liste .headline_newsmode{
	/*color:#375BAB;
	float:left;
	font-size:1.4em;
	font-weight:bold;*/
	color:rgb(170,131,69);
	font-size:1.35em;
	margin:0 0 1em 0;
	padding:0;
	font-weight:bold;
}
.news_liste .link_newsmode{
	float:right;
}
.news_liste ul{
	list-style:none;
	margin:0;
	padding:0;
}
.news_liste ul li{
	background-image:none;
	list-style:none;
	margin:15px 0 0 0;
	padding:0 0 5px 0;
	/*wichtig für IE*/
	float:left;
	clear:both;
	width:100%;
	border-bottom:1px dashed #51AA35;
}


.news_liste .body_text{
	float:left;
	width:580px;
}

.news_liste .body_text p{
	margin-bottom:0.5em;
}

/*
.news_liste ul{
	list-style:none;
	margin:1em 0 1em 10px;
	padding:0;
}
.news_liste ul li{
	padding:0 0 0.5em 15px;
	margin:0 0 0 -8px;
	background-image:url(images-rva/li-bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}
*/

.news_liste_hr{
	border-top:1px solid #375BAB;
	margin:15px 0px 15px 0px;
	clear:both;
}
.news_liste_date{
	font-size:0.8em;
	color:#AA8345;
}
.news_liste h1, .news_details h1{

}
.news_liste h2{
	color:black;
	font-size:1.2em;
	margin:0 0 0.5em 0;
}
.news_details h2{
	color:black;
	font-size:1.0em;
	margin:0 0 0.5em 0;
	/* font-size:1.15em; */
}
.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:120px;
	overflow:hidden;
	float:left;
	margin-top:-5px;
	margin-right:15px;
	margin-bottom:10px;
}
.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 0px 0;
	padding:0;
	background-image:none;
	background-color:transparent;
}

.htmlfragment_liste ul ul{
	/*aus optischen Gründen 1px weiter nach rechts für die erste UL*/
	margin:1em 0 1em 13px;
	padding:0;
	list-style:none;
}
.htmlfragment_liste ul ul li{
	padding:0 0 0 17px;
	margin:0 0 0.2em -12px;
	background-image:url(images-rva/li-bullet.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
}

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



/*=== Sitemap ===*/
@media screen, projection{
	.sitemap{
		line-height:normal;
	}

	.sitemap a{
		color:black;
	}

	.sitemap a:hover{
		color:#4978E0;
	}

	.sitemap ul li{
		background-image:url(images-rva/sm-on-1.gif);
		background-position:0px 3px;
		font-weight:bold;
		margin-bottom:0.5em;
		padding-left:10px;
	}
	.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-rva/sm-on.gif);
		background-position:0px 3px;
		font-weight:normal;

	}
	.sitemap ul li ul li a{
		font-size:1em;
	}
	.sitemap ul li ul li ul li{
		background-image:url(images-rva/sm-on.gif);
	}
}
@media print{
}


/*=== cms4dbot_search ===*/
.cms4dbot_search_result_container{
}
.cms4dbot_search_result_container .markstr{
	font-weight:bold;
	color:red;
	background-color:rgb(255,240,102);
	padding:0 0 1px 0;
}



/*=== cms4d inline Bildergalerie, JS-Diaslider ===*/
.cms4d_imageslider1_control{
	background-color:rgb(230,230,230);
	width:100%;
	padding:30px 0 0 0;
	/*WICHTIG: auch hier muss der overflow abgeschnitten werden wg. NS7 und Opera*/
	position:relative;
	overflow:hidden;
}
.cms4d_imageslider1_control .slider_container{
	width:100%;
	height:90px;
	overflow:hidden;
	position:relative;
}
.cms4d_imageslider1_control .slider{
	/*ACHTUNG: NS7 benötigt eine feste Breitenangabe*/
	width:10px;
	white-space:nowrap;
	position:absolute;
}
.cms4d_imageslider1_control .imgbox{
	width:120px;
	height:90px;
	margin-right:10px;
	overflow:hidden;
	cursor:pointer;
}
.cms4d_imageslider1_control img{
	border:none;
}
.cms4d_imageslider1_control .controls{
	height:30px;
}
.cms4d_imageslider1_control .dbut{
	color:rgb(102,102,102);
	height:30px;
	cursor:W-resize;
	font-weight:bold;
	font-size:20px;
	line-height:25px;
	overflow:hidden;
}




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

.ft1_on{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:300px;
	border: 1px #000000 solid;
	color:white;
	background-color:#51AA35;
}

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

.ft2_on{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:50px;
	border: 1px #000000 solid;
	color:white;
	background-color:#51AA35;
}

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

.ta1_on{
	font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:12px;
	width:500px;
	border: 1px #000000 solid;
	color:white;
	background-color:#51AA35;
}


.bt1{
	cursor:pointer;
	font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size:12px;
	font-weight:bold;
	color:white;
	border:1px solid black;
	background-color:#51AA35;
	padding:4px;
	text-decoration:none;
}
.bt1:hover{
	text-decoration:none;
}

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



/*--- GoogleMap ---*/
.gm_error{
	padding:10px;
	background-color:#E2E2E2;
	border:1px solid #E4252F;
	margin:5px 0px 5px 0px;
}
#route{
	margin-left:-5px;
}