body{
   background: #ffffff url("/fileadmin/bilder/layout/bg_body.jpg") repeat-x scroll 0 0;
   font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

body, .htmlarea-content-body {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-weight: 500;
    line-height: 1.1;
}

h1, .h1, h2, .h2  {
    font-size: 24px;
    color: #0076bd;
}


h3, .h3 {
    font-size: 20px;
}

h4, .h4 {
    font-size: 17px;
}

h5, .h5 {
    font-size: 15px;
}

a {
    color: #0076bd;
    text-decoration: underline;
}

.row{
   margin :0;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar.navbar-default .container {
    background-color: #fff;
}

#logo_header{
    margin-bottom: 20px;
}


#Language{
    clear: both;
    padding-top: 20px;
    width: 100%;
}

.lang_img{
    float: left;
    padding-right: 10px;
}

#print img {
    padding-top: 4px;
}

img.responsive{
    max-width:100%;
    margin-bottom: 20px;
}


#MetaNavi {
    background: #0076bd none repeat scroll 0 0;
    height: 23px;
    left: -20px;
    margin: 0;
    opacity: 0.75;
    padding: 0;
    position: relative;
    top: -3px;
    width: 315px;
}
#MetaNavi ul {
    margin: 0;
    padding: 0;
}
#MetaNavi ul li {
    border-right: 1px solid #ffffff;
    float: left;
    height: 15px;
    list-style: outside none none;
    margin-top: 4px;
}
#MetaNavi ul li.last {
    border-right: 0 none;
}
#MetaNavi ul li a, #MetaNavi ul li a:link, #MetaNavi ul li a:visited {
    color: #ffffff;
    display: block;
    font-size: 11px;
    line-height: 15px;
    padding: 0 11px;
    text-decoration: none;
}
#MetaNavi ul li a:hover {
    text-decoration: underline;
}
.navbar-main > li:last-child > a {
    border-right: 0 none;
}

#Suche {
    clear: both;
    padding-top: 20px;
    margin-bottom: 20px;
    width: 240px;
}


input.suche {
    background: #ffffff url("/fileadmin/bilder/layout/bg_suche.gif") no-repeat scroll 0 4px;
    border: 0 none;
    height: 28px;
    padding: 2px 0 0 30px;
    width: 200px;
}


input.searchButton {
    background: #ffffff url("/fileadmin/bilder/layout/submit_button.gif") no-repeat scroll 0 4px;
    border: 0 none;
    cursor: pointer;
    height: 20px;
    margin: -2px 0 -3px -3px;
    width: 16px;
}

img.themeheader{
    max-width:100%;
}

.col-md-9.headerpart{
    float: right;
    padding-right: 3px;
    width: 74%;
}

.flexslider {
    background: #fff none repeat scroll 0 0;
    border: 0px solid #fff;
    border-radius: 4px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
    margin: 0;
    position: relative;
}

.flex-control-nav {
    display:none;
}
.container{
    padding-left:3px;
}

.container.topheader{
    padding:0 3px 0 3px;
    margin-bottom: 0px;
}

.container.headernav .navbar-collapse, ul.nav.navbar-nav.navbar-main{
    padding: 0;
    background: rgba(0, 0, 0, 0) url("/fileadmin/bilder/layout/bg_main_navi_colum.jpg") repeat-x scroll 0 0;
}


.navbar-default .navbar-nav > li > a {
    color: #0F0F0F;
}

.navbar-default .navbar-nav li:hover, .navbar-default .navbar-nav li.active {
    color: #0F0F0F;
    background: rgba(0, 0, 0, 0) url("/fileadmin/bilder/layout/bg_main_navi_sport.jpg") repeat-x scroll 0 0;
}

ul.nav.nav-sidebar li ul li {
    padding-left:10px;
}

.navbar-main {
    float: left;
}

.navbar-brand {
    height: 114px !important;
}

.navbar > .container .navbar-brand{
   margin-left: -0;
}



.navbar-brand-image > img {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    max-height: 100%;
    width: auto;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-top: 0px;
}

.navbar-collapse {
    padding-left: 0;
}


ul.nav.navbar-nav.navbar-main {
    width: 100%;
}

.navbar-main > li{
    background: transparent url("/fileadmin/bilder/layout/arrow_freizeit_gruen14x.jpg") no-repeat scroll 15px 23px;
    height: 50px;
    padding: 5px 0 5px 30px;
    width: 16.6667%;
}

.navbar-main ul > li > ul > li {
    background: #efefef none;
}

.navbar-default .navbar-nav .dropdown-menu li:hover, .navbar-default .navbar-nav .dropdown-menu li.active {
    background: #efefef none;
    text-decoration: none;
}

.navbar-default .navbar-nav li:hover, .navbar-default .navbar-nav li.active {
    background: rgba(0, 0, 0, 0) url("/fileadmin/bilder/layout/bg_main_navi_sport.jpg") repeat-x scroll 0 0;
    color: #0f0f0f;
}

.navbar-default .navbar-nav li.thema1:hover, .navbar-default .navbar-nav li.active.thema1  {
    background: rgba(0, 0, 0, 0) url("/fileadmin/bilder/layout/bg_main_navi_fluesse_seen.jpg") repeat-x scroll 0 0;
    color: #0f0f0f;
}

.navbar-default .navbar-nav li.thema2:hover, .navbar-default .navbar-nav li.active.thema2  {
    background: rgba(0, 0, 0, 0) url("/fileadmin/bilder/layout/bg_main_navi_abwasser.jpg") repeat-x scroll 0 0;
    color: #0f0f0f;
}

.navbar-default .navbar-nav li.thema3:hover, .navbar-default .navbar-nav li.active.thema3  {
    background: rgba(0, 0, 0, 0) url("/fileadmin/bilder/layout/bg_main_navi_wissen.jpg") repeat-x scroll 0 0;
    color: #0f0f0f;
}

.navbar-default .navbar-nav li.thema4:hover, .navbar-default .navbar-nav li.active.thema4  {
    background: rgba(0, 0, 0, 0) url("/fileadmin/bilder/layout/bg_main_navi_sport.jpg") repeat-x scroll 0 0;
    color: #0f0f0f;
}

.navbar-default .navbar-nav li.thema5:hover, .navbar-default .navbar-nav li.active.thema5 {
    background: rgba(0, 0, 0, 0) url("/fileadmin/bilder/layout/bg_main_navi_presse.jpg") repeat-x scroll 0 0;
    color: #0f0f0f;
}

.navbar-main > li.thema1 {
    background-image: url("/fileadmin/bilder/layout/arrow_fluesse_seen_hellblau18x14.jpg");
}

.navbar-main > li.thema2 {
    background-image: url("/fileadmin/bilder/layout/arrow_abwasser_blaux18x14.jpg");
}

.navbar-main > li.thema3 {
    background-image: url("/fileadmin/bilder/layout/arrow_wissen_orange18x14.jpg");
}

.navbar-main > li.thema4 {
    background-image: url("/fileadmin/bilder/layout/arrow_freizeit_gruen14x.jpg");
}

.navbar-main > li.thema5 {
    background-image: url("/fileadmin/bilder/layout/arrow_presse_lila18x14.jpg");
}

.navbar-main > li.thema6 {
    background-image: url("/fileadmin/bilder/layout/arrow_ueberuns_rot18x14.jpg");
}

.navbar-default .navbar-nav li.thema6:hover, .navbar-default .navbar-nav li.active.thema6  {
    background: rgba(0, 0, 0, 0) url("/fileadmin/bilder/layout/bg_main_navi_ueber_uns.jpg") repeat-x scroll 0 0;
    color: #0f0f0f;
}


.navbar-main > li > a {
    line-height: 30px;
    padding: 9px 0 3px 10px;
    border-right: 1px solid #efefef;
    margin-bottom:5px;
}

.navbar-main > li > a {
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    text-decoration: none;
}

.navbar-main > li > a .bar {
    background: transparent none repeat scroll 0 0;
}

ul.dropdown-menu {
    background: #f5f4f4 url("/fileadmin/bilder/layout/bg_pulldown_menue.gif") no-repeat scroll center bottom;
}

.dropdown-menu > li > a {
    padding: 3px 15px;
}

.dropdown-menu {
    font-size: 11px;
    color: yellow;
}

ul.dropdown-menu-3level{
    display:none;
    list-style: outside none none;
    padding: 10px;
    text-decoration: none;
    width: 200px;
}

ul.dropdown-menu li:hover ul.dropdown-menu-3level {
    display:block;
    margin-top: -30px;
    left: 110px;
    position: absolute;
}

ul.dropdown-menu-3level li {
    padding: 6px;
    line-height: 11px;
}

ul.dropdown-menu-3level li a{
    color: #111;
    text-decoration: none;
    padding: 5px;
}

.meta-section, .footer-section-meta {
    background-color: #0076bc;
    border-top: 1px solid #0076bc;
    color: #ffffff;
    padding: 4px 0 3px 0;
    text-align: center;
    margin: 0 auto;
    max-width: 1179px;
}

.footer-section-meta a{
   color: #efefef;
   font-weight: bold;
}
 .footer-section-meta p{
  font-size: .9em;
 }

.meta-section p{
    float: right;
    font-size: 0.9em;
    margin-bottom: 0;
    margin-top: -20px;
}

.meta-section p span{
    padding-left:15px;
}

.frame-small.default.copyright{
   padding-top:0;
   padding-bottom:0;
}

.frame {
    padding-top: 1em;
    padding-bottom: 1em;
}

ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;
    margin-top:0px;
}

.breadcrumb-section {
    background-color: #fff;
    border-bottom: 3px solid #99cc33;
}

.breadcrumb-section .container {
    padding-left: 0;
}

.breadcrumb {
    background-color: #fff;
}

.breadcrumb-section .breadcrumb {
    padding: 5px 0;
}

.breadcrumb a {
    color: #000;
    text-decoration: none;
}

.breadcrumb > li::before, .breadcrumb > li + li::before {
    color: #99cc33;
    font-weight: bold;
    content: "»";
    padding: 0 5px;
    font-size: 1.2em;
}

.breadcrumb > .active {
    color: #000;
}


.nav.nav-sidebar {
    font-size: 13px;
}

.nav.nav-sidebar > li {
    background: rgba(0, 0, 0, 0) url("/fileadmin/bilder/layout/navi_pfeil_ebene_1_hell_blau.gif") no-repeat scroll 0 13px;
    border-bottom: 1px solid #fff;
}

.nav.nav-sidebar li a{
    border: none;
    text-decoration: none;
    color: #000;
}

.nav.nav-sidebar ul {
    border: 0 none;
}

.nav.nav-sidebar li a:active, .nav.nav-sidebar li a:hover, .nav.nav-sidebar li a:focus {
    background-color: transparent;
    color: #22bbea;
    outline: 0 none;
    text-decoration: none;
    z-index: 1;
}

.nav.nav-sidebar li.active > a {
    color: #22bbea;
}



.fluesse-seen .nav.nav-sidebar > li {
    background: rgba(0, 0, 0, 0) url("/fileadmin/bilder/layout/navi_pfeil_fluesse_seen_transparent.gif") no-repeat scroll 0 13px;
}

.fluesse-seen .nav.nav-sidebar li.active > a, .fluesse-seen .nav.nav-sidebar li a:active, .fluesse-seen .nav.nav-sidebar li a:hover, .fluesse-seen .nav.nav-sidebar li a:focus {
    color: #22bbea;
}

.abwasser .nav.nav-sidebar > li {
    background: rgba(0, 0, 0, 0) url("/fileadmin/bilder/layout/navi_pfeil_abwasser_transparent.gif") no-repeat scroll 0 13px;
}

.abwasser .nav.nav-sidebar li a:active, .abwasser .nav.nav-sidebar li a:hover, .abwasser .nav.nav-sidebar li a:focus, .abwasser .nav.nav-sidebar li.active > a {
    color: #0076bd;
}

.wissen .nav.nav-sidebar > li {
    background: rgba(0, 0, 0, 0) url("/fileadmin/bilder/layout/navi_pfeil_wissen_transparent.gif") no-repeat scroll 0 13px;
}

.wissen .nav.nav-sidebar li a:active, .wissen .nav.nav-sidebar li a:hover, .wissen .nav.nav-sidebar li a:focus, .wissen .nav.nav-sidebar li.active > a {
    color: #ff9900;
}

.sportfreizeit .nav.nav-sidebar > li {
    background: rgba(0, 0, 0, 0) url("/fileadmin/bilder/layout/navi_pfeil_sport_transparent.gif") no-repeat scroll 0 13px;
}

.sportfreizeit .nav.nav-sidebar li a:active, .sportfreizeit .nav.nav-sidebar li a:hover, .sportfreizeit .nav.nav-sidebar li a:focus, .sportfreizeit .nav.nav-sidebar li.active > a {
    color: #99cc33;
}

.presse .nav.nav-sidebar > li {
    background: rgba(0, 0, 0, 0) url("/fileadmin/bilder/layout/navi_pfeil_presse_transparent.gif") no-repeat scroll 0 13px;
}

.presse .nav.nav-sidebar li a:active, .presse .nav.nav-sidebar li a:hover, .presse .nav.nav-sidebar li a:focus, .presse .nav.nav-sidebar li.active > a {
    color: #660066;
}

.ueberuns .nav.nav-sidebar > li {
    background: rgba(0, 0, 0, 0) url("/fileadmin/bilder/layout/navi_pfeil_ueber_uns_transparent.gif") no-repeat scroll 0 13px;
}

.ueberuns .nav.nav-sidebar li a:active, .ueberuns .nav.nav-sidebar li a:hover, .ueberuns .nav.nav-sidebar li a:focus, .ueberuns .nav.nav-sidebar li.active > a {
    color: #ff3300;
}


.nav.nav-sidebar > li > ul::before {
    width: 0;
}

.nav.nav-sidebar ul ul li a, .nav.nav-sidebar ul ul li a:link, .nav.nav-sidebar ul ul li a:visited {
   padding-left: 20px;
    background: #dddee0 url("../images/navi_pfeil_ebene_2_hell_blau.gif") no-repeat scroll 18px 8px;
}

.nav.nav-sidebar ul  li  ul > li::before{
    color: #99cc33;
    content: ">";

}

.nav.nav-sidebar ul li ul li a, .nav.nav-sidebar ul li ul li a:link, .nav.nav-sidebar ul li ul li a:visited {
    padding-left: 20px;
    background: #dddee0 url("../images/navi_pfeil_ebene_2_hell_blau.gif") no-repeat scroll 18px 8px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #333;
    color: #fff;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #333;
    color: #fff;
}

.dropdown-menu > li > a{
    text-decoration: none;
}



.fluesse_seen .breadcrumb > li::before, .fluesse-seen .breadcrumb > li + li::before {
    color: #22bbea;
}

.fluesse_seen .breadcrumb-section {
    border-bottom: 3px solid #22bbea;
}

.abwasser .breadcrumb > li::before, .abwasser .breadcrumb > li + li::before {
    color: #0076bd;
}

.abwasser .breadcrumb-section {
    border-bottom: 3px solid #0076bd;
}

.wissen .breadcrumb > li::before, .wissen .breadcrumb > li + li::before {
    color: #ff9900;
}

.wissen .breadcrumb-section {
    border-bottom: 3px solid #ff9900;
}

.sportfreizeit .breadcrumb > li::before, .sportfreizeit .breadcrumb > li + li::before {
    color: #99cc33;
}

.sportfreizeit .breadcrumb-section {
    border-bottom: 3px solid #99cc33;
}

.presse .breadcrumb > li::before, .presse .breadcrumb > li + li::before {
    color: #660066;
}

.presse .breadcrumb-section {
    border-bottom: 3px solid #660066;
}

.ueberuns .breadcrumb > li::before, .ueberuns .breadcrumb > li + li::before {
    color: #ff3300;
}

.ueberuns .breadcrumb-section {
    border-bottom: 3px solid #ff3300;
}


.col-md-10.dubblecol {
    background-color: #fff;
}

.mid3col, .mid2col{
    background-color: #dddee0;
    border-top: 4px solid #fff;
    border-right:3px solid #fff;
}

.leftcol.home {
    margin-top: 6px;
}

.leftcol.home .image-wrap{
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 5px;
}

.leftcol.home .image-left {
    margin-left: -15px;
}

.leftcol.home .image{
    margin-bottom: 0;
}

.col-md-10.dubblecol .leftcol h1.first-headline {
    margin-top: 10px;
    margin-bottom: 10px;
}

.welcome {
    border-bottom: 4px solid #0076bd;
    padding-bottom: 1em;
}

.welcome h2 {
    margin-left: 13px;
    margin-bottom: -1em;
}

.section {
    padding-top: 0em;
    padding-bottom: 2em;
}

.leftcol.home .col-md-10{
    width: 95.333333%;
}

.leftcol.home .col-md-10.col-xs-12 {
    margin-left: -3em;
    padding-right: 1px;
}
.leftcol.home .col-md-2.col-xs-12 {
    margin-left: -3em;
    margin-top: 4px;
}

.midcol.home{
    padding-left: 5px;
    margin-top: 45px;
}
.midcol.home .col-md-10, .midcol.home .col-md-2{
    padding-left: 0px;
    padding-right: 0px;
}
.col-md-8.leftcol.home{
    padding-right: 0px;
    padding-left: 0;
}

.midcol .frame {
    padding-top: .5em;
    padding-bottom: .5em;
}

.midcol.home h2{
    font-size: 1em;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 6px;
}
.midcol.home p{
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.4em;
}

.midcol.home img{
   margin-top: 4px;
   max-width: 15px;
}

.midcol.home img.home_en {
    margin: -35px 0 0 10px;

    max-width: 100%;
}

.midcol.home .image-wrap {
    padding-left: 15px;
    padding-right: 5px;
    margin-top: 10px;
}

.rightcol .image{
    margin-bottom:4px;
}


.col-md-10.dubblecol .container{
    border-bottom: 4px solid #0076bd;
    width:100%;
    padding-left:20px;
}

.col-md-10.dubblecol h1.first-headline{
    font-size: 18px;
    color: #0076bd;
    margin-left: -5px;
}


.col-md-10.dubblecol .leftcol h1.first-headline{
   font-size: 23px;
    font-weight: bold;
    margin-left: 0;
    color: #333;
}


.breadcrumb-section .container {
    max-width: 100%;
    font-size: 0.9em;
}

.col-md-3.leftcol,.col-md-3.rightcol, .col-md-2.leftcol,.col-md-2.rightcol  {
    background-color: #dddee0;
}

.contentcol, maincontent-wrap{
    background-color: #fff;
    min-height: 500px;
}

.col-md-3.headerpart{
    min-height: 150px;
}

.col-md-2.rightcol{
    min-height: 4px;
    padding-left: 5px;
    padding-right: 2px;
    position: relative;
    margin-bottom:5px;
}

.col-md-2.rightcol .text{
    margin-top:10px;
}
div.col-md-2.rightcol p, div.col-md-3.rightcol p {
    font-size: 0.8em;
    line-height: 1.3em;
    margin-left: 9px;
}

div.col-md-2.rightcol img, div.col-md-3.rightcol img {
    margin: 6px 2% 1px 9px;
    max-width: 90%;
}


.csc-form-element.csc-form-element-textblock {
    margin-bottom: 1em;
}

div.col-md-2.rightcol h1, div.col-md-3.rightcol h1,div.col-md-2.rightcol h2, div.col-md-3.rightcol h2{
    background: #0076bd none repeat scroll 0 0;
    color: #ffffff;
    font-size: 0.8em;
    font-weight: bold;
    min-height: 2.1em;
    margin: 0 0 6px 0;
    padding: 9px;
    width: 98%;
}

.invisible{
	height:1px;
}

footer {
    margin-top: 4px;
}

.section.footer-section.footer-section-content, .frame.frame-small.default.meta, .frame.frame-small.default.language{
    display:none;
}


#Klaeranlagendetails .anlagenbild {
    float: right;
    width: 40%;
}

.klaeranlagen_liste {
    float: left;
    width: 30%;
    padding-bottom: 20px;
}


.meta-section span.footercontact{
    font-size: 12px;
    text-align: center;
}


p {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}


#tlz-lagebericht h2, .h2{
    margin-bottom: 12px;
    margin-top: 5px;
    color: #0076bd;
}

#tlz-lagebericht .col-md-2 {
    padding-left: 0;
}

#tlz-lagebericht h1 {
    margin-bottom: 22px;
}

#tlz-lagebericht .col-md-9{
    margin-bottom: 15px;
}


/*Extension TLZ Daten anzeigen*/

.hochwasser-tab{
    display:block;
}
.mobilhochwasser{
    margin-top:15px;
    display:none;
}

table {
    background: #efefef none repeat scroll 0 0;
    border-collapse: separate;
    border-spacing: 1px;
    margin-bottom: 10px;
}

table th {
    background: #0076bd none repeat scroll 0 0;
    color: #fff;
    font-weight: normal;
    padding: 6px;
}
th {
    text-align: left;
}

table td {
    background: #fff none repeat scroll 0 0;
    padding: 6px;
}

dl.tabmobilview{
    float:left;
    min-width:280px;
}

dl.tabmobilview dt{
    min-width:130px;
    float:left;
}


dl.legend dd, dl.legend dt {
    font-size: 12px;
    padding: 3px;
}
dl.legend dt {
    float: left;
    width: 44px;
}

dl.legend .status {
    border-radius: 7px;
    border-width: 7px;
}
.status.status-g {
    border-color: #0c0;
}

.status.status-r {
    border-color: #f00;
}

.status.status-o {
    border-color: #ccc;
}


.status {
    border: 8px solid #000;
    border-radius: 8px;
    display: inline-block;
    margin-left: 5px;
}


/*TLZ Online-Daten*/

picture img{
    max-width: 100%;
    height: auto;
}

.graph{
    margin-bottom:1em;
}

/* tx_news Anpassungen*/

.news .article h3 {
    font-size: 20px;
    color: #0076bd;
}

.news .footer span.news-list-category{
   display:none;
}

.article h3 {
    font-size: 1.1em;
}

#socialmediablock {
    float: right;
    height: 40px;
    margin-top: -40px;
    width: 190px;
    margin-right: -35px;
}

.backendlayout-pagets__special_start #socialmediablock{
    margin-top: 0;
}

#socialmediablock img {
    margin: 3px;
}

.thumbnail .caption {
    hyphens: auto;
}
.caption{
	word-break: normal;
}



/*Webcam*/
.webcam h1{
	background-color: #0076bc;
	color: #fff;
	font-size: 1.2em;
	padding: 3px 3px 3px 6px;
	margin-right:.9em;
}
.webcam-box{
	float: left;
	width: 50%;
	padding-right:1em;
}

.webcam h3, .h3 {
  margin-bottom: 3px;
  margin-top: 3px;
  font-size: 1.0em;
}

img.webcam_max, .webcam_image img{
	width: 100%;
	margin-bottom: 1em;
}

.webcam_title,.webcam_image{
	border: 1px solid #efefef;
	padding:.3em;
}

.gallery-row {
    max-width: 295px;
    float: right;
}

.start .gallery-row {
    max-width: 595px;
    float: right;
}
/*
* spezielles Style zur Bilder-Darstellung in voller Breite als Workaround, da alle Bilder immer in rechter Splate mit Breite 295px platziert werden
*/
.frame-well {
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.frame-well .gallery-row {
    max-width: 100%;
    float: none;
}

/*Proportionale Darstellung bei Vergrößerung der Bilder ind der Lightbox z.B. in News-Artikel*/
.pswp__img {
    max-width: 600px !important;
    height: auto !important;
}

/*
*	Panoramen
*
*/

#panoStudioViewerID{
   position: absolute;
   left: 0px;
   top: 380px;
   width: 100%;
   height: 100%;
   outline: 0px solid rgba(0, 0, 0, 0);
   clear:both;
}


/*OpenStreetMap Karte*/
.ol-attribution.ol-unselectable.ol-control.ol-uncollapsible button, .ol-rotate.ol-unselectable.ol-control.ol-hidden{
   display:none;
}
.ol-attribution.ol-unselectable.ol-control.ol-uncollapsible ul{
   list-style:none;
}

.ol-attribution.ol-unselectable.ol-control.ol-uncollapsible ul li {

    float: right;

}


/* Integration umantis Stellenportal*/

iframe.jobframe{
   width: 100%;
}


.karriereframe{
   background-color: #fff;
   padding: 2em;
}



/*Mediaqueries*/

/* CSS-Regeln für alle Ausgabegeräte */
@media print {
    main.col-md-7.contentcol, .col-md-2.rightcol{
        width:90%;
    }
    .footer-inner{
        padding:0;
        width:90%;
    }

    #socialmediablock{
        display:none;
    }

    a[href]::after {
        content: "";
    }
	
	.panel-collapse {
        height: auto !important;
        display: block;
    }
}


@media only screen and (max-width: 1200px) {

    .col-md-9.headerpart {
        width: 69%;
    }

    .navbar-brand {
        padding: 16px 15px 5px 15px;
    }

    .navbar-main > li{
        padding: 5px 0 5px 30px;
        width: 16.6667%;
    }

    #Language{
        padding-top: 3px;
    }

    #Suche{
        width: 240px;
        margin-bottom: 8px;
        padding-top: 8px;
    }

    #MetaNavi {
        width: 312px;
        top:-1px;
    }

    #socialmediablock {
        width: 160px;
        margin-right: -25px;
    }
/*
*	Panoramen
*
*/

#panoStudioViewerID{
   top: 320px;
}	

}

@media only screen and (max-width: 1024px) {
    #MetaNavi {
        width: 360px;
    }
    #MetaNavi ul li a, #MetaNavi ul li a:link, #MetaNavi ul li a:visited {
        -webkit-text-size-adjust: none;
        padding: 0 8px;
    }

    .navbar-main > li > a {
        font-size: 15px;
    }
}

@media only screen and (min-width: 992px) {
  .navbar-brand-image > img {
    max-height: 100% !important;
    width: auto;
  }
}


@media only screen and (max-width: 995px) {

    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-left: 0;
        margin-right: 0;
    }


    .navbar-collapse {
        padding-left: 15px;
    }

    ul.dropdown-menu {
        background: #fff none;
        margin-left: 100px;
    }

    .dropdown-menu-3level > li{
        margin-left: 20px;
        background: #efefef none;
    }

    .navbar-main > li {
        background: transparent none no-repeat scroll 32px 14px;
        width: 95%;
        height: auto;
        padding: 5px 0 5px 50px;
    }

    .navbar-main > li > a {
        line-height: 50px;
        padding: 10px 35px 15px 0;
    }

    .navbar-main > li > a {
        line-height: 10px;
    }

    .navbar-main > li.dropdown > a {
        padding-left: 10px;
    }

    .meta-section p {
        float: none;
        font-size: 0.8em;
        margin-top: 5px;
    }

    .col-md-9.headerpart {
        width: 100%;
        margin-top:6px
    }

    #Suche {
        clear: none;
        float: left;
        width: 240px;
    }

    #Language {
        clear: none;
        float: left;
        width: 200px;
    }

    #MetaNavi {
        left: 0;
        padding-bottom: 5px;
        clear:both;
        width: 360px;
    }
    #MetaNavi ul li a, #MetaNavi ul li a:link, #MetaNavi ul li a:visited {
        -webkit-text-size-adjust: none;
        padding: 0 8px;
    }



    .col-md-10.dubblecol .leftcol h1.first-headline {
        margin-left: 20px;
    }

    .leftcol.home .image-left {
        margin-left: 0;
    }

    .midcol.home h2 {
        margin-left: 20px;
    }

    .image-beside-right .image-wrap, .image-beside-left .image-wrap {
        float: left;
        margin-left: -15px;
        margin-right: -15px;
        max-width: none;
    }
/*
*	Panoramen
*
*/

   #panoStudioViewerID{
      top: 510px;
   }	

}

@media only screen and (max-width: 990px) {

    #socialmediablock {
        float: none;
        height: 30px;
        margin-left: 5px;
        margin-top: 3px;
        width: 160px;
    }

}

@media only screen and (max-width: 568px) {
    .hochwasser-tab{
        display:none;
    }
    .mobilhochwasser{
        display:block;
    }
    #MetaNavi {
        width: 340px
    }
    #MetaNavi ul li a, #MetaNavi ul li a:link, #MetaNavi ul li a:visited {
        -webkit-text-size-adjust: none;
        padding: 0 8px;
    }
    .flex-direction-nav a {
        height: 20px;
        text-shadow: none;
        top: 50%;
        width: 15px;
    }
    .flex-direction-nav a::before {
        font-size: 20px;
    }
	.webcam-box{
    	float: left;
    	width: 100%;
    	padding-right:1em;
    }	

}

@media only screen and (max-width: 360px) {
    .col-md-10.dubblecol .leftcol h1.first-headline {
        font-size: 14px;
    }
    #MetaNavi ul li a, #MetaNavi ul li a:link, #MetaNavi ul li a:visited {
        -webkit-text-size-adjust: none;
        padding: 0 6px;
    }
}