@import url(reset.css);
@import url(menu.css);

.corona {
	background: yellow;
    padding: 10px;
    margin-bottom: 50px;
}


/* Formulare */
.formular input { width: 100px; margin-left: 10px; border: 1px solid #000; }
.formular tr td { padding-top: 10px; }
p.error { margin-left: 10px; color: #cc0033; }
.submit { margin-top: 10px; }
.imageflow { margin-left: -50px; }
/* Allgemeine Formatierungen */
body{text-align:center;color:#355f97;background: url('../grafiken/body-hintergrund.jpg') repeat;font: 11px Arial, Helvetica, sans-serif;}
hr{width:100%;height:1px;display:block;background-color:#466385;border:0;color:#466385;}
a{text-decoration:none;color:#fff;}
a:hover{text-decoration:underline;}
a:focus{outline: 0;}
strong{font-weight:bold;}
em{font-style:italic;}
.rund{-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.r{text-align:right;}
/* Klassen */
span.active{font-weight:bold;}
/* Wrapper */
#wrapper{width:990px;position:relative;margin:0 auto;padding-top:25px;text-align:left;background: url('../grafiken/wrapper-hintergrund.gif') repeat-y;}
/* Header */
#header{width:990px;height:262px;position:relative;background: url('../grafiken/header-hintergrund.jpg') no-repeat;}
/* Content */
#content{width:700px;position:relative;margin-top:20px;}
#content p{margin-top:20px;}
#content p:first-child{margin-top:0;}
#content a{font-weight:bold;color:#4C4B4B;}
#content h1{font-size:17px;}
#content h2{display:block;margin-top:20px;font-size:15px;}
#content h3{margin-top:20px;font-weight:bold;font-size:13px;}
#content ul,#content ol{margin:10px 0 0 30px;list-style: disc;}
#content ul li{color:#4C4B4B;list-style: disc;}
#content ol li{color:#4C4B4B;list-style: decimal;}
#content .ce_gallery ul { list-style: none; margin:10px 0 0 0; padding:0;}
#content .ce_gallery ul li { list-style: none; margin:0; padding:0;}

/* Footer */
#footer{width:990px;height:42px;position:relative;margin-top:50px;padding-top:20px;text-align:center;color:#fff;background: url('../grafiken/footer-hintergrund.jpg') no-repeat;}
#sidenav{float:right;margin-right:120px;}
#sidenav ul li{display:inline;margin-right:10px;}
/* Tabellenlayout */
table.layout{width:500px;margin-top:20px;}
table.layout td{padding:5px 0;}
/* Pagination */
#content  .pagination ul, #content .pagination ul li{display:inline;}
#content .pagination ul li{margin-left:10px;}
#content .pagination ul li:first-child{margin-left:0;}

.formular input{width:100px;margin-left:10px;border:1px solid #000;}
.formular tr td{padding-top:10px;}
p.error{margin-left:10px;color:#cc0033;}
.submit{margin-top:10px;}
.imageflow{margin-left:-50px;}
button{width:100px;height:20px;display:block;margin-left:10px;}
#ergebnis_niederschlagswasser,#ergebnis_schmutzwasser{display:none;padding-top:30px;}
#berechnung-niederschlagswasser,#berechnung-schmutzwasser{position:relative;margin-top:20px;border:1px solid #11375c;}
#berechnung-niederschlagswasser td,#berechnung-schmutzwasser td{padding:10px 20px;border:1px solid #11375c;}
.ce_nonverblaster_movie{margin-top:20px;}
.eintrag{margin-top:20px;}
#eingabe-gebuehrenrechner input.eingabe{float:left;margin-left:20px;text-align:center;border:1px solid #50688c;}
#eingabe-gebuehrenrechner img{float:left;margin:0 0 0 20px;}
#eingabe-gebuehrenrechner img:hover{cursor:help;}
#eingabe-gebuehrenrechner span{width:150px;float:left;}
#eingabe-gebuehrenrechner span.info{width:350px;position:absolute;float:left;padding:2px 0 0 10px;text-align:justify;visibility:hidden;}
#ausgabe_gebuehr{margin-top:30px;}
#ausgabe_gebuehr th,#ausgabe_gebuehr tr,#ausgabe_gebuehr td{padding:5px 10px;border:1px solid #50688c;}
#ausgabe_gebuehr tr.odd{background-color:#d1e2f0;}
sup{vertical-align:top;font-size:8px;}
table{float:none;margin-bottom:25px;}

#left 
{
	right: -15px;
	margin-left: -250px;
} 
.imageflow .caption 
{
	padding-top: 45px !important;
}

 .ce_gallery>ul li .image_container
 {
 	display: inline-block;
 	max-width: 133px;
 	max-height: 100px;
 	overflow: hidden;
 }
 .ce_gallery>ul li .image_container img
 {
 	display: block;
 	height: 100px;
 	width: auto;
 	overflow: hidden;
 }

 #header ul li:last-child {
	 margin-right:0px;
 }
/*
	body { color: #355f97; background: url('../grafiken/body-hintergrund.jpg') repeat; font: 11px Arial, Helvetica, sans-serif; text-align: center; }
	strong { font-weight: bold; }
	em { font-style: italic; }
	span.active { font-weight: bold; }
	#content { float: right; width: 650px; margin: 20px 30px 0 0; }
	#content p { line-height: 16px; margin-top: 20px; width: 600px; }
	#content p:first-child { margin-top: 0; }
	#content a { color: #4C4B4B; font-weight: bold; }
	#content h1 { font-size: 17px; }
	#content h2 { display: block; margin-top: 20px; font-size: 15px; }
	#content ul, #content ol { margin: 10px 0 0 30px; list-style: disc; }
*/


/* 
	888b     d888               888 d8b                 .d88888b.                            d8b                   
	8888b   d8888               888 Y8P                d88P" "Y88b                           Y8P                   
	88888b.d88888               888                    888     888                                                 
	888Y88888P888  .d88b.   .d88888 888  8888b.        888     888 888  888  .d88b.  888d888 888  .d88b.  .d8888b  
	888 Y888P 888 d8P  Y8b d88" 888 888     "88b       888     888 888  888 d8P  Y8b 888P"   888 d8P  Y8b 88K      
	888  Y8P  888 88888888 888  888 888 .d888888       888 Y8b 888 888  888 88888888 888     888 88888888 "Y8888b. 
	888   "   888 Y8b.     Y88b 888 888 888  888       Y88b.Y8b88P Y88b 888 Y8b.     888     888 Y8b.          X88 
	888       888  "Y8888   "Y88888 888 "Y888888        "Y888888"   "Y88888  "Y8888  888     888  "Y8888   88888P' 
	                                                          Y8b
*/

.slicknav_menu {
	display:none;
}
#content #sitemap li 
{
	line-height: 16px;
}

#content #sitemap .level_1 > li > a.submenu,
#content #sitemap .level_2 > li > a.submenu
{
	margin-top: 5px;
	display: inline-block;
}


#content #sitemap .level_2 > li > a:first-child
{
	margin-top: 5px;
	display: inline-block;
}

@media only screen and (min-width: 991px) {
	.mobile
	{
		display: none;
	}
}
@media only screen and (max-width: 990px) {

	#wrapper,
	#header,
	#footer
	{
		width: 100%;
		margin: 0 auto;
	}
	#header
	{
		background: none;
		height: auto;
	}
	#content 
	{
		width: 100%;
		max-width: 92%; 
	}
	#footer 
	{
		background-size: cover;
	}
	#header ul 
	{
		z-index: 20;
		position: absolute;
		margin-top: 35px;
		padding-top: 0; 
		width: 80%;
	    margin-left: 20px;
	    padding-left: 0;
	    left: 0;
	}
	#header ul li 
	{
		margin-right: 40px;
	}
	#wrapper 
	{
		padding-top: 0;
	}
	#header-mob {
		position: relative;
		top: 0px;
		z-index: 8;
	}
	#sidenav 
	{
		margin-right: 40px;
	}
	#main 
	{
		padding-bottom: 35px;
	}
	.ce_gallery>ul li.col_first
	{
		clear: none;
	}
}


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

	#left #subnav {
		display:none;
	}
	#main .slicknav_menu {
		display:block;
		margin-top: -1px;
	}
	#content #wichtige-informationen-hilfsmittel-gebuehrenrechner-schmutzwasser p a img 
	{
		margin-left: 0 !important;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
		margin-right: 10px !important;
	}

	#wrapper,
	#header,
	#footer
	{
		width: 100%;
		margin: 0 auto;
	}
	#header
	{
		background: none;
		height: auto;
	}
	#content 
	{
		width: 100%;
		max-width: 95%;
		margin: 0 auto;
		margin-top: 25px;
	}
	#content .ce_text table
	{
		width: 100%;
		overflow-x: scroll;
	}

	#ergebnis_niederschlagswasser, #ergebnis_schmutzwasser
	{
		overflow-x: scroll;
	}
	#footer 
	{
		background-size: cover;
	}
	#header ul 
	{
		position: absolute;
		margin-top: 0;
		padding-top: 25px; 
		width: 80%;
	    margin-left: 15px;
	    padding-left: 0;
	    left: 0;
	}
	#header ul li 
	{
		margin-right: 15px;
	}
	#header-mob {
		position: relative;
		top: 0;
		z-index: 8;
	}

	#sidenav 
	{
		margin-right: 0;
		float: none;
	}
	#addresse 
	{
		max-width: 100%;
	    display: block;
	    margin: 0 auto;
	    margin-top: 30px;
	    color: #000;
	    line-height: 17px;
	    padding-left: 25px;
	    padding-right: 25px;
	    padding-bottom: 5px;
	    background: rgba(232, 232, 232, .95);
	}
}
@media only screen and (max-width: 640px) {
	.slicknav_nav 
	{
		font-size: 0.775em;
	}
	#wrapper 
	{
		padding-top: 0px;
	}
	#header ul 
	{
		position: absolute;
		margin-top: 0;
		padding-top: 0; 
		width: 95%;
		top: 25px;
	    margin-left: 10px;
	    padding-left: 0;
	    left: 0;
	}
	#header ul li
	{
		margin-right: 10px;
	}
	#header ul li a 
	{
		color: #fff;
		border-color: #fff;
	}
	#header ul li a:hover
	{
		color: #fff;
		border-color: #fff;
	}
}
@media only screen and (max-width: 600px) {

	#wissenswertes-webgalerie .ce_gallery>ul li {
	    clear: left;
	    float: left;
	}

	.slicknav_nav 
	{
		font-size: 0.775em;
	}
	#wrapper 
	{
		padding-top: 32px;
	}
	#header ul 
	{
		position: absolute;
		margin-top: 0;
		padding-top: 0; 
		width: 95%;
		top: -26px;
	    margin-left: 10px;
	    padding-left: 0;
	    left: 0;
	}
	#header ul li
	{
		margin-right: 10px;
	}
	#header ul li a 
	{
		color: #50688c;
		border-color: #50688c;
	}
	#header ul li a:hover
	{
		color: #11375c;
		border-color: #11375c;
	}
}

.slick-initialized .slick-slide {
	padding: 10px;
}

.slick-slide img {
  max-height: 250px;
  width: auto;
  margin: 0 auto;
}

.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 0px;
    height: 0px;
    padding: 3px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;

    border: 2px solid #355f97;
    border-radius: 50%;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
    background: #355f97;
}
.slick-dots li.slick-active button
{
    background: #355f97;
}