/*
************************************************************
Styles:     flix//theme
Project:    interaktiv manufaktur - Main CSS
Autor:      Michael Eipel
Copyright:  (c) 2015 Interaktiv Manufaktur
Website:    www.interaktiv-manufaktur.de
************************************************************
*/
/* *******************************************************************************
*** Allgemeine Styles
******************************************************************************** */
@font-face {
   font-family:klavika-light;
   src:url(../_fonts/KlavikaWebBasicLight.eot);
   src:url(../_fonts/KlavikaWebBasicLight.woff) format("woff")
}

@font-face {
   font-family:klavika-regular;
   src:url(../_fonts/KlavikaWebBasicRegular.eot);
   src:url(../_fonts/KlavikaWebBasicRegular.woff) format("woff")
}

@font-face {
   font-family:klavika-regular-italic;
   src:url(../_fonts/KlavikaWebBasicRegularItalic.eot);
   src:url(../_fonts/KlavikaWebBasicRegularItalic.woff) format("woff")
}

@font-face {
   font-family:klavika-medium;
   src:url(../_fonts/KlavikaWebBasicMedium.eot);
   src:url(../_fonts/KlavikaWebBasicMedium.woff) format("woff")
}

@font-face {
   font-family:klavika-medium-italic;
   src:url(../_fonts/KlavikaWebBasicMediumItalic.eot);
   src:url(../_fonts/KlavikaWebBasicMediumItalic.woff) format("woff")
}

@font-face {
   font-family:klavika-bold;
   src:url(../_fonts/KlavikaWebBasicBold.eot);
   src:url(../_fonts/KlavikaWebBasicBold.woff) format("woff")
}

@font-face {
   font-family:klavika-bold-italic;
   src:url(../_fonts/KlavikaWebBasicBoldItalic.eot);
   src:url(../_fonts/KlavikaWebBasicBoldItalic.woff) format("woff")
}

* {
   outline:none
}

html,body {
   background-color:#e0e0e0;
   color:#000;
   font-family:Verdana,sans-serif;
   font-size:14px;
   line-height:21px;
   height:100%;
   padding:0;
   background:url(../_images/_bg.jpg) left top repeat-x #fff;
   background-attachment:fixed
}

/*
body {
   padding-top:30px;
}*/
#page-canvas {
   position:relative;
   width:1000px;
   margin:0 auto;
   padding:30px 0 0;
   display:block;
   min-height:100%;
   height:auto!important;
   height:100%
}

.clear {
   clear:both
}

h1 {
   font-size:26px;
   line-height:26px;
   font-family:klavika-bold,arial,sans-serif;
   color:#005caa
}

h2 {
   color:#005caa
}

h3 {
   color:#005caa
}

p {
   margin-bottom:15px
}

a,a:visited {
   text-decoration:none
}

a:hover {
}

#content-canvas ol li a,
#content-canvas ul li a{
   color:#005caa;
   font-weight: 700;
}

.articlenav {
   border-top:1px solid #a4b7e0;
   padding-top:5px
}

.linkback {
   color:#005caa;
   font-family:klavika-medium,arial,sans-serif;
   font-size:16px;
   background:url(../_images/ic_linkback.png) left 7px no-repeat;
   background-size:9px 46px;
   padding-left:14px;
   display:table;
   margin-top:20px
}

.linkback.forward {
   background-position:right -31px;
   padding:0 14px 0 0;
   float:right;
   margin:0
}

.linkback.left {
   float:left;
   margin:0
}

.linkback:hover {
   text-decoration:underline
}

strong {
   font-family:klavika-bold,arial,sans-serif;
   font-size:14px
}

em {
   font-family:"klavika-regular-italic";
   font-size:16px;
}

.mobile,.nav1-mobile,#mobile-search,.onlyprint {
   display:none
}

.nomobile {
   display:block
}

input[type="text"],input[type="textarea"],input[type="button"],textarea {
   -webkit-appearance:none
}

.image_copyright {
   font-family:klavika-light,arial,sans-serif;
   font-size:12px;
   line-height:14px;
   margin-top:3px;
   color:#706f6f;
   display:block
}

#slider .image_copyright {
   position:absolute;
   z-index:900;
   bottom:0;
   left:0;
   color:#706f6f;
   padding:4px 10px;
   background-color:#dbdbdb
      /*   background:url(../_images/slider_back.png) left center repeat-x;*/
}

.slick-dots li {
   position: relative;
   display: inline-block;
   height: 16px;
   width: 16px;
   margin: 0 8px 0 0;
   padding: 0px;
   cursor: pointer;
   background: #fff;
   border-radius: 50%;
}

.slick-dots li button {
   border: 0;
   background: none;
   background-size: 0px;
   display: block;
   height: 12px;
   width: 12px;
   outline: none;
   line-height: 0;
   font-size: 0;
   color: transparent;
   cursor: pointer;
   border-radius: 50%;
   top: calc(50% - 6px);
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
}

.slick-dots li.slick-active button {
   background: #005caa;
   background-size: 15px;
}

.slick-dots {
   bottom:25px;
   top:unset;
}

/* *************************************************
*** Header
************************************************* */
#head-canvas {
}

#logo {
   float:left;
   height:33px;
   width:210px;
   display:block;
   background:url(../_images/logo.png) left top no-repeat;
   background-size:210px 33px;
   margin:0 0 20px 10px
}

.logo-print {
   float:left;
   /*   height:33px;
         width:210px;*/
   margin:0 0 30px
}

#claim {
   float:right;
   height:13px;
   width:174px;
   display:block;
   margin:13px 10px 0 0;
   background:url(/_images/claim.png) left top no-repeat;
   background-size:174px 13px
}

/* *************************************************
*** Navigation
************************************************* */
/* ********** nav1 ********** */
.nav1 {
   position:relative;
   float:left;
   z-index:600;
   font-family:klavika-regular,arial,sans-serif
}

.nav1-item {
   float:left;
   margin-right:4px;
   font-size:18px
}

.nav1-item:last-child {
   margin-right:0
}

.nav1-link {
   display:block;
   width:149.3px;
   height:40px;
   background-color:#dbdbdb;
   line-height:40px;
   text-align:center;
   color:#706f6f;
   border-radius:10px 10px 0 0;
   overflow:hidden;
   text-transform:lowercase;
   font-weight:400;
}

.nav1-item.home .nav1-link {
   width:80px
}

.nav1-item.home .nav1-link span {
   height:40px;
   width:80px;
   background:url(../_images/ic_home.png) center 11px no-repeat;
   background-size:20px 78px;
   display:block;
   text-indent:-999999px
}

.nav1-link:hover,.nav1-link.active {
   color:#fff;
   background:#2370b2;
   /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNzBiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzU0N2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   /* FF3.6+ */
   background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#2370b2),color-stop(100%,#23547f));
   /* Chrome,Safari4+ */
   background:-webkit-linear-gradient(top,#2370b2 0%,#23547f 100%);
   /* Chrome10+,Safari5.1+ */
   background:-o-linear-gradient(top,#2370b2 0%,#23547f 100%);
   /* Opera 11.10+ */
   /* IE10+ */
   background:-webkit-gradient(linear,left top,left bottom,from(#2370b2),to(#23547f));
   background:-webkit-gradient(linear,left top, left bottom,from(#2370b2),to(#23547f));
   background:linear-gradient(to bottom,#2370b2 0%,#23547f 100%);
   /* W3C */
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2370b2',endColorstr='#23547f',GradientType=0)
      /* IE6-8 */
}

.nav1-link.active {
   font-family:klavika-bold,arial,sans-serif
}

.nav1-item.home .nav1-link:hover span,.nav1-item.home .nav1-link.active span {
   background-position:center -48px
}

/* ********** nav2 ********** */
.nav2-canvas {
   position:relative;
   height:60px;
   width:1000px;
   display:blovk;
   margin-bottom:10px;
   background:#23547f;
   /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNTQ3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzcwYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   /* FF3.6+ */
   background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#23547f),color-stop(100%,#2370b2));
   /* Chrome,Safari4+ */
   background:-webkit-linear-gradient(top,#23547f 0%,#2370b2 100%);
   /* Chrome10+,Safari5.1+ */
   background:-o-linear-gradient(top,#23547f 0%,#2370b2 100%);
   /* Opera 11.10+ */
   /* IE10+ */
   background:-webkit-gradient(linear,left top,left bottom,from(#23547f),to(#2370b2));
   background:-webkit-gradient(linear,left top, left bottom,from(#23547f),to(#2370b2));
   background:linear-gradient(to bottom,#23547f 0%,#2370b2 100%);
   /* W3C */
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23547f',endColorstr='#2370b2',GradientType=0);
   /* IE6-8 */
   /* Firefox */
   -webkit-box-shadow:0 1px 4px #706f6f;
   /* Chrome, Safari */
   box-shadow:0 1px 4px #706f6f;
   /* CSS3 */
   z-index:500
}

.nav2 {
   float:left;
   margin-left:30px;
   font-family:klavika-regular,arial,sans-serif
}

.nav2-item {
   float:left;
   padding:10px 40px 10px 0;
   cursor:pointer;
   position:relative
}

.nav2-link {
   color:#bcc8e8;
   height:40px;
   line-height:20px;
   display:block;
   border-left:1px solid #bcc8e8;
   padding-left:10px;
   font-size:16px;
   text-transform:lowercase;
   font-weight:400;
}

.nav2-item:hover .nav2-link,.nav2-link.active {
   color:#fff;
   border-left:1px solid #fff
}

/* ***** nav3 ***** */
.nav3 {
   position:absolute;
   top:60px;
   background:url(../_images/nav3_back.png) left top repeat;
   width:180px;
   display:none;
   z-index:400
}

.nav3-item {
   margin-bottom:15px;
   -webkit-hyphens:auto;
   -ms-hyphens:auto;
   hyphens:auto
}

.nav3-item:first-child {
   margin-top:15px
}

.nav3-link {
   display:block;
   padding:0 15px 0 10px;
   color:#bcc8e8;
   font-size:16px
}

.nav3-link.active {
   color:#fff;
   background:url(../_images/nav3_arrow.png) 10px 7px no-repeat;
   background-size:9px 7px;
   padding:0 15px 0 24px
}

.nav3-link:hover {
   color:#fff
}

.nav2-item:hover .nav3 {
   display:block
}

/* ***** Searchform ***** */
.searchform {
   float:right;
   margin:17px 10px 0 0
}

.searchform .eingabe {
   border:0;
   color:#00386a;
   background:none;
   height:25px;
   width:116px;
   border-radius:10px;
   background:url(../_images/ic_search.png) 6px 7px no-repeat #fff;
   background-size:11px 10px;
   padding:0 5px 0 24px;
   font-family:klavika-light,arial,sans-serif
}

/* *************************************************
*** Slider
************************************************* */
#slider {
   height:390px;
   width:1000px;
   display:block;
   border-radius:0 0 0 10px;
   margin-bottom:20px;
   overflow:hidden;
   /* Firefox */
   -webkit-box-shadow:0 2px 3px #706f6f;
   /* Chrome, Safari */
   box-shadow:0 2px 3px #706f6f
      /* CSS3 */
}

#slider .text {
   position:absolute;
   top:198px;
   height:130px;
   width:785px;
   padding:20px 0 0 45px;
   background:url(../_images/slider_back.png) left top repeat-x;
   z-index:200;
   color:#fff
}

#slider .kat {
   font-size:18px;
   margin-bottom:5px;
   font-family:klavika-regular,arial,sans-serif
}

#slider .headline {
   font-size:44px;
   line-height:42px;
   font-family:klavika-medium,arial,sans-serif
}

#slider .subheadline {
   font-size:44px;
   line-height:42px;
   font-family:klavika-light,arial,sans-serif
}

#slider .text-zitat {
   position:absolute;
   top:65px;
   height:213px;
   width:450px;
   padding:35px;
   background-color:rgba(255,255,255,0.8);
   z-index:200;
   color:#005CAA;
   line-height:30px;
   font-size:26px;
   font-family:klavika-light,arial,sans-serif
}

#slider .text-zitat .sign {
   font-family:klavika-bold-italic,arial,sans-serif;
   font-size:36px
}

#slider .text-zitat .overflow {
   overflow:hidden;
   height:213px
}

#slider .text-zitat .autor {
   display:block;
   font-family:Verdana,sans-serif;
   font-size:14px;
   line-height:14px;
   margin-top:5px
}

/* *************************************************
*** Breadcrumb
************************************************* */
#breadcrumb-canvas {
   margin-bottom:25px;
   font-family:klavika-light,arial,sans-serif;
   font-size:14px
}

/* **********
Pfeile sind werden noch benötigt;
Thomas schaut nach Webfont "Klavika Arrow"
Falls nicht gefunden, soll Herr Humml den Pfeil in Pfade umwandeln und als Vektor abspeichern
********** */
.breadcrumb-link {
   float:left;
   color:#000;
   margin-right:5px;
   background:url(../_images/ic_breadcrumb.png) left 7px no-repeat;
   background-size:9px 36px;
   padding-left:13px
}

.breadcrumb-link a,.breadcrumb-link a:visited {
   color:#000;
   font-weight:400;
}

.breadcrumb-link:first-child {
   background:none;
   padding-left:0
}

.breadcrumb-link:hover,.breadcrumb-link a:hover,.breadcrumb-link.active {
   color:#005caa;
   background-position:left -21px
}

/* *************************************************
*** Main / Content
************************************************* */
#main-canvas {
   margin-bottom:100px;
   display:block
}

#content-canvas {
   display:block;
   float:left;
   width:735px
}

#headline-container {
   height:62px;
   margin-bottom:15px;
   font-size:26px;
   border-bottom:1px solid #a4b7e0
}

#content-canvas .subheadline {
   color:#005caa;
   line-height:26px;
   font-family:klavika-light,arial,sans-serif
}

#content-canvas p strong {
   font-family:Verdana,sans-serif;
   font-weight:700;
   font-style:italic
}

#content-canvas p a {
   color:#005caa;
   font-weight:700
}

#content-canvas p a:hover {
   text-decoration:underline
}

#content-canvas li strong {
   font-size:14px;
   font-family:Verdana,sans-serif;
   font-weight:700
}

/* ****** article-page ****** */
.article-page #headline-container {
   height:auto;
   border:0;
   position:relative
}

.article-page .flag {
   position:absolute;
   height:78px;
   width:115px;
   background-color:#e6007e;
   text-align:right;
   color:#fff;
   font-family:klavika-bold,arial,sans-serif;
   font-size:16px;
   line-height:20px;
   padding:5px
}

#headline-container .flag {
   top:4px;
   left:-133px
}

.image-intro-main-container .flag {
   top:0;
   left:-125px
}

.article-page h1 {
   font-family:klavika-medium,arial,sans-serif;
   font-size:35px;
   line-height:32px
}

.article-page #content-canvas .subheadline {
   font-size:35px;
   line-height:32px
}

.article-page #content-canvas {
   width:235px;
   width:715px
}

/* ****** map-page ****** */
.map-page {
   position:relative;
   margin-bottom:20px;
   border-radius:0 0 0 10px;
   overflow:hidden;
   /* Firefox */
   -webkit-box-shadow:0 2px 3px #706f6f;
   /* Chrome, Safari */
   box-shadow:0 2px 3px #706f6f
      /* CSS3 */
}

.map-page .map-container,.map-container #googlemaps-main-mapcontainer {
   height:500px;
   width:100%
}

#map-overlay {
   position:absolute;
   right:0;
   top:0;
   display:block;
   width:235px;
   height:100%;
   background-color:#0f0;
   z-index:800;
   color:#fff;
   background:#23547f;
   /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNTQ3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzcwYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   /* FF3.6+ */
   background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#23547f),color-stop(100%,#2370b2));
   /* Chrome,Safari4+ */
   background:-webkit-linear-gradient(top,#23547f 0%,#2370b2 100%);
   /* Chrome10+,Safari5.1+ */
   background:-o-linear-gradient(top,#23547f 0%,#2370b2 100%);
   /* Opera 11.10+ */
   /* IE10+ */
   background:-webkit-gradient(linear,left top,left bottom,from(#23547f),to(#2370b2));
   background:-webkit-gradient(linear,left top, left bottom,from(#23547f),to(#2370b2));
   background:linear-gradient(to bottom,#23547f 0%,#2370b2 100%);
   /* W3C */
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23547f',endColorstr='#2370b2',GradientType=0);
   /* IE6-8 */
   /* Firefox */
   -webkit-box-shadow:-1px 0 3px #706f6f;
   /* Chrome, Safari */
   box-shadow:-1px 0 3px #706f6f
      /* CSS3 */
}

#map-overlay .text-container {
   padding:30px 20px 0
}

#map-overlay .headline {
   font-family:klavika-medium,arial,sans-serif;
   font-size:16px;
   margin-bottom:8px
}

#map-overlay .text-container .text {
   font-family:klavika-regular,arial,sans-serif;
   font-size:14px;
   line-height:16px
}

#map-overlay .searchform {
   width:195px;
   margin:20px 20px 0
}

#map-overlay .searchform .headline {
   margin-bottom:3px
}

#map-overlay .searchform .eingabe {
   border:0;
   color:#00386a;
   background:none;
   height:25px;
   width:166px;
   border-radius:10px;
   background:url(../_images/ic_search.png) 6px 7px no-repeat #fff;
   background-size:11px 10px;
   padding:0 5px 0 24px;
   font-family:klavika-light,arial,sans-serif
}

.map-content-container a {
   color: #005caa !important;
   font-weight: normal !important;
}

/* Texteditor-Ausgabe in Infobox */
.map-content-container .row span p {
   display:inline-block;
   margin: 0;
}

/* *************************************************
*** Info
************************************************* */
#info-canvas {
   display:block;
   float:left;
   width:215px;
   margin-left:50px;
   padding-top:82px
}

.article-page #info-canvas {
   width:215px;
   padding:0 10px;
   background-color:#eaeaea;
   margin-top:-10px
}

/* *************************************************
*** Footer
************************************************* */
#footer-canvas {
   width:100%;
   background:url(../_images/bg_footer.png) left top repeat-x;
   z-index:800;
   line-height:19px;
   color:#fff;
   padding:15px 0
      /*   display:none;*/
}

#footer-container {
   width:1000px;
   margin:15px auto
}

.footerbox {
   float:left;
   padding-right:40px
}

.footerbox.last {
   float:left;
   padding-right:0
}

.footerbox .headline {
   font-family:klavika-medium,arial,sans-serif;
   border-left:1px solid #fff;
   color:#fff;
   font-size:15px;
   display:block;
   height:30px;
   padding-left:10px
}

.nav-footer {
   padding-left:10px;
   margin-top:-5px;
   font-family:klavika-light,arial,sans-serif;
   line-height:19px
}

.nav-footer-link {
   color:#fff
}

.footer-right {
   float:right
}

.scrolltotop {
   float:right;
   font-family:klavika-light,arial,sans-serif;
   line-height:21px;
   background:url(../_images/ic_back-to-top.png) right 6px no-repeat;
   background-size:8px 9px;
   padding-right:14px;
   cursor:pointer;
   display:inline-block
}

#claim-footer {
   color:#fff;
   margin:35px 0 0;
   text-align:right;
   font-family:klavika-regular,arial,sans-serif;
   font-size:13px;
   line-height:15px
}

#claim-footer .headline {
   font-size:15px
}

/* *************************************************
*** PageElements Main
************************************************* */
/* ********** intro-main ********** */
.intro-main {
   width:100%;
   color:#005caa;
   font-size:16px;
   line-height:22px;
   margin-bottom:25px;
   display:inline-block;
   font-family:klavika-regular,arial,sans-serif
}

/* ********** image-intro-main ********** */
.image-intro-main-container {
   position:relative
}

.image-intro-main {
   margin-bottom:25px
}

.image-intro-main img {
   width:100%;
   height:auto;
   overflow:hidden;
   border-radius:0 0 0 10px
}

.image-content-main {
   margin-bottom:15px
}

.image-content-main img {
   width:100%;
   height:auto;
   overflow:hidden;
   border-radius:0 0 0 10px
}

.image-intro-main img,.image-content-main img {
   display:block
}

/* ********** image-main ********** */
.image-main {
   width:100%;
   height:auto;
   margin-bottom:25px
}

.image-main a {
   display:inline-block
}

.image-main img {
   width:100%;
   height:auto;
   display:block
}

.image-main.contentmain_portrait img {
   width:auto;
   height:auto;
   display:block
}

/* ********** trennlinie-main ********** */
.trennlinie-main {
   width:100%;
   display:block;
   border-bottom:1px solid #a4b7e0;
   margin-bottom:25px
}

/* ********** texteditor-main ********** */
.texteditor-main {
   margin-bottom:15px;
   display:inline-block;
   width:100%
}

.texteditor-main .image {
   float:left;
   margin:7px 15px 0 0;
   position:relative
}

.texteditor-main .image.detail_portrait {
   float:left;
   height:auto;
   margin:7px 15px 0 0;
   position:relative
}

.texteditor-main .image img {
   display:block;
   height:193px;
   width:265px;
   border-radius:0 0 0 10px;
   overflow:hidden
}

.texteditor-main .image.detail_portrait img {
   width:265px;
   height:310px;
   border-radius:0 0 0 10px
}

.texteditor-main strong {
   font-family:Verdana,sans-serif;
   font-weight:700;
   font-style:italic
}

.texteditor-main a {
   color:#005caa;
   font-weight:700
}

.texteditor-main a:hover,.texteditor-info a:hover {
   text-decoration:underline
}

.texteditor-info strong {
   font-size:15px
}

.texteditor-main h2,.news-detail h2 {
   color:#005caa;
   font-family:klavika-medium,arial,sans-serif;
   font-size:18px;
   margin-bottom:5px
}

.texteditor-main ul,.news-detail ul {
   margin-bottom:15px;
   display:table
}

.texteditor-main ul li,.news-detail ul li {
   display:block;
   background:url(../_images/list-image.png) left 7px no-repeat;
   background-size:12px 10px;
   padding-left:16px;
   margin-bottom:5px
}

.texteditor-main ul li:last-child,.news-detail ul li:last-child {
   margin-bottom:0
}

.texteditor-main ol,.news-detail ol {
   list-style-type:decimal;
   margin-bottom:15px;
   padding-left:19px;
   display:inline-block
}

.texteditor-main .smily {
   height:40px;
   width:41px;
   margin:6px 15px 0 0;
   float:left;
   background-size:41px 199px;
   background-repeat:no-repeat;
   display:block;
   background-image:url(../_images/smily.png)
}

.texteditor-main .image .smily {
   position:absolute;
   float:none;
   top:0;
   left:0;
   z-index:200;
   background-color:#fff;
   margin:0;
   padding:0 5px 4px 0
}

.texteditor-main .smily.positiv {
   background-position:left 0
}

.texteditor-main .smily.neutral {
   background-position:left -80px
}

.texteditor-main .smily.negativ {
   background-position:left -160px
}

/* ********** person-main ********** */
.person-main {
   margin-bottom:15px;
   display:inline-block;
   width:100%
}

.person-main .image {
   float:left;
   height:125px;
   width:175px;
   border-radius:0 0 0 10px;
   overflow:hidden;
   margin:3px 15px 0 0;
   position:relative
}

.person-main .image img {
   display:block
}

.person-main .text {
   float:left;
   width:545px;
   display:block
}

.person-main .text.noimage {
   float:left;
   width:100%;
   display:block
}

.person-main .headline-container {
   display:block;
   border-bottom:1px solid #a4b7e0;
   padding-bottom:5px;
   margin-bottom:5px
}

.person-main h2 {
   color:#005caa;
   font-size:21px;
   font-family:klavika-bold,arial,sans-serif;
   display:block
}

.person-main .subheadline {
   font-size:21px;
   font-family:klavika-light,arial,sans-serif;
   display:block
}

/* ********** overview-pages ********** */
.overview-pages {
   width:100%;
   display:inline-block
}

.overview-pages .listbox {
   display:block;
   margin-bottom:30px
}

.overview-pages .image-container {
   float:left
}

.overview-pages .image {
   display:block;
   margin-right:15px;
   border-radius:0 0 0 10px
}

.overview-pages .text-container {
   float:left;
   width:545px;
   border-top:1px solid #a4b7e0;
   padding-top:10px
}

.overview-pages.is-first .listbox:first-child .text-container {
   padding-top:0;
   border-top:none
}

.overview-pages .text-container.noimage {
   width:100%
}

.overview-pages h2,.overview-pages h2 a {
   color:#005caa;
   font-size:21px;
   font-family:klavika-bold,arial,sans-serif;
   display:block
}

.overview-pages h2 a:hover {
   text-decoration:underline
}

.overview-pages .subheadline {
   font-size:21px;
   font-family:klavika-light,arial,sans-serif;
   display:block
}

.overview-pages .text {
   margin-top:6px;
   display:inline-block
}

.overview-pages .text a {
   color:#005caa;
   font-family:klavika-regular,arial,sans-serif
}

.overview-pages .text a:hover {
   text-decoration:underline
}

.overview-pages .listbox .topics {
   margin-top:15px;
   float:left
}

.overview-pages .listbox .topics li {
   float:left
}

.overview-pages .listbox .topics li a {
   color:#005caa;
   font-family:klavika-regular,arial,sans-serif
}

.overview-pages .listbox .topics li a:hover {
   text-decoration:underline
}

/* ********** news-list ********** */
.news-list .listbox .date {
   font-size:12px;
   color:#005caa;
   line-height:14px;
   margin-bottom:5px
}

.newsblog .topic-filter,.news-list .topic-filter {
   color:#005caa;
   font-family:klavika-light,arial,sans-serif;
   line-height:21px;
   font-size:21px;
   margin-bottom:15px
}

.newsblog .topic-filter left,.news-list .topic-filter .left {
   float:left;
   width:515px
}

.newsblog .topic-filter a,.news-list .topic-filter a {
   line-height:21px;
   font-size:14px;
   color:#005caa;
   float:right
}

.newsblog .topic-filter a span:hover,.news-list .topic-filter a span:hover {
   text-decoration:underline
}

.newsblog .download-headline {
   font-family:klavika-bold,arial,sans-serif;
   color:#005caa;
   font-size:18px;
   margin-top:15px;
   display:block
}

.news-list .no-result {
   border-top:1px solid #a4b7e0;
   padding-top:10px;
   width:100%;
   display:block;
   margin-bottom:30px
}

.newsblog .newsticker-date-filter-wrapper {
   margin-bottom:10px;
   float:right
}

.newsblog .newsticker-date-filter {
   width:175px;
   border:1px solid #bcbcbb;
   padding:5px;
   font-family:Verdana,sans-serif;
   color:#706F6F;
   font-size:14px
}

/* ********** news-detail ********** */
.news-detail .author {
   margin-bottom:25px;
   font-style:italic
}

.news-detail .image-intro-main {
   margin-bottom:10px
}

.news-detail .newscontainer {
   margin-bottom:25px;
   display:block
}

.news-detail .contentmain_newslandscape .image-intro-main-container,.news-detail .contentmain_dina4 .image-intro-main-container,.news-detail .contentmain_newsportrait_open .image-intro-main-container,.news-detail .contentmain_newslandscape_open .image-intro-main-container,.news-detail .contentmain_dina4_open .image-intro-main-container {
   float:left
}

.news-detail .contentmain_newslandscape .image-intro-main,.news-detail .contentmain_dina4 .image-intro-main,.news-detail .contentmain_newsportrait_open .image-intro-main,.news-detail .contentmain_newslandscape .image-content-main,.news-detail .contentmain_dina4 .image-content-main,.news-detail .contentmain_newslandscape_open .image-intro-main,.news-detail .contentmain_dina4_open .image-intro-main,.news-detail .contentmain_newslandscape_open .image-content-main,.news-detail .contentmain_newsportrait_open .image-content-main,.news-detail .contentmain_dina4_open .image-content-main {
   margin:0 20px 20px 0
}

.news-detail .contentmain_newslandscape_open .intro-main,.news-detail .contentmain_dina4_open .intro-main,.news-detail .contentmain_newsportrait_open .intro-main,.news-detail .contentmain_newslandscape_open .intro-main,.news-detail .contentmain_dina4_open .intro-main {
   display:block
}

/* ********** newsblog ********** */
.newsblog .text-container {
   float:none
}

.newsblog .date {
   color:#005caa;
   font-size:12px;
   line-height:14px;
   margin-bottom:5px
}

.newsblog .text {
   margin-bottom:10px
}

.newsblog .link-icon {
   color:#005caa;
   padding-right:5px;
   display:table-cell
}

.newsblog .link {
   color:#005caa;
   display:table-cell
}

.newsblog .link:hover {
   text-decoration:underline
}

/* ********** topics ******************* */
.topic-info-map-link {
   cursor:pointer
}

.topic-info-map-link.active {
   font-family: klavika-medium,arial,sans-serif;
}

/* ********** article-main ********** */
.article-main .text-container {
   max-width: 545px;
   width: 100%;
}

.article-page #content-canvas .article-main .subheadline,.article-page #content-canvas .single-page-main .subheadline {
   font-size:21px;
   font-family:klavika-light,arial,sans-serif;
   display:block;
   line-height:26px
}

/* ********** single-page-main ********** */
.single-page-main .text-container {
   width:525px
}

/* ********** download-cat-main ********** */
.download-cat-main {
   display:block;
   margin-bottom:30px
}

.download-cat-main .image {
   display:block;
   float:left;
   margin-right:20px
}

.download-cat-main .container {
   display:block;
   float:left;
   width:640px;
   border-top:1px solid #a4b7e0;
   padding-top:10px
}

.download-cat-main h2,.download-cat-main h2 a {
   float:left;
   width:195px;
   color:#005caa;
   font-family:klavika-bold,arial,sans-serif;
   font-size:21px;
   line-height:22px;
   margin-right:15px;
   overflow:hidden
}

.download-cat-main .subline {
   font-family:klavika-light,arial,sans-serif
}

.download-cat-main .text {
   float:left;
   width:430px
}

.download-cat-main .link {
   color:#005caa;
   float:right;
   margin-top:10px;
   display:block
}

.news-list .right {
   display:block
}

.news-detail .download-catlist-main {
   margin-bottom:15px
}

.download-catlist-main .item {
   margin-bottom:30px
}

.download-catlist-main .item:last-child {
   margin-bottom:0
}

.download-catlist-main .left {
   float:left;
   width:190px;
   margin-right:20px
}

.download-catlist-main .meta {
   display:block;
   color:#005caa;
   font-family:klavika-regular,arial,sans-serif;
   font-size:14px;
   line-height:16px
}

.download-catlist-main .meta:first-child {
   margin-top:10px
}

.download-catlist-main .right {
   float:left;
   width:525px
}

.news-detail .download-catlist-main .right,.article-page .download-catlist-main .right {
   width:505px
}

.news-detail .download-catlist-main .subline {
   max-width:320px
}

.download-catlist-main h2,.download-catlist-main h3 {
   color:#005caa;
   font-family:klavika-bold,arial,sans-serif;
   font-size:21px;
   line-height:22px;
   display:block;
   border-bottom:1px solid #a4b7e0;
   padding-bottom:10px;
   margin-bottom:10px
}

.news-detail .download-catlist-main h2.publikationen {
   margin:35px 0 20px
}

.download-catlist-main .subline {
   max-width:320px;
   color:#005caa;
   font-family:klavika-light,arial,sans-serif;
   font-size:21px;
   line-height:22px;
   float:left
}

.download-catlist-main .item-links {
   float:right;
   text-align:right
}

.download-catlist-main .link-download {
   /*
      color: #005caa;
      font-family:klavika-regular, arial, sans-serif;
      font-size:14px;
      line-height:14px;
      float:right;
   */
   display:block;
   color:#fff;
   font-family:klavika-regular,arial,sans-serif;
   font-size:14px;
   line-height:14px;
   /*   float:right;*/
   background-color:#2370B2;
   border-radius:5px 0 0 0;
   padding:5px;
   max-width:168px
}

.download-catlist-main .link-shop {
   /*
      color: #005caa;
      font-family:klavika-regular, arial, sans-serif;
      font-size:14px;
      line-height:14px;
      float:right;
   */
   float:right;
   display:block;
   margin-top:5px;
   color:#fff;
   font-family:klavika-regular,arial,sans-serif;
   font-size:14px;
   line-height:14px;
   /*   float:right;*/
   background-color:#2370B2;
   border-radius:5px 0 0 0;
   padding:5px
}

.download-catlist-main .link-download:hover,.download-catlist-main .link-shop:hover {
   text-decoration:underline
}

.download-catlist-main .text-headline {
   color:#005caa;
   font-family:klavika-medium,arial,sans-serif;
   margin-top:20px;
   font-size:16px;
   line-height:21px
}

.download-catlist-main .links {
}

.download-catlist-main .verweis {
   color:#706f6f;
   font-family:klavika-light,arial,sans-serif;
   font-size:15px;
   line-height:21px;
   display:table
}

.download-catlist-main .verweis:hover {
   text-decoration:underline
}

.download-catlist-main .image {
   display:block;
   border:1px solid #DBDBDB
}

/* ***** publikation-main ***** */
.publikation-main,.article-page .publikation-main {
   margin-bottom:30px;
   display:inline-block
}

.publikation-main .right {
   width:525px
}

.article-page .publikation-main .right {
   width:505px
}

.article-page .publikation-main .subline {
   max-width:329px
}

/* ********** video-intern-main / video-extern-main ********** */
.video-intern-main,.video-extern-main {
   width:100%;
   margin-bottom:30px
}

.video-intern-main h2,.video-extern-main h2 {
   margin-bottom:8px
}

video {
   width:100%;
   height:auto
}

video.news,audio.news {
   margin-bottom:15px
}

.video-extern-main iframe {
   width:100%!important;
   height:402px!important
}

audio {
   width:100%;
   height:auto;
   display:block
}

/* ********** search-main ********** */
.search-main {
   width:100%
}

.search-main .searchresult-header {
   margin-bottom:30px
}

.search-main .searchresult-header .keyword {
   font-weight:700
}

.search-main .searchresult-group {
   margin-bottom:30px;
   width:100%
}

.search-main .searchresult-group .header {
   color:#005CAA;
   font-size:21px;
   font-family:klavika-bold,arial,sans-serif;
   display:block;
   border-bottom:1px solid #A4B7E0;
   margin-bottom:15px;
   padding:0 0 3px 17px;
   background:url(/_images/ic_subnav-trigger_3.png) left 4px no-repeat;
   background-size:11px 64px;
   cursor:pointer
}

.search-main .searchresult-group .header.active {
   background-position:left -47px
}

.search-main .searchresult-list {
   display:none
}

.search-main .searchresult-list ul {
   display:inline
}

.search-main .searchresult-item {
   margin-bottom:10px;
   padding-bottom:10px;
   border-bottom:1px dotted #706F6F
}

.search-main .searchresult-link {
   font-size:16px
}

.search-main .searchresult-item .keyword {
   font-weight:700
}
.search-main .searchresult-item .date {
   color:#005caa;
   font-size:12px;
   line-height:14px;
   margin-bottom:5px
}

/* ********** contact formular ********** */
.contactform {
   margin-bottom:15px
}

.defaultform textarea,.form-row textarea {
   display:block;
   width:350px;
   max-width:350px;
   border:1px solid #bcbcbb;
   padding:5px;
   font-family:Verdana,sans-serif;
   color:#706F6F;
   font-size:14px
}

.defaultform textarea:focus,.form-row textarea:focus,.form-row input[type="text"]:focus,.form-row input[type="password"]:focus {
   border:1px solid #005CAA;
   color:#005CAA
}

.form-row,.defaultform .form-submit-container,.form-submit-container {
   float:left;
   width:100%;
   display:block;
   margin-top:10px
}

.form-row.email {
   display:none
}

.form-row label {
   float:left;
   width:180px;
   padding:5px 0
}

.form-row label[for='-1'] {
   float:left;
   width:auto;
   padding:5px 0;
   margin-right:20px
}

.form-row input {
   float:left
}

.form-row input[type="text"],.form-row input[type="password"] {
   width:351px;
   border:1px solid #bcbcbb;
   padding:5px;
   font-family:Verdana,sans-serif;
   color:#706F6F;
   font-size:14px
}

.form-row select {
   width:175px;
   border:1px solid #bcbcbb;
   padding:5px;
   font-family:Verdana,sans-serif;
   color:#706F6F;
   font-size:14px
}

.form-row select#zimmer,.form-row select#aufenthalt {
   width:150px
}

.form-row input#formAnreise,.form-row input#formAbreise,.form-row input#anzahl_erwachsene {
   width:130px
}

.form-row input[type="radio"] {
   margin:10px 5px 0 0
}

.form-row.beitrag .container,.form-row.foerderer .container {
   float:left
}

.form-row.beitrag span,.form-row.foerderer span {
   display:block
}

.form-row.beitrag span.min,.form-row.foerderer span.min {
   display:inline;
   font-size:10px
}

.form-row.beitrag input[type="radio"],.form-row.foerderer input[type="radio"] {
   float:none
}

.form-row.beitrag .container label,.form-row.foerderer .container label {
   float:none
}

.form-row.beitrag-optional {
   display:none
}

.form-row.sepa-text {
   font-size:12px;
   margin-bottom:10px
}

.form-row.no-display {
   display:none
}

.form-row.bund select {
   width:321px
}

.form-row.mailmail {
   display:none
}

.button-submit {
   background:none;
   border:0;
   cursor:pointer;
   margin-left:180px;
   color:#005CAA;
   font-size:18px;
   font-family:klavika-medium,arial,sans-serif
}

.button-submit.anfrage {
   background-position:226px 6px;
   margin-top:15px
}

.defaultform .form-submit-container {
   margin-top:20px
}

.button-submit:hover {
   text-decoration:underline
}

.form-row label.error,.form-error {
   color:red
}

.form-row input.Error {
   border:1px solid red
}

.form-row.plz label {
   float:left;
   width:auto
}

.form-plz-ort-label {
   float:left;
   width:180px
}

.form-row.plz span {
   float:left;
   margin-top:5px
}

.plz-input,.ort-input,.plz-ort-input-wrapper {
   float:left
}

.plz-input .textbox {
   width:100px!important
}

.ort-input .textbox {
   width:229px!important;
   margin-left:10px
}

.form-error p {
   padding:12px;
   border:1px solid red;
   color:red;
   display:inline-block
}

.form-info p {
}

.ds-label {
   float:left;
   width:100px;
   min-height:1px
}

.ds-inhalt {
   float:left;
   display:inline;
   width:320px;
   margin-top:5px
}

.ds-inhalt input {
   float:left;
   margin:2px 10px 0 0
}

.ds-inhalt span {
   float:left;
   display:block;
   width:296px
}

/* ********** Spendenformular ********** */
#payment-form label.error {
   display:none!important
}

#payment-form input.error {
   -webkit-box-shadow:0 0 5px red;
   box-shadow:0 0 5px red
}

#payment-form span.block {
   float:left;
   display:block
}

/* *************************************************
*** PageElements Info
************************************************* */
.infobox {
   margin-bottom:25px
      /* ***** Medium-Schriftschnitt ***** */
}

.infobox h2 {
   font-size:16px;
   padding-bottom:5px;
   margin-bottom:15px;
   display:block;
   border-bottom:1px solid #a4b7e0;
   font-family:klavika-medium,arial,sans-serif
}

.infobox h2 a {
   font-family:klavika-medium,arial,sans-serif
}

.article-page .infobox {
   border-top:1px solid #a4b7e0;
   padding-top:10px
}

.article-page .infobox h2 {
   border:0;
   padding:0 10px
}

/* ********** social-media ********** */
.article-page .infobox.social-media {
   padding:55px 10px 0;
   border-top:0
}

.social-media h2 {
   float:left;
   width:100%;
   margin-bottom:10px
}

.social-media .container1 {
   margin:0 0 10px 10px
}

.social-media .container2 {
   margin-left:10px
}

.social-media .button {
   display:block;
   float:left;
   height:40px;
   width:39px;
   margin-right:7px;
   background-image:url(../_images/ic_share.png);
   background-repeat:no-repeat;
   background-size:377px 40px
}

.social-media .button.facebook {
   background-position:0 top
}

.social-media .button.kontakt {
   background-position:-56px top
}

.social-media .button.drucken {
   background-position:-111px top
}

.social-media .button.faq {
   background-position:-166px top
}

.social-media .button.tipp {
   background-position:-222px top
}

.social-media .button.info {
   background-position:-279px top
}

.social-media .button.aktion {
   background-position:-338px top
}

/* ********** texteditor-info ********** */
.texteditor-info {
   font-family:klavika-light,arial,sans-serif;
   line-height:18px;
   font-size:15px;
   color:#706f6f
}

.article-page .texteditor-info .content,.article-page .texteditor-info .autor {
   padding:0 10px
}

.texteditor-info strong {
   font-family:klavika-medium-italic,arial,sans-serif
}

.texteditor-info a {
   font-family:klavika-regular,arial,sans-serif;
   color:#005caa
}

/* ********** zitat-info  ********** */
.zitat-info .content {
   font-family:klavika-regular-italic,arial,sans-serif;
   font-size:16px;
   line-height:21px;
   border-top:1px solid #a4b7e0;
   padding-top:10px
}

.zitat-info .content.noborder {
   border-top:0
}

.zitat-info .content p {
   margin:0;
   display:inline
}

.zitat-info .autor {
   color:#005caa;
   font-size:14px;
   line-height:17px;
   margin-top:10px;
   display:block;
   font-family:klavika-light,arial,sans-serif
}

.zitat-info .sign {
   color:#005caa;
   font-family:klavika-bold-italic,arial,sans-serif;
   font-size:26px
}

.zitat-info .image {
   margin-bottom:15px
}

.zitat-info img {
   display:block
}

/* ********** links-intern-info ********** */
.links-intern-info {
}

.links-intern-info ul {
   font-family:klavika-light,arial,sans-serif;
   line-height:21px;
   font-size:15px;
   padding:0 10px
}

.links-intern-info .link-item {
   margin-bottom:10px;
   line-height:18px
}

.links-intern-info .link-item:last-child {
   margin-bottom:0
}

.links-intern-info .link-item:before {
   content:">";
   line-height:18px;
   color:#706f6f;
   margin-right:5px
}

.links-intern-info .link-item a {
   color:#706f6f
}

.links-intern-info .link-item a:hover {
   text-decoration:underline
}

/* ********** download-info ********** */
.download-info {
}

.download-info ul {
   font-family:klavika-light,arial,sans-serif;
   padding:0 10px;
   color:#706f6f
}

.download-info li {
   margin-bottom:10px;
   display:block
}

.download-info li:last-child {
   margin-bottom:0
}

.download-info a {
   display:inline-block;
   color:#005caa;
   font-size:16px;
   line-height:20px
}

.download-info a:hover {
   text-decoration:underline
}

.download-info .description {
   display:block;
   font-size:13px;
   line-height:16px
}

/* ********** topics-info ********** */
.topics-info .infobox {
   margin-bottom:35px
}

.topics-info li {
   display:inline-block
}

.topics-info li.active a {
   font-family:klavika-bold,arial,sans-serif
}

/* ********** news-topics-info ********** */
.news-topics .text {
   font-family:klavika-light,arial,sans-serif;
   font-size:15px;
   line-height:21px;
   color:#706f6f;
   display:block;
   padding:0 10px;
   margin-bottom:10px
}

.news-topics .topic-category {
   font-family:klavika-bold,arial,sans-serif;
   font-size:15px
}

.news-topics ul {
   float:left
}

.news-topics li {
   float:left
}

.news-topics li a {
   color:#706f6f
}

.news-topics li a:hover {
   text-decoration:underline
}

/* ********** artikel-meta ********** */
.artikel-meta .headline {
   display:block;
   font-family:klavika-medium,arial,sans-serif;
   font-size:14px;
   color:#005caa;
   line-height:15px;
   padding:0 10px
}

.artikel-meta .text {
   font-family:klavika-light,arial,sans-serif;
   font-size:15px;
   line-height:21px;
   color:#706f6f;
   margin-bottom:10px;
   display:block;
   padding:0 10px
}

.artikel-meta a.text:hover {
   text-decoration:underline
}

/* *************************************************
*** PageElements Start
************************************************* */
.teaser-start-canvas {
   width:100%
}

.teaser-start-canvas h2 {
   color:#005caa;
   font-family:klavika-bold,arial,sans-serif;
   font-size:26px;
   line-height:26px;
   border-bottom:2px solid #1961AC;
   margin-bottom:20px;
   padding-bottom:10px
}

.teaser-start {
   float:left;
   width:312px;
   height:150px;
   overflow:hidden;
   border-bottom:1px solid #a4b7e0;
   margin:0 32px 30px 0
}

.teaser-start.nomargin {
   margin:0 0 30px
}

.teaser-start a:hover h3 {
   text-decoration:underline
}

.teaser-start .image-container {
   width:137px;
   height:134px;
   overflow:hidden;
   display:table-cell;
   float:left
}

.teaser-start img {
   display:block;
   border-bottom:1px solid #a4b7e0;
   border-radius:10px 0 0 0;
   border:1px solid #bbbaba
}

.teaser-start .content {
   padding-left:15px;
   display:block;
   line-height:17px;
   font-size:12px;
   height:128px;
   overflow:hidden;
   color:#000
}

.teaser-start h3 {
   font-family:klavika-bold,arial,sans-serif;
   font-size:20px;
   margin:-3px 0 5px;
   line-height:21px
}

/* ********** FAQs ********** */
.faq {
   width:100%
}

.faq .category-locator {
   border-bottom:1px solid #A4B7E0;
   padding-bottom:15px;
   margin-bottom:15px
}

.faq .category-locator .category-link,.faq .category-locator .category-link:visited {
   color:#000;
   margin-right:5px;
   background:url(../_images/ic_breadcrumb.png) left 7px no-repeat;
   background-size:9px 36px;
   padding-left:13px;
   font-weight:400
}

.faq .category-locator .category-link:first-child {
   background:none;
   padding-left:0
}

.faq .category-locator .category-link.active,.faq .category-locator .category-link:hover {
   color:#005CAA;
   background-position:left -21px
}

.faq .category-list {
}

.faq .category-list li {
   margin-bottom:5px
}

.faq .category-list li a,.faq .category-list li a:visited {
   color:#000;
   margin-right:5px;
   background:url(../_images/ic_breadcrumb.png) left 7px no-repeat;
   background-size:9px 36px;
   padding-left:13px
}

.faq .category-list li a:hover {
   color:#005CAA;
   background-position:left -21px
}

.faq .item-list {
}

.faq .item-list li {
   display:block;
   margin-bottom:15px
}

.faq .item-list li a,.faq .item-list li a:visited {
   color:#000
}

.faq .item-list li a:hover h2 {
   text-decoration:underline
}

.faq h2.headline {
   color:#005CAA;
   font-family:klavika-medium,arial,sans-serif;
   font-size:20px
}

/* ********** FAQ-Detail ********** */
.faq .question {
   border-bottom:1px solid #A4B7E0;
   padding-bottom:15px;
   margin-bottom:15px
}

.faq p {
   margin-bottom:15px
}

#faq-slider {
   width:715px
}

.faq .faq-image-subline {
   margin-top:3px;
   display:block
}

#faq-slider .image_copyright {
   position:absolute;
   z-index:900;
   top:526px;
   left:0;
   color:#706f6f;
   padding:4px 10px;
   background-color:#dbdbdb
      /*   background:url(../_images/slider_back.png) left center repeat-x;*/
}

.pageElement-paymentform {
   width:100%
}

.form-row.disclaimer {
   padding-top:20px;
   padding-left:180px;
   font-size:12px;
   max-width:350px
}

.form-row.disclaimer a {
   color:#005CAA
}

.form-row.disclaimer a:hover {
   text-decoration:underline
}

/********* clustering **********/
.newsticker-map-date-filter-wrapper {
   float:right;
   width:auto;
   display:block;
   text-align:right;
   display:inline-block
}

.cluster-30 {
   background:url(/_images/cluster-background.png)center center no-repeat;
   background-size:30px;
   text-align:center;
   line-height:30px;
   color:#fff
}

.cluster-40 {
   background:url(/_images/cluster-background.png)center center no-repeat;
   background-size:40px;
   text-align:center;
   line-height:40px;
   color:#fff
}

.cluster-50 {
   background:url(/_images/cluster-background.png)center center no-repeat;
   background-size:50px;
   text-align:center;
   line-height:50px;
   color:#fff
}

#openstreetmap-container {
   height:600px
}

.newsticker-map-legend {
   width:100%;
   height:auto;
   overflow:hidden;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   padding-top:15px;
   margin-top:5px;
   border-top:1px solid #a4b7e0
}

.newsticker-map-legend .legend {
   float:left;
   margin-left:15px;
   padding-left:30px
}

.newsticker-map-legend .legend:first-child {
   background:url(/_libs/leaflet/images/marker-icon.png)left center no-repeat;
   background-size:contain
}

.newsticker-map-legend .legend:nth-child(2) {
   background:url(/_libs/leaflet/images/marker-grau.png)left center no-repeat;
   background-size:contain
}

.newsticker-map-legend .legend:nth-child(3) {
   background:url(/_libs/leaflet/images/marker-schwarz.png)left center no-repeat;
   background-size:contain
}

.newsticker-map-legend .legend:nth-child(4) {
   background:url(/_libs/leaflet/images/marker-dunkel-grau.png)left center no-repeat;
   background-size:contain
}

.newsticker-control-container {
   position:relative;
   width:auto;
   height:auto;
   overflow:hidden;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   border-bottom:1px solid #a4b7e0;
   margin-bottom:5px
}

.newsticker-control-container a {
   cursor:pointer;
}

.newsticker-control-container .info-container {
   color: #005caa;
   font-family: klavika-light,arial,sans-serif;
   line-height: 21px;
   font-size: 21px;
   margin-bottom: 15px;
   margin-top: 15px;
   display: block;
   height: auto;
   overflow: hidden;
   position: relative;
}

.newsticker-control-container .info-container .topic-filter {
   margin-bottom:0;
}

#newsticker-search-form {
   display:inline-block;
   float:left;
   height:auto;
   width:100%;
   max-width:300px;
   -webkit-box-sizing:border-box;
   box-sizing:border-box
}

#newsticker-search-box {
   display:block;
   max-width:250px!important;
   width:100%;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   float:left;
   display:block!important;
   padding:5px;
   box-sizing:border-box;
   border:1px solid #bcbcbb;
   height:31px;
   margin:0;
   font-family:Verdana,sans-serif;
   color:#706F6F;
   font-size:14px
}

#newsticker-legende {
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-orient:horizontal;
   -webkit-box-direction:normal;
   -ms-flex-flow:row;
   flex-flow:row;
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
   -webkit-box-align:center;
   -ms-flex-align:center;
   align-items:center;
   -ms-flex-line-pack:start;
   align-content:flex-start;
   -webkit-box-pack:start;
   -ms-flex-pack:start;
   justify-content:flex-start;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   padding-top:25px;
   padding-bottom:25px
}

#newsticker-legende .item {
   -webkit-box-flex:0;
   -ms-flex:0 0 200px;
   flex:0 0 200px;
   height:auto;
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
   -ms-flex-flow:column;
   flex-flow:column;
   overflow:hidden;
   -webkit-box-align:center;
   -ms-flex-align:center;
   align-items:center;
   -ms-flex-line-pack:center;
   align-content:center;
   -webkit-box-pack:center;
   -ms-flex-pack:center;
   justify-content:center;
   margin:20px;
   margin-top:0
}

#newsticker-legende .item .row {
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-orient:horizontal;
   -webkit-box-direction:normal;
   -ms-flex-flow:row;
   flex-flow:row;
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
   -webkit-box-align:center;
   -ms-flex-align:center;
   align-items:center;
   -ms-flex-line-pack:center;
   align-content:center;
   -webkit-box-pack:center;
   -ms-flex-pack:center;
   justify-content:center;
   width:100%;
   margin-bottom:15px
}

#newsticker-legende .item img {
   width:15px;
   height:25px
}

#newsticker-legende .item span {
   display:block;
   font-size:14px;
   text-align:left;
   font-family:klavika-regular,arial,sans-serif;
   -webkit-box-flex:0;
   -ms-flex:0 0 auto;
   flex:0 0 auto;
   -ms-flex-preferred-size:calc(100% - 45px);
   flex-basis:calc(100% - 45px);
   margin-left:20px
}

.map-content-container .row {
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-orient:horizontal;
   -webkit-box-direction:normal;
   -ms-flex-flow:row;
   flex-flow:row;
   -ms-flex-wrap:nowrap;
   flex-wrap:nowrap;
   -webkit-box-align:start;
   -ms-flex-align:start;
   align-items:flex-start;
   -ms-flex-line-pack:center;
   align-content:center;
   -webkit-box-pack:justify;
   -ms-flex-pack:justify;
   justify-content:space-between;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   margin-bottom:10px;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

.mapitem-infotext {
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

.map-content-container .row:last-child {
   margin-bottom:0
}

.map-content-container .row span:first-child {
   width:70px;
   line-height:15px
}

.map-content-container .row span.border {
   border-right:1px solid #000
}


/********** gallery ************/

.gallery-container {
   padding-top: 20px;
   padding-bottom: 15px;
   border-top: 1px solid #a4b7e0;
   height: auto;
   overflow: hidden;
}

.gallery-container .gallery-image {
   float: left;
   margin-right: 10px;
   margin-bottom:10px;
}

.gallery-container .gallery-image:nth-child(4n+4) {
   margin-right:0;
}


/********** map ************/

.map-content-container .row span:last-child {
   width:calc(100% - 80px);
   display:block;
   height:auto;
   -webkit-box-sizing:border-box;
   box-sizing:border-box
}


#map-loading-div {
   position: absolute;
   margin: 0 auto;
   left:0;
   right:0;
   height: 50px;
   width: 50px;
   top: calc(50% - 25px);
}


.pageElement-newsticker {
   position:relative;
   min-height: 600px;
}

.image-info .image-subline a {
   color: #005caa;
}

.news-detail .gallery-container .gallery-image {
   width: 100%;
   max-width: 170px;
}

.news-detail .gallery-container .gallery-image img {
   max-width:171px;
   width:100%;
   height:auto;
   display:block;
}

.image-info img {
   width: 100%;
   height: auto;
   display: block;
   max-width: 186px;
}