@charset "utf-8";

/* Allgemeine Angaben: */
	
	* {padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #444444; line-height: 20px; }
	html {background-color: #e6e6e6; background-image:url(../img/layout/hg_website.jpg); background-repeat:repeat-x; }
	
	h1, h1 span { font-size: 15px; font-weight: normal; color: #FFFFFF;}
	h2 { font-size: 22px; font-weight: bold; color: #FFFFFF;}
	h3 { font-size: 13px; font-weight: bold; color: #001f41; background-image:url(../img/layout/hg_h3.jpg); background-repeat: no-repeat; height: 30px; padding: 10px 0px 0px 18px; text-transform: uppercase;}
	b, strong {color: #001f41; }
	p {margin-bottom: 15px;}
	img {border: none;}
	
	ul, ol { margin-bottom: 15px;}
	ul li { list-style: none; background-image: url(../img/layout/listenpointer.gif); background-repeat:no-repeat; background-position: 3px left; padding-left: 10px; }
	ol li { margin-left: 18px;}
	
	
	/* Allgemein Boxen: */
	div#maincontainer {width: 954px; margin: 0px auto; background-image:url(../img/layout/hg_subnavi_wdh.gif); background-repeat:repeat-y; background-position:center;}
	div#ecke { width: 14px; height: 14px; background-image: url(../img/layout/bildecke.gif); background-repeat: no-repeat; z-index: 1000; }
	div#clearbox {clear: both;}
	
	
	

/* Navigation: */
	
	/* Textlinks: */
	a { text-decoration: none; }
	#content a { text-decoration: underline; }



	/* Hauptnavigation: */
	a.logo {float: left; margin: 0px 20px 0px 0px;}
	a#hauptnavigation { width: 133px; height: 24px; padding: 25px 0px 0px 12px; display: block; float: left; background-image:url(../img/layout/bt_rot.jpg); background-repeat:no-repeat; color: #FFFFFF; font-size: 12px; text-decoration: none; font-weight: bold;  z-index: 1000; }
	a#hauptnavigation:hover {background-image:url(../img/layout/bt_blau.jpg); }
	div#a_zwischen {width: 5px; height: 49px; display: block; float: left; background-image:url(../img/layout/bt_zwischen.jpg); background-repeat:no-repeat;}
	div#a_links {width: 6px; height: 49px; display: block; float: left; background-image:url(../img/layout/bt_links.jpg); background-repeat:no-repeat;}
	div#a_rechts {width: 16px; height: 49px; display: block; float: left; background-image:url(../img/layout/bt_rechts.jpg); background-repeat:no-repeat;}


		/* Hauptnavigation: Klappmenü-Eigenschaften */
		ol.MenuBarHorizontal { margin: 0; padding: 0; list-style: none; list-style-type: none; cursor: default; width: auto; z-index: 1000;  }
		ol.MenuBarActive { z-index: 1000; }
		ol.MenuBarHorizontal li { margin: 0;	padding: 0;	list-style: none; list-style-type: none;	font-size: 100%; position: relative; text-align: left; cursor: pointer; height: auto; float: left;}
		ol.MenuBarHorizontal ol{ margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 183px; position: absolute; left: -800em; top: 49px;}
		ol.MenuBarHorizontal ol.MenuBarSubmenuVisible { left: auto; }
		ol.MenuBarHorizontal ol li { width: 165px;}
		ol.MenuBarHorizontal ol ol { position: absolute; margin: -5% 0 0 95%; border-top: 6px solid #FFFFFF;}
		ol.MenuBarHorizontal ol.MenuBarSubmenuVisible ol.MenuBarSubmenuVisible { left: auto; top: 0;}
		ol.MenuBarHorizontal ol { border-top: 8px solid #FFFFFF; border-right: 6px solid #FFFFFF; border-left: 6px solid #FFFFFF; border-bottom: 6px solid #FFFFFF; background-image:url(../img/layout/hg_klappmenue.jpg); background-repeat: repeat-x; background-position: top; background-color: #006bb3;}
		ol.MenuBarHorizontal a { display: block; cursor: pointer;  padding: 5px 12px 5px 5px; color: #FFFFFF;  font-size: 11px; text-decoration: none; width: 166px; border-bottom: 1px #ffffff solid; }
		ol.MenuBarHorizontal a:hover, ol.MenuBarHorizontal a:focus { color: #FFFFFF;  font-size: 11px; }
		ol.MenuBarHorizontal a.MenuBarItemHover, ol.MenuBarHorizontal a.MenuBarItemSubmenuHover, ol.MenuBarHorizontal a.MenuBarSubmenuVisible { background-color: #700b1b; background-image:url(../img/layout/hg_klappmenue-over.jpg); background-repeat:no-repeat; background-position:top; color: #FFF; font-size: 11px;border-bottom: 1px #ffffff solid; }
		ol.MenuBarHorizontal ol a.MenuBarItemSubmenu {background-image: url(../img/layout/pfeil-weiss.gif); background-repeat:no-repeat; background-position: 170px; border-bottom: 1px #ffffff solid; }
		ol.MenuBarHorizontal ol a.MenuBarItemSubmenuHover { background-color: #700b1b; background-image:url(../img/layout/hg_klappmenue-over.jpg); background-repeat:no-repeat; background-position:top; border-bottom: 1px #ffffff solid; }
		ol.MenuBarHorizontal iframe { position: absolute; z-index: 1010;}
		ol.MenuBarHorizontal ol#MenuBarItemSubmenu4 { margin-left: -50px; }


	/* Metanavigation: */
	a.metanavigation { padding: 10px 20px 0px 6px; height: 18px; display: block; float: left; color: #858585; font-size: 12px; text-decoration: none; font-weight: bold; border-left: 1px #c8c8c8 solid;}
	a.metanavigation:hover { color: #006ab3;}
	div#metainhalt { margin: 0px 25px 0px 15px; padding: 10px 94px 0px 10px; height: 18px; float: left; color: #858585; font-size: 11px; width: 177px; border-left: 1px #c8c8c8 solid;}
	div#metalinie { width: 7px; height: 18px; display: block; float: left; color: #858585; border-left: 1px #c8c8c8 solid; padding: 10px 0px 0px 5px; font-size:11px;}
	div#metaabstand { width: 65px; height: 28px; display: block; float: left; }

	
	/* Formulare: */
	form#metaform { width: 110px; padding: 0px 0px 0px 0px; float: left; margin: -15px 0px 0px -4px;}
	form#metaform input.header { height:11px; width: 80px; color: #858585; font-weight: normal; font-size: 10px; float: left; }
	form#metaform input.button { float: left; margin-top: -2px;}
	
	input {line-height: 11px;}
	


	/* Subnavigation: */
	a.submenue { margin: 15px 0px 0px 15px; width: 305px; height: 66px; background-image:url(../img/layout/hg_subnavipunkt.jpg); background-repeat:no-repeat; background-position: right bottom; display: block; color: #666666; font-size: 11px; line-height:12px;}     /* width: 219px; height: 45px; */
	a.submenue:hover b {font-weight: bold;}
	a.submenue b { padding-top: 11px; font-size: 12px; font-weight: normal; display: block;}
	a.submenue img {float: left; margin-right: 5px; width: 86px; height: 66px;}
	a.submenue div#ecke { position: relative; left: 72px; top: 0px; } 


	/* Subnavigation, Accordion: */
	div#subauswahl a {height: 20px; display: block; font-size: 11px; padding: 2px 12px 2px 0px; background-image:url(../img/layout/pfeil-blau.gif); background-repeat:no-repeat; background-position:right; text-align: right; margin-right: 10px; }
	div#subauswahl a:hover { font-weight: bold;}
	div#subauswahl a.teaserlink:hover { font-weight: bold;}
	div#subauswahl p {margin: 10px; font-size: 11px;}	
	.Accordion { overflow: hidden; padding: 15px 0px 0px 0px; }
	.AccordionPanel { margin: 0px; padding: 0px; width: 339px; float: right; }
	.AccordionPanelTab { margin: 0px; padding: 1px; cursor: pointer; -moz-user-select: none;	-khtml-user-select: none; }
	.AccordionPanelTab b {}    /* color: RGB(0,106,179); */
	.AccordionPanelContent { overflow: hidden; display: block; margin: 0px 18px 0px 103px; padding: 0px; height: auto;  font-size: 11px; background-image:url(../img/layout/hg_teaser.jpg); background-repeat:repeat-y; height: auto;}
	.AccordionFocused .AccordionPanelOpen a { background-image:url(../img/layout/hg_subnavipunkt_aktiv.jpg); }

	
	
	/* Breadcrumb-Navigation: */
	div#breadcrumb {height: 20px; width: 525px; border-bottom: 1px #D8D8D8 solid; margin-top: -10px; margin-bottom: 15px; padding: 0px 0px 3px 0px; }
	div#breadcrumb a { font-size:10px; color: #999999;}
	div#breadcrumb a:hover { color: #d6d6d6;}
	div#breadcrumb a.unterseite { padding-left: 10px; margin-left: 5px; background-image:url(../img/layout/breadcrumb-pfeil.gif); background-repeat:no-repeat; background-position:left 5px;}
	div#breadcrumb a.unterseite:hover {}
	
	
	/* Sprachschalter: */
	.CollapsiblePanel {	position: absolute;	left: 50%; top:4px; margin-left: 270px;	z-index: 2200px; width: 152px; text-align: right; }
	.CollapsiblePanelTab { margin: 0px;	padding: 2px;	cursor: pointer; -moz-user-select: none; -khtml-user-select: none; font-size:11px;  color: #858585; background-image:url(../img/layout/pfeil-nachunten.gif); background-repeat:no-repeat; background-position:right 14px; padding: 0px 16px 0px 0px; }
	.CollapsiblePanelTab img { height: 12px; margin-top: 10px; margin-bottom: -2px;}
	.CollapsiblePanelContent a img { height: 12px; margin-bottom: -2px; margin-right: 2px;}
	.CollapsiblePanelContent {	margin: 0px; z-index: 2100px; padding: 5px 35px 5px 50px; width: 82px; display: block; background-color: #FFFFFF; border-bottom: 1px #c8c8c8 solid; border-left: 1px #c8c8c8 solid; border-right: 1px #c8c8c8 solid;}
	.CollapsiblePanelTab a { border: 2px #FFFFFF solid;	text-decoration: none; z-index: 2200px; margin-top:2px; font-size:11px;}
	.CollapsiblePanelOpen .CollapsiblePanelTab { font-size:11px;}
	.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover { z-index: 2200px; font-size:11px; }
	.CollapsiblePanelFocused .CollapsiblePanelTab {	background-color: #FFFFFF; z-index: 2200px;  font-size:11px;}
	.CollapsiblePanelContent a { margin: 0px; padding: 3px 0px 3px 0px; height: 20px; width: 86px; color: #858585; display: block; font-size:11px; background-color:#FFFFFF;}
	div#auswahltext { position: absolute; left: 50%; margin-left: 270px; top:0px; height: 18px; display: block; color: #858585; border-left: 1px #c8c8c8 solid; padding: 10px 0px 0px 6px; font-size:11px; font-weight: bold; z-index: 3000;}



	/* Teaser: */
	div#teaser {width: 305px; margin: 60px 0px 15px 15px;  }
	div#teaser div#teaserhead b {font-weight: normal; display: block; font-size: 12px;}
	div#teaser div#teaserbody b, div#teaser div#teaserbody strong {font-weight: normal; display: block; font-size: 11px;}
	div#teaser div#teaserhead div#ecke { position: relative; left: 291px; top: -5px;}	
	div#teaserhead { line-height:12px; background-image:url(../img/layout/hg_teaser.jpg); background-repeat:repeat-y; width: 290px; margin-bottom: 1px; font-size: 11px; text-align: right; padding: 0px 15px 5px 0px; color: #666666;}
	div#teaserbody { line-height:12px; background-image:url(../img/layout/hg_teaser.jpg); background-repeat:repeat-y; width: 275px; padding: 5px 15px 5px 15px; font-size: 11px; color: #666666;}
	div#teaser a { font-size: 11px; color: #666666;}
	div#teaser a:hover{ color: #00539e; }	
	a.teaserlink { background-image:url(../img/layout/pfeil-blau.gif); background-repeat:no-repeat; background-position:right; padding-right: 12px; text-align: right; position: relative; left: 68px;}
	#teaserbody b {color: RGB(0,106,179);}

	
	/* Formulare: */
	form#metaform { width: 110px; padding: 13px 0px 0px 0px; float: left; margin: 0px 0px 0px -6px;}
	form#metaform input.header { height:11px; width: 80px; color: #858585; font-weight: normal; font-size: 10px; float: left; }
	form#metaform input.button { float: left; margin-top: -2px;}
	input {line-height: 11px;}
	
	


/* Container: */
		
	/* Header: */    
	div#header {width: 954px; background-color: #FFFFFF;}
	div#meta-navi {width: 954px;height: 37px; background-color: #FFFFFF; position: relative;  z-index:5000;}
	div#haupt-navi {width: 954px; height: 50px; margin-bottom: -1px; background-image:url(../img/layout/hg_hauptnavi.jpg); background-repeat:no-repeat;}
	div#headcontent {width: 936px; height: 189px; padding: 8px 0px 0px 18px; background-image:url(../img/layout/header_unterseite.jpg); background-repeat:no-repeat;}
	div#headinhalt {width: 553px; height: 60px; float: left; padding: 120px 0px 0px 20px; }
	div#headfilm {width: 344px; height: 180px; float: left; margin: 0px 0px 0px 1px; }
	div#header-index {width: 937px; height: 338px; margin: 0px 0px 0px 0px; background-image:url(../img/layout/hg_header-index.jpg); background-repeat:no-repeat; padding: 7px 0px 0px 17px; }
	div#headinhalt h1 { font-weight: bold;}
	div#headinhalt h2 { line-height: 25px;}

	
	
	/* Contents: */
	div#hauptbereich {width: 954px; background-image:url(../img/layout/hg_content.jpg); background-repeat:no-repeat; background-position: 20px top;}	
	div#sub-navi {width: 342px; float: left; }
	div#content {width: 532px; float: left; display: block; margin: 0px 1px 0px 0px; padding: 15px 20px 15px 19px;  }       /* width: 571px; */	
	div#content img {border: 5px #FFFFFF solid; margin: 2px 5px 5px 0px; float: left; }
	div#content b, div#content strong{ display: block; }
	div#content div.subtext { display: block; width: 255px; padding-left: 5px; margin-top: -5px; height: 20px; background-color: #FFFFFF; color:#666666; font-size: 11px; font-weight: normal;}
	div#content div.subtext b { font-size: 11px; }
	div#content div.bildbox {float: left; margin-right:10px; }



	/* Content - Startseite: */
	div#maincontainer-start {width: 954px; margin: 0px auto;  background-image:url(../img/layout/hg_start-content.jpg); background-repeat:repeat-y; background-position:center 433px;}
	div#teaserbox {width: 566px; height: 199px; float: left; margin: 0px 2px 0px 17px; padding: 2px 1px 1px 2px; border: 1px #d6d6d6 solid; }
	div#teaserbox h1, div#teaserbox h1 span {height: 25px; padding: 5px 0px 0px 15px; width: 550px; margin: 0px; font-size: 13px; text-transform:uppercase; font-weight: bold; background-image:url(../img/layout/hg_h1-leiste.jpg); background-repeat: repeat-x;}	
	div#teaserbox a.startteaser { height: 53px; width: 252px; margin: 1px 1px 0px 0px; padding: 15px 15px 15px 15px; float: left; cursor:pointer; font-size: 11px; color: #666666;}
	div#teaserbox a.startteaser b { color: #666666; }
	div#teaserbox a.startteaser img { margin: 0px 2px 0px 0px; }	
	div#teaserbox a#oben { background-image:url(../img/layout/hg_startteaser-oben.jpg); background-repeat:repeat-x; background-position:bottom; background-color: #f3f8fc; }
	div#teaserbox a b { color: 001f41; }
	div#teaserbox a#oben:hover { background-image:url(../img/layout/hg_startteaser-oben_hover.jpg); background-repeat:repeat-x; }
	div#teaserbox a#unten { background-image:url(../img/layout/hg_startteaser-unten.jpg); background-repeat:repeat-x; }
	div#teaserbox a#unten:hover { background-image:url(../img/layout/hg_startteaser-unten_hover.jpg); background-repeat:repeat-x; }			
	div#newsbox {width: 340px; height: 198px; float: left; padding: 2px 2px 2px 2px; border: 1px #d6d6d6 solid;  }
	div#newsbox div#newshead { height: 25px; width: 325px; color: #FFFFFF; padding: 5px 0px 0px 15px; background-image:url(../img/layout/hg_h1-leiste.jpg); background-repeat: repeat-x; display: block; margin-bottom: 1px; font-size: 13px; text-transform:uppercase; font-weight: bold; }
	div#newsbox div#newsbody { height: 137px; width: 325px; background-image:url(../img/layout/hg_news.jpg); background-color: #f3f8fc; background-position:bottom; background-repeat:repeat-x; padding: 15px 0px 15px 15px; font-size: 11px; }
	div#newsbox div#newsbody b {height: 15px; color: #666666; margin: 5px 0px 0px 0px; display: block; }
	div#newsbox div#newsbody a {color: #666666; font-size: 11px; display: block; height: 15px; width: 295px; ; margin: 0px 5px 0px 0px; overflow: hidden; white-space:nowrap; float: left; }
	div#newsbox div#newsbody a:hover {color: #999999;}
	div#newsbox div#newsbody div.linie { width: 305px; padding: 0px; margin: 12px 0px 0px 0px; height: 1px; border-top: 1px #FFFFFF solid; clear: both; }
	
	


	
	/* Zoomfunktion: */
	div#content div#zoombox { float: left; }
	div#content div#zoombox img { width: 250px; height: 150px; margin-bottom: -20px; }
	.bereich { position: absolute; text-align: center; font-weight: bold; z-index: 1100;}
	.beschreibung { color: #666666; background-color: #FFFFFF; font-size: 11px; font-weight: normal; display: none; width: 100px; height: 30px;}
	div.lupe {position: relative; cursor:pointer; left: 230px; top: -15px; width: 23px; height: 26px; background-image: url(../img/layout/lupe.gif); background-repeat: no-repeat; z-index: 1000;}
	div#content div#zoombox img, div#content .bildbox img {float: none;}
	div#content div#zoombox b, div#content div#zoombox strong, div#content div.subtext b, div#content div.subtext strong {display: inline;}
	
	
	
	
	/* Spacer (Layoutbedingte Mindesthöhen): */
	div#spacerlinks{width: 20px; height: 520px; display: block; float: left; background-image:url(../img/layout/spacer-links.jpg); background-repeat:no-repeat; }		
	div#spacerrechts {width: 20px; height: 520px; display: block; float: left; background-image:url(../img/layout/spacer-rechts.jpg); background-repeat:no-repeat; }										


	
	/* Footer: */	
	div#footer {width: 924px; height: 70px; padding: 22px 0px 0px 30px; background-image:url(../img/layout/hg_footer.jpg); background-repeat:no-repeat; background-color: #e6e6e6;}
	div#maincontainer-start div#footer { background-image:url(../img/layout/hg_footer-start.jpg); background-color: #e8e8e8;}
	div#footer p {float: left; color: #858585; font-size: 11px; width: 842px;}
	div#footer a {color: #858585; font-size: 11px;} 
	div#footer p a {margin-left: 0px;} 
	div#footer a:hover {color: #0068ac;} 	
	img.abschluss { margin-left: 17px; height: 3px; border: 0px; display: block;}


		

	/* Anpassungen für CMS: */
	.searchstring { background-color:yellow;}
	.sitemap1 {}
	.sitemap2 {margin-left:40px;}
	.sitemap3 {margin-left:80px;}
	.sitemap4 {margin-left:120px;}
	.navi_aktiv {font-weight:bold;}
	.errorpage, .offlinepage {color:#F00;font-size:20px;}
	
.topnavi4 {margin-left:184px!important;top:5px!important}	


/* Hacks für den IE 7:  */
*+html .AccordionPanel { margin: 0px 0px 10px 0px;}
*+html ol.MenuBarHorizontal ol.MenuBarSubmenuVisible { margin-left: -150px; }
*+html ol.MenuBarHorizontal ol#MenuBarItemSubmenu4 { margin-left: -211px; }
*+html ol li { margin-left: 23px;}
*+html div#teaser div#teaserhead div#ecke { left: 15px;}
*+html a.submenue div#ecke { left: -19px; }
*+html ol.MenuBarHorizontal ol{ top: 86px;}
*+html ol.MenuBarHorizontal ol.MenuBarSubmenuVisible ol.MenuBarSubmenuVisible { margin-left: 170px;}
*+html div#metasuche { left:-51px; }
*+html form#metaform { margin: 13px 0px 0px -4px;}

/* Hacks für den IE 6:  */
* html ol.MenuBarHorizontal ol#MenuBarItemSubmenu4 { margin-left: -211px; }
* html div#newsbox div#newsbody div.linie { margin: 3px 0px -16px 0px; background-color: none; }
* html div#newsbox div#newsbody b { margin: 0px 0px 0px 0px;  }
* html div#teaserbox a.startteaser { margin: 0px 1px 0px 0px; }		
* html div#teaserbox { margin: 0px 2px 0px 9px; padding: 2px 1px 0px 2px;}	
* html ol.MenuBarHorizontal ol.MenuBarSubmenuVisible { margin-left: -150px; }
* html ol li { margin-left: 23px;}
* html div#teaser div#teaserhead div#ecke { left: 15px;}
* html a.submenue div#ecke { left: -19px; }
* html div#metainhalt { margin: 0px 12px 0px 8px; }
* html ol.MenuBarHorizontal ol{ top: 86px;}
* html ol.MenuBarHorizontal ol.MenuBarSubmenuVisible ol.MenuBarSubmenuVisible { margin-left: 170px;}
* html div#metasuche { left:-51px; }
* html form#metaform { margin: 13px 0px 0px -2px;}

@media screen, projection {	ol.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; } }