/* -------------- 01 - Text und/oder Bild Modul ------------- */

.TextBox { 
	float: left;
	margin-bottom: 20px;
	padding: 0 10px;
}

.TextBox p { 
	padding: 0;
	margin: 0;
}

.TextBox ul { 
	margin: 0;
	padding-left: 15px;
}

.TextBox li { 
	list-style-position: inherit;
}

.TextBox img {
	padding: 5px;
	background-color: #FFFFFF;
	margin-bottom: 5px;
}

p.BildText { 
	padding: 0;
	margin: 0;
	font-size: 11px;
	line-height: 14px;
}

/* -------------- Titelzeile ------------- */
.TitelZeile h1, h2, h4 {
	padding: 5px 10px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #3964aa;
	margin-bottom: 10px;
}

.TitelZeile h1 { font-size: 17px; line-height: normal; margin: 0; padding: 0;}
.TitelZeile h2 { font-size: 15px; line-height: normal; margin: 0; padding: 0;}
.TitelZeile h3 { font-size: 13px; line-height: normal; margin: 0; padding: 0;}
.TitelZeile h4 { font-size: 11px; line-height: normal; margin: 0; padding: 0;}

.TitelZeile h5 {
	font-size: 22px;
	line-height: normal;
	margin-bottom: 10px;
	padding: 5px 10px;
	text-decoration: underline;
}

.TitelZeile h6 {
	font-size: 17px;
	line-height: normal;
	margin-bottom: 10px;
	padding: 5px 10px;
}


/* -------------- TextBoxRahmen 01 ------------- */

.TextBoxRahmen01 {
	float: left;
	width: 96%;
	margin-bottom: 15px;
	padding: 2%;
	background-color: #FFFFFF;
	border: 1px solid #d8d8da;
	color: #000000;
	overflow: hidden;
}

.TextBoxRahmen01 .flLeft {padding: 0; margin: 0 25px 0 0; }
.TextBoxRahmen01 .flRight {padding: 0; margin: 0 10px 0 25px; }

* html .TextBoxRahmen01 .flRight {padding: 0; margin: 0 0 0 25px; }

.TextBoxRahmen01 p,
.TextBoxRahmen01 ul { 
	padding: 0;
	margin: 0;
}

.TextBoxRahmen01 li { 
	padding: 0;
	margin: 0;
	list-style-position: inside;
}

.TextBoxRahmen01 img {
	border: 1px solid #d9d9d9;
}

.TextBoxRahmen01 h1,
.TextBoxRahmen01 h2,
.TextBoxRahmen01 h3,
.TextBoxRahmen01 h4,
.TextBoxRahmen01 h5,
.TextBoxRahmen01 h6 {
	border: 0;
	color: #3964aa;
	font-weight: normal;
}

/* -------------- TextBoxRahmen 02  ------------- */

.TextBoxRahmen02 {
	float: left;
	width: 94%;
	margin-bottom: 15px;
	padding: 3%;
	background-color: #FFFFFF;
	border: 1px solid #124B38;
	color: #000000;
	overflow: hidden;
}

.TextBoxRahmen02 .flLeft {padding: 0; margin: 0 25px 0 0; }
.TextBoxRahmen02 .flRight {padding: 0; margin: 0 10px 0 25px; }

* html .TextBoxRahmen02 .flRight {padding: 0; margin: 0; margin-left: 25px; }


.TextBoxRahmen02 p,
.TextBoxRahmen02 ul { 
	padding: 0;
	margin: 0;
}

.TextBoxRahmen02 li { 
	padding: 0;
	margin: 0;
	list-style-position: inside;
}

.TextBoxRahmen02 img {
	border: 1px solid #d8dbb4;
	padding: 5px;
	margin: 0;
}


/* --------------SpezialBox------------- */

.SpezialBox {
	float: left;
	width: 99%;
	background-color: #FFFFFF;
	border: 1px solid #3964A9;
	margin-bottom: 10px;
}

.SpezialBox h1.Titel{
	background-color: #3964A9;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 0 3px 10px;
	margin: 0;
	overflow: hidden;
}

.SpezialBox img {}
.SpezialBox .Text {
	padding: 10px;
	margin: 0;
}

.SpezialBox .Wetter {
	padding: 10px 13px;
}




/* --------------Artikelliste/Teaser------------- */
.Teaser { 
	padding: 0;
	margin-bottom: 15px;
}

.Teaser .TextBox { 
	margin: 0;
}

.Teaser .TextBox img { 
	border: 1px solid #FF9900;
}

.Teaser a.TeaserLink {
	margin: 0 0 0 10px;
	padding: 0 20px 0 0;
	padding-right: 20px;
	line-height: 25px;
	background-image: url(pfeil_doppel_b.gif);
	background-repeat: no-repeat;
	background-position: 73px 4px
}




/* -------------- BilderBlock/mehrere Bilder ------------- */

.BilderBox { 
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: 15px;
}
.BilderBox ul {
	padding: 0;
	margin: 0;
}
.BilderBox li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}

.BilderBox li a {
	text-decoration: none;
}

.BilderBox img { 
	background: #FFF;
	border: 1px solid #d8dbb4;
	padding: 4px;
	margin: 2px 5px 2px 0;
}


/* -------------- Ein Bild hinzufügen ------------- */

.Bild { margin-bottom: 15px; }
.Bild img { }

/* -------------- Rechts Flash/Bild einfügen ------------- */

.FlashSlider { }


/* -------------- Rechts Flash/Bild einfügen ------------- */

.FlashBox { 
	float: left;
	margin: 0;
	padding: 0;
	width: 350px;
}

* html .FlashBox { 
}

.Video { 
	padding: 3px 0 0 20px;
}

/* -------------- Bild/Link (Partner) ------------- */

.LogoBild {
	width: 100%;
	margin-bottom: 25px;
}

.LogoBild p{}

/* -------------- PDF Download Box ------------- */

.PDFdownload { 
	width: 100%;
	margin: 0;
	padding: 0;
}

.PDFdownload .Bild { 
	float: left;
	margin-right: 10px;
	padding: 0;
}

.PDFdownload .Link { 
	float: left;
	margin-top: 10px;
	padding: 0;
}

/* --------------2-Spalten Modul------------- */

.SpaltenBox2 {
	position:relative;
	margin-bottom: 15px;
	padding: 0 10px;
	width: 680px;
	overflow: hidden;
}

.SpaltenBox2 .Links {
	float: left;
}

.SpaltenBox2 .Rechts {
	float: right;
	margin-right: 2px;
}

.SpaltenBox2 img {
	display: block;
	margin-bottom: 10px;
}

/* --------------3-Spalten Modul------------- */

.SpaltenBox3 {
	float: left;
	margin-bottom: 15px;
	width: 100%;
	background: transparent url(../files/3spalt_bg.gif) repeat-y ;
}

.SpaltenBox3 .Links {
	float: left;
}

.SpaltenBox3 .Mitte {
	float: left;
	margin: 0 21px;
}

.SpaltenBox3 .Rechts {
	float: right;
}

.SpaltenBox3 img {
	display: block;
	margin-bottom: 10px;
}


/* --------------Google-Map------------- */

.googleBox { 
	margin: 10px 0;
	padding: 0;
	display: block;
	width: 100%;
	height: 300px;
	visibility: hidden;
}

iframe {
	padding: 0;
	margin-bottom: 15px;
	border: 1px solid #999999;
}

/* -------------- Sitemap ------------- */
.SiteMap {
	padding: 0 20px;
	margin-bottom: 15px;
}
.SiteMap ul {
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-position: outside;
	line-height: 24px;
}

.SiteMap ul.Ebene1 li {}
.SiteMap ul.Ebene1 a { font-weight: bold; text-decoration: none;}
.SiteMap ul.Ebene1 a:hover { text-decoration: underline;}
.SiteMap ul.Ebene2 li {	margin-left: 25px;}
.SiteMap ul.Ebene2 a { font-weight: normal; text-decoration: underline;}
.SiteMap ul.Ebene2 a:hover { font-weight: normal; text-decoration: none;}
.SiteMap ul.Ebene3 li { margin-left: 25px; }
.SiteMap ul.Ebene3 a { font-weight: normal; text-decoration: none;}
.SiteMap ul.Ebene3 a:hover { font-weight: bold; text-decoration: none;}


/* -------------- Galerie (LightBox) ------------- */

.Galerie { 
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding: 0;
}

.Galerie .BildKlein { 
	float: left;
	padding: 3px;
	margin: 0 6px 6px 0;
	border: 1px solid #717273;
}

.Galerie img { 
	float: left;
	padding: 0;
	margin: 0;
}

.GalerieText { 
	float: left;
	width: 100%;
	margin: 5px 0;
	padding: 5px 0;
}

.GalerieMenue { 
	float: left;
	width: 100%;
	margin: 10px 0;
	padding: 0;
}


/* -------------- SuchForm ------------- */



#SuchForm {
	position: absolute;
	top: 205px;
	right: 0px;
	width: 275px;
}

#SuchForm label {
	color: #FFFFFF;
	font-weight: bold;
	margin-right: 5px;
}

#SuchForm input.search {
	width: 175px;
	border: 1px solid #3964aa;
	padding: 1px 2px;
	margin: 0;
}

#SuchForm button {
	position: relative;
	top: -4px;
	left: -3px;
	width: 20px;
	height: 19px;
	background: #3964aa url(such_lupe.gif) no-repeat;
	background-position: 2px 1px;
	border: 0;
	cursor: pointer;
}

* html #SuchForm button {
	top: 0;
	left: -3px;
	height: 17px;
	background-position: 2px 0;
}


/* -------------- Sprache ---------------- */
#SprachBox {
	position: absolute;
	top: 5px;
	right: 0;
}

#SprachBox ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

#SprachBox ul li {
	display: inline;
}

/* -------------- Gaestebuch ------------- */

#GB-Form {
	clear: both;
	margin: 0 0 15px 0;
	padding: 0 10px;
	width: 680px;
}

#GB-Eintrag {
	padding: 0 10px;
	margin: 0 auto;
	width: 680px;
}

.GB-TitelZeile { 
	display: block;
	height: 16px;
	padding: 5px 8px;
	background-color: #FFFFFF;
	border: 1px solid #7CA1DD;
}

.GB-Nachricht { 
	display: block;
	padding: 8px;
	margin: 0;
}

/* Formular */
.a63-form { 
	padding: 0;
	margin: 0;
	width: 100%;
}

/* Eingabefelder */
.a63-form input, .a63-form textarea { 
	border: 1px solid #CCCCCC;
	margin: 1px 2px 1px 2px;
	padding: 2px 4px;
	width: 400px;
	background-color: #FFFFFF;
}


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

/* Beschriftungen der Eingabefelder */
.a63-form label { 
	display: block;
	width: 100px;
	float: left;
}

/* Buttons */
.a63-form .a63-fsubmit {
	width: 100px;
	margin-top: 10px;
	background-color: #3964A9;
	border-color: #FFFFFF;
	color: #FFFFFF;
	cursor: pointer;
}


/* Buttons-Layer*/
.a63-form .a63-buttons {
	position: relative;
	left: 100px;
}

* html .a63-form .a63-buttons {
	left: 103px;
}

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

/* Fehlermeldungs-Layer*/
.a63-form ul.error {
	display: block;
	margin: 0 0 10px 0;
	padding: 10px;
	list-style: none; 
	font-weight: bold;
	color: #FFFFFF;
	background-color: #3964A9;
	border: 1px solid #FFFFFF;
}

/* Pagination-Layer */
.a63-entries .a63-pagination { 
	padding: 0;
	margin: 5px 0;
	text-align: left;
}

/* Pagination-Links */
.a63-entries .a63-pagination a { 
	padding: 0 2px;
	font-weight: normal;
	color: #666666;
}

/* hervorheben des Aktuelle-Seite-Links */
.a63-entries .a63-pagination_aktuell a { 
	font-weight: bold;
	text-decoration: underline;
	color: #3964A9;
}

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

/* Mozilla */
li.a63-pagination { 
	list-style-type: none;
}

/*************************** EVENT_CALENDAR ***************************/
div#month_container {
	overflow:hidden;
	width:99%;
}

ul.month {
	overflow:hidden;
	margin:0;
	padding:0;
	margin-left:10px;
	height:20px;
}

ul.month li {
	display:block;
	float:left;
	list-style-type:none;
	text-align:center;
	margin:0;
	padding:0 10px;
	line-height:20px;	
	margin-right:1px;		
	background:#DCE5F4;
}
ul.month li a {
	font-weight:normal;
	text-decoration:none;
}

ul.month li a:hover {
	text-decoration:underline;
}

ul.month li.on {
	background:#C2D2EE;	
}

ul.month li.on a{
	font-weight:bold;
}

div.eventcalendar {
	margin-bottom:10px;
}

div.events {
	background:#FFFFFF;
	padding:5px;		
}

div.event {
	padding:5px 2px;
	border-bottom:1px solid #7DA1DC;
}

div.event:hover {
	background:#C2D2EE;
}

div.event_date {
	float:left;
	width:20%;
}

div.event_data {
	float:left;
	width:60%;
}

div.event_data u  {
	color:#3964AA;
	font-weight: bold;
}

div.event_data a {
	font-weight:normal;
	text-decoration:none;
}

div.event_place {
	float:left;
	width:20%;
}

div.event_detail {
	padding:15px;
	width:500px;	
}



/*	xForm ***********************************************************************/

div#form-module {
	margin: 0 auto;
	width: 550px;
}

div#rex-form fieldset {
	margin-bottom: 10px;
	padding: 20px 10px;
	border: 1px solid #3964aa;
	background-color: #FFFFFF;
}

/* Fieldsetbeschriftung */
div#rex-form legend {
	padding: 2px 10px;
	font-weight: bold;
	color: #3964aa;
	background-color: #FFFFFF;
	border: 1px solid #3964aa;
	border-bottom: 0;
}

* html div#rex-form legend {
	margin-bottom: 1em;
}

div#rex-form p {
	clear: both;
}

div#rex-form p.formcheckbox {}

div.com-usersearch p.ftxt, 
div.com-usersearch p.fslct {}

div#rex-form p.formselect, 
div#rex-form p.formtextarea, 
div#rex-form p.formcheckbox, 
div#rex-form p.formmcheckbox {}

div#rex-form p.formhtml, 
div#rex-form p.formcaptcha {}

div#rex-form p.formhtml {}


/* Fieldsets classes*/
div#rex-form .auswahl {
	display: block;
	background-color: #F3F3F3;
}


/******************************	Label */
div#rex-form p label {
	float: left;
	width: 100px;
	padding-top: 3px;
}

div#rex-form p.formtextarea label,
div#rex-form p.formcheckbox label {
	float: left;
	display: block;
	margin-bottom: 5px;
	width: 90%;
}

div.com-answer div#rex-form div.com-content p.formtext label {}

div#rex-form p.formtextarea label {}


/******************************	Input */
div#rex-form p.formtext input, 
div#rex-form p.formpassword input, 
div#rex-form p.formcaptcha input {
	margin-bottom: 10px;
	padding: 2px 4px;
	width: 380px;
}
div.com-answer div#rex-form div.com-content p.formtext input {
	width: 200px;
}
div#rex-form p.formcaptcha input {
	width: 100px;
}
div#rex-form p.formtext input, 
div#rex-form p.formpassword input, 
div#rex-form p.formcaptcha input, 
div#rex-form p.formmediapool input {
	border: 1px solid #3964aa;
}


div#rex-form .formPLZ {
	float: left;
	width: 150px;
}
div#rex-form p.formlabel-plz {
	float: left;
}
div#rex-form p.formlabel-plz label.text{
	float: left;
}

* html div#rex-form p.formlabel-plz label.text{
	width: 103px;
}
	
	
div#rex-form p.formlabel-plz input.text{
	float: left;
	width: 35px;
} 

div#rex-form .formORT {
	float: left;
	width: 250px;
}
div#rex-form p.formlabel-ort {
	float: left;
	width: 230px;
}
div#rex-form p.formlabel-ort label.text{
	width: auto;}
div#rex-form p.formlabel-ort input.text {
	float: left;
	width: 230px
} 

* html div#rex-form p.formlabel-ort input.text {
	width: 233px
} 



/******************************	TEXTAREA */
div#rex-form p.formtextarea textarea {
	padding: 2px 4px;
	width: 97%;
	height: 120px;
	border: 1px solid #3964aa;
}
div.com-answer div#rex-form div.com-content p.formtextarea textarea {
	width: 300px;
}
/******************************	Select */
div#rex-form p.formselect select {
	margin-bottom: 10px;
	padding: 0 2px;
	width: 65px;
	border: 1px solid #3964aa;
}

/******************************	CHECKBOX */
/*	formmcheckbox - doppeltes M -> Userbild loeschen */
div#rex-form p.formcheckbox input, 
div#rex-form p.formmcheckbox input {
	float: left;
}
div#rex-form p.formmcheckbox input {}

div#rex-form p.formcheckbox label, 
div#rex-form p.formmcheckbox label {
	float: left;
}

/******************************	Mediapool */
/*	persoenliches Bild loeschen */
div#rex-form p.formmediapool label img {}

/******************************	LINE */
div#rex-form p.formline {
	overflow: hidden;
	height: 1px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}


/******************************	SUBMIT */

div#rex-form p.formsubmit {
	float: right;
}
div#rex-form p.formsubmit label {}
div#rex-form p.bt1, 
div#rex-form p.formsubmit input {
	padding: 2px 20px;
	margin: 0;
	clear: both;
	color: #FFFFFF;
	border: 0;
	background-color: #3964aa;
}

ul.form_warning {
	display: block;
	width: 300px;
	padding: 5px 15px;
	background-color: #0B82A2;
	list-style-position: inside;
	color: #FFFFFF;
}

p.answertext {
	font-weight: bold;
}