@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MidoMedium';
    src: url('../fonts/Mido-webfont.eot');
    src: url('../fonts/Mido-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Mido-webfont.woff') format('woff'),
         url('../fonts/Mido-webfont.ttf') format('truetype'),
         url('../fonts/Mido-webfont.svg#MidoMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'quanticobold';
    src: url('../fonts/quantico-bold-webfont.eot');
    src: url('../fonts/quantico-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quantico-bold-webfont.woff') format('woff'),
         url('../fonts/quantico-bold-webfont.ttf') format('truetype'),
         url('../fonts/quantico-bold-webfont.svg#quanticobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body {
margin: 0;
padding: 0;
border: 0;
height: 100%; 
}

dd {margin-left:0px; margin-top:5px; font-weight: normal; font-style:italic;}

dl {float:left;margin-right:18px; margin-top:4px}

.bildrahmen img {
padding: 4px;
background: #fff;
border-bottom: 2px solid #828181;
border-right: 2px solid #828181;
border-left: 1px solid #474747;
border-top: 1px solid #474747;
}


/* ----------container zentriert das layout   hg #EBD3E0    max-height: 100%;  -------------- */
/*#container {
width: 1000px;
margin-bottom: 0px;
margin:0 auto;
background-color: #ffffff;
min-height: 100%;
height:auto !important;
height:100%;
overflow: hidden !important;
}
*/

#container {
  width: 1000px; 
  margin: auto; /* Den Container zusätzlich zentrieren */
  min-height: 100%; /* Mindesthöhe auf 100 % (bei modernen Browsern) */
  height: auto !important; /* important Behel (bei modernen Browsern */
  height: 100%; /* IE soll wie gewünscht interpretieren */
  overflow: hidden !important; /* Firefox Scrollleiste */
  background: url(../bilder/hg_content.gif) repeat-y;
}
	
	

/* ----------banner nicht im einsatz -------------- */
#banner {
width: 700px;
background-color: #000000;
text-align: center;
padding: 0px;
margin: 0px;
}
#banner img {padding: 0px;} 

/* -----------------Inhalt head     position: relative; overflow: hidden;    --------------------- */
#content {
padding: 0px;
margin: 0px 0px 0px 0px;
z-index: 1;
}

/* --------------Inhalt content ------------- */
#inhalt {
float: left;
width: 700px;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 2;
}


#inhalt_left {
float: left;
width: 100px;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 30px 0px 0px 17px;
text-align: left;
}
#inhalt_right{
float: right;
width: 555px;
margin: 0px 15px 20px 2px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#inhalt_right_1{
float: right;
width: 500px;
margin: 0px 40px 0px 2px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#inhalt_right_2 {
float: right;
width: 555px;
margin: 0px 45px 0px 2px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#inhalt_right_2 img{
margin: 20px 0px 0px 0px;
}
#inhalt_right p, br{
text-indent: 0px;
}
#inhalt_right_menue{
float: left;
width: 540px;
margin: 0px 0px 0px 140px;
padding: 0px;
}

#inhalt_right_menue img {
margin: 0px 10px 0px -30px;
}
#inhalt_linie{
float: left;
width: 640px;
margin: 0px 0px 0px 15px;
padding: 0px;
clear: both;
}
#inhalt_menue2{
float: left;
width: 700px;
margin: 0px 0px 0px 0px;
padding-left: 0px;
background-color: #f7e3ad;
}
#boxright{
float: right;
width: 555px;
margin: 0px 15px 0px 2px;
padding: 0px 0px 0px 0px;
text-align: left;

}
#box {
float: left;
width: 215px;
background-color: #ffffff;
padding: 0px;
margin: 20px 45px 0px 0px;
}
#box250{
float: left;
width: 245px;
height: 350px;
background-color: #ffffff;
padding: 0px;
margin: 10px 30px 10px 0px;
}
#box350{
float: left;
width: 245px;
height: 420px;
background-color: #ffffff;
padding: 0px;
margin: 10px 30px 10px 0px;
}
#box500{
width: 550px;
height: 220px;
background-color: #ffffff;
padding: 0px;
margin: 0px 30px 0px 0px;
}
/* -------------orange Balken ------------- */
#balken_orange{
float: left;
width: 685px;
min-height: 20px;
margin: 0px 0px 0px 4px;
padding: 2px;
background-color:#b01137;
}
/*  ------------- rote Balken ------------- */
#inhalt_balken{
float: left;
width: 694px;
margin: 0px 0px 0px 1px;
padding: 2px;
background: url(../bilder/balken.gif);
}
#inhalt_balken2{
/*  -------------graue Balken  -------------*/
float: left;
width: 569px;
margin: 0px 0px 0px 1px;
padding: 8px 0px 7px 130px;
background-color:#E0E0E0;
}
#inhalt_titel{
 /*font: 12px 'OpenSansRegular', Arial, sans-serif; line-height: 17px; color: #616161; font-weight: bold; margin: 0px */
float: left;
width: 570px;
margin: 2px 0px 2px 105px;
padding: 0px;
}
#inhalt_block_1 {
float: left;
width: 650px;
margin: -2px 0px 5px 25px;
padding: 0px;
text-align: center;
}

#inhalt_block{
float: left;
width: 650px;
margin: 0px 0px 20px 25px;
padding: 0px;
text-align: center;
}

/*  -------------für drei spalten  ------------- */
#fuss_left {
float: left;
width: 160px;
min-height: 170px;
background-color: #f5ead9;
padding: 5px 5px 5px 5px;
margin: 0px 10px 0px 0px;
text-align: left;
}
#fuss_mitte {
float: left;
width: 150px;
min-height: 170px;
background-color: #f5ead9;
padding: 5px 5px 5px 5px;
margin: 0px 10px 0px 0px;
text-align: left;
}
#fuss_right {
float: left;
width: 180px;
min-height: 170px;
background-color: #f5ead9;
padding: 9px 5px 0px 4px;
margin: 0px 10px 0px 0px;
text-align: left;
}
#fuss{
float: right;
width: 540px;
margin: 20px 15px 0px 2px;
padding: 0px 0px 0px 0px;
text-align: left;
}

/*  -------------für zwei spalten  ------------- */
#zweispalter_left {
float: left;
width: 240px;
height: 160px;
background-color: #f5ead9;
padding: 10px 5px 0px 15px;
margin: 0px 20px 0px 0px;
text-align: left;
}
#zweispalter_right {
float: left;
width: 250px;
height: 160px;
background-color: #f5ead9;
padding: 10px 5px 0px 9px;
margin: 0px 10px 0px 0px;
text-align: left;
}

p{
display: block;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 0.5em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

/*p, pre{
padding: 5px 10px;
margin:0;
}*/

/* --------------left, right navigavtion       background: url(../bilder/verlauf.gif) repeat-y;      ------------- */
#left {
float: left;
width: 150px;
height: 600px; 
margin: 0px;
padding: 0px;
text-align: right;
}
#right {
float: right;
width: 150px;
height: 600px; 
margin: 0;
padding: 0;
}

#fensterl {
float: left;
width: 70px;
margin: 0px;
padding: 0px;
text-align: left;
}
/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: center; }


body {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight:lighter; letter-spacing:1px;  color: #333333; } 
	
td {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; font-weight:lighter; letter-spacing:1px; color: #333333; } 
       /* Fliesstext mit mehr durchschuss, linehight*/
b {font-family : Arial, verdana, helvetica; font-size:12px; font-weight:lighter; letter-spacing:1px; line-hight:8px; padding-top:20px;	color: #6C6A6A;	}

strong {font-weight: bold; }

#space {margin: 9px 0px 10px 0px; }
#space2 {margin-top:15px; margin-bottom:15px}
#space3 {margin: 0px 0px 5px 0px; }

.zitat { font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:12px; font-weight:lighter; letter-spacing:1px; color: #000000; } /* Fliesstext fŸr zitate*/

h1 { font-family:Times New Roman, Times, serif; font-size:28px;	color: #000000;	}	
h2 { font-family:Arial, verdana, helvetica; font-size:20px; color: #000000;	}
		
a.titelgrau:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:lighter; line-height:14px; letter-spacing:1px; color: #636669}
a.titelgrau:visited {text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size : 12px; font-weight:lighter; line-height:14px; letter-spacing:1px; color: #515356}
a.titelgrau:active {text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size : 12px; font-weight:lighter; line-height:14px; letter-spacing:1px; color: #003333}
a.titelgrau:hover {text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size : 12px; font-weight:lighter; line-height:14px; letter-spacing:1px; color: #003333}

a.fliesslink:link  {text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; line-height:15px; letter-spacing:1px; color: #000000}
a.fliesslink:visited {text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size : 12px; font-weight:normal; line-height:15px; letter-spacing:1px; color: #000000}
a.fliesslink:active {text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size : 12px; font-weight:normal; line-height:15px; letter-spacing:1px; color: #003333}
a.fliesslink:hover {text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size : 12px; font-weight:normal; line-height:15px; letter-spacing:1px; color: #21905d}



	
a:link  {text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; line-height:15px; letter-spacing:1px; color: #000000} /* #515356 grau*/
a:visited {text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size : 11px; font-weight:bold; line-height:15px; letter-spacing:1px; color: #000000}
a:active {text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size : 11px; font-weight:bold; line-height:15px; letter-spacing:1px; color: #003333}
a:hover {text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size : 11px; font-weight:bold; line-height:15px; letter-spacing:1px; color: #003333}





sub {	font-family : Arial, verdana, helvetica; font-size : 11px; font-style : italic; color: #000000;}

.titel { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; letter-spacing:2px; color: #000000; font-weight: bold; }/* Titel grau*/
.titel2grau { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; letter-spacing:6px; color: #999999; font-weight: bold}

.fliess { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; font-weight:lighter; letter-spacing:1px;  color: #333333; } /* mehr durchschuss*/
.fliess13 { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; font-weight:lighter; letter-spacing:0px;  color: #333333; } /* mehr durchschuss*/
.fliesskursiv {	font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;	font-weight:lighter; letter-spacing:1px; color: #333333; font-style: italic;} 
.fliessbold { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; font-weight:bold; letter-spacing:0px; color: #4f4d4d;}
.fliessbold14 { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; font-weight:bold; letter-spacing:0px; color: #333333;}
.fliessboldcenter { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:16px; font-weight:bold; letter-spacing:0px; color: #8d8b8b; text-align: center;}


.fliessbold2 { font-family : Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; font-weight:normal; letter-spacing:1px; color: #797979; padding-top:9px;}/* 3pt groesser*/
.fliessboldweiss { font: 16px 'OpenSansRegular', Arial, sans-serif; line-height:21px; font-weight:bold; letter-spacing:1px; color: #ffffff;}
.weisskleiner { font-size:12px;}
.fliess10 { font-family : Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; font-weight:lighter; letter-spacing:1px; color: #333333;}
.fliess10dunkel { font-family : Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; font-weight:bolder; letter-spacing:1px; color: #424848;}
.fliessgelb { font-family : Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; font-weight:bolder; letter-spacing:1px; color: #6ac3ad;}
.fliessgruen { font-family : Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; font-weight:bolder; letter-spacing:1px; color: #6ac3ad;}
.fliessorange { font-family : Arial, Helvetica, sans-serif; font-size:13px; line-height:27px; font-weight:bolder; letter-spacing:1px; color: #b01137;}
.fliessgruen { font-family : Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; font-weight:bolder; letter-spacing:1px; color: #89a22c;}
.fliessboldfarbe {font-family : Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; font-weight:bold; letter-spacing:1px; color: #005170;} 


.titelgruen {font-family : Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; font-weight:bold; letter-spacing:1px; color: #8a22c;} 
.titelorange { font: 15px 'OpenSansRegular', Arial, sans-serif; line-height:22px; font-weight:bold; letter-spacing:0px; color: #b01137;}
.abstand {font-family : Arial, Helvetica, sans-serif; font-size:7px; line-height:7px;} 

.rot {font-family : Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; font-weight:900; letter-spacing:1px; color: #a41242; }/* fliess bold rot*/


.titelneg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 1px;
	color: #a41242;
	font-weight: bold;
	font-style: normal;
	margin: 9px 0px 8px 0px;
}

#balken {
	position: relative;
	background-color: #ebe6eb;
	padding: 2px 2px 2px 9px;
	margin: 10px 0px 10px 0px;
}
.titel1 { font-family:Arial, Helvetica, sans-serif;	font-size:15px;	line-height:20px; letter-spacing:1px; color: #a41242; font-weight: normal; font-style: normal; margin: 9px 0px 8px 0px;}
.titel_block { font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:20px; letter-spacing:1px; color: #a41242; font-weight: bold; font-style: normal;}
.titel2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; letter-spacing:2px; color: #000000; font-weight: bold }
.titel3 {
	font: 24px 'OpenSansSemibold', Helvetica, sans-serif;
	line-height: 28px;
	letter-spacing: 1px;
	color: #a41242;
	margin: 3px 0px 5px 0px;
}
.titel3a { font: 18px 'OpenSansSemibold', Helvetica, sans-serif; line-height:24px; letter-spacing: 1px; color: #8f006b; margin: 3px 0px 5px 0px;}
.titel3b { font: 18px 'OpenSansSemibold', Helvetica, sans-serif; line-height:37px; letter-spacing:1px; color: #4e5f62; margin: 3px 0px 5px 0px;}
.titel3c { font: 14px 'OpenSansSemibold', Helvetica, sans-serif; line-height:25px; letter-spacing: 1px; color: #8f006b; margin: 3px 0px 5px 0px;}
.titel4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 1px;
	color: #a41242;
	font-weight: normal;
	padding: 3px 0px 5px 0px;
}
.titel5 { font: 24px 'MidoMedium', Arial, sans-serif; line-height:28px; letter-spacing:1px; color: #797979; font-weight: bold; padding: 0px 0px 0px 0px; align: center}
#inhalt_right_menue a:link  {text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; line-height:16px; letter-spacing:1px; color: #000000}
#inhalt_right_menue a:visited {text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size : 12px; font-weight:bold; line-height:16px; letter-spacing:1px; color: #000000}
#inhalt_right_menue a:active {text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size : 12px; font-weight:bold; line-height:16px; letter-spacing:1px; color: #003333}
#inhalt_right_menue a:hover {text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size : 12px; font-weight:bold; line-height:16px; letter-spacing:1px; color: #8a8586}

.schatten {
-webkit-box-shadow: 3px 3px 8px grey;
-moz-box-shadow: 3px 3px 8px grey;
box-shadow: 3px 3px 8px grey;}

/* Accordion */
#accordion section, #accordion .pointer, #accordion h1, #accordion p {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#accordion {
  margin-bottom:30px;
}
#accordion h1 {
  line-height:1.5;
  font-size:30px;
  background-color:#237030;
  margin:0;
  padding: 10px 10px 10px 30px;
}

#accordion h1 a {
  color:white;
  font-size: 16px;
  line-height:1.7;
  font-weight: normal;
}
#balken2 h2 {
	font: 24px 'OpenSansSemibold', Helvetica, sans-serif;
	line-height: 28px;
	letter-spacing: 1px;
	color: #237030;
	margin: 3px 0px 5px 0px;
}

#accordion section {
  overflow:hidden;
 /* height:220px;*/
  border:1px #333 solid;
  padding: 5px;
}
#accordion p {
  padding:0 10px;
  color:black;
}
#accordion section.ac_hidden p:not(.pointer) {
  color:#fff;
}

#accordion section.ac_hidden {
  height: 300px;
}
#accordion .pointer {
  padding:0;
  margin:10px 0 0 6px;
  line-height:20px;
  width:13px;
  position:absolute;
}

#accordion img:hover {
    opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
#accordion section:not(.ac_hidden) h1 {
  background-color:#237030;
}

#accordion section:not(.ac_hidden) .pointer {
  display:block;
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg);
  padding:0;
}