body, html, #wrap {
  width: 100%;
  height: auto;
  padding: 0px;
  margin: 0px;
  position: relative;
  z-index: 5;/*min-height: 677px;*/
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#skip a
{
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

#skip a:focus
{
  position:static;
  width:auto;
  height:auto;
}
img {
  border: 0px;
}
p {
  margin: 0px 0px 0.5em 0px
}
a {
  color: #313690;
  text-decoration: none;
}
a:visited {
  color: #313690;
}
/*ul {padding:0;margin:0;}*/
.indent { display:block; padding-left:20px; }
.divider hr{width: 100%; float: left;}
div#c1162 {float: left;width: 100%;}
a[href$='.pdf'] {
  background: url(pics/pdf.gif) center left no-repeat;
  padding-left: 20px;
  line-height: 16px;
}
a[href$='.xls'],
a[href$='.xlsx'],
a[href$='.xlsm'] {
  background: url(pics/excel.gif) center left no-repeat;
  padding-left: 20px;
  line-height: 16px;
}
a[href$='.doc'],
a[href$='.docx'],
a[href$='.dot'],
a[href$='.dotm'],
a[href$='.dotx']{
  background: url(pics/word.gif) center left no-repeat;
  padding-left: 20px;
  line-height: 16px;
}
a[href$='.mp3'] {
  background: url(pics/mp3.gif) center left no-repeat;
  padding-left: 20px;
  line-height: 16px;
}
a[href^="http://icgis.kdz-ws"] {
  background: url(pics/maps.png) center left no-repeat;
  padding-left: 15px;
}
a[href^="http:"],  a[href^="https:"],  a[href^="ftp:"] {
  background: transparent url('pics/link_extern.gif') center left no-repeat;
  padding-left: 13px;
}
nav#secondary a[href^="http:"], nav#secondary a[href^="https:"],
nav#main a[href^="http:"], nav#main a[href^="https:"] {
  background:none;
  padding-left: 0;
}
.csc-textpic-image a {
  background: none !important;
  padding-left: 0 !important;
}
.img a {
  background: none !important;
  padding-left: 0 !important;
}
article a[href^="http://www.siegen.de"], article a[href^="http://dev.siegen.de"], article a[href^="?id"], article a[href^="/index.php?id"] {
  background: transparent url('pics/link_intern.gif') center left no-repeat;
  padding-left: 13px;
}
/* Ausnahmen */
article .news-img-wrap a[href^="http://www.siegen.de"], article .news-img-wrap a[href^="http://dev.siegen.de"], article .news-img-wrap a[href^="?id"], article .news-img-wrap a[href^="/index.php?id"] {
  background: none;
  padding-left: 0px;
}
article h1 a[href^="http://www.siegen.de"], article h1 a[href^="http://dev.siegen.de"], article h1 a[href^="?id"], article h1 a[href^="/index.php?id"],
article .idate a
 {
  background: none;
  padding-left: 0px;
}
article h2 a[href^="http://www.siegen.de"], article h2 a[href^="http://dev.siegen.de"], article h2 a[href^="?id"], article h2 a[href^="/index.php?id"] {
  background: none;
  padding-left: 0px;
}
article h3 a[href^="http://www.siegen.de"], article h3 a[href^="http://dev.siegen.de"], article h3 a[href^="?id"], article h3 a[href^="/index.php?id"] {
  background: none;
  padding-left: 0px;
}
article h4 a[href^="http://www.siegen.de"], article h4 a[href^="http://dev.siegen.de"], article h4 a[href^="?id"], article h4 a[href^="/index.php?id"] {
  background: none;
  padding-left: 0px;
}
article .ols-letter a[href^="http://www.siegen.de"], article .ols-letter a[href^="http://dev.siegen.de"], article .ols-letter a[href^="?id"], article .ols-letter a[href^="/index.php?id"] {
  background: none;
  padding-left: 3px;

}
#left a[href^="http://www.siegen.de"], #left a[href^="http://dev.siegen.de"], #left a[href^="?id"], #left a[href^="/index.php?id"] {
  background: none;
  padding-left: 3px;
}
#leftnav a[href^="http:"],  #leftnav a[href^="https:"], #leftnav a[href^="ftp:"] {
  background: none;
  padding-left: 0px;
}
/*
#right a[href^="http:"],  #right a[href^="https:"], #right  a[href^="ftp:"] {
  background: none;
  padding-left: 0px;
}
*/
/* Ende Ausnahmen */
/* CSS Document */
.tickercontainer { left:25%; width:75%;}
body {
  border-top: 6px solid #bf0036;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 100%;
  background-position: center top;
  background-attachment: fixed;
  background-repeat: no-repeat;
  width: 100%
}
#wrap {
  width: 100%;
  max-width: 1190px;
  margin: 0 auto;
  background-color: #FFFFFF;/*-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);*/
}
#back {
  background-image: url(pics/bg2.jpg);
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-transform: translateY(0px);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  transform: translateY(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  -webkit-transition: opacity 0.6s ease-in-out 0s;
  transition: opacity 0.6s ease-in-out 0s;
  -moz-transition: opacity 0.6s ease-in-out 0s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  position: absolute;
  z-index: 1;
}
nav#main ul.nav-level-2 li:hover ul.outside > li:hover > a {
  background-color: #6a6a6a;
  color: white;
}
nav#main ul.nav-level-2 li:hover ul.outside > li > a {
  background-color: #808080;
  color: white;
}
nav#main ul.nav-level-2 li:hover ul.outside {
  display: block;
  transition: all .3s ease .3s;
  background-color: #808080;
}
ul.outside {
  left: 100%;
  position: absolute;
  width: 100%;
  border-left: 2px solid white;
  display: none;
  margin-top: -38px;
}
ul.nav-level-1 li:nth-child(3) ul li > ul.outside, ul.nav-level-1 li:nth-child(2) ul li > ul.outside, ul.nav-level-1 li:nth-child(4) ul li > ul.outside {
  left: -100%;
  position: absolute;
  width: 100%;
  border-left: none;
  border-right: 3px solid white;
  display: none;
  margin-top: -38px;
}
#left {
  display: inline-block;
  padding-left: 20px;
  margin-top: 26px;
  height: auto;
  float: left;
  width:240px;
}
#leftnav {
  padding: 30px 0 30px 16px;
  border-bottom: 1px solid grey;
  float:left;
  width:100%;

}
#leftnav p {
  font-size: 12px;
  margin-top: 14px;
  font-weight: bold;
}
#leftnav p a, #leftnav p {
  color: black;
  text-decoration: none;
}
#leftnav p a:hover {
  color: #fb9a00;
}
#leftnav img {
  margin-top: 7px;
}
#leftnav .csc-textpic { clear:both; width:100%; float:left; margin-bottom:10px;}
#leftnav .csc-textpic-imagewrap { float:left; padding-right:15px;}
#leftnav .csc-textpic-text { float:left;}
/*.csc-textpic-text {float:left;}*/
input#kesearch_submit, #leftnav img, div#wetter tr td img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
#leftnav .csc-textpic {
  color: #CCCCCC;
}
input#kesearch_submit, #leftnav .csc-textpic {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
input#kesearch_submit:hover, #leftnav .csc-textpic:hover {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -webkit-filter: none;
  -o-filter: none;
  color: #fb9a00;
  cursor: pointer;
}
input#kesearch_submit:hover, #leftnav .csc-textpic:hover img, div#wetter > tr:hover > td > img {
  filter: none;
}
#center {
  height: auto;
  /*overflow: hidden;*/ /* ####################################################################################### */
  margin-left: 60px;
  margin-right: 60px;
  margin-top: 10px;
  float: left;
  width: 49%;
  font-size: 1.35em;
  line-height: 1.5em;
}
#right {
  float: right;
  display: inline-block;
  width: 212px;
  margin-top: 15px;
  height: auto;
  z-index: 10;
  line-height: 150%;
  font-size: 1.2em;
}
#right ul {
  margin-left: 0;
  padding-left: 0;
  list-style-position: inside;
}
footer {
  position: relative;
  min-height: 200px;
  width: 100%;
  clear: both;
  border-top: 1px solid #ccc;
  margin-top: 20px;
}
article footer {
 min-height:0;
}
article footer p{
 font-size:0.9em;
}
.csc-frame-frame1 {
  padding:5px;
  border:1px solid black;
  display:inline-block;
}
#right h3 {
  font-weight: bold;
  color: #808080;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 1.2em;
}
#head {
  z-index: 10;
  position: absolute;
  clear: both;
  position: relative;
  width: 100%;
  max-width: 1190px;
  min-height: 60px;
  margin-bottom: 10px;
  margin: 0 auto;
}
#navihalter {
  width: 100%;
  display: block;
  clear: both;
  float: left;
  margin-bottom: 40px;
}
.resetbutt, .submitbutt {
  display: none;
}
#logo {
  height: 140px;
  padding-top: 0px;
  margin: 0px 0px 0px 45px;
  /*width: 40%; */
  float: left;
}
#city {
  color: #D8D8D8;
  font-size: 4em;
  font-weight: bold;
  position: absolute;
  right: 10px;
  text-align: right;
  top: 10px;
  width: 100%;
  cursor: default;
}
/* NAV Secondary */
nav#secondary {
  font-size: 1.5em;
  padding-bottom: 25px;
  border-bottom: 1px solid grey;
}
nav#secondary ul {
  list-style: outside none;
  margin: 0 0 0 5px;
  padding: 0px;
}
nav#secondary ul li {
  padding: 0px 0px 15px 0px;/*  border-bottom: 1px solid #cccccc;*/
}
nav#secondary ul li.active {
  border-bottom: none;
}
nav#secondary ul li a {
  margin-bottom: 10px;
  text-decoration: none;
  color: #989898;
}
nav#secondary ul > li:hover > a {
  color: #bf0036;
}
nav#secondary ul li ul {
  list-style: outside none;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}
nav#secondary ul li ul li {
  padding: 6px 0px 6px 10px;
  border-bottom: 1px solid #ffffff;
}
nav#secondary ul li ul li:last-child {
  border-bottom: none;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
/*nav#secondary ul.nav-level-2 li.selected,<
nav#secondary ul.nav-level-2 li.active {
  background-color: #f8f8f8;
}
nav#secondary li.active > a,
nav#secondary ul.nav-level-2 li.selected,
nav#secondary ul.nav-level-2 li.active,
nav#secondary li.active ul.nav-level-3 li.selected a{  
  color: #bf0036
  }*/
  nav#secondary ul.nav-level-2 li.selected:before, nav#secondary ul.nav-level-2 li.active:before {
  content: url("pics/dreiecke/dreieck-navi-left.png");
  margin-left: -15px;
  position: absolute;
}
/*nav#secondary ul.nav-level-3 {
  background-color: #f8f8f8;
  }*/
/*nav#secondary ul.nav-level-3 li.selected, 
nav#secondary ul.nav-level-3 li.active {
  background-color: #e7e7e7;
}
nav#secondary ul.nav-level-4 {
  background-color: #e7e7e7;
}
nav#secondary ul.nav-level-4 li.selected, 
nav#secondary ul.nav-level-4 li.active {
  background-color: #dfdfdf;
  }*/
  nav#secondary ul.nav-level-5 {

  margin-left: 15px;
}
nav#secondary ul.nav-level-5 li {
  border-bottom: none;

  padding-left: 0px;
}
/* Navigationsebenen (Linke Spalte) */
#ke_search_sword {
  padding: 0 40px 0 9px!important;
  border: none;
}
#head #ke_search_sword {
  height:23px;
}
#kesearch_submit {
  height: 23px!important;
  width: 22px!important;
  left: 220px!important;
  top: 1px !important;
}
nav#secondary ul.nav-level-2 li.active > a, nav#secondary ul.nav-level-2 li.active ul.nav-level-3 li.selected > a {
  color: #bf0036;
}
nav#special ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
nav#special {
  float: right;
  margin: 16px 10px 0 0;
  font-size: 1.2em;
}
nav#special ul li {
  padding: 10px 0px;
  float: left;
}
nav#special ul li a {
  padding: 10px 0px;
  margin-bottom: 10px;
  text-decoration: none;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #808080;
}
nav#special ul li:hover > a {
  color: #BF0036;
}
/*nav#special ul li a:after {
  content: " | "
  }*/
  nav#special ul li {
  margin: 0 6px 0 7px;
}
/* Schriften */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #333333;
  width: 100%;
}
article h2 {margin:20px 0 10px 0;}
h1 {
  font-size: 1.8em;
  line-height: 1.2em;
  margin-top: 0px;
  padding-top: 0px;
}
h2 {
  font-size: 1.6em;
  line-height: 120%;
}
h3 {
  font-size: 1.4em;
  margin-bottom: 10px;
}
h4 {
  font-size: 1.2em;
  margin-bottom: 10px;
}
h5 {
  font-size: 1.1em;
  margin-bottom: 10px;
}
h6 {
  font-size: 1em;
  margin-bottom: 10px;
}
.elementTopNavigation img {
  margin: 0;
  padding: 0;
  border: none;
}
.right_block {
  font-size: 1.3em;
}
hr {
  color: #cccccc;
  background-color: #cccccc;
  margin: 20px 0px 20px 0px;
}
hr.line {
  color: #CCCCCC;
  height: 5px;
  width: 147px;
  border: none;
  clear:both;
}
#search {
  float: right;
  margin: 15px 0 0 0;
  width: 255px;
}
article section {
  padding-top: 25px;
  clear: both;
}
article section .articleImg {
  /*width: 50%;*/
  float: left;
  margin: 8px 25px 0 0;
}
article section .articleImg img {
  /*width: 100%;*/
  height: auto;
}
article span.date {
  font-size: 0.7em;
  color: #7e7e7e;
}
article section .articleContent .title h2 a {
  text-decoration: none;
  color: black;
}
article section .articleContent .title h2 {
  margin: 0px;
  padding: 0px;
  font-size: 1.4em;
  text-decoration: none;
}
article section .articleContent .content p {
  margin-top: 10px;
}
.readMore {
  color: #bf0036 !important;
}
.imgwrap {
  margin: 0 auto;
  width: 180px;
}
div.teaser-text p {
  margin-bottom: 0;
}
div.news div.teaser-text {
  text-align: justify;
}
.more {
  color: #BF0036;
}
div#wetter {
  margin-top: 40px;
  padding-left: 25px;
  float:left;
  width:100%;
}
div#wetter a {
  background:none;
}
div#wetter tr td {
  border-bottom: none!important;
}
footer > div {
  margin: 2% 0 0 20%;
  float: left;
}
#breadcrumb {
  padding-bottom: 2%;
  font-size: 75%;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%
  AccORDION jqueryui
  %%%%%%%%%%%%%%%%%%%%%%%%%%*/
.accordion.ui-accordion   {
  display:block;
  float:left;
  width:100%;
  padding-bottom: 25px;
}
.ui-accordion .ui-accordion-header {
  width:auto
}

.accheader h1, .accheader h2, .accheader h3, .accheader h4, .accheader h5, .accheader h6 {
   margin: 0 0 0 0;
}

.ui-accordion a {
  color: #313690 !important;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%
  OLS
  %%%%%%%%%%%%%%%%%%%%%%%%%%*/
  .ols-letter {
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
}
.ols-letter a {
  margin-right: 1px;
  border: 1px solid #f1f1f1;
  padding: 3px;
  text-decoration: none;
  color: #444444;
  font-weight: bold;
}
.ols-letter a:hover {
  background-color: rgba(51,51,51,1.00) !important;
  color: #ffffff;
}
.ols-list {
  width: 100%;
}
.ols-list ul {
  margin-left: 0px;
  padding-left: 2%;
}
.ols-list li {
  float: left;
  width: 95%;
  margin-right: 5%;
  margin-bottom: 6px;
  list-style-type: square;
}
.tx-rico-ols .ols-formulare{
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.tx-rico-ols .ols-mitarbeiter-line {
  font-weight: bold;
  border-bottom: 3px grey solid;
}

.tx-rico-ols .ols-mitarbeiter {
  margin-bottom: 25px;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%
  Veranstaltungen
  %%%%%%%%%%%%%%%%%%%%%%%%%%*/
  .tx_gbevents .idate {
  width: 100%;
  float: left;
  border-bottom: 1px solid #f3f3f3;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.tx_gbevents .idate .pretcal {
  background-image: url(pics/kalenderblatt.png);
  clear: both;
  float: left;
  height: 64px;
  margin-right: 15px;
  margin-top: 2px;
  width: 53px;
  background-repeat:no-repeat;
}
.tx_gbevents .idate .pretcal .idate_month {
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding-bottom: 4px;
  padding-top: 0;
  text-align: center;
  width: 53px;
}
.tx_gbevents .idate .pretcal .idate_day {
  float: left;
  font-size: 21px;
  font-weight: bold;
  margin-left: 6px;
}
.tx_gbevents .idate .pretcal .idate_wday {
  float: left;
  font-size: 11px;
  margin-left: 4px;
  margin-top: 2px;
}
.tx_gbevents .idate .pretcal .idate_year {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  margin: 2px 0 0 0;
  padding-bottom: 4px;
  padding-top: 0;
  text-align: center;
  width: 53px;
  display:inline-block;
}
.tx_gbevents .idate .eventinfo {
  float:left;
  width:80%;
}
.tx_gbevents .idate a.headline {
  text-decoration: none;
  color: #000000;
  font-size: 1.3em;
}
.tx-gbevents-pi1 #Kalender {
  width: 100%;
  border-collapse: collapse;
}
.tx-gbevents-pi1 #Kalender td {
  border: 1px solid #f2f2f2;
  font-size: 0.7em;
  vertical-align: top;
  width: 13%;
  height: 70px;
  margin: 1px;
}
.tx-gbevents-pi1 #Kalender thead td {
  font-size: 0.8em;
  vertical-align: top;
  width: 13%;
  height: 10px;
  margin: 1px;
  background-color: #a80030;
  color: #ffffff;
}
.tx-gbevents-pi1 #Kalender td span {
  width: 20px;
  height: 20px;
  background-color: #f1f1f1;
  display: block;
  text-align: center;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  margin: 3px 0px 0px 3px;
}
.tx-gbevents-pi1 #Kalender td.event span {
  background-color: #B80C0F;
  color: #ffffff;
}
.tx-gbevents-pi1 #Kalender td.current {
}
.tx-gbevents-pi1 #Kalender td.event {
  cursor: pointer;
}
.tx-gbevents-pi1 #kalnav {
  width: 100%;
  text-align: center;
  background-color: #ffffff;
  padding-bottom: 10px;
}
.tx-gbevents-pi1 #kalnav span {
  padding: 0px 10% 0px 10%;
  font-weight: bold;
}
table.tx-gbevents-pi1-desc, table.tx-gbevents-pi1-desc td {
  margin-left: 0px;
  padding-left: 0px;
}
.tx-gbevents-pi1 .desc {
  padding: 10px 0px 10px 0px;
}

.tx-gbevents-pi1 .down {
  padding: 10px 0px 20px 0px;
}
.tx-gbevents-pi1 .organizercontactemail {padding-bottom:20px;}
.tx-gbevents-pi1 .img {
  float: right;
  padding: 0px 0px 10px 10px;
}
.kalender-fancybox-content {
  font-size: 1.5em;
}
.kalender-fancybox-content ul {
  margin-left: 0px;
  padding-left: 0px;
}
.kalender-fancybox-content ul li {
  list-style-type: none;
  margin-bottom: 15px;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%
  News
  %%%%%%%%%%%%%%%%%%%%%%%%%%*/
  .news-single .mediaelement-image {
  float: right;
  padding-left: 1.5%;
}
.news .news-list-view .news-img-wrap {
  float: left;
  margin-right: 10px;
}
.news .news-list-view .news-img-wrap img {
  clear: both;
  height: auto;
}
.news .news-list-view .article {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
.news .news-list-view .page-navigation {
  float: left;
  width: 100%;
  margin: 20px 0px 20px 0px;
  border-top: 1px solid #cccccc;
  font-size: 0.9em;
}
.news .news-list-view .page-navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.news .news-list-view .page-navigation ul li {
  float: left;
  padding: 5px;
  border: 1px solid #cccccc;
  margin-right: 5px;
}
.news .news-list-view .page-navigation ul li.current {
  background-color: #cccccc;
}
.news .news-list-view .page-navigation ul li a {
}
.news .news-list-view .header h3 {
  margin: 10px 10px 10px 0px;
}
.news .news-list-view .header h3 a {
  text-decoration: none;
  color: #000000;
  text-transform: uppercase;
  font-weight: bold;
  font-size: .8em;
}

.news-single  .news-img-wrap {
    float: right;
    width: 50%;
}
.news-single .outer {
    display: block;
    position: relative;
}

.news-single .mediaelement-image a {
    display: block;
}
.news-single .mediaelement-image img {
    max-width:100%;
    height:auto;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%
  Pageteaser
  %%%%%%%%%%%%%%%%%%%%%%%%%%*/
  .tx-rtpageteaser-pi1 {
  border: none !important;
  font-size: 1em !important;
}
.tx-rtpageteaser-pi1 .main {
  padding: 0px !important;
  margin: 0px 0px 30px 0px !important;
  float: left;
  width: 100%;
}
.tx-rtpageteaser-pi1 .odd, .tx-rtpageteaser-pi1 .even {
  background-color: transparent !important;
}
.tx-rtpageteaser-pi1 img {
  min-width: 100px;
  height: auto;
  margin-right: 20px !important;
  float: right !important;
}
.tx-rtpageteaser-pi1 h2 {
  margin: 0px;
  padding: 0px;
}
.tx-rtpageteaser-pi1 a {
 // font-size: 1.2em !important;
 // color: #bf0036 !important;
}
.tx-rtpageteaser-pi1 h2 a {
  color: black !important;
  text-decoration: none !important;
  font-size: 1.0em !important;
}
.tx-rtpageteaser-pi1 p {
}
.main.odd img {
  float: right;
  width: 100px
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%
  Powermail
  %%%%%%%%%%%%%%%%%%%%%%%%%%*/
  div.tx-powermail { font-family: Arial, Helvetica, sans-serif !important;}
.powermail_field { font-family: Arial, Helvetica, sans-serif !important;}
.powermail_fieldset {
  clear: left;
  border: 0;
  padding: 10px;
  margin-bottom: 20px;
  background: #eee;
  border: 1px solid #ccc;
}
.powermail_legend {
  display: none;
}

.powermail_label {
  /* label */
  display: block;
  width: 100%;
  float: left;
  clear: left;
  font-weight: bold;
  color: #1E5799;
}
div.powermail_fieldwrap {
  margin: 0 0 0.5em 0;
  clear: both;
}
.powermail_field {
  font-family: Calibri, Arial, sans-serif;
  font-size: 14px;
  width: 100%;
  border: 0;
  color: #444;
}
.powermail_field input,
.powermail_field textarea {
  width:100%;
  padding:3px 5px;
}
.powermail_captcha {
  width: 392px;
}
.powermail_textarea {
  height: 80px;
}
input.powermail_field:focus {
  background-color: #E5E5E5;
  border: 1px solid white;
  outline: none;
}
input.powermail_submit {
  margin: 10px 0 10px 0;
  float: right;
  border: 0;
  padding: 5px 25px;
  color: white;
  font-weight: bold;
  cursor: pointer;
  background: rgb(30,87,153); /* Old browsers */
  width:auto;

}
.powermail_fieldwrap_radio fieldset,
.powermail_fieldwrap_check fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
.powermail_fieldwrap_radio fieldset legend,
.powermail_fieldwrap_check fieldset legend {
  padding: 0;
}
.powermail_radio_outer,
.powermail_captcha_outer,
.powermail_check_outer {
  background-color: white;
  border: 1px solid #ccc;
  float: left;
  padding: 3px;
  width: 392px;
}
.powermail_radio_outer label,
.powermail_captcha_outer label,
.powermail_check_outer label {
  color: #444;
}
.powermail_captchaimage {
  width: 392px;
  margin-top: 10px;
}
div.error {
  background-color: #FFCA4B;
  border: 1px solid #FF8100;
}
.powermail_field_error {
  background-color: #FFCA4B;
  border: 1px solid #FF8100;
}


.mandatory {
  color: red;
}
.galerie img {
  float:left;
}
/* Abfallkalender */
#abfallkalender a.druckbutton {
  width: 90%;
  padding: 10px 20px;
  background-color: #981919;
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  display: inline-table;
  text-align: center;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  display: inline-table;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-box-shadow: 0 4px 2px 0 rgba(10,10,10,0.4);
  box-shadow: 0 4px 2px 0 rgba(10,10,10,0.4);
}
#abfallkalender a.druckbutton:hover {
  background-color: #636363;
}
#abfallkalender table.table {
  float: left;
  width: 100%;
  margin: 30px 0px 30px 0px;
}
#abfallkalender td {
  width: 14%;

}
#abfallkalender td.lightgray {
  background-color: #e7e7e7;
}
#abfallkalender td.grey {
  background-color: #e5e5e5;
}
#abfallkalender tbody tr td {
  height: 60px;
  color: #333333;
  vertical-align: top;
}
#abfallkalender #control {
  float: left;
  width: 100%;
}
#abfallkalender #control #prev {
  float: left;
}
#abfallkalender #control #curr {
  float: left;
  margin-left: 90px;
}
#abfallkalender #control #next {
  float: right;
}
#abfallkalender hr {
  float: left;
  margin: 20px 0px 10px 0px;
  width: 100%;
}
#abfallkalender .form-group input.btn-primary, #abfallkalender .form-group {
  float: left;
  margin-right: 20px;
}
ul.list-group {
  width: 100%;
  margin: 0px;
  padding: 0px;
  float: left;
}
ul.list-group li {
  padding: 4px;
/*  background-color: #f3f3f3;
  float: left;
  list-style-type: none;*/
  list-style: square;
  margin: 1%;
  width: 45%;
  min-height: 42px;
  vertical-align: middle;
}
ul.list-group li a {
}
.tx-ri-verzeichnis ul.list-group li {
  min-height:0;
  width:100%;
  list-style-position: outside;
  margin-left: 17px;
  }
table.tx-ri-verzeichnis {
  margin: 0px !important;
  padding: 0px !important;
  border-spacing: 0px !important;
}
table.tx-ri-verzeichnis td {
  padding: 4px 10px 4px 0px;
}
.tx-kesearch-pi1 input[type="text"], .tx-kesearch-pi1 select, .tx-kesearch-pi1 textarea {
  border-radius: 1px!important;
}
/* FLEX MENU */
.menu-button .touch-button .navicon {
  color: #ffffff !important;
}
span.touch-button i.navicon:after {
  content: " + ";
  font-size: 2em;
}
span.active i.navicon:after {
  content: " - ";
  font-size: 2em;
}
ul.nav-level-1 > li:last-child {
  display: none;
}
div#resp-menu {
  display: none;
  width: 100%;
  position: relative;
  float: left;
}
.flexnav > li a {
  background-color: #bf0036!important;
  color: white!important;
  /*width:65.5%;*/
  border-left: 1px solid white!important;
  font-size: 1.4em!important;
  min-height: 32px;
}
/*.flexnav li a {background-color:#bf0036;transition:all .1s ease 0s;}
.flexnav li a:hover {background-color:#f1f1f1!important;transition:all .1s ease 0s;}*/
.flexnav li > a {
  padding: .4em 3.6em .4em .4em!important;
}
.flexnav li ul li.item-with-ul > a {
  padding: 25px 0 25px 25px!important;
}
.flexnav li ul li.item-without-ul > a {
  padding: 25px 0 25px 25px!important;
  height: auto;
}
div#head ul {
  margin: 0;
  padding: 0;
}
.flexnav span.touch-button {
  width: 50px;
  height: 100%;
}
.flexnav > li {
  background-color: #bf0036!important;
}
.flexnav a {
  text-decoration: none!important;
  font-size: 10px!important;
}
.flexnav li a {
  background-color: #bf0036!important;
  color: white!important;
  white-space: nowrap;
  padding: 25px 0 25px 25px!important;
  height: auto;
}
.flexnav li a:hover {
  background-color: white!important;
  color: #bf0036!important;
  font-style: oblique;
}
span.touch-button:hover {
  background-color: white;
}
div#resp-menu > ul > li, div#resp-menu > ul > li > a {
}
div#resp-menu ul {
  margin: 0;
  padding: 0;
}
/*
nav#main {
  display: none;
}
div#resp-menu {
  display: block;
}
*/
.flexnav > li {
  width: 16.6% !important;
  border-bottom: 1px solid white;
}
.flexnav .touch-button {
  width: 26%!important;
}
.flexnav .touch-button .navicon {
  top: 19px!important;
  color: white!important;
}
.flexnav li > ul {
  background-color: #bf0036!important;
  left: none!important;
  width: 200%!important;
}
.flexnav li ul li > ul {
  width: 200%!important;
}
.flexnav li > ul li {
  background-color: #bf0036!important;
  border-bottom: 1px solid white;
}
.flexnav li > ul li ul > li {
  width: 200%!important;
}
.flexnav > li > ul > li > a {
  min-height: 0;
}
.flexnav > li > ul > li > ul > li > a {
  min-height: 0;
}
.flexnav > li > ul > li ul > li ul > li > a {
  min-height: 0;
}
.flexnav > li > ul > li ul > li ul > li ul > li > a {
  min-height: 0;
}
.flexnav > li:nth-child(1) ul ul {
  margin-left: 100%!important;
}
.flexnav > li:nth-child(2) ul ul {
  margin-left: 100%!important;
}
.flexnav > li:nth-child(3) ul ul {
  margin-left: 100%!important;
}
.flexnav > li:nth-child(4) ul ul {
  margin-left: -100%!important;
}
.flexnav > li:nth-child(5) ul ul {
  margin-left: -100%!important;
}
.flexnav > li:nth-child(6) ul ul {
  margin-left: -100%!important;
}
.flexnav > li:last-child > ul {
  left: -100%;
}
.flexnav li > ul li > ul li {
  width: 100%;
}
.flexnav > li > ul > li:first-child {
  border-top: 1px solid white;
}
div#resp-menu.sticky {
  opacity: 1;
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0px;
  height: auto;
  z-index: 100;
}
.csc-textpic-intext-left-nowrap img {
  margin-top:20px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>---Responsive---<<<<<<<<<<<<<<<<<<<<<< */
@media (max-width:1200px) {
  #right h3 {
  font-size: 1em;
}
.flexnav li a {
  background-color: #bf0036!important;
  color: white!important;
}
.flexnav li a:hover {
  background-color: white!important;
  color: #bf0036!important;
  font-style: oblique;
}
span.touch-button:hover i.navicon {
  color: #bf0036!important;
}
span.touch-button:hover {
  background-color: white;
}
div#resp-menu > ul > li, div#resp-menu > ul > li > a {
}
nav#main {
  display: none;
}
div#resp-menu {
  display: block;
}
.flexnav > li {
  width: 24% !important;
  border-bottom: 1px solid white;
  margin: 0 auto;
}
.flexnav .touch-button {
  width: 26%!important;
}
.flexnav .touch-button .navicon {
  top: 37%!important;
  color: white!important;
}
.flexnav li > ul {
  left: none!important;
  width: 200% !important;
  padding: 0;
}
.flexnav li ul li > ul {
  width: 100%!important;
}
.flexnav li > ul li {
  background-color: #bf0036!important;
  border-bottom: 1px solid white;
}
.flexnav li > ul li ul > li {
  width: 100%!important;
}
.flexnav > li > ul > li > a {
  min-height: 0;
}
.flexnav > li > ul > li > ul > li > a {
  min-height: 0;
}
.flexnav > li > ul > li ul > li ul > li > a {
  min-height: 0;
}
.flexnav > li > ul > li ul > li ul > li ul > li > a {
  min-height: 0;
}
.flexnav > li:nth-child(1) ul ul {
  margin-left: 100%!important;
}
.flexnav > li:nth-child(2) ul ul {
  margin-left: 100%!important;
}
.flexnav > li:nth-child(3) ul ul {
  margin-left: 100%!important;
}
.flexnav > li:nth-child(4) ul ul {
  margin-left: -100%!important;
}
.flexnav > li:nth-child(5) ul ul {
  margin-left: -100%!important;
}
.flexnav > li:nth-child(6) ul ul {
  margin-left: -100%!important;
}
.flexnav > li:last-child > ul {
  left: -100%;
}
.flexnav li > ul li > ul li {
  width: 100%;
}
.flexnav > li > ul > li:first-child {
  border-top: 1px solid white;
}
div#resp-menu {
  display: block;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 50;
}
#right {
  width: 15%;
  margin-right: 10px;
  margin-top: 65px;
}

#right div img {
  width: 100%;
  height: auto;
}
#left {
  margin-top: 100px;
}
#center {
  margin-top: 70px;
}
/*div.csc-textpic .csc-textpic-imagewrap img {
  width: 100%;
  height: auto;
  }*/
.flexnav li {
  background-color: #aa0030 !important;
}
.flexnav li > ul li {
  border-left: none!important;
  background-color: #910029 !important;
}
.flexnav li li li {
  border-left: none!important;
  background-color: #7b0023 !important;
}
.flexnav li li li li {
  border-left: none!important;
  background-color: #3b0808 !important;
}
.flexnav li li li li li {
  border-left: none!important;
  background-color: #4c0015 !important;
}
.flexnav li a {
  border-left: none!important;
  /*padding: 1.1em!important;*/
  overflow: visible !important;
  background-color: #aa0030 !important;
}
.flexnav li li a {
  border-left: none!important;
  background-color: #910029 !important;
}
.flexnav li li li a {
  border-left: none!important;
  background-color: #7b0023 !important;
}
.flexnav li li li li a {
  border-left: none!important;
  background-color: #3b0808 !important;
}
.flexnav li li li li li a {
  border-left: none!important;
  background-color: #4c0015 !important;
}
.menu-button {
  background: #bf0036!important;
  color: white !important;
  font-size: 1.7em;
  padding: 25px 0 25px 25px!important;
}
.flexnav li > ul {
  width: 100% !important
}
.flexnav li ul li > ul {
  width: 100% !important
}
.flexnav > li {
  width: 100%!important;
  border-bottom: none!important;
}
.flexnav > li a {
  min-height: 0!important;
  width: 100%;
}
.flexnav li > ul li {
  border-bottom: none!important;
}
.flexnav span.touch-button {
  width: 66px!important;
  height: 66px!important;
}
.flexnav li > ul span.touch-button {
  height: 66px !important;
}
.flexnav li ul li span.touch-button i.navicon {
  top: 31% !important;
  color: white!important;
}
.flexnav li > ul .touch-button {
  width: 66px !important;
}
.flexnav li:nth-child(0) ul ul {
  margin-left: 0% !important;
}
.flexnav li:nth-child(1) ul ul {
  margin-left: 0% !important;
}
.flexnav li:nth-child(2) ul ul {
  margin-left: 0% !important;
}
.flexnav li:nth-child(3) ul ul {
  margin-left: 0% !important;
}
.flexnav li:nth-child(4) ul ul {
  margin-left: 0% !important;
}
.flexnav li:nth-child(5) ul ul {
  margin-left: 0% !important;
}
.flexnav li:nth-child(6) ul ul {
  margin-left: 0% !important;
}
.flexnav li:nth-child(7) ul ul {
  margin-left: 0% !important;
}
.flexnav li li li a {
  margin-left: 0px;
}
div#resp-menu.sticky {
  opacity: 1;
  position: relative;
  width: 100%;
  height: auto;
  z-index: 100;
}
#city {
  font-size: 3em;
  right: -2px;
  top: 150px;
}
#right {
  margin-top: 100px;
}
#center {
  margin-top: 100px;
  margin-left: 10px;
  margin-right: 0px;
}
div.news-img-wrap a img {
  width: 100%;
  height: auto;
}
div#navihalter {
  margin-top: -25px;
}
div#city {
  top: 100px;
}
div#resp-menu {
  top: 170px;
}
ul.flexnav.with-js.opacity.sm-screen {
  display: none;
}
ul.flexnav.with-js.opacity.sm-screen.flexnav-show {
  display: block;
}
}
@media (max-width:800px) {
  #left {
  display: none;
}
#center {
  width: 70%;
  margin-right: 0px;
  margin-left: 1em;
}
#right {
  width: 18%
}
#city {
  font-size: 3em;
  top: 157px;
  right: -3px;
}
}
@media(max-width: 720px) {
  div#logo {
  padding-top: 30px;
  margin-left: 45px;
}
}
@media(max-width: 670px) {
  div#city {
  font-size: 2.5em;
}
}
@media(max-width: 590px) {
  div#city {
  display: none;
}
}
@media(max-width: 550px) {
  div#city {
  top: 165px;
  right: -2px;
}
#right {
  display: none;
}
#center {
  margin-left: 2.5%;
  width: 95%;
}
}
@media(max-width: 480px) {
  nav#special {
  display: none !important;
}
}
@media(max-width: 470px) {
  div#logo {
  padding-top: 0px;
}
}
/*@media(max-width: 495px) {
#wrap {
  margin-top: -35px;
}
#left {
  display: none;
}
#right {
  display: none;
  float: none;
}
#center {
  width: 90%;
  margin: 0;
  margin-left: 2.5%;
  margin-top: 4em;
  overflow: visible;
}
div#logo {
  margin: 0;
  margin-top: 15px;
  overflow: visible;
}
div#logo div div {
  overflow: visible;
}

div#city {
  font-size: 1.5em;
  right: -2px;
  top: 137px;
}
nav#special {
  display: none;
}
#search {
  float: right;
  margin: 15px 85px 0 0;
  width: 65px;
}
#ke_search_sword {
  width: 120px !important;
  padding-right: 13px !important;
}
#kesearch_submit {
  left: 120px !important;
}
}*/
/*@media(max-width: 475px){
  div#logo{
    margin-top: -60px
  }
  nav#special{
    display: none;
  }
  }*/
/*@media(max-width: 320px) {
div#resp-menu {
  float: none;
}
div#logo{
  margin-top: -20px;
  margin-bottom:   50px;
}
div#city {
  font-size: 1.9em;
  right: -1px;
  top: 152px;
}
#right {
}
#center {
  margin-top: 30px;
  float: none;
}
#left {
  display: none;
}
}*/
@media (min-width: 55em) and (max-width: 70em) {
  article section .articleImg {
  width: 50%;
}
}
@media (min-width: 45em) and (max-width: 55em) {
  article section .articleImg {
  width: 100%;
}
}
@media (min-width: 30em) and (max-width: 45em) {
  nav#special {
  display: none;
}
#search {
  position: absolute;
  right: 5px;
}
/*
#search {
  float: left;
  margin: 0px;
}
#search {
  width: 100%;
  text-align: center;
}
*/
#searchinput {
  margin: 0 auto;
  width: 95%;
}
#logo {
  text-align: center;
  margin: 0
}
#left {
  display: none;
}
#center {
  overflow: visible;
}
article section .articleImg {
  width: 100%;
}
}
/*@media(max-width:30em){#logo{width:100%;text-align:center;margin:0;}#left{display:none;}#innerwrap{display:table;}#center{margin:0px;display:table-header-group;}articlesection.articleImg{width:100%;}#right{margin:0auto;width:95%;height:auto;text-align:center;display:table-footer-group}}*/
/* background setup */
.background {
  background-repeat: no-repeat;
  /* custom background-position */
  background-position: 50% 50%;
  /* ie8- graceful degradation */
  background-position: 50% 50%\9 !important;
  position: absolute;
}
/* fullscreen setup */
/*html, body {
     give this to all tags from html to .fullscreen 
    height:100%;
    }*/
    .fullscreen, .content-a {
  width: 100%;
  min-height: 100%;
}
.not-fullscreen, .not-fullscreen .content-a, .fullscreen.not-overflow, .fullscreen.not-overflow .content-a {
  height: 100%;
  overflow: hidden;
}
/* content centering styles */
.content-a {
  display: table;
}
.content-b {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  text-align: center;
}
/* visual styles */
section {
  background: #9ed100;
}
.not-fullscreen {
  height: 50%;
}
/* Obere navigation */
nav#main ul.nav-level-1 > li {
  float: left;
  z-index: 100;
  transition: all 0.2s ease 0s;
  margin-right: 2px;
  width: 24.4%;
  margin: 5px 2px 2px 0px;
  height: 30px;
}
nav#main ul.nav-level-1 > li:nth-child(1) {
  border-bottom: 5px solid #042f4f;
}
nav#main ul.nav-level-1 > li:nth-child(2) {
  border-bottom: 5px solid #f89900;
}
nav#main ul.nav-level-1 > li:nth-child(3) {
  border-bottom: 5px solid #981919;
}
nav#main ul.nav-level-1 > li:nth-child(4) {
  border-bottom: 5px solid #93bd4a;
}
nav#main ul.nav-level-1 > li:nth-child(5) {
  border-bottom: 5px solid #f89805;
}
nav#main ul.nav-level-1 > li:nth-child(6) {
  border-bottom: 5px solid #ed002e;
  margin-right: 0;
}
nav#main ul.nav-level-1 > li:nth-child(1) > ul.nav-level-2 {
  background-color: #042f4f;
}
nav#main ul.nav-level-1 > li:nth-child(2) > ul.nav-level-2 {
  background-color: #f89900;
}
nav#main ul.nav-level-1 > li:nth-child(3) > ul.nav-level-2 {
  background-color: #981919;
}
nav#main ul.nav-level-1 > li:nth-child(4) > ul.nav-level-2 {
  background-color: #93bd4a;
}
nav#main ul.nav-level-1 > li:nth-child(5) > ul.nav-level-2 {
  background-color: #f89805;
}
nav#main ul.nav-level-1 > li:nth-child(6) > ul.nav-level-2 {
  background-color: #ed002e;
  margin-right: 0;
}
nav#main ul.nav-level-1 li:nth-child(1) li:hover a {
  color: #042f4f;
}
nav#main ul.nav-level-1 li:nth-child(2) li:hover a {
  color: #f89900;
}
nav#main ul.nav-level-1 li:nth-child(3) li:hover a {
  color: #981919;
}
nav#main ul.nav-level-1 li:nth-child(4) li:hover a {
  color: #93bd4a;
}
nav#main ul.nav-level-1 li:nth-child(5) li:hover a {
  color: #f89805;
}
nav#main ul.nav-level-1 li:nth-child(6) li:hover a {
  color: #ed002e;
}
nav#main ul.nav-level-1 li li:hover a {
  background-color: white;
}
nav#main ul.nav-level-1 > li {
  font-size: 1.2em;
}
nav#main ul.nav-level-1 > li:hover {
  color: #000000;
  transition: all .1s ease 0s;
  height: 30px;
}
nav#main ul.nav-level-1 li a:hover {
  color: #000000;
}
nav#main ul.nav-level-1 li ul li {
  margin: 0;
}
nav#main {
  width: 75%;
  height: 50px;
  position: relative;
  float: right;
  padding: 65px 0px 0px 0px;
  z-index: 6;
}
nav#main a {
  font-size: 1.3em;
}
nav#main ul li.active a {
  color: #000000;
}
nav#main ul li {
  list-style: none;
}
nav#main ul.nav-level-1 {
  list-style: none;
  height: 20px;
  z-index: 100;
}
nav#main ul.nav-level-1 a {
  color: black;
  font-weight: bold;
  text-decoration: none;
  padding: 13px 15px 13px 15px;
  width: 80%;
}
nav#main ul.nav-level-1 > li > a {
  color: black;
  font-weight: bold;
  text-decoration: none;
  padding: 8px;
  width: 80%;
  text-transform: uppercase;
  font-size: 1.21em;
}
nav#main ul.nav-level-2 li a {
  font-weight: normal;
  margin: 15px;
}
nav#main ul.nav-level-2 {
  list-style: square;
  float: left;
  top: 10px;
  margin-left: 0px;
  padding-left: 0px;
  border-top: 2px solid white;
  z-index: 99;
}
nav#main ul.nav-level-2 li {
  float: none;
  margin-right: 10px;
  z-index: 100;
}
nav#main ul.nav-level-1 li ul.nav-level-2 {
  display: none;
  background-color: #f1f1f1;
  z-index: 100;
  width: 200.9%;
  list-style: none;
  float: left;
  position: relative;
}
nav#main ul.nav-level-1 li:nth-child(4) ul.nav-level-2 {
  right: 219px;
}
nav#main ul.nav-level-1 li:hover ul.nav-level-2 {
  display: block;
  transition: all .3s ease .3s;
  margin-left: 0px;
  padding-left: 0px;
}
nav#main ul.nav-level-2 li a {
  font-size: 12px;
  color: white;
  text-decoration: none;
  display: block;
  margin: 0;
  line-height: 1em;
  white-space: normal;
  clear: both;
  width: 100%;
}
nav#main #p-10028 ul.nav-level-2 > li > a,
nav#main #p-10031 ul.nav-level-2 > li > a {color:#000;}
nav#main ul.nav-level-2 li {
  width: 100%;
}
/*nav#main ul.nav-level-2 li ul.nav-level-3 {
  list-style: square;
  margin: 0px 0px 0px 15px;
  }
nav#main ul.nav-level-2 ul.nav-level-3 li a {
  float: none;
  font-weight: normal;
  width: 95%;
  border: none;
  margin: 0px;
  padding: 0px;
  }
ul {
 -webkit-padding-start:none-moz-padding-start:none;
}
nav#main ul.nav-level-3 li {
  padding: 5px 0px 5px 0px;
  }*/
  nav#main ul {
  -webkit-padding-start: 0px;
  -moz-padding-start: 0px;
}
nav#main ul.nav-level-3 li:before, nav#secondary ul li:hover:before {
  content: url("pics/dreiecke/dreieck-navi-left.png");
  margin-left: -15px;
  position: absolute;
}
nav#main ul.nav-level-1 li:nth-child(1) ul > li:hover > a:before {
  content: url("pics/dreiecke/dreieck_blau.png");
  left: -10px;
  margin-top: -6px;
  position: absolute;
}
nav#main ul.nav-level-1 li:nth-child(1) ul > li:hover > ul > li a:before {
  content: none;
}
nav#main ul.nav-level-1 li:nth-child(2) ul > li:hover > a:before {
  content: url("pics/dreiecke/dreieck_orange.png");
  margin-top: -6px;
  right: -5px;
  position: absolute;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
nav#main ul.nav-level-1 li:nth-child(2) ul > li:hover > ul > li a:before {
  content: none;
}
nav#main ul.nav-level-1 li:nth-child(3) ul > li:hover > a:before {
  content: url("pics/dreiecke/dreieck_dunkelrot.png");
  margin-top: -6px;
  right: -5px;
  position: absolute;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
nav#main ul.nav-level-1 li:nth-child(3) ul > li:hover > ul > li a:before {
  content: none;
}
nav#main ul.nav-level-1 li:nth-child(4) ul > li:hover > a:before {
  content: url("pics/dreiecke/dreieck_gruen.png");
  margin-top: -6px;
  right: -5px;
  position: absolute;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
nav#main ul.nav-level-1 li:nth-child(4) ul > li:hover > ul > li a:before {
  content: none;
}
/*nav#main ul.nav-level-1 li:nth-child(5) ul > li:hover > a:before {
  content: url("pics/dreiecke/dreieck_orange.png");
  margin-top: -6px;
  right: -5px;
  position: absolute;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
nav#main ul.nav-level-1 li:nth-child(5) ul > li:hover > ul > li a:before {
  content: none;
}
nav#main ul.nav-level-1 li:nth-child(6) ul > li:hover > a:before {
  content: url("pics/dreiecke/dreieck_hellrot.png");
  margin-top: -8px;
  right: -5px;
  position: absolute;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
nav#main ul.nav-level-1 li:nth-child(6) ul > li:hover > ul > li a:before {
  content: none;
  }*/
  /*felogin */
.tx-felogin-pi1 label {
  display: -moz-stack;
  display: inline;
}
legend.status_legend {
  margin-bottom: 2px;
}
div.tx-felogin-pi1 div.password {
  margin: 6px 0px 5px 34px;
}
/*div.tx-felogin-pi1 div.username{
  }*/
  div.tx-felogin-pi1 p.password_reset a {
  text-decoration: none;
}
/*div.tx-felogin-pi1 form fieldset div input.fe_logoutbutton{
  }*/
  .internal-link {
  text-decoration: none;
}
/* Orgaeinheit List*/
.orga-list {
  margin: 5px 0px 5px 0px;
  padding-left: 25px;
  counter-reset: item;
}
.orga-list li {
  display: block;
  position: relative;
}
/*
.orga-list li:before {
  content: counters(item, ".")".";
  counter-increment: item;
  position: absolute;
  margin-right: 100%;
  right: 10px;  
}
*/
/* main */
#innerwrap > #main {
  height: auto;
  overflow: hidden;
  margin-left: 60px;
  margin-right: 60px;
  margin-top: 10px;
  float: left;
  width: 69%;
  font-size: 1.35em;
  line-height: 1.5em;
}
/* =======================
  KE_SMALLADS
  ======================= */
  /* verkaufe/suche kategorie */
#kesmalladsform_modeselector1 {
  padding: 3px 5px 3px 5px;
  width: 20%;
  margin-right: 1%;
  font-size: 1.21em;
}
/* gegenstand kategorie */
#kesmalladsform_modeselector2 {
  padding: 3px 5px 3px 5px;
  width: 20%;
  margin-right: 1%;
  font-size: 1.21em;
}
#kesmalladsform_modeselector3 {
  display: none;
  padding: 3px 5px 3px 5px;
  width: 20%;
  margin-right: 1%;
  font-size: 1.21em;
}
/*search pic*/
.tx-kesmallads-pi1 img {
  height: 160px;
  width: auto;
  margin-bottom: 10px;
}
/* search field */
.tx-kesmallads-pi1-searchbox-sword {
  padding: 3px 5px 3px 5px;
  width: 40%;
  margin-right: 1%;
  font-size: 1.21em;
}
/* search button */
.tx-kesmallads-pi1-searchbox-button {
/*  width: 15%; */
  font-size: 1.21em;
}
/* search wrapper */
.tx-kesmallads-pi1 {
}
.tx-kesmallads-pi1 > form {
  padding-bottom: 10px;
}
span.tx-kesmallads-pi1-editlink {
  margin-right: 5px;
}
span.tx-kesmallads-pi1-deletelink {
  margin-right: 5px;
}
span.tx-kesmallads-pi1-editlink a {
  text-decoration: none;
}
span.tx-kesmallads-pi1-deletelink a {
  text-decoration: none;
}
/* outtawrapper */
.tx-kesmallads-pi1:first-child > .tx-kesmallads-pi1-listrow {
  display: block !important;
  position: relative !important;
  float: none !important;
  clear: both !important;
  padding: 0px !important;
  width: 100% !important;
  margin: 10px 0px 20px 0px !important;
}
/* singel wrapper */
.tx-kesmallads-pi1-listrow > .tx-kesmallads-pi1-listrow, .tx-kesmallads-pi1-listrow-odd {
  margin: 5px;
  padding: 2%;
  border: 3px solid #F5F3F4;
  /*  background-color: #F5F3F4;*/
  width: 43%;
  float: left;
  min-height: 405px;
}
/* image */
.tx-kesmallads-pi1-image img {
  display: block;
  margin: 0 auto;
  height: 160px;
  width: auto;
}
/* date */
.tx-kesmallads-pi1-submitDate {
  display: none;
}
/* category */
.tx-kesmallads-pi1-category {
  display: none;
}
/* titel */
.tx-kesmallads-pi1-title {
  clear: both;
  float: left;
  padding: 0px 5px 0px 5px;
  border-bottom: 5px solid #92BE42;
}
/* content */
.tx-kesmallads-pi1-content {
  clear: both;
  padding-bottom: 10px;
  overflow: auto !important;
  overflow-x: hidden !important;
  min-height: 120px;
  max-height: 120px;
}
/* phone */
.tx-kesmallads-pi1-phone {
  margin-top: 5px !important;
  padding-top: 2% !important;
  border-top: 1px solid #dfdfdf;
}
/* email */
.tx-kesmallads-pi1-email {
}
/* edit link */
.tx-kesmallads-pi1-editlink {
  margin-top: 5px;
  float: left;
  padding: 5px;
  border: 1px solid #dfdfdf;
}
/* delete link */
.tx-kesmallads-pi1-deletelink {
  margin-top: 5px;
  float: left;
  padding: 5px;
  border: 1px solid #dfdfdf;
}
/* end date */
.tx-kesmallads-pi1-endDate {
  font-size: 1.21em;
  margin-top: 5px;
  padding-top: 3px;
  float: right;
}
/* form */
.tx-kesmallads-pi1-deletelink:hover, .tx-kesmallads-pi1-editlink:hover {
  background-color: #dfdfdf;
}
/* form */
#kesmalladsform {
  border: none;
}
/* label, field */
#kesmalladsform .smalladform-label, #kesmalladsform .smalladform-field {
  padding: 3px 5px 3px 5px;
  width: 99%;
  font-size: 1.21em;
}
/* checkbox */
#kesmalladsform .smalladform-label-check {
  margin-top: 10px;
}
/* input, submit */
.inputclass, .submitclass {
  width: inherit;
  font-size: 1em;
  padding: 3px 5px 3px 5px;
  font-family: Arial, Helvetica, sans-serif;
}
/* label */
.smalladform-label-req, .smalladform-label {
  font-weight: bold;
  margin-top: 10px;
}

.smalladform-label-req {
  color: red;
}

.smalladform-label-req::after {
    content: " (Pflichtfeld)";
}

.keqButtons input {
  float: none !important;
}
.lg-screen {
  display: none;
}
#keq_loadingDiv {
  display: none;
}
/* Formulare und Publikationen */
div.formular-list-wrapper > div.formular_topic {
  float: left;
  background-color: #e5e5e5;
  width: 100%;
  font-weight: bold;
  font-size: 1em;
  line-height: 2em;
}
div.formular-list-wrapper > div.formular_topic a {
  padding: 0 0 0 5px;
}
div.formular-list-wrapper div.formular_get_pdf {
  /* text-align: right; */
}
div.ols-list div.formular-list-wrapper li {
  float: none;
  width: 98%
}
#center article div div.tx-powermail {
  width: 100%;
  overflow: visible;
}
#center #ke_search_sword {
  border:1px solid black;
}
div.tx-powermail div.powermail_confirmation {
  width: 100%;
  background-color: #FFF;
}
dl.powermail_all dd {
  width: auto;
  float: none;
}
.tx-powermail dl.powermail_all dt {
  width: 50%;

}
.tx-powermail .powermail_create dl.powermail_all dt {
  width: 100%;

}
.csc-textpic {float:left; width:100%;}
/* #center ol li, #center ul li {list-style-position: inside;} */
#left a[href^="http://www.siegen.de"], #left a[href^="http://dev.siegen.de"], #left a[href^="?id"], #left a[href^="/index.php?id"]{padding-left: 0}
div.csc-textpic-border div.csc-textpic-imagewrap img {  border: 1px solid #000000;}
.important {color: #8A0020;}
.name-of-person {color: #10007B;}
.detail {color: #186900;}
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image{margin-bottom:10px;}
@media (max-width:445px) {
#abfallkalender thead {display:none;}
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #e3e3e3 !important;
    background: #e3e3e3 !important;
    font-weight: normal !important;
    color: #333333 !important;
}

.ui-state-active .ui-icon {
    background-image: url("js/images/ui-icons_555555_256x240.png") !important;
}

.fancybox-title-float-wrap .child { white-space: normal; }

.kesearch_searchbox legend { display: none; }

#article > div, article {
  display:inline-block;
  position:relative;
  width:100%;
}

.space {display:inline-block; width: 100%;}

.newsfooter {
  border-top: 1px solid #ccc;
    clear: both;
    margin-top: 20px;
    width: 100%;
}

.newsfooter p {
  font-size: 0.9em;
}

span.bigtext {
    font-size: 1.4em;
  line-height: 120%;
  color: #555555;
  display:block;
}
#kesearch_results .result-list-item {
  -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
#kesearch_results .result-list-item a{
  -ms-word-break: normal;
    word-break: normal;
    word-break: normal;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  display:inline-block;
  }

.hidden {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  }

#ParkhausList ul li {
  list-style: none;
}

#ParkhausList ul {
  padding: 0px;
}

#abfallkalender .legend ul {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin-top: 0;
}

#abfallkalender .legend h3 {
  margin-top: 0;
}

.hide-desktop {
  display: none !important;
}

/** -- COPY FROM HERE -- **/
#abfallkalender .print-table {
  display: inline-block;
}

#abfallkalender .print-table table.table {
  width: 50%;
  float: left;
  height: 220px;
  margin: 0 0 20px 0;
  border-spacing: 0;
}
#abfallkalender .print-table table.table tbody {
  vertical-align: top;
}

#abfallkalender .print-table table.table tbody .month {
  text-align: left;
  text-decoration: underline;
  height: 20px;
}

#abfallkalender .print-table table.table tbody .month th{
  font-size: 16px;
}

#abfallkalender .print-table table.table tbody tr td {
  height: 20px;
  vertical-align: middle;
  border-spacing: 0;
  padding: 0;
  width: auto;
}

#abfallkalender .print-table table.table tbody tr td p {
  margin: 0;
}

#abfallkalender .print-table table.table tbody tr td.waste-date {
  width: 50%;
}

#abfallkalender .print-table table.table tbody tr td.waste-content img {
  height: 20px;
}

#abfallkalender .legend.hide-desktop ul li {
  display: block;
  vertical-align: middle;
  margin-bottom: 5px;
}

#abfallkalender .legend.hide-desktop ul li img {
  height: 20px;
  vertical-align: middle;
}

#popup-overlay-fancybox {
  font-size:1.35em;
  line-height: 1.5 em;
}