/* -------------- Abstand nach unten der einzelnen Module ------------- */
.TitelZeile, .TextBox, .TextBoxRahmen01, .TextBoxRahmen02,
.BilderBox, .Bild, .PDFdownload, .SpaltenBox2, .SpaltenBox3,
.googleBox, iframe, .Galerie, .Katalog, .formgen { margin-bottom: 15px; }




/* -------------- doForm 3 ------------- */ 
/* http://wiki.redaxo.de/index.php?n=R4.DoForm */

/* Div das das Formular umschließt */
.formgen { float: left; }
.formgen form { }
.formgen .formblock { display: block; margin: 10px 0 15px 0; padding: 3px 2px 3px 5px;}

.forminfo  {
	clear: both;
	display: block;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding: 5px 10px;
	font-weight: bold;
}
.formgen br{ clear : both; }


/* --------- FORMULAR-OBJEKTE ------------  */
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield{
	width: 400px;
	height: 200px;
	margin-left: 4px;
	border: 1px solid #003366;
	background-color: #DFEEDD;
}

/* Textfeld */
.formgen .formtext{
	width: 250px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #E9EBF3;
	border: 1px solid #003366;
}

/* Label */
.formgen label {
	clear: both; float: left; width:100px; color: #000; padding-left: 10px; margin: 0 0  5px 0;
}


/* Checkbox */
.formgen span.checkspan { float: left; width: 100%; background-color:#EEE; padding: 3px 0 0 0; margin-bottom:5px;}
.formgen span.checkspan label { float: right; width: 94%;}
.formgen input.formcheck { float: left; width: 4%; padding: 0; margin: 3px 0 0 0;}


/* Aussehen der Select-Ausgabe */
.formgen .formselect { width: 200px; }


/* Sende-Button */
.formgen .formsubmit {
	float: right;
	border: 0;
	margin-top: 10px;
	padding: 2px 10px;
	text-align: center;
	background-color: #1F78A9;
	color: #FFF;
}


/* Fieldsetbeschriftung */
.formgen legend { color: #000; background-color: #CCC; width: 150px; margin-left: 15px; padding: 2px 4px; }
.formgen .fieldset { margin-bottom: 10px; }

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


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

.formgen .formcaptcha {
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq { color: #006633; }

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding: 4px 0;
	margin: 4px 0;
}

/* Ende der Formulardefinition */


/* -------------- Gewinnspiel Formular ------------- */
.GewinnForm { float: left; margin-bottom: m10px;}

.GewinnForm .formheadline { clear: both; display: block; background: none; font-size: 21px; font-weight: bold; color: #E3001A; }
.GewinnForm .formhinweis  { clear: both; display: block; color: #000; font-size: 11px; line-height: 14px; font-weight: normal; text-align: justify; margin-bottom: 10px;}

.GewinnForm .Personal { float: left; margin-bottom: 30px; }
.GewinnForm .PersonalForm { float: left; width: 350px; padding: 0; margin: 0; }
.GewinnForm .PersonalForm label { clear: both; float: left; width:100px; color: #000; padding-left: 10px; margin: 0 0  5px 0; }
.GewinnForm .PersonalForm input { float: left; width: 200px; background-color: #FFF; border: 1px solid #CCC; padding: 2px 4px;}
.GewinnForm .Personal .Hinweis { float: right; width: 330px; }
.GewinnForm .Personal .Hinweis .formhinweis{ background-color: #EEE; color: #333; font-size: 10px; font-weight: normal; line-height: 15px; margin: 0; padding: 10px 15px; }

.GewinnForm span.checkspan label { font-weight: bold;}


/* -------------- Umfrage Formular ------------- */
.UmfrageForm { float: left; padding: 15px; border: 1px solid #1F78A9;}

.UmfrageForm .Block { display:block; width: 100%; }
.UmfrageForm .Auswahl { display: block; height: 30px; margin-bottom: 5px; }
.UmfrageForm .Auswahl label { clear:both; float: left; width: 350px; color: #000; padding-left: 10px;}
.UmfrageForm .Auswahl select { float: right; border: 1px solid #CCC; background-color: #FFF; color: #333; }

.UmfrageForm .formhinweis { background-color: #D5EAF8; margin: 10px 0; padding: 3px 10px; color: #1F78A9; font-weight: bold; }
.UmfrageForm .formheadline { background-color: #D5EAF8; margin: 10px 0; padding: 3px 10px; color: #1F78A9; font-weight: bold;  }

.UmfrageForm .AuswahlGrau { display: block; height: 30px; }
.UmfrageForm .AuswahlGrau label { clear:both; float: left; width: 350px; color: #000; padding-left: 10px; }
.UmfrageForm .AuswahlGrau select { float: right; border: 1px solid #CCC; background-color: #FFF; color: #333; }

.UmfrageForm .Nachricht label { clear:both; float: left; width: 100px; color: #000; padding-left: 10px; }
.UmfrageForm .Nachricht textarea {
	float: right;
	width: 500px; height: 120px;
	border: 1px solid #CCC;
	background-color: #FFF;
	color: #333;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}

.UmfrageForm .Personal { display: block; margin-bottom: 10px; border-bottom: 1ps solid #CCC; }
.UmfrageForm .PersonalForm { float: left; width: 350px; padding: 0; margin: 0; }
.UmfrageForm .PersonalForm label { clear: both; float: left; width:100px; color: #000; padding-left: 10px; margin: 0 0  5px 0; }
.UmfrageForm .PersonalForm input { float: left; width: 200px; background-color: #FFF; border: 1px solid #CCC; padding: 2px 4px;}
.UmfrageForm .Personal .Hinweis { float: right; width: 290px; }
.UmfrageForm .Personal .Hinweis .formhinweis{ background-color: #EEE; color: #333; font-size: 10px; font-weight: normal; line-height: 15px; margin: 0; padding: 10px 15px; }



/* -------------- Blaetterkatalog ------------- */
.Katalog {float: left; width: 100%; }
.Katalog .Item {float: left; width: 100%; border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-bottom: 10px;}
.Katalog .Preview {float: left; margin-right: 25px; }
.Katalog .Titel { display: block; color:#0F5C89;}


/* -------------- 01 - einzelne Titelzeile ------------- */
.TitelZeile { display: block; }

.TitelZeile h1,
.TitelZeile h2, 
.TitelZeile h3, 
.TitelZeile h4, 
.TitelZeile h5, 
.TitelZeile h6 {}


.HeaderNews .TitelZeile {margin-bottom: 10px;}
.HeaderNews .TitelZeile h1,
.HeaderNews .TitelZeile h2, 
.HeaderNews .TitelZeile h3, 
.HeaderNews .TitelZeile h4, 
.HeaderNews .TitelZeile h5, 
.HeaderNews .TitelZeile h6
{
	color: #FFF;
	background: transparent url(a4weiss.png) no-repeat;
}

.TitelZeile h1,
.HeaderNews .TitelZeile h1 { background-position: 0 2px;}

.TitelZeile h2,
.HeaderNews .TitelZeile h2 { background-position: 0 0;}

.TitelZeile h3,
.HeaderNews .TitelZeile h3 { background-position: 0 -2px;}

#HeaderText .TitelZeile { background: none; padding: 0; margin: 0;}
#HeaderText h1 { font-size: 38px;line-height: 36px; color: #FFF; font-weight: normal; }
#HeaderText h2 { font-size: 21px;line-height: 25px; color: #FFF; font-weight: normal;}
#HeaderText h3 { font-size: 19px;line-height: 22px; color: #FFF; font-weight: normal;}
#HeaderText h4 { font-size: 19px;line-height: 22px; color: #FFF; font-weight: normal;}
#HeaderText h5 { font-size: 19px;line-height: 22px; color: #FFF; font-weight: normal;}


/* -------------- 01 - Text und/oder Bild Modul ------------- */
.TextBox { position: relative; float: left; width: 100%; }

/* .TextBox p { margin: 0; padding: 0; } */
.TextBox ul { margin: 8px 0; padding: 0;}
.TextBox li { list-style-position: outside; margin-left: 18px; }

.TextBox img { margin-bottom: 5px; }
.TextBox p.BildText { padding: 0; margin-bottom: 10px; font-size: 10px; line-height: 13px; }

.TextBox .BildUnten { margin-top: 10px; }
.TextBox .BildOben { margin-bottom: 10px; }

.TextBox .flRight { text-align: right; }
.TextBox .flLeft { text-align: left; }


/* nur linke Spalte */
#ContentLinks .TextBox { width: 200px; padding: 0 10px; margin: 0 0 5px 0; overflow: hidden; color: #FFF; }
#ContentLinks .BildUnten img { overflow: hidden; border: 1px solid #FFF; }


/* -------------- TextBoxRahmen 01 ------------- */
.TextBoxRahmen01 {
	float: left;
	background-color: #E3001A;
	border: 1px solid #E3001A;
	color: #FFF;
}

.TextBoxRahmen01 p  {  margin:0; padding: 0;}
.TextBoxRahmen01 ul { margin: 8px 0; padding: 0; }
.TextBoxRahmen01 li { list-style-position: outside; margin-left: 18px; }

.TextBoxRahmen01 img { margin:0 0 3px 0; padding: 3px; background-color: #FFF;}
.TextBoxRahmen01 p.BildText { padding: 0; margin:12px; font-size: 10px; line-height: 13px; }

.TextBoxRahmen01 .BildUnten { margin-top: 10px; }
.TextBoxRahmen01 .BildOben { margin-bottom: 10px; }

.TextBoxRahmen01 .flRight { text-align: right; }
.TextBoxRahmen01 .flLeft { text-align: left; }

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


/* -------------- TextBoxRahmen 02  ------------- */
.TextBoxRahmen02 {
	float: left;
	background-color: #FFF;
	border: 1px solid #E3001A;
	color: #000;
	overflow: hidden;
}

.TextBoxRahmen02 p  {  margin:0; padding: 0;}
.TextBoxRahmen02 ul { margin: 8px 0; padding: 0; }
.TextBoxRahmen02 li { list-style-position: outside; margin-left: 18px; }

.TextBoxRahmen02 img { margin:0; padding: 0;}
.TextBoxRahmen02 p.BildText { padding: 0; margin-bottom:10px; font-size: 10px;  line-height: 13px;}

.TextBoxRahmen02 .BildUnten { margin-top: 10px; }
.TextBoxRahmen02 .BildOben { margin-bottom: 10px; }

.TextBoxRahmen02 .flRight { text-align: right; }
.TextBoxRahmen02 .flLeft { text-align: left; }

.TextBoxRahmen02 h1,
.TextBoxRahmen02 h2, 
.TextBoxRahmen02 h3, 
.TextBoxRahmen02 h4, 
.TextBoxRahmen02 h5, 
.TextBoxRahmen02 h6 { color: #000; }


/* -------------- TextBoxRahmen 03 ------------- */
.TextBoxRahmen03 {
	float: left;
	background-color: #0F5C89;
	border: 1px solid #0F5C89;
	color: #FFF;
}

.TextBoxRahmen03 p  {  margin:0; padding: 0;}
.TextBoxRahmen03 ul { margin: 8px 0; padding: 0; }
.TextBoxRahmen03 li { list-style-position: outside; margin-left: 18px; }

.TextBoxRahmen03 img { margin:0 0 3px 0; padding: 3px; background-color: #FFF;}
.TextBoxRahmen03 p.BildText { padding: 0; margin:12px; font-size: 10px; line-height: 13px; }

.TextBoxRahmen03 .BildUnten { margin-top: 10px; }
.TextBoxRahmen03 .BildOben { margin-bottom: 10px; }

.TextBoxRahmen03 .flRight { text-align: right; }
.TextBoxRahmen03 .flLeft { text-align: left; }

.TextBoxRahmen03 h1,
.TextBoxRahmen03 h2, 
.TextBoxRahmen03 h3, 
.TextBoxRahmen03 h4, 
.TextBoxRahmen03 h5, 
.TextBoxRahmen03 h6 { color: #FFF; }


/* -------------- TextBoxRahmen 04 ------------- */
.TextBoxRahmen04 {
	float: left;
	background-color: #FFF;
	border: 1px solid #0F5C89;
	color: #000;
	overflow: hidden;
}

.TextBoxRahmen04 p  {  margin:0; padding: 0;}
.TextBoxRahmen04 ul { margin: 8px 0; padding: 0; }
.TextBoxRahmen04 li { list-style-position: outside; margin-left: 18px; }

.TextBoxRahmen04 img { margin:0; padding: 0;}
.TextBoxRahmen04 p.BildText { padding: 0; margin-bottom:10px; font-size: 10px;  line-height: 13px;}

.TextBoxRahmen04 .BildUnten { margin-top: 10px; }
.TextBoxRahmen04 .BildOben { margin-bottom: 10px; }

.TextBoxRahmen04 .flRight { text-align: right; }
.TextBoxRahmen04 .flLeft { text-align: left; }

.TextBoxRahmen04 h1,
.TextBoxRahmen04 h2, 
.TextBoxRahmen04 h3, 
.TextBoxRahmen04 h4, 
.TextBoxRahmen04 h5, 
.TextBoxRahmen04 h6 { color: #000; }


/* ----------- TextBox Floating ---------------- */
.TextLinks  { float: left; margin: 0; padding: 0; }
.TextRechts { float: right; margin: 0; padding: 0; }


/* --------------SpezialBox------------- */
.SpezialBox { display: block; width: 100%; background-color: #d5eaf8; color: #000; font-weight: normal; border-bottom: 1px solid #FFF; }
.SpezialBox .innen { padding: 10px 4px 10px 8px;}
.SpezialBox .Icon { float: left; position: relative; top: -1px;}

.SpezialBox .Titel { display: block; font-size: 13px; font-weight: bold; color: #1f78a9; margin-bottom: 10px; height: 20px; letter-spacing: -0.02em;}
.SpezialBox .Titel a { font-weight: bold; color: #1f78a9;}
.SpezialBox .Titel a:hover { color: #1f78a9; text-decoration: none;}
.SpezialBox .Text { padding-left: 4px; font-size: 11px; line-height: 14px;}


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

.Teaser .TeaserBox {
	float: left;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #E5E5E5;
}
.TeaserBox .flLeft { }
.TeaserBox .flRight { }
.TeaserBox a {}
.TeaserBox img {}
.TeaserBox ul {}
.TeaserBox ul li { list-style: outside; margin-left: 17px;}

.Teaser .TeaserBox .TeaserBild { margin-bottom: 5px;}
.Teaser .TeaserBox .TeaserBild a { }
.Teaser .TeaserBox .TeaserBild img { }

.Teaser .TeaserBox .TeaserText { }
.Teaser .TeaserBox .TeaserText flLeft { background-color:#66C}
.Teaser .TeaserBox .TeaserText flRight {}

.Teaser .TeaserBox .TeaserText h1,
.Teaser .TeaserBox .TeaserText h2,
.Teaser .TeaserBox .TeaserText h3,
.Teaser .TeaserBox .TeaserText h4
{ font-size: 14px; }

.Teaser .TeaserBox .TeaserText h1 a,
.Teaser .TeaserBox .TeaserText h2 a,
.Teaser .TeaserBox .TeaserText h3 a,
.Teaser .TeaserBox .TeaserText h4 a
{ text-decoration: underline; color: #414141; }

.Teaser .TeaserBox .TeaserText a { }
.Teaser .TeaserBox .TeaserText a:hover { color:#E2001A; }

#ContentRechts .Teaser .TeaserBox .TeaserText a { color: #FFF;}
#ContentRechts .Teaser .TeaserBox .TeaserText a:hover { color: #CCC; }

.TeaserNav span { padding: 0; margin: 0;}
.TeaserNav span a { display: block; padding: 3px 8px; color: #e2001a; font-weight: bold;}

/* HEADER NEWS */
.HeaderNews .Teaser .TeaserBox .TeaserText h1 a,
.HeaderNews .Teaser .TeaserBox .TeaserText h2 a,
.HeaderNews .Teaser .TeaserBox .TeaserText h3 a,
.HeaderNews .Teaser .TeaserBox .TeaserText h4 a {
	font-size: 12px;
	font-weight: normal;
	color:#FFF;
	line-height: normal;
	text-decoration: none;
}
.HeaderNews .Teaser .TeaserBox .TeaserText a:hover { color: #ff001d; }

.HeaderNews .TeaserBox {
	margin: 0;
	margin-bottom: 3px;
	position: relative;
	background-color: #540009;
	border-bottom: 1px solid #e2001a;
}

.HeaderNews .TeaserText { padding: 5px; color: #FFF; }
.HeaderNews .TeaserText a.NewsButton {
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: block;
	width: 10px;
	height: 10px;
	background: transparent url(pfeil.gif) no-repeat 0 0;
}

/* -------------- Newsletter/Groupletter ------------- */

.newsletter { float: left; width: 100%; border: 1px solid #E3001B;}
.newsletterForm { position: relative; float: left; overflow: hidden; }
.newsletterForm p { clear: both;  margin:0; padding: 0;}
.newsletterForm p.send { margin-left: 150px;}
.newsletterForm p.send input { cursor: pointer; }
.newsletterForm form { float: left; padding: 15px; }
.newsletterForm label { float: left;width:150px; cursor:auto;}
.newsletterForm input { float: left; width: 200px; border:1px solid #ccc; margin: 3px 0;}
.newsletterForm select { border:1px solid #ccc;padding:2px;width:75px;}

.newsletter .warning {float:left; width: 100%; background-color: #E3001B; }
.newsletter .warning p {padding: 5px 10px; color:#FFF; font-weight: bold;}

.newsletter p.danke { padding: 15px;}


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

.BilderBox .PreviewText {}
.BilderBox p.BilderAnzahl { font-size: 10px; line-height: 12px; text-align: left; }


/* -------------- Logo/Marken Galerie ------------- */
.MarkenBox { float: left; display:block; width: 100%; }

.MarkenBox .ImgLine { float: left; }

.MarkenBox .outter {
	float: left;
	display: table;
	height:300px;
	#position: relative;
	overflow: hidden;
}

.MarkenBox .inner {
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.MarkenBox .bild {
	#position: relative;
	#top: -50%; 
}


/* -------------- Logo/Partner mit Verlinkung ------------- */
.LogoBox { float: left; width: 100%; height: auto; }

.LogoBox ul { margin: 0; padding: 0; }
.LogoBox ul li {
	float: left;
	list-style: none;
	margin: 0 5px 10px 5px;
}
.LogoBox a { text-decoration: none; }
.LogoBox a:hover { text-decoration: none; }

.LogoBox img { background: #FFF; }


/* -------------- Ein Bild hinzufügen ------------- */
.Bild { display: block; width: 100%; overflow: hidden; }
.Bild a { padding: 0; margin: 0;}

#StartContent .Bild { width: 525px; margin: 0; padding: 0px 3px 3px 3px; float: left; overflow: hidden;}

#main_left #ContentLinks .Bild,
#main_left #BildLinks .Bild {margin: 0; padding: 0;}
#main_left #ContentLinks .Bild a {margin: 0; padding: 0;}


/* -------------- Rechts Flash/Bild einfügen ------------- */
.FlashSlider { }
.Slider { float: left; width: 100%; overflow: hidden;}


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


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


/* -------------- PDF Download Box ------------- */
.PDFdownload { float: left; width: 100%; border-bottom: 1px solid #E5E5E5; }
.PDFdownload .Bild {float: left;}
.PDFdownload .Bild img {width: 100%; height: auto;}
.PDFdownload .Link {float: right;}


/* -------------- Linie/Anker ------------- */
.LinieAnker {float: left; width: 100%; margin: 0 0 20px 0; padding: 0;}
.Anker {float: right; padding: 0; margin: 0 0 2px 0; width: 100%; text-align: right;}
.Anker a {
	float: right;
	width: 115px;
	text-align: left;
	text-decoration: none;
	background: transparent url(img/pfeil_rot_o.gif) no-repeat right 8px;
	color: #000;
}
.Anker a:hover {text-decoration: underline; color: #E3001A; }


/* --------------2-Spalten Modul------------- */
.SpaltenBox2 {float: left; width: 100%; overflow: hidden; }

.SpaltenBox2 .Links { float: left; }
.SpaltenBox2 .Rechts { float: right; margin:0; }
.SpaltenBox2 img { display: block; width: 100%;  margin: 5px 0; }
.SpaltenBox2 p { margin-top: 5px; }
.SpaltenBox2 ul { margin-left: 15px;}


/* --------------3-Spalten Modul------------- */
.SpaltenBox3 {float: left; width: 100%; overflow: hidden; }

.SpaltenBox3 .Links { float:left; margin-right: 10px;}
.SpaltenBox3 .Mitte { float: left; margin-right: 10px;}
.SpaltenBox3 .Rechts { float: right;}
.SpaltenBox3 img { display: block; width: 100%;  margin: 5px 0; }
.SpaltenBox3 p { margin-top: 5px; }
.SpaltenBox3 ul { margin-left: 15px;}


/* -------------- Sitemap ------------- */
.Sitemap { display: block; width: 100%; }
.Sitemap ul {}
.Sitemap ul li { list-style: none;}
.Sitemap ul li a {}
.Sitemap ul li p { margin-bottom: 10px; padding-left: 25px; }
.Sitemap ul li span {}


/* --------------Google-Map------------- */
.googleBox {
	float: left;
	width: 100%;
	height: 300px;
	visibility: hidden;
}

iframe { padding: 0; border: 1px solid #999999; }


/* -------------- Galerie (LightBox) ------------- */
.Galerie { float: left; width: 100%; }

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



/* -------------- Datei Download ------------- */

.DateiDownload {
	float: left;
	width: 100%;
}

.link_icon {
	float: left; 
	height: 32px; 
	padding-left:45px;
	padding-top: 6px;
	background-repeat: no-repeat; 
}
.ico_pdf { background-image:url(icons/pdf_icon_32.gif); }
.ico_xls { background-image:url(icons/excel_icon_32.gif); }
.ico_doc { background-image:url(icons/word_icon_32.gif); }
.ico_ppt { background-image:url(icons/ppt_icon_32.gif); }
.ico_blank { background-image:url(icons/blank_icon_32.gif); }