@charset "utf-8";
/* CSS Document */

/* Allgemeine Einstellungen */
	
	/* Standard-Elemente */
	* { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; color:#ffffff; }
	html {font-size:12px; text-decoration:none;}
	body {background-color: #062d62; }
	body.startseite { background-image: url(../img/hg_footer.jpg); background-repeat: repeat-x; background-position: center 660px;}
	div.clearbox { clear:both; }
	div.trenner { background-image:url(../img/trenner.gif); background-repeat:repeat-x; height:25px; display: block; background-position:center;}
	img {border: 0px; margin: 0px; padding: 0px; }
	ul { list-style:none; padding: 0px 0px 0px 0px; margin: 15px 0px 0px 0px;}
	ul li {padding: 0px 0px 0px 10px; margin: 8px 0px 8px 0px; background-image:url(../img/listen-pfeil.gif); background-repeat:no-repeat; background-position: 1px 5px;}
	
	
	/* Schriften */
	h1 { font-size:25px; color: #e4001f; margin: 0px 0px 10px 0px; font-weight: bold; }
	h2 { font-size:14px; margin: 0px 0px 10px 0px; font-weight: normal; }
	h3 { font-size:18px; margin: 0px 0px 0px 0px; font-weight: normal; }
	a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:12px; text-decoration:none; }
	a:hover { color:#666666; text-decoration:none; }


/* Site-Layout */
div.website-hintergrund  { background-color: #062d62; background-image:url(../img/hg_body.jpg); background-repeat:repeat-y; background-position:center;}
div.website {width: 980px; display:block; margin: 0px auto; padding: 0px 5px 0px 5px; background-image:url(../img/hg_website_mitte.jpg); background-repeat:repeat-y; }
div.abschluss-header {width: 990px; height: 15px; display:block; margin: 0px auto; background-image:url(../img/hg_website_oben.jpg); background-repeat:repeat-y; background-position:top;}
div.abschluss-footer {width: 990px; height: 20px; display:block; margin: 0px auto; background-image:url(../img/hg_website_unten.jpg); background-repeat:repeat-y; background-position:top;}


/* Contentbereich */
div.header {width: 980px; height: 115px; display:block; }
div.header-links {width: 165px; height: 35px; display:block; float:left; padding: 80px 20px 0px 20px; }
div.header-rechts {width: 775px; height: 115px; display:block; float:left; background-image:url(../img/hg_header.jpg); background-repeat:no-repeat; }


/* Navigationen */

	/* Hauptnavigation */
	div.hauptnavigation { width: 755px; display: block; padding: 85px 10px 0px 10px; text-align:right;}
	div.hauptnavigation a { margin: 0px 10px 0px 10px; color:#FFFFFF; font-size: 18px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;} 
	div.hauptnavigation a:hover, div.hauptnavigation a.aktiviert { color: #e4001f;}
	
	
	/* Subnavigation */
	div.subnavigation a { width: 159px; display:block; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 40px; font-weight:normal; color:#475a88; font-size: 14px; font-weight: normal; background-image:url(../img/hg_subnavigation.jpg); background-repeat:no-repeat; background-position:top; background-color:#e2e2e2;  } 
	div.subnavigation a:hover, div.subnavigation a.aktiviert { color: #e4001f; background-image:url(../img/hg_subnavigation_hover.jpg); font-weight:bold; }
	

/* Eigenschaften - Headerbilder */
div.headerbild {width: 980px; height: 250px; display:block; background-position:top; background-repeat:no-repeat;}
body.startseite div.headerbild {height: 368px; }


/* Startseite */

	/* Content - Startseite */
	div.content {width: 980px;  display:block; }
	div.content-links {width: 205px; display:block; float:left; }
	div.content-links a.teaserlinks_startseite {width:122px; height:80px; display: block; margin: 20px 0px 0px 20px; padding: 20px; background-image:url(../img/pfeil_teaser_blau.jpg); }
	div.content-links a.teaserlinks_startseite:hover {display: block; background-image:url(../img/pfeil_teaser_rot.jpg); }
	div.content-rechts {width: 775px; display:block; float:left; background-image:url(../img/hg_content-gesamt.jpg); background-repeat:no-repeat; background-position:bottom; background-color: #002B5E; }
	div.content-rechts div.links {  float:left; }
	div.content-rechts div.rechts {  float:right; }
	
	div.content-links-start {padding:20px; width: 165px; display:block; float:left; }
	div.content-links-start a p {color:#022B5F; display: block; background-image:url(../img/pfeil_teaser_blau.jpg); background-repeat: no-repeat; background-position:right -4px;}
	div.content-links-start a:hover p {color:#E4011F; background-image:url(../img/pfeil_teaser_rot.jpg); }
	
	
	/* Startseiten Teaser, allgemein | Aktuelles */
	* html div.content-rechts div.teaser h2 {margin-top: -20px;}

	div.content-rechts div.teaser { width: 347px; height: 135px; display: block; padding: 20px 20px 0px 20px; background-image:url(../img/hg_startteaser.jpg); background-repeat:repeat-x; background-position:top;  }
	div.content-rechts div.teaser h1 { color:#FFFFFF; height:60px; display:block; font-size: 25px; font-weight:normal; margin: 0px 0px 5px 0px; padding: 0px; }
	div.content-rechts div.teaser h2 { color:#A4ADC4; height: 20px; display:block; font-size: 18px; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.content-rechts div.teaser p i { color: #e4001f; font-style:normal; font-size: 12px; display:block; height: 20px;}
	div.content-rechts div.teaser p a { height: 20px; color: #ffffff;  padding: 0px 20px 0px 0px; background-image:url(../img/pfeil_rot.png); background-repeat:no-repeat; background-position:right center;}
	* html div.content-rechts div.teaser p a { background-image:url(../img/pfeil_rot.gif);}
	*+html div.content-rechts div.teaser p a { background-image:url(../img/pfeil_rot.gif);}
	div.content-rechts div.teaser p a:hover { color: #e4001f; }
	div.content-rechts div.teaser div.trenner { width: 347px;}
	


/* PLZ-Suche */
div.content-rechts div.teaser form.plz-form { width: 217px; height: 35px; display: block; padding: 100px 0px 0px 130px; margin: 0px 0px 0px 0px; background-repeat:no-repeat; background-position: 0px 0px; background-image:url(../img/hg_plz-form.jpg);  }
div.content-rechts div.teaser form.plz-form p {}
form.plz-form input { width: 135px; height: 10px; display: block; float:left; padding: 3px 3px 3px 3px; margin: 0px 0px 0px 0px; color:#666666; font-size:10px; font-family:Arial, Helvetica, sans-serif; }
div.content-rechts div.teaser form.plz-form a.button { width: 13px; height: 14px; margin: 2px 0px 0px -10px; display:block; float:left; background-image:url(../img/pfeil_rot.png); background-repeat:no-repeat;}
* html div.content-rechts div.teaser form.plz-form a.button { background-image:url(../img/pfeil_rot.gif);}
*+html div.content-rechts div.teaser form.plz-form a.button { background-image:url(../img/pfeil_rot.gif);}

div.content-rechts div.teaser form.plz-form label {width: 35px; height: 14px; padding: 3px 0px 0px 0px; display:block; float:left;}

div.plz-footer {width: 715px; height: 40px; display:block; padding: 20px 0px 0px 0px; margin: 0px 30px 0px 30px; background-image:url(../img/trenner.gif); background-repeat:repeat-x; background-position:top;}
div.plz-footer a { width: 260px; height: 14px; padding: 3px 0px 0px 0px; display:block; float:left; color: #FFFFFF; background-image:url(../img/pfeil_rot.png); background-repeat:no-repeat; background-position:right 4px;} 
* html div.plz-footer a { background-image:url(../img/pfeil_rot.gif); }
*+html div.plz-footer a { background-image:url(../img/pfeil_rot.gif); }
div.plz-footer a:hover { color:#A4ADC4;}


/* Inhaltsbereich - Unterseiten */

	/* Inhaltsbereich - Content - Inhalte */
	div.content-rechts div.inhalte { width: 485px; display: block; float:left; padding: 30px 0px 30px 30px; }  /* Gesamt: 775 Breit */
	div.content-rechts div.inhalte h1 { font-size: 20px; font-weight:normal; margin: 0px 0px 20px 0px;}
	div.content-rechts div.inhalte h2 {font-size: 20px; font-weight:normal;margin: 0px 0px 0px 0px; padding: 0px; }
	div.content-rechts div.inhalte a {height: 20px; color: #ffffff; display: inline-block; padding: 0px 20px 0px 0px; }
	div.content-rechts div.inhalte a:hover {color: #a4adc4;}
	div.content-rechts div.inhalte p { line-height: 160%; padding: 10px 0px 0px 0px;}
	div.content-rechts div.inhalte p a { text-decoration:underline; color: #FFFFFF; background-image:none; padding: 0px 0px 0px 0px; margin-top: 0px; display: inline; }
	div.content-rechts div.inhalte p a:hover { text-decoration:underline; color: #a4adc4;}
	div.content-rechts div.inhalte p img { float:left; margin: 5px 15px 10px 0px; border: 1px #ffffff solid; }
	div.content-rechts div.inhalte div.trenner { margin: 20px 0px 20px 0px;}
	div.content-rechts div.inhalte p a.internal-link { color:#FFFFFF; padding: 0px 20px 0px 0px; text-decoration:none; background-image:url(../img/pfeil_rot.png); background-repeat:no-repeat; background-position:right 0px; }
	* html div.content-rechts div.inhalte p a.internal-link { background-image:url(../img/pfeil_teaser.gif); background-position:right 5px;}
	*+html div.content-rechts div.inhalte p a.internal-link { background-image:url(../img/pfeil_teaser.gif);}
	
	div.content-rechts div.inhalte p a.internal-link:hover { color:#FFFFFF; text-decoration:none;}
	
	/* Inhaltsbereich - Content - Partnerseite */
	div.content-rechts div.inhalte_partner { width: 740px; display: block; float:left; padding: 30px 0px 30px 30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }  /* Gesamt: 775 Breit */
	div.content-rechts div.inhalte_partner a { color: #ffffff; display: inline-block; background-image:none; }
	/* div.content-rechts div.inhalte_partner a { color: #ffffff; display: inline-block; padding: 0px 20px 0px 0px; background-image:url(../img/pfeil_rot.png); background-repeat:no-repeat; background-position:right 1px;} */
	div.content-rechts div.inhalte_partner a:hover {color: #a4adc4;}
	div.content-rechts div.inhalte_partner div.trenner { margin: 20px 0px 20px 0px;}
	
	div.content-rechts div.inhalte_partner div.partner { float:left; display:block; width:220px; line-height:160%; font-family:Arial, Helvetica, sans-serif;}
	div.content-rechts div.inhalte_partner div.partner a.ohne_pfeil { background-image:none;}
	div.content-rechts div.inhalte_partner div.partner a.mail { background-image:none; font-size:12px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
	div.content-rechts div.inhalte_partner div.karte { float:left; display:block; width:490px; height:657px; padding: 7px;}
	div.content-rechts div.inhalte_partner div.karte a { background-image:none;}
	
	
	/* Inhaltsbereich - rechte Marginalspalte */
	div.content-rechts div.marginalspalte {width: 200px; display: block; float:left; margin: 30px 0px 30px 30px; padding: 0px 0px 70px 0px; background-image:url(../img/hg_teaserkasten-footer.jpg); background-repeat:no-repeat; background-position:bottom; background-color: #022D60;}
	div.content-rechts div.marginalspalte-header { background-image: url(../img/hg_teaser-eins.jpg); background-repeat:no-repeat; background-position:top;}
	div.content-rechts div.marginalspalte div.contentteaser { text-align: center; padding-top: 20px; }
	div.content-rechts div.marginalspalte div.contentteaser h3 {padding: 0px 20px 20px 20px;color:#a4adc4; text-align: left; }	
	* html div.content-rechts div.marginalspalte div.contentteaser h3 {padding: 0px 20px 0px 20px; margin-bottom:20px;}
	*+html div.content-rechts div.marginalspalte div.contentteaser h3 {padding: 0px 20px 0px 20px}
	
	/* div.content-rechts div.marginalspalte div.contentteaser a img { float:left; display:block; background-image:none; padding-bottom:10px;} */
	
	div.content-rechts div.marginalspalte div.contentteaser img { margin: 0px 20px 0px 20px;}
	/* * html div.content-rechts div.marginalspalte div.contentteaser img { margin: 20px 20px 0px 20px;} */
	*+html div.content-rechts div.marginalspalte div.contentteaser img { margin: 20px 20px 0px 20px;}
	div.content-rechts div.marginalspalte div.contentteaser ul { padding: 0px 20px 0px 20px;}
	div.content-rechts div.marginalspalte div.contentteaser ul li {color:#a4adc4; text-align: left; }
	div.content-rechts div.marginalspalte div.contentteaser p {padding: 20px 20px 0px 20px; color:#a4adc4;  text-align: left;line-height: 160%;}
	div.content-rechts div.marginalspalte div.contentteaser p a {background-image:url(../img/pfeil_teaser.gif); background-repeat:no-repeat; background-position:right 3px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#A4ADC4; display:block;}
	div.content-rechts div.marginalspalte div.contentteaser a.pfeil_link { width: 140px; height: 20px; text-align: left; color: #ffffff; display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px; background-image:url(../img/pfeil_teaser.gif); background-repeat:no-repeat; background-position:right 3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color: #e4001f; line-height:130%; }
	div.content-rechts div.marginalspalte div.contentteaser a.pfeil_link:hover {color: #a4adc4;}
	div.content-rechts div.marginalspalte div.trenner { background-image:url(../img/teaser-trenner.gif); padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
	


/* Footer */
div.footer {background-image: url(../img/hg_footer.jpg); background-repeat: repeat-x; background-position: center top;}
div.startseite {background-image: url(../img/hg_footer.jpg); }
div.unterseite {background-image: url(../img/hg_footer_unterseiten.jpg); }


	/* Footer 1 */
	div.footer-inhalt1 {width: 980px; margin: 0px auto; height: 80px; display:block; }
	div.footer-inhalt1 div.kontakt { width: 200px; height: 68px; display: block; float:left; padding: 12px 20px 0px 20px; }
	div.footer-inhalt1 div.anschrift {width: 360px; height: 68px; display: block; float:left; padding: 12px 20px 0px 20px; }
	div.footer-inhalt1 div.metanavigation {width: 165px; height: 68px; display: block; float:right; padding: 12px 20px 0px 20px;}
	div.footer-inhalt1 div.anschrift p, div.footer-inhalt1 div.kontakt p, div.footer-inhalt1 div.kontakt p a, div.footer-inhalt1 div.metanavigation p, div.footer-inhalt1 div.metanavigation b, div.footer-inhalt1 div.metanavigation p a {font-size: 11px; font-family:Arial, Helvetica, sans-serif;  color: #a4adc4; }
	div.footer-inhalt1 div.kontakt b, div.footer-inhalt1 div.anschrift b {font-size: 11px; font-family:Arial, Helvetica, sans-serif;  color: #a4adc4;  }
	div.footer-inhalt1 div.metanavigation, div.footer-inhalt1 div.metanavigation a {font-size: 11px; font-family:Arial, Helvetica, sans-serif;  color: #a4adc4;  }
	div.footer-inhalt1 div.metanavigation a:hover, div.footer-inhalt1 div.kontakt p a:hover { color: #efefef;}
	.links { color: #a4adc4; font-size:11px;}
	.links:hover { color: #FFFFFF;}
	
	/* Footer 2 */
	div.footer-inhalt2 {width: 940px; margin: 0px auto; height: 30px; display:block; clear:both; padding: 5px 20px 0px 20px; }
	div.footer-inhalt2 div.slogan {font-size: 11px; font-family:Arial, Helvetica, sans-serif;  color: #ffffff; width: 400px; display: block; float:left;}
	div.footer-inhalt2 div.copyright {font-size: 11px; font-family:Arial, Helvetica, sans-serif;  color: #ffffff; width: 400px; display:block; float:right; text-align:right;}


/*Kontaktform */
div.content-rechts div.inhalte form.kontaktform { width:320px; display:block;  float:left;}
div.content-rechts div.inhalte form.kontaktform label {float:left; height:17px; display:block; width:100px; }
div.content-rechts div.inhalte form.kontaktform.text_formular { width:98%; margin-bottom:8px; border:1px solid #999; padding:2px; }
.text_formular_kontakt { width:200px;height:17px; float:left; margin-bottom:8px; border:1px solid #999; padding:2px; color:#000000;}
.text_formular_kontakt_nachricht { width:200px; height:50px; float:left; margin-bottom:8px; border:1px solid #999; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }
/* (c) conception - Mirko Kabsch */

