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

#ContentRechts h1,
#ContentRechts h2,
#ContentRechts h3 { color: #c4dee5; }

#ContentRechts h4,
#ContentRechts h5,
#ContentRechts h6 { color: #FFFFFF; }


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

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

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

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

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

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

.BildText { 
	margin-top: 4px;
	padding: 0;
	font-size: 10px;
	line-height: 12px;
}


/* --------------Artikelliste/Teaser------------- */

.Teaser { 
	padding: 0;
	margin: 0;
}

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

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


/* -------------- Galerie (LightBox) ------------- */
.LightBox {}

.BilderBox{ float: left; display:block; width: 100%; }
.BilderBox .BildKlein {
	float: left;
	/* boder width kann ueber das modul bestimmt werden */
	border-style: solid;
	border-color: #CCC;
	text-align: center;
	background-color: #FFF;
	overflow: hidden;
}

.BilderBox a { padding: 0; margin: 0; }
.BilderBox a:hover { padding: 0; margin: 0; }
.BilderBox .BildKlein img { padding: 0; margin: 0; }





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

.Bild { margin-bottom: 5px; }
.Bild img { border: 1px solid #FFFFFF; }

#InstrumentBild img { border: 0; }
#Flash img { border: 0; }

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

.Slider { }


/* -------------- 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 { 
	margin: 10px 0;
	padding: 0;
}

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

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

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

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

.PDFdownload img { border: 0; }

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

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

.SpaltenBox2 .Links {
	float: left;
}

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

.SpaltenBox2 img {
	float: left;
	margin-bottom: 10px;
	border: 1px solid #FFFFFF;
}

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

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

.SpaltenBox3 .Links {
	float: left;
	padding-right: 20px;
}

.SpaltenBox3 .Mitte {
	float: left;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding: 0 15px;
}

.SpaltenBox3 .Rechts {
	float: left;
	padding-left: 20px;
}

.SpaltenBox3 img {
	float: left;
	margin-bottom: 10px;
	border: 1px solid #FFFFFF;
}

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

.googleBox { 
	margin: 10px 0;
	padding: 0;
	display: block;
	width: 100%;
	height: 300px;
	visibility: hidden;
	border: 1px solid #4f818f;
}


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

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

/* 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: 0px;
	margin-top: 5px;
	background-color: #C40000;
	color: #FFFFFF;
}

/* Buttons-Layer*/

.a63-form .a63-buttons { 
	padding-left: 100px;
}

/* Zusatztext-Layer*/

.a63-form .a63-info { 
	position: relative;
	top: -25px;
	text-align: right;
}

/* Fehlermeldungs-Layer*/

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

/* Pagination-Layer */

.a63-entries .a63-pagination { 
	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: #c90000;
}

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

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

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

div#rex-form fieldset {
	float: left;
	width: 380px;
	padding: 20px 10px;
	border: 1px solid #C4A16E;
}

/* Fieldsetbeschriftung */
div#rex-form legend {
	padding: 0 5px;
	font-weight: bold;
	color: #8C1713;
	border-top:1px solid #C4A16E;
	border-left:1px solid #C4A16E;
	border-right:1px solid #C4A16E;
}

* 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: 200px;
}
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: 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: 100px;
}
div#rex-form p.formlabel-ort {
	float: left;
	width: 150px;
}
div#rex-form p.formlabel-ort label.text{
	width: auto;}
div#rex-form p.formlabel-ort input.text {
	float: left;
	width: 80px
} 

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



/******************************	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-right: 55px;
	clear: both;
	color: #50818F;
	border: 0;
	background-color: #C4DEE5;
	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;
}