@charset "UTF-8";

/********** update ***************************/
/* reset all browser default styling */
/*************************************/
@import "reset-min.css";



/***************************************************************/
/* import example.css for default styling of content elements  */
/***************************************************************/
@import "example.css" all;
html {
  overflow-y: scroll;
  }


/***************/
/* GRID LAYOUT */
/***************/
div#navigationAids, div#footer h3, div#navigationFirstLevel h2, div#navigationSecondLevel h2 {
  display:none;
  }
div#outerWrap {
  width:900px;
  text-align:center;
  margin:0 auto;
  overflow:auto;
  }
div#outerWrap div {
  text-align:left;
  }
div#header {
  background:#333;
  height:142px;
  margin-top:50px;
  }
div#navigationSecondLevel {
  float:left;
  width:21%;
  }
div#main {
  width: 53%;
  float:left;
  }
div#secondary {
  width:26%;
  float:right;
  }
div#footer {
  clear:both;
  }
body.hideRightColumn div#secondary {
  display:none;
  }
body.hideRightColumn div#main {
  width:79%;
  float:left;
  position:relative;
  }
body.hideLeftColumn div#main {
  width:74% !important;
  float:left;
  position:relative;
  }
body.hideLeftColumn div#navigationSecondLevel {
  display:none;
  }
body.hideRightAndLeftColumn div#main {
  width:100%;
  }
body.hideRightAndLeftColumn div#secondary, body.hideRightAndLeftColumn div#navigationSecondLevel {
  display:none;
  }
body.hideRightAndLeftColumn div#contentWrap, body.hideLeftColumn div#contentWrap {
  background-image:none;
  background:#fff;
  }


/*******************/
/* GENERAL PADDING */
/*******************/
div#secondayContent, div#navigationContent, div#footer {
  padding:12px;
  }
div#mainContent {
  padding:30px;
  overflow:hidden;
  }


/**********************************************************/
/* STYLING AND POSITIONING OF INDIVIDUAL GENERAL ELEMENTS */
/**********************************************************/
body {
  /*background: #494949 url(../Images/bg.gif) top left repeat-x;*/
  background: #FFFFFF;
  }
html {
  background:#FFFFFF;
  }
strong {
  font-weight:bold;
  }
.frame-default{margin-bottom:35px;}
div#header {
  background:#B3D8F2 url(../Images/header.jpg) no-repeat;
/*  width: 900px;
  height: 142px;
  position: relative;*/
  }
/*div#header a {
  position: absolute;
  top: 0;
  left: 0;
  width: 900px;
  height: 142px;
  }
div#header a h1 {
  display: none;
}*/

div#contentWrap {
/*  background: url(../Images/bg_contentWrap.gif) top left repeat-y;*/
/*  background: #FFFFFF url(../Images/netzwerk-zuhause-sicher-wasserzeichen.jpg) bottom left no-repeat;*/
  overflow:hidden;
  clear:both
  }
div#navigationSecondLevel {
  float: left;
  margin: 0px;
  padding: 15px 0px;
  }
div#secondary {
  margin-top:48px;
  }
div#footer {
  background:url(../Images/bg_footer.jpg) top center no-repeat;
  }
div#footer .footerFrame,
div#footer .footerFrame-last {
  float:left;
  width: 200px;
  margin: 0 0 0 20px;
  }
div#footer .footerFrame-last {
  width: 410px;
  }
div#footer .footerFrame h4 {
  margin: 0 0 1em 0;
  }
div#footer #licensebadge {
  margin-top: 3px;
  opacity: 0.3;
  }
div#topMenu ul li, div#languageMenu ul li {
  display:inline;
  padding-left:1em;
  font-size:100%;
  }
div#topMenu, div#languageMenu {
  float:right;
  padding-bottom:24px;
  margin:-24px 6px 0 0;
  }
div.secondaryContentSection {
  background:#f2f2f2;
  border:1px solid #cfcecf;
  width:155px;

  padding: 0 10px 10px 10px;
  margin:0 0 2.4em 10px;
  overflow:hidden;
  font-size:90%;
  }
div#navigationFirstLevel {
  background: #3c8dd9 url(../Images/navOverlay.png) top left repeat-x;
  }
div#navigationFirstLevelMenu ul {
  overflow:hidden;
  margin:0 0 0 190px;
  }
div#navigationFirstLevelMenu ul li {
  display:block;
  float:left;
  margin-left:0;
  }
div#navigationFirstLevelMenu ul li a {
  padding:0.8em 1em;
  display:block;
  }
div#breadcrumb {
  position:relative;
  margin-left:26px;
  top:16px;
  font-size:90%;
  }
div#breadcrumb span {
  font-weight:bold;
  }

/*
div#navigationSecondLevelMenu ul {
  text-indent:20px;
  line-height:2.2em;
  border-bottom:1px solid #B3D8F2;
  margin-left:0;
  }
div#navigationSecondLevelMenu ul ul {
  text-indent:35px;
  border-bottom:none;
  margin-bottom:0;
  }
div#navigationSecondLevelMenu ul ul ul {
  text-indent:50px;
  }
div#navigationSecondLevelMenu {
  width:190px;
  margin-top:13px;
  }
div#navigationSecondLevelMenu li.active {
  background:#fff;
  border-top:1px solid #B3D8F2;
  border-bottom:1px solid #B3D8F2;
  font-weight:bold;
  }
div#navigationSecondLevelMenu li.active ul li {
  font-weight:normal;
  }
div#navigationSecondLevelMenu li.selected {
  background: #fff url(../Images/bg_liCurrent.gif) top right no-repeat;
  font-weight: bold !important;
  border-top:1px solid #B3D8F2;
  }
div#navigationSecondLevelMenu li.selected li {
  font-weight:normal;
  }
div#navigationSecondLevelMenu li {
  border-top:1px solid #B3D8F2;
  list-style-type:none;
  margin-left:0;
  }
div#navigationSecondLevelMenu li.active li, div#navigationSecondLevelMenu li.selected li {
  border-top:1px solid #eee;
  }
*/

div#navigationSecondLevelMenu ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
}
div#navigationSecondLevelMenu ul a {
  font: 102%/1.6em 'PT Sans', arial, serif;
/*  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  text-decoration: none;*/
  display: block;
}
div#navigationSecondLevelMenu ul li {
  display: block;
  padding: 0;
  margin: 0;
  background: #FFFFFF;
}
div#navigationSecondLevelMenu li.left-level-1-no a {
  height: auto;
  text-decoration:none;
  display: block;
  padding: 3px 6px 3px 10px;
  background: #FFFFFF;
  color: #000000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #3a749d;
  border-bottom-color: #3a749d;
}


div#navigationSecondLevelMenu li.left-level-1-no a:hover, div#navigationSecondLevelMenu li.left-level-1-act a {
  height: auto;
  text-decoration: none;
  display: block;
  padding: 3px 6px 3px 10px;
  background: #B3D8F2;
  color: #000 !important;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #3a749d;
  border-bottom-color: #3a749d;
}

div#navigationSecondLevelMenu li.left-level-1-act a {   font-weight:bold; }

div#navigationSecondLevelMenu li.left-level-2-no a {

  height: auto;
  text-decoration: none;
  display: block;
  padding: 3px 6px 3px 25px;
  background: #b3d8f2;
  color: #000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #3a749d;
  border-bottom-color: #3a749d;
  font-weight:normal;
}
div#navigationSecondLevelMenu li.left-level-2-no a:hover, div#navigationSecondLevelMenu li.left-level-2-act a {
  height: auto;
  text-decoration: none;
  display: block;
  padding: 3px 6px 3px 25px;
  background: #D6EEFF;
  color: #000 !important;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #3a749d;
  border-bottom-color: #3a749d;
}

div#navigationSecondLevelMenu li.left-level-2-act a {
  font-weight:bold;
}

div#navigationSecondLevelMenu li.left-level-3-no a {
  height: auto;
  text-decoration: none;
  display: block;
  padding: 3px 6px 3px 65px;
  background: #D6EEFF;
  color: #000000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #3a749d;
  border-bottom-color: #3a749d;
  font-weight:normal;
}
div#navigationSecondLevelMenu li.left-level-3-no a:hover, div#navigationSecondLevelMenu li.left-level-3-act a {
  height: auto;
  text-decoration: none;
  display: block;
  padding: 3px 6px 3px 65px;
  background: #D6EEFF;
  color: #000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #3a749d;
  border-bottom-color: #3a749d;
}
/* plehn media */
div#navigationSecondLevelMenu ul li a.selected{font-weight:bold;padding: 3px 0 3px 10px; background:#B3D8F2;}
div#navigationSecondLevelMenu ul li a.selected:hover {}

div#navigationSecondLevelMenu li.left-level-3-no a:hover, div#navigationSecondLevelMenu li.left-level-3-act a:hover { font-weight:bold !important;}

/*****************************/
/* LINK COLORS AND TREATMENT */
/*****************************/
a:link {
  color: #3A749D;
  text-decoration: none;
  }
a:visited {
  color: #3A749D;
  text-decoration:none;
  }
a:hover {
  text-decoration:underline;
  }
div#footer a:link, div#footer a:visited {
  color:#646464;
  text-decoration:none;
  }
div#footer a:hover {
  text-decoration:underline;
  }
  div#topMenu ul li a, div#languageMenu ul li a {
  color:#a9a9a9 !important;
  }
div#navigationFirstLevelMenu ul li a {
  color:#fff;
  }
div#navigationFirstLevelMenu ul li a.selected, div#navigationFirstLevelMenu ul li a.active {
  background:#353535;
  }
div#navigationFirstLevelMenu ul li a:hover {
  background: url(../Images/navButtonOverlay.png);
  text-decoration: none;
  }
div#breadcrumb a {
  color: #5d5d5d;
  margin:0 4px;
  }
div#breadcrumb span {
  margin:0 4px;
  }
div#navigationSecondLevelMenu ul li a {
  color:#353535;
  }
div#navigationSecondLevelMenu ul li a:hover {
  color:#3c8dd9;
  text-decoration: none;
  }
div#header h1 a {
  color:#fff;
  text-decoration: none;
  }


/******************/
/* FONT TREATMENT */
/******************/
body {
  /*font: 90%/1.6em Verdana, Geneva, sans-serif;*/
  font: 90%/1.6em 'PT Sans', arial, serif;
  color:#515151;
  }
div#mainContent {
  font-size:105%;
  }
h1, h2, h3 {
  font-weight:bold;
  margin:0.5em 0 1em 0 ;
  color: #353535;
  }
h1 {
  font-size:130%;
  }
div#header h1 {
  color:#fff;
  font: 200% 'PT Sans', arial, serif;
  color: #f2f2f2;
  margin-left:20px;
  position:absolute;
/*  font-style:italic;*/
  }
div.secondaryContentSection .csc-header h1, div.secondaryContentSection .csc-header h2, div.secondaryContentSection .csc-header h3 {
  color:#fff;
  background:#494949;
  padding: 6px 10px;
  margin:0 0 1em -11px;
  width:157px;
  }
h2 {
  font-size:130%;
  border-bottom:1px solid #B3D8F2;
  }
h3 {
  font-size:115%;
  }
h4, h5 {
  font-size:105%;
  }
h6 {
  font-size:70%;
  }
.csc-frame-frame1 {
  color:#353535;
  }
p {
  margin-bottom:1em;
  }
blockquote {
  margin:1em 0 1em 2em;
  padding-left:2em;
  border-left:1px solid #ccc;
  }
div#footer {
  color:#646464;
  }
div#navigationSecondLevel h2 {
  margin-left: 12px;
  padding-top:12px;
  }
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  }

/*************/
/* SEARCHBOX */
/*************/
#searchBox {
  top: 105px;
  position: relative;
  width: 205px;
  height: 30px;
  margin-left: 20px;
  overflow: hidden;
}

#search #searchBox {
  display: none;
}

/***************************/
/* TT_NEWS - BASIC STYLING */
/***************************/
.news-latest-item h3, .news-latest-item p {
  margin-bottom: 0;
  }
.news-list-subheader p {
  display:inline;
  }
.news-list-item {
  padding: .4em 0 1em;
  clear:both;
  }
.news-list-container img {
  float:left;
  margin: 0 10px 10px 0;
  }
.news-single-img {
  float:left;
  margin: 0 10px 10px 0;
  }
.news-list-category {
  font-size: 90%;
  }


/************************/
/* THEME COLOR OVERIDES */
/************************/
.themeColorForeground {
  color:#B3D8F2;
  }
.themeColorBackground {
  background-color:#B3D8F2 !important;
  }

div#header {
  background-color:#B3D8F2;
  }
a:link, a:visited {
  color:#3A749D;
  }
div#navigationFirstLevel {
  background-color:#B3D8F2;
  }
div#navigationSecondLevelMenu ul li a:hover {
  /* color:#B3D8F2; */
   color:#000 !important;
  }

/* Service Men� */
div#serviceMenu {
  color:#000000;
  right: 1px;
  bottom: 12px;
  position: relative;
  height: 20px;
}
div#printButton {
  color:#fff;
  position: absolute;
  top: 10px;
  right: 64px;
  height: 20px;
  width: 20px;
}
div#tipafriendButton {
  color:#fff;
  position: absolute;
  top: 10px;
  right: 42px;
  height: 20px;
  width: 20px;
}
div#vorlesenButton {
  color:#fff;
  position: absolute;
  top: 10px;
  right: 21px;
  height: 20px;
  width: 20px;
}
div#pdfButton {
  color:#fff;
  position: absolute;
  top: 10px;
  right: 0;
  height: 20px;
  width: 20px;
}

a.siteLogo {position:absolute;height:119px;margin:20px 0 0 760px; text-indent:-5555px !important;width:119px; z-index:99999;}

.csc-textpic-text p { white-space:normal }
.csc-textpic-text a { display:inline-block; white-space:normal }
   /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.news-list-container .news-list-item:before,
.news-list-container .news-list-item:after
 {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
.news-list-container .news-list-item:after {
      clear: both; }

.news-list-container .news-list-item {
      zoom: 1; }


.news-list-container .news-list-item { border-bottom: 1px solid #B3D8F2; padding-bottom:20px;padding-top:15px;}
#tipOfTheWeek { clear:left; width:167px; border: 2px solid #3a749d;padding: 10px; background:#fff; }
#tipOfTheWeek .news-img-wrap { display:none !important; }
#tipOfTheWeek .footer { display:none; }
#tipOfTheWeek .teaser-text a.more { display:none !important; }
#tipOfTheWeek h3 a {color:#515151 !important; }


body #tipOfTheWeek p { font:100%/1.4em Verdana !important; }

 body div#navigationSecondLevel .news-latest-item h2  { display:inline; margin-left:0px !important; color:#515151 !important;   font: bold 100%/1.4em Verdana; border:none !important}

.news-latest-item { background:url("../../InteraktivesHaus/tipbox_bg.png") #EDECEC 0 0 repeat-x;border:2px solid #003770; padding:10px;}
.tx-a21glossaryadvancedoutput-pi1 .navbar { margin-bottom:20px; }
.news-amenu-container ul li a { font-size:13px; }
.news-amenu-container ul li { list-style: square;line-height:20px; }
.keq_navigation a:link, .keq_navigation a:visited { color: #eee; }
.keq_navigation a:hover {background:#24bf00; }
.newsRss { float:right; }

/* ################ tinybox ################### */
.tbox {background:#fff; padding:15px; border-radius:10px;position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url("../../InteraktivesHaus/preload.gif") no-repeat 50% 50%; border:none;}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url("../../InteraktivesHaus/close.png") no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10px; -moz-border-radius:0; border-radius:0}
#bluemask {background:#000}
#frameless {padding:0}
#frameless .tclose {right:-12px; top:-10px; }

a.tinyLink {cursor:pointer; display:block; height:25px; padding:4px 10px; background:#B3D8F2; color:#000; border-radius:6px; text-align:center; font:bold 16px/25px Arial; }
a.tinyLink:hover { background:#003970; color:#fff;}
.tx-jhmagnificpopup-pi1 a {
cursor: pointer;
display: block;
height: 25px;
padding: 4px 10px;
background: #B3D8F2;
color: #000;
border-radius: 6px;
text-align: center;
margin:0 0 40px 0;
font: bold 16px/25px Arial;
}

.tx-geosearch-pi1-list-address {margin: 0px 0px 35px 80px !important;}
.tx-geosearch-pi1-list-address strong { margin-top:15px; display:block;}
.tx-geosearch-pi1-list-address h3 {margin:0.5em 0 0 0;}


/* ################ powermail ################## */
.tx-powermail .powermail_field.powermail_input,
.tx-powermail .powermail_field.powermail_select {  background: #fff; }
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_text {  border: none;  background: none; }



/* Update 2017 #######################################  */

.tx-powermail .powermail_fieldset{clear:left;border:1px solid #bbb;padding:10px;margin:0 0 20px 0;background:#eee;}
.tx-powermail .powermail_fieldset .powermail_label{display:block;width:200px;float:left;clear:left;font-weight:bold; margin-bottom:15px;}
.tx-powermail .powermail_fieldset .powermail_field{width:400px;padding:0;margin:0;border:none;color:#444;float:right;font-size:inherit;margin:0 0 10px 0;}
.tx-powermail .powermail_fieldset .powermail_legend{display:none;}
.tx-powermail .powermail_field.powermail_input,.tx-powermail .powermail_field.powermail_select{background:#fff;}
.tx-powermail .powermail_fieldset .powermail_label[title][title=""]{cursor:inherit;}
.tx-powermail .powermail_fieldset .powermail_field input, .tx-powermail .powermail_fieldset .powermail_field textarea{line-height:24px;width:100%;}
.tx-powermail .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_fieldset .powermail_field.powermail_reset {    margin: 5px 0 0 0;    padding: 5px 20px;    color: white;    font-weight: bold;    cursor: pointer;    background-color: #1E5799;    border: 1px solid #eee;}

.tx-powermail .powermail_fieldset .powermail_field input[type="submit"] {    margin: 5px 0 0 0;    padding: 5px 20px;    color: white;    font-weight: bold;    cursor: pointer;    background-color: #1E5799;    border: 1px solid #eee; }
.dpnglossary.details .description .text { display:block !important; }

.csc-textpic-text ul li,
.csc-default ul li { list-style-type: disc; margin:0 0 0 20px; }


#mainContent .frame-type-text ul li, #mainContent .ce-bodytext ul li { list-style-type:disc; list-style-position:outside; margin:0 0 0 20px; }


/* mymap ################################################## */
#c1225 {  width:100%; }
#c1228 { width:100%;  }


.tx-mymap div.searchResultContainer { display:none; }
#mapContainer #map { }
.tx-mymap .ajaxSearch h1 { display:none; }
.tx-mymap h1 { display:none; }

.tx-mymap .ajaxSearch ul.categoryCheckBoxes { visibility:hidden; }
.tx-mymap .searchFormContainer { background: none;    padding: 20px 20px 40px 20px;    border-top: 1px solid #000;    border-bottom: 1px solid #000; margin-bottom:20px;}
#mapContainer #map { width:100% !important; }
.tx-mymap .ajaxSearch input {     float: left; }
#mainContent .tx-mymap #ajaxSearchButton {   border-radius: 0;    /*float: left;*/ margin-left: 10px;    padding: 10px;    position: relative;    margin: 0 0 0 20px;    /*top: -22px;*/ outline:none !important; }
#mainContent .tx-mymap .ajaxSearch input {    padding: 10px; }
#mainContent .tx-mymap .searchResult { width:100%; }
#mainContent .tx-mymap ul.odd li { background:none; }
#mainContent .tx-mymap ul.searchResult { border-bottom:1px solid #000; padding:20px 0 20px 0; margin:0; }
#mainContent .tx-mymap ul.searchResult p { margin:0; }
#mainContent .tx-mymap ul.searchResult span.distanceInfo { position:absolute; margin:0 0 0 -90px; }
#mainContent .tx-mymap ul.searchResult:last-child { margin-bottom:40px; }
#mainContent .tx-mymap .locationsList { padding-left: 90px; }

#mainContent .tx-mymap ul.searchResult li { list-style:none; }
#mainContent .tx-mymap ul.searchResult ul li { list-style-type:disc; /*margin:0 0 10px 20px;*/ }

.searchResult {}

body.unternehmen-logos div.csc-textpic .csc-textpic-imagewrap img {    border: none;    display: block;    max-width: 150px;    width: 100%;    height: auto; }


/* glossary */
#glossarDetail #mainContent h1 { display:none; }
#glossarDetail .dpnglossary.details dl dt { display:none; }
#glossarDetail .dpnglossary.details dl dd:last-child { display:none; }
#glossarDetail #mainContent { width:100%; }


/* tables */
table.contenttable { border:none; }
table.contenttable tr { background:none; }

#main #serviceMenu { display: none; }

#secondary .tx-felogin-pi1 form > fieldset > legend { display: none; }


p.csc-linkToTop { text-align: right; }

#main ul { margin-bottom: 15px; }
.tx-mymap .categoryCheckBoxes { display: none; }



/* Update to TYPO3 8.x 2019 ################################## */

#mainContent .csc-textpic-intext-right .csc-textpic-image img { float:right; padding:0 0 10px 15px; }

  body#sitemap #mainContent ul ul { margin:0 0 0 20px; }
 body#sitemap #mainContent ul li { list-style: square;}