/* -------------- 01 - Text und/oder Bild Modul ------------- */
.TextBox { 
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.TextBox p { margin: 0; padding: 0; }
.TextBox ul { margin: 0; padding: 0;}
.TextBox li { list-style-position: inside; }
.TextBox img { margin: 0 0 5px 0; }

.TextBox h1, h2, h3, h4, h5, h6 { color: #000000; }

.TitelZeile { 
	border-bottom: 1px solid #A7A7A7;
	margin: 0 0 15px 0;
	padding: 0 0 8px 0;
	color: 333333;
}

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

/* -------------- Slogan ------------- */

.SloganBox {
	position: relative;
	top: 60px;
	left: 20px;
	padding: 0;
	margin: 0;
	color: #FFFFFF;
}


.SloganBox h1 {font-size: 4.8em; padding: 0; margin: -15px 0 0 0;}
.SloganBox h2 {font-size: 3.2em; padding: 0; margin: -15px 0 0 0;}
.SloganBox h3 {font-size: 2.7em; padding: 0; margin: -15px 0 0 0;}
.SloganBox h4 {font-size: 1.9em; padding: 0; margin: -10px 0 0 0;}
.SloganBox h5 {font-size: 1.6em;}
.SloganBox h6 {font-size: 1.2em;}


/* -------------- TextBoxRahmen 01 ------------- */
.TextBoxRahmen01 {
	float: left;
	width: 96%;
	margin-bottom: 15px;
	padding: 2%;
	background-color: #FFFFFF;
	border: 1px solid #E7E8E3;
	overflow: hidden;
}

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

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

.TextBoxRahmen01 li { margin: 0; padding: 0; list-style-position: inside; }
.TextBoxRahmen01 img { margin: 0 0 5px 0; background-color: #FFFFFF; }

.TextBoxRahmen01 h1,
.TextBoxRahmen01 h2,
.TextBoxRahmen01 h3,
.TextBoxRahmen01 h4,
.TextBoxRahmen01 h5,
.TextBoxRahmen01 h6 { color: #000000;}


/* -------------- TextBoxRahmen 02  ------------- */
.TextBoxRahmen02 {
	float: left;
	width: 94%;
	margin-bottom: 15px;
	padding: 3%;
	background-color: #EEEEEE;
	color: #000000;
	overflow: hidden;
}

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

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

.TextBoxRahmen02 li { margin: 0; padding: 0; list-style-position: inside; }
.TextBoxRahmen02 img { background-color: #FFFFFF; padding: 5px; margin: 0; }

.TextBoxRahmen02 h1,
.TextBoxRahmen02 h2,
.TextBoxRahmen02 h3,
.TextBoxRahmen02 h4,
.TextBoxRahmen02 h5,
.TextBoxRahmen02 h6 { color: #000000; margin: 0 0 15px 0; padding: 0 0 8px 0; }


/* --------------Artikelliste/Teaser------------- */
.Teaser { margin: 0; padding: 0; }
.Teaser a { padding: 0 0 0 10px; line-height: 25px;}
.Teaser .TextBox img { border: 1px solid #FF9900; }


/* -------------- BilderBlock/mehrere Bilder ------------- */
.BilderBox { 
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: 15px;
}

.BilderBox ul { margin: 0; padding: 0; }
.BilderBox li { float: left; margin: 0; padding: 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; }


/* -------------- Rechts Flash/Bild einf�gen ------------- */
.FlashSlider { }


/* -------------- Rechts Flash/Bild einf�gen ------------- */
.FlashBox { 
	margin: 0 auto 15px 0;
	padding: 0;
	width: 100%;
	text-align: center;
	border: 1px solid #E7E8E3;
}

.Video {}
#flashcontent {}


/* -------------- mp3 Player(Single) ------------- */
.Mp3Player { float: left; width: 425px; }

.Mp3Player .Text {
	float: left;
	width: 310px;
	padding: 5px 0;
	margin-right: 10px;
}

.Mp3Player .Player {
	float: left;
	width: 100px;
	height: 30px;
}


/* -------------- Bild/Link (Partner) ------------- */
.LogoBild {
	width: 100%;
	margin: 0 0 25px 0;
}


/* -------------- mehrere Bilder/LogoBox ------------- */
.LogoBox {
	clear: both;
	width: 100%;
	height: auto;
	padding: 0;
	margin-bottom: 15px;
	text-align: center;
}

.LogoBox img {
	display: inline;
	padding: 4px;
	margin: 2px 5px;
}


/* -------------- 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;
	width: 100%;
	overflow: hidden;
}

.SpaltenBox2 .Links { float: left; }
.SpaltenBox2 .Rechts { float: right; margin: 0 2px 0 0; }
.SpaltenBox2 img { display: block; margin: 0 0 10px 0; }
.SpaltenBox2 p { margin: 0; padding: 0; }


/* --------------3-Spalten Modul------------- */
.SpaltenBox3 {
	float: left;
	margin-bottom: 15px;
	width: 100%;
}

.SpaltenBox3 .Links { float: left; }
.SpaltenBox3 .Mitte { float: left; margin: 0 28px; }
.SpaltenBox3 .Rechts { float: right; }
.SpaltenBox3 img { display: block; margin-bottom: 10px; }
.SpaltenBox3 p { margin: 0; padding: 0; }


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


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


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

div#rex-form fieldset {
	float: right;
	width: 293px;
	margin-bottom: 10px;
	padding: 20px 10px;
	border: 1px solid #E31F26;
	background-color: #FFFFFF;
	
}

/* Fieldsetbeschriftung */
div#rex-form legend {
	padding: 0 5px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	border-top:1px solid #E31F26;
	border-left:1px solid #E31F26;
	border-right:1px solid #E31F26;
}

* 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: 184px;
}
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: 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;
	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: #E31F26;
}

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