/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; }
	
body	{ }
ol, ul  { list-style: none; }

/* remember to define focus styles! */
:focus  { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table 	{ /* border-collapse: collapse; border-spacing: 0; */ }

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



/*

FARBEN:

grau:					#414141; (Main Navi)

grau dunkel:			#666666;
grau mittel:			#333333;

grau hell:				#cccccc; (Hintergrund Kästchen)
grau sehr hell:			#eeeeee; (Formular)
*/
	
/*************************************************************************/

body	{
	background:url(background_muster.jpg) repeat;
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:16px;}



#container	{
	border:1px solid #666666;
	background-color:#ffffff;
	width:750px;
	text-align:left;	/* damit auch für IE zentriert, sonst nur margin:auto; nötig */
	margin:10px auto;
	overflow:hidden; 	/* damit die floats hiernach gecleared werden*/
	height:100%;		/* IE6 overflow:hidden hack */}

#rand_left	{
	width:20px;
	float:left;
}

#container_main	{
	width:730px;
	float:left;
}

#sprachauswahl	{
	background-color:#333333;
	font-size:10px; line-height:15px; color:#cccccc; text-align:right;
	width:710px;		/* 730 -10 -10 */
	padding: 0 10px 0 10px;
}

	#sprachauswahl a:link 				{ color: #cccccc; text-decoration: none; }
	#sprachauswahl a:visited			{ color: #cccccc; text-decoration: none; }
	#sprachauswahl a:active 			{ color: #ffffff; text-decoration: none; }
	#sprachauswahl a:hover				{ color: #ffffff; text-decoration: none; }




#top {
	background-color:#333333;
	min-height:50px;	/* 60 -10 */
	height: auto !important;	/* IE6 hack */
	height:50px;				/* IE6 hack */
	overflow:hidden;
}

#top_buttons	{
	margin:14px 10px 0 0;
	}

.top_button {
	background: #666666;
	border:1px solid #666666;
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 100px; 
	font-size: 12px;
	line-height:18px;
	height: 18px;
	text-decoration:none;
	}

.top_button:hover {
	color:#666666;
	background: #fff;
	border:1px solid #fff;
	}

#top_buttons a	{
	margin-left:10px;
	}

#header	{
	border-top:5px solid #666666;
	width:730px; }

#main_navi	{
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
}

#main	{
	border-bottom:1px solid #666666;
	width:730px;
	padding: 0 0 20px 0;
	overflow:hidden; 	/* damit die floats hiernach gecleared werden*/
	height:100%;		/* IE6 overflow:hidden hack */ 
}

	#navi	{
		width:165px;		/* 170 -5*/
		padding: 45px 5px 0 0;
		float:left;
	}
	
	#content	{
		width:520px;	/* 560 -20 -20 */
		padding: 45px 20px 0 20px;
		float:left;
	}
	
	
	
.anker	{
	width:520px;	/* 560 -20 -20*/
	padding: 10px 10px 10px 0; }
	
.anker a:link 			{ color: #333333; text-decoration: underline; }
.anker a:visited		{ color: #333333; text-decoration: underline; }
.anker a:active 		{ color: #333333; text-decoration: none; }
.anker a:hover			{ color: #333333; text-decoration: none; }



#footer	{
	color:#333333; font-size:10px;
	width:730px;			/* 730 -x*/
	line-height:40px;
	padding: 0 20px 0 20px;
}

	#footer a:link 			{ color: #333333; text-decoration: underline; }
	#footer a:visited		{ color: #333333; text-decoration: underline; }
	#footer a:active 		{ color: #333333; text-decoration: none; }
	#footer a:hover			{ color: #333333; text-decoration: none; }



/* --- ALLGEMEIN --- */

.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0;  height: 0; }
.clearfix { *display: inline-block; height: 1%; }

.clear {
	clear:both;
	}
	
.float_left { 
	float:left; 
	}
	
.float_right { 
	float:right; 
	}







/* NAVIGATION: 1 HORIZONTAL, 2 VERTIKAL, 3 VERTIKAL (IN DER 2ten LISTE DRIN) */
/* --------- SEHR WICHTIG! EINIGE ALLGMEINE PARAMETER RESETEN ------------*/

/* damit im explorer die listenpunkte verschwinden und man die elemente genau positionieren kann */
ul,ol,li { margin:0; padding:0 }

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}


/* --------------------- NAV TOP 1st level --------------------- */
	

ul.nav1st {
	font-size:12px;
	overflow:hidden;
}
	
ul.nav1st li {
	color:#ffffff;
	line-height:30px;
	margin: 0 1px 0 0;
	float:left;
}

ul.nav1st a, ul.nav1st a:link {
	display:block;
	height:30px;
	line-height:30px;
	padding:0 8px;
	background-color:#414141;
	color:#ffffff; text-decoration:none;
}

ul.nav1st a:hover {
	background-color: #666666;
	color:#ffffff; text-decoration:none;
}

ul.nav1st li a.current, ul.nav1st li a.current:link {
	background-color: #666666;
	color:#ffffff; text-decoration:none;
}

/* --------------------- NAV Links 2nd level --------------------- */



ul.nav2nd {
	/*  border: 1px solid #666666; */
}

ul.nav2nd li {
	line-height:17px;
	list-style-position: outside;
}

ul.nav2nd li.active {
}

ul.nav2nd a, ul.nav2nd a:link {
	padding-left: 15px;
	background: url(listenpunkt.gif) no-repeat 0 2px;
	display:block;
	font-weight:bold;
	color:#666666;
}

ul.nav2nd a:hover {
	background: url(listenpunkt.gif) no-repeat 0 2px;
	color:#666666; text-decoration:none;
}

ul.nav2nd li a.current, ul.nav2nd li a.current:link {
	background: url(listenpunkt.gif) no-repeat 0 2px;
	color:#666666; text-decoration:none;
}


ul.nav2nd li a.current:hover {
	background: url(listenpunkt.gif) no-repeat 0 2px;
	color:#666666; text-decoration:none;
} 


/* --------------------- NAV Links 3rd level --------------------- */

ul.nav3rd {
	/* border-bottom: 1px dotted #003385; */
	font-size:10px;
	margin-left:20px;
	/*padding-top:3px;*/
	/*padding-bottom:3px;*/
	/*margin-top:3px;*/
	margin-bottom:3px;

}

ul.nav3rd li {
	padding-left:10px;
	font-weight: bold;
	/*padding-top:3px;*/
	/*padding-bottom:3px;*/
}

ul.nav3rd li.active {

}

ul.nav3rd a, ul.nav3rd a:link {
	text-decoration: underline;
	color:#666666;

}

ul.nav3rd a:hover {
	text-decoration: underline;
	color:#666666;
}

ul.nav3rd li a.current, ul.nav3rd li a.current:link {
	text-decoration: none;
	color:#666666;
}

ul.nav3rd li a.current:hover {
	text-decoration: none;
	color:#666666;
}


/* --------------------- NAV Links 4th level --------------------- */

ul.nav4th {
	/* border: 1px solid #ff6600;*/
	border-top: 1px dotted #333333; 
	border-bottom: 1px dotted #333333; 
	background-color: #eeeeee;	
	margin-left:25px;
	padding-top:3px;
	padding-bottom:3px;
}

ul.nav4th li {
	margin-left:20px;
	padding-top:3px;
	padding-bottom:3px;
	list-style-type: square;
	list-style-position:outside;
}

ul.nav4th li.active {

}

ul.nav4th a, ul.nav4th a:link {
	font-size:10px;
	line-height:14px;
	text-decoration: none;
	color:#333333;

}

ul.nav4th a:hover {
	color:#333333;
	text-decoration:underline
}

ul.nav4th li a.current, ul.nav4th li a.current:link {
	color:#cccccc;
}

ul.nav4th li a.current:hover {
	color:#cccccc;
}

/* --------------------- NAV Links 5th level --------------------- */

ul.nav5th {
	/* border: 1px solid #ff6600;*/

	background-color: #ced7e8;	
	margin-left:25px;
	padding-top:3px;
	padding-bottom:3px;
}

ul.nav5th li {
	margin-left:20px;
	padding-top:5px;
	padding-bottom:5px;
}

ul.nav5th li.active {

}


ul.nav5th a, ul.nav5th a:link {
	text-decoration: none;
	color:#003385;
}

ul.nav5th a:hover {
	color:#16996a;
}

ul.nav5th li a.current, ul.nav5th li a.current:link {
	color:#16996a;
}

ul.nav5th li a.current:hover {
	color:#16996a;
}


/* --------------------- NAV Links 6th level --------------------- */

ul.nav6th {
	background-color: #b5c3dc;	
	margin-left:25px;
	padding-top:3px;
	padding-bottom:3px;
	border-top: 1px dotted #003385; 
	border-bottom: 1px dotted #003385; 
	
}

ul.nav6th li {
	margin-left:45px;
	padding-top:3px;
	padding-bottom:3px;
	list-style-type: disc;
	list-style-position:outside;
}	

ul.nav6th a, ul.nav6th a:link {
	text-decoration: none;
	color:#003385;

}

ul.nav6th a:hover {
	color:#16996a;

}

ul.nav6th li a.current, ul.nav6th li a.current:link {
	color:#16996a;
}

ul.nav6th li a.current:hover {
	color:#16996a;
}









/*  - - - - - - - -   mod 34 - Liste der Unterkategorien - - - - - - - - - - */

div.unterkategorienliste {
	/*border: 1px solid #000;*/
	font-size: 11px; color: #333333;
	padding: 0 10px 10px 12px;
	margin-bottom: 20px;
}

div.unterkategorienliste ul {
	list-style-type:square;
}

div.unterkategorienliste ul li {
	padding: 0 0 0 2px;
}

div.unterkategorienliste ol	{
}

div.unterkategorienliste a:link { color: #333333; text-decoration: underline; }
div.unterkategorienliste a:visited { color: #333333; text-decoration: underline; }
div.unterkategorienliste a:active { color: #333333; text-decoration: none; }
div.unterkategorienliste a:hover { 	color: #333333; text-decoration: none; }









/*  - - - - - - - -   mod02 - Titel - - - - - - - - - - */

div.title1 {
	border-bottom: 1px dotted #666666;
	font-size: 18px; line-height:20px; font-weight: bold; color: #666666;
	margin-bottom: 20px; }

div.title2 {
	border-bottom: 1px dotted #666666;
	font-size: 15px; line-height:18px; font-weight: bold; color: #666666;
	margin-bottom: 10px; }

div.title3 {
	font-size: 11px; font-weight: bold; color: #666666;
	margin-bottom: 10px; }








/*  - - - - - - - -   rex4mod - 5 - Headerfoto  - - - - - - - - - - */


.rex4mod5 {							/* ------ der komplette Container ------- */
}

.rex4mod5 img {
}








/*  - - - - - - - -   rex4mod1 - Artikel schreiben - - - - - - - - - - */

div.rex4mod1 {
 	font-size: 12px; 
	/*margin-bottom: 10px;*/ 
	overflow:hidden; 	/* damit die floats gecleared werden - nicht entfernen */
	height:100%;		/* IE6 overflow:hidden hack - nicht entfernen  */
	margin-bottom: 20px;}  

div.rex4mod1_date { display:none; }

div.rex4mod1_title {
	border-bottom: 1px dotted #666666;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; color: #666666; line-height:20px; font-weight:bold;
	margin-bottom: 20px; }

div.rex4mod1_editor {
 	font-size: 11px;
	margin-bottom: 10px;} 

div.rex4mod1_editor h1 {
	border-bottom: 1px dotted #666666;
	font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 15px; line-height:18px; color: #666666;
	margin-bottom: 10px;}

div.rex4mod1_editor h2 {
	font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; line-height:16px;
	margin-bottom: 10px;
	}

div.rex4mod1_editor b { color:#333;}

div.rex4mod1_editor ul {
	list-style-type:disc;
	margin-left:12px; margin-top:10px; margin-bottom:10px;}

div.rex4mod1_editor ul li {
	padding: 0 0 0 2px;}

div.rex4mod1_editor ol {
	margin-left:18px; margin-top:10px; margin-bottom:10px;
	list-style-type: decimal;} 
	
div.rex4mod1_editor a:link 		{ color: #333333; font-weight:bold; text-decoration: underline; }
div.rex4mod1_editor a:visited	{ color: #333333; font-weight:bold; text-decoration: underline; }
div.rex4mod1_editor a:active 	{ color: #333333; font-weight:bold; text-decoration: none; }
div.rex4mod1_editor a:hover 	{ color: #333333; font-weight:bold; text-decoration: none; }

div.rex4mod1_editor table {
	width:520px; } 

div.rex4mod1_editor td {
	background-color: #cccccc; color:#333333;
	padding: 0 0 0 5px;} 
	
div.rex4mod1_editor thead td {
	background-color: #333333; color:#ffffff;
	padding: 0 0 0 5px; }
	
	





/*  - - - - - - - -   rex4mod2 - News schreiben - - - - - - - - - - */

div.rex4mod2 {
 	font-size: 11px; 
	margin-bottom: 20px;
	overflow:hidden; 	/* damit die floats gecleared werden - nicht entfernen */
	height:100%;		/* IE6 overflow:hidden hack - nicht entfernen  */}  

div.rex4mod2_date { display:none; }

div.rex4mod2_title {
	border-bottom: 1px dotted #666666;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; color: #666666; line-height:20px; font-weight:bold;
	margin-bottom: 20px; }

div.rex4mod2_introcontainer {
	overflow:hidden; 	/* damit die floats nach dem container gecleared werden*/
	height:100%;		/* IE6 overflow:hidden hack */
}

/* Foto und Text der Einleitung befinden sich in rex4mod2_introcontainer */
	
	div.rex4mod2_introfoto {
		float:left; 
		margin: 5px 20px 10px 0; }
	
	div.rex4mod2_introfoto img { }
	
	div.rex4mod2_introtext {
		font-size: 13px; color: #666666; line-height:20px; font-style:italic;
		margin-bottom: 20px; }

/* Foto und Text der Einleitung befinden sich in rex4mod2_introcontainer */


div.rex4mod2_editor {
 	font-size: 11px;
	margin-bottom: 10px; } 

div.rex4mod2_editor h1 {
	border-bottom: 1px dotted #666666;
	font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	font-size: 15px; line-height:18px;color: #666666; margin-bottom: 10px; }

div.rex4mod2_editor h2 {
	font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	font-size: 11px; line-height:16px;	margin-bottom: 10px;
	margin-bottom: 10px; }

div.rex4mod2_editor ul {
	list-style-type:disc;
	margin-left:30px; margin-top:10px; margin-bottom:10px; }

div.rex4mod2_editor ul li {
	padding-left:5px; }

div.rex4mod2_editor ol {
	margin-left:35px; margin-top:10px; margin-bottom:10px;
	list-style-type: decimal; } 
	
div.rex4mod2_editor a:link 		{ color: #333333; font-weight:bold; text-decoration: underline; }
div.rex4mod2_editor a:visited	{ color: #333333; font-weight:bold; text-decoration: underline; }
div.rex4mod2_editor a:active 	{ color: #333333; font-weight:bold; text-decoration: none; }
div.rex4mod2_editor a:hover 	{ color: #333333; font-weight:bold; text-decoration: none; }

div.rex4mod2_editor table { width:520px; } 

div.rex4mod2_editor td {
	background-color: #cccccc; color:#333333;
	padding-left:5px; padding-right:5px; } 
	
div.rex4mod2_editor thead td {
	background-color: #333333; color:#ffffff;
	padding-left:5px; padding-right:5px; }











/*  - - - - - - - -   rex4mod - 3 - Teaser  - - - - - - - - - - */


.teaser {							/* ------ der komplette Teaser ------- */
	margin-bottom:20px;
	font-size: 11px; }

.teaserartikel {					/* ------ ein Teaserartikel ------- */
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #666666; 		/* muss sein, sonst Probleme in IE7 */
	/* overflow:hidden;  */						/* damit die floats nach dem container gecleared werden*/
	/* height:100%; */							/* IE6 overflow:hidden hack */
}

.teaserdatum {
		font-size: 11px; color:#666666; line-height:16px; text-align: left;}

	div.teaserfoto {				/* ------ das Teaserfoto ------- */
		margin: 5px 15px 15px 0px; 
		float:left; }
		
	div.teasertext {				/* ------ die restliche Teaserinfos ------- */
		/* margin-left:115px; */ 			/* Breite des Bildes + 	margin-right des Bildes */ }		
	
	.teasertitel {
		font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#666666;
		font-size: 15px; line-height:18px;	margin-bottom: 5px;}
	
	div.teasertitel a:link 			{ color: #333333; text-decoration: none; }
	div.teasertitel a:visited 		{ color: #333333; text-decoration: none; }
	div.teasertitel a:active 		{ color: #333333; text-decoration: underline; }
	div.teasertitel a:hover 			{ color: #333333; text-decoration: underline; }
	
	.teasereinleitung 				{ margin-bottom:10px;}
	
	.teasereinleitung p 			{ padding:0px; margin:0px; }
		
	div.teasereinleitung a:link 		{ color: #333333; text-decoration: underline; }
	div.teasereinleitung a:visited 	{ color: #333333; text-decoration: underline; }
	div.teasereinleitung a:active 	{ color: #333333; text-decoration: none; }
	div.teasereinleitung a:hover 		{ color: #333333; text-decoration: none; }

.teasernav 						{ font-weight:bold; }

div.teasernav a:link 				{ color: #333333; text-decoration: underline; }
div.teasernav a:visited 				{ color: #333333; text-decoration: underline; }
div.teasernav a:active 				{ color: #333333; text-decoration: none; }
div.teasernav a:hover 				{ color: #333333; text-decoration: none; }

.teaserarchivlink 					{ display:none  }

div.teaserarchivlink a:link 			{ color: #333333; text-decoration: underline; }
div.teaserarchivlink a:visited 		{ color: #333333; text-decoration: underline; }
div.teaserarchivlink a:active 		{ color: #333333; text-decoration: none; }
div.teaserarchivlink a:hover 			{ color: #333333; text-decoration: none; }











/*  - - - - - - - -  rex4mod - 13 - do form!  - - - - - - - - - - */


/* --------------------------------------------- */ 
/*			   FORMULAR-DEFINITION				 */
/* --------------------------------------------- */ 

/* Div das das Formular umschließt */

.formgen {
	/* background-color:#cccccc; */
	width:520px;		/* die komplette Breite des Container: darf nicht gelöscht werden! */
	font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px;
	margin-bottom: 20px;
	/* border:1px solid #fff; */ }

/* Was passiert wenn auf das Label geklickt wird? */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
	cursor : pointer; }
	
/* Das Formular an sich: eigentlich unnötig */
.formgen formblock { /* border:1px solid #ff6600; */ }

/* Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann */

/* Die Fehlermeldung nach Submit */
.forminfo { 
	color: #ff0000;	font-size: 11px; font-weight:bold;
	/* border:1px solid #000; */
	/* padding:10px; */
	margin: 0 0 10px 0; }
	
	
/* Verhalten von br-Tags */
.formgen br { clear : both; }

/* Verhalten von p-Tags */
.formgen p { 
	padding:0px; 
	margin:0px; 
	/* border:1px solid #ff6600; */ }


/* --------------------------------------------- */ 
/*			   FORMULAR-FELDER					 */
/* --------------------------------------------- */ 


/*	label - Die Feldbezeichnung */
.formgen label {					
	/* border: 1px solid #fff; */ 
	font-size: 11px;
	width: 120px;		/* 140 - 20 */
	clear: left; float: left;
	}
	

/*	text - Textfeld */
.formgen .formtext {
	width: 358px;
	height: 16px;				
	/* padding:3px; */				/* kein padding, da IE Probleme */
	margin-bottom: 5px;
	border: 1px solid #666666; 
	font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px;}
	
/*	passwort - Textfeld */
.formgen .formpassword {
	width: 358px;
	height: 16px;				/* 20 -3 -3 */
	/* padding:3px; */				/* kein padding, da IE Probleme */
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px;
	border: 1px solid #666666; }	
	
/*	textarea - Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
	font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px; /* muss definiert sein */
	width: 358px;
	height: 150px;
	/* padding:3px; */				/* kein padding, da IE Probleme */
	border: 1px solid #666666;
}
	
/*	select - Aussehen der Select-Ausgabe */
.formgen .formselect {
	width: 362px;
	border: 1px solid #666666; 
	font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px;
	margin-bottom:5px;
	}

.formgen textarea {
	margin-bottom:5px;
	}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {		/* die Felder im hover Zustand */
	background-color: #eeeeee; }
	
	
	
/* --------- START Radiobuttons --------- */


/* 	Eine Gruppe der Radio Buttons */	
.radio_container	{ 
	/* border: 1px solid #000;  */
	clear:left;						/* damit es nicht links floatet */
	margin-left:160px;	 			/* Label breite & margin-right + formblock breite & border  */ }

 .formgen label.formradio {			/* übernimmt die Css von .formgen label, daher jetzt einige Änderungen */
	/* border:1px solid blue;   */
	clear: none; float:none; 		/* nicht löschen */
	padding:0px; }
	
/*	radio - Aussehen der Radio Buttons */				
.formgen input.formradio {
	float:left; 
	margin-left:180px;
	margin-right:20px; 				/* jede Margin MUSS auf eine separate Linie */
	margin-bottom:5px;				/* jede Margin MUSS auf eine separate Linie */ } 
 
/* --------- ENDE Radiobuttons --------- */


/* Block, in dem sich das SUBMIT befindet */
.formgen .formblock { 							
	/* border:1px solid #fff;  */
	/* background-color:#cccccc;  */
	padding: 0 0 10px 0; }
	
/* Sende-Button */
.formgen .formsubmit {
	width: 360px;										/* 300 +8, ansonsten zu schmal */
	text-align: center; color: #fff; font-weight:bold;
	background-color: #666666;
	border: 1px solid #666666;
	margin-left:140px;	 								/* Label breite & margin-right + formblock breite & border  */
	}	

.formgen .formsubmit:hover { color: #ffffff; background-color:#333333; border: 1px solid #333333;}

/* Das Checkbox -Label */	
.formgen label.formcheck {			/* übernimmt die Css von .formgen label, daher jetzt einige Änderungen */
	/* border:1px solid blue; */ 
	width:240px;  
	clear: none; float:none; 		/* nicht löschen */
	padding:0px; }
	
/* Der Checkbox -Button */	
.formgen input.formcheck {
	/* border: 1px solid #fff;		 */					/* klappt nicht! keine Ahnung warum */
	margin-right:20px; 				/* jede Margin MUSS auf eine separate Linie */
	margin-left:20px; 				/* jede Margin MUSS auf eine separate Linie */
	margin-bottom:5px;				/* jede Margin MUSS auf eine separate Linie */ }


/* --------------------------------------------- */ 
/*			   FORMULAR-REST					 */
/* --------------------------------------------- */ 
	
/* Ein Trennelement */	
.formgen .formtrenn hr {
	/* border:1px solid #000; */ }

/* Eine Headline */
.formgen .formheadline {
	/* border:1px solid #000; */
	background-color:#666666;
	font-size:11px; color:#fff; font-weight:bold; line-height:16px; 
	font-family: Arial, Helvetica, sans-serif;
	padding:0 20px 0 20px; }
	
/* Eine Info */
.formgen .formhinweis {
	/* border:1px solid #000;  */
	padding:10px 20px;
	color:#666666;}
	
/* Ein Fehler - Markierung der Labels bei Fehler */
.formgen .formerror { color:#F00; font-weight:bold; }

.formgen .formreq {
	/* border:1px solid #000;  */ }

/* Der Captcha Container */
.formgen label.formcaptcha { /* border: 1px solid #000; */ }
	
/* Das Captcha Bild */
.formgen img.formcaptcha { margin: 0 0 0 120px; }
	
/* Falls vorhanden: die Div Klassen */
.formgen div.unterteilung { 						/* beliebig verschiedenamige Klassen definierbar */
	/* border: 1px solid #ff6600; */ 
	/* background-color:#cccccc; */
	padding: 10px 5px 10px 20px; }


/* Fieldsetbeschriftung */
.formgen legend {
	/* border: 1px solid #ff6600; */
}
.formgen .fieldset {
	/* border: 1px solid #ff6600; */
}


#form-module-thanks {
	/* border: 1px solid #ff6600; */
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:16px; }













/*  - - - - - - - -   rex4mod - 7 - Sitemap  - - - - - - - - - - */

/* Allgemein */

.wglLinkTree             			{ margin:0 0 20px 0; }
.wglLinkTree *                  		{ margin:0;padding:0 }
.wglLinkTree ul                     	{ list-style-type:none; }
.wglLinkTree li                 		{ list-style:none; }

/* - - - - Sitemap Level 1 - - - - */

.wglLinkTree .navLevel1 { 
	/* border: 1px dotted #5a6571;  */
	margin:0px 0; 
	font-size:11px; line-height:16px; }

.wglLinkTree .navLevel1 a       		{ color: #333333; font-weight:bold; text-decoration: underline;}
.wglLinkTree .navLevel1 a:hover    		{ color: #333333; font-weight:bold; text-decoration: none;}


/* - - - - Sitemap Level 2 - - - - */

.wglLinkTree .navLevel2 {
	margin-left:25px; padding-left:15px; 
	font-size:11px; line-height:16px;
	background-image: url(line.gif); background-repeat: no-repeat; background-position: left center; }

.wglLinkTree .navLevel2 a        		{ color: #666666; font-weight:bold; text-decoration: underline;}
.wglLinkTree .navLevel2 a:hover			{ color: #666666; font-weight:bold; text-decoration: none;}


/* - - - - Sitemap Level 3 - - - - */

.wglLinkTree .navLevel3 { 
	margin-left:25px; padding-left:40px; 
	font-size:11px; line-height:16px;
	background-image: url(line2.gif); background-repeat: no-repeat; background-position: left center; }
	
.wglLinkTree .navLevel3 a          		{ color: #333333; font-weight:normal; text-decoration: underline;}
.wglLinkTree .navLevel3 a:hover      	{ color: #333333; font-weight:normal; text-decoration: none;}


/* - - - - Sitemap Level 4 - - - - */

.wglLinkTree .navLevel4 { 
	margin-left:25px; padding-left:65px; 
	font-size:11px; line-height:16px;
	background-image: url(line3.gif); background-repeat: no-repeat; background-position: left center; }

.wglLinkTree .navLevel4 a           	{ color: #666666; font-weight:normal; text-decoration: underline;}
.wglLinkTree .navLevel4 a:hover       	{ color: #666666; font-weight:normal; text-decoration: none;}






/*

FARBEN:

grau:					#414141; (Main Navi)

grau dunkel:			#666666;
grau mittel:			#333333;

grau hell:				#cccccc; (Hintergrund Kästchen)
grau sehr hell:			#eeeeee; (Formular)
*/


/*  - - - - - - - -   Eventkalender  - - - - - - - - - - */

/* ------ Spielplan komplett ------ */

.agora_event {
	/* border:1px solid #000;  */
	margin-bottom:30px;
	font-family: Arial, Helvetica, sans-serif; }

.agora_event_count { font-weight:bold; margin-bottom:25px;}

.agora_event_month { font-size: 18px; margin: 25px 0 8px 0; font-weight: bold;}

.agora_event_date { font-size:14px; margin-bottom:5px; border-bottom:1px dotted #000; }

.agora_event_title {
	font-size: 14px; line-height:20px; font-weight:bold;
	margin: 0 0 5px 300px; }
	
.agora_event_title a:link 		{ color: #666666; text-decoration: none; }
.agora_event_title a:visited 	{ color: #666666; text-decoration: none; }
.agora_event_title a:active 	{ color: #333333; text-decoration: underline; }
.agora_event_title a:hover 		{ color: #333333; text-decoration: underline; }

.agora_event_ort_time {
	font-size:12px; color:#666666; font-style:italic;
	margin: 0 0 0px 300px; }


.agora_event_infos {
	margin: 0 0 0 300px;
	color:#666666;
}

.agora_event_bemerkung { 
	margin: 0 0 0 300px;
	font-weight:bold; font-weight:13px; color:#666666;}
	
	
/* ------ Spielplan pro Stück ------ */
	
.agora_event_stueck {
	margin-bottom:30px; }	


.agora_event_stueck table {text-align:left;}

	
	
	
	
/*  - - - - - - - -   jCart - Modul - Artikel eingeben  - - - - - - - - - - */


.jcart_item {
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;}
	
.jcart_item_title { 
	font-size: 12px; line-height:15px; font-weight: bold; 
	margin-bottom:5px;}	

.jcart_item_infos	{
	overflow:hidden; 	/* damit die floats hiernach gecleared werden*/
	height:100%;		/* IE6 overflow:hidden hack */
}

	.jcart_item_price { 
		/* border:1px solid #000; */
		font-weight:bold; font-size:12px; color:#666; line-height:20px;
		float:right; 
		padding-left:200px;}	
	
	.jcart_item_qty {	
		/* border:1px solid #000; */
		line-height:20px;
		float:right; 
		padding-left:20px;}	

	.jcart_item_add {	
		/* border:1px solid #000; */
		line-height:20px;
		float:right; 
		padding-left:25px;}	



/*  - - - - - - - -   rex4mod - 30 - Fancybox  - - - - - - - - - - */

div.rex4mod30 {
	/* border:1px solid #000; */
	margin-bottom: 15px;
	overflow:hidden; 	/* damit die floats nach der Navi gecleared werden*/
	height:100%;		/* IE6 overflow:hidden hack */ }


div.rex4mod30 a {
	/* border: 1px solid #ff6600; */
	margin: 0 10px 10px 0;
	padding:0px;
	float:left;	 }


div.rex4mod30 img {    }




/*  - - - - - - - -   mod82 - Newsletter An/Abmeldung - - - - - - - - - - */
		
.newsletteranmeldung {
	/* border: 1px solid #000;   */
	margin: 25px 0 20px 0;
}


.newsletteranmeldunglogin {
	/* border: 1px solid #000;   */
	/*width:200px;
	border: 1px solid #e2e2e2;
	padding: 5px;
	background-color: #f5f5f5;*/
	text-align: center;
	float:left; /* (1) */
}

.anmeldung_login_body { 
	background-color: #eee;
	width: 230px;
	padding: 10px;
	/*-moz-border-radius: 10px;
	border-radius: 10px;*/
	color: #666666;
	overflow: hidden;
	height: 100%;
}



.newsletteranmeldunglogout {
	/* border: 1px solid #000;   */
	/*border: 1px solid #e2e2e2;
	padding: 5px;
	margin-left: 20px;
	text-align: center;
	background-color: #f5f5f5;*/
	text-align: center;
	padding-left: 20px;
	float:left; /* (1)  wenn man das benutzt, dann muss man auch in der Ausgabe ganz am Ende das <div style="clear:left;"></div> lassen! */
}

.anmeldung_logout_body { 
	background: #eee;
	padding: 10px;
	width: 230px;
	/*-moz-border-radius: 10px;
	border-radius: 10px;*/
	color: #666666;
	overflow: hidden;
	height: 100%;
}


.newsletteranmeldung p {  
	/* border: 1px solid #000; 
	text-align:left; */ 
	margin:0px; 
}

.newsletteranmeldung h2 {
	/* border: 1px solid #000;   */
	font-family: helvetica, verdana, arial, sans-serif; font-size: 15px; font-weight: bold; color: #333333; line-height:19px;
	margin: 15px 0 25px 0; padding:0px; }
	
.newsletteranmeldung h3 {
	/* border: 1px solid #000;   */
	font-size: 15px; color: #666666; line-height:19px;
	margin: 10px 0 0 0; padding:0 0 5px 0; }

.newsletteranmeldung label {
	font-size:12px; color:#666666; font-weight:bold;
 	/* border:1px solid #000; */
	padding: 5px 0 3px 0; 
	display:block;
}

.newsletteranmeldung input[type=text] {
	padding-left: 3px;
	color: #666666;
	background:  #fff; background-repeat: no-repeat; width: 150px;
	font-size: 11px;  height: 18px; line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
}

.newsletteranmeldung select {
	width: 150px;
	padding 2px;
	}

.newsletteranmeldung .submit {
	background: #666666;
	border:1px solid #666666;
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 10px 10px 10px;
	text-align: center;
	width: 156px; 
	font-size: 12px;  height: 25px;
}

.newsletteranmeldung .submit:hover {
	background: #333333;
	border:1px solid #333333;
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 10px 10px 10px;
	text-align: center;
	width: 156px; 
	font-size: 12px;  height: 25px;
}




.button_newsletter {
	width: 230px; height: 28px;
	line-height: 28px;
	padding-top: 20px;
	background:#333333;
	}

.button_newsletter a {
	width: 205px; height: 28px; display:block;
	line-height: 28px;
	background-image: url(newsletter_off.jpg);
	font-size: 11px; font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding-left: 25px;
	}
	
.button_newsletter a:hover {
	background-image: url(newsletter_on.jpg);
	color: #fff;
	}





/*  - - - - - - - -   mod82 - Newsletter An/Abmeldung - - - - - - - - - - */

.phpcode		{
	margin-bottom:30px;
	}