/***** RESETS s *****/

body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea { margin: 0; padding: 0; }
table { border-spacing: 0; border-collapse: collapse; }
caption,th,td { text-align: left; text-align: start; vertical-align: top; }
abbr,acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor: help; }
blockquote,q { quotes: none; }
fieldset,img { border: 0; }
ul { list-style-type: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
hr {   border-bottom: 1px dotted #b8baba; border-top: 0;}
html { overflow-y: scroll; }
body { font: normal 100%/1 Arial, Helvetica, sans-serif; color: #505050; background: #f2f2f2 url('../pics/bg.gif'); position: relative; }
input, button, textarea, select { font-family: inherit; font-size: 1em; font-weight: inherit; }
pre, code { font-family: Monaco,monospace; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
table { font-size: inherit; }
img, object, embed, video { max-width: 100%; height: auto}
header, footer, nav, section, aside, article, figure, figcaption { display: block; }
a img { outline: none; }

.invisible { width: 0px; height: 0px; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; }
.clr,.clrfix { clear: both; }
.clrfix:after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; }


/***** GLOBALS *****/

b, strong { font-weight: bold; }
i, em { font-style: italic; }
.imgwave { position: absolute; z-index: 99; bottom: 0; right: 0; background-repeat: no-repeat; background-position: right bottom; background-size: 100% 100%; }

.underline {
        text-decoration: underline
}

.line-through {
        text-decoration: line-through
}

/* Container */
#wrapper { position: relative; max-width: 1000px; margin: 0 auto; padding: 0 35px; -webkit-box-shadow: 0 0 15px #999; -moz-box-shadow: 0 0 15px #999; box-shadow: 0 0 15px #999; background: #fff; }
#header { font-size: 0.75em; }
#main { padding: 1em 0; font-size: 0.9em; line-height: 1.5em; min-height: 400px; height: auto !important; height: 400px; }
#bottom { line-height: 1.5em; padding: 0 0 2em; }
#footer { line-height: 1.5em; padding: 0.5em 0 1em; border-top: 2px solid #8b8b8f; font-size: 0.75em; }

/* Text */
h1, #content h2 { font-size: 1.15em; margin: 0 0 1em; font-weight: bold; }
#content h2 {margin-bottom: 0;  margin-bottom: 5px;}
a { color: #3ba9cf; text-decoration: none; -webkit-transition: color 0.3s ease, background-color 0.3s ease; -moz-transition: color 0.3s ease, background-color 0.3s ease; -o-transition: color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease; }
a:hover { color: #505050; text-decoration: none; }
p { margin: 0 0 1.5em; }
p + h2, p + h3 { margin-top: 2em; }

/* Forms */
.submit { width: 100%; cursor: pointer; background: #0086b9; color: #fff; border: 1px solid #0086b9; line-height: 1.6em; height: 2em; padding: 0.2em 0; }
input[type="radio"], input[type="checkbox"], label { vertical-align: middle; }
input[type="radio"] + label, input[type="checkbox"] +label { margin-left: 5px; }

/* Colors (Kitafinder) */
span.gruen { color: #009933; font-weight: bold; }
span.rot { color: #ff3333; font-weight: bold; }
span.gelb { color: #1b5a9d; font-weight: bold; }


/***** HEADER *****/

#header .logo { display: block; float: left; padding: 10px 0; width: 75%; }
#header .logo img {max-width: 100%;  width: auto;  height: auto; }
#header .flright { float: right; font-size: 0.9em; padding: 10px 0 0; width: 25%; text-align: right; }
#header .flright.topnav { width: 50%;}
#header .flleft { float: left; font-size: 1em; padding: 10px 0 0; width: 50%; text-align: left; position: relative;}
#header .flleft a {color: #0085bc; font-weight: bold;   background: url(../pics/arrow-right.png) no-repeat right 2px; padding-right: 13px;  background-size: 7px;}
#header .flleft a span { color: #919191;}
#header .flleft .loginbox {
	position: absolute;
	top: 0;
	left: -35px;
	background-color: #1c9c2c;
	color: #fff;
	-webkit-box-shadow: 0 0 15px #999;
	-moz-box-shadow: 0 0 15px #999;
	box-shadow: 0 0 15px #999;
	padding: 10px 30px 20px 40px;
	border-radius: 0 0 5px 5px;
	display: none;
}

#header .flleft .loginbox fieldset {
	padding-top: 15px;
}

#header .flleft .loginbox legend {
	  font-size: 1.2em;
	font-weight: bold;
	  line-height: .8em;
}

#header .flleft .loginbox legend a {
	background: url(../pics/close.png) no-repeat top left;
	padding: 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 10px;

}

#header .flleft .loginbox input.text {
	border: none;
	background: #fff;
	padding: .5em;
	margin-right: 2em;
	overflow: hidden;
}

#header .flleft .loginbox input.subt {
	background-color: transparent;
	border: none;
	overflow: hidden;
	background: url(../pics/arrow-right-white.png) no-repeat center center;
	width: 25px;
	height: 25px;
	text-indent: -2000px;
	cursor: pointer;

}


#header .flright ul, #header .flright form, #header .fontsizer { float: right; }
#header a { color: #505050; }
#header a:hover { text-decoration: underline; }

#header ul { list-style: none; }
#header ul li { display: inline-block; float: left; }
#header ul li a { display: block; }

#topnav, #langfont { padding: 0 0 10px; height: 20px; }
#langfont { display: none;}
#langfont .fontsizer { padding-left: 1em; }
#langfont a { padding-left: 0.75em; }
#langfont a.fsSmall { font-size: smaller; }
#langfont a.fsReset { font-size: 1.15em; }
#langfont a.fsBig { font-size: 1.4em; }

#langfont ul.menu { padding-top: 0.2em; }
#header ul.menu li a { border-left: 1px solid #000; padding: 0 0.75em; }
#header ul.menu li:first-child a  { border-left: 0; }
#header ul.menu li:last-child a  { padding-right: 0; }
#header ul.menu li a.active  { text-decoration: underline; }

#searchbox { margin-top: 40px; }

#header #searchbox form { width: 100%; float: left; }
#searchbox input[type=text] { color: #0085bc; font-size: 1.1em; height: 1.6em; width: 70%; vertical-align: middle; }
input::-webkit-input-placeholder {
   color: #0085bc;
}

input:-moz-placeholder { /* Firefox 18- */
   color: #0085bc;
}

input::-moz-placeholder {  /* Firefox 19+ */
   color: #0085bc;
}

input:-ms-input-placeholder {
   color: #0085bc;
}

.invert input::-webkit-input-placeholder,
.not-filled  input::-webkit-input-placeholder {
   color: #919191;
}

.invert input:-moz-placeholder,
.not-filled input:-moz-placeholder { /* Firefox 18- */
   color: #919191;
}

.invert input::-moz-placeholder,
.not-filled input::-moz-placeholder {  /* Firefox 19+ */
   color: #919191;
}

.invert input:-ms-input-placeholder,
.not-filled input:-ms-input-placeholder {
   color: #919191;
}

#searchbox input[type=image] { width: 2em; height: 2em; border: 0; vertical-align: middle; margin-left: 10px;}

#mainnav { /* border-bottom: 2px solid #8b8b8f; */ margin-top: 18px;}
#mainnav ul { display: block; }
#mainnav a:hover { text-decoration: none; }
#mainnav > ul > li { position: relative; width: 24.625%; margin-left: 0.5%; }
#mainnav > ul > li:first-child { margin-left: 0; }
#mainnav > ul > li > a { color:#fff; font-size: 1.5em; background: #0084bb; padding: 0.667em 0; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; white-space: nowrap; overflow: hidden; }
#top #header #mainnav > ul > li > a:hover,#top #header #mainnav > ul > li:hover > a  {background: #b8bab9;color: #fff;}
#mainnav ul ul { display: none; position: absolute; z-index: 999; left: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 2px; padding: 0.5em 0; width: 100%; }
#mainnav ul li.bildung ul, #mainnav ul li.soziales ul { left: auto; right: 0; }
#mainnav ul ul li { display: block; float: none; }
#mainnav ul ul li a { padding: 0.3em 0.5em; border-top: 1px solid #b8baba; color: #0084bb;}
#mainnav ul ul li:first-child a { border-top: 0; }

#mainnav_mobile { display: none; }

/*-------------------
Breadcrumb START
---------------------*/
.breadcrumb  {
	margin-bottom: 35px;
}

.breadcrumb li {
	float: left;
	margin-right: 5px;
}

.breadcrumb li a {
	background: url(../pics/arrow-right.png) no-repeat right 2px;
	background-size: 7px;
	padding-right: 13px;
	font-size: 13px;
}

.breadcrumb li:last-child a {
	color: #565656;
	background-image:none;
}
/*--- Breadcrumb END */


/***** BANNER *****/

#banner { margin: 0.5em 0; position: relative; }
#banner img { width: 100%; height: auto; display: block; }
#banner .slider > img { position: absolute; left: 0; top: 0; }
#banner > span > img { position: relative; }
#banner .imgwave { width: 80%; height: 30%; }
#banner .imgselect { position: absolute; right: 20px;
bottom: 10px; z-index: 1000; }
#banner .imgselect .select_wrapper { position: relative; float: right; }
#banner .imgselect .select_wrapper .select { position: relative; cursor: pointer; background: #c0c0c0; float: left; height: 15px; width: 14px; border: 1px solid #808080; margin: 0 0 0 8px; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -o-transition: background-color .3s ease; -ms-transition: background-color .3s ease; transition: background-color .3s ease; }



/***** MAIN *****/

#main a.readmore { font-weight: bold; padding-left: 0.3em; }


#main h2.blank, #main h3.blank { font-weight: normal; font-style: normal; font-size: 1em; }
#main ul.blank { list-style-type: none; margin-left: 0; padding-left: 0; }

/* Home */
body.home h2 { font-size: 1.15em; margin: 0.65em 0; color: #3ba9cf; }
#main .teaser { float: left; width: 22.5%; margin: 1em 0 1em 2%; padding: 0.5% 0.5% 1em; overflow: hidden; }
#main .teaser:first-child, #main .teaser:first-child + .teaser + .teaser + .teaser + .teaser { margin-left: 0; }
#main .teaser h2 { white-space: nowrap; }
#main .teaser .img { position: relative; }
#main .teaser .img img { width: 100%; height: auto; display: block; }
#main .teaser .imgwave { width: 100%; height: 15%; }
#main .teaser form select { width: 100%; }

/* Subpages */
#content, #left { float: left; }
#content { width: 45%; margin: 0 3.5%; padding-top: 1em; }
.sidecol_left #content { width: 72.5%; margin-right: 0; }
.sidecol_right #content { width: 72.5%; margin-left: 0; }
.no_sidecol #content { width: 100%; margin: 0; }
#content div.index { font-size: .85em; margin: -1.2em 0 1.2em 0; }
#content iframe { display: block; width: 100%; border: none; }
#content .separator { background: #8e8e8f; height: 1px; margin: 1.5em 0; }

#content a.img, #content img.scalable { border: 2px solid; }
#content a.img.scalable:hover { border-color: #404040; }
#content .img_container { display: block; }
#content img.left { float: left; margin: 0 1.5em .5em -2px; width: 40%; }
/*#content .img_container.left{ float: left; margin: 0 1.5em .5em 0; width: 40%; }
#content .img_container.right, #content a.img.right { float: right; margin: 0 0 .5em 1.5em; width: 40%; } */
#content .img_container img, #content .img_container a.img, #content a.img img { width: 100%; }
#content a.img { cursor: zoom-in; margin: 0; }
#content img.small { max-width: 60px; height: auto; min-height: 0; margin-top: .5em; }
#content img.icon { background: #fff; min-height: 0; min-width: 0; max-height: 16px; max-width: 16px; width: auto; height: auto; display: inline; margin: 0 8px; border: none; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; }


#content ul { list-style-type: disc; }
#content ul, #content ol { margin: 0 0 1.5em 1.5em; }

/*
#content a.dl { background: url(../pics/doc-empty.png) 0 3px no-repeat; color: #505050; display: inline-block; padding: 0px 0 0 35px; margin: 0; }
#content a.dl .details { font-style: italic; font-size: .85em; }
#content a.pdf { background: url(../pics/doc-pdf.png) 0 0 no-repeat; }
#content a.xls { background: url(../pics/doc-xls.png) 0 0 no-repeat; }
#content a.doc { background: url(../pics/doc-doc.png) 0 0 no-repeat; }
#content a.ppt { background: url(../pics/doc-ppt.png) 0 0 no-repeat; }
*/
#content span.size { font-style: italic; }

#content h1 + .pagination {
	border-bottom: 1px dotted #000;
}

/* Teaser */

#content .text-teaser {
	border-bottom: 1px dotted #b8baba;
	padding-top:  0px;
	margin-bottom: 20px;
}

#content .text-teaser.text-teaser-phone:first-of-type {
	border-top: 1px dotted #b8baba;
}

#content .text-teaser.text-teaser-phone {
	border-top: 1px dotted #b8baba;
	border-bottom: none;
	padding: 20px 0 10px 0;
	margin-top: 10px;
}

#content .text-teaser.text-teaser-phone:last-child  {

}

#content .text-teaser .thumb {
	width: 100px;
	height: 100px;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

#content .text-teaser a img {
	width: 100%;
}


#content .text-teaser:last-child {
	border-bottom: none;
}

#content .teaser-persinfo .text-teaser:last-child {
	border-bottom: 1px dotted #b8baba;
}

#content .text-teaser h4 {
	font-size: 1.15em;
	margin: 0 0 1em;
	font-weight: bold;
	color: #0085b8;
	margin-bottom: 10px;
}

.start #content .text-teaser h4 {
	font-size: 14px;
	font-weight: bold;
	color: #505050;
}

#content h2.teaser-title {
	font-size: 18px;
	color: #0085b8;
	margin-top: 20px;
}

#content .text-teaser .text-teaser-date {
	color: #0085b8;
}

#content .text-teaser p {
	margin-bottom: 10px;
}

#content .teaser-stoerungen .text-teaser {
	background-color: #f3f3f3;
	padding: 10px;
	margin: 0 -10px;
}

#content .teaser-stoerungen .text-teaser h3 {
	font-size: 14px;
}

#content .image-teaser-wrapper {
	justify-content: space-between;
	flex-wrap: wrap;
	display: flex;
	margin-bottom: 50px;
	border-bottom: 1px dotted #b8baba;
}

#content .image-teaser {
	width: 50%;
	margin-bottom: 35px;
	box-sizing: border-box;
	position: relative;
}

#content .image-teaser:nth-of-type(odd) {
	padding-right: 10px;
}

#content .image-teaser:nth-of-type(even) {
	padding-left: 10px;
}

#content .image-teaser h4 {
	font-weight: bold;
	font-size: 18px;
	color: #0085b8;
	margin: 0 0 10px 0;
}

#content .image-teaser p {
	margin-bottom: 0;
}

#content .image-teaser:after{
	content: '';
	display: block;
	border-bottom: 1px dotted #b8baba;
	position: absolute;
	bottom: -20px;
	width: 90%;
}

#content .image-teaser:nth-last-child(2):after,
#content .image-teaser:nth-last-child(1):after {
	display: none;
}

#content .image-teaser:nth-of-type(odd) {
	border-right: 1px dotted #b8baba;
}

#content .image-teaser img {
	border: none;
	margin: 0 0 10px 0;
	height: auto;
	min-height: 0;
}

#content .image-top-teaser img{
	border: none;
	margin-bottom: 10px;
}

#content .image-top-teaser p {
	margin-bottom: 0;
}

#content .image-top-teaser {
	padding-bottom: 10px;
	border-bottom: 1px dotted #b8baba;
	margin-bottom: 15px;
}

#content .text-teaser ul {
	margin-left: 0;
	margin-bottom: 0;
}

#content .text-teaser ul li {
	list-style-type: none;
}

/* Sortieren */

#content .sorting {
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	padding: 5px 0;
}

#content .sorting span {
	/* display: block; */
}

#content .sorting div {
	background-color: #e9eaea;
	padding: 5px;
}

#content .sorting div label {
	font-weight: bold;
	color: #0085b8;
	border-left: 1px solid #000;
	padding-left: 5px;
}

#content .sorting div button {
	background: transparent;
	overflow: hidden;
	border: none;
	color: #0085b8;
	font-size: 1em;
	font-weight: bold;
	border-right: 1px solid #000;
	cursor: pointer;
}

#content .sorting div button.first {
	padding-left: 0;
}

#content .sorting div button:last-child {
	border-right: none;
}

#content .sorting div button.active {
	color: #505050;
}

#content .sorting div button.active:after{
	content: '∨';
	font-weight: bold;
	color: #0085b8;
	margin-left: 5px;
	/*∧*/
}

#content .sorting div button[data-state="desc"].active:after{
	content: '∧';
}

#content .sorting div label:first-child {
	border-left: none;
	padding-left: 0px;
}


/* Gallery */
#gallery { position: relative; width: 100%; overflow: hidden; margin-top: 1em; }
#gallery #image_container { display: none; visibility: none; }
#gallery > .prev, #gallery > .next { color: #0085b8 ;position: absolute; cursor: pointer; font-size: 4em; height: 82px; line-height: 82px; width: 25px; text-align: center; top: 0; z-index: 1000; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#gallery > .prev { left: 0;}
#gallery > .next { right: 0;}
#gallery .prev:hover, #gallery .next:hover { opacity: .6}
#gallery #gallery_wrapper { position: relative; height: 82px; margin: 0 25px; overflow: hidden; }
#gallery .image_wrapper { position: absolute; height: 82px; width: 99%; left: 0; border-left: 1px dotted #b8baba; border-right: 1px dotted #b8baba;}
#gallery .image_wrapper.right { left: 100%; }
#gallery .image_wrapper.left { left: -100%; }
#gallery .image_container { position: relative; width: 33.33333%; float: left; }
#gallery .image_container .image { position: relative; margin: 0 5px; }
#gallery .image_container .image:hover { outline: 1px solid #8e8e8f; }
#gallery .image_container .image .image_inner_wrapper { position: relative; overflow: hidden; height: 90px; width: 100%; background-size: 200%; }
#gallery .image_container .image a { position: absolute; display: block; height: 90px; width: 500%; left: 50%; margin-left: -250%; }
#gallery .image_container .image img { position: relative; height: 90px; min-height: 90px; width: auto; margin: auto; display: block; border: none; }
/* Placeholder */
#gallery .image_container .image .image_inner_wrapper.leer { background-color: #fff; background-image: url(../pics/placeholder.png); background-repeat: no-repeat; background-position: center center; color: white; }


/* Galerie (bei mehreren Galerien auf einer Seite) */
span.gallery_date { float: right; font-size: 1em; font-weight: normal; }

#content .galerie { position: relative; width: 100%; overflow: hidden; margin-top: 1em; padding-bottom: 35px;}
#content .galerie .image_wrapper { background: #fff; }
#content .galerie .image_container { position: relative; height: 102px; margin: 0 25px; }
#content .galerie > .prev, #content .galerie > .next { position: absolute; background: #fff; cursor: pointer; font-size: 2em; height: 102px; line-height: 102px; width: 25px; text-align: center; top: 1px; z-index: 99; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#content .galerie > .prev { left: 0; }
#content .galerie > .next { right: 0;}
#content .galerie .prev:hover, #content .galerie .next:hover { background: #fff; }

#content .galerie .image_container .wrapper { position: relative; height: 102px; overflow: hidden; }
#content .galerie .image_container a { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 5px; overflow: hidden; }
#content .galerie .image_container a img { position: relative; height: 80px; min-height: 80px; width: auto; margin: auto; border: 0; }
#content .galerie .image_container a img.leer { width: 150%; max-width: 150%; left: 50%; margin-left: -75%; }

#content .galerie .gallery_info { text-align: center; margin: 1em 0 2em;     bottom: -21px;}

/* Image Placeholder */
#content img.leer, #content a.img.leer, #content .galerie .image_container .image .image_inner_wrapper.leer { background-color: #fff; background-image: url(../pics/placeholder.png); background-repeat: no-repeat; background-position: center center; background-size: contain; color: white; }

/* Tourenplaene */
#content p.legend-tourenplan { font-size: 0.85em; line-height: 1.3em; }
.tourenplan .toggler span { font-weight: bold; margin-right: 0.5em; }
.tourenplan h3 { background: #e9eaea; margin: 0 -10px 0.5em; padding: 0.2em 10px; }
.tourenplan  p + h3 { margin-top: 0; }
.tourenplan  p + hr { margin: -1em 0 0.5em; width: 50%; height: 1px; border: none; color: #999; background-color: #999; }
.tourenplan span.haltestelle { display: inline-block; width: 65%; }
.tourenplan span.stehzeit { display: inline-block; width: 35%; }

/* Pagination */
#content .pagination { position: relative; overflow: hidden; font-size: .85em; margin: 1em 0; }
#content .pagination .first span, #content .pagination .prev span, #content .pagination .next span, #content .pagination .last span { font-weight: bold; color: #0085b8; padding: 0 .3em; }
#content .pagination a { font-weight: bold;  color: #0085b8; padding: 0 .3em; }
#content .pagination .results { float: left; font-weight: bold;}
#content .pagination .pages { float: right; }
#content .pagination .pages .active { font-weight: bold; }

/* Liste */
#content .liste h2 { margin: 0 0 1em; }
#content .liste .item { border-bottom: 1px dotted #000; margin: 0 0 1em; padding: 0 0 1em; }
#content .liste .item h2, #content .liste .item h3, #content .liste .item p { margin: 0; }

/* Accordion */
#accordion { margin: 0 0 .3em 0; font-size: .85em; line-height: 1.5em; }
#accordion .toggler { position: relative; margin-top: .3em; border: 1px solid #e9eaea; padding: 10px 70px 10px 10px; cursor: pointer; background: #f9fafa url(../pics/toggler_closed.png) no-repeat right bottom; }
#accordion .toggler:hover { background-color: #fff; }
#accordion .toggler.ui-state-active { border-bottom: 0; padding: 10px 70px 0 10px; background: #fff none; }
#accordion .toggler .legend { font-size: 1.75em; font-weight: bold; position: absolute; top: 10px; right: 10px; }
#accordion .toggler p { margin: 0; }
#accordion .ui-accordion-content { border-left: 1px solid #e9eaea; border-right: 1px solid #e9eaea; border-bottom: 1px solid #e9eaea; padding: 1.5em 10px 0; position: relative; }
#accordion .close { background: url(../pics/toggler_opened.png) no-repeat right bottom; position: absolute; bottom: 0; right: 0; width: 29px; height: 26px; cursor: pointer; }

/* Mediathek Prev */
#content .mediathek { position: relative; overflow: hidden; border: 1px solid #e9eaea; padding: 10px; margin: 0 0 .3em 0; }
#content .mediathek .item { position: relative; float: left; width: 33.33%; }
#content .mediathek .thumb { position: relative; overflow: hidden; height: 100px; width: 100px; margin: 0 auto .3em auto; }
#content .mediathek .thumb a { position: absolute; display: block; height: 100px; width: 500%; left: 50%; margin-left: -250%; }
#content .mediathek .thumb img { position: relative; height: 100px; width: auto; min-width: 100px; margin: auto; display: block; border: none; }
#content .mediathek .item .subline { width: 100px; line-height: 1.5; margin: 0 auto; font-size: .75em }

/* Search */
#content .blog.search .item { min-height: inherit; padding-right: 10px; }
#content .blog.search .item span.searchword { font-weight: bold; }

/* Filter */
form.filter label {
	display: block;
	font-size: 13px;
}

form.filter label.small {
	font-weight: bold;
	width: 35px;
	display: inline-block;
}

form.filter legend {
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 13px;
}



form.filter input[type=radio],
form.filter input[type=checkbox] {
	margin-right: 10px;
	margin-top: 4px;
	width: 13px;
	height: 13px;
}

form select {

	border: none;
	margin-bottom: 9px;
	background: #fff url('../pics/arrow-down-select.png') no-repeat right top;
	padding: 0.4em;
	border: 1px solid #e0e1e1;
	-webkit-appearance: none;
	border-radius: 0;
	padding-right: 36px;
	text-indent: 0.01px;
	text-overflow: '';
	-moz-appearance: none;

}

form input.fullwidth,
form select.fullwidth  {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom: 10px;
}

form.filter fieldset {
	margin-bottom: 15px;
}

form button,
form input.sbmt {
	border: none;
	color: #fff;
	font-size: 13px;
	background: #0084bb;
	overflow: hidden;
	padding: 0.667em 0;
	width: 100%;
	cursor: pointer;
}

form input.pull-left {
	float: left;
	margin-right: 5px;
	width: 78%;
}

form button.image {
	background: transparent;
	width: auto;
	float: left;
	padding: 0;

}

form.telsuche {
	margin-bottom: 10px;
}

form.telsuche:last-child {
	margin-bottom: 0;
}

form.login .formrow {
	margin-bottom: 10px;
}




#content.login-container {
	float: none;
	margin: 0 auto;
}


/*-------------------
Newsticker START
---------------------*/
#news-ticker {
	color: #0085b8;
	font-size: 13px;
	text-align: left;
	margin-bottom: 40px;
}

@-webkit-keyframes marquee {
 0%   { text-indent: 0% }
 100% { text-indent: 100% }
}
@keyframes marquee {
 0%   { text-indent: 0% }
 100% { text-indent: 100% }
}
#news-ticker {
 overflow: hidden;
 white-space: nowrap;
     animation: marquee 40s linear infinite;
    -webkit-animation: marquee 40s linear infinite;
}

#news-ticker:hover {
  animation-play-state: paused;
 -webkit-animation-play-state: paused;
}


/*--- Newsticker END */


/***** ASIDES *****/

#left { width: 24%; }
#right { float: right; width: 24%;}

.sidecol a, .sidecol h2 a, { color: #505050; }
.sidecol p { margin: 0 0 0.5em; }
.sidecol h2 { margin-bottom: 1em; font-size: 18px; }

.sidecol .catimg { position: relative; }
.sidecol .catimg img { width: 100%; height: auto; }
.sidecol .catimg .imgwave { bottom: auto; right: auto; left: 0; top: 0; width: 100%; height: 10%; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.sidecol ul.menu { font-size: 1em; }
.sidecol ul.menu li a, .sidecol ul.menu li span { display: block; color: #0085b8; cursor: pointer; }
.sidecol ul.menu li a.active { font-weight: bold; }
.sidecol ul.menu > li > a, .sidecol ul.menu > li > span { margin-bottom: 0.5em; }
/* .sidecol ul.menu > li > a:before, .sidecol ul.menu > li > span:before { background: url(../pics/arrow-right.png) no-repeat right top; background-size: 50% } */
.sidecol ul.menu > li > a, .sidecol ul.menu > li > span{ background: url(../pics/arrow-right.png) no-repeat left 4px; background-size: 7px; padding-left: 13px;}
.sidecol ul.menu ul { font-size: 0.9em; margin: 0 0 0.5em 1em; }
.sidecol ul.menu li.showSub ul { display: none; }
.sidecol ul.menu li.showSub.active ul { display: block; }

/* Dowloads */
/*
.sidecol a.dl { font-size: 12px; color: #0085b8; line-height: 16px; background: url(../pics/doc-empty.png) no-repeat left top; display: block; font-weight: bold; padding-left: 35px; min-height: 40px; margin: 0 0 1em; }
.sidecol a.dl.pdf { background: url(../pics/doc-pdf.png) no-repeat 0 0; }
.sidecol a.dl.xls { background: url(../pics/doc-xls.png) no-repeat 0 0; }
.sidecol a.dl.doc { background: url(../pics/doc-doc.png) no-repeat 0 0; }
.sidecol a.dl.ppt { background: url(../pics/doc-ppt.png) no-repeat 0 0; }
.sidecol .dl span {
	display: block;
	font-style: normal;
	font: normal 100%/1 Arial, Helvetica, sans-serif;
}
.sidecol .dl span.date { display: block; }
*/

/* Archive + Newsletter + bookmobile*/
.sidecol .archive, .sidecol .newsletter, .sidecol .bookmobile { position: relative; font-size: .75em; line-height: 1.5em; }
.sidecol .archive div, .sidecol .newsletter div, .sidecol .bookmobile div { margin-top: 1em;  }
.sidecol .archive label, .sidecol .newsletter label, .sidecol .bookmobile label { cursor: pointer; display: inline-block; line-height: 2em; height: 2em; width: 40%; vertical-align: top; }
.sidecol .bookmobile label { width: 30%; }
.sidecol .bookmobile select { width: 53%; }
.sidecol .archive input[type="text"], .sidecol .newsletter input[type="text"], .sidecol .bookmobile input[type="text"] { width: 40%; line-height: 1.6em; height: 1.6em; padding: 0.2em; }
.sidecol .bookmobile input[type="text"] { width: 50%; }
.sidecol .bookmobile input[type="text"] { width: 50%; }
.sidecol .newsletter input[type="text"] { width: 57%; line-height: 1.6em; height: 1.6em; padding: 0.2em; }
.sidecol .archive input[type="image"], .sidecol .newsletter input[type="image"] { cursor: pointer; width: 2em; height: 2em; border: 0; background: #0086b9; border: 1px solid #0086b9; vertical-align: top; }
.sidecol .newsletter input[type="button"] { width: 100%; cursor: pointer; background: #0086b9; color: #fff; border: 1px solid #0086b9; line-height: 1.6em; height: 2em; padding: 0.2em 0; }
.sidecol .extended .container { padding: 1em 5%; }
.sidecol .extended .container.output { background: #fff; border-right: 1px solid #e9eaea; border-left: 1px solid #e9eaea; }
.sidecol .output.bookmobile h3 { margin-bottom: 1em; }
.sidecol .output.bookmobile p { clear: both; overflow: hidden; margin-bottom: 1em; }
.sidecol .output.bookmobile p.info { margin-bottom: 0; }
.sidecol .output.bookmobile span { float: left; }
.sidecol .output.bookmobile span.month { clear: both; width: 33%; }
.sidecol .output.bookmobile span.station { clear: both; width: 63%; }

/* Search */
.sidecol .advanced_search { position: relative; font-size: .75em; }
.sidecol .advanced_search div { position: relative; margin: 1em 0 0 0; }
.sidecol .advanced_search label { cursor: pointer; display: inline-block; line-height: 1.6em; min-height: 2em; width: 75%; vertical-align: top; margin-left: 1em; }
.sidecol .advanced_search input[type="text"] { width: 75%; line-height: 1.6em; height: 1.6em; padding: 0.2em; }
.sidecol .advanced_search input[type="image"] { cursor: pointer; width: 2em; height: 2em; border: 0; background: #0086b9; border: 1px solid #0086b9; vertical-align: top; }
.sidecol .advanced_search input[type="checkbox"] { }

/* Filter (Amtsblaetter + Kitas) */
.sidecol .filter { line-height: 1.5em; }
.sidecol .filter h3 { font-size: 1.15em; margin: 1em 0 0.3em; }
.sidecol .filter p { margin: 0.2em 0; }
.sidecol .filter input[type="checkbox"], .sidecol .filter input[type="radio"] { float: left; margin-top: 4px }
.sidecol .filter label.block { display: block; font-weight: bold; margin: 0.2em 0; }
.sidecol .filter input[type="checkbox"] + label, .sidecol .filter input[type="radio"] + label { display: block; margin: 0 0 0 20px; }
.sidecol .filter .submit { margin: 1em 0; }
.sidecol span.legend { font-size: 1.75em; vertical-align: middle; }

/* Datepicker */
input.datepicker { vertical-align: middle; }
button.ui-datepicker-trigger { background: transparent url(../pics/datepicker.gif); width: 22px; height: 21px; border: 0; vertical-align: middle; margin-left: 5px; margin-top: -11px;}
#ui-datepicker-div { font-size: 0.75em; }


/***** NEWS *****/

#bottom h2 { margin: 0 0 1em; }
#bottom ul.newsitems { list-style: none; font-family: Cambria, Georgia, serif; }
#bottom ul.newsitems li { display: inline-block; float: left; width: 49%; margin: 0 0 1.5em 2%; position: relative; }
#bottom ul.newsitems li.odd { margin-left: 0; }
#bottom ul.newsitems li span.headline { font-weight: bold; display: block; padding: 0 0 0 20px; font-size: 1.15em; color: #717174; }
#bottom ul.newsitems li span.date { display: block; padding: 0 0 0 20px; color: #8b8b8f; }
#bottom ul.newsitems li:before { content: ">"; position: absolute; top: 0; left: 0; font-size: 1em; font-weight: bold; color: #717174; }


/***** FOOTER *****/

#footer p { float: left;}
#footer a.print { float: right; background: url(../pics/print.png) no-repeat left top; padding-left: 30px; }
a#totop { position: fixed; z-index: 999; right: 10px; bottom: 10px; background: url(../pics/totop.png) no-repeat center center; width: 23px; height: 23px; text-indent: -999em; }


/***** SITE COLORS *****/

#mainnav li.aktuelles:hover a, #mainnav li.aktuelles a.active, #mainnav li.aktuelles ul { background: #f5f6f6; }
#mainnav li.landkreis:hover a, #mainnav li.landkreis a.active, #mainnav li.landkreis ul { background: #d6e7cc; }


.aktuelles .imgwave { background-image: url(../pics/ws-aktuelles.png); }
.landkreis .imgwave { background-image: url(../pics/ws-landkreis.png); }
.politik .imgwave { background-image: url(../pics/ws-politik.png); }
.buergerservice .imgwave { background-image: url(../pics/ws-buergerservice.png); }
.tourismus .imgwave { background-image: url(../pics/ws-tourismus.png); }
.wirtschaft .imgwave { background-image: url(../pics/ws-wirtschaft.png); }
.bildung .imgwave { background-image: url(../pics/ws-bildung.png); }
.soziales .imgwave { background-image: url(../pics/ws-soziales.png); }

/* Zusatz Magnify */
.aktuelles #content a.img:hover img.scalable, .aktuelles #content a.img.scalable:hover img, .landkreis #content a.img:hover img.scalable, .landkreis #content a.img.scalable:hover img, .politik #content a.img:hover img.scalable, .politik #content a.img.scalable:hover img, .buergerservice #content a.img:hover img.scalable, .buergerservice #content a.img.scalable:hover img, .tourismus #content a.img:hover img.scalable, .tourismus #content a.img.scalable:hover img, .wirtschaft #content a.img:hover img.scalable, .wirtschaft #content a.img.scalable:hover img, .bildung #content a.img:hover img.scalable, .bildung #content a.img.scalable:hover img, .soziales #content a.img:hover img.scalable, .soziales #content a.img.scalable:hover img { border-color: #404040; cursor: zoom-in; }


/***** RESPONSIVE *****/
/*
@media (max-width:960px) {
	#mainnav { font-size: 0.8em; }
	form input.pull-left {
		width: 75%;
	}

}
*/
/*
@media (max-width:767px) {
	#mainnav { font-size: 0.7em; }

	#content, #left, #right { float: none; width: 100% !important;}

	.start #left.sidecol {
		display: none;
	}

	#right { margin-top: 2em; }
	#content { margin: 0; }
	#main .catimg { display: none; }

	#main .teaser { width: 29.83333333333333%; padding: 0.75% 0.75% 1em; margin-left: 3%; }
	#main .teaser:first-child + .teaser + .teaser + .teaser + .teaser { margin-left: 3%; }
	#main .teaser:first-child, #main .teaser:first-child + .teaser + .teaser + .teaser, #main .teaser:first-child + .teaser + .teaser + .teaser + .teaser + .teaser + .teaser { margin-left: 0; }
}
*/
/*
@media (max-width:690px) {
	#header .logo { float: none; padding: 20px 0; width: 100%; }
	#header .flright { float: none; width: 100%; padding: 0; }
	#topnav, #langfont .fontsizer { display: none; }
	#langfont ul.menu { padding-top: 0; width: 100%; }
	#header ul.menu li { width: 33.3333333333%; border-left: 1px solid #e0e0e1; border-bottom: 1px solid #e0e0e1; box-sizing:border-box; -moz-box-sizing:border-box; text-align: center; }
	#header ul.menu li:last-child { border-right: 1px solid #e0e0e1; }
	#header ul.menu li a { border: 0; padding: 1em; }
	#header ul.menu li:last-child a  { padding-right: 0.75em; }
	#header ul.menu li a.active  { text-decoration: none; background: #e0e0e1; }
	#searchbox { margin: 0; float: none; }
	#header .flright form { float: none; width: 100%; text-align: left; }
	#searchbox input[type=text] { width: 90%; vertical-align: middle; }
	#searchbox input[type=image] { vertical-align: middle; }

	#mainnav { display: none; }
	#mainnav_mobile { display: block; margin: 0.5em 0; background: #e0e0e1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 1em; font-size: 1.2em; }
	#mainnav_mobile select { width: 100%; background: transparent; border: 0; }


}

@media (max-width:620px) {
	#searchbox input[type=text] { width: 90%; }
}

@media (max-width:570px) {
	#wrapper { padding: 0 20px; }
	#banner { display: none; }

	#main .teaser { width: 46.5%; margin-left: 4%; }
	#main .teaser:first-child + .teaser + .teaser + .teaser, #main .teaser:first-child + .teaser + .teaser + .teaser + .teaser + .teaser + .teaser { margin-left: 4%; }
	#main .teaser:first-child + .teaser + .teaser, #main .teaser:first-child + .teaser + .teaser  + .teaser + .teaser, #main .teaser:first-child + .teaser + .teaser  + .teaser + .teaser  + .teaser + .teaser { margin-left: 0; }

	#bottom ul.newsitems li { display: block; float: none; width: 100%; margin: 0 0 1.5em; }

	#header .flleft {
		width: 100%;
	}

	#header .flleft .loginbox input.text {
		margin-bottom: 10px;
	}

	#header .flleft .loginbox {
		width: 100%;
	}
}

@media (max-width:510px) {
	#searchbox input[type=text] { width: 85%; }
}

@media (max-width:450px) {
	#searchbox input[type=text] { width: 85%; }
	#content .image-teaser-wrapper {
		display: block;
	}

	#content .image-teaser {
	  width: 100%;
	  padding: 0px !important;
	  border-right: none !important;
	}

	#content .image-teaser:after {
		width: 100%;
	}

}

@media (max-width:370px) {
	#searchbox input[type=text] { width: 80%; }
}

@media (max-width:315px) {
	#searchbox input[type=text] { width: 80%; }
}

@media (max-width:280px) {
	#searchbox input[type=text] { width: 80%; }
}

@media (max-width:250px) {
	#searchbox input[type=text] { width: 80%; }
}
*/