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

/* *********************************************************************************************************************** */


/*

FARBEN:

rot:					#be0016;
rot hell:				#ff0000;

hellrosa:				#fef8ea;

beige:					#e8cf9a;

grau Schrift:			#666666;
schwarz:				#000000;

*/

/* *********************************************************************************************************************** */

/* G R U N D - F O R M A T I E R U N G */

/* *********************************************************************************************************************** */



a {
	color: #be0016; text-decoration: none; font-weight:bold;
	}
	
a:hover {
	color:#ff0000; text-decoration: none;
	}


h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 50px; line-height: 55px;
	font-weight: bold;
	color: #be0016;
	margin-bottom:20px;
	}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px; line-height: 36px;
	font-weight: bold;
	color: #000000;
	}

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px; line-height: 30px;
	font-weight: bold;
	color: #666666;
	}

h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px; line-height: 24px;
	font-weight: bold;
	color: #be0016;
	}

h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px; line-height: 22px;
	font-weight: bold;
	color: #666666;
	}

p	{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px; line-height: 18px;
	font-weight: normal;
	color: #000000;
	}



/* *********************************************************************************************************************** */

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

/* *********************************************************************************************************************** */



body	{
		background:url(bg.jpg) repeat-x #fff;
		font-family: Helvetica, Arial, sans-serif; font-size:13px;
		color:#666666; line-height:17px;
		}


#container	{
		width:1200px;
		margin:0 auto;
		position:relative;
		}

#top_titel	{
			background:url(top_titel_2018.jpg) no-repeat;
			width:1200px;
			height:150px;
			}

#header		{
			background:url(header_bg_2018.jpg) no-repeat;
			width:900px;	/* 1200 -150 -150  */
			height:345px;	/* 465 -60 -60 */
			padding:60px 150px;
			overflow:hidden;
			position:relative;
			}
			
			.button_archiv	{
							text-indent:-9999px;
							width:57px;
							height:162px;
							position:absolute;
							left:1050px;
							top:153px;
							}

			.button_archiv a	{
							display:block;
							background:url(button_archiv_off.png) no-repeat;
							width:57px;
							height:162px;
							}

			.button_archiv a:hover	{
							display:block;
							background:url(button_archiv_on.png) no-repeat;
							width:57px;
							height:162px;
							}

			#header_left	{
							width:300px;
							float:left;
							}

							#header_left_text	{
												font-size:13px; line-height:17px; font-weight:bold;
												color:#000000;
												}

							#header_left_text p	{
												font-size:13px; line-height:17px; font-weight:normal;
												color:#000000;
												}


							#header_left_text ul	{
												list-style-type:square;
												font-weight:bold;
												margin-left:15px;
												}


			#header_right	{
							width:600px;
							float:left;
							}

.galerie	{
			background:url(galerie_bg.png) no-repeat;
			width:1200px;
			height:204px;	/* 244px -20 -20 */
			padding:20px auto;
			margin:20px 0 20px 0;
			}

#main		{
			width:900px;	/* 1200 -150 -150  */
			padding: 20px 0 0 0;
			margin:0 150px 75px 150px;
			overflow:hidden;
			}

			#main_left		{
							width:250px;
							float:left;
							padding:100px 0 0 0;
							margin:0 50px 0 0;
							}

			#main_right		{
							width:600px;
							float:left;
							}


#footer	{
		background:#e8cf9a;
		text-align:center;
		color:#666666;
		font-size:12px; line-height:50px;
		width:900px;
		height:50px;
		margin: 0 150px;
		}





/* *********************************************************************************************************************** */
/* *********************************************************************************************************************** */
/* *********************************************************************************************************************** */
/* *********************************************************************************************************************** */
/* *********************************************************************************************************************** */



.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 900px; /* 1200 -150 150 */
	height: 204px;
    padding: 20px 150px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  900px;
    height: 174px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 225px;
    height: 164px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-right: 0;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 81px;
    left: 1055px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: transparent url(pfeil_right.jpg) top left no-repeat;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background: transparent url(pfeil_right.jpg) bottom left no-repeat; }


.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 81px;	
    left: 105px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: transparent url(pfeil_left.jpg) top left no-repeat;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background: transparent url(pfeil_left.jpg) bottom left no-repeat; }



/* *********************************************************************************************************************** */

/* N A V I G A T I O N */

/* *********************************************************************************************************************** */



/* 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 {
	  /*border: 1px solid #FF0000;*/
		padding:0 0 0 20px;
		overflow:hidden; 	/* damit die floats hiernach gecleared werden*/
		height:100%;		/* IE6 overflow:hidden hack */	
}
	
ul.nav1st li {
	display:block;
	float:left;
	/* border: 1px solid #FF0000; */
}

ul.nav1st a, ul.nav1st a:link {
	display:block;
	padding: 0 10px;
	margin:10px 0 0 0;
	/* border: 1px solid #666666; */
	color:#fff;
	font-family: Helvetica, Arial, sans-serif; font-size:16px; text-decoration: none;
	line-height:40px;
	}

ul.nav1st a:hover {
	display:block;
	padding: 0 10px;
	background:url(navi_on.png);
	color:#fff;
}

ul.nav1st li a.current, ul.nav1st li a.current:link {
	display:block;
	padding: 0 10px;
	background:url(navi_on.png);
	color:#fff;
}

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



ul.nav2nd {
	padding: 0 0 25px 0;
}

ul.nav2nd li {
	font-size: 16px;
	list-style-image: url(listenpunkt.gif);
	list-style-position: outside;
}

ul.nav2nd li.active {
	border-bottom: 1px dotted #fff;
}

ul.nav2nd a, ul.nav2nd a:link {
	display:block;
	color:#0082d9;
	width:230px;		/* 250 - 20 */
	padding: 0 0 0 20px;
	margin: 0 0 1px 0;
	line-height:32px;
	font-weight:bold;
	text-decoration: none;
	background:url(sub_navi_off.png) no-repeat;
}

ul.nav2nd a:hover {
	background:url(sub_navi_on.png) no-repeat;
	color:#fff;
}

ul.nav2nd li a.current, ul.nav2nd li a.current:link {
	background:url(sub_navi_on.png) no-repeat;
	color:#fff;
}


ul.nav2nd li a.current:hover {
	background:url(sub_navi_on.png) no-repeat;
	color:#fff;
} 


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

ul.nav3rd {
	/* border-bottom: 1px dotted #003385; */
	margin-left:15px;
	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: none;
	color:#003385;

}

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

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

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


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

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

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

ul.nav4th li.active {

}

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

}

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

}

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

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

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




/* *********************************************************************************************************************** */

/* M O D U L E */

/* *********************************************************************************************************************** */





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

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

div.rex4mod1_date { display:none; }

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

div.rex4mod1_editor {
	margin-bottom: 10px; }
	
div.rex4mod1_editor p {
	padding-bottom: 15px;  }	

div.rex4mod1_editor h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px; line-height: 36px;
	font-weight: bold;
	color: #000000;
	}

div.rex4mod1_editor h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px; line-height: 30px;
	font-weight: bold;
	color: #666666;
	}
	
div.rex4mod1_editor h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px; line-height: 24px;
	font-weight: bold;
	color: #be0016;
	}

div.rex4mod1_editor ul {
	list-style: square;
	margin-left:30px; margin-top:5px; margin-bottom:20px; }

div.rex4mod1_editor ol {
	margin-left:30px; margin-top:5px; margin-bottom:20px;
	list-style-type: decimal; } 
	
div.rex4mod1_editor a:link 		{ color: #be0016; font-weight:bold; text-decoration: none; }
div.rex4mod1_editor a:visited	{ color: #be0016; font-weight:bold; text-decoration: none; }
div.rex4mod1_editor a:active 	{ color: #ff0000; font-weight:bold; text-decoration: none; }
div.rex4mod1_editor a:hover 	{ color: #ff0000; font-weight:bold; text-decoration: none; }

div.rex4mod1_editor table { width:600px; border-collapse:collapse; } 

div.rex4mod1_editor td {
	background-color: #f6f6f6; color:#666666;
	padding:5px 10px;
	border:1px solid #fff;
	}
	
div.rex4mod1_editor thead td {
	background-color: #be0016; color:#fff;
	padding:5px 10px;
	border:1px solid #fff;
	}
	








/*  - - - - - - - -   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 12px 12px 0;
	padding:0px;
	float:left;	 }


div.rex4mod30 img {
	/*border: 1px solid #8fbd05;*/   }












/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*/

/* Defaultwerte um die radiobutton, checkboxen und selectboxen zu formatieren */
.checkbox, .radio {
	width: 20px;
	height: 20px;
	background: url(checkbox.png) no-repeat;
	display: block;
	float:left;
}
.radio {
	background: url(radio.png) no-repeat; 
}
 
.select {
	font: 0.8em/21px arial,sans-serif; /* Damit auf Hôhe zentriert ist*/ 
	position: absolute;
	width: 208px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #666666;
	font-size:12px; font-family: Helvetica, Arial, sans-serif;
	background: url(select.png) no-repeat;
	border: none;}




/* Div das das Formular umschließt */
.formgen {	font-size: 12px; }
.formgen form { line-height : 120%; }

/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



.formblock {  } /* Div wo das submit sich befindet */

/* Umschliesst das div mit den Fehlermeldungen */
.forminfo {
	color: #C00;
	font-weight: bold;
	background-color:#fbd0c6;
	border: 1px solid #fb977c;
	padding: 2px 5px; line-height: 18px;
	/*-moz-border-radius: 5px;
	border-radius: 5px;*/
}
.forminfo .title { font-size: 20px; margin: 3px 0 7px 0; padding-bottom: 5px; }

/* Verhalten von br-Tags */
.formgen br { clear : both; }


/* --------- FORMULAR-OBJEKTE ------------ */

.formgen input, .formgen textarea {
	/*-moz-border-radius: 5px;
	border-radius: 5px;*/
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-left: 3px;
	background-color: #fff;
}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
	width: 365px;
	height: 125px;
	border: 1px solid #aba18b;
	padding: 4px 0 0 3px;
	margin-top: 5px;  /* Bezeoht sich auf die lein-height von .formgen label */
}


/* Textfeld */
.formgen .formtext {
	color: #666666;
	line-height: 18px;
	height: 18px;
	width: 364px;
	border: 1px solid #aba18b;
	margin-top: 3px;  /* Bezeoht sich auf die lein-height von .formgen label */
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border: 1px solid #000000;
	background-color:#fef8ea;
}



/* Label */
.formgen label {
	width: 230px;
	clear: left;
	float: left;
	line-height: 30px;
	font-weight: normal;
	color: #6d6d6d;
	font-size: 13px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 370px;
	margin: 0 0 0 230px;  /* 150px für die breite der label + 10px für das padding-left der .unterteilung */
	text-align: center; font-size: 13px; font-weight:bold;
	background-color: #000000;
	border: 1px solid #000000;
	color: #ffffff;
	margin-top: 14px;
	height: 24px;
}

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

/* Fieldsetbeschriftung */
.formgen legend {
	color: #fff;
	background-color: #990000;
	width: 200px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}


/* --------- START Radiobuttons --------- */
/* 	Eine Gruppe der Radio Buttons */	

 .formgen label.formradio {			/* ?bernimmt die Css von .formgen label, daher jetzt einige ?nderungen */
	/*border:1px solid blue; */  
	clear: none; float:none; 		/* nicht l?schen */
	line-height: 24px; padding-left: 0px; font-weight: normal;
	}
	
/*	radio - Aussehen der Radio Buttons */				
.formgen .radio {
	/*border: 1px solid blue;*/
	margin-left: 230px; }
	
.formgen .checkbox {
	/*border: 1px solid blue;*/
	margin-top: 5px; }
	

/* --------- ENDE Radiobuttons --------- */
.formgen select { border: 1px solid #fff; }  /* Damit das original in opera nicht angezeigt wird*/
.formgen .select_field { float:left; margin-top: 4px;} /* Div welches sich um das select tag ist (muss wegen opera so gemacht werden) */


/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	border-bottom-width: 1px;
	color: #C00;
}

.formgen .captcha
{
	text-align:left;
	margin-top: 5px;	
}

.formgen .formcaptcha
{
}

.formgen .formreq {
	color: #666666;
}

.formgen .formheadline {
	font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold;
	color: #be0016;
	/*background-color: #ececec;*/
	/*border-bottom: 1px dotted #be0016;*/
	line-height: 25px;
	font-weight: bold;
	margin: 25px 0 10px 0;
	font-size: 16px;
}


.formgen .unterteilung {
	/*padding-left: 25px;*/
	}
	
.formgen .formhinweis  {
	margin-left: 0px; font-style: italic; margin-bottom: 10px;
	}
	
	
.formgen .unterteilung .title {
	font-weight: bold; line-height:18px; margin-top: 10px;
	}
	
.formgen .captcha {
	width: 370px;
	margin-left: 230px;
	}
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */






/*  - - - - - - - -   mod10 - PHP-Code - - - - - - - - - - */

div.phpcode {
	font-size: 13px; line-height: 18px;
	margin-bottom: 20px;
	color: #666666;

}

div.phpcode td {
	font-size:13px; line-height: 18px;
}









/* *********************************************************************************************************************** */

/* A R C C H I V */

/* *********************************************************************************************************************** */


#body_archiv	{
				background:url(bg_archiv.jpg) repeat-x #fff;
				font-family: Helvetica, Arial, sans-serif; font-size:13px;
				color:#666666; line-height:17px;
				}


#top_titel_archiv	{
				background:url(top_titel_archiv.jpg) no-repeat;
				width:1200px;
				height:150px;
				}

#header_archiv	{
				background:url(header_bg_archiv.jpg) no-repeat;
				width:1200px;
				height:32px;
				overflow:hidden;
				position:relative;
				}

#main_archiv	{
			width:1200px;
			min-height:600px;
			padding: 20px 0 0 0;
			margin:0 0 75px 0;
			overflow:hidden;
			}


.button_akt_kal	{
				text-indent:-9999px;
				width:222px;
				height:48px;
				position:absolute;
				left:829px;
				top:119px;
				z-index:10;
				}

.button_akt_kal a	{
				display:block;
				background:url(button_akt_kal_off.png) no-repeat;
				width:222px;
				height:48px;
				}

.button_akt_kal a:hover	{
				display:block;
				background:url(button_akt_kal_on.png) no-repeat;
				width:222px;
				height:48px;
				}

.galerie_archiv	{
			background:url(galerie_bg.png) no-repeat;
			width:1200px;
			height:204px;	/* 254px -40 -40 */
			padding:20px auto;
			}


.galerie_archiv_2	{
			background:url(galerie_bg.png) no-repeat;
			width:1200px;
			height:204px;	/* 254px -40 -40 */
			padding:20px auto;
			}