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


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

font grau:		#7b7b7b	
font orange:	#e46901		
leuchtgrün:		#96c72c


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



/*---------------------------------------------- 
				A L L G E M E I N
------------------------------------------------*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#7b7b7b; text-align: left; line-height:19px;
	margin:0px; padding:0px;
	background: #3cafed url(body_bg.jpg) repeat-x; }

#container {
	border:1px solid #fff;
	background-color: #fff;
	width:980px;
	margin: 0px auto; /* zentriert die Seite */  }

#breadcrumb { height:20px; padding-left:210px; }
	
#header1 { height:250px; background: url(header_bg3.jpg);  }
#header2 { height:250px; background: url(header_bg3.jpg); }
#header3 { height:250px; background: url(header_bg3.jpg); }
#header4 { height:250px; background: url(header_bg3.jpg); }
#header5 { height:250px; background: url(header_bg3.jpg); }
#header6 { height:250px; background: url(header_bg3.jpg); }
#header7 { height:250px; background: url(header_bg3.jpg); }
#header8 { height:250px; background: url(header_bg3.jpg); }
#header9 { height:250px; background: url(header_bg3.jpg); }
	
.header_right { float:right; }	

#main {
	/*border:1px solid #000;*/
	overflow:hidden; 	/* damit die floats nach der Navi gecleared werden*/
	height:100%;		/* IE6 overflow:hidden hack */
	padding: 0;
	background: url(col1_bg.jpg) repeat-y left top; }

#col1 {
	/*border:1px solid #000;*/
	background-color:#75873b;
	float:left;
	width:200px; 
	min-height:600px;
	height: auto !important;	/* IE6 hack */
	height:600px;			/* IE6 hack */ }

#col2 {
	background-image:url(bg_middle.jpg); background-position: bottom;
	background-repeat:no-repeat;
	background-color:#f2f4ed;
	padding:45px;
	float:left;
	width:470px;
	margin:0 10px 0 10px;
	min-height:600px;
	height: auto !important;	/* IE6 hack */
	height:600px;			/* IE6 hack */
}	/* der Abstand rechts ist unnötig, da col3 rechts floatet */

#col3 {
	float:right;			/* wichtig, da sonst IE6 bug */
	width:200px; }

.anker { display:none; margin-top:25px; text-align:right;}
	
div.anker a:link 	{ color: #96c72c; text-decoration: none; }
div.anker a:visited { color: #96c72c; text-decoration: none; }
div.anker a:active 	{ color: #e46901; text-decoration: none; }
div.anker a:hover 	{ color: #e46901; text-decoration: none; }





/*---------------------------------------------- 
				B O T T O M 
------------------------------------------------*/
#bottom {
	color:#fff; line-height:52px; text-align:center;
	height:52px; }

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





/*---------------------------------------------- 
				N A V I 
------------------------------------------------*/

/* 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 { background:#fff;}

/* --------------------- NAV 1st level --------------------- */
ul.nav1st {
	
	margin: 0px;
	/*padding:10px 0 10px 0;*/
	background-color:#ededed;
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size:13px; }

ul.nav1st li {
	/* display:block; */
	list-style-type: none; list-style-image: none; }

ul.nav1st a, ul.nav1st a:link {
	padding-left:15px;
	display:block;
	border-bottom:1px solid #fff; 
	font-weight:bold; text-decoration: none; color:#e46901;  line-height:30px;
	background: url(nav1_off.gif) repeat-x; }

ul.nav1st a:hover { 
	background: url(nav1_on.gif); repeat-x; color:#fff; }

ul.nav1st li a.current, ul.nav1st li a.current:link {
	background: url(nav1_on.gif); repeat-x; color:#fff; }

ul.nav1st li a.current:hover {
	background: url(nav1_on.gif); repeat-x; color:#fff; }

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

ul.nav2nd {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
	margin: 0px;
	padding:10px 0 10px 0;
	background-color:#ededed;
	border-bottom:1px solid #fff; }

ul.nav2nd li {
	list-style-type: none; list-style-image: none;
	}

ul.nav2nd a, ul.nav2nd a:link {
	padding-left:27px;
	display:block;
	font-weight:bold; text-decoration: none; color:#888888; line-height:23px; 
	background-image: url(nav2_pfeil_off.jpg); background-repeat: no-repeat; background-position: 15px center; }

ul.nav2nd a:hover {
	background-color:#d4d4d4;
	color:#e46901;
	background-image: url(nav2_pfeil_on.jpg); background-repeat: no-repeat; background-position: 15px center;}

ul.nav2nd li a.current, ul.nav2nd li a.current:link {
	background-color:#d4d4d4;
	color:#e46901;
	background-image: url(nav2_pfeil_on.jpg); background-repeat: no-repeat; background-position: 15px center;}

ul.nav2nd li a.current:hover {
	background-color:#d4d4d4;
	color:#e46901;
	background-image: url(nav2_pfeil_on.jpg); background-repeat: no-repeat; background-position: 15px center;}


	
	
	
		

/*  - - - - - - - -   mod 18 - Bread Crumb Navigation - - - - - - - - - - */

div.breadcrumbnav {
	font-size: 11px; color: #727479; line-height:20px;
	padding:0; }

div.breadcrumbnav a:link 	{ color: #96c72c; text-decoration: none; font-weight:bold; }
div.breadcrumbnav a:visited	{ color: #96c72c; text-decoration: none; font-weight:bold; }
div.breadcrumbnav a:active 	{ color: #e46901; text-decoration: none; font-weight:bold; }
div.breadcrumbnav a:hover 	{ color: #e46901; text-decoration: none; font-weight:bold; }

/*  - - - - - - - -   mod38 - fotomitlink - - - - - - - - - - */


div.fotomitlink {
	padding: 0;
	background-color: #FFFFFF;
	margin-bottom:10px; }

div.fotomitlink img {}

/*  - - - - - - - -   mod61 - fotomitextlink - - - - - - - - - - */


div.fotomitextlink {
	padding: 0;
	background-color: #FFFFFF;
	margin-bottom:10px; }

div.fotomitextlink img { }

/*  - - - - - - - -   mod39 - fotomitdatei - - - - - - - - - - */


div.fotomitdatei {
	padding: 0;
	background-color: #FFFFFF;
	margin-bottom:10px; }

div.fotomitdatei img { }


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

div.rex4mod1 {
	margin-bottom: 10px; 
	overflow:hidden; 	/* damit die floats gecleared werden - nicht entfernen */
	height:100%;		/* IE6 overflow:hidden hack - nicht entfernen  */
	font-family: Verdana, Arial, Helvetica, sans-serif; color:#7b7b7b; }  

div.rex4mod1_date { display:none; }

div.rex4mod1_title {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold; font-size: 25px; color: #e46901; line-height:25px;
	margin-bottom: 20px; }

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

div.rex4mod1_editor h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold; font-size: 20px; line-height:20px; color:#96c72c; margin-bottom: 10px;
	margin-bottom: 10px; }

div.rex4mod1_editor h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold; font-size: 15px; line-height:18px; color:#96c72c; margin-bottom: 10px;
	margin-bottom: 10px; }

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

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

div.rex4mod1_editor table { width:470px; } 

div.rex4mod1_editor td {
	/* background-color: #eeeeee; */
	padding-left:5px; padding-right:10px; 
	text-align:left; vertical-align:top; } 
	
div.rex4mod1_editor thead td {
	background-color: #7b7b7b; color:#fff;
	padding-left:5px; padding-right:5px; }
	
	
/*  - - - - - - - -   mod02 - Titel - - - - - - - - - - */

div.title1 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold; 
	font-size: 25px; color: #e46901; line-height:25px; margin-bottom: 20px; }

div.title2 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold;
	font-size: 20px; line-height:20px; color:#96c72c; margin-bottom: 10px; }

div.title3 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold;
	font-size: 15px; line-height:18px; color:#96c72c; margin-bottom: 10px; }


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

div.rex4mod2 {
	margin-bottom: 10px; 
	overflow:hidden; 	/* damit die floats gecleared werden - nicht entfernen */
	height:100%;		/* IE6 overflow:hidden hack - nicht entfernen  */
	font-family: Verdana, Arial, Helvetica, sans-serif; color:#7b7b7b; } 

div.rex4mod2_date { display:none; }

div.rex4mod2_title {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold; 
	font-size: 25px; color: #e46901; line-height:25px; 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: #e46901; line-height:20px; font-style:italic;
		margin-bottom: 20px; }

/* Foto und Text der Einleitung befinden sich in rex4mod2_introcontainer */
	
div.rex4mod2_editor {
 	font-size: 12px;
	margin-bottom: 10px; } 

div.rex4mod2_editor h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold;
	font-size: 20px; line-height:20px; color:#96c72c; margin-bottom: 10px; }

div.rex4mod2_editor h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold;
	font-size: 15px; line-height:18px; color:#e46901; margin-bottom: 10px; }

div.rex4mod2_editor ul {
	list-style: none;
	margin-left:0px; margin-top:10px; margin-bottom:10px; }

div.rex4mod2_editor ul li {
	padding-left:30px; 
	background: url(col1_pfeil.gif) no-repeat left center; }

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

div.rex4mod2_editor table { width:500px; } 

div.rex4mod2_editor td {
	/* background-color: #eeeeee; */
	padding-left:5px; padding-right:10px; 
	text-align:left; vertical-align:top; } 
	
div.rex4mod2_editor thead td {
	background-color: #7b7b7b; color:#fff;
	padding-left:5px; padding-right:5px; }
	
	

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


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

/* Div das das Formular umschließt */

.formgen {
	width:470px;		/* die komplette Breite des Container: darf nicht gelöscht werden! */
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#7b7b7b; line-height:15px;
	/* 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: #990000;	font-size: 12px; 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: 12px;
	width: 120px;		/* 140 - 20 */
	clear: left; float: left;
	margin:0 20px 5px 0; 
	padding-left:20px; }
	

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

.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: #f6f6f6; }
	
	
	
/* --------- 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:#f0f0f0; */
	padding: 0 0 20px 0; }
	
/* Sende-Button */
.formgen .formsubmit {
	width: 308px;										/* 300 +8, ansonsten zu schmal */
	text-align: center; color: #fff; font-weight:bold;
	background-color: #e46901;
	border: 1px solid #e46901;
	margin-left:160px;	 								/* Label breite & margin-right + formblock breite & border  */
	padding:2px 0; }	

.formgen .formsubmit:hover { color: #fff; background-color: #7b7b7b; border: 1px solid #7b7b7b;}

/* Das Checkbox -Label */	
.formgen label.formcheck {			/* übernimmt die Css von .formgen label, daher jetzt einige Änderungen */
	/* border:1px solid blue; */ 
	width:300px;  
	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:#e46901;
	font-size:12px; color:#fff; font-weight:bold; line-height:20px; 
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding:0 20px; }
	
/* Eine Info */
.formgen .formhinweis {
	/* border:1px solid #000;  */
	padding:10px 20px;
	color:#7b7b7b;}
	
/* Ein Fehler - Markierung der Labels bei Fehler */
.formgen .formerror { color: #990000; }

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

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


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


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






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

/* Allgemein */

.wglLinkTree             				{ margin: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 #7b7b7b;  */
	margin:0px 0; 
	font-size:14px; line-height:30px; }

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


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

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

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


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

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


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

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

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


/*  - - - - - - - -   rex4mod - 6 - Slightbox  - - - - - - - - - - */

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

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

div.rex4mod6 img {
	/*border: 1px solid #7b7b7b;*/   }
	


/*  - - - - - - - -  mod52 - Piktogramme - - - - - - - - - - */


div.piktogramme {
	padding-top:10px; margin-bottom: 10px;
	/* border: 1px solid #008690; */ }

div.piktogramme_element {
	min-height:47px;			/* Höhe des Piktos */
	height: auto !important;	/* IE6 hack */
	height:47px;				/* IE6 hack */ 
	margin-bottom:10px;}

div.pikto_title {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold;
	font-size: 15px; line-height:18px; color:#e46901; margin-bottom: 10px;}

div.pikto_images {  }

div.pikto_images img { float:left; margin-right: 10px; }

div.piktogramme_desc {
	 font-size:11px; line-height:15px; padding-top:13px; color:#000000;
}




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


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

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

.teaserdatum {
	display:none;
	font-size: 12px; color:#96c72c; line-height:10px; text-align: left; margin-bottom:5px;}

	div.teaserfoto {				/* ------ das Teaserfoto ------- */
		margin: 5px 15px 15px 0px; 
		float:left; }
		
	div.teasertext {				/* ------ die restliche Teaserinfos ------- */
		/* border: 1px solid #000000; */ }
	
	.teasertitel {
		font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#e46901;
		font-size: 14px; line-height:20px;	margin-bottom: 5px;}
	
	div.teasertitel a:link 			{ color: #e46901; text-decoration: none; }
	div.teasertitel a:visited 		{ color: #e46901; text-decoration: none; }
	div.teasertitel a:active 		{ color: #e46901; text-decoration: underline; }
	div.teasertitel a:hover 		{ color: #e46901; text-decoration: underline; }
	
	.teasereinleitung 				{	}
	
	.teasereinleitung p 			{ padding:0px; margin:0px; }
		
	div.teasereinleitung a:link 	{ color: #e46901; text-decoration: none; }
	div.teasereinleitung a:visited 	{ color: #e46901; text-decoration: none; }
	div.teasereinleitung a:active 	{ color: #e46901; text-decoration: underline; }
	div.teasereinleitung a:hover 	{ color: #e46901; text-decoration: underline; }

.teasernav 							{ display:none }

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

.teaserarchivlink 					{ display:none  }

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


/*  - - - - - - - -   G Ä S T E B U C H   A D D O N - - - - - - - - - - */

/*	- - - F o r m u l a r   S t y l e s - - -  */



.a63-form {											/* Formular */
	width: 470px;
	font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12px; }

.a63-form input, .a63-form textarea {				/* Eingabefelder */
	border: 1px solid #a2a9af;
	margin: 2px;
	width: 300px;
	background-color: #fff;
	font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12px; color:#7b7b7b; }

.a63-form input:focus, .a63-form textarea:focus 	{ background-color: #e8e9eb; }

.a63-form textarea 									{ height: 100px; }		/* Text-Eingabefeld*/

.a63-form legend {									/* Titel */
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold; 
	font-size: 25px; color: #e46901; line-height:25px;
	margin-bottom: 20px;  }

.a63-form label {									/* Beschriftungen der Eingabefelder */
	width: 125px;
	float: left;
	/*display:inline;*/
	clear: left;
	margin: 2px;
	padding-left: 5px; }

.a63-form .a63-fsubmit {							/* Buttons */
	color:#fff;
	width: 100px;
	margin: 5px 0 0 0;
	background-color: #e46901;
	border:1px solid #e46901; 
	cursor:pointer; }
	
.a63-form .a63-fsubmit:hover {						/* Buttons / HOVER */
	color:#e46901;
	background-color: #fff;
	border:1px solid #e46901; }	
	
.a63-form .a63-buttons {							/* Buttons-Layer*/
	padding-left: 135px; }


.a63-form .a63-info {								/* Zusatztext-Layer*/
	text-align: left;
	padding: 5px 0px 5px 0px; }

/* Fehlermeldungs-Layer*/
.a63-form div.error {
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 10px; }



/*	- - - L i s t e n    S t y l e s - - -  */


.a63-entries {										/* Einträge Container */
	/* border: 1px solid #a2a9af; */ }

.a63-entries .a63-entry {							/* Einträge-Layer ?????? */
	padding-bottom: 10px;
	border-bottom: 1px dotted #859885; }

.a63-entries p { margin: 0px; padding: 0px; }

.a63-entries .a63-pagination 			{ text-align: right; }		/* Pagination-Layer */
.a63-entries .a63-pagination a 			{ padding: 0 2px; }			/* Pagination-Links */
.a63-entries .a63-pagination a:link 	{ color: #7b7b7b; text-decoration: none; }
.a63-entries .a63-pagination a:visited 	{ color: #7b7b7b; text-decoration: none; }
.a63-entries .a63-pagination a:active 	{ color: #7b7b7b; text-decoration: underline; }
.a63-entries .a63-pagination a:hover 	{ color: #7b7b7b; text-decoration: underline; }

.a63-pagination_aktuell a 				{ font-weight: bold; }		/* hervorheben des Aktuelle-Seite-Links */

.a63-entries ul li 						{ list-style-type: none; display: inline; }


.a63-entries table {	}

.a63-entries thead td{
	background-color:#e46901;
	color:#fff;
	padding:0px 10px; }

.a63-entries thead td a:link 	{ color: #fff; font-weight:bold; text-decoration: none; }
.a63-entries thead td a:visited { color: #fff; font-weight:bold; text-decoration: none; }
.a63-entries thead td a:active 	{ color: #fff; font-weight:bold; text-decoration: underline; }
.a63-entries thead td a:hover 	{ color: #fff; font-weight:bold; text-decoration: underline; }

.a63-entries tbody td{
	/*background-color:#e8e9eb;*/
	padding:10px; }

/*	- - - A l l g e m e i n e   F o r m a t i e r u n g e n - - -  */


.a63-entries .a63-label 				{ float: left; width: 70px; }	/* Beschriftungen */
.a63-entries .a63-value 				{ padding-left: 70px; }			/* Werte */
li.a63-pagination 						{ list-style-type: none; }		/* Mozilla */

/* Ausgabe der Dateiversion - möglichst unauffällig und klein */
.Modulversion {
	font-size: 0.5em;
	color: #aaaaaa;
	/*color: #dddddd; */ /* (fast) unsichtbar*/ }



/* ***********
Adminbereich
************ */
/* TODO: hier könnten noch Formatierungen für den Adminbereich rein */





/*  - - - - - - - -   mod 28 - Veranstaltung - - - - - - - - - - */

div.veranstaltung {
	color:#7b7b7b;
	margin-bottom: 10px; }

div.veranstaltung_back { margin-bottom:20px; }
div.veranstaltung_back a:link 		{ color: #e46901; text-decoration: none; }
div.veranstaltung_back a:visited 	{ color: #e46901; text-decoration: none; }
div.veranstaltung_back a:active 	{ color: #e46901; text-decoration: underline; }
div.veranstaltung_back a:hover 		{ color: #e46901; text-decoration: underline; }


div.veranstaltungsdatum { }

div.veranstaltungsort { font-weight:bold; color:#96c72c; }

div.veranstaltungstitel {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold; font-size: 25px; color: #e46901; line-height:25px;
	margin-bottom: 20px; }

div.veranstaltungseinleitung { margin-bottom:25px; font-weight:bold; font-style:italic;}

div.veranstaltungseinleitung p {margin:0px; padding:0px;}

div.veranstaltungstexteditor {
 	font-size: 12px;
	margin-bottom: 10px; } 

div.veranstaltungstexteditor h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold;
	font-size: 20px; line-height:20px; color:#e46901; margin-bottom: 10px;
	margin-bottom: 10px; }

div.veranstaltungstexteditor h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold;
	font-size: 15px; line-height:18px; color:#e46901; margin-bottom: 10px;
	margin-bottom: 10px; }

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

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

div.veranstaltungstexteditor table {
	width:530px; } 

div.veranstaltungstexteditor td {
	/* background-color: #eeeeee; */
	padding-left:5px; padding-right:10px; 
	text-align:left; vertical-align:top; } 
	
div.veranstaltungstexteditor thead td {
	background-color: #7b7b7b; color:#fff;
	padding-left:5px; padding-right:5px; }








/*  - - - - - - - -   mod76 - veranstaltungsteaser mit Kategorieauswahl - - - - - - - - - - */


.veranstaltungsteaser {
	/*border: 1px solid #008690;*/
	margin-bottom: 20px;
	width:470px; }

.veranstaltungsteaserartikel {
	margin-bottom: 15px;
	/* border: 1px solid #008690; */
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #999999; }

.veranstaltungsteaserdatum { }

.veranstaltungsteaserort {  font-weight:bold; color:#96c72c; }

.veranstaltungsteasertitel {
	font-size: 15px; font-weight: bold; color: #e46901;  line-height:20px;
	font-family: Helvetica, Verdana, Arial, sans-serif;  }

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

.veranstaltungsteasereinleitung { margin-top:5px; }

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

.veranstaltungsteasernav { margin-top:14px; }

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





/*  - - - - - - - -   rex4mod25 - Linkliste mit Foto & Beschreibung  - - - - - - - - - - */


.rex4mod25 {							/* ------ der komplette Container ------- */
	margin-bottom:20px; 
	overflow:hidden; 	/* damit die floats hiernach gecleared werden*/
	height:100%;		/* IE6 overflow:hidden hack */ }

	div.rex4mod25_foto {				/* ------ das Foto mit Link ------- */
		margin: 0px 25px 0px 0px; 
		float:left;}
		
	div.rex4mod25infos {				/* ------ die restliche Infos ------- */
		margin-left:125px; 				/* Breite des Bildes + 	margin-right des Bildes + border */ }		
	
	.rex4mod25_title {
		font-size: 15px; font-weight: bold; color: #e46901;  line-height:20px;
		font-family: Helvetica, Verdana, Arial, sans-serif;  }
	
	div.rex4mod25_title a:link 			{ color: #e46901; text-decoration: none; }
	div.rex4mod25_title a:visited 		{ color: #e46901; text-decoration: none; }
	div.rex4mod25_title a:active 		{ color: #e46901; text-decoration: underline; }
	div.rex4mod25_title a:hover 		{ color: #e46901; text-decoration: underline; }
	
	.rex4mod25_intro 					{	}
	.rex4mod25_intro p 					{ padding:0px; margin:0px; }
		
	div.rex4mod25_intro a:link 			{ color: #e46901; text-decoration: none; }
	div.rex4mod25_intro a:visited 		{ color: #e46901; text-decoration: none; }
	div.rex4mod25_intro a:active 		{ color: #e46901; text-decoration: underline; }
	div.rex4mod25_intro a:hover 		{ color: #e46901; text-decoration: underline; }



/*  - - - - - - - -   rex4mod27 - 4 Headerfotos  - - - - - - - - - - */


.rex4mod27 {							/* ------ der komplette Container ------- */
	overflow:hidden; 					/* damit die floats hiernach gecleared werden*/
	height:100%;						/* IE6 overflow:hidden hack */ }

	div.rex4mod27 img {					/* ------ die Fotos------- */
		float:right;}



/*  - - - - - - - -   mod09 - Dokumente bereitstellen - - - - - - - - - - */

div.dokumentedownload {
	background-color:#fff;
	padding: 10px;
	margin-bottom: 30px;
	color: #96c72c; }

div.dokument {
	margin-left: 20px;
	margin-top: 1px;
	width: 300px; }

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