@charset "UTF-8";
@import "powermail.css";

/* Infos */
/*
Farbdefinitionen 

Flächen:
----------------------------------
- Hellgrün:	#00ab22
- Blaugrün:	#009278
- Orange:		#f66014
- Braun:		#6c6552
- Blau:		#005093

- Dunkelgrau:	#404040
---------------------------------

Text:
---------------------------------
- Hellgrün:	#00a321
- Blaugrün:	#009278
- Orange:		#e45812
- Braun:		#6c6552
- Blau:		#005093
- Cyan(Links):	#009bbc

- Dunkelgrau	#303030	-> Fließtext, Headlines
- Grau		#606060	-> Meta, Bildunterschrift
---------------------------------

Schriftgrößen 

Fließtext:	14px, ZA 20px, Regular, Abstand nach: 12px
H1:		28px, ZA 34px, Regular, Abstand nach: 20px
H2:		18px, ZA 24px, Bold, Abstand nach: 8px
H3:		18px, ZA 24px, Regulär, Abstand nach: 8px

Headerfläche (Bsp Slideshow):	
H4:		22px, ZA 26px, Regulär, Abstand nach: 8px

*/
/*****************************************************************/
/* Allgemein */
/*****************************************************************/
/*HTML 5*/
article, content-right, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

[hidden] {
    display: none;
}

img {
    border: none;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #303030;
    font-size: 100.1%;
}

p, h1, h2, h3, h4, ul, ol, li, div, td, th, address, blockquote, nobr, textarea, input, nav {
    font-family: Arial, Helvetica, sans-serif;
    color: #303030;
}

p, ul, ol, li, div, td, th, address, blockquote, nobr, textarea, input, nav { /*font-size:1em; line-height:1.25em;*/
}

/* Schriftgroesse Formularfelder - grundsaetzlich die Schriftgroesse, die an der Stelle gilt, Abweichungen, wenn notwendig beim Element)*/
textarea, input {
    font-size: 1em;
}

p.align-center {
    text-align: center;
}

/* Clearelemente */
.clearer, .clear-right, .clear-left {
    width: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.clearer {
    clear: both;
}

.clear-right {
    clear: right;
}

.clear-left {
    clear: left;
}

/* nicht drucken / Elemente verstecken (nur fuer Barriere) */ /* DEBUG!!!! SPÄTER WIEDER EINSCHALTEN WENN ALLES PASST */
.no-print {
}

/* .access-hint temporär END */

/* .access-hint Original*/
.access-hint {
    background: none repeat scroll 0 0 white;
    /*display: inline;*/
    height: 0;
    left: -9999px;
    position: absolute;
    top: -9999px;
    width: 0;
    display: none;
}

.access-hint a:focus {
    background-color: #FFFFFF;
    border: 0.5em double #000000;
    display: block;
    font-size: 1.25em;
    left: 10320px;
    line-height: 5em;
    padding: 0.5em;
    position: absolute;
    text-align: center;
    top: 10150px;
    width: 20em;
    z-index: 3000;
}


/* Hinweis: Hintergrundgrafiken wie wir sie einsetzen (mehrere Zustaende) nicht in em aangeben sonst weden sie bei skalierung falsch positioniert*/

/* Link */
a {
    text-decoration: none;
    color: #009bbc;
}

a:visited {
}

a:active {
}

a:hover {
    color: #009bbc;
    text-decoration: underline;
    outline: 0 none; /* border-bottom:3px solid #F90;*/
}

a:focus {
    outline: 2px dotted #005093;
    outline-offset: 1px;
}

/* typo3 normal */
a.mail {
    font-weight: bold;
}

a.download,
a.internal-link,
a.internal-link-new-window,
a.external-link,
a.external-link-new-window {
    font-weight: bold;
    padding: 0 0 0 1.285714em;
    background: url(../img/icons/content_12x150_link_intern.png) 0 -28px no-repeat;
}

h2 a.internal-link {
    background-position: 0 -26px;
}

/*abweichungen*/
a.external-link,
a.external-link-new-window {
    background-image: url(../img/icons/content_12x150_externerLink.png);
}

a.download {
    background-image: url(../img/icons/content_12x150_download.png);
}

.error {
    color: red;
}

/* header */

/* Hinweis - Schrfitgröße bei em in ZA und Abstände mit einberechnen!
H1:		28px, ZA 34px, Regular, Abstand nach: 20px (z.b. 34 Pixel-> 2.125 em / durch Schriftgröße (2) / Faktor aussernrum (0,875) bzw 34/28)
H2:		18px, ZA 24px, Bold, Abstand nach: 8px
H3:		18px, ZA 24px, Regulär, Abstand nach: 8px
*/
h1 {
    margin: 0 0 0.6071428em 0;
    padding: 0;
    font-weight: normal;
    font-size: 2em;
    line-height: 1.21428em;
    color: #303030;
}

h1.csc-firstHeader {
    margin-top: -0.285714em;
}

h2 {
    margin: 0 0 0.4444em 0;
    padding: 0;
    font-weight: bold;
    font-size: 1.2857em;
    line-height: 1.3333em;
}

h3 {
    margin: 0 0 0.4444em 0;
    padding: 0;
    font-weight: normal;
    font-size: 1.2857em;
    line-height: 1.3333em;
}

/*Headerfläche (Bsp Slideshow)*/
h4 {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1.3333em;
    font-weight: bold;

}

/*Einleitender Text der größer geschrieben ist */
h5 {
    margin: 0 0 2em 0;
    padding: 0;
    font-weight: normal;
    font-size: 1.285714em;
    line-height: 1.33333em;
}

/* h1 abhaengig des Bereichs
h1 { color:#303030;}*/
h1 {
    color: #005093;
}

.section_stadt h1 {
    color: #009278;
}

.section_buerger h1 {
    color: #e45812;
}

.section_erleben h1 {
    color: #00a321;
}

.section_wirtschaft h1 {
    color: #6c6552;
}

.section_feuerwehr h1 {
    color: #c21c1f;
}

.back_white {
    background-color: #FFF;
}

.back_all {
    background-color: #005093;
}

.back_stadt {
    background-color: #009278;
}

.back_buerger {
    background-color: #f66014;
}

.back_erleben {
    background-color: #00AB22;
}

.back_wirtschaft {
    background-color: #6C6552;
}

.back_feuerwehr {
    background-color: #c21c1f;
}

.back_white .stageContent {
    background-color: #FFF;
}

.back_all .stageContent {
    background-color: #005093;
}

.back_stadt .stageContent {
    background-color: #009278;
}

.back_buerger .stageContent {
    background-color: #f66014;
}

.back_erleben .stageContent {
    background-color: #00AB22;
}

.back_wirtschaft .stageContent {
    background-color: #6C6552;
}

.back_feuerwehr .stageContent {
    background-color: #c21c1f;
}

.back_all p,
.back_stadt p,
.back_buerger p,
.back_erleben p,
.back_wirtschaft p,
.back_feuerwehr p {
    color: #FFFFFF;
}

.back_all a,
.back_stadt a,
.back_buerger a,
.back_erleben a,
.back_wirtschaft a,
.back_feuerwehr a {
    color: #FFFFFF;
    background-position: 0 -57px;
}

/*****************************************************************/
/* Positionierungen */
/* Teilanpassungen  */
/*****************************************************************/
#wrap-no-footer {
    margin: 0 auto;
    width: 61.5em;
    padding: 0 5px;
    max-width: 100%;
}

#header {
    height: 20.625em;
}

/*h:330px fs 16px*/
#header-wrap {
}

#header-navi-wrap {
    float: right;
    height: 1.875em;
}

/*h:30px*/
#header-navi-service {
    float: left;
    margin-top: 0.4375em;
    padding-right: 1.25em;
}

#header-navi-access {
    float: left;
    margin-top: 0.4375em;
    padding-left: 1.1875em;
    border-left: 0.0625em solid #b2b2b2;
}

.contrastlink {
    margin-left: 0.571em;
}

#header-logo {
    height: 4.6875em;
    padding-top: .75rem;
}

/*h:75px*/
#header-menu-wrap {
    height: 4.0625em;
    float: left;
    width: 100%;
}

/*h:65px*/
#header-menu {
    float: left;
    margin-top: 1.25em;
}

#header-search {
    position: relative;
    float: right;
    width: 13.9375em;
    height: 1.875em;
    margin-top: 1.25em;
    /*background-color: #F00;*/
    /*background: url(../img/dummy-content/suche.png) 0 0 no-repeat;*/
    border: 1px solid #999;
    border-radius: 4px;
    right: 1.25em;
}

#header-poster {
    min-height: 10em;
}

/*h:160px*/

#clickpath {
    height: 2.4375em;
    width: 43.625em;
    width: 100%;
}

#content-wrap {
    float: left;
    width: 100%;
    padding-top: 2.0625em;
    padding-bottom: 4.0625em;
    line-height: 1.25em;
}

#menu-sub {
    float: left;
    width: 11.25em;
    margin-right: 2em;
}

/*w:180px; margin:32px*/
#content {
    float: left;
    width: 30.375em; /* margin-right:2.5em;*/ /*background-color:#FF0000; font-size:0.875em;*/
}

/*w:486px; margin:40px*/
#content-inner {
    font-size: 0.875em;
}

#content-right {
    float: right;
    width: 15.375em;
    margin-top: -3.4375em;
    position: relative;
    z-index: 10; /*font-size:0.875em;*/
}

/*w:246px;*/

#footer-wrap {
    background-color: #f5f5f5;
    line-height: 1.4em;
    padding: 0 5px;
}

/* footer alle a:hover */
#footer-wrap * a:hover {
    color: #009bbc;
}

#footer-1-wrap {
    margin: 0 auto;
    width: 61.5em;
    height: 3.6875em;
    border-bottom: 0.0625em solid #dedede;
}

/*h:59px;*/
#footer-1 {
    float: left;
    width: 100%;
}

#footer-tools {
    float: left;
}

#footer-to-top {
    float: right;
}

#footer-2-wrap {
    margin: 0 auto;
    width: 61.5em;
}

#footer-2 {
    float: left;
    width: 100%;
}

#footer-2-navi {
    float: left;
    width: 42em;
}

/*w:672px*/
#footer-map {
    padding-top: 2.6875em;
    padding-bottom: 1.5625em;
    border-bottom: 0.0625em solid #dedede;
    width: 42em;
}

/*pt:43px;pb:25px*/
#footer-fast-link {
    width: 25%;
    padding-right: 0;
}

/*pt:27px;pb:67px*/
.footer-fast-link {
    padding-top: 1.6875em;
    padding-bottom: 4.1875em;
    width: 23%;
    padding-right: 2%;
}

/*pt:27px;pb:67px*/
.footer-fast-link.wide {
    width: 48%;
}

#footer-info {
    float: right;
    width: 15.375em;
    margin-top: 2.6875em;
    background: url(../img/infobox-bottom.png) 0 bottom no-repeat;
    padding-bottom: 0.9375em;
    background-size: 15.375em 0.9375em;
}

/*pb besser in px anstelle 0.9375em -  da bg grafik nicht zoomt - backgriound size verwendet, ausnahme fuer ie kleiner 8 hinzufuegen*/

#footer-3-wrap {
    margin: 0 auto;
    width: 61.5em;
    border-top: 0.0625em solid #dedede;
}

#footer-3 {
    float: left;
    width: 100%;
}

#footer-copy {
    float: left;
    line-height: 3.5625em;
    font-size: 0.875em;
}

/*lh:57px;*/
#footer-servicemenu {
    float: right;
}

#footer-langmenu {
    float: right;
    margin-left: 2.071em;
    padding-left: 3.214em;
    line-height: 3.5625em;
    font-size: 0.875em;
    background: url(../img/world.png) 0 1.1875em no-repeat;
}

/* margin-left:29px*/


/*Statpage-Anpassungen - Werte ueberchreiben von oben+neue Werte*/
.startpage #header {
    height: 40.625em;
}

/*h330+320*/

#news-flash-top {
    height: 20em;
    float: left;
}

/*h320*/
#news-flash-top-left {
    float: left;
    height: 20em;
    width: 46.125em;
    overflow: hidden;
    position: relative;
}

#news-flash-top-left .news-flash-bottom-lnk,
#news-flash-top-left .news-flash-bottom-img {
    position: absolute;
    bottom: 0;
    left: 0;
}

#news-flash-top-left .news-flash-bottom-img {
    height: 20em;
}

/*Bildgroesse fixieren in em (Verkleinerung / Vergroesserung) */
#news-flash-top-left .news-flash-bottom-img img {
    height: 20em;
    width: 46.125em
}

#news-flash-top-left .news-flash-bottom-lnk {
    bottom: 3.438em; /*55*/
    height: auto;
    width: auto;
    padding-top: 1.250em; /* 0.938em - 15*/ /*20*/
    padding-bottom: 1.438em; /*1.125em - 18*//*23*/
    max-width: 27em; /*28.125em-450*/ /*432*/
}

#news-flash-top-left .news-flash-bottom-lnk h2 {
    font-size: 1.750em;
    line-height: 1.1em;
    font-weight: normal;
    margin-bottom: -0.179em; /*5*/
    color: white;
}


#news-flash-top-right {
    float: left;
    height: 20em;
    width: 15.375em;
    overflow: hidden;
    max-width: calc(100% - 46.125em);
}

#news-flash-bottom {
    height: 10em;
    float: left;
}

/*160*/
#news-flash-bottom-left {
    height: 10em;
    float: left;
    width: 23.0625em;
    overflow: hidden;
    max-width: 50%;
}

#news-flash-bottom-middle {
    height: 10em;
    float: left;
    width: 23.0625em;
    overflow: hidden;
    max-width: 50%;
}

#news-flash-bottom-right {
    height: 10em;
    float: left;
    width: 15.375em;
    overflow: hidden;
    max-width: calc(100% - 46.125em);
}

.startpage #content-wrap {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 3.4375em;
}

.startpage #content-right {
    margin-top: 0;
}

.startpage .right-fast-link {
    margin-top: 0;
}

.startpage #content {
    width: 42em;
    margin-right: 0;
    margin-top: 2.8125em;
}

#events-start-wrap {
    float: left;
    font-size: 0.875em;
    padding-bottom: 4.64286em;
    width: 70.2857em;
}

#events-start {
    float: left;
    width: 48em;
}

#events-start-map {
    float: right;
    width: 17.5714em;
}

.events-start-map-head {
    background-color: #404040;
    color: white;
    position: relative;
    height: 3.214286em;
    margin-top: -72px;
    line-height: 3.214286em;
    font-size: 16px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    margin-bottom: 24px;
    font-weight: bold;
}

.events-start-map-head:after {
    position: absolute;
    left: 7.7857em;
    left: 119px;
    bottom: -0.5714em;
    border-top: 0.5714em solid #404040;
    border-left: 0.5714em solid transparent;
    border-right: 0.5714em solid transparent;
    content: "";
}


/*****************************************************************/
/* Menus */
/*****************************************************************/
/* header servicemenu */
#header-navi-service ul {
    margin: 0;
    padding: 0;
    float: right;
}

#header-navi-service ul li {
    list-style: none;
    float: left;
    font-size: 0.875em;
    color: #606060;
    padding-left: 1.25em;
}

#header-navi-service ul li a { /*font-size:0.875em;*/
    color: #606060;
}

#header-navi-service ul li a:hover {
    color: #009bbc;
}

#header-navi-service ul li.header-navi-service-act a {
    text-decoration: underline;
}

/* Contrast / Fontsize */
.tx-efafontsize-pi1 {
    float: right;
    margin-left: 0.357em;
}

/*margin-left: 5px; */
.font-small,
.font-reset,
.font-big {
    background: url(../img/icons/header_Schrift_klein.png) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 18px;
    overflow: hidden;
    text-indent: -999em;
}

/* Pixel belassen da Hinterg.Grafik kein zoom*/
.font-small {
    width: 1.071em;
}

/*15*/
.font-reset {
    width: 1.214em;
    background-image: url(../img/icons/header_Schrift_mittel.png);
}

/*17*/
.font-big {
    width: 1.357em;
    background-image: url(../img/icons/header_Schrift_gross.png);
}

/*19*/

.font-small:hover {
    background-position: 0 -30px;
}

.font-reset:hover {
    background-position: 0 -30px;
}

.font-big:hover {
    background-position: 0 -30px;
}

.contrastlink-more,
.contrastlink-less {
    padding-right: 1.2857em;
    background: url(../img/icons/1_header_15x150_kontrast_hellaufdunkelBG.png) right 1px no-repeat transparent;
}

.contrastlink-less {
    background-image: url(../img/icons/1_header_15x150_kontrastdunkelaufhellBG.png);
}

.contrastlink-more:hover,
.contrastlink-less:hover {
    background-position: right -29px;
}


/* header hilfsmenu */
#header-navi-access ul {
    margin: 0;
    padding: 0;
    float: right;
}

#header-navi-access ul li {
    list-style: none;
    float: left;
    font-size: 0.875em;
    color: #606060;
}

#header-navi-access ul li a { /* font-size:0.875em; */
    color: #606060;
}

#header-navi-access ul li a:hover {
    color: #009bbc;
}

#header-navi-access ul li.header-navi-access-act a {
}


/* Hauptmenu */
#header-menu ul {
    margin: 0;
    padding: 0;
    float: left;
}

#header-menu ul li {
    list-style: none;
    float: left;
    line-height: 1.875em;
    background: url(../img/menu-trenner.png) 0 0.4375em no-repeat;
    position: relative;
}

#header-menu ul li a {
    display: block;
    color: #005093;
    padding-left: 1.125em;
    padding-right: 1.125em;
    font-size: 0.875em;
    font-size: 1em;
    font-weight: bold;
}

#header-menu ul li a:hover,
#header-menu ul li.over a {
    color: #FFF;
    background-color: #005093;
    text-decoration: none;
}

/* Nachfolgeelementen Strich entfernen */
#header-menu ul li:hover + li {
    background-image: none;
}

#header-menu ul li.over + li {
    background-image: none;
}

/* Bereich - Farbabhangig */
#header-menu ul li.uid-28 a:hover,
#header-menu ul li.over.uid-28 a {
    background-color: #009278;
}

#header-menu ul li.uid-29 a:hover,
#header-menu ul li.over.uid-29 a {
    background-color: #f66014;
}

#header-menu ul li.uid-30 a:hover,
#header-menu ul li.over.uid-30 a {
    background-color: #00ab22;
}

#header-menu ul li.uid-31 a:hover,
#header-menu ul li.over.uid-31 a {
    background-color: #6c6552;
}

/* Pfeile unter den Menüpunkt */

/*#header-menu ul li.over.first:after,*/
#header-menu ul li.over.uid-28:after,
#header-menu ul li.over.uid-29:after,
#header-menu ul li.over.uid-30:after,
#header-menu ul li.over.uid-31:after {
    border-left: 0.5714em solid transparent;
    border-right: 0.5714em solid transparent;
    border-top: 0.5714em solid #005093;
    bottom: -0.5714em;
    content: "";
    left: 2.9em;
    position: absolute;
}

#header-menu ul li.over.uid-28:after {
    border-top: 0.5714em solid #009278;
    left: 3.9em;
}

#header-menu ul li.over.uid-29:after {
    border-top: 0.5714em solid #f66014;
    left: 4.6em;
}

#header-menu ul li.over.uid-30:after {
    border-top: 0.5714em solid #00ab22;
    left: 4.5em;
}

#header-menu ul li.over.uid-31:after {
    border-top: 0.5714em solid #6c6552;
    left: 3em;
}


#header-menu ul li.header-menu-act {
    background-color: #005093;
    background-image: none;
}

/* Bereich - Farbabhangig */
#header-menu ul li.header-menu-act-uid-28 {
    background-color: #009278;
}

#header-menu ul li.header-menu-act-uid-29 {
    background-color: #f66014;
}

#header-menu ul li.header-menu-act-uid-30 {
    background-color: #00ab22;
}

#header-menu ul li.header-menu-act-uid-31 {
    background-color: #6c6552;
}

#header-menu ul li.header-menu-act a {
    color: #FFF;
}

/* Nachfolgeelementen Strich entfernen */
#header-menu ul li.header-menu-act + li {
    background-image: none;
}


/* Hauptmenu Layer */
div.header-menu-layer {
    position: absolute;
    margin: 0 auto;
    z-index: 100;
    background-color: #f7f7f7;
    border: 1px solid #d9d9d9;
    width: 61.375em;
    box-shadow: 0 2px 3px #DCDCDC;
    display: none;
    top: 10.6em;
}

.header-menu-layer ul {
    margin: 0;
    padding: 0;
}

.header-menu-layer ul li {
    list-style: none;
}

.header-menu-layer ul li a {
    font-weight: bold;
    font-size: 0.875em;
}

/*font-size:14px;*/
.header-menu-layer ul li a:hover {
    color: #009bbc;
}

.header-menu-layer ul li.header-navi-access-act a {
}

.header-menu-layer .hm-lay-lev01-ul {
    float: left;
}

.header-menu-layer .hm-lay-lev01-li {
    float: left;
    margin-left: 0.5em;
    margin-bottom: 1.875em;
    display: none;
}

/* margin-left: 8px; margin-bottom:30px;*/
.header-menu-layer .hm-lay-invisible {
    display: none;
}

.header-menu-layer .hm-lay-lev02-ul {
    float: left;
    width: 16.875em;
    margin-left: 1.625em;
    margin-right: 1.625em;
}

/*width:270px; margin-left:26px; margin-right:26px;*/
.header-menu-layer .hm-lay-lev02-ul-trenner {
}

.header-menu-layer .hm-lay-lev02-li {
    margin-top: 2.063em;
    clear: both; /* wenn kein Level 3 notwendig*/
}

/* Erstes element margin-top 33 Pixel*/
.header-menu-layer .hm-lay-lev02-li + .hm-lay-lev02-li {
    margin-top: 2.188em;
}

/* Nachfolgelemente margin-top:35px; background-color:red;*/

.header-menu-layer .hm-lay-lev02-img {
    float: left;
    display: block;
    margin-right: 0.563em;
}

/*margin-right:9px;*/
.header-menu-layer .hm-lay-lev02-label a {
    color: #005093;
    font-weight: bold;
    font-size: 1em;
    line-height: 1.875em;
}

/*font-size:16px; line-height:30px; */

.header-menu-layer .layer-uid-28 .hm-lay-lev02-label a {
    color: #009278;
}

.header-menu-layer .layer-uid-29 .hm-lay-lev02-label a {
    color: #e45812;
}

.header-menu-layer .layer-uid-30 .hm-lay-lev02-label a {
    color: #00a321;
}

.header-menu-layer .layer-uid-31 .hm-lay-lev02-label a {
    color: #6c6552;
}

/* Überschriften auch in blau - sieht nicht so gut aus, da die Icons sich dabei nicht aendern, da im Layout keine Vorgabe - ausgeschaltet */
/* .header-menu-layer .hm-lay-lev02-label a:hover { color:#009bbc; } */

/* Haeufig gesucht Labels in grau (grau lt. psd) */
.header-menu-layer .layer-uid-28 .hm-lay-lev02-li-156 .hm-lay-lev02-label a {
    color: #808080;
}

.header-menu-layer .layer-uid-29 .hm-lay-lev02-li-164 .hm-lay-lev02-label a {
    color: #808080;
}

.header-menu-layer .layer-uid-30 .hm-lay-lev02-li-165 .hm-lay-lev02-label a {
    color: #808080;
}

.header-menu-layer .layer-uid-31 .hm-lay-lev02-li-166 .hm-lay-lev02-label a {
    color: #808080;
}

.header-menu-layer .hm-lay-lev03-ul {
    clear: both;
    margin-top: 0.5em;
}

/* margin-top:8px; */
.header-menu-layer .hm-lay-lev03-li {
    line-height: 1.813em;
    border-bottom: 0.063em solid #d9d9d9;
    padding: 0 0.313em;
}

/* line-height:29px; border-bottom:1px solid #d9d9d9; padding: 0 5px;*/

.header-menu-layer .hm-lay-lev03-li a {
    color: #303030;
}

.header-menu-layer-close {
    height: 2.125em;
    padding-top: 0.750em;
    padding-right: 2.063em;
    text-align: right;
    clear: both;
    margin-bottom: -1.9em;
}

/*MARGIN BOTTOM NUR WENN CLOSE OBEN!! EP height:34px; padding-top:12px; padding-right:33px;*/
.header-menu-layer-close a {
    color: #303030;
    font-size: 0.875em;
    background: url(../img/icons/content_12x150_schliessen.png) 0 -89px no-repeat;
    padding-left: 1.429em;
}

/*font-size:14px;padding-left:20px;*/
.header-menu-layer-close a:hover {
    color: #009bbc; /* background-position:0 -29px; */
}

/* Submenu */
nav#menu-sub {
}

nav#menu-sub ul {
    margin: 0;
    padding: 0;
}

nav#menu-sub ul.sub-lev01 {
    border-top: 0.0625em solid #d9d9d9;
}

nav#menu-sub ul.sub-lev01 li {
    list-style: none;
    line-height: 2.5em;
    border-bottom: 0.0625em solid #d9d9d9;
}

nav#menu-sub div.sub-lev01-a {
    line-height: 2.5625em; /* border-bottom:0.0625em solid #d9d9d9; */
}

nav#menu-sub a {
    color: #303030;
    padding: 0.0714276em 1em 0 1.142857em;
    font-size: 0.875em;
    font-weight: bold;
    display: block;
}

nav#menu-sub a {
    line-height: 1.2857em;
    padding-top: 0.85714em;
    padding-bottom: 0.85714em;
}

nav#menu-sub a:hover {
    color: #009bbc;
}


nav#menu-sub .sub-lev01-li-NO {
}

nav#menu-sub .sub-lev01-li-ACT {
}

nav#menu-sub .sub-lev01-li-ACTSUB {
}

nav#menu-sub .sub-lev01-li-ACT div.sub-lev01-a a {
    color: #009bbc;
    background: url(../img/icons/menu_7x450_subnavi_breadcrumb.png) 0 -95px no-repeat;
}

nav#menu-sub .sub-lev01-li-ACTSUB div.sub-lev01-a a {
    color: #009bbc;
    background: url(../img/icons/content_10x435_link_auf.png) 0 -89px no-repeat;
}

nav#menu-sub ul.sub-lev02 {
    margin-left: 0.5em;
    border-top: 0.0625em solid #D9D9D9;
}

/* Wunsch Verkleinerung Einrückung 1em -> 0.5em*/

nav#menu-sub ul.sub-lev01 li.sub-lev02-li:last-child,
nav#menu-sub ul.sub-lev01 li.sub-lev02-li-ACT:last-child {
    border-bottom: none;
}


/* nav#menu-sub .sub-lev02-li-ACT div.sub-lev02-a a { line-height:1.2857em; padding-top:0.85714em; padding-bottom:0.85714em; } */
nav#menu-sub .sub-lev02-li-ACT div.sub-lev02-a a {
    color: #009bbc;
    background: url(../img/icons/menu_7x450_subnavi_breadcrumb.png) 0 -95px no-repeat;
}

nav#menu-sub .sub-lev02-li-ACTSUB {
}

nav#menu-sub .sub-lev02-li-ACTSUB div.sub-lev02-a { /*border-bottom:0.0625em solid #d9d9d9;*/
}

/* nav#menu-sub .sub-lev02-li-ACTSUB div.sub-lev02-a a { line-height:1.2857em; padding-top:0.85714em; padding-bottom:0.85714em;} */
nav#menu-sub .sub-lev02-li-ACTSUB div.sub-lev02-a a {
    color: #009bbc;
    background: url(../img/icons/content_10x435_link_auf.png) 0 -89px no-repeat;
}

nav#menu-sub ul.sub-lev03 a {
    padding-bottom: 0.5714em;
    padding-top: 0.4286em;
}

nav#menu-sub ul.sub-lev03 a:hover {
}

nav#menu-sub ul.sub-lev03 {
    padding-top: 0.25em;
    margin-bottom: 0.375em;
    margin-left: 0.5em;
    border-top: 0.0625em solid #D9D9D9;
}

/* Wunsch Verkleinerung Einrückung 1em -> 0.5em*/
nav#menu-sub ul.sub-lev03 li {
    border-bottom: none;
    line-height: 1.9375em;
}

nav#menu-sub ul.sub-lev03 .sub-lev03-li-ACT a {
    color: #009bbc;
    background: url(../img/icons/menu_7x450_subnavi_breadcrumb.png) 0 -100px no-repeat;
}

/* Klickpfad  */
#clickpath ul {
    margin: 0;
    padding: 0;
    float: left;
}

#clickpath ul li {
    list-style: none;
    float: left;
    line-height: 2.4375em;
}

#clickpath ul li a {
    font-size: 0.875em;
    font-weight: bold;
    color: #303030;
}

/*alle*/
#clickpath ul li + li a {
    margin-left: 0.6875em;
    padding-left: 1.375em;
    background: url(../img/icons/menu_7x150_subnavi_breadcrumb.png) no-repeat 0 -87px transparent;
}

/* alle ausser erstem */

#clickpath ul li.clickpath-act a {
    color: #009BBC;
}


/* Seite Drucken / Weiterempfehlen / nach oben */
#footer-tools {
    padding-top: 1.250em;
}

#footer-tools ul {
    margin: 0;
    padding: 0;
    float: left;
}

#footer-tools ul li {
    list-style: none;
    float: left;
}

#footer-tools a { /*line-height:3.6875em;*/
    color: #303030;
    font-size: 0.75em;
}

#footer-tools a.print {
    padding-left: 2.3333em;
    width: 10.1666em;
    background: url(../img/icons/footer_18x150_drucken.png) 0 -90px no-repeat;
    display: inline-block;
    margin-right: 1.6667em;
}

/*pl:29px --> width:150pixel -> Factor 0,75 von der Schrift (anstelle 9.375--> 12.5em) - padding left abziehen (wieder 0,75)*/
#footer-tools a.print_pdf {
    padding-left: 2.3333em;
    width: 10.1666em;
    background: url(../img/icons/footer_18x150_PDF_RZ.png) 0 -90px no-repeat;
    display: inline-block;
    margin-right: 1.6667em;
}

/*pl:25px->em/0.75*/

#footer-tools a.recommend {
    padding-left: 2.3333em;
    width: 10.1666em;
    background: url(../img/icons/footer_18x150_weiterempfehlen.png) 0 -90px no-repeat;
    display: inline-block;
    margin-right: 1.6667em;
}

/*pl:25px->em/0.75*/

#footer-to-top {
    padding-top: 1.250em;
}

/*20*/
#footer-to-top a {
    background: url(../img/icons/footer_16x150_pfeil_nach_oben.png) right -88px no-repeat;
    display: inline-block;
    padding-right: 2.3333em;
    color: #303030;
    font-size: 0.75em;
}

/*pr:28px -> 1.75/0,75 (Schrift)*/


/* Footer Map */
#footer-map {
    float: left;
}

#footer-map ul {
    margin: 0;
    padding: 0;
}

#footer-map li {
    list-style: none;
}

#footer-map a {
    color: #303030;
}

#footer-map ul.level1 {
}

#footer-map li.level1 {
    float: left;
    width: 9.375em;
}

#footer-map li.level1 + li.level1 {
    margin-left: 1.25em;
}

#footer-map li.level1 a {
    font-weight: bold;
}

#footer-map li.level1 a:hover {
}

#footer-map li.level2 {
    /*line-height: 1.5625em;*/
}

#footer-map li.level2 a {
    font-weight: normal;
    font-size: 0.875em;
}

#footer-map li.level2 a:hover {
}

#footer-map ul.level2 {
    padding-top: 0.375em;
}

/* Footer Schnellzugriff*/
.footer-fast-link {
    float: left;
}

.footer-fast-link h2, .footer-fast-link h4 {
    margin: 0;
    padding: 0;
    font-size: 1em;
}

.footer-fast-link h4 + p.bodytext, .footer-fast-link h2 + p.bodytext {
    padding-top: 0.725em;
}

.footer-fast-link ul {
    margin: 0;
    padding: 0.5em 0 0 0;
    float: left;
    width: 9.375em;
}

.footer-fast-link ul + ul {
    margin-left: 1.25em;
}

.footer-fast-link li, #footer-map li ul li, .footer-fast-link p {
    list-style: none;
    /*line-height: 1.5625em;*/
    line-height: 1.4em;
    padding-bottom: 0.5em;
}

.footer-fast-link a,
.footer-fast-link p.bodytext,
.footer-fast-link td {
    color: #303030;
    font-weight: normal;
    font-size: 0.875em;
}

.footer-fast-link p.bodytext,
.footer-fast-link .csc-frame-default table {
    padding-top: 0.5em;
}

.footer-fast-link .csc-frame-default table td {
    padding-left: 0;
}

.footer-fast-link table.contenttable {
    padding-top: .325em;
}

/* Footer Servicemenu footer-servicemenu */
#footer-servicemenu ul {
    margin: 0;
    padding: 0;
}

#footer-servicemenu ul li {
    list-style: none;
    float: left;
    font-size: 0.875em;
    padding-left: 1.25em;
}

#footer-servicemenu ul li a {
    line-height: 3.5625em;
    color: #303030;
}

#footer-servicemenu ul li a:hover {
}


#footer-langmenu ul {
    margin: 0;
    padding: 0;
}

#footer-langmenu ul li {
    list-style: none;
}

/* Label */
#footer-langmenu ul.lang-label li a { /* line-height: 3.5625em; */
    color: #303030;
    padding-right: 13px;
    background: url(../img/temp-down.png) right 0.4375em no-repeat;
}

#footer-langmenu ul.lang-label li a:hover {
}

/*Layer*/
#footer-langmenu {
    position: relative;
}

#footer-langmenu ul.lang-layer { /* display:none; */
    z-index: 100;
    position: absolute;
    bottom: 2.5em;
    right: 0;
    background-color: #F7F7F7;
    border: 1px solid #D9D9D9;
    box-shadow: 0 2px 3px #DCDCDC;
    /* display: none;
    margin: 0 auto;*/
    padding: 0.500em; /*7*/
}

#footer-langmenu ul.lang-layer li {
    line-height: 1.5em;
}

#footer-langmenu ul.lang-layer li a {
}

#footer-langmenu ul.lang-layer li a:hover {
}


/*****************************************************************/
/* Inhalte */
/*****************************************************************/
/*************************/
/* Startpage Start */
/* News Top*/
.news-flash-top-frame {
    height: 20em;
    position: relative;
    overflow: hidden;
}

.news-flash-top-head {
    padding: 1.5em 1.5em 1.5em 1.5em;
}

.news-flash-top-head h2 {
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 1.125em;
}

.news-flash-top-content {
    position: absolute; /*bottom:0;*/
    width: 14.14287em;
    padding: 0 1.7142857em;
    font-size: 0.875em;
    line-height: 1.429em;
    padding-bottom: 0.642857em;
}

.news-flash-top-content a {
    color: #FFFFFF;
    background-position: 0 -56px;
    margin-top: 0.429em;
    display: inline-block;
}

/*6*/
.news-flash-top-content p.bodytext {
    margin-top: 2.643em;
    font-weight: bold;
}

/*37*/

/* Joe Schäfer <schaefer@screenwerks.net>, 17.7.2013 */
.news-flash-top-content a {
    color: #FFFFFF;
    background-position: 0 -58px;
    display: inline;
}

/*6*/
.news-flash-top-content p.bodytext {
    margin-top: 0.429em;
    font-weight: bold;
}

/*37*/


.news-flash-bottom-frame-big,
.news-flash-bottom-img {
    height: 6.25em;
}

.news-flash-bottom-frame-big {
    width: 23.063em;
}

.news-flash-bottom-img img {
    height: 6.25em;
    width: 23.063em;
}

.news-flash-bottom-lnk {
    height: 3.75em;
    padding: 0 1.5em;
}

.news-flash-bottom-lnk a {
    position: relative;
    margin-top: 1.5em;
    display: inline-block;
    padding: 0 0 0 1.429em;
    color: #FFFFFF;
    /*background:url(../img/icons/content_12x150_link_intern.png) 0 -58px no-repeat;*/
    font-size: 0.875em;
    font-weight: bold;
}

.news-flash-bottom-lnk a:after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 2px;
    left: 0;
    background: url(../img/icons/content_12x150_link_intern.png) 0 -60px no-repeat;
}

/* Finetuning untere 2 Links*/
#news-flash-bottom .news-flash-bottom-lnk a:after {
    top: 1px;
}


.startpage .csc-frame-frame1:after {
    left: 23.4286em;
}

/* Startpage End */
/*************************/

/* Listenpunkt neber floatelement - Problem vor allem im IE */
#content ul {
    overflow: hidden;
}

#content .csc-textpic-text ul {
    overflow: visible;
}

p.bodytext {
    margin: 0 0 0.8571428em 0;
}

/* p direkt auf header 1 folgend */

/* Einrueckung */
p.indent {
    padding: 0 2em;
}


/* Normale Linie danach */ /* Debug - evtl. in em umrechnen x*/
#content-right .csc-frame-ruler-after {
    /*border-bottom: 1px solid #dfdfdf;*/
    padding-bottom: 0px;
    margin-top: 1em;
    margin-bottom: 2em;
    /*border-color: #ededed;*/
}
.csc-frame-ruler-after {
    border: none;
    /*margin-top: 2em;*/
    margin-bottom: 24px;
    padding-bottom: 12px;;
}


/* Linie davor und danach fuer Linksammlung 2-spaltig */
.csc-frame-indent {
    border: 1px solid #ebebeb;
    border-width: 1px 0;
    padding: 0.857134em 0;
    margin: 1.714286em 0;
}

.csc-frame-indent p.bodytext {
    margin: 0;
    padding: 0;
}

.csc-frame-indent .twocols {
    margin: 0;
    padding: 0;
}

/* rechts */
.most-search {
    padding: 0 1.5em 0 1.5em;
}

.startpage .most-search {
    padding-top: 1em;
}

.most-search h2 {
    font-size: 1.125em;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.most-search ul {
    margin: 0.5625em 0 0.5625em 0;
    padding: 0;
}

.most-search ul li {
    list-style: none;
    line-height: 1.75em;
    font-weight: bold;
}

.most-search ul li a {
    font-size: 0.875em;
    padding-left: 1.2857em;
    background: url(../img/icons/content_12x150_link_intern.png) 0 -29px no-repeat;
}

.most-search ul li a:hover {
}


.right-fast-link {
    margin: 1.25em 0 1.5em 0;
    padding: 1.25em 1.5em 1.125em 1.5em;
    background-color: #e8f9fc;
}

.right-fast-link h2 {
    font-size: 1.125em;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.right-fast-link ul {
    margin: 0.5625em 0 0 0;
    padding: 0;
}

.right-fast-link ul li {
    list-style: none;
    line-height: 1.75em;
    font-weight: bold;
}

.right-fast-link ul li a {
    font-size: 0.875em;
    padding-left: 1.2857em;
    background: url(../img/icons/content_12x150_link_intern.png) 0 -23px no-repeat;
    display: block;
}

.right-fast-link ul li a:hover {
}

.content-right-sub { /* padding:0 1.5em;*/
    font-size: 0.875em;
}

.content-right-sub h2 {
    font-size: 1.286em;
    margin: 0 0 0.5em 0;
    padding: 0;
    font-weight: normal;
}

/*18/9*/

.content-right-sub h1 {
    color: red;
}

/*extra rot - fuer rechte Spalte soll header 2 (oder 3) verwendet werden */
.content-right-sub .csc-frame-frame1 h1:before {
    content: "Bitte Headerlayot 2 verwenden! ";
    font-size: 10px;
}


/* FCE 2-spaltig */
.twocols {
    float: left;
    width: 34.7142857em;
    overflow: hidden;
    margin: 0 0 2.142857em 0;
}

.twocols-left {
    float: left;
    overflow: hidden;
    width: 16.2142857em;
}

.twocols-right {
    float: right;
    overflow: hidden;
    width: 16.2142857em;
}

/*Anpassung margin bottom wenn Linie danach*/
.csc-frame-ruler-after .twocols {
    margin-bottom: 0;
}

/* Rahmen Temporaer */
.border-temp {
    background-color: #F00;
}

.border-temp:after {
    position: absolute;
    left: auto;
    bottom: -7px;
    border-top: 7px solid #ff0000;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    /*display: none;*/
}

/* Rahmen 1 (Dreick mit 7 Pixeln) (in Hauptinhaltsspalte) */
#content .csc-frame-frame1 {
    background-color: #404040;
    position: relative;
    height: 3.214286em;
    margin: 1.857142em 0 1.857142em 0;
    margin-top: 0;
}

#content .csc-frame-frame1:after {
    position: absolute;
    left: 16.7857em;
    bottom: -0.5714em;
    border-top: 0.5714em solid #404040;
    border-left: 0.5714em solid transparent;
    border-right: 0.5714em solid transparent;
    content: "";
}

.startpage #content .csc-frame-frame1:after {
    left: 23.4286em;
}

#content .csc-frame-frame1 .csc-header {
    padding-top: 0.714286em;
}

#content .csc-frame-frame1 h1,
#content .csc-frame-frame1 h2,
#content .csc-frame-frame1 h3 {
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
}

/*45px*/
#content .csc-frame-frame1 h1 {
    color: red;
}

/*extra rot - fuer diesen Rahmentyp soll header 2 (oder 3) verwendet werden */
#content .csc-frame-frame1 h1:before {
    content: "Bitte Headerlayot 2 verwenden! ";
    font-size: 10px;
}

/* Rahmen 1 in rechter Spalte */
/* gesäubert um csc-space-after zu ermöglichen */
#content-right .csc-frame-frame1 {
    /*margin:0.9375em 0 0 0; */
    margin-top: 0.9375em;
    margin-left: 0;
    margin-right: 0;
    padding: 24px;
    border: 0.2142857em solid #dfdfdf;
    border-bottom: none;
    background-color: #FFF;
    position: relative;
}

#content-right .csc-frame-frame1:after {
    padding: 0;
    margin: 0;
    display: block;
    content: "";
    position: absolute;
    background: url(../img/infobox-bottom.png) 0 bottom no-repeat;
    height: 1.071em;
    bottom: -1.071em;
    width: 17.571em;
    left: -0.19em;
    background-size: 17.571em 1.071em; /* Basis 14px bottom:-15px; height:15px; width:246px;left:-3px; in ie8 und kleiner in Pixel*/
}

#content-right .csc-frame-frame1 h2 {
    font-size: 1.285714em;
    margin-bottom: 0.77777em;
}

#content-right .csc-frame-frame1 .contenttable {
    border-collapse: separate;
    border-spacing: 0;
}

/* Kopfzellen normal formatieren */
#content-right .csc-frame-frame1 .contenttable th {
    font-weight: normal;
    text-align: left;
    padding-right: 0.571428em;
}

/* frame1 innerhalb most-search -> margin-left/right negativ aufgrund  padding von most-search */
#content-right .most-search .csc-frame-frame1 {
    font-size: 0.875em;
    /*margin:0.9375em 0 0 0; */
    margin-top: 0.9375em;
    /* margin-left: -24px;
	margin-right: -24px;*/
    margin-left: -1.714em;
    margin-right: -1.714em;

    padding: 24px;
    border: 0.2142857em solid #dfdfdf;
    border-bottom: none;
    background-color: #FFF;
    position: relative;
}

#content-right .most-search .csc-frame-frame1:after {
    padding: 0;
    margin: 0;
    display: block;
    content: "";
    position: absolute;
    background: url(../img/infobox-bottom.png) 0 bottom no-repeat;
    height: 1.071em;
    bottom: -1.071em;
    width: 17.571em;
    left: -0.19em;
    background-size: 17.571em 1.071em; /* Basis 14px bottom:-15px; height:15px; width:246px;left:-3px; in ie8 und kleiner in Pixel*/
}

#content-right .most-search .csc-frame-frame1 h2 {
    font-size: 1.285714em;
    margin-bottom: 0.77777em;
}

#content-right .most-search .csc-frame-frame1 .contenttable {
    border-collapse: separate;
    border-spacing: 0;
}

/* Kopfzellen normal formatieren */
#content-right .most-search .csc-frame-frame1 .contenttable th {
    font-weight: normal;
    text-align: left;
    padding-right: 0.571428em;
}

@media screen and (max-width: 890px) {
    #content-right {
        margin-right: 1.5%;
        width: 98.5%;
    }

    #content-right p.bodytext {
        text-align: center;

    }

    #content-right .csc-textpic-imagewrap img {

    }

    .csc-textpic-image a, a[rel^="lightbox"] {
        width: 100%;
    }

    #content-right div.csc-textpic-imagewrap {
        float: none;
        text-align: center;
    }

    #content-right .socialIcons {
        width: 16em;
        margin-left: auto;
        margin-right: auto;
    }

    #content-right .csc-space-before-20{
        width: 16em;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    #content-right .csc-space-before-35 {
        width: auto;
        text-align: center;
    }

    div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
        /*width: 100%;*/
        margin-left: auto;
        margin-right: auto;
    }
    div.csc-textpic-center .csc-textpic-center-inner {
        width: 100%;
    }
    div.csc-textpic-center .csc-textpic-center-outer {
        width: 100%;
    }
    .startpage #content {
        max-width: 98%;
    }
    .news-flash-top-frame, #news-flash-bottom-right {
        display: none;

    }
    #header-navi-wrap {
        float: left;
        margin-left: -1.25em;

    }

    #header-menu-wrap{
        position: relative;
    }
    #header-search {
        position: absolute;
        top: -4em;
        right: 10em;
    }
    #header-menu ul li a {
        font-size: .85em;
    }
    #footer-info {
        display: none;
    }

    #footer-1-wrap, #footer-3-wrap, #footer-2-wrap, #events-start-wrap, #news-flash-top-left, #news-flash-top {
        max-width: 100%;
    }

    #wrap-no-footer {
        /*padding: 0;*/
        width: auto;
    }

    div.header-menu-layer {
        max-width: 100%;
        position: relative;
        top: 4em;
    }

    #sbCenter, #sbBottomContainer {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        left: 0px !important;
    }

    #sbImage {
        position: relative !important;
        max-width: 100% !important;
        background-size: contain;
    }

    #sbImage div {
        max-width: 100%;
    }

}



#content-inner [data-csc-cols="3"] div.csc-textpic-imagecolumn, #content-inner [data-csc-cols="3"] td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 1%;
    width: 32%;
}

#content-inner [data-csc-cols="2"] div.csc-textpic-imagecolumn, #content-inner [data-csc-cols="2"] td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 1%;
    width: 49%;
}

#content-inner [data-csc-cols="1"] div.csc-textpic-imagecolumn, #content-inner [data-csc-cols="1"] td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 0;
    width: 100%;
}


/* Tabellen */
.csc-frame-default table th {
    background-color: #E8F9FC;
    padding: 0.125em 0.5em; /* text-align:left; */
}

.csc-frame-default table th p { /* text-align:left;*/
}

.csc-frame-default table td {
    border-bottom: 0.071em solid #D9D9D9;
    padding: 0.125em 0.5em;
}

.contenttable {
    width: initial !important;
    max-width: initial !important;
}

.contenttable thead th {
    border-bottom: 0 !important;
    /*border-top: 1px solid #dadada !important;*/
    background-color: #E8F9FC;
    padding-top: 0.5em;
}

.contenttable th, .contenttable td {
    border-top: 0 !important;
    padding: 3px !important;
}


/* Bildunterschrit */
figcaption.csc-textpic-caption {
    font-style: italic;
    padding-top: 0.214286em;
    color: #606060;
}


/* Footer */
.footer-info-head h2, .footer-info-head h4 {
    font-size: 1em;
    margin: 0;
    padding: 0 0 0 1.250em;
}

.footer-info-box {
    margin: 0.9375em 0 0 0;
    padding: 2em 1.25em 2.5em 1.25em;
    border: 0.1875em solid #dfdfdf;
    border-bottom: none;
    background-color: #FFF;
}

.footer-info-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-info-txt {
    font-size: 0.875em;
    font-weight: bold;
    margin-bottom: 0.85714em;
    line-height: 1.4em;
}

.footer-info-lnk-nl {
    font-size: 0.875em;
    font-weight: bold;
    margin-bottom: 2.14286em; /* background: url(../img/temp-lnk-nl.png) 0 0 no-repeat; */
}

.footer-info-lnk-nl a {
    background: url(../img/icons/footer_23x150_Newsletter.png) 0 -30px no-repeat;
    padding-left: 31px;
    display: inline-block;
    line-height: 1.571em;
}

/*lh22*/
.footer-info-lnk-rss {
    font-size: 0.875em;
    font-weight: bold;
}

.footer-info-lnk-rss a {
    background: url(../img/icons/footer_23x150_RSS.png) 0 -30px no-repeat;
    padding-left: 31px;
    display: inline-block;
    line-height: 1.571em;
}

/*lh22*/


/*****************************************************************/
/* Powermail einfach  */
/* ausgelagert - oben per CSS eingebunden*/
/*****************************************************************/

/*****************************************************************/
/* News */
/*****************************************************************/
/* Startseite Latest */
.news-latest-item {
    border-bottom: 0.072em solid #dedede;
    padding-bottom: 1.428572em;
    margin-bottom: 1.214286em
}

.news-latest-item h3 {
    font-weight: bold;
}

.news-latest-item-snu-listtitle {
}

.news-latest-item-snu-listdate {
    display: none;
}

.news-latest-item-snu-morelink {
    margin-top: 0.428571em;
}

.news-latest-item-snu-morelink a {
    padding: 0 0 0 1.285714em;
    background: url(../img/icons/content_12x150_link_intern.png) 0 -27px no-repeat;
    display: inline-block;
    font-weight: bold;
}

/* Listenansicht in den Seiten */

.news-list-browse {
}

.showResultsWrap {
    margin-bottom: 0.857em;
}

.browseLinksWrap {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 3px solid #CDCDCD;
    margin: 0 0 2em;
    padding: 8px 24px;
    text-align: center;
}

.browseLinksWrap span {
    margin-left: 0.286em;
    margin-right: 0.286em;
}

.browseLinksWrap a {
    margin-left: 0.286em;
    margin-right: 0.286em;
}

.disabledLinkWrap {
    color: #303030;
}

.activeLinkWrap {
    background-color: #404040; /*width:1.71429em;*/
    height: 1.5714em;
    padding-top: 0.143em;
    display: inline-block;
    color: #FFF;
    padding-left: 0.143em;
    padding-right: 0.143em;
}


.news-list-item-img {
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 2.142857em;
    margin-bottom: 1.5714286em;
}

/*margin-right:30px;  margin-bottom:22px;*/
.news-list-item {
    border-bottom: 0.072em solid #dedede;
    padding-bottom: 1.428572em;
    margin-bottom: 1.214286em
}

.news-list-item h3 {
    font-weight: bold;
}

.news-list-item-snu-listtitle {
}

.news-list-item-snu-morelink {
    margin-top: 0.428571em;
}

.news-list-item-snu-morelink a {
    padding: 0 0 0 1.285714em;
    background: url(../img/icons/content_12x150_link_intern.png) 0 -27px no-repeat;
    display: inline-block;
}

/* Archivansicht */
.news-amenu-container {
}

.news-amenu-container h2 {
    font-size: 1.125em;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.news-amenu-container ul {
    margin: 0.5625em 0 0.5625em 0;
    padding: 0;
}

.news-amenu-container ul li {
    list-style: none;
    line-height: 1.75em;
    font-weight: bold;
}

.news-amenu-container li a {
    font-size: 0.875em;
    padding: 0 0 0 1.285714em;
    background: url(../img/icons/content_12x150_link_intern.png) 0 -23px no-repeat;
    display: inline-block;
}

.news-amenu-container li a:hover {
}

.news-amenu-container .amenu-act {
    background-color: #E8F9FC;
}


/* Detailansicht */

.news-single-item-head {
    float: left;
    border-bottom: 0.072em solid #dedede;
    height: 2.64286em;
    margin-top: -0.0142857em;
    margin-bottom: 1.857142em;
    width: 34.714286em
}

/*height: 37px; */
.news-single-item-head-left {
    float: left;
}

.news-single-item-head-left a {
    padding: 0 0 0 1.714286em;
    background: url(../img/icons/content_17x150_navipfeil_links.png) 0 -29px no-repeat;
    display: inline-block;
    font-weight: bold;
}

.news-single-item-head-right {
    float: right;
}

.news-single-item-head-right-1 {
    float: left;
}

.news-single-item-head-right-1 a {
    background: url("../img/icons/content_17x150_navipfeil_links.png") 0 -29px no-repeat transparent;
    display: block;
    height: 1.428571em;
    overflow: hidden;
    text-indent: -999em;
    width: 17px;
}

/*height:20px;*/
.news-single-item-head-right-2 {
    float: left;
    padding: 0 0.5714286em;
    color: #009bbc;
    font-weight: bold;
}

.news-single-item-head-right-3 {
    float: left;
}

.news-single-item-head-right-3 a {
    background: url("../img/icons/content_17x150_navipfeil_rechts.png") 0 -29px no-repeat transparent;
    display: block;
    height: 1.428571em;
    overflow: hidden;
    text-indent: -999em;
    width: 17px;
}

.news-single-item-overheader {
    font-weight: bold;
    margin-bottom: 1em;
}

.news-single-item h1 {
    margin-bottom: 0.071em;
}

/*2*/
.news-single-item h2 {
    margin: 0 0 1.5em 0;
    /*margin: 0 0 -.5em 0;*/
    padding: 0;
    /*font-weight: normal;*/
    font-size: 1.285714em;
    line-height: 1.33333em;
}

.news-single-img {
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 2.142857em;
    margin-bottom: 1.5714286em;
}

.news-single-img a {
    margin: 0;
    padding: 0; /* line-height:0;margin-right:30px;margin-bottom:22px;*/
}

.news-list-imgcapture,
.news-single-imgcaption {
    margin: 0;
    padding: 0;
    font-style: italic; /* padding-top:3px; padding-top:0.214286em;*/
    color: #606060;
}

.news-list-imgcapture {
    font-size: 0.8em;
    line-height: 1.2em;
    max-width: 100px;
    word-wrap: break-word;
}

.news-single-additional-info {
    border: 1px solid #ebebeb;
    border-width: 1px 0;
    padding: 0.857134em 0;
    margin: 1.714286em 0;
    float: left;
    width: 34.714em;
}

.news-single-additional-info dl,
.news-single-additional-info dd {
    margin: 0;
    padding: 0;
}

.news-single-links {
    display: block;
    float: left;
    width: 18.286em;
}

.news-single-links a {
    padding: 0 0 0 1.285714em;
    background: url(../img/icons/content_12x150_link_intern.png) 0 -27px no-repeat;
    display: inline-block;
}

.news-single-files {
    display: block;
    float: left;
    width: 16.286em;
}

.news-single-files a {
    padding: 0 0 0 1.285714em;
    background: url(../img/icons/content_12x150_download.png) 0 -27px no-repeat;
    display: inline-block;
    font-weight: bold;
}


dl.news-single-links {
    display: block;
}


.news-single-backlink {
    padding-top: 0.4285714em;
}

/*padding-top:6px;*/
.news-single-backlink a {
    padding: 0 0 0 1.714286em;
    background: url(../img/icons/content_17x150_navipfeil_links.png) 0 -29px no-repeat;
    display: inline-block;
    font-weight: bold;
}

/*****************************************************************/
/* Glossary (abweichungen zu mitgelieferten Ausgaben) */
/*****************************************************************/
/* Im Text Glossary */
/* acronym, dfn, abbr, span.abbr { border-bottom: 2px dotted #F00 !important; cursor: help; font-style:italic; } */

/* Listenausgabe Glossary */
.tx-glossary-list {
}

.tx-glossary-term {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 3px solid #CDCDCD;
    /*margin: 0 0 2em;*/
    margin-top: 24px !important;
    padding: 8px 24px;
    font-weight: bold;
}

.tx-glossary-term-dfn {
}

.tx-glossary-typelabel {
    display: none;
}

.tx-glossary-typelabel-dfn {
}

.tx-glossary-abstract {
    padding: 2px 24px !important;
    margin: 0;
    background-color: #FAFAFA;
}

.tx-glossary-abstract-dfn {
}

.tx-glossary-description {
    padding: 2px 24px !important;
    margin: 0;
    background-color: #FAFAFA;
}

.tx-glossary-description-dfn {
}

/*****************************************************************/
/* ToggleElemente */
/*****************************************************************/

.toogleItemWrap {
    background: #fafafa;
    border: 3px solid #dfdfdf;
    margin-bottom: 12px;
}

.toggleItemHeadlineWrap {
    cursor: pointer;
    padding: 0.8em 1em;
    font-weight: bold;
    color: #009bbc;
}

.toogleItemContentWrap {
    padding: 0 1em 1em 1em;
}

.toggleItemIcon {
    width: 17px;
    height: 17px;
    background: url(../img/icons/togglePlus.png) no-repeat 0 0;
    display: none;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.active .toggleItemIcon {
    background: url(../img/icons/togglePlus.png) no-repeat 0 -17px;
}

.over .toggleItemHeadline {
    text-decoration: underline;
}

/*****************************************************************/
/* NewsHome */
/*****************************************************************/

.tabsTabWrap {
    display: none;
}

.tabsContentWrap {
    margin-top: 30px;
}

/* h2 ausblenden, die im PDF Druck sichtbar sein sollen, dort sind sie aktiv
.tabsTabWrap .firstColumn h2,
.tabsTabWrap .secondColumn h2,
.tabsTabWrap .thirdColumn h2 {display:block;} */

.tabsTabWrap .firstColumn,
.tabsTabWrap .secondColumn,
.tabsTabWrap .thirdColumn {
    width: 18.3721em;
    float: left;
    background: #fafafa;
    border-top: 0.18784em solid #dfdfdf;
    border-left: 0.18784em solid #dfdfdf;
    border-bottom: 0.18784em solid #dfdfdf;
    cursor: pointer;
    font-weight: bold;
    color: #009bbc;
    font-size: 1.143em; /* von 14 auf 16 Pixel Faktor:0,88900*/
    text-align: center;
    padding: 0.438em 1.1248em;
}

.tabsTabWrap .firstColumn.over,
.tabsTabWrap .secondColumn.over,
.tabsTabWrap .thirdColumn.over {
    text-decoration: underline;
}

.tabsTabWrap .secondColumn {
    border-left: none;
    border-right: 0.18784em solid #dfdfdf;
}

.tabsTabWrap .firstColumn.active,
.tabsTabWrap .secondColumn.active,
.tabsTabWrap .thirdColumn.active {
    background: #404040;
    border: 0.18784em solid #404040;
    color: white;
    position: relative;
}

.tabsTabWrap .firstColumn.active.over,
.tabsTabWrap .secondColumn.active.over,
.tabsTabWrap .thirdColumn.active.over {
    text-decoration: none;
    cursor: inherit;
}

.tabsTabWrap .firstColumn.active:after,
.tabsTabWrap .secondColumn.active:after,
.tabsTabWrap .thirdColumn.active:after {
    border-left: 0.6427em solid transparent;
    border-right: 0.6427em solid transparent;
    border-top: 0.6427em solid #404040;
    bottom: -0.6427em;
    content: "";
    left: 9.2237em;
    position: absolute;
}

/*****************************************************************/
/* CalTabsHome  - Abweichungen zu oben */
/*****************************************************************/

.tabsCalHomeWrap .tabsTabWrap .firstColumn,
.tabsCalHomeWrap .tabsTabWrap .secondColumn,
.tabsCalHomeWrap .tabsTabWrap .thirdColumn {
    width: 11.5em;
}

/*184/16*/

.tabsCalHomeWrap .tabsTabWrap .firstColumn.active:after,
.tabsCalHomeWrap .tabsTabWrap .secondColumn.active:after,
.tabsCalHomeWrap .tabsTabWrap .thirdColumn.active:after {
    left: 6.25em;
}

/*100/16*/


.tabsCalHomeWrap .tabsTabWrap .firstColumn {
    border-right: 0.18784em solid #dfdfdf;
}

.tabsCalHomeWrap .tabsTabWrap .firstColumn.active {
    border-right: 0.18784em solid #404040;
}

.tabsCalHomeWrap .tabsTabWrap .secondColumn {
    border-left: inherit;
    border-right: none;
}

.tabsCalHomeWrap .tabsTabWrap .thirdColumn {
    border-right: 0.18784em solid #dfdfdf;
}

.tabsCalHomeWrap .tabsTabWrap .thirdColumn.active {
    border-right: 0.18784em solid #404040;
}


/*****************************************************************/
/* News weitere Meldungen */
/*****************************************************************/
.news-single-related {
    margin-top: 4.286em;
}

/*60*/

.news-single-related dt {
    width: 24.65em;
    float: left;
    font-weight: bold;
    font-size: 1.2857em;
    text-align: center;
    padding: 0.4em 1em;
    background: #404040;
    border: 3px solid #404040;
    color: white;
    position: relative;
    margin-bottom: 1.944em; /*35*/
}

.news-single-related dt:after {
    border-left: 0.5714em solid transparent;
    border-right: 0.5714em solid transparent;
    border-top: 0.5714em solid #404040;
    bottom: -0.5714em;
    content: "";
    left: 12.2em;
    position: absolute;
}

.news-single-related dd {
    border-bottom: 1px solid #EBEBEB;
    padding-bottom: 1.286em; /*18*/
    margin-bottom: 1.286em; /*18*/
    margin-left: 0;
}

span.newsRelatedSubhead {
    font-weight: bold;
    color: #333333;
    font-size: 1.2857em;
    line-height: 1.3em;

    display: block;
    margin-bottom: 0.556em; /*10*/
}

.news-single-related dd a {
    padding: 0 0 0 1.285714em;
    background: url(../img/icons/content_12x150_link_intern.png) 0 -26px no-repeat;
    display: block;
    /* font-size: 0.875em; */
    font-weight: bold;
}


input.searchbox-button {
    /*background: #f5f5f5 url('../img/searchButtonHead.png') no-repeat 0 0;*/
    width: 65px;
    height: 32px;
    position: absolute;
    top: -1px;
    left: 159px; /* right: 0; angepasst bei vergroesserung schoener */
    border: none;
    color: white;
    font-size: .8rem;
    background-color: #005093;
    font-weight: bold;
    border-radius: 0px 4px 4px 0;
    cursor: pointer;
}

input.searchbox-button.over {
    /*background: #f5f5f5 url('../img/searchButtonHead.png') no-repeat 0 -30px;*/
    background-color: #666666;
}

input.searchbox-sword {
    background: none;
    border: none;
    height: 30px;
    left: 0;
    padding: 0 3px 0 10px;
    position: absolute;
    top: 0;
    width: 147px;
    font-size: 0.813em;
}

/* Bühne der Folgeseiten */

.stageBigWrap, .stageSmallWrap {
    position: relative;
    width: 100%;
    min-height: 10em;
    background: #FFF;
}

.stageElements,
.stageImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/* Es gab Probleme bei der Verkleinerung, daher Anpassungen wie folgt */
.stageSmallWrap .stageImage img {
    height: 10em;
    width: 29.375em;
}

.stageBigWrap .stageImage img {
    height: 20em;
    width: 46.125em;
}

.stageContent {
    position: absolute;
    top: 0;
    right: 0;
    width: 29.250em; /*468*/
    height: 6.375em; /*102*/
    padding: 1.438em 1.438em 2.188em 1.438em; /*23 23 35 23*/
    overflow: hidden;
}

/*.stageContent*/

.stageContent p.bodytext {
    font-size: 1.375em;
    line-height: 1.182em;
    margin: 0;
}

/*22 26*/
/* kleiner fuer Bildnachweis 14 pixel in Bezug 22*/
.stageContent p.bodytext span.kleiner {
    font-size: 0.636em;
    padding-top: 0.714em;
    display: block;
}

.stageContent p.bodytext a {
    font-size: 0.636em;
}

/*14*/

.stageMenuIfAny {
    position: absolute;
    bottom: 0;
    left: 29.375em; /*470*/
}

.stageMenuIfAny ul {
    margin: 0;
    padding: 0;
}

.stageMenuIfAny ul li {
    list-style: none;
    padding: 0.917em 2.083em 0.833em; /*11 25 10*/
    float: left;
    cursor: pointer;
    color: white;
    overflow: hidden;
    font-size: 0.750em; /*12*/
}

.stageMenuIfAny ul li:hover {
    background-color: rgba(0, 0, 0, 0.4);
}


/* Kindergarten */

/* OLD VERSION, IMAGE RIGHT
span.Kindergarten_Gruen { padding-right:20px; background:url('../img/0_content_14x150_kindergarten_gruen.png') right 1px no-repeat; }
span.Kindergarten_Rot { padding-right:20px; background:url('../img/0_content_14x150_kindergarten_rot.png') right 1px no-repeat; }*/

span.Kindergarten_Gruen {
    padding-left: 20px;
    background: url('../img/0_content_14x150_kindergarten_gruen.png') left 1px no-repeat;
}

span.Kindergarten_Rot {
    padding-left: 20px;
    background: url('../img/0_content_14x150_kindergarten_rot.png') left 1px no-repeat;
}


/* Login */
.tx-felogin-pi1 {
}

.tx-felogin-pi1 fieldset {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 3px solid #CDCDCD;
    margin: 0 0 2em;
    padding: 8px 24px;
}

.tx-felogin-pi1 fieldset legend {
    display: none;
}

.tx-felogin-pi1 input {
    border: 2px solid #CDCDCD;
    border-radius: 3px 3px 3px 3px;
    line-height: 1;
    padding: 6px 0 7px;
    width: 100%;
}

.tx-felogin-pi1 div {
    margin: 16px 0 12px;
}

.tx-felogin-pi1 input[type="submit"] {
    background: none repeat scroll 0 0 #005093;
    border-color: #005093;
    color: white;
    font-weight: bold;
    width: 8.571em;
}

.tx-felogin-pi1 input[type="submit"]:hover {
    cursor: pointer;
    color: #fff;
    background: #666;
    border-color: #666;
}


/* Startseite - Lebenslagen */
div#c840 {
    margin-left: 1.71429em;
}

nav#c841 {
    width: 15.857em;
    height: 2.143em;
    overflow: hidden;
    background: url(../img/dummy-content/temp-lebenslagen.png) 0 0 no-repeat;
    margin-left: 1.71429em;
    margin-bottom: 2.143em;
    background-size: 15.857em 2.143em;
}

/* width222; height und margin 30 14 Basis */
nav#c841 option { /* font-size:1.091em; */
}

nav#c841 select {
    background-color: transparent;
    border: none;
    width: 21em;
    font-size: 0.857em;
    padding: 0.583em 0 0 0.583em;
    cursor: pointer; /*fuer chrome/Safari*/
    -webkit-appearance: none;
}

/*24 Basis w:252; padding 7;*/

/* Tipafriend */
.tipafriend-form {
}

.tipafriend-form .tipafriend-hint {
}


/* Indexed Search */
.tx-indexedsearch-searchbox {
}

.searchbox-tmpl-css fieldset {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 3px solid #9d9d9d;
    margin: 0 0 2em;
    padding: 8px 24px;
    border-radius: 3px;
}

.searchbox-tmpl-css legend {
    display: none;
}

.searchbox-tmpl-css input {
    border: 2px solid #9d9d9d;
    border-radius: 3px 3px 3px 3px;
    line-height: 1;
    padding: 6px 0 7px 3px;
    width: 100%;
}

.searchbox-tmpl-css input:focus {
    border-color: #005093;
}

.tx-indexedsearch-form {
    margin-top: 8px;
}

.tx-indexedsearch-form label {
}

.tx-indexedsearch-searchbox-sword {
    border: 2px solid #CDCDCD;
    border-radius: 3px 3px 3px 3px;
    line-height: 1;
    padding: 6px 0 7px;
    width: 100% !important;
}

.tx-indexedsearch-searchbox-button {
    background: none repeat scroll 0 0 #005093;
    border-color: #005093 !important;
    color: white;
    font-weight: bold;
    width: 8.571em !important;
    margin: 22px 0 12px;
}

.tx-indexedsearch-searchbox-button:hover {
    cursor: pointer;
    color: #fff;
    background: #666;
    border-color: #666 !important;
}


/* .tx-indexedsearch-rules { }
	.tx-indexedsearch-rules h2 { }
	.tx-indexedsearch-rules p { } */

/* results */
.tx-indexedsearch-res.res-tmpl-css {
    border-bottom: 1px solid #EBEBEB;
    margin-bottom: 24px;
    padding-bottom: 12px;
    clear: both;
}

span.tx-indexedsearch-sw {
    font-weight: bold;
    font-style: italic;
}

.tx-indexedsearch-info .tx-indexedsearch-text-item-path {
    display: inline-block;
    margin-left:0;
}

.tx-indexedsearch .percent-tmpl-css {
    margin-top: 0 !important;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
    background-color: transparent !important;
    display: none;
}

/* ein parr deaktivieren */
.tx-indexedsearch-icon,
.tx-indexedsearch-result-number {
    display: none;
}

.tx-indexedsearch ul.browsebox {
    margin: 0;
    background: none repeat scroll 0 0 #FAFAFA;
    border: 3px solid #CDCDCD;
    margin: 0 0 2em;
    padding: 8px 24px;
    text-align: center;
}

.tx-indexedsearch .tx-indexedsearch-noresults {
}

.tx-indexedsearch-res .tx-indexedsearch-percent {
    float:right;
}

.tx-indexedsearch-description .tx-indexedsearch-redMarkup{
    /*color: #FFFFFF !important;*/
    color: #555555 !important;
    /*background-color: #404040;*/
    background-color: #9feeff;
}

div.tx-indexedsearch-res-ite m {
}

.tx-indexedsearch-title {
}

.tx-indexedsearch-title a {
}

.tx-indexedsearch-title a:hover {
}

.browsebox .tx-indexedsearch-browsebox, .tx-indexedsearch-browsebox .tx-indexedsearch-browsebox{
    background: none repeat scroll 0 0 #FAFAFA;
    border: 3px solid #9d9d9d;
    margin: 0 0 2em;
    padding: 8px 24px;
    text-align: center;
    margin-top: 0;
    border-radius: 3px;
}

.tx-indexedsearch-browsebox li {
    margin-left: 0.35em !important;
    margin-right: 0.35em !important;
    /*text-indent: -44px;*/
    overflow: hidden;
    display: inline-block;
    list-style-type: none;
    /*letter-spacing: 1px;*/
}

.tx-indexedsearch-browsebox li:first-child {
    text-indent: 0;
}


.tx-indexedsearch-browsebox li:last-child {
    text-indent: 0;
}


.tx-indexedsearch-browsebox li a {
}

.tx-indexedsearch-browsebox li strong a {
    font-weight: normal;
}

.tx-indexedsearch-browsebox ul li a {
    margin-top: 2px;
}

.tx-indexedsearch-browselist-currentPage {
    background-color: #404040;
    width: 1.71429em;
    height: 1.5714em;
    display: inline-block !important;
    margin-top: 0px;
    position: relative;
    top: 2px;
    padding-top: 3px;
}

.tx-indexedsearch-browselist-currentPage :hover {
    text-decoration: none;
}

.tx-indexedsearch-browselist-currentPage a {
    color: #FFFFFF;
}

.tx-indexedsearch .tx-indexedsearch-res td.tx-indexedsearch-descr {
}

.tx-indexedsearch-rules {
}

.tx-indexedsearch-searchmode {
}


/* Quiz */
.tx_myquizpoll_pi1-submit, .tx_myquizpoll_pi1-reset {
    background: none repeat scroll 0 0 #005093 !important;
    border-color: #005093 !important;
    color: white;
    font-weight: bold;
    width: 8.571em !important;
}

.tx_myquizpoll_pi1-submit:hover, .tx_myquizpoll_pi1-reset:hover {
    cursor: pointer;
    color: #fff !important;
    background: #666 !important;
    border-color: #666 !important;
}

/*****************************************************************/
/* Kalender */
/*****************************************************************/
/*listview Basis + Suchergebnis listview */

/* Microformat anstelle abbr als span eingefügt */
.micoformat-als-title {
    display: block;
    width: 1px;
    height: 1px;
}

.tx-cal-controller .list-view,
#content .tx-cal-controller .cal-search-list {
    line-height: normal;
}

.tx-cal-controller .even {
    background-color: transparent !important;
}

.tx-cal-controller #events-start .list-view dl {
    margin-top: -0.571em;
}


.tx-cal-controller /* .list-view */ .vevent {
    width: 100%;
    float: left;
    border-bottom: 0.072em solid #DEDEDE;
    margin-bottom: 1.500em;
    padding-bottom: 1.42857em;
}

.tx-cal-controller /* .list-view */ .vevent .cal-list-cat {
    font-weight: bold;
}

.tx-cal-controller /* .list-view */ .vevent .cal-list-cat-section_buerger {
    color: #E45812;
}

.tx-cal-controller /* .list-view */ .vevent .cal-list-cat-section_erleben {
    color: #00A321;
}

.tx-cal-controller /* .list-view */ .vevent .cal-list-cat-section_stadt {
    color: #009278;
}

.tx-cal-controller /* .list-view */ .vevent .cal-list-cat-section_wirtschaft {
    color: #6C6552;
}

.tx-cal-controller /* .list-view */ .vevent .cal-list-cat-section_allgemein {
    color: #005093;
}

.tx-cal-controller /* .list-view */ .vevent .cal-list-date {
    font-weight: bold;
    margin-top: 0.214em;
}

.tx-cal-controller /* .list-view */ .vevent .cal-list-time {
    font-weight: bold;
    font-size: 1.714em;
    margin-top: 0.042em;
}


.tx-cal-controller /* .list-view */ .vevent .summary,
.tx-cal-controller /* .list-view */ .vtodo .summary { /* margin-left: 148px; width: normal 24em, bei vergroesserung floatumbruch */
    float: left;
    width: 23.995em;
}

/*Anpassung fuer Startsetite*/
.tx-cal-controller #events-start .list-view .vevent .summary,
.tx-cal-controller #events-start .list-view .vtodo .summary {
    width: 36.857em;
}

.tx-cal-controller /* .list-view */ .summary .cal-list-location {
    font-weight: bold;
    margin-bottom: 0.143em;
}

.tx-cal-controller /* .list-view */ .summary a {
    font-size: 1.286em;
    font-weight: bold;
}


.tx-cal-controller /* .list-view */ .vevent .dtstart-container, .tx-cal-controller .list-view .vtodo .dtstart-container {
    float: left;
    margin-left: 0.429em;
    margin-right: 1.286em !important;
    text-align: left !important;
    width: 9em !important;
}

.tx-cal-controller .view-header {
    position: relative;
}

.tx-cal-controller .view-header h1 {
    background-color: #404040;
    color: white;
    font-size: 1.143em;
    height: 1.938em;
    padding-top: 0.938em;
    font-weight: bold;
    position: relative;
    margin-bottom: 2.250em;
}

.tx-cal-controller .view-header h1:after {
    border-left: 0.5714em solid transparent;
    border-right: 0.5714em solid transparent;
    border-top: 0.5714em solid #404040;
    bottom: -0.5714em;
    content: "";
    left: 15.188em;
    position: absolute;
}

.most-search .tx-cal-controller .view-header h1 {
    background-color: transparent;
    color: inherit;
    font-size: 1em; /* height:31px; padding-top:15px;*/
    font-weight: bold;
    position: relative;
    font-weight: normal;
    margin-bottom: 0.607143em;
}

.most-search .tx-cal-controller .view-header h1:after {
    display: none;
}

.tx-cal-controller .previous-button,
.tx-cal-controller .next-button {
    float: none !important;
    position: absolute;
    z-index: 1;
    top: 1.071em;
}

.tx-cal-controller .previous-button {
    left: 9.714em;
}

.tx-cal-controller .next-button {
    right: 9.714em;
}

.most-search .tx-cal-controller .previous-button {
    left: 0.625em;
    top: 0.938em;
}

.most-search .tx-cal-controller .next-button {
    right: 0.625em;
    top: 0.938em;
}

.tx-cal-controller .previous-button a,
.tx-cal-controller .next-button a {
    display: block;
    overflow: hidden;
    text-indent: -999em;
    padding: 0 !important;
    width: 17px;
    height: 17px
}

.tx-cal-controller .previous-button a {
    background: url(../img/icons/content_17x150_navipfeil_links.png) 0 -60px no-repeat;
}

.tx-cal-controller .next-button a {
    background: url(../img/icons/content_17x150_navipfeil_rechts.png) 0 -60px no-repeat;
}

.most-search .tx-cal-controller .previous-button a,
.most-search .tx-cal-controller .next-button a {
    background-position: 0 -30px;
}

.tx-cal-controller .previous-button a:hover,
.tx-cal-controller .next-button a:hover {
    background-position: 0 0;
}

.list-view-head-location {
    width: 24.65em;
    float: left;
    font-weight: bold;
    font-size: 1.2857em;
    text-align: center;
    padding: 0.4em 1em;
    background: #404040;
    border: 3px solid #404040;
    color: white;
    position: relative;
    margin-bottom: 1.944em; /*35*/
}

.list-view-head-location:after {
    border-left: 0.5714em solid transparent;
    border-right: 0.5714em solid transparent;
    border-top: 0.5714em solid #404040;
    bottom: -0.5714em;
    content: "";
    left: 12.2em;
    position: absolute;
}

.tx-cal-controller .pagebrowser {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 3px solid #CDCDCD;
    margin: 0 0 2em;
    padding: 8px 24px;
    text-align: center;
}

.tx-cal-controller .pagebrowser span { /*margin-left: 0.286em;margin-right: 0.286em;*/
}

.tx-cal-controller .pagebrowser span.list-view-pageof {
    margin-right: 20px;
}

/*aktuell*/
.tx-cal-controller .pagebrowser span b {
    display: inline-block;
    background-color: #404040;
    color: #FFFFFF;
    height: 1.429em;
    padding-top: 0.286em;
    width: 1.71429em;
}

/*link*/
.tx-cal-controller .pagebrowser span a {
    display: inline-block;
    height: 1.5714em;
    padding-top: 0.143em;
    width: 1.71429em;
}

/* Suche rechts + Suche im Content */
.most-search .tx-cal-controller .event-template-search {
    background-color: #E8F9FC;
    margin: 0.625em -1.5em;
    padding: 1.5em;
}

/*.most-search*/
.tx-cal-controller .event-template-search h2 {
    margin-bottom: 0.333em;
}


/* form +h2 ausblenden im Suchergebnis oben */
#content .tx-cal-controller .event-template-search h2,
#content .tx-cal-controller .event-template-search form {
    display: none;
}

/*.most-search*/
.tx-cal-controller fieldset {
    border: medium none;
    margin: 0;
    padding: 0;
}

/*.most-search*/
.tx-cal-controller legend {
    display: none;
}

/*.most-search*/
.tx-cal-controller label {
}

/*.most-search*/
.tx-cal-controller label[for="tx_cal_controller_category_ids"],
    /*.most-search*/
.tx-cal-controller label[for="tx_cal_controller_location_ids"] {
    display: block;
    font-size: 0.813em;
    margin-bottom: 0.308em;
    margin-top: 0.615em;
}

/*.most-search*/
.tx-cal-controller label[for="event_start_day"],
    /*.most-search*/
.tx-cal-controller label[for="event_end_day"] {
    display: inline-block;
    width: 2.308em;
    font-size: 0.813em;
}

.tx_cal_controller_category_ids_div,
.tx_cal_controller_location_ids_div {
    width: 12.875em;
    height: 1.875em;
    overflow: hidden;
    background: url(../img/icons/dropdown.png) 0 0 no-repeat transparent;
    background-size: 12.875em 5.625em;
}

.tx_cal_controller_category_ids_div:hover,
.tx_cal_controller_location_ids_div:hover {
    background-position: 0 -3.750em;
}

/* fuer IE8 geht Background size nicht, daher muss dort wieder in Pixel gearbeitet werden */

/*.most-search*/
.tx-cal-controller select#tx_cal_controller_category_ids,
    /*.most-search*/
.tx-cal-controller select#tx_cal_controller_location_ids {
    width: 17.385em;
    font-size: 0.813em;
    margin: 0 0 0 0.538em;
    padding-top: 0.462em;
    height: 1.846em;
    border: none;
    background: none;
    /* notwengig fuer Google Chrome PC - Background abschalten */
    -webkit-appearance: none;
}

/*.most-search*/
.tx-cal-controller select#tx_cal_controller_category_ids option,
    /*.most-search*/
.tx-cal-controller select#tx_cal_controller_location_ids option {
    width: 15.385em /* 200px bei 13pxwidth:150px; */
}


/*.most-search*/
.tx-cal-controller input#event_start_day,
    /*.most-search*/
.tx-cal-controller input#event_end_day {
    width: 6em;
    height: 1.154em;
    margin-bottom: 0.769em;
    font-size: 0.813em;
    border: 0.154em solid #CDCDCD;
    border-radius: 3px 3px 3px 3px;
    line-height: 1;
    padding: 0.462em 0 0.538em 0.538em;
}

/*.most-search*/
.tx-cal-controller input#query {
    margin-top: 0.923em;
    border: 0.154em solid #CDCDCD;
    font-size: 0.813em;
    width: 36em;
    border-radius: 3px 3px 3px 3px;
    line-height: 1;
    padding: 0.462em 0.538em 0.538em 0.538em
}

.most-search .tx-cal-controller input#query {
    width: 14.462em;
}

/*.most-search*/
.tx-cal-controller input.tx_cal_controller-submit {
    background-color: #005093;
    width: 15.846em;
    height: 2.308em;
    text-align: center;
    color: #FFF;
    border-radius: 3px 3px 3px 3px;
    margin-top: 1.538em;
    display: block;
    line-height: 2.308em;
    border: none;
    font-size: 0.813em;
    font-weight: normal;
}

.tx-cal-controller input.tx_cal_controller-submit:hover {
    cursor: pointer;
    color: #FFF;
    background-color: #666;
}

/* Veranstalter ausblenden */
/*.most-search*/
.tx-cal-controller label[for="tx_cal_controller_organizer_ids"] {
    display: none;
}

/*.most-search*/
.tx-cal-controller select#tx_cal_controller_organizer_ids {
    display: none;
}

/* Suchergebnis + pagebrowser in rechter Spalte ausblenden, Abstand im Inhaltsbereich */
.most-search .tx-cal-controller .cal-search-list,
.most-search .tx-cal-controller .event-template-search .pagebrowser {
    display: none;
}

#content .tx-cal-controller .cal-search-list {
    margin: 24px 0 0 0;
}

/* Monatsansicht rechts */
/* grauflaeche, etc. per id*/
.most-search #c1020 {
    margin: -1.125em -1.5em 0;
    padding: 1.25em 1.5em 0 1.5em;
    background-color: #f0f0f0;
}

.most-search #c1019 {
    margin: -0.875em -1.5em 0;
    padding: 0 1.5em 1.5em 1.5em;
    background-color: #f0f0f0;
}

.most-search #c1024 {
    margin-top: -0.563em;
}

.tx-cal-controller .month-small {
    width: 100%;
}

.tx-cal-controller .month-small th,
.tx-cal-controller .month-small td {
    font-size: 0.813em !important; /* padding:0.154em !important; */
    width: 1.692em !important;
}

.tx-cal-controller .month-small td,
.tx-cal-controller .month-medium td,
.tx-cal-controller .month-large td {
    border: 0.077em solid #D9D9D9 !important;
}

.tx-cal-controller .month-weekdays {
    border-bottom: none !important;
}

.tx-cal-controller .month-small th,
.tx-cal-controller .month-medium th,
.tx-cal-controller .month-large th {
    background-color: transparent !important;
    font-weight: bold !important;
}

.tx-cal-controller .month-weekdays {
    font-weight: bold;
}

.tx-cal-controller th.month-weeknums {
    display: none;
}

.tx-cal-controller .dayNum {
    background-color: #FFF;
    padding: 0 0.308em 0.077em 0 !important;
}

.tx-cal-controller .dayNum a {
    display: block;
    text-align: right;
}

.tx-cal-controller .dayNum a:visited {
    color: inherit;
}

.tx-cal-controller .currentDayHeader {
    background-color: #009BBC
}

.tx-cal-controller .currentDayHeader a,
.tx-cal-controller .currentDayHeader a:visited {
    color: #FFFFFF !important;
}

/* Tagesansicht */
.tx-cal-controller .event-title {
    text-align: left;
    color: #030303;
}

.tx-cal-controller .calendar-event-info-category {
    font-size: 1.143em;
}

.tx-cal-controller .calendar-event-info-category.section_stadt {
    color: #009278;
}

.tx-cal-controller .calendar-event-info-category.section_buerger {
    color: #e45812;
}

.tx-cal-controller .calendar-event-info-category.section_erleben {
    color: #00a321;
}

.tx-cal-controller .calendar-event-info-category.section_wirtschaft {
    color: #6c6552;
}


.tx-cal-controller .calendar-event-info {
    width: 100%;
    border-bottom: 0.071em solid #dedede;
    border-top: 0.071em solid #dedede;
    float: left; /* min-height:2.143em; */
    padding-bottom: 0.857em;
    padding-top: 0.857em;
    margin-top: 1.143em;
    margin-bottom: 1.429em;
}

.tx-cal-controller .calendar-event-info div {
    float: left;
}

.tx-cal-controller .calendar-event-info-starttime {
    margin-left: 9px;
    padding-left: 10px;
    background: url(../img/events-info-sep.png) 0 4px no-repeat;
}

.tx-cal-controller .calendar-event-info-location {
    margin-left: 9px;
    padding-left: 10px;
    background: url(../img/events-info-sep.png) 0 4px no-repeat;
}

.tx-cal-controller .calendar-event-image {
    float: left;
}

.tx-cal-controller .calendar-event-description {
    margin-bottom: 2.714em;
}

.tx-cal-controller .calendar-event-description .contenttable td {
    padding-top: 0.857em;
    padding-bottom: 0.857em;
    border-top: 0.071em solid #D9D9D9;
    border-bottom: 0.071em solid #D9D9D9;
}

.tx-cal-controller .calendar-event-description .contenttable td {
    padding-top: 0.857em;
    padding-bottom: 0.857em;
    border-top: 0.071em solid #D9D9D9;
    border-bottom: 0.071em solid #D9D9D9;
}

.calendar-event-table {
}

.calendar-event-table input {
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.calendar-event-table th {
    font-size: 10px;
    font-weight: bold;
    line-height: 14px;
    text-align: left;
    vertical-align: top;
}

.calendar-event-table td {
    font-size: 10px;
    font-weight: normal;
    line-height: 14px;
    text-align: left;
    vertical-align: top;
}

.calendar-event-table-date {
    width: 100px;
}

.calendar-event-table-info {
    width: 250px;
}

/* Startseite abweichend */
.events-start-map-map .infowindow {
    width: 150px;
}

.events-start-map-map .calendar-event-table {
    width: 130px;
}

/* Date picker */

#ui-datepicker-div {
    background-color: white;
}

#ui-datepicker-div {
    /*	margin-left: 200px;*/
}

#ui-datepicker-div {
    background-color: #F0F0F0;
    font-size: 0.8em;
    position: relative;
    width: 290px;
    border-radius: 3px;
    box-shadow: 0px 0px 8px 0px #777778;
}

#ui-datepicker-div .ui-datepicker-header {
    width: 262px;
    padding: 5px 14px;
    font-weight: bold;
    background: none;
    border: none;
}

#ui-datepicker-div .ui-datepicker-header span {
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
    top: 7px;
    width: 17px;
    height: 17px;
    background: url(../img/icons/content_17x150_navipfeil_rechts.png) 0 -30px no-repeat;
    /*background: url(/fileadmin/templates/infoma/images/arrow_sprite.png) 0 0 no-repeat;
	background-image: url(../Images/arrow_sprite.png);	*/
    /*background: none;*/
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:hover,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev-hover,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:hover,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next-hover {
    background-position: 0 0px;
    border: none;
}

#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span {
    margin-left: -14px;
    display: none;
    border: none;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
    position: absolute;
    left: 28px;
    background: url(../img/icons/content_17x150_navipfeil_links.png) 0 -30px no-repeat;
}

#ui-datepicker-div .ui-icon-circle-triangle-w,
#ui-datepicker-div .ui-icon-circle-triangle-e {
    display: none;
    background: none;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
    position: absolute;
    right: 28px;
}

#ui-datepicker-div .ui-datepicker-title {
    text-align: center;
}

#ui-datepicker-div .ui-datepicker-prev {
    left: 2px;
}

#ui-datepicker-div .ui-datepicker-next {
    right: 2px;
}

#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span {
    display: none;
    margin-left: -14px;
}

#ui-datepicker-div table {
    background-color: #F0F0F0;
    border-spacing: 0;
    border-collapse: collapse;
}

#ui-datepicker-div td span, #ui-datepicker-div td a {
    text-align: center;
    background: none;
}

#ui-datepicker-div td {
    background: none;
    background-color: #fff;
}

#ui-datepicker-div table .ui-state-active {
    background: none;
    background-color: #009BBC;
    color: #fff;
}

.ui-datepicker-trigger {
    border: none;
    background: none;
}

.ui-datepicker-trigger img {
    position: relative;
    top: 12px;
}

/*
 * Roll-Over für verlinkte Bilder
 * Joe, 11.12.2012
 */
.csc-textpic-image a,
a[rel^='lightbox'] {
    position: relative;
    display: inline-block;

}

.csc-textpic-image a[rel^='lightbox'] img {
    /*height: 100%;*/
}

.csc-textpic-image a:hover .rollOverIcon {
    display: block;
    background: url(../img/link_intern.png) no-repeat 0 0;
    position: absolute;
    bottom: 2px;
    right: 3px;
    z-index: 50;
    width: 12px;
    height: 12px;
}

.csc-textpic-image a[rel^='lightbox'] .rollOverIcon {
    background: url(../img/enlarge.png) no-repeat 0 -100px;
}

.csc-textpic-image a[href^='http://'] .rollOverIcon {
    background: url(../img/enlarge.png) no-repeat 0 0;
}

.recUrl {
    color: #009BBC;
}

div.csc-textpic .csc-textpic-imagewrap img {
    max-width: 100% !important;
    /*height: auto !important;*/
    width: 100%;
}


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

	Anliegen A-Z

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

.csc-sitemap.anliegenAZ {
    margin: 15px -7px 15px 0px;
    margin: 1.07em -0.536em 1.07em 0;
    float: left;

    /*Neu von MartinStadtmüller*/
    margin: 0.4em -0.536em 1.07em 0;
}

#c14546 {
    margin-left: 1.71429em;
}

.azInner {
    width: 100%;
    float: left;
}

.azInner .item {
    float: left;
    margin-bottom: 7px;
    margin-bottom: 0.5em;
    text-align: center;
}

.azInner .item a {
    display: block;
    font-weight: bold;

    width: 26px;
    height: 26px;
    line-height: 26px;
    margin-right: 7px;

    width: 1.657em;
    height: 1.657em;
    line-height: 1.657em;
    margin-right: 0.5em;

    border: 3px solid #ced1d4;
    background-color: white;

    -webkit-transition: all 0.5s;
    transition: all 0.5s;

    text-decoration: none;
}

.azInner .item a:hover {
    border-color: #009bbc;
}

.azInner .item.active a {
    background-color: #404040;
    color: #ffffff;
}

span.scwBlue {
    color: #01b1ec;
}

span.scwOrange {
    color: #ea4e1b;
}

span.scwGreen {
    color: #00ab22;
}

span.neuUlmBlau {
    color: #005091;
}

span.neuUlmGruen {
    color: #009278;
}

/*
  Iframe Responsive (Piwik)
*/

iframe {
    max-width: 100%;
}

.embed-container {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
}

@media screen and (min-width: 667px) {
    .embed-container {
        padding-bottom: 52%;
    }
}

.embed-container iframe {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    min-height: 100%;
}

/*
  back to mobile link in footer
  [Joe Schäfer @ 2016-09-13 13:52:46]
*/
#footer-servicemenu ul li input[type="submit"] {
    line-height: 1em;
    font-size: inherit;
}

#footer-servicemenu ul li input[type="submit"] {
    background: none !important;
    border: none;
    padding: 0 !important;
    cursor: pointer;
    display: inline-block;
    position: relative;
    height: 48px;
    left: -3px;
}

#footer-servicemenu ul li input[type="submit"]:hover {
    color: #009bbc;
    text-decoration: underline;
}

/* Social Icons */
.socialIcons {
    line-height: 2.4em;
    background-color: #005093;
    margin: 0 0 1.5em 0;
    padding: 1.25em 1.5em 1.125em 1.5em;
}

.content-right-sub .socialIcons h2 {
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.socialIcons a {
    color: #fff;
    text-decoration: none;
}

.socialIcons a.facebook {
    float: left;
}

.socialIcons a.instagram {
    float: right;
}

.socialIcons a .label {
    margin-left: 5px;
}

.socialIcons a:hover .label {
    text-decoration: underline;
}


.socialIcons .fa {
    font-size: 1.8em;
    position: relative;
    top: 3px;
}

.socialIcons .fa.fa-instagram {
    top: 4px;
}


.cal-list-date p.bodytext {
    margin: 0;
}
.txleomedia-list-view {
    padding-top: 15px;
}

ul.noListStyle, li.noListStyle {
    list-style: none;
    padding: 0;
    margin: 0;
}

.noListStyle li, li.noListStyle, .noListStyle.noMargin li.noListStyle{
    margin-bottom: 0.8571428em;
}

.noMargin li, li.noMargin, .noListStyle li.noListStyle.noMargin {
    margin-bottom: 0em;
}

#sbCaption {
    font-size: 0.75rem;
}
/*responsive Video*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Cookie Konfigurations Badge ausblenden*/
.ccm-show {
    display: none;
}