/*******************************************

 Datei:     style.css
 Aufgabe:   globale Styles / Layout
 Ersteller: Online Now! GmbH / http://www.online-now.de
 Version:   version 29.06.2015

 ********************************************/

/* =============================================================================
 Fonteinbindung start
 ========================================================================== */

@font-face {
  font-family: 'BundesSansWeb';
  src: url('../fonts/BundesSansWeb-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'BundesSansWebBold';
  src: url('../fonts/BundesSansWeb-Bold.ttf') format('truetype');
}

/* =============================================================================
 Fonteinbindung ende
 ========================================================================== */

/* =============================================================================
 HTML5 display definitions
 ========================================================================== */

article/*, content-right*/, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden], .hidden {
  display: none;
}

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection {
  background: #666;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #666;
  color: #fff;
  text-shadow: none;
}

/* =============================================================================
 Links
 ========================================================================== */

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
  outline: 0;
}

/* =============================================================================
 Typography
 ========================================================================== */

b, strong,#footer h4 {
  font-weight: normal;
  font-family: 'BundesSansWebBold';
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: normal;
}

hr {
  display: block;
  height: 10px;
  border: none;
  margin: 20px 0 10px 0;
  padding: 0;
  /*background: transparent url(../images/dotted_line_boxen_horizontal.gif) repeat-x;*/
}
nav hr {
  overflow: hidden;
  height: 0;
  margin: 0;
}
ins {
  text-decoration: none;
}

mark {
  font-style: italic;
  font-family: 'BundesSansWebBold';
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}
q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

/* =============================================================================
 Lists
 ========================================================================== */

ul, ol {

}
dd {
  margin: 0 0 0 2.5em;
}

/* =============================================================================
 Embedded content
 ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) {
  overflow: hidden;
}

/* =============================================================================
 Figures
 ========================================================================== */

figure {
  margin: 0;
}

/* =============================================================================
 Forms start
 ========================================================================== */

form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label, button {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -0.7em;
  padding: 0;
  color: #fff;
  font-family: 'BundesSansWebBold';
  margin-bottom: 0;
}
button, input {
  *overflow: visible;
}
table button, table input {
  *overflow: auto;
}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"], textarea {
  cursor: pointer;
  border-radius: 0 !important;
}
input[type="submit"] {
  color: #fff !important;
  border: 0 !important;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
  border: none;
  border: 1px solid #A4A4A4;
}
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
}
label:focus {
  outline: 1px solid #fff;
}

/* =============================================================================
 Forms ende
 ========================================================================== */

/* =============================================================================
 Tables start
 ========================================================================== */

table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}

/* =============================================================================
 Tables ende
 ========================================================================== */

/* =============================================================================
 barrierefreie Zusatznavigation start
 ========================================================================== */
.sr-hint {
  display: inline;
  position: absolute;
  left: -9999px;
  top: -9999px;
  height: 0;
  width: 0;
  background: white;
}
.sr-hint a:focus {
  display: block;
  position: absolute;
  left: 10000px;
  top: 10000px;
  width: 20em;
  line-height: 2em;
  text-align: center;
  padding: 0.5em;
  background-color: #EE7F07;
  z-index: 3000;
  font-size: 1.3em;
  outline:1px solid #000;
  color:#000;
}

/* =============================================================================
 barrierefreie Zusatznavigation ende
 ========================================================================== */

/******** LAYOUT START ********/

html, body {
  font: normal 100% 'BundesSansWeb', Arial, Sans;
}
body {
  background-color: #fff !important;
}
html, body, a, form, input, ul, li, p, span, h1, h2, h3, h4, h5, strong, b {
  margin: 0;
  padding: 0;
}

h1 {
  color: #004577;
font-size: 18px;
padding: 0;
margin: 0 0 10px 0;
line-height: 100%;
/*line-height: 0.5;*/
}

.placeholder { color: #aaa; }

.float_left, #logo, .box1, .box2, .box3, .box4, #nav li, #inhalt ul.subnav_2, .fbox1, .fbox2, .fbox3, .fbox4, ul#servicenavlinks, #searchform, ul#servicenavlinks li, ul#servicenavlinks li img, ul#servicenavrechts li img, ul#servicenavrechts li, .zusatzinfolinks img, .filtertabelleform li, #filtertabelleformrahmen, .ft1, .ft2, .ft3, form#mailform input, form #mailform textarea, nav#service #searchform fieldset input, #inhalt_navi, .filtertabelleanzeige, .filtertabelleanzeigebtn, #filter button#filterzoom.plus, div.filtertabelleanzeige ul li, section.chapter figure, aside.marginal-spalte div.controls span, a.downloadLegende1, a.downloadLegende2, a.downloadLegende3, form#tx_indexedsearch label, div.indexedsearch-titel, form#tx_indexedsearch input#tx-indexedsearch-searchbox-sword, form#tx_indexedsearch label, .tx-indexedsearch-browsebox ul.browsebox li, form#mailform label {
  float: left;
}



.float_right, #title, #inhalt2, ul#servicenavrechts {
  float: right;
}
.clear, nav#service, #head, #index_img, #site_img, #nav li ul.subnav_1 li, body > footer, .zusatzinfolinks a {
  clear: both;
}

#wrapper {
  margin: 0 auto;
  background-color: #fff !important;
  min-width: 767px;
}

/* =============================================================================
 Service start
 ========================================================================== */

nav#service {
  background-color: #e8eaec;
  min-width: 767px;
}
#service_wrapper {
  padding: 10px 15px;
  margin: 0 auto;
  height: 25px;
}
ul#servicenavlinks li, ul#servicenavrechts li {
  list-style: none;
}
ul#servicenavlinks li, ul#servicenavrechts li, ul#servicenavlinks li a, ul#servicenavrechts li a {
  font-size: 0.95em;
  margin: 0 5px 0 0;
}
ul#servicenavrechts li {
  margin: 0 0 0 15px;
}
ul#servicenavlinks li a, ul#servicenavrechts li a {
  color: #004577;
  text-decoration: none;
}
/* Trick, um Icon in ul li auch mit title-attribut des ul li a zu versehen */
ul#servicenavrechts li a {
  margin: 0 0 0 -20px;
  padding: 0 0 0 20px;
}
ul#servicenavlinks li.active a, ul#servicenavlinks li a:hover, ul#servicenavlinks li a:focus, ul#servicenavlinks li:hover a, ul#servicenavlinks li:focus a, ul#servicenavrechts li.active a, ul#servicenavrechts li a:hover, ul#servicenavrechts li a:focus, ul#servicenavrechts li:hover a, ul#servicenavrechts li:focus a {
  color: #000;
  text-decoration: underline;
}
ul#servicenavrechts li#sl_gebaerdensprache, ul#servicenavrechts li#sl_leichte_sprache {
  padding: 0 0 0 20px;
}
ul#servicenavrechts li#sl_gebaerdensprache {
  background: transparent url(../images/dgs.png) no-repeat left;
}
ul#servicenavrechts li#sl_leichte_sprache {
  background: transparent url(../images/leichte-sprache.png) no-repeat left;
}
ul#servicenavrechts li#sl_kontrast {
  padding: 0 0 0 25px;
  background: transparent url(../images/kontrast.png) no-repeat left;
}
ul#servicenavrechts li#sl_projekt {
  padding: 0 0 0 25px;
  background: transparent url(../images/projektbereich.png) no-repeat left;
}
ul#servicenavrechts li:hover#sl_gebaerdensprache, ul#servicenavrechts li:focus#sl_gebaerdensprache, ul#servicenavrechts li.active#sl_gebaerdensprache {
  background: transparent url(../images/dgs_neg.png) no-repeat left;
}
ul#servicenavrechts li:hover#sl_leichte_sprache, ul#servicenavrechts li:focus#sl_leichte_sprache, ul#servicenavrechts li.active#sl_leichte_sprache {
  background: transparent url(../images/leichte-sprache_neg.png) no-repeat left;
}
ul#servicenavrechts li:hover#sl_kontrast, ul#servicenavrechts li:focus#sl_kontrast, ul#servicenavrechts li.active#sl_kontrast {
  background: transparent url(../images/kontrast_neg.png) no-repeat left;
}
ul#servicenavrechts li:hover#sl_projekt, ul#servicenavrechts li:focus#sl_projekt, ul#servicenavrechts li.active#sl_projekt {
  background: transparent url(../images/projektbereich_neg.png) no-repeat left;
}
nav#service #searchform fieldset label {
  display: none;
}
nav#service #searchform fieldset input {
  font-size: 0.95em;
  padding: 2px 5px;
}
nav#service #searchform fieldset input:focus {
  outline: 1px solid #000;
}
nav#service #searchform fieldset input[type="submit"] {
  padding: 2px 5px;
  margin: 0 0 0 10px;
  background-color: #004577;
  font-size: 0.95em;
}
nav#service #searchform fieldset input[type="submit"]:focus {
  outline: 1px solid #004577 !important;
  background-color: #fff;
  color: #004577 !important;
}

/* =============================================================================
 Service ende
 ========================================================================== */

/* =============================================================================
 Head start
 ========================================================================== */

#head {
  margin: 20px 0 0 0;
}
.brand:focus img {
  outline: 1px solid #000;
}

img#logo {
  margin: 0 0 20px 15px;
}
#title {
  font-size: 2em;
  color: #004577;
  font-family: 'BundesSansWebBold';
  text-align: right;
  margin: 20px 15px 0 0;
}

#title a {
  text-decoration: none;
  color: #004577;
  border:1px #fff solid;
}
#title a:focus{border-color: #004577;outline:0}
#title span {
  font-size: 1em;
  font-family: 'BundesSansWeb';
}

/* =============================================================================
 Head ende
 ========================================================================== */

/* =============================================================================
 Nav start
 ========================================================================== */

#nav {
  position: relative;
  clear:both;
  z-index: 2500;
  height: 100%;
  padding: 0;
  background-color: #004577;
  -webkit-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.45);
}
ul.nav-linkesMenue, ul.nav-rechtesMenue {
  font-size: 1.5em;
  float: left;
  box-sizing: border-box;
  height:55px;
}
ul.nav-rechtesMenue {
  float: right;
 font-size: 1.2em;
}
#nav ul li {
  list-style: none;
  text-align: center;  
  float: left;
  height: 100%;
  box-sizing: border-box;
  /*border-right: 1px solid #004577;*/
}
/*#nav ul.nav-rechtesMenue  li {
  padding: 12px 15px;
}*/
#nav ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 0 10px 0 10px;
  /*margin: 0 0 5px 0;*/
}
#nav ul.nav-linkesMenue li a,
#nav ul.nav-rechtesMenue li a{
  /*padding: 13px 15px 13px 15px;*/
  padding: 0 15px;
  line-height:55px;
}
#nav ul.nav-rechtesMenue li a {
  /*padding: 16px 15px 16px 15px;*/
}
#nav ul  li a:focus,#nav ul li:hover a, #nav ul  li:hover, #nav ul  li.active a, #nav ul  li a:hover,  ul#service li:hover,ul#service li a:hover, ul#service li a:focus {
  color: #000;
  text-decoration: underline;
  outline:0;
}
#nav ul li a:focus, #nav ul li a:hover, #nav ul li.active a {
  background-color: #ccdce6;
  /*border-right: 1px solid #004577;*/
}
/*#nav ul  li:hover#sechs,#nav ul  li:focus#sechs{
  border-right: 1px solid #ccdce6;
}*/

/* =============================================================================
 Subnav_2 start
 ========================================================================== */

#inhalt ul.subnav_2 {
  position: relative;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 10px 0;
  font-size: 1.1em;
}
#inhalt ul.subnav_2 li {
  list-style: none;
  border-bottom: 1px dotted #004577;
  margin: 10px;
}
#inhalt ul.subnav_2 li:last-child {
  border-bottom: none;
}
#inhalt ul.subnav_2 li span, #inhalt ul.subnav_2 li a {
  text-decoration: none;
  color: #fff;
}
#inhalt ul.subnav_2 li a {
  display: block;
  color: #004577;
  margin: 0 0 10px 0;
  padding: 5px 10px 10px 10px;
}
#inhalt ul.subnav_2 li:last-child {
  border: none;
}
#inhalt ul.subnav_2 li:hover.active a, 
#inhalt ul.subnav_2 li:hover a, 
#inhalt ul.subnav_2 li.active a{
  color: #000 !important;
  background-color: #ccdce6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#inhalt ul.subnav_2 li:hover a, #inhalt ul.subnav_2 li.active a, #inhalt ul.subnav_2 li:hover span, #inhalt ul.subnav_2 li.active span, #inhalt ul.subnav_2 li span:focus, #inhalt ul.subnav_2 li a:focus, #inhalt ul.subnav_2 li:hover.active a, #inhalt ul.subnav_2 li a:hover {
  text-decoration: underline !important;
}

/* =============================================================================
 Subnav_2 ende
 ========================================================================== */

/* =============================================================================
 Subnav_3 start
 ========================================================================== */

#inhalt ul.subnav_2 li ul.subnav_3 {
  /* display: none deaktiviert, Seite Handlungsfelder Menue TYPOscript expAll=1 */
  display: block;
}
#inhalt ul.subnav_2 li.active ul.subnav_3 {
  display: block;
}
#inhalt ul.subnav_2 li ul.subnav_3 li, #inhalt ul.subnav_2 li ul.subnav_3 li a {
  font-size: 0.95em;
  border-bottom: none;
  /* margin: 0 0 10px 5px !important; */
  padding: 0 !important;
}
#inhalt ul.subnav_2 li:hover ul.subnav_3 li a, #inhalt ul.subnav_2 li.active ul.subnav_3 li a {
  background: none !important;
  text-decoration: none !important;
  color: #004577 !important;
}
#inhalt ul.subnav_2 li ul.subnav_3 li:hover a,
#inhalt ul.subnav_2 li ul.subnav_3 li a:focus,
#inhalt ul.subnav_2 li ul.subnav_3 li.active a {
  text-decoration: underline !important;
  color: #000 !important;
}

/* =============================================================================
 Subnav_3 ende
 ========================================================================== */

/* =============================================================================
 Subnav_4 start
 ========================================================================== */

ul.subnav_4 {
 margin: 0px 0px 0px 15px !important; 
}

#inhalt ul.subnav_2 li ul.subnav_3 li.active ul.subnav_4 li a {
  text-decoration: none !important;
  /*margin: 0 0 0 30px !important;*/
  margin:0;
  color: #004577 !important;
  font-size: 0.92em;
}
#inhalt ul.subnav_2 li ul.subnav_3 li.active ul.subnav_4 li a:hover, 
#inhalt ul.subnav_2 li ul.subnav_3 li.active ul.subnav_4 li.active a,
#inhalt ul.subnav_2 li ul.subnav_3 li.active ul.subnav_4 li a:focus{
  text-decoration: underline !important;
  color: #000 !important;
}
#inhalt ul.subnav_2 li ul.subnav_3 li.active ul.subnav_4 li.active {
  /*margin-left: 35px !important; */
  font-size: 0.90em;
  border-bottom: 0;
}
#inhalt ul.subnav_2 li a{
 outline:0; 
}
#inhalt ul.subnav_2 > li.active > a:focus,
#inhalt ul.subnav_2 > li.active > ul.subnav_3 > li.active > a:focus,
#inhalt ul.subnav_2 > li.active > ul.subnav_3 > li.active > ul.subnav_4 li.active a:focus {
 outline: 1px #000 solid;
}

/* =============================================================================
 Subnav_4 ende
 ========================================================================== */

.navlegende {
 margin: 0 0 0 20px !important;
}

/* =============================================================================
 Nav ende
 ========================================================================== */

/* =============================================================================
 Footer start
 ========================================================================== */

body > footer {
 /*height: 250px;*/
  border-top: 30px solid #fff;
  background-color: #004577;
}
#footer {
  margin: 0 auto;
  padding: 15px;
  color: #fff;
}
#footer a {
  color: #fff;
  text-decoration: none;
}
#footer a:hover, #footer a:focus {
  text-decoration: underline;
}
#footer strong, #footer .zusatzinfolinks h4 {
  display: block;
  font-family: 'BundesSansWebBold';
  margin: 0 0 15px 0;
}
#footer .fbox1, #footer .fbox2, #footer .fbox3, #footer .fbox4 {
  border: 0;
  width: 25%;
}
#footer .fbox1 {
  margin: 0 50px 0 0;
}
#footer .fbox2 {
  width: 15%;
}
#footer .fbox3 {
  width: 30%;
}
#footer .fbox1 ul li, #footer .fbox2 ul li, #footer .fbox3 ul li {
  list-style: none;
}
#footer .fbox4 {
  background-color: #f6f6f6;
  color: #000;
}
#footer .tx-felogin-pi1 {
  margin: 15px 0 0 0;
  padding: 0 15px;
}
#footer .tx-felogin-pi1 h3 {
  color: #004577;
  font-size: 110%;
}
#footer .tx-felogin-pi1 form {
  margin: 10px 0 0 0;
}
#footer .tx-felogin-pi1 fieldset, #footer .tx-felogin-pi1 div {
  margin: 0;
  padding: 0;
}
#footer .tx-felogin-pi1 legend, #footer .tx-felogin-pi1 label {
  display: none;
}
#footer form input {
  border: 1px solid #a6acb3;
  background-color: #f6f6f6;
  margin: 0 0 15px 0;
  padding: 0 15px;
  height: 30px;
}
#footer form input[type=button], #footer form input[type=submit] {
  background-color: #004577;
  color: #fff;
  font-family: 'BundesSansWebBold';
  border: 0;
  padding: 0 2em;
}


#footer form input[type="submit"]:focus {
 text-decoration:underline;  
}  

.csc-mailform-submit {
  display: block;
  height: 35px !important;
  padding: 5px 5px 10px 5px;
  background-color: #004577;
  font-size: 0.95em;
  font-family: "BundesSansWebBold";
}

/* =============================================================================
 Datatooltip start
 ========================================================================== */

#footer p.datatooltip span {
  display: none;
  position: absolute;
  width: 235px;
  font-size: 80%;
  border: 1px solid #fff;
  background-color: #ccdce6;
  color: #000;
  padding: 10px 15px 15px 15px;
  margin: -8px 0 0 230px;
  text-decoration: none !important;
}
#footer p.datatooltip span:after {
  position: absolute;
  display: none;
  content: "";
}
#footer p.datatooltip:hover span, #footer p.datatooltip:hover span:after {
  display: block;
}

/* =============================================================================
 Datatooltip ende
 ========================================================================== */

/* =============================================================================
 Footer ende
 ========================================================================== */

/* =============================================================================
 Inhalt Startseite start
 ========================================================================== */

#index_img {
  position: relative;
  z-index: 0;
  margin: 0 0 30px 0;
}
#index_img img {
  width: 100%;
  height: auto !important;
}
#teaser {
  width: auto;
  margin: 30px 0;
  padding: 15px;
  background-color: #ccc;
  display: none;
}

/* Startinfo, Rahmen und Textbl?cke */

.rahmen2blockLinks, .rahmen2blockRechts {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding: 10px;
}
.textblockRahmen {
  border: 1px solid #a6acb3;
  padding-bottom: 10px;
}
.textblockIconGrafik {
  width: 20%;
  float: left;
  box-sizing: border-box;
}
.textblockText {
  width: 75%;
  float: right;
  box-sizing: border-box;
  font-size: 1em;
}
.textblockIconGrafik img {
  width: 100%;
  height: auto;
  margin: 5px;
}

/* Startbox inkl. vier Boxen */
#startbox {
  margin: 30px 0 0 0;
}
.box1, .box2, .box3, .box4 {
  width: 25%;
  padding: 5px;
  box-sizing: border-box;
}
.boxrahmen {
  border: 1px solid #a6acb3;
  text-align: center;
  position: relative;
  /*height: 570px;*/
}
.box1 .boxrahmen div, .box2 .boxrahmen div, .box3 .boxrahmen div, .box4 .boxrahmen div {
  margin: 0 15px 15px 15px;
  min-height: 180px;
  text-align: left;
}
.box1 .boxrahmen h2, .box2 .boxrahmen h2, .box3 .boxrahmen h2, .box4 .boxrahmen h2 {
  font-size: 112%;
  font-weight: normal;
  font-family: 'BundesSansWebBold';
  color: #004577;
  margin: 5px 0 15px 0;
  padding: 0;
}
.box1 .boxrahmen p, .box2 .boxrahmen  p, .box3 .boxrahmen p, .box4 .boxrahmen p {
  text-align: justify;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.box1 .boxrahmen img, .box2 .boxrahmen img, .box3 .boxrahmen img, .box4 .boxrahmen img {
  max-width: 100%;
  height: auto;
  /*position: absolute;
  bottom: 0;
  left: 0;*/
}
#inhalt a.internal-link, #inhalt a.external-link, .fbox3 a,.tx-felogin-pi1 p a, .fbox4 .tx-felogin-pi1 a, .csc-uploads-fileName a {
  background: transparent url(../images/link.png) no-repeat 0 10px;
  padding: 0 0 0 15px;
  color: #004577;
  text-decoration: none;
  margin: 0 0 0 5px;
}

/* hover und focus (Tastatur) */
#inhalt a.internal-link:hover, #inhalt a.internal-link:focus, #inhalt a.external-link:hover, #inhalt a.external-link:focus, .fbox3 a:hover.fbox3 a:focus, .tx-felogin-pi1 p a:hover,
#inhalt2 a.internal-link:hover, #inhalt2 a.internal-link:focus, #inhalt2 a.external-link:hover, #inhalt2 a.external-link:focus, .csc-uploads-fileName a,
.fbox4 .tx-felogin-pi1 a {
  color: #000 !important;
  text-decoration: underline !important;
  background: transparent url(../images/link_neg.png) no-repeat 0 10px !important;
}
#inhalt a.internal-link:focus,#inhalt2 a.internal-link:focus,#inhalt a.external-link:focus,#inhal2t a.external-link:focus {
  outline:1px solid #000;
 }


.tx-felogin-pi1 p a {
  color: #004577 !important;
 }

#inhalt a.external-link {
  background: transparent url(../images/link_ex.png) no-repeat 0 10px;
}
.fbox3 a {
  background: transparent url(../images/link_ex_w.png) no-repeat 0 10px;
}
#inhalt a:hover.external-link, #inhalt a:focus.external-link {
  background: transparent url(../images/link_ex_neg.png) no-repeat 0 10px !important;
}
section#inhalt .csc-textpic-text{
margin-left:210px;
}
#inhalt {
  position: relative;
}
.csc-textpic-text {
  margin: 0;
}
#inhalt ul.subnav_2 {
  z-index: 100;
}
#inhalt p {
  margin: 0 0 20px 0;
}
#inhalt p.audio, #inhalt p.visuell, #inhalt p.kognitiv, #inhalt p.motorik {

}
span.anmerkung {
  padding: 0 20px;
  border-left: 7px solid #004577;
  border-right: 7px solid #004577;
  display: block;
}
#inhalt .artikelinfo figure.csc-textpic-image img {
  margin: 0 20px 0 0;
}
.textblockTextInhalt h2 {
  font-size: 112%;
  font-weight: normal;
  font-family: "BundesSansWebBold";
  color: #004577;
  margin: 5px 0px 15px;
  padding: 0px;
}

.textblockTextInhalt p {
  text-align: justify;
  width: 90%;
}

/* =============================================================================
 Inhalt Startseite ende
 ========================================================================== */

/* =============================================================================
 Inhalt Unterseite start
 ========================================================================== */

#site_img {
  height: 50px;
}

#bereich {
  font-size: 187%;
  color: #fff;
  padding: 0 0 0 22px;
}
#inhalt2 {
  width: 70%;
  padding: 0 0 15px 15px;
  margin: 28px 0 0 0;
}

#inhalt2 header h1 {
  font-size: 1.5em;
  color: #004577;
  font-weight: normal;
  font-family: 'BundesSansWebBold';
}
#inhalt2 h2 {
  margin: 20px 0 0 0;
  font-size: 1.2em;
  color: #004577;
  font-weight: normal;
  font-family: 'BundesSansWebBold';
}

#inhalt_text section.chapter header h2 {
  /* width: 545px; */
  /* mb 24.05.16 Ersatz für fixe Weite */
  width: auto;
  margin: 20px 323px 0 0;
  /* mb 24.05.16 Ersatz für fixe Weite */
}


#inhalt2 .teaser_text {
  height: auto;
  color: #000;
  font-size: 110%;
  margin: 15px 0 20px 0;
  background-color: #fce7cc;
}
#inhalt2 .img {
  height: 235px;
  background-color: #efefef;
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin: 20px 0;
}
/*#inhalt2 #inhalt_text {
  margin: 20px 0 0 0; 
}*/  

#inhalt2 .teaser_text strong {
  font-size: 148%;
  margin: 0 0 0 15px;
  color: #004577;
  display: block;
}
#inhalt2 .teaser_text span {
  display: block;
  margin: 0 15px;
  padding: 0 0 15px 0;
}
#inhalt2 #inhalt_text ul {
  margin: 0 25px;
}
#inhalt2 #inhalt_text .filtertabelleanzeige ul li {
  padding: 0 !important;
  /*margin: 0 !important;*/
}
#inhalt_navi {
  width: 25%;
  background-color: #f6f6f6;
  margin: 40px 0 0 0;
}
#serviceMenueFormat #inhalt_navi, #hinweiseMenueFormat #inhalt_navi {
  background-color: #fff;
  background: -moz-linear-gradient(top,  rgba(246,246,246,0.65) 0%, rgba(0,0,0,0) 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,0.65)), color-stop(50%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(246,246,246,0.65) 0%,rgba(0,0,0,0) 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(246,246,246,0.65) 0%,rgba(0,0,0,0) 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(246,246,246,0.65) 0%,rgba(0,0,0,0) 50%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(246,246,246,0.65) 0%,rgba(0,0,0,0) 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6f6f6f6', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
#inhalt_navi nav {
  margin: 0 0 20px 0 !important;
}

/* =============================================================================
 Filterfunktion start
 ========================================================================== */
.filtertabelleforminfo {
  display: none;
}
#filter {
  margin: 20px 0 10px 0;
  padding: 5px 0;
  background-color: #F6F6F6;
}
#filtertabelle, #filtertabelle li {
  border: 1px solid #fff;
}
#filter strong {
  font-size: 100%;
  margin: 0 0 0 10px;
}
#filter button #filterzoom {
  margin: 0 0 0 10px;
}
#filter button#filterzoom.plus {  
  background-color: #004577;
  border:1px #004577 solid;
  padding: 10px 20px 16px 10px;
  color: #fff;
  font-family: "BundesSansWebBold";
  font-size: 1.5em;
  line-height: 0 !important;
}
#filter button#filterzoom:hover {
  background-color: #000;
}
#filter button#filterzoom.plus:focus {
  background-color: #fff;
  border:1px #004577 solid;
  outline:0;
  color: #004577;
}
#filterform {
  margin: 10px 0 0 0;
  /*display: none;*/
}
.filtertabelle, .filtertabelle li, .filtertabelleform li {
  border: 1px solid #F58E3A;
  background: #fff;
  text-align: center
}
.filtertabelleform li {
  color: #F58E3A;
  line-height: 0;
  padding: 7px;
  list-style: none;
}

.filtertabelleform li input:focus {
  border:1px solid #000;
  outline:1px solid #000;
}

#filtertabelleformrahmen {
  width: 100%;
}
.filtertabelleforminfo {
  width: 40%;
  float: right;
  padding: 5px 5px;
  background-color: #fff;
}
.filtertabelleforminfo p {
  padding: 0 0 0 40px;
  margin: 0;
  background: url('../images/info.gif') no-repeat scroll 5px 5px;
}
.ft1, .ft2, .ft3 {
  margin-right: 28px;
}
.hffilter {
  display: none;
}
.visuell, .motorik, .audio, .kognitiv {
  display: block;
}
.filtertabelleforminfo {
  border: 1px solid #000;
}
input[type=submit].resetFilter, button.resetFilter, .submitSave,input[type=submit].deleteFile {
  display: block;
  padding: 4px 10px 4px 35px !important;
  margin: 0;
  font-family: "BundesSansWebBold";
  background: #004577 url(../images/speichern.gif) no-repeat 10px !important;
  border: none;
  color: #fff;
}
input[type=submit].deleteFile {
  background-image: url(../icons/projektbereich/datei_loeschen.gif) !important;
  background-position: 5px center !important;
}

input[type=submit].resetFilter:focus, button.resetFilter:focus, .submitSave:focus {
  text-decoration:underline;
}

.filtertabelleform input[type=checkbox] {
  content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #000;
    text-align: center;
    line-height: 15px;
 }   
    
.filtertabelleform input[type=checkbox]:focus {
 outline:1px solid #000;
}

form#filterform div.filterButtons input.resetFilter {
  display: inline;
}
section.chapter figure button {
  float: none;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  padding: 15px 0 3px 0;
  font-family: "BundesSansWebBold";
  margin-top: 1px;
  font-size: 14px;
  line-height: 0;
}
#filter {
  float: none;
  overflow: hidden;
}
div.filtertabelleanzeige {
  float: none;
}
section.chapter div.filtertabelleanzeige {
  float: none;
  overflow: visible !important;
}
div.filtertabelleanzeige ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#inhalt2 #inhalt_text .filtertabelleanzeige ul li {
  background: #fff;
  color: #F58E3A;
  font-size: 1.2em;
  /*margin-right: 1px !important;*/
  padding: 0;
  text-align: center;
  list-style-image: none;
}
#filter div.filtertabelleanzeige ul li.inactive {
  border-width: 1px;
  line-height: 22px;
}
#filtertabelleformrahmen ul.filtertabelleform.ft1 li, #filtertabelleformrahmen ul.filtertabelleform.ft2 li, #filtertabelleformrahmen ul.filtertabelleform.ft3 li {
  margin: 0 2px 0 0;
}
div.filtertabelleanzeige ul li.filter-a {
  margin-right: 28px !important;
}
div.filtertabelleanzeige ul li.filter-ko, div.filtertabelleanzeige ul li.filter-ko {
  margin-right: 29px !important;
}
div.filtertabelleanzeige ul li.filter-au, div.filtertabelleanzeige ul li.filter-au {
  margin-right: 2px !important;
}
section.chapter header {
  position: relative;
}
section.chapter header div.filtertabelleanzeige {
  position: absolute;
  right: 0;
  top: 5px;
}
section.chapter header {
  padding-right: 250px;
}
#inhalt2 section.chapter header h2 {
  margin-bottom: 10px;
}
#inhalt2 #inhalt_text section.chapter header div.filtertabelleanzeige ul:after, #inhalt2 #inhalt_text section.chapter header div.filtertabelleanzeige ul::after {
  clear: both;
  content: '';
  display: table;
}
section.chapter header div.filtertabelleanzeige ul li.filter-status-1 {
  border-width: 2px;
  font-size: 0.8em;
}
section.chapter header div.filtertabelleanzeige ul li.filter-ko, section.chapter header div.filtertabelleanzeige ul li.filter-a {
  margin-right: 20px !important;
}
section.chapter header div.filtertabelleanzeige ul li.filter-status-0, section.chapter header div.filtertabelleanzeige ul li.filter-status-2 {
  font-size: 0.8em;
  border-width: 1px;
}
section.chapter div.images {
  overflow: hidden;
  margin-bottom: 15px;
}
section.chapter figure {
  background: #fff;
  width: auto;
  /*margin: 0 0 0 20px !important;*/
}
section.chapter figure:first-child {
  margin-left: 0;
}
section.chapter figure figcaption {
  width: auto;
  font-size: 14px;
  padding: 0 !important;
  margin: 10px 0 0 0 !important;
}
#inhalt section.chapter figure  a {
  background: 0;
  padding: 0;
}
section.chapter figure button {
  clear: both;
  display: block;
  border: 0;
  background: transparent url(../icons/lupe.gif) no-repeat left top;
  color: #fff;
  margin: 0 0 5px 0;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
}
#inhalt div.error, #inhalt div.schutzziel p {
  font-family: "BundesSansWebBold";
}
#inhalt div.error {
  color: red;
}
#filterform.errorForm {
  display: block;
}
aside.marginal-spalte {
  margin-bottom: 20px;
}
aside.marginal-spalte div.controls span {
  padding: 0 10px 1px 10px;
  display: block;
  color: #004577;
  margin-top: -1px;
}
aside.marginal-spalte div.content {
  font-size: 1.3em;
  margin: 0 10px 10px 20px;
  clear: both;
}
aside.marginal-spalte div.controls button, aside.marginal-spalte div.controls span, aside.marginal-spalte div.content {
  background: none !important;
}
aside.marginal-spalte div.controls {
  overflow: hidden;
  margin-bottom: 1px;
  font-size: 1em;
  font-weight: bold;
}

aside.marginal-spalte div.controls:focus {
  outline: 1px solid #000;
}  

aside.marginal-spalte div.controls button {
  display: block;
  width: 20px;
  height: 28px;
  background-color: #004577 !important;
  color: #fff;
}
div.filterInfo {
  background: url(../icons/projektbereich/info_14x14.gif) no-repeat left 8px !important;
  float: right;
  padding: 0 0 0 20px;
}
#inhalt div.filterInfo a {
  background: 0;
  padding: 0;
}

#inhalt p.schutzziel-text {
  font-size: 14px;
  font-family: "BundesSansWebBold";
}

#inhalt p.schutzziel-text a:focus {
  text-decoration:underline;
  color:#000;
}

#colorbox {
  font-size: 14px;
}
.filter-status-2 {
  position: relative;
  margin: 0 0 20px 0;
}

.filterrelevant {
  position: absolute;
  bottom: -20px;
  left: 5px;
  background: transparent url(../icons/pfeil_filter.png) no-repeat top center;
  width: 20px;
  height: 20px;
}
.filterInfoText {
  /*display: none;*/
  padding: 10px 10px;
}
.openZoom {
  cursor: pointer;
}
.filterInfo a, .csc-sitemap a, .csc-uploads a {
  text-decoration: none;
  color: #004577;
}

.csc-sitemap a:hover, .csc-uploads a:hover, .csc-sitemap a:focus, .csc-uploads a:focus {
    text-decoration: underline;
    color: #000;
}

ul.csc-uploads span {
  padding: 0 10px 0 0;
  display: inline;
}
#inhalt div.filterButtons {
  clear: none !important;
  float: left;
  line-height: 0;
  padding: 0;
}
ul.filtertabelleform.ft1 li.filtertabelleanzeigebtn, div.filtertabelleanzeige ul li.filtertabelleanzeigebtn {
  width: 230px !important;
  border: none;
  background: none;
  margin: 0 !important;
}
ul.filtertabelleform.ft1 li.filtertabelleanzeigebtn {
  width: 216px !important;
}
div.filterInfo {
  margin: 0 20px 0 0;
}

/* =============================================================================
 Filterfunktion ende
 ========================================================================== */

/* =============================================================================
 Inhalt start
 ========================================================================== */

section.chapter .content ul {
  margin: 20px 20px !important;
}

section.chapter .content ul li {
  line-height: 2em;
}
#inhalt_text ul li {
  list-style-image: url(../images/li.gif);
}

/* =============================================================================
 Inhalt ende
 ========================================================================== */

/* =============================================================================
 Zusatzinfo links start
 ========================================================================== */

.zusatzinfolinks, .zusatzinfolinks2 {
  margin: 0 25px 25px 25px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #004577;
  font-size: 1em;
  display: block;
}
.zusatzinfolinks a, .zusatzinfolinks a:hover, .zusatzinfolinks2 a, .zusatzinfolinks2 a:hover {
  font-size: 0.9em;
  background-image: none !important;
  margin-top: 10px;
  text-decoration: none;
}
.zusatzinfolinks2 a {
  display: block;
  margin-right: 10px;
}
.zusatzinfolinks span, .zusatzinfolinks2 span {
  display: block;
  width: 100% float :left;
  text-align: left;
}

.zusatzinfolinks a:focus img, .zusatzinfolinks2 a:focus img {
  outline: 1px solid #000;
}

.zusatzinfolinks span {
  margin-left: 10px;
  padding-left: 100px;
}
.zusatzinfolinks a:last-child, a.downloadLegendeZIP {
  display: block;
  padding: 5px 0;
  font-family: 'BundesSansWebBold';
  background-color: #004577 !important;
  text-align: center;
  color: #fff !important;
}
.zusatzinfolinks a:last-child, .zusatzinfolinks2 a:last-child {
  background: #004577 url(../images/download.gif) no-repeat 5px 5px !important;
}

.zusatzinfolinks a:last-child:focus, .zusatzinfolinks2 a:last-child:focus {
   text-decoration:underline;
}  
.zusatzinfolinks h4, .zusatzinfolinks2 h4,
.zusatzinfolinks strong, .zusatzinfolinks2 strong {
  color: #004577;
  font-size: 1.2em;
  display: block;
  margin: 0 0 10px 0;
}
.zusatzinfolinks h4, .zusatzinfolinks2 h4 {
  font-family: 'BundesSansWebBold';
}
a.downloadLegende1 span, a.downloadLegende2 span, a.downloadLegende3 span {
  display: block;
  width: 25px;
  height: 22px;
  margin: 8px;
  background: #004577 url(../images/download.gif) no-repeat !important;
}
.zusatzinfolinks, .zusatzinfolinks2 {
  color: #000;
}
.zusatzinfolinks {
  margin: 0px 25px 0 0;
}

/* =============================================================================
 Zusatzinfo links ende
 ========================================================================== */

/* =============================================================================
 Inhalt Unterseite ende
 ========================================================================== */

/* =============================================================================
 Userlogin start
 ========================================================================== */

#inhalt_text .tx-felogin-pi1 {
  width: 50%;
}

#inhalt_text .tx-felogin-pi1 legend, #inhalt_text  .tx-felogin-pi1 label {
  display: none;
}
#inhalt_text .tx-felogin-pi1 input {
  border: 1px solid #a6acb3;
  background-color: #f6f6f6;
  margin: 0 0 15px 0;
  padding: 0 15px;
  width: 83%;
  height: 30px;
}
#inhalt_text .tx-felogin-pi1 input[type=button], #inhalt_text .tx-felogin-pi1 input[type=submit] {
  background-color: #004577;
  color: #fff;
  font-family: 'BundesSansWebBold';
  border: 0;
  padding: 0 2em;
}

/* =============================================================================
 Userlogin ende
 ========================================================================== */

/* =============================================================================
 Sitemap start
 ========================================================================== */

.frame-type-menu_sitemap_pages a {
  color: #004F80 !important;
 text-decoration: none !important;
 background: none;
}
.frame-type-menu_sitemap_pages ul {
  margin: 0 0 0 15px;
  padding: 0;
}
.frame-type-menu_sitemap_pages ul li {
  margin: 0;
  padding: 5px 0 0 0;
}
.frame-type-menu_sitemap_pages ul li ul {
  padding: 0 0 0 20px;
}



/* =============================================================================
 Sitemap ende
 ========================================================================== */

/* =============================================================================
 Suche start
 ========================================================================== */

form#tx_indexedsearch {
  margin: 20px 0;
  padding: 10px 0 0 0;
  color: #fff;
}
form#tx_indexedsearch td {
  color: #000;
}
form#tx_indexedsearch input#tx-indexedsearch-searchbox-sword {
  width: 355px;
  margin: 10px 0 0 0;
}
form#tx_indexedsearch #tx-indexedsearch-searchbox-button-submit {
  padding: 2px 5px;
  margin: 10px 0 0 10px;
  background-color: #004577;
  font-size: 100%;
}

form#tx_indexedsearch .tx-indexedsearch-searchbox-button.submit:focus {
outline: 1px solid #004577 !important;
background-color: #FFF !important;
color: #004577 !important;
}

.tx-indexedsearch-whatis span {
  font-weight: bold;
}
form#tx_indexedsearch label {
  margin: 5px 20px 0 0;
  font-size: 1.1em;
  color: #000;
}
.tx-indexedsearch-whatis {
  margin: 20px 0 10px 0;
}


.tx-indexedsearch-browsebox, ul.tx-indexedsearch-browsebox {
  margin: 0 0 20px 0;
  padding: 3px 3px;
}

ul.tx-indexedsearch-browsebox li {
  display: inline-block;
  margin-right: 10px;
}
.tx-indexedsearch-res.res.res-tmpl-css {
  margin: 0 0 20px 0;
}
.indexedsearch-titelzeile {
  line-height: 20px;
  background-color: #ededed;
  padding: 3px 3px
}
.tx-indexedsearch-res h3 {
  line-height: 20px;
  background-color: #ededed;
  padding: 3px 3px
}  
span.tx-indexedsearch-title {
  width: 90%;
  display:inline-block;
}

.tx-indexedsearch-res p {
 margin: 0 !important; 
}  
.tx-indexedsearch-res p.tx-indexedsearch-description {
  margin: 0 0 30px 0 !important;
}

div.tx-indexedsearch-percent.percent.percent-tmpl-css {
  float: right !important;
  font-size: 1em;
  width: 9%;
  float: right;
  text-align: right;
}
form#tx_indexedsearch input#tx-indexedsearch-searchbox-sword {
  width: 355px;
  height: 20px;
  font-size: 100%;
}

form#tx_indexedsearch label {
  margin: 5px 20px 0 0;
  font-size: 1.1em;
  color: #000;
}
.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox  {
  margin: 20px 0 !important;
  border-bottom: 10px solid #fff;
}
.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox x li {
  background: none !important;
  list-style-image: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox  li a {
  padding: 0 10px 0 0;
}
.tx-indexedsearch-browselist-currentPage {
  text-decoration: underline;
  color: #000;
}
ul.tx-indexedsearch-browsebox  {
  list-style: none;
  color: #004577;
}

.tx-indexedsearch-res a, ul.tx-indexedsearch-browsebox  a {
  color: #004577;
}

/* =============================================================================
 Suche ende
 ========================================================================== */

#back-top {
  background-color: #004577;
  clear:both;
}

/* =============================================================================
 Accordion start - WECHESL AUF HH_ACCORDION 26.10.2023
 ========================================================================== */

   .hh-accordion {
    margin-top: 40px;
    margin-bottom: 20px;
  }
 
 .hh-accordion summary {
    background-color: #f6f6f6;
 } 
 .hh-accordion .accordion-header {
  background-color: #f6f6f6;
  color: #004577;
  font-weight: bold;
}

.hh-accordion .accordion .summary-chevron-up, .hh-accordion .accordion .summary-chevron-down {
  background-color: #f6f6f6 !important;
  pointer-events: none;
  position: absolute;
  right: 1em;
  top: .75em;
  width: 24px;
}



/* alte TV+ Version */
.ui-widget {
  font-family: inherit;
  font-size: 1em;
}
.ui-widget-content {
  color: #000;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion {
  margin: 20px 0 20px 0;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0 !important;
  font-size: 1em;
  background: none;
  background-color: #f6f6f6;
  color: #004577;
  border-radius: 0;
  font-weight: normal;
}

.ui-accordion .ui-accordion-header:focus{
  outline:1px solid #004577;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  padding: 0 5px 10px 5px;
  margin: 5px 0 10px 0;
  top: 0;
  background: none;
  background: transparent url(../icons/button_plus.gif) no-repeat left top;
}

.ui-icon-plus {
  background: transparent url(../icons/button_plus.gif) no-repeat left top;
}
.ui-icon-minus {
  background: transparent url(../icons/button_minus.gif) no-repeat left top !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 2px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 2px;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  font-family: "BundesSansWebBold";
  color: #fff
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #000;
  text-decoration: none
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #ddd;
  font-family: "BundesSansWebBold";
  color: #ff0084
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #ff0084;
  text-decoration: none
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #DDD;
  font-family: "BundesSansWebBold";
}
div.accordion.ui-accordion.ui-widget.ui-helper-reset div#ui-id-2.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active ul li, div.accordion.ui-accordion.ui-widget.ui-helper-reset div#ui-id-2.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.accordion-content-active ul li {
  list-style: none;
  background: transparent url('../images/li.gif') no-repeat 0 10px;
  padding: 0 0 0 15px;
}
div.accordion.ui-accordion.ui-widget.ui-helper-reset div#ui-id-2.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active ul li:last-child {
  margin: 0 0 20px 0;
}
div.accordion.ui-accordion.ui-widget.ui-helper-reset div#ui-id-2.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.accordion-content-active p img {
  margin: 0 5px;
}

/* =============================================================================
 Accordion ende
 ========================================================================== */

/* =============================================================================
 Glossary start
 ========================================================================== */

a.glossary {
  background: transparent url(../icons/lexikon.gif) no-repeat 0 6px !important;
  padding: 0 0 0 17px !important;
  color: #004577 !important;
  text-decoration: none !important;
}
a:hover.glossary, a:focus.glossary {
  color: #000 !important;
  text-decoration: underline !important;
  background: transparent url(../icons/lexikon_neg.gif) no-repeat 0 6px !important;
}
a:focus.glossary {
 outline: 1px solid #000;
}

.tx-glossary-typelabel, .tx-glossary-abstract {
  display: none;
}
.tx-glossary-list dt {
  margin: 10px 0px;
  padding: 2px 2px !important;
  border: 1px solid #DDD;
  background: url('../images/ui/ui-bg_highlight-soft_100_f6f6f6_1x100.png') repeat-x scroll 50% 50% #F6F6F6;
  font-family: "BundesSansWebBold";
  color: #0073EA;
}
#inhalt_text dl.tx-glossary-list dt.tx-glossary-term.tx-glossary-term-dfn {
  display: block;
  background: none;
  background-color: #f6f6f6;
  color: #000;
  font-weight: normal;
  font-family: "BundesSansWebBold";
  padding: 0 0 5px 10px !important;
}
#inhalt_text dl.tx-glossary-list dd.tx-glossary-description.tx-glossary-description-dfn p {
  margin-left: 20px !important;
  margin-right: 20px !important;
  margin-bottom: 40px !important;
}

/* =============================================================================
 Glossary ende
 ========================================================================== */

/* ********** Glossary 2 */
.f3-widget-paginator {
  display:none;
}

.lexikonlisteitem {
  display: block;
  background: none;
  background-color: #f6f6f6;
  color: #000;
  font-weight: normal;
  font-family: "BundesSansWebBold";
  padding: 0 0 5px 10px !important;
  border: 1px solid #DDD;
  margin: 10px 0px;
}
.lexikonlistetext p {
  margin-left: 20px !important;
  margin-right: 20px !important;
  margin-bottom: 40px !important;
}

/* ********** */



/* =============================================================================
 Schutzziel start
 ========================================================================== */

#inhalt p.schutzziel-text a {
  color: #004577;
  background: transparent url(../images/link_ex.png) no-repeat 0 7px;
  padding: 0 0 0 15px;
  color: #004577;
  text-decoration: none;
}
section.chapter .content1 p {
  font-family: "BundesSansWebBold";
}
section.chapter .content ul, section.chapter .content1 ul {
  margin: 0px 0px 30px 25px !important;
}
section.chapter .content1 p.schutzzielverweis {
  font-family: 'BundesSansWeb';
  color: #004577;
  margin: -20px 0 20px 0 !important;
}
.schutzzielverweis a, .schutzziel-text a {
  color: #004577 !important;
}
.schutzziel-intro {
  background: none repeat scroll 0% 0% #FCE7CC;
  padding: 20px;
}
.schutzziel-intro strong {
  margin: 0 0 10px 0;
  display: block;
}
.schutzzielverweis a {
  font-family: 'BundesSansWebBold';
  font-size: 0.9em;
}

/* =============================================================================
 Schutzziel ende
 ========================================================================== */

/* =============================================================================
 Filteranzeige start
 ========================================================================== */

.filtertabelleanzeige .filter-es, .filtertabelleanzeige .filter-ew, .filtertabelleanzeige .filter-a, .filtertabelleanzeige .filter-vi, .filtertabelleanzeige .filter-vi, .filtertabelleanzeige .filter-mo, .filtertabelleanzeige .filter-mo, .filtertabelleanzeige .filter-ko, .filtertabelleanzeige .filter-ko, .filtertabelleanzeige .filter-au, .filtertabelleanzeige .filter-au, .filtertabelleanzeige .filter-inn, .filtertabelleanzeige .filter-inn, .filtertabelleanzeige .filter-aus, .filtertabelleanzeige .filter-aus {
  height: 30px !important;
  width: 30px !important;
}
.filtertabelleanzeige .filter-es.filter-status-0, .filtertabelleanzeige .filter-ew.filter-status-0, .filtertabelleanzeige .filter-a.filter-status-0, .filtertabelleanzeige .filter-vi.filter-status-0, .filtertabelleanzeige .filter-status-vi-0, .filtertabelleanzeige .filter-mo.filter-status-0, .filtertabelleanzeige .filter-status-mo-0, .filtertabelleanzeige .filter-ko.filter-status-0, .filtertabelleanzeige .filter-status-ko-0, .filtertabelleanzeige .filter-au.filter-status-0, .filtertabelleanzeige .filter-status-au-0, .filtertabelleanzeige .filter-inn.filter-status-0, .filtertabelleanzeige .filter-status-inn-0, .filtertabelleanzeige .filter-aus.filter-status-0, .filtertabelleanzeige .filter-status-aus-0 {
  /*height: 28px !important;
  width: 28px !important;
  border: 1px solid #ee7f01 !important;*/
}
.filtertabelleanzeige .filter-es label {
  background: transparent url(../../images/icons_fuer_inhalte/es_aktiv.gif ) no-repeat !important;
}
.filtertabelleanzeige .filter-ew label {
  background: transparent url(../../images/icons_fuer_inhalte/ew_aktiv.gif ) no-repeat !important;
}
.filtertabelleanzeige .filter-a label {
  background: transparent url(../../images/icons_fuer_inhalte/a_aktiv.gif ) no-repeat !important;
}
.filtertabelleanzeige .filter-vi, .filtertabelleanzeige .filter-vi label {
  background: transparent url(../../images/icons_fuer_inhalte/optisch_aktiv.gif ) no-repeat !important;
}
.filtertabelleanzeige .filter-mo, .filtertabelleanzeige .filter-mo label {
  background: transparent url(../../images/icons_fuer_inhalte/motorisch_aktiv.gif ) no-repeat !important;
}
.filtertabelleanzeige .filter-ko, .filtertabelleanzeige .filter-ko label {
  background: transparent url(../../images/icons_fuer_inhalte/geistig_aktiv.gif ) no-repeat !important;
}
.filtertabelleanzeige .filter-au, .filtertabelleanzeige .filter-au label {
  background: transparent url(../../images/icons_fuer_inhalte/akustisch_aktiv.gif ) no-repeat !important;
}
.filtertabelleanzeige .filter-inn, .filtertabelleanzeige .filter-inn label {
  background: transparent url(../../images/icons_fuer_inhalte/g_aktiv.gif ) no-repeat !important;
}
.filtertabelleanzeige .filter-aus, .filtertabelleanzeige .filter-aus label {
  background: transparent url(../../images/icons_fuer_inhalte/aussen_aktiv.gif  ) no-repeat !important;
}

/* Filterauswahl inaktiv und Filteranzeige Kaptiel deaktiviert (.filter-status-2) */

.filtertabelleanzeige .filter-es.inactive label {
  background: transparent url(../../images/icons_fuer_inhalte/es_inaktiv.gif ) no-repeat !important;
}
.filtertabelleanzeige .filter-ew.inactive label {
  background: transparent url(../../images/icons_fuer_inhalte/ew_inaktiv.gif ) no-repeat !important;
}
.filtertabelleanzeige .filter-a.inactive label {
  background: transparent url(../../images/icons_fuer_inhalte/a_inaktiv.gif ) no-repeat !important;
}
.filtertabelleanzeige .filter-vi.inactive label {
  background: transparent url(../../images/icons_fuer_inhalte/optisch_inaktiv.gif ) no-repeat !important;
}
.filtertabelleanzeige .filter-mo.inactive label {
  background: transparent url(../../images/icons_fuer_inhalte/motorisch_inaktiv.gif ) no-repeat !important;
}
.filtertabelleanzeige .filter-ko.inactive label {
  background: transparent url(../../images/icons_fuer_inhalte/geistig_inaktiv.gif ) no-repeat !important;
}
.filtertabelleanzeige .filter-au.inactive label {
  background: transparent url(../../images/icons_fuer_inhalte/akustisch_inaktiv.gif ) no-repeat !important;
}
.filtertabelleanzeige .filter-inn.inactive label {
  background: transparent url(../../images/icons_fuer_inhalte/g_inaktiv.gif ) no-repeat !important;
}
.filtertabelleanzeige .filter-aus.inactive label {
  background: transparent url(../../images/icons_fuer_inhalte/aussen_inaktiv.gif ) no-repeat !important;
}

/* Ausschalten Icon, wenn nicht relevant */
.filtertabelleanzeige .filter-es.filter-status-0, .filtertabelleanzeige .filter-ew.filter-status-0, .filtertabelleanzeige .filter-a.filter-status-0, .filtertabelleanzeige .filter-vi.filter-status-0, #inhalt2 #inhalt_text .filtertabelleanzeige .filter-status-vi-0, .filtertabelleanzeige .filter-mo.filter-status-0, #inhalt2 #inhalt_text .filtertabelleanzeige .filter-status-mo-0, .filtertabelleanzeige .filter-ko.filter-status-0, #inhalt2 #inhalt_text .filtertabelleanzeige .filter-status-ko-0, .filtertabelleanzeige .filter-au.filter-status-0, #inhalt2 #inhalt_text .filtertabelleanzeige .filter-status-au-0, .filtertabelleanzeige .filter-inn.filter-status-0, #inhalt2 #inhalt_text .filtertabelleanzeige .filter-status-inn-0, .filtertabelleanzeige .filter-aus.filter-status-0, #inhalt2 #inhalt_text .filtertabelleanzeige .filter-status-aus-0 {
  background: none !important;
}
div.filtertabelleanzeige ul li {
  border: 0 !important;
}
section.chapter header {
  padding: 5px 0px 10px !important;
}
section.chapter header div.filtertabelleanzeige {
  position: absolute;
  right: 0px;
  top: 20px;
}
#filter div.filtertabelleanzeige ul li.inactive:after, #filter div.filtertabelleanzeige ul li.inactive::after,
#inhalt2 #inhalt_text .filtertabelleanzeige ul li.filter-status-2:after, #inhalt2 #inhalt_text .filtertabelleanzeige ul li.filter-status-2::after {
  background: #004577;
  content: 'inaktiv';
  font-size: 9px;
  color: #fff;
  height: 10px;
  line-height: 100%;
  opacity: 0.8;
  padding: 0;
  position: absolute;
  text-align: center;
  left: 1px;
  bottom: 1px;
  width: 28px;
  z-index: 11;
}
/* =============================================================================
 Filteranzeige ende
 ========================================================================== */

/* =============================================================================
 Kontaktformular start
 ========================================================================== */

form#mailform {
  margin: 30px 0 50px 0;
}
form#mailform .csc-mailform-field {
  padding: 10px 0 10px 0;
  width: 100%;
  clear: both;
}
form#mailform label {
  width: 150px;
}
form#mailform input, form #mailform textarea {
  width: 200px;
  height: 20px;
  border: 1px solid #a4a4a4;
}
form#mailform textarea {
  height: 150px;
}
div.Tx-Formhandler p {
  margin: 0 !important;
}
div.Tx-Formhandler p.error {
  color: red;
  font-family: "BundesSansWebBold";
  clear: both;
  padding: 0 0 0 150px;
  font-size: 0.8em;
  margin: 0;
}
/* =============================================================================
 Kontaktformular start
 ========================================================================== */ 
form#kontakt-DLBB-136{
  margin: 30px 0 50px 0;
}
form#kontakt-DLBB-136 .form-group  {
  padding: 10px 0 10px 0;
  display: flex
  
}
form#kontakt-DLBB-136  .form-group label {
  width: 150px;
}
form#kontakt-DLBB-136 .form-group input, form#kontakt-DLBB-136 .form-group textarea {
  width: 200px;
  height: 20px;
  border: 1px solid #a4a4a4;
}
form#kontakt-DLBB-136 .form-group textarea {
  height: 150px;
  width: 400px
}

form#kontakt-DLBB-136 .btn-group {
  display:flex;  
  padding-top: 30px;
}

form#kontakt-DLBB-136 .btn-group .previous {
 margin-right: 20px;
}

form#kontakt-DLBB-136 .btn-group button{
    display: block;
    height: 35px !important;
    padding: 5px 25px 10px 25px;
    background-color: #004577;
    font-size: 0.95em;
    font-family: "BundesSansWebBold";
    color: #fff !important;
    border: 0 !important;
}

form#kontakt-DLBB-136 legend {
  color: #004577;
  font-family: "BundesSansWebBold";
  font-size: 1.3em;
}  

form#kontakt-DLBB-136 .summary-table-first-col {
  width:200px;
}  

/* =============================================================================
 Kontaktformular ende
 ========================================================================== */

/* =============================================================================
 Druckbutton start
 ========================================================================== */

.druckversion, #sl_download, #sl_uebersicht, #sl_start {
  color: #004577;
  padding: 0 0 0 30px;
  font-size: 1em;
  cursor: pointer;
  text-align: center;
  font-family: 'BundesSansWeb';
  background: transparent url(../icons/print.gif) no-repeat left;
}
#sl_download {
  background: transparent url(../icons/hinweise.gif) no-repeat left;
}
#sl_uebersicht {
  background: transparent url(../icons/service.gif) no-repeat left;
}
#sl_start {
  background: transparent url(../icons/start.gif) no-repeat left;
}

.druckversion.active, li:hover.druckversion {
  background: transparent url(../icons/print_neg.gif) no-repeat left;
}
li:hover.druckversion {
  color: #000 !important;
  text-decoration: underline !important;
}
#sl_download.active, li:hover#sl_download {
  background: transparent url(../icons/hinweise_neg.gif) no-repeat left;
}
#sl_uebersicht.active, li:hover#sl_uebersicht {
  background: transparent url(../icons/service_neg.gif) no-repeat left;
}
#sl_start.active, li:hover#sl_start {
  background: transparent url(../icons/start_neg.gif) no-repeat left;
}

/* =============================================================================
 Druckbutton ende
 ========================================================================== */

/* =============================================================================
 Downloads start
 ========================================================================== */

#inhalt_text p a.download {
  color: #004577;
  text-decoration: none;
}
#inhalt_text p a.download:hover {
  color: #000;
}

/* =============================================================================
 Downloads ende
 ========================================================================== */

#back-top.no-print {
  background: none;
}
#back-top.no-print a {
  display: block;
  padding: 30px 10px 10px 10px;
  background: #f6f6f6 url(../icons/hoch_pfeil.png) no-repeat top !important;
  float: right;
  color: #004577 !important;
  text-decoration: none;
  text-align: center;
  border: 1px solid #f6f6f6;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

#back-top.no-print a:focus {
   border: 1px solid #000;
}  

.content a, .content1 a, .tx-glossary-all a, .tx-glossary-back a {
  color: #004577 !important;
}

/* =============================================================================
 Lupe Lightbox start
 ========================================================================== */

section.chapter figure button.lightbox {
  position: absolute;
  margin: -30px 0 0 10px;
  background: transparent url(../icons/lupe.gif) no-repeat 0 0;
}
section.chapter figure {
  padding: 0;
}
.ui-widget-content a {
  color: #004577;
}
#cboxTitle {
  font-weight: bold;
  background: #000;
  font-size: 1em;
  padding: 10px;
}

.lightbox:focus img {
   border: 1px solid #000;
}

/* =============================================================================
 Lupe Lightbox ende
 ========================================================================== */
#inhalt table.projekt-tabelle tbody tr td a, #inhalt div.info-box-subnav p a {
  text-decoration: none;
}
#inhalt > #filter  > div.filtertabelleanzeige ul li {
  position: relative;  
}
#filter  div.filtertabelleanzeige ul li span, #filter  div.filtertabelleanzeige ul li label {
  color: #000;
}
#filter  div.filtertabelleanzeige ul li label {  
  text-indent: -9999px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}


.csc-textpic-text blockquote,#inhalt .csc-textpic-text blockquote p{margin:0;padding:0}
.csc-textpic-text blockquote{margin-bottom:10px;}
.csc-textpic-text blockquote p, .csc-textpic-text blockquote footer{display:inline}

#inhalt2 #inhalt_text .accordion ul {margin-bottom:20px;}
.clearfix:after,#footer:after{content:' ';clear:both;display: table;}
.filtertabelleanzeige:after{
  content: ' ';
  clear: both;
  display: table;
}
#inhalt_text .filtertabelleanzeige ul li {
  color: #ee7f01;
  float: left;
  height:30px;
  margin: 0 0 0 1px;
  line-height: 28px;
  list-style-image: none;
  position: relative;
  text-align: center;
  width:30px;
}
#inhalt_text .filtertabelleanzeige ul li span.icon {
  background-repeat: no-repeat;
  background-position: left top;
  display: block;
  text-indent: -9999px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#inhalt_text .filtertabelleanzeige ul li.filter-es span.icon {
  background-image: url(../../images/icons_fuer_inhalte/es_aktiv.gif);  
}
#inhalt_text .filtertabelleanzeige ul li.filter-es.filter-status-2 span.icon {
  background-image: url(../../images/icons_fuer_inhalte/es_inaktiv.gif);  
}
#inhalt_text .filtertabelleanzeige ul li.filter-ew span.icon {
  background-image: url(../../images/icons_fuer_inhalte/ew_aktiv.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-ew.filter-status-2 span.icon {
  background-image: url(../../images/icons_fuer_inhalte/ew_inaktiv.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-a span.icon {
  background-image: url(../../images/icons_fuer_inhalte/a_aktiv.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-a.filter-status-2 span.icon {
  background-image: url(../../images/icons_fuer_inhalte/a_inaktiv.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-mo span.icon {
  background-image: url(../../images/icons_fuer_inhalte/motorisch_aktiv.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-mo.filter-status-2 span.icon {
  background-image: url(../../images/icons_fuer_inhalte/motorisch_inaktiv.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-vi span.icon {
  background-image: url(../../images/icons_fuer_inhalte/optisch_aktiv.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-vi.filter-status-2 span.icon {
  background-image: url(../../images/icons_fuer_inhalte/optisch_inaktiv.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-au span.icon {
  background-image: url(../../images/icons_fuer_inhalte/akustisch_aktiv.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-au.filter-status-2 span.icon {
  background-image: url(../../images/icons_fuer_inhalte/akustisch_inaktiv.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-ko span.icon {
  background-image: url(../../images/icons_fuer_inhalte/geistig_aktiv.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-ko.filter-status-2 span.icon {
  background-image: url(../../images/icons_fuer_inhalte/geistig_inaktiv.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-inn span.icon {
  background-image: url(../../images/icons_fuer_inhalte/g_aktiv.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-inn.filter-status-2 span.icon {
  background-image: url(../../images/icons_fuer_inhalte/g_inaktiv.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-aus span.icon {
  background-image: url(../../images/icons_fuer_inhalte/aussen_aktiv.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-aus.filter-status-2 span.icon {
  background-image: url(../../images/icons_fuer_inhalte/aussen_inaktiv.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-es.filter-status-0 span.icon,
#inhalt_text .filtertabelleanzeige ul li.filter-ew.filter-status-0 span.icon,
#inhalt_text .filtertabelleanzeige ul li.filter-a.filter-status-0 span.icon,
#inhalt_text .filtertabelleanzeige ul li.filter-mo.filter-status-0 span.icon,
#inhalt_text .filtertabelleanzeige ul li.filter-vi.filter-status-0 span.icon,
#inhalt_text .filtertabelleanzeige ul li.filter-au.filter-status-0 span.icon,
#inhalt_text .filtertabelleanzeige ul li.filter-ko.filter-status-0 span.icon,
#inhalt_text .filtertabelleanzeige ul li.filter-inn.filter-status-0 span.icon,
#inhalt_text .filtertabelleanzeige ul li.filter-aus.filter-status-0 span.icon {
  background-image: url(../../images/icons_fuer_inhalte/leer.gif);
}
#inhalt_text .filtertabelleanzeige ul li.filter-status-0 span.label {
  display: none;  
}
.vjs-big-play-button{left:40% !important;top:38% !important}