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

.TextBox { 
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

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

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

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

.TitelZeile { 
	border-bottom: 1px solid #000000;
	margin-bottom: 10px;
	margin-top: 3px;
}

.TextBox img {
	margin-bottom: 5px;
}

p.BildText { 
	padding: 0;
	margin: 0;
	font-size: 10px;
}


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

.TextBoxRahmen01 {
	float: left;
	width: 94%;
	margin-bottom: 15px;
	padding: 3%;
	background-color: #EFF0E1;
	border: 1px solid #124B38;
	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; margin-left: 25px; }


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

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

.TextBoxRahmen01 img {
	margin: 0;
	padding: 5px;
	background-color: #FFFFFF;
}

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


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

.Teaser a { 
	padding-left: 10px;
	line-height: 25px;
}

.Teaser .TextBox img {
	margin: 0;
}

.Teaser .TextBox { 
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #CCCCCC;
}


/* -------------- 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 #CCCCCC;
	padding: 4px;
	margin: 2px 5px 2px 0;
}


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

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

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

.FlashSlider {}

.Slider {margin-bottom: 15px;}
#ContentRechts .Slider {
	background-color: #FFFFFF;
	height: 155px;
	overflow: hidden;
	margin-bottom: 15px;
}	


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

.LogoBild p{}

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

.PDFdownload { 
	width: 100%;
	margin-bottom: 10px;
	padding: 0;
	text-align: center;
}

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

.PDFdownload .Link { 
	margin-top: 5px;
	padding: 0;
}

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

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

.SpaltenBox2 .Links {
	float: left;
	overflow: hidden;
}

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

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

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

.SpaltenBox3 {
	float: left;
	margin-bottom: 15px;
	width: 100%;
}

.SpaltenBox3 .Links {
	float: left;
}

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

.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;
}


iframe.kurs {
	height: 3000px;
	width: 450px;
	overflow: hidden; 
	padding: 0;
	margin: 0;
	border: 0;
}

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


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

#GB-Form { 
	float: left;
	margin: 10px 0;
	padding: 0;
}

#GB-Eintrag { 
	float: left;
	width: 100%;
}

.GB-TitelZeile { 
	display: block;
	height: 16px;
	padding: 3px 5px;
	background-color: #e9e9e9;
}

.GB-Nachricht { 
	display: block;
	padding: 3px 5px;
	margin-bottom: 5px;
}

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

/* Eingabefelder */
.a63-form input, .a63-form textarea { 
	margin: 0;
	padding: 2px 5px;
	border: 1px solid #717273;
	width: 320px;
	background-color: #fbf4ed;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

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

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

/* Buttons */
.a63-form .a63-fsubmit { 
	width: 100px;
	margin: 0;
	padding-bottom: 3px;
	background-color: #D54A07;
	color: #FFFFFF;
}

/* Buttons-Layer*/
.a63-form .a63-buttons { 
	padding-left: 100px;
	margin: 0;
}

/* Zusatztext-Layer*/
.a63-form .a63-info { 
	float: right;
}

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

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

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

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

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

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

/* Mozilla */

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



/* -------------- Formular ------------- */

/* Div das das Formular umschließt */
.formgen {
	float: left;
	width: 465px;
}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
	cursor: pointer;
}

.formgen form { }

/* Formular Felder ------- */

.formgen .formblock {
	padding: 3px 0;
	margin: 0;
}

.formgen br {
	clear : both;
}


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

/* Textfeld */
/* Mehrzeiliges Eingabefeld */
.formgen .formtext,
.formgen .formtextfield,
.formgen .formselect {
	float: left;
	margin: 0;
	padding: 2px 4px 2px 4px;
	border: 1px solid #ee7f01;
	width: 60%;
	background-color: #fbf4ed;
}

.formgen .formtext:focus,
.formgen .formtextfield:focus,
.formgen .formselect:focus { 
	background-color: #D54A07;
	color: #FFFFFF;
}

.formgen .formselect{
	width: 290px;
}

/* Trennelement , Abstand */
.formgen .formtrenn {
	display: block;
	height: 20px;	
}

/* Hinweistext */
.formgen .formhinweis {
	font-weight: bold;
	color: #003366;
}

/* Überschrift */
.formgen .formheadline {
	font-weight: bold;
	color: #000000;
}

/* Passwortfeld */
.formgen .formpassword {
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}

/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #990000;
}

/* Label */
.formgen label {
	float: left;
	width: 30%;
}

/* Sende-Button */
.formgen .formsubmit {
	position: relative;
	left: 30%;
	width: 100px;
	margin-top: 5px;
	background-color: #D54A07;
	border: 1px solid #C3C3C3;
	color: #FFFFFF;
}

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

/* Fehlermeldung nach Versand */
.formgen .forminfo {
	color: #FFFFFF;
	background-color: #990000;
	border: 1px dashed #000000;
	margin: 5px;
	padding: 5px;
}

/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #990000;
}




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

#SuchForm {
	position: relative;
	top: 235px;
	left: 720px;
}

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

#SuchForm input.search {
	width: 125px;
	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;
}

/*	xForm // Formular*****************************************/
div#form-module {
	margin: 0 auto;
	width: 400px;
}

div#rex-form fieldset {
	float: left;
	width: 400px;
	margin-bottom: 10px;
	padding: 20px 10px;
	border: 1px solid #338DCC;
	background-color: #FFFFFF;
}

/* Fieldsetbeschriftung */
div#rex-form legend {
	padding: 0 5px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #338DCC;
}

* 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 {
	padding: 2px;
	width: 250px;
	margin-bottom: 10px;
}
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 #999999;
}


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

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

div#rex-form .formORT {
	float: left;
	width: 50px;
}

div#rex-form p.formlabel-ort,
div#rex-form p.formlabel-ort2 {
	float: left;
	width: 50px;
}

div#rex-form p.formlabel-ort label.text,
div#rex-form p.formlabel-ort2 label.text {
	width: auto;
}
	
div#rex-form p.formlabel-ort input.text,
div#rex-form p.formlabel-ort2 input.text {
	float: left;
	width: 170px
} 

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



/******************************	TEXTAREA */
div#rex-form p.formtextarea textarea {
	padding: 2px;
	width: 98%;
	height: 120px;
	border: 1px solid #999999;
}
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;
}

/******************************	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: #D54A07;
	font-weight: bold;
}

ul.form_warning {
	display: block;
	width: 300px;
	padding: 10px 15px;
	background-color: #E31F26;
	list-style-position: inside;
	color: #FFFFFF;
	font-weight: bold;
}

p.answertext {
	font-weight: bold;
}