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


/*========== 02.09.2007, dogan ===============*/
body{
	color:black;
	font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular,Arial Unicode MS;
	/*70%=11px, 75%=12px*/
	font-size:75%;
	margin:0;
	padding:0;

	background-color:rgb(88,140,201);
	background-image:url(images-cochem/body-bg-wellen.jpg);
	background-repeat:repeat-x;
}

@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{
		text-align:left;
		width:962px;
		margin:0 auto;
		padding:0;
		position:relative;
	}
	.page_container_2{
		width:962px;
		float:left;
		clear:both;
		position:relative;
		margin:0;
		padding:0 0 20px 0;
	}

	.inner_page_container{
		width:960px;
		float:left;
		clear:both;
		position:relative;
		margin:0;
		/*Das Layout klebt oben am Browserrand. Deshalb dort keine border.*/
		background-color:white;
		border:1px solid white;
		border-top:none;
	}


	.top_container{
		width:960px;
		height:300px;
		float:left;
		clear:both;
		background-color:rgb(88,140,201);
	}
	.top_table{
		width:960px;
		height:300px;
	}
	.top_table img{
		float:left;
		border:none;
	}
	.top_table .logo_td{
		width:260px;
		background-image:url(images-cochem/top-logo-container-bg.jpg);
		background-repeat:no-repeat;
	}
	.top_table .image_td{
		width:700px;
	}
	.top_img_container{
		width:700px;
		height:300px;
		overflow:hidden;
		/*Beim FLASH-Bildwechsler ggf. dieses Hintergrundbild als Notanker falls JavaScript ausgeschaltet ist oder PlugIn nicht vorhanden*/
		background-image:url(../images/top-flash-container-bg.jpg);
		background-repeat:no-repeat;
	}


	/*barrierearmes horizontales Hauptmenu, float
	Die Buttons floaten ihne Grössenangabe, und haben deshalb nur die Breite, die ihr jeweiliger Text + padding benötigt.
	Wird die Schrift vergrössert wachsen die Buttons und brechen um sobald der horizontale Platz zu klein wird.
	Dabei ist gewünscht, dass der Freirum rechts immer grafisch so aufgefüllt ist, dass es aussieht, als ob der
	gerade rechts stehende Button immer bis zum rechten Rand des Menucontainers reicht.
	Um den restlichen Freiraum rechts nahtlos mit der Hintergrundgrafik aufzufüllen wird ein Hilfs-DIV eingesetzt, der
	die selben Eigenschaften besitzt wie die Buttons, aber eine feste width über die komplette Breite der ersten
	Menureihe. Da dieser absolut poitioniert ist wird er von den eigentlichen Menubuttons überdeckt.
	Der Hilf-Div enthält ein Dauerleerzeichen, damit er bei Schriftskalierung genauso in die Höhe wächst wie
	die richtigen Menubuttons. Dadurch hat er immer die selbe Höhe wie diese.
	WICHTIG: damit die absolute Positionierung auch im NS7 und IE6 identisch funktinoiert werden zwei container
	benötigt. mainmenu_outer_container floatet die gesamte Konstruktion im Seitenlayout vertikal.
	Der mainmenu_inner_container ist relativ positiniert und dient damit als Ankerelement, an dem sich der absolut positionierte
	background_button orientiert bei Angabe von left/top. Dies ist wichtig, da sont dieses absolut positionierte Element
	ggf. sogar in die linken/oberen Browserecke verrutschen würde.
	Erst dann kommt der absolut positinoierte Hilfs-Div und der wieder floatende DIV mit dem eigentliche Hauptmenu.
	Dadurch das alle relevanten Container floaten ist gewährleistet, dass das gesamte Hauptmenu
	bei Schriftsalierung den folgenden Rest des Layouts darunter soweit nach unten drückt, dass das Hauptmenu auch
	mit sehr grosser Schrift mehrzeilig korrekt ausgegeben wird.
	Der grafische Effekt mit dem Auffüllen des Freirums nach rechts gilt nur für die erste Zeile der Menubuttons.
	*/
	.mainmenu_outer_container{
		background-color:rgb(90,141,202);
		width:960px;
		/*ACHTUNG: keine feste height, damit Schriftvergrösserung mit floatenden Hauptmenubuttons wirken kann*/
		min-height:30px;
		float:left;
		clear:both;
	}
	.mainmenu_inner_container{
		position:relative;
	}
	.mainmenu_background_buttons{
		padding:7px 0 8px 0;
		background-color:rgb(90,141,202);
		border-bottom:1px solid rgb(71,113,161);
		background-image:url(images-cochem/hm-off.gif);
		background-repeat:repeat-x;
		position:absolute;
		left:1px;
		top:0px;
		width:959px;
		min-height:14px;
	}
	.mainmenu_container{
		width:960px;
		/*Sicherheitshalber, damit immer über absolut positioniertem Element steht.*/
		position:relative;
	}



	/*Container für Sprachwahl, Schriftskalierung und Suchfeld*/
	.toolbar_container{
		background-color:rgb(205,220,239);
		width:960px;
		/*ACHTUNG: keine feste height, damit Schriftvergrösserung mit floatenden Hauptmenubuttons wirken kann*/
		min-height:30px;
		float:left;
		clear:both;
	}


	/*Inhalt*/
	.content_container{
		width:960px;
		float:left;
		clear:both;
		background-repeat:repeat-y;
	}
	.content_container_2s{
		/*Dies ist eine zweite Klasse auf dem DIV.
		Das Hintergrundbild liefert die Farbe fuer left_col. Bei dreispaltigem Layout dementsprechend auch für die rechte Spalte*/
		background-image:url(images-cochem/content-container-bg-2s.gif);
	}
	.content_container_3s{
		/*Dies ist eine zweite Klasse auf dem DIV.
		Das Hintergrundbild liefert die Farbe fuer left_col. Bei dreispaltigem Layout dementsprechend auch für die rechte Spalte*/
		background-image:url(images-cochem/content-container-bg-3s.gif);
	}
	.left_col{
		width:260px;
		float:left;
		/*ACHTUNG: die Linie ist zwar grafisch auch so vorgesehen, garantiert aber zudem, dass in allen Browsern diese Spalte mit voller Breite
		dargestellt wird, auch wenn es z.B. keinen Subtree zu einem Hauptmenupunkt gibt. FF würde die Spalte sonst ignorieren und
		der Content würde nach links rutschen.*/
		border-top:1px solid white;
	}
	.center_col_2s{
		width:675px;
		float:left;
		padding:24px 0 15px 25px;
	}
	.center_col_2s .html_content{
		width:650px;
		float:left;
		clear:both;
	}
	.center_col_3s{
		width:505px;
		float:left;
		padding:24px 0 15px 25px;
	}
	.center_col_3s .html_content{
		width:480px;
		float:left;
		clear:both;
	}
	.right_col{
		width:170px;
		float:left;
		clear:right;
	}
}



@media print{
	.top_container{
		display:none;
	}
	.mainmenu_outer_container{
		display:none;
	}
	.toolbar_container{
		display:none;
	}
	.content_container{
		background-image:none;
		padding:0;
		margin:0;
	}
	.left_col{
		display:none;
	}
	.right_col{
		display:none;
	}
}


/*------ Suche -------*/
.searchbox{
	width:165px;
	float:right;
	padding:4px 5px 0 0;
}
.form_suche{
	padding:0;
	margin:0;
}
.input_suche{
	background-color:rgb(238,243,249);
	border:1px solid rgb(88,141,201);
	border-right-color:white;
	border-bottom-color:white;
	width:135px;
	margin-right:5px;
	height:18px;
	overflow:hidden;
}
.but_suche{
}


/*------ Sprachwahl Flaggen -----*/
.flagmenu{
	float:left;
	padding:0 8px 0 4px;
}
.flagmenu a{
	float:left;
	padding:7px 4px 7px 4px;
}
.flagmenu img{
	border:1px solid white;
}

/*----- Schriftgrössenmenu ----*/
.fontsizemenu{
	float:left;
}
.fontsizemenu img{
	border:none;
}
.fontsizemenu .but_fontsize_plus{
	float:left;
	padding:7px 4px 7px 4px;
}
.fontsizemenu .but_fontsize_normal{
	float:left;
	padding:7px 4px 7px 4px;
}
.fontsizemenu .but_fontsize_minus{
	float:left;
	padding:7px 4px 7px 4px;
}





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

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

	h1{
		color:rgb(59,108,179);
		font-size:1.35em;
		font-weight:bold;
		margin:0 0 1em 0;
		padding:0;
	}
	h2{
		color:rgb(59,108,179);
		font-size:1.2em;
		margin:0 0 0.5em 0;
		padding:0;
		/*Standardmässig MIT gelbem Bullet*/
		background-image:url(images-cochem/h2-bullet-gelb.gif);
		background-repeat:no-repeat;
		background-position:left 3px;
		text-indent:18px;
	}
	h2.hblau{
		background-image:url(images-cochem/h2-bullet-hblau.gif);
	}
	h3{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	h3.gelb{
		background-image:url(images-cochem/h3-bullet-gelb.gif);
		background-repeat:no-repeat;
		background-position:left 2px;
		text-indent:17px;
	}
	h3.hblau{
		background-image:url(images-cochem/h3-bullet-hblau.gif);
		background-repeat:no-repeat;
		background-position:left 2px;
		text-indent:17px;
	}
	h4{
		color:black;
		font-size:1em;
		margin:0 0 0.5em 0;
		padding:0;
	}
	h5{
		color:#EEF3F9;
		font-size:1em;
		margin:0 0 0 0;
		padding:5px;
	}
	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:#3B6CB3;
		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.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.45em;
		margin-bottom:1em;
	}

}

.hr_solid{
	border-top:1px solid rgb(230,230,230);
	height:10px;
	margin-top:10px;
}
.hr_dashed{
	border-top:1px dashed rgb(204,204,204);
	height:10px;
	margin-top:10px;
}


/*--- Bildformate ---*/
.bild_links{
	margin:0 10px 10px 0;
	float:left;
	font-style:normal;
	font-size:0.8em;
	line-height:normal;
	text-align:center;
}
.bild_rechts{
	margin:0 0 10px 10px;
	float:right;
	font-style:normal;
	font-size:0.8em;
	line-height:normal;
	text-align:center;
}
img.bild_links{
	margin:0 10px 10px 0;
	border:none;
}
img.bild_rechts{
	margin:0 0 10px 10px;
	border:none;
}

img.bild_rechts_rand{
	margin:0 0 10px 10px;
	padding:3px;
	border: 3px solid #EEF3F9;
}
img.bild_links_rand{
	margin:0 10px 10px 0;
	padding:3px;
	border: 3px solid #EEF3F9;
}
img.bild_rand{
	padding:3px;
	border: 3px solid #EEF3F9;
}


/*------ vertikales Treemenu -------*/
.treemenu_container{
	width:260px;
	cursor:default;
}
.tree{
}
.tree ul, .tree li{
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}
.tree a{
	color:black;
	text-decoration:none;
	padding:7px 5px 9px 28px;
	margin:0;
	display:block;
	/*Für alle Level Mindesthöhe bei Schriftverkleinerung. In IE6 funktioniert dies nicht*/
	min-height:14px;
	border-bottom:1px solid white;
	background-color:rgb(205,221,239);
	background-image:url(images-cochem/lvl-0.gif);
	background-repeat:repeat-x;
}
.tree .lvl_0_act{
	background-color:rgb(89,141,201);
	color:white;
	font-weight:bold;
	background-image:url(images-cochem/lvl-0-act.gif);
}
.tree a:hover, .tree .lvl_0_on, .tree .sub .lvl_n_on{
	text-decoration:none;
	background-color:rgb(37,85,154);
	color:white;
	background-image:url(images-cochem/lvl-0-on.gif);
}
.tree .lvl_0_on{
	font-weight:bold;
}
.tree .has_child_nodes{
}
/*Bei diesem Projekt identisch mit lvl0, ausser Einrueckung Hintergrundbild*/
.tree .sub{
}
.tree .sub a{
}
.tree .sub .lvl_n_act{
	color:rgb(37,85,154);
	font-weight:bold;
	background-image:url(images-cochem/lvl-n-act.gif);
}
.tree .sub .lvl_n_act:hover{
	color:white;
	background-image:url(images-cochem/lvl-0-on.gif);
}
.tree .sub .lvl_n_on{
	font-weight:bold;
}


/*Horizontales Hauptmenu*/
.mainmenu{
	float:left;
	clear:left;
}
.mainmenu ul, .mainmenu li{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
.mainmenu a{
	color:white;
	/*BEACHTE: wenn mehrere Wörter in einer Buttonbeschriftung bei grosser Schrift getrennt werden könnten
	so sieht unschönaus, da dann zuerst ein Zeilenumbruch stattfindet bevor der komplette Button
	in die nächste Riehe floatet. Deshalb hier untypischerweise white-space:nowrap*/
	white-space:nowrap;

	text-decoration:none;
	padding:7px 10px 8px 9px;
	float:left;

	/*Das Hintergrundbild erstreckt sich jeweils nur horizontal über die Breite eines Buttons.
	Wird der Button durch Schriftskalierung höher, so scheint immer mehr von der background-color unten durch.
	Die obere border kommt aus der Hintergrundgrafik, die linke/untere aus CSS.*/
	border-bottom:1px solid rgb(71,113,161);
	background-color:rgb(90,141,202);
	background-image:url(images-cochem/hm-off.gif);
	background-repeat:repeat-x;

	/*Rahmen links, ausser bei erstem Menupunkt. s.u. m_first*/
	border-left:1px solid rgb(177,201,230);

	/*ACHTUNG: nur Mindesthöhe, damit bei Schriftvergrösserung die Taste wachsen kann.*/
	min-height:14px
}
.mainmenu .m_first{
	border-left:none;
}
.mainmenu a:hover, .mainmenu .lvl_0_act{
	color:white;
	text-decoration:none;
	border-bottom-color:rgb(30,68,123);
	background-color:rgb(38,86,154);
	background-image:url(images-cochem/hm-on.gif);
}
.mainmenu .lvl_0_act{
	font-weight:bold;
}



/*--- Listen-Formate ---*/
@media screen{
	.html_content ul{
		list-style:none;
		margin:1em 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 15px;
		margin:0 0 0 -8px;
		background-image:url(images-cochem/li-bullet.gif);
		background-repeat:no-repeat;
		background-position:0px 3px;
	}

	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;
}
.cms4dmodul_2_teaser_modulbodycontainer, .cms4dmodul_3_teaser_modulbodycontainer{
	padding:8px 10px 0 10px;
}
.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{
	font-size:1em;
	padding:7px 5px 9px 9px;
	margin:0;
	min-height:14px;
	background-repeat:repeat-x;

	color:white;
	background-color:rgb(89,141,201);
	background-image:url(images-cochem/box-head-bg-1-2.gif);
}

.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{
	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{
	margin-bottom:15px;
}

.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{
	/*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.).*/
	padding:0px;
	margin:0px 0px 10px 0px;

	width:150px;
	font-size:0.9em;
}
.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;
}
.cms4dmodul_3_teaser_modulbodycontainer .data_img_container{
	width:150px;
	overflow:hidden;
	margin:4px 0px 4px 0px;
}
.cms4dmodul_3_teaser_modulbodycontainer .data_img{
	border:none;
}
.news_teaser_hr{
	margin:0px 0px 0px 0px;
	width:100%;
	border-top:1px solid #EEF3F9;
	height:1px;
}
.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-cochem/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-cochem/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-cochem/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{
	}
}


/*--- Info-Box Startseite---*/
.infobox1{
	width:222px;
	overflow:hidden;
	float:left;
	padding:6px;
	background-color:#EEF3F9;
}
.infobox1 img{
	margin:-6px;
}




/*---- Box ------*/
.box_1{
	margin-top:1px;
}
.box_1 .box_head{
	font-size:1em;
	padding:7px 5px 9px 9px;
	margin:0;
	min-height:14px;
	background-repeat:repeat-x;
}
.box_1 .box_body{
	padding:8px 10px 0 10px;
}
.box_1 .box_head_1_1{
	color:white;
	background-color:rgb(149,182,220);
	background-image:url(images-cochem/box-head-bg-1-1.gif);
}
.box_1 .box_head_1_2{
	color:white;
	background-color:rgb(89,141,201);
	background-image:url(images-cochem/box-head-bg-1-2.gif);
}
.box_1 .box_head_1_3{
	color:white;
	background-color:rgb(37,85,154);
	background-image:url(images-cochem/box-head-bg-1-3.gif);
}
.box_1 .box_head_2_1{
	color:white;
	background-color:rgb(148,181,220);
}
.box_1 .box_head_2_2{
	color:white;
	background-color:rgb(88,140,201);
}
.box_1 .box_head_2_3{
	color:white;
	background-color:rgb(37,85,154);
}



/*--- Bildergalerie ---*/
.bildergalerie_container{
}
.img_register{
	margin-bottom:7px;
}
.img_register .but_fwd_back{
	color:black;
	border:1px solid black;
	background-color:#EEF3F9;
	font-weight:bold;
	text-decoration:none;
	padding:2px 6px 3px 6px;
	margin-right:1px;
}
.img_register .but_fwd_back:hover{
	color:white;
	background-color:#588CC9;
	text-decoration:none;
}

.img_register .but_fwd_back_on{
	color:white;
	border:1px solid black;
	background-color:#588CC9;
	font-weight:bold;
	text-decoration:none;
	padding:2px 6px 3px 6px;
	margin-right:1px;
}
.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;
}
.bildergalerie_liste td{
	width:140px;
	height:140px;
	background-color:#EEF3F9;
	
}
.bildergalerie_liste .td_container{

}
.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{
	color:rgb(59,108,179);
	font-size:1.2em;
	margin:0 0 0.5em 0;
	padding:0;
	/*Standardmässig MIT gelbem Bullet*/
	background-image:url(images-cochem/h2-bullet-gelb.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	text-indent:0px;
	padding-left:18px;
}
.news_liste .headline_newsmode{
	color:#375BAB;
	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{
	background-image:none;
	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:#375BAB;
}
.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;
	background-image:none;
	text-indent:0;
}
.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{
	max-width:180px;
	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;
}



/*--- 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-cochem/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-cochem/sm-on_1.gif);
		background-position:0px 3px;
		font-weight:bold;
		margin-bottom:0.5em;
		padding-left:15px;
	}
	.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-cochem/sm-on_2.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-cochem/sm-on_2.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;
}


/*--- Wetter-Box ---*/
.wetterbox{
	border:1px solid black;
	text-align:center;
	background-color: #33AA33;
	background-color: #61951A;

	font-family: arial, helvetica, sans-serif;
	padding-top:5px;
	color:white;
	font-size:10px;
}

.wetterbox img{
	border:1px solid black;
}
.wetterbox select{
	border:1px solid black;
	font-size:12px;
}
.wetterbox input{
	border:1px solid black;
	font-size:12px;
	background-color:#F9FBEB;
}
.wetterbox a{
	color:white;
	font-size:10px;

}


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

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

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

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

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

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



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

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


.bt1{
	cursor:pointer;
	font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size:12px;
	font-weight:bold;
	color:white;
	background-color:#588CC9;
	padding:0px 20px 0px 20px;
}

.paging_bt1{
	font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	cursor:pointer;
	border:1px solid black;
	background-color:#EEF3F9;
	color:black;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.paging_bt1:hover{
	text-decoration:none;
	color:white;
	background-color:#588CC9;
}

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



/*---Zusatz: Infobox im Contentbereich---*/
.infobox{
	border:1px solid #A4A8AC;
	background-color:#EEF3F9;
	background-image:url(images-cochem/infocase-bullet.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding:10px 10px 10px 70px;
}
.infobox2{
	border:1px solid #A4A8AC;
	background-color:#EEF3F9;
	padding:10px;
	margin-bottom:15px;
}
.infobox_home{
	/* border:1px solid #A4A8AC; */
	background-color:#EEF3F9;
	padding:0px 10px 10px 10px;
	margin:10px 10px 10px 0px;
	min-height:320px;
	width:234px;
}
.infobox_home img{
	padding:0px;
	margin:0px;
}
.infobox2 h1{
	font-size:14px;
	margin:0px;
	padding:0px 0px 5px 0px;
	color:#588CC9;
	font-weight:bold;
	display:block;
}

/*---Formatierungen für den Routenplaner innerhalb Google Maps---*/
.routenplaner_googlemaps{
	padding:5px;
	border:3px solid #EEF3F9;
	margin:10px 0px 0px 0px;
}
.routenplaner_googlemaps .bt1{
	border:1px solid #000000;
	padding:3px 5px 3px 5px;
	width:150px;
}
.routenplaner_googlemaps .ft1{
	width:120px;
	background-color:#EEF3F9;
	border:1px solid #000000;
}
/*
	Google Maps Spezifisches
*/
.gm_error{
	padding:10px;
	background-color:#EEF3F9;
	border:1px solid #E4252F;
	margin:5px 0px 5px 0px;
}



/*=== Quickfinder ===*/
.qfTable{
	color:#000000;
	background-color:#EEF3F9;
	font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif; font-size: 11px;
}
.qfHead{
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	background-color:#60AE20;
}
.qfText{
	color:black;
	font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif;
	font-size:11px;
}
.qfTextB{
	color:black;
	font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
}
.qfTextCopyright{
	color:black;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
}
.qfSelect{
	color:black;
	font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif;
	font-size:11px;
}
.qfSelect2{
	color:black;
	font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif;
	font-size:11px;
	width:155px;
}
.qfButton{
	font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif;
	font-size:12px;
	color:white;
	background-color:#588CC9;
	border:1px solid white;
	padding:2px;
	margin-bottom:4px;
}