/* -------------- 01 - Text und/oder Bild Modul ------------- */
.TextBox { float: left;width: 100%;margin-bottom: 15px;}
.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;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

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


/* -------------- Kategorie-Liste ------------- */
#KatListe {
	float: left;
	width: 100%;
	overflow: hidden;
}

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

.KatListeItem img {
	float: left;
	margin-right: 15px;
	margin-bottom: 0;
	padding: 4px;
	border: 1px solid #CCCCCC;
}

.KatListeItem p.Titel {}
.KatListeItem p.Beschreibung {}


/* -------------- 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-bottom: 5px;
	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/VideoListe------------- */
.VideoBox,
.FormArtikel .VideoBox {
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	border-bottom: 8px solid #CCCCCC;
}

.FormArtikel .VideoBox {border: 0;}

.VideoText h2 {}
.VideoText {margin-bottom: 25px;}

.VideoBild,
.FormArtikel .VideoBild { float: left; margin-bottom: 5px;}

.VideoBild img,
.FormArtikel .VideoBild img {
	margin-right: 15px;
	margin-bottom: 3px;
	padding: 4px;
	border: 1px solid #CCCCCC;
}

.VideoBild a,
.FormArtikel .VideoBild a{
	clear: both;
	text-decoration:none;
}

.VideoBild a:hover,
.FormArtikel .VideoBild a:hover {text-decoration: underline;}

.VideoZusatz,
.FormArtikel .VideoZusatz {
	float: left;
	width: 65%;
	padding-top: 3px;
}

.Besteller {
	float:right;
	width: 23%;
	background-color: #0B82A2;
	margin: 0;
}

.Besteller p {
	padding: 3px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.Besteller a,
.Besteller a:hover {color: #FFFFFF}


.Downloader {
	clear: both;
	float:right;
	width: 23%;
	background-color: #0B82A2;
	margin: 2px 0 0 0;
}

.Downloader p {
	padding: 3px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.Downloader  a,
.Downloader a:hover {color: #FFFFFF}





/* -------------- 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; }
.Bild img { }


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


/* -------------- Rechts Flash/Bild einfügen ------------- */
.FlashBox { 
	float: left;
	margin: 0;
	padding: 0;
	width: 350px;
}

.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;
	width: 100%;
	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;
}


/* -------------- 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: relative;
	top: 206px;
	left: 755px;
	width: 210px;
}

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

#SuchForm input.search {
	width: 125px;
	border: 1px solid #0A81A1;
	padding: 1px 2px;
	margin: 0;
}

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

* html #SuchForm button {
	top: -1px;
	left: -4px;
	height: 15px;
	background-position: 0 -2px;
}


/* Formular Spezial */

div#url {margin-bottom: 10px;}

div#url fieldset {
	margin: 0;
	padding: 1em;
	width: 456px;
	border: 1px solid #0B82A2;
}

div#url legend {
	padding: .2em .5em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0B82A2;
}

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



/*	xForm ***********************************************************************/
div#rex-form fieldset {
	width: 456px;
	margin-bottom: 10px;
	padding: 20px 10px;
	border: 1px solid #0B82A2;
}

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

* 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;
	width: 280px;
}
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;
}

/* EIGENE STYLES */
div#rex-form .formPLZ { float: left; margin-right: 10px; }
div#rex-form .formPLZ 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 }



div#rex-form .formBlock{ float: left; margin: 10px 0;}
div#rex-form .formSTRASSE { float: left; display: block;}
div#rex-form .formSTRASSE p.formlabel-strasse label.text {}
div#rex-form .formSTRASSE p.formlabel-strasse input.text { float: left; width: 210px; } 

div#rex-form .formHAUSNR { float: left; display: block; }
div#rex-form p.formlabel-nr label.text{ width: 25px;}
div#rex-form p.formlabel-nr input.text { float: left; width: 25px; margin-left: 4px; } 



/******************************	TEXTAREA */
div#rex-form p.formtextarea textarea {
	padding: 2px;
	width: 99%;
	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: #0B82A2;
}

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

p.answertext {
	font-weight: bold;
}



/* ----------------------------------------------------------------------------
Tabellen
---------------------------------------------------------------------------- */

table {
	font: 11px Verdana, sans-serif;
	border-collapse: collapse;
	width: 510px;
	border-spacing: 0px;
}

table p {
	padding-bottom: 0 !important;
}

table a {
	color: #06241b !important;
	border-bottom: none !important;
}

table.ohneabstand {
	margin-top: 0 !important;
}

tr.blank { 
	height: 23px;
	border-bottom: 1px solid #6e9137;
}

tr:hover {
	color: #fff;
	background: #6e9137;
	cursor: pointer;
}

table tr.tablehead:hover {
	background: none !important;
	color: #06241b;
}

table tr.tablehead th {
	border-bottom: 2px solid #06241b;
}

table tr.noHover:hover {
	background: none !important;
	cursor: default !important;
}

table.noHover tr:hover {
	background: none !important;
	cursor: default !important;
	color: #06241b !important;
}

th, td {
	vertical-align: top;
	padding: 2px 3px;
	text-align: left;
	line-height: 1.5em;
}

th {
	color: #06241b;
	border-bottom: 3px solid #06241b;
}

td {
	border-bottom: 1px solid #6e9137;
}

td.alignleft {
	text-align: left;
}


.FlashVideo {
  margin:10px 0;
}