/* =============================================================================
* reset & defaults
* ========================================================================== */
/* --reset
------------------------------------------------- */
* {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat; text-rendering: optimizeLegibility;}
.jPanelMenu-panel *, #styler-panel * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#wrapper .mejs-container * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
ol, ul {list-style: none;}
table {border-spacing: 0;}
body {height: 100%; -webkit-overflow-scrolling: touch; position: relative;}
#header_after, #main, #left, #right, #header, #container_before, #container, #container_before:before, #container_before:after, #wrapper, #main .inside .mod_article {-webkit-backface-visibility: hidden;}
/* --float classes
------------------------------------------------- */
.float-left {float: left;}
.float-right {float: right;}
/* --helper classes
------------------------------------------------- */
.center {text-align: center;}
.hide {display: none;}
/* --lightbox link height
------------------------------------------------- */
.image_container a {line-height: 0;}
/* --lightbox width
------------------------------------------------- */
#mbCenter img {width: auto; max-width: 100%; height: auto; vertical-align: middle;}
/* --clearings + defaults
------------------------------------------------- */
.inside{position:relative;text-align:left}
.block{overflow:hidden}
.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both}
.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}
.custom{display:block;text-align:left}
.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*+html #main{position:static}
header,footer,nav,section,aside,article,figure,figcaption{display:block}
#container:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}
/* --chromeframe
------------------------------------------------- */
#chromeframe {background: red; padding: 10px; color: #fff; text-align: center; position: relative; z-index: 10000;}
/* =============================================================================
* columns for better content separation -responsive
* ========================================================================== */
.full {overflow: hidden; margin-left: 0; width:100%; float:left; position:relative;}
.one_half {overflow: hidden; margin-left: 4%; width:48%; float:left; position:relative;}
.one_third {overflow: hidden; margin-left: 5%; width:30%; float:left; position:relative;}
.two_third {overflow: hidden; margin-left: 5%; width:65%; float:left; position:relative;}
.one_fourth {overflow: hidden; margin-left: 4%; width:22%; float:left; position:relative;}
.two_fourth {overflow: hidden; margin-left: 4%; width:48%; float:left; position:relative;}
.three_fourth {overflow: hidden; margin-left: 4%; width:74%; float:left; position:relative;}
.one_fifth {overflow: hidden; margin-left: 5%; width:16%; float:left; position:relative;}
.two_fifth {overflow: hidden; margin-left: 4%; width:37%; float:left; position:relative;}
.three_fifth {overflow: hidden; margin-left: 4%; width:57%; float:left; position:relative;}
.four_fifth {overflow: hidden; margin-left: 4%; width:79%; float:left; position:relative;}
.mod_article div.one_half:first-child, .mod_article div.one_third:first-child, .mod_article div.two_third:first-child, .mod_article div.one_fourth:first-child, .mod_article div.two_fourth:first-child, .mod_article div.three_fourth:first-child, .mod_article div.one_fifth:first-child, .mod_article div.two_fifth:first-child, .mod_article div.three_fifth:first-child, .mod_article div.four_fifth:first-child,
.full.first, .one_fifth.first, .one_fourth.first, .two_fourth.first, .one_third.first, .two_fifth.first, .one_half.first, .three_fifth.first, .two_third.first, .three_fourth.first, .four_fifth.first {margin-left: 0!important; clear: left;}
/* =============================================================================
* general styles & page setup
* ========================================================================== */
a {color: #555; text-decoration: none;}
p {margin-bottom: 15px;}
#main a {color: #304169;font-weight: bold; }
#main a:hover {text-decoration:underline}
#main p {text-align:justify}
blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;}
blockquote p {line-height: 22px;}
iframe {max-width: 100%;}
#container .image_container img {width: 100%;}
code, pre {font-family: monospace;}
.bigtext {font-size: 21px; line-height: 30px; font-weight: 200;}
.center {text-align: center;}
abbr {background: #efefef; border-bottom: 1px dashed; cursor: pointer;}
.no_margins p {margin: 0;}
.color {color: #d5533f;}
.bg_color {background-color: #d5533f;}
/* --border for ce_elements
------------------------------------------------- */
.border-top {border-top: 1px solid #ccc; padding-top: 20px;}
.border-bottom {border-bottom: 1px solid #ccc; padding-bottom: 20px;}
/* --headlines
------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {padding: 0.3em 0; line-height: 1.1; margin-bottom: 0.5em; font-family: 'Open Sans', sans-serif; color: #4d4f4f;}
h1 {font-size: 25px; padding-top: 0; font-weight: 300; border-bottom: 3px solid #efefef;} /*35*/
h2 {font-size: 18px; margin-bottom:10px ; border-bottom: 1px solid #efefef;} /*22 margin-bottom: 30px*/
h3 {font-size: 15px; margin-bottom:10px;}/*20*/
h4 {font-size: 14px;}/*15*/
h5 {font-size: 13px;}
h6 {font-size: 12px;}
h2 span {padding-bottom: 4px;}
/* --h1-h6 as divider
------------------------------------------------- */
.divider h1, .divider h2, .divider h3, .divider h4, .divider h5, .divider h6, h1.divider, h2.divider, h3.divider, h4.divider, h5.divider, h6.divider {background: url(../img/title-bg.png) repeat left center; line-height: 1.4em; margin-bottom: 20px; border: 0;}
.divider span {background: #fff; padding-right: 10px;}
.divider_2 h1, .divider_2 h2, .divider_2 h3, .divider_2 h4, .divider_2 h5, .divider_2 h6, h1.divider_2, h2.divider_2, h3.divider_2, h4.divider_2, h5.divider_2, h6.divider_2 {background: url(../img/divider_4.png) repeat-x left 59%; line-height: 1.6em; margin-bottom: 30px; border: 0;}
.divider_2 span {background: #fff; padding: 0 10px 0 0;}
/* --hr divider
------------------------------------------------- */
hr {width: 100%; clear: both;}
hr, hr.divider_1 {padding: 0; border: none; border-top: medium double #ddd; color: #ccc; text-align: center; height: 1px; margin: 25px 0;}
hr.divider_2 {position: relative;margin: 40px 0;height: 7px;line-height: 7px;border: 0;background: url(../img/divider_2.png); border-radius: 7px; }
hr.divider_3 {position: relative;margin: 40px 0;height: 11px;line-height: 11px;border: 0;background: url(../img/divider_3.png) center top no-repeat; background-size: 100%;}
hr.divider_4 {position: relative;margin: 40px 0;height: 11px;line-height: 11px;border: 0;background: url(../img/divider_4.png) center top repeat-x;}
/* --body
-------------------------------------------------
body .jPanelMenu-panel, body {background: #F3F3F3 url(../img/bg_default.png)}*/
body {color: #555; overflow-x: hidden; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px;}
body .jPanelMenu-panel, body {background: #304169 url(../bg/hintergrund-5.png)}
}
/* --page-width
------------------------------------------------- */
#top .inside, #header, #header .inside, #header_after .inside, #wrapper, #footer, #footer .inside, #container_before .inside, #bottom, #bottom .inside, #container-inside {max-width: 1280px; margin: 0 auto;}
/* --body classes for hide elements
------------------------------------------------- */
body.socials_hide .socials, body.langswitch_hide .sprachwechsler, body.top_hide #top, body.hotline_hide #hotline, body.search_hide #top .mod_search, body.search_hide #jPanelMenu-menu .mod_search {display: none;}
/* --top
------------------------------------------------- */
#top {overflow: hidden; padding: 5px 0; background: rgba(255, 255, 255, 0.9); margin-bottom: 10px; -moz-box-shadow: 0 0 7px rgba(0,0,0,.11); -webkit-box-shadow: 0 0 7px rgba(0,0,0,.11); box-shadow: 0 0 7px rgba(0,0,0,.11);}
#top .socials {float: left; margin-top: 1px; margin-right: 15px;}
#top .mod_search {float: right;}
#top .socials a:before {line-height: 29px; width: 29px; height: 29px; font-size: 11px;}
#top .mod_search {margin-top: 3px; margin-left: 20px;}
#top .mod_search input {width: 150px; padding: 6px; border-width: 1px;}
#top .mod_search .submit {height: 28px;}
#top .mod_search .text {height: 28px;}
#top #hotline {float: right; line-height: 32px;}
#top #hotline:before {font-family: "icons"; content: "\eccc"; display: inline-block; position: relative; margin-right: 10px;}
/* --sprachwechsler
------------------------------------------------- */
.sprachwechsler {float: left;}
.sprachwechsler a {margin-right: 5px; line-height: 30px; padding-right: 8px; border-right: 1px solid #ccc;}
.sprachwechsler a:last-child {border: 0;}
.sprachwechsler a:hover {text-decoration: underline;}
/* --logo
------------------------------------------------- */
.logo {width: 200px; height: 105px; top: 0; left: 40px; position: absolute; background-repeat: no-repeat!important; background-size: 100%!important; background-position: center!important; display: block; vertical-align: middle; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.logo {
background-image: url(/files/cto_layout/img/baesweiler.png);
}
.logo a {display: block; height: 100%; width: 100%;}
/* --header
------------------------------------------------- */
#header {background-repeat: repeat; position: relative; background-color: #fff; z-index: 50000; -moz-box-shadow: 0 0 7px rgba(0,0,0,.11); -webkit-box-shadow: 0 0 7px rgba(0,0,0,.11); box-shadow: 0 0 7px rgba(0,0,0,.11);}
#header .inside {padding: 0 40px;}
#header .image_container {margin: 0;}
/* --header_after
------------------------------------------------- */
#header_after {display: block; margin-left: auto; margin-right: auto; overflow: hidden;}
#header_after .inside {overflow: hidden!important; line-height: 0;}
#header_after .image_container {margin: 0;}
/* --header_after text
------------------------------------------------- */
#header_after .ce_text.headertext {position: absolute; left: 0; top: 30%; width: 100%; padding: 0 40px; max-width: 1280px; margin-left: auto; margin-right: auto;}
#header_after .ce_text.headertext h1 {font-weight: 400; text-transform: uppercase; font-family: 'Raleway'; letter-spacing: -0.2px; border: 0; padding: 0; margin: 0;}
#header_after .ce_text.headertext strong {font-weight: 800;}
#header_after .ce_text.headertext h2 {font-size: 42px; font-weight: 800; text-transform: uppercase; font-family: 'Raleway'; letter-spacing: -0.2px; border: 0; margin: 0;}
#header_after .ce_text.headertext p {line-height: 20px;}
/* tablets */
@media only screen and (max-width: 989px) {
#header_after .ce_text.headertext h2 {font-size: 26px;}
#header_after .ce_text.headertext h3 {font-size: 20px;}
#header_after .ce_text.headertext p {font-size: 12px; line-height: 19px;}
}
/* phone */
@media only screen and (max-width: 767px) {
#header_after .ce_text.headertext h1 {font-size: 18px;}
#header_after .ce_text.headertext h2 {font-size: 15px;}
#header_after .ce_text.headertext h3 {display: none;}
#header_after .ce_text.headertext p {display: none;}
}
/* --ce_revolutionslider
------------------------------------------------- */
.ce_revolutionslider {background: #fff; position: relative;}
.ce_revolutionslider ul {display: none;}
/* --layerslider-caption (all)
------------------------------------------------- */
.ce_revolutionslider p {margin: 0;}
.ce_revolutionslider h2 {font-size: 42px; font-weight: 800; text-transform: uppercase; font-family: 'Raleway'; letter-spacing: -0.2px; border: 0; padding: 0; margin: 0;}
.ce_revolutionslider h3 {font-size: 26px; font-weight: 300; text-transform: uppercase;}
.ce_revolutionslider .ce_text {font-size: 16px; font-weight: 500; color: #888; line-height: 25px;}
/* --layerslider-caption (single slides)
------------------------------------------------- */
.ce_revolutionslider .slide_2 h2,
.ce_revolutionslider .slide_2 h3,
.ce_revolutionslider .slide_2 p {color: #fff;}
/* --bxslider
------------------------------------------------- */
.bx-wrapper {margin-bottom: 0; position: relative;}
.bx-wrapper .bx-viewport {background: #fff; border:0; left: 0; box-shadow: none;}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {background: none;}
.bx-wrapper .bx-controls {height: 100%!important; top: 50%;}
.bx-wrapper .bx-controls-direction {position: absolute; top: -53px; right:0; width: 70px; background: #fff; padding-left: 10px; overflow: hidden; height: 24px;}
.bx-wrapper .bx-controls-direction a:before {color: #fff; font-family: "icons"; font-size: 24px; line-height: 24px; max-height: 24px; width: inherit; display: inline-block; position: absolute; overflow: hidden; top: 40%; text-align: center; margin-top: -9px;}
.bx-wrapper .bx-controls-direction a.bx-next:before {content: "\e75e";}
.bx-wrapper .bx-controls-direction a.bx-prev:before {content: "\e75d";}
.bx-wrapper .bx-controls-direction a.bx-prev {float: left; background: #ccc; left: 0; margin-left: 8px;}
.bx-wrapper .bx-controls-direction a.bx-next {float: right; background: #ccc; right: 0;}
.bx-wrapper .bx-controls-direction a {position: relative; text-indent: 0; top: 0; margin-top: 0; width: 24px; height: 24px; margin: 0;}
/* --bxslider in gallery
------------------------------------------------- */
.ce_gallery .bx-controls-direction {position: static; height: auto; width: auto; padding: 0;}
.ce_gallery .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px;}
.ce_gallery .bx-controls-direction a:before {color: #c4c4c4;}
.ce_gallery .bx-controls-direction a.bx-prev, .ce_gallery .bx-controls-direction a.bx-next {background: transparent;}
/* --socials
------------------------------------------------- */
.socials p {font-size: 18px; font-weight: 200; margin-bottom: 0;}
.socials a {display: inline-block; text-align: center; margin: 0 2px; margin-bottom: 5px; color: #fff;}
.socials a:before {color: #fff;}
.socials a:before {-webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.soc_facebook:before {font-family: "icons"; content: '\66'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_facebook:before {background-color: #315B99;}
.soc_twitter:before {font-family: "icons"; content: '\54'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_twitter:before {background-color: #0172D1;}
.soc_linkedin:before {font-family: "icons"; content: '\e9f4'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_linkedin:before {background-color: #005886;}
.soc_youtube:before {font-family: "icons"; content: '\55'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_youtube:before {background-color: #962521;}
.soc_vimeo:before {font-family: "icons"; content: '\56'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_vimeo:before {background-color: #42BBFF;}
.soc_xing:before {font-family: "icons"; content: '\58'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_xing:before {background-color: #026466;}
.soc_google:before {font-family: "icons"; content: '\47'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_google:before {background-color: #B93425;}
/* --mod_breadcrumb
------------------------------------------------- */
.mod_breadcrumb {border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 4px 0; color: #5e5e5e; font-size: 11px; margin-bottom: 25px;}
.mod_breadcrumb li {display: inline-block; margin-right: 5px;}
.mod_breadcrumb li:before {font-family: "icons"; content: '\ea08'; margin-right: 5px;}
.mod_breadcrumb li.first:before {display: none;}
.mod_breadcrumb a {color: #5e5e5e;}
/* --wrapper
------------------------------------------------- */
#wrapper {position:relative; z-index:10; border-top: 15px solid #d5533f;}
/* --container
------------------------------------------------- */
#container {position: relative; width: 100%; margin: 0; background: #fff;}
#container-inside {padding: 40px; overflow: hidden;}
/* --container after // extended
------------------------------------------------- */
#container_after {display: block; position: relative; width: 100%; margin: 10px auto; max-width: 1280px; border: 0px solid #d0d0d0;}
/* --container before // teaser
------------------------------------------------- */
#container_before .inside {position: relative; margin: 0 auto; overflow: hidden; padding: 40px; min-height: 490px;}
#container_before .inside h1 {text-align: center; border: 0; font-size: 39px; line-height: normal; margin: 0; text-align: center;}
#container_before .hyperlink {text-align: center;}
#container_before {position: relative; display: block; margin: 0 auto 31px auto; width: 100%; background: #fff;}
#container_before:before, #container_before:after { position: absolute; height: 100%; width: 73px; top: 0; content: ""; z-index: -1; display: block; }
#container_before:before {left: -73px;background: transparent url(../img/content_big-teaser-shadow-before.png) no-repeat;}
#container_before:after {right: -73px; background: transparent url(../img/content_big-teaser-shadow-after.png) no-repeat;}
#container_before .inside:after {position: absolute; top: 0px; left: 50%; margin-left: -25px; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 25px 25px 0 25px; border-color: #d5533f transparent transparent transparent;}
/* =============================================================================
* sidebars
* ========================================================================== */
/* --sidebar_left
------------------------------------------------- */
body.sidebar_left #main {overflow: hidden; width:65%; float:left; position:relative;}
body.sidebar_left #left {overflow: hidden; margin-right: 5%; width:30%; float:left; position:relative;}
body.sidebar_left #left .inside {padding-right: 18%; background: url(../img/sidebar_left.png) right top no-repeat; min-height: 460px;}
/* --sidebar_right
------------------------------------------------- */
body.sidebar_right #main {overflow: hidden; width:65%; float:left; position:relative;}
body.sidebar_right #right {overflow: hidden; margin-left: 5%; width:30%; float:left; position:relative;}
body.sidebar_right #right .inside {padding-left: 18%; background: url(../img/sidebar_right.png) left top no-repeat; padding-bottom: 45px; min-height: 460px;}
/* --sidebar_both
------------------------------------------------- */
body.sidebar_both #main {overflow: hidden; width:48%; float:left; position:relative;}
body.sidebar_both #right {overflow: hidden; margin-left: 4%; width:22%; float:left; position:relative;}
body.sidebar_both #right .inside {padding-left: 18%; background: url(../img/sidebar_right.png) left top no-repeat; min-height: 460px;}
body.sidebar_both #left {overflow: visible; margin-right: 4%; width:22%; float:left; position:relative;}
/*body.sidebar_both #left {overflow: hidden; margin-right: 4%; width:22%; float:left; position:relative;}*/
body.sidebar_both #left .inside {padding-right: 18%; background: url(../img/sidebar_left.png) right top no-repeat; min-height: 460px;}
/* =============================================================================
* footer
* ========================================================================== */
#footer {background: #F8F8F8;}
#footer .inside {margin: 0 auto; padding: 40px;}
#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6 {font-weight: bold;}
#footer ul {padding: 0;}
#footer li {border-bottom: 1px solid #ccc; margin-bottom: 8px; padding-bottom: 8px; list-style-type: none;}
#footer li:before {font-family: "icons"; content: "\2b"; display: inline-block; position: relative; margin-right: 10px;}
/* =============================================================================
* bottom, copyright
* ========================================================================== */
#bottom {background: #A0A0A0; color: #fff;}
#bottom .inside {max-width: 1280px; margin: 0 auto; padding: 20px 40px;}
#bottom a {color: inherit;}
#bottom a:hover {color: #fff;}
#bottom .last a {padding: 0 5px;}
#bottom .last a:last-child {padding-right: 0;}
/* =============================================================================
* menues
* ========================================================================== */
/* --mainmenue
------------------------------------------------- */
nav#mainmenu a {-webkit-transition: All 0.25s ease;-moz-transition: All 0.25s ease;-o-transition: All 0.25s ease;-ms-transition: All 0.25s ease;transition: All 0.25s ease; color: #888888;}
nav#mainmenu {overflow: visible!important; line-height: 0; float: right;}
nav#mainmenu ul {position: relative; display: inline-table; width: 100%;}
nav#mainmenu ul ul {width: auto; display: none;}
nav#mainmenu ul:after {content: ""; clear: both; display: block;}
nav#mainmenu ul li {float: left;}
nav#mainmenu ul li:hover > ul {display: block;}
nav#mainmenu ul li a {display: block; text-decoration: none; position: relative; line-height: 24px; min-height: inherit; text-align: center; font-size: 14px; text-transform: uppercase; float: none; border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 20px 5px;}
nav#mainmenu ul li > a:before {position: relative; width: 100%!important; line-height: 30px!important; font-size: 30px; vertical-align: middle; margin-right: 0;}
nav#mainmenu ul ul li > a:before {margin-right: 5px;}
nav#mainmenu ul li a.first {border-top: 0;}
nav#mainmenu ul li a:hover {color: #676767;}
nav#mainmenu ul ul {white-space:nowrap; border-radius: 0px; padding: 0; position: absolute; top: 100%; margin-left: 0; background: #505050;}
nav#mainmenu ul li.last ul {right: 0;}
nav#mainmenu ul ul li.last ul {right: inherit;}
nav#mainmenu ul ul li {float: none; position: relative; line-height: 32px; min-height: 0;}
nav#mainmenu ul ul li a{text-transform: none; text-align: left; border: 0; padding: 0 20px!important; line-height: 32px; color: #fff; font-size: 12px;}
nav#mainmenu ul ul li a:before{font-size: inherit;height: auto;line-height: 32px!important; width: 20px!important;padding-top: 0; }
nav#mainmenu ul ul li.last {border:0;}
nav#mainmenu ul ul ul {position: absolute; left: 100%; top:0;}
nav#mainmenu ul ul a.trail, nav#mainmenu ul ul a.active, nav#mainmenu ul ul a:hover {border: 0;}
nav#mainmenu .trail > span {color: #505050;}
nav#mainmenu ul a.trail, nav#mainmenu ul a.active, nav#mainmenu ul a:hover {border-right: 1px solid #ddd; border-left: 1px solid #ddd; background: #F3F3F3;}
nav#mainmenu ul ul li a:hover, nav#mainmenu ul ul li a.trail, nav#mainmenu ul ul li a.active, nav#mainmenu ul ul li.active a {background: #d5533f; color: #fff;}
/* no_naviicons */
body.naviicons_hide #mainmenu li[class*="icon-"] a:before,
body.naviicons_hide #mainmenu li[class*="icon-"] span:before {display: none;}
body.naviicons_hide #mainmenu .level_2 li[class*="icon-"] a:before,
body.naviicons_hide #mainmenu .level_2 li[class*="icon-"] span:before {display: inline-block;}
body.naviicons_hide nav#mainmenu ul li a {padding: 36px 15px;}
/* --subline in mainmenue
------------------------------------------------- */
nav#mainmenu span {font-size: 10px; text-transform: none; display: block; white-space:normal; line-height: normal; color: #999999; font-family: Arial, sans-serif;}
body.navisubline_hide nav#mainmenu span {display: none;}
/* --submenu-sidebar
------------------------------------------------- */
#submenu {margin-bottom: 25px;}
#submenu a {display: block; padding: 4px; margin-bottom: 0; -webkit-transition: All 0.1s ease; -moz-transition: All 0.1s ease; -o-transition: All 0.1s ease; -ms-transition: All 0.1s ease; transition: All 0.1s ease;}
#submenu li ul li {border: 0;}
#submenu ul ul {margin-left: 12px;}
#submenu ul ul li {padding: 0;}
#submenu a:hover, #submenu a.active {color: #d5533f; background: #d8d8d8;}/*f8f8f8*/
/*#submenu ul li:hover > ul {display: block; position:absolute;background: #304169; color: #fff!important; z-index:200; margin-left:30px}
#submenu ul li:hover > ul li a{background: #304169; color: #fff!important; }*/
/*Inaktive Punkte mit Untermenu:*/
#submenu ul li:hover > ul {display: block; position:absolute; color: #fff!important; z-index:2000; margin-left:30px;border: 1px solid #555}
#submenu ul li:hover > ul li { background: #fff ;}
#_submenu ul li:hover > ul li:hover { background-color:#304169 }
#_submenu ul li:hover > ul li a{ background-color:inherit;color: #fff!important; }
/*
#submenu ul li.active:hover > ul {display: block; position:relative; color:inherit; margin-left:12px;}
#submenu ul li.active:hover > ul li{background: inherit; color:#304169 }
#submenu ul li.active:hover > ul li a{color:#304169!important; }*/
#submenu ul li.trail:hover > ul {display: block; position:relative; color:inherit; margin-left:12px; border:none }
#submenu ul li.trail:hover > ul li{background: inherit; color:#304169 }
#submenu ul li.trail:hover > ul li a{color:#304169!important; }
#submenu ul li.trail:hover > ul ul {display: block; position:relative; color:inherit; margin-left:12px; border:none }
#submenu ul li.trail:hover > ul ul li{background: inherit; color:#304169 }
#submenu ul li.trail:hover > ul ul li a{color:#304169!important; }
#submenu ul li.active > ul, #submenu ul li.trail > ul {display: block;position:relative; margin-left:12px; border:none; background:none }
#submenu ul li.active > ul li, #submenu ul li.trail > ul li{ background:none }
#submenu ul ul {display: none;}
#submenu ul ul ul {display: none;}
#submenu ul ul ul ul {display: none;}
/* --triangle
------------------------------------------------- */
nav#mainmenu li.submenu:hover a:after {background: #505050; border: 1px solid; border-color: #fff #CECDCA #CECDCA #fff; content: ''; display: block; width: 16px; height: 16px; position: absolute; bottom: -9px; left: 40%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
nav#mainmenu li.submenu:hover ul a:after{display: none;}
/* =============================================================================
* mobile menu off canvas
* ========================================================================== */
#off_canvas {display: none;}
#jPanelMenu-menu {display: none; z-index: -1; width: 0; position: absolute; background: #333; z-index: 1; -webkit-box-shadow:inset 0 0 5px 5px #222; -moz-box-shadow:inset 0 0 5px 5px #222; box-shadow:inset 0 0 5px 5px #222;}
#jPanelMenu-menu a {color: #fff; padding: 8px 4px; display: block; border-bottom: 1px solid #1a1a1a;}
#jPanelMenu-menu a span {display: none;}
#jPanelMenu-menu a:before {z-index: 100;}
#jPanelMenu-menu a:hover, #jPanelMenu-menu a.active {background: #4b4b4b;}
#jPanelMenu-menu ul ul a {padding-left: 20px;}
#jPanelMenu-menu ul ul ul a {padding-left: 30px;}
#jPanelMenu-menu ul ul ul ul a {padding-left: 40px;}
#jPanelMenu-menu .socials {padding: 5px 0; border-bottom: 1px solid #1a1a1a; text-align: center; background: #4b4b4b; -webkit-box-shadow: inset 0px -3px 4px 0px #333; -moz-box-shadow: inset 0px -3px 4px 0px #333; box-shadow: inset 0px -3px 4px 0px #333;}
#jPanelMenu-menu .socials a {display: inline-block; border: 0; padding: 3px;}
#nav-open-btn {display: none; position: relative; float: right; z-index: 100; margin-top: 25px;}
#nav-open-btn:before {font-family: "icons"; content: '\2630'; color: #fff; font-size: 20px; line-height: 20px; width: 100%; text-align: center; display: block; background: #d5533f; border: 2px solid #ab3e2e; padding: 6px; border-radius: 8px; width: 20px;}
#jPanelMenu-menu form {text-align: center;}
#jPanelMenu-menu form button {}
#jPanelMenu-menu form input {width: 83%!important; border: 0;}
#jPanelMenu-menu .mod_search {border-bottom: 1px solid #3c3c3c; margin-bottom: 5px; padding: 10px; background: #1a1a1a;}
#jPanelMenu-menu .sprachwechsler {float: none; padding: 0; border: 0; margin: 0;}
#jPanelMenu-menu .sprachwechsler a {background: #4B4B4B; border-right: 0; margin: 0; padding: 0px 4px;}
#jPanelMenu-menu .sprachwechsler a:before {font-family: "icons"; content: "\21b3"; display: inline-block; position: relative; margin-right: 5px;}
#jPanelMenu-menu .mod_search .submit {height: 33px;}
/* =============================================================================
* features + contao modules
* ========================================================================== */
/* --contao content slider
------------------------------------------------- */
.slider-control {position:static!important; height:0!important;}
.slider-control a {top: 50%!important; opacity: 0.7; margin-top: -25px!important;}
.slider-control a:hover {opacity: 1;}
.slider-prev {background: url(../img/arrow-prev.png) left top no-repeat; text-indent: -9999em; display: block; width: 50px; height: 50px;}
.slider-next {background: url(../img/arrow-next.png) left top no-repeat; text-indent: -9999em; display: block; width: 50px; height: 50px;}
.slider-menu {bottom: 0; top: auto!important; font-family: Arial, sans-serif;}
.slider-menu b {margin: 0 2px!important;}
.ce_sliderStart {position: relative!important;}
/* --contao content slider in header_after
------------------------------------------------- */
#header_after .content-slider {margin: 0;}
#header_after .slider-control .slider-prev {left: 15px;}
#header_after .slider-control .slider-next {right: 15px;}
#header_after .slider-menu {bottom: 20px;}
/* --back links
------------------------------------------------- */
.back a:before {font-family: "icons"; content: '\e881'; margin-right: 5px;}
/* --table_simple
------------------------------------------------- */
table {margin-bottom: 10px; border-bottom: solid 3px #E3E3E3; width: 100%;}
table td {border-top: solid 1px #E3E3E3; padding: 0.5em; text-align: left;}
table td p {margin: 0;}
table th {text-align: left; padding: 0.5em;}
/* --table_striped
------------------------------------------------- */
.table-striped tr.even {background: #f8f8f8;}
/* --table_blank
------------------------------------------------- */
.table-blank tr, .table-blank td, .table-blank th, .table-blank table {border: 0; padding: 0;}
/* --table_extended
------------------------------------------------- */
.table-extended table {text-align: center; color: #666; font-size: 12px; text-shadow: 1px 1px 0px #fff; border: 1px solid #e0e0e0;}
.table-extended table td {border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-top: 1px solid #ffffff; background: #fafafa;}
.table-extended table th {border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fafafa; background: #ededed;}
.table-extended table th.col_first {text-align: left;}
.table-extended table tr.odd td {background: #f6f6f6;}
.table-extended table td.col_first {text-align: left; border-left: 0;}
.table-extended table .row_last td {border-bottom: 0;}
.table-extended table td:hover {background: #ddd!important;}
.table-extended table td {-webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}
/* --ce_gallery with responsive grid
------------------------------------------------- */
.ce_gallery .row1 {overflow: hidden; margin-left: 0; width:100%; float:left; margin-bottom: 15px;}
.ce_gallery .row2 {overflow: hidden; margin-left: 4%; width:48%; float:left; margin-bottom: 15px;}
.ce_gallery .row3 {overflow: hidden; margin-left: 5%; width:30%; float:left; margin-bottom: 15px;}
.ce_gallery .row4 {overflow: hidden; margin-left: 4%; width:22%; float:left; margin-bottom: 15px;}
.ce_gallery .row5 {overflow: hidden; margin-left: 5%; width:16%; float:left; margin-bottom: 15px;}
.ce_gallery .row6 {overflow: hidden; margin-left: 2%; width:15%; float:left; margin-bottom: 15px;}
.ce_gallery .row7 {overflow: hidden; margin-left: 1.5%; width:13%; float:left; margin-bottom: 15px;}
.ce_gallery .row8 {overflow: hidden; margin-left: 1.71%; width:11%; float:left; position:relative;}
.ce_gallery .row9 {overflow: hidden; margin-left: 1.25%; width:10%; float:left; position:relative;}
.ce_gallery .row10 {overflow: hidden; margin-left: 1%; width:9.1%; float:left; position:relative;}
.ce_gallery .row11 {overflow: hidden; margin-left: 1.1%; width:8.09%; float:left; position:relative;}
.ce_gallery .row12 {overflow: hidden; margin-left: 1%; width: 7.41%; float:left; position:relative;}
.ce_gallery .col_first {margin-left: 0!important; clear: both;}
.ce_gallery li {position: relative;}
.ce_gallery img {width: 100%; display: block; height: auto;}
.ce_gallery .caption {letter-spacing: 0; word-spacing: 0; font-size: 12px; line-height: 16px;}
/* special classes for ce_gallery */
.ce_gallery.image-border img {border: 1px solid #ddd;}
.rounded-images img {border-radius: 500%;}
/* --image_container
------------------------------------------------- */
.image_container {position: relative; padding: 0; margin-bottom: 10px;}
.image_container .caption {background: #ffffff; color: #505050; padding: 3px 6px; width: auto!important; font-size: 11px; position: absolute; right: 0; bottom: 0; width: auto!important;}
.image_container.float_right, .image_container.float_left {float: right; width: 45%; padding: 0; margin-bottom: 3%;}
.image_container.float_right {margin-left: 5%;}
.image_container.float_left {margin-right: 5%; float: left;}
.image_container img {width: 100%; display: block; height: auto;}
/*Startseite*/
.nachrichtenteaser_entry .image_container.float_right {float: right; width: 25%; margin-left: 3%; }
.nachrichtenteaser_entry .image_container.float_left {float: left; width: 25%; margin-right: 3%; }
#container .noresize .image_container {margin: 0!important; width: auto!important}
#container .noresize .image_container img {width: auto; height: auto;}
/*SUCHE*/
.portalhinweis{
border:1px solid #ccc;
background-color:#fff;
padding:5px;
margin-bottom:15px;}
.portalhinweis .image_container.float_right,
.portalhinweis .image_container.float_left { width:auto; }
/* --list
------------------------------------------------- */
.ce_text ul, .ce_list ul, .ce_text ol, .ce_list ol {margin-bottom: 15px; padding-left: 20px;}
.ce_text li, .ce_list li, .ce_text ol, .ce_list ol {line-height: 1.5em;}
.ce_text ul li, .ce_list ul li {list-style-type: disc; list-style-position: outside;}
.ce_text ol, .ce_list ol {list-style: decimal; padding-left: 25px;}
.ce_text ol ol, .ce_list ol ol {list-style: upper-alpha;}
.ce_text ol ol ol, .ce_list ol ol ol {list-style: lower-roman;}
/* --blockquote
------------------------------------------------- */
.blockquote-a {padding-left: 35px; position: relative;}
.blockquote-a p{text-align: justify; font-family: Georgia, Times, serif; font-size: 13px; font-style: italic; line-height: 20px;}
.blockquote-a:before {font-family: "icons"; content: "\275e"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px; font-style: normal; font-size: 25px;}
.blockquote-b {padding-left: 35px; position: relative;}
.blockquote-b {font-size: 17px; line-height: 24px;}
.blockquote-b:before {font-family: "icons"; content: "\275c"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px; font-style: normal; font-size: 25px;}
/* --socialbox
------------------------------------------------- */
.socialbox img {margin-right: 2px;}
/* --ce_comments
------------------------------------------------- */
.ce_comments .widget {margin-bottom: 10px;}
/* --content-box
------------------------------------------------- */
.content-box-a {background-color: #F9BBB9; padding: 20px 20px 10px 20px; border-left: 4px solid #E0A7A6;}
.content-box-b {background-color: #C1FFCC; padding: 20px 20px 10px 20px; border-left: 4px solid #AEE6B8;}
.content-box-c {padding: 20px 20px 10px 20px; border: 1px solid #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-d {padding: 30px 20px 20px 20px; background: #E0F1B5; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #4F5F39; text-align: center; font-size: 16px;}
.content-box-d p:before {font-family: "icons"; content: "\2139"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.content-box-e {padding: 30px 20px 20px 20px; background: #F5F6FC; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #4671A3; text-align: center; font-size: 16px;}
.content-box-e p:before {font-family: "icons"; content: "\261e"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.content-box-f {padding: 30px 20px 20px 20px; background: #FFF8F4; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #AF2C20; text-align: center; font-size: 16px;}
.content-box-f p:before {font-family: "icons"; content: "\2731"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.content-box-g {padding: 30px 20px 20px 20px; background: #FFFDF3; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #C96D11; text-align: center; font-size: 16px;}
.content-box-g p:before {font-family: "icons"; content: "\e8b8"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.content-box-h {padding: 30px 20px 20px 20px; background: #f8f8f8; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #444; text-align: center; font-size: 16px;}
.content-box-h p:before {font-family: "icons"; content: "\e89c"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.content-box-i {padding: 30px 20px 20px 20px; background: #333; color: #fff; text-align: center; font-size: 16px; font-weight: bold;}
.content-box-i p:before {font-family: "icons"; content: "\f099"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.content-box-j {padding: 30px 20px 20px 20px; background: #F5F6FC; color: #4671A3; text-align: center; font-size: 16px; font-weight: bold; border: 1px dashed #9DADBF;}
.content-box-k {padding: 30px 20px 20px 20px; background: #FFFDF3; color: #C96D11; text-align: center; font-size: 16px; font-weight: bold; border: 1px solid #E6BF4A;}
/* --calltoaction-box
------------------------------------------------- */
.calltoaction {background: url(../img/promo.png) repeat; padding: 15px; position: relative; margin-bottom: 20px; text-shadow: 1px 1px 1px #FFF; border-left: 4px solid #d5533f;}
.calltoaction strong {font-size: 17px; margin-bottom: 10px; display: block;}
.calltoaction p {font-size: 14px; width: 70%; margin: 0;}
.calltoaction a {display: block; padding: 8px 15px; position: absolute; right: 15px; top: 30%; text-shadow: none; background: #d5533f; color: #fff;}
.calltoaction_2 {background: url(../img/promo.png) repeat; padding: 15px; position: relative; margin-bottom: 20px; text-shadow: 1px 1px 1px #FFF; border-top: 5px solid #444;}
.calltoaction_2 strong {font-size: 17px; margin-bottom: 10px; display: block;}
.calltoaction_2 p {font-size: 14px; width: 70%; margin: 0;}
.calltoaction_2:after {font-family: "icons"; content: "\e9e8"; display: inline-block; position: absolute; margin-right: 5px; font-size: 55px; line-height: 55px; right: 35px; top: 20%;}
/* --dropcaps
------------------------------------------------- */
.dropcap p:first-letter {font-size: 36px; line-height: 36px; float: left; display:block; margin: 6px 7px 0 0; border-radius: 4px; background: #666666; color: #fff; padding: 2px 5px;}
.dropcap_2 p:first-letter {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1;}
.dropcap_3 p:first-letter {font-size: 36px; line-height: 1em; width: 1em; float: left; display:block; margin: 6px 7px 0 0; border-radius: 99px; background: #666666; color: #fff; padding: 5px; text-align: center;}
.dropcap_4 p:first-letter {font-size: 36px; line-height: 1em; width: 1em; float: left; display:block; margin: 6px 7px 0 0; background: #666666; color: #fff; padding: 5px; text-align: center;}
/* --hyperlinks + forms submit buttons
------------------------------------------------- */
.button, .servicebox_4 a, .servicebox_5 a, .servicebox_6 a, input[type="submit"], input.submit {color: #fff; font-weight: bold; padding: 10px 12px; text-align: center; display: inline-block; margin-bottom: 4px;}
/* sizes */
.button.small {padding: 8px 10px; font-size: 11px;}
.button.large {padding: 15px 18px; font-size: 15px; line-height: 33px; vertical-align: middle;}
/* rounded corners */
.button.rounded3 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.button.rounded5 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.button.rounded10 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.button.rounded99 {-webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px;}
/* icons */
.button.large[class^="icon-"]:before, .button.large[class*=" icon-"]:before {font-size: 33px; line-height: 33px; margin-right: 0.5em; vertical-align: middle;}
.button[class^="icon-"]:before, .button[class*=" icon-"]:before {margin-right: 0.6em;}
/* --testimonial
------------------------------------------------- */
.testimonial {overflow: visible; position: relative; margin-bottom: 25px; padding: 20px; background-color: #F8F8F8;}
.testimonial:after {position: absolute; bottom: -10px; right: 0; margin-left: -25px; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 25px 25px 0 25px; border-color: #F8F8F8 transparent transparent transparent;}
.testimonial_2 {text-align: center;}
.testimonial_2 .image_container img {border-radius: 500px; width: 85px!important; display: inline-block!important; box-shadow: 0 0 3px rgba(0,0,0,.5)}
.testimonial_2 p {font-size: 16px;}
.testimonial_3 img {width: auto!important; border-radius: 500px;}
.testimonial_3 .image_container {margin: 0!important; width: auto!important; padding-right: 20px;}
.testimonial_3 .image_container img {border-radius: 500px; width: 85px!important; display: inline-block!important;}
.testimonial_3 p {margin-left: 110px;}
/* --team
------------------------------------------------- */
.teambox .caption {font-size: 17px; width: 100%!important; border-left: 4px solid #ddd; padding: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity:.8}
.teambox .image_container {border: 1px solid #ddd;}
.teambox p {margin-bottom: 5px;}
.teambox_2 {text-align: center;}
.teambox_2 img {-webkit-transition: .5s all ease-in-out; -moz-transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; transition: .5s all ease-in-out; -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); background: #fff; box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); margin: 0; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px;}
.teambox_2 a[target="_blank"]:before {display: none!important;}
.teambox_3 a[target="_blank"]:before {display: none!important;}
.teambox_3 {text-align: center; padding: 20px; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;}
.teambox_3 em {text-transform: uppercase; font-weight: 300; font-size: 18px; font-style: normal;}
.teambox_3:hover {background: #F9F9F9; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border-radius: 6px; }
/* --nachrichtenliste
------------------------------------------------- */
.nachrichtenliste {margin-bottom: 35px; overflow: hidden; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; list-style: none;}
.nachrichtenliste .info {color: #999; margin-top: 10px;}
.nachrichtenliste .date {display: inline-block; margin-right: 20px;}
.nachrichtenliste .date:before {font-family: "icons"; content: "\1f553"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenliste .author {display: inline-block; margin-right: 20px;}
.nachrichtenliste .author:before {font-family: "icons"; content: "\e806"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenliste .comments {display: inline-block;}
.nachrichtenliste .comments:before {font-family: "icons"; content: "\e8b8"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenliste .more {float: right;}
.nachrichtenliste .more a {color: #fff;}
.nachrichtenliste h2 {border: 0; margin: 0; padding: 0;}
.nachrichtenliste .teaser {margin: 20px 0 0 0;}
.nachrichtenliste .date-wrapper {background: #efefef; text-align: center;}
.nachrichtenliste .date-wrapper .day {font-size: 20px; padding: 5px; font-weight: bold;}
.nachrichtenliste .month {padding: 5px; color: #fff;}
/* --nachrichtenteaser
------------------------------------------------- */
.nachrichtenteaser_entry .info {color: #919191; margin-bottom: 10px;}
/* --nachrichtenleser
------------------------------------------------- */
.nachrichtenleser .image_container {margin-bottom: 20px;}
.nachrichtenleser .date {margin-bottom: 10px; display: inline-block; font-size: 11px; margin-right: 20px; padding: 1px 6px;}
.nachrichtenleser .date:before {font-family: "icons"; content: "\e8d2"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenleser .author {margin-bottom: 10px; display: inline-block; font-size: 11px; margin-right: 20px; padding: 1px 6px;}
.nachrichtenleser .author:before {font-family: "icons"; content: "\e806"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenleser .comments {margin-bottom: 10px; display: inline-block; font-size: 11px; padding: 1px 6px;}
.nachrichtenleser .comments:before {font-family: "icons"; content: "\e8b8"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenleser .back {padding-top: 10px; margin-top: 10px; border-top: 1px solid #ddd;}
.nachrichtenleser .back a {font-size: 10px; text-transform: uppercase;}
.nachrichtenleser img {border: 1px solid #ddd;}
/* --comment_default
------------------------------------------------- */
.comment_default {padding-bottom: 5px; border-bottom: 1px solid #ddd; margin-bottom: 25px;}
/* --login-form
------------------------------------------------- */
.mod_login table td, .mod_login table {border: 0;}
.mod_login {padding: 30px; border: 1px solid #ddd; background: #f9f9f9;}
/* --ce_accordion
------------------------------------------------- */
.ce_accordion .accordion {border: 0; background: none; padding: 0;}
.ce_accordion .accordion > div {padding: 0;}
.ce_accordion .toggler {border-bottom: 1px solid #b9bcbe; background: none; background-image: none; font-weight: bold; box-shadow: 0 0 0 0; text-shadow: none; line-height: 30px; padding: 8px 0; color: #505050; cursor: pointer; margin-bottom: 10px;}
.ce_accordion .toggler:hover {background: 0;}
.ce_accordion .toggler:before {display: inline-block; font-family: 'icons'; font-style: normal; font-weight: 400; font-size: 10px; color: white; line-height: 20px; height: 20px; width: 20px; text-align: center; text-decoration: inherit; border-radius: 20px; padding: 0; float: left; clear:both; margin-right: 15px; margin-top: 3px; content: '\2b'; background-color: #d5533f;}
.ce_accordion .toggler:after {display: none;} /*font-size: 20px; h+w 25*/
.ce_accordion .toggler.ui-state-active:before {content: '\2d';}
/* --pagination
------------------------------------------------- */
.pagination {clear: both; border-top: 1px solid #ddd; padding-top: 5px; margin-top: 10px;}
.pagination ul {padding: 0; float: left;}
.pagination p {float: right;}
.pagination li {background: none; padding: 0; margin: 0; float: left; list-style-type: none;}
.pagination li:before,
.pagination li a:before {content: '';}
.pagination li a,
.pagination li span {background: none; display: block; margin-right: 1px; color: inherit; text-decoration: none; padding: 3px 10px;}
.pagination li span.current {background: #d5533f; color: white;}
.pagination li a:hover {color: #d5533f;}
/* --serviceboxes
------------------------------------------------- */
.servicebox {padding: 15px; text-align: center; background: #ddd; position: relative; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.servicebox:hover,
.servicebox[class^="icon-"]:hover:before,
.servicebox[class*="icon-"]:hover:before {color: #fff;}
.servicebox[class^="icon-"]:before,
.servicebox[class*="icon-"]:before{padding: 10%; font-size: 65px; margin: 0!important; color: #7F7F7F;}
.servicebox h1, .servicebox h2, .servicebox h3, .servicebox h4, .servicebox h5, .servicebox h6 {margin-bottom: 10px; padding: 0;}
.servicebox:hover h1, .servicebox:hover h2, .servicebox:hover h3, .servicebox:hover h4, .servicebox:hover h5, .servicebox:hover h6, .servicebox:hover h1 a, .servicebox:hover h2 a, .servicebox:hover h3 a, .servicebox:hover h4 a, .servicebox:hover h5 a, .servicebox:hover h6 a {color: #fff;}
.servicebox a {display: inline-block; padding: 5px 10px;}
.servicebox:hover a {background: #fff; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.servicebox:hover {background: #d5533f;}
/* Variante blau*/
.servicebox.blau:hover
{background: #ccc; color:#304169; }
.servicebox.blau, .servicebox.blau a, .servicebox.blau h1, .servicebox.blau h2, .servicebox.blau h3, .servicebox.blau h4, .servicebox.blau h5, .servicebox.blau h6, .servicebox.blau h1 a, .servicebox.blau h2 a, .servicebox.blau h3 a, .servicebox.blau h4 a, .servicebox.blau h5 a, .servicebox.blau h6 a
{color: #fff;}
.servicebox.blau:hover h1, .servicebox.blau:hover h2, .servicebox.blau:hover h3, .servicebox.blau:hover h4, .servicebox.blau:hover h5, .servicebox.blau:hover h6, .servicebox.blau:hover a, .servicebox.blau:hover h1 a, .servicebox.blau:hover h2 a, .servicebox.blau:hover h3 a, .servicebox.blau:hover h4 a, .servicebox.blau:hover h5 a, .servicebox.blau:hover h6 a
{color: #304169;}
.servicebox.blau
{padding: 15px; text-align: center; background: #304169; position: relative; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.servicebox_2 {position: relative; padding-left: 60px; text-align: left!important;}
.servicebox_2[class^="icon-"]:before,
.servicebox_2[class*="icon-"]:before {font-size: 35px; margin-right: 15px; color: #7F7F7F; position: absolute; left: 0; top: 0; line-height: 35px;}
.servicebox_2 h1, .servicebox_2 h2, .servicebox_2 h3, .servicebox_2 h4, .servicebox_2 h5, .servicebox_2 h6 {padding: 0;}
.servicebox_2 a {text-decoration: underline;}
.servicebox_3 {position: relative; padding-left: 60px; text-align: left!important;}
.servicebox_3[class^="icon-"]:before,
.servicebox_3[class*="icon-"]:before {font-size: 25px; margin-right: 15px; position: absolute; left: 0; top: 0; line-height: 25px; background: #555; border-radius: 99px; padding: 6px; color: #fff;}
.servicebox_3 h1, .servicebox_3 h2, .servicebox_3 h3, .servicebox_3 h4, .servicebox_3 h5, .servicebox_3 h6 {padding: 0;}
.servicebox_3 a {text-decoration: underline;}
.servicebox_4 {text-align: center; padding: 15px; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;}
.servicebox_4[class^="icon-"]:before, .servicebox_4[class*="icon-"]:before {padding: 10%; font-size: 65px; margin: 0!important; color: #7F7F7F; border-radius: 100%; text-align: center; }
.servicebox_4:before {border: 3px solid #fff; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s; background: #F9F9F9; border-radius: 100%; padding: 15px;}
.servicebox_4:hover {background: #F9F9F9;}
.servicebox_4 h3 {padding: 10px 0 0 0; margin-bottom: 10px;}
.servicebox_4 h5 {margin-bottom: 10px; padding: 0;}
.servicebox_4 p {font-family: Arial, Helvetica, sans-serif;}
.servicebox_4 a {margin: 0; background: #d5533f;}
.servicebox_4:hover:before {border: 3px solid #d5533f;}
.servicebox_5 {text-align: center; padding: 15px; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;}
.servicebox_5:hover {background: #F9F9F9;}
.servicebox_5 .image_container {border-radius: 500%; border: 3px solid #f8f8f8; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;}
.servicebox_5 img {border-radius: 500%;}
.servicebox_5 h3 {padding: 0; margin-bottom: 10px;}
.servicebox_5 h5 {margin-bottom: 10px; padding: 0;}
.servicebox_5 p {font-family: Arial, Helvetica, sans-serif;}
.servicebox_5 a {margin: 0;}
.servicebox_5 a {background: #d5533f;}
.servicebox_5:hover .image_container {border: 3px solid #d5533f;}
.servicebox_6 {text-align: center; padding: 15px; margin-bottom: 15px; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;}
.servicebox_6:hover {background: #F9F9F9;}
.servicebox_6 img {border: 3px solid #fff; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;}
.servicebox_6 h3 {padding: 0; margin-bottom: 10px;}
.servicebox_6 h5 {margin-bottom: 10px; padding: 0;}
.servicebox_6 p {font-family: Arial, Helvetica, sans-serif;}
.servicebox_6 a {margin: 0; background: #d5533f;}
.servicebox_6:hover img {border: 3px solid #d5533f;}
.servicebox_7 {border-top: 5px solid #F8F8F8; padding-top: 10px; text-align: left!important;}
.servicebox_7 a:before {font-family: "icons"; content: "\e8c6"; display: inline-block; position: relative; margin-right: 5px;}
.servicebox_7:hover {border-color: #d5533f;}
.servicebox_8 {padding: 25px; text-align: center; position: relative; color: #fff;}
.servicebox_8[class^="icon-"]:before,
.servicebox_8[class*="icon-"]:before{padding: 10%; font-size: 65px; margin: 0!important; color: #fff;}
.servicebox_8 h1, .servicebox_8 h2, .servicebox_8 h3, .servicebox_8 h4, .servicebox_8 h5, .servicebox_8 h6 {margin-bottom: 10px; padding: 0;}
.servicebox_8 h1, .servicebox_8 h2, .servicebox_8 h3, .servicebox_8 h4, .servicebox_8 h5, .servicebox_8 h6, .servicebox_8 h1 a, .servicebox_8 h2 a, .servicebox_8 h3 a, .servicebox_8 h4 a, .servicebox_8 h5 a, .servicebox_8 h6 a {color: #fff;}
.servicebox_8 a {display: inline-block; padding: 5px 10px;}
.servicebox_8 a {background: #fff;}
/* colors */
.servicebox_8.color-1 {background: #2D539D;}
.servicebox_8.color-2 {background: #F9A027;}
.servicebox_8.color-3 {background: #FB6451;}
.servicebox_8.color-4 {background: #a00057;}
/* --newslist
------------------------------------------------- */
.__more a {color: #fff; background-color: #009de5; font-weight: normal; text-transform: uppercase; /* text-shadow: -1px -1px 1px rgba(0,0,0, 0.25); */ padding: 3px 10px; text-align: center; display: inline-block; margin-bottom: 18px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); box-shadow: inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); cursor: pointer;}
.__more a:hover {color: #fff; text-decoration: none;}
/* --portfolioteaser
------------------------------------------------- */
.portfolioteaser .plus-icon {opacity:0; top: 0%; left:50%; margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; background: rgba(0,0,0,0.5); border-radius: 50%; position: absolute; clear: both; z-index: 1; -moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;-webkit-transition: all .3s ease-in;transition: all .3s ease-in;}
.portfolioteaser .plus-icon:before {font-family: "icons"; content: "\2b"; display: block; position: relative; font-size: 20px; line-height: 20px; top: 50%; margin-top: -10px; text-align: center; color: #fff;}
.portfolioteaser li:hover .plus-icon {opacity:1; top: 37%; left:50%; display: inline-block; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px;}
.portfolioteaser .bx_image {overflow: hidden;}
.portfolioteaser .bx_caption {background: #f6f6f6; box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.05); border-radius: 0 0 3px 3px; padding: 20px; text-align: center; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
.portfolioteaser .bx_caption .title {font-size: 17px;}
.portfolioteaser .bx_caption .title a {color: #4d4f4f;}
.portfolioteaser .bx_caption .subline {color: #ababab;}
.portfolioteaser li:hover .bx_caption .title a, .portfolioteaser li:hover .bx_caption .subline {color: #fff;}
.portfolioteaser li:hover img {filter: none; /* IE6-9 */ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); }
.portfolioteaser li img {filter: Gray(); filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.portfolioteaser li:hover .bx_caption {background: #d5533f; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;}
/* --portfolioliste
------------------------------------------------- */
.portfolioliste a, .portfolioliste .caption, .portfolioliste img {
-webkit-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.portfolioliste {margin-top: 50px; overflow: visible; list-style: none;}
.portfolioliste .image_container {margin-bottom: 0;}
.portfolioliste .title {font-size: 17px;}
.portfolioliste .subline {color: #ababab;}
.portfolioliste .caption {text-align:center; float:left; width:100%; padding:19px 0 14px; border-bottom:1px solid #E9E9E9; background: #F6F6F6;}
.portfolioliste:hover img {margin-top: -20px;}
.portfolioliste:hover .caption {padding: 29px 0 24px; border-color:#d0d0d0; color: #fff; background: #d5533f;}
.portfolioliste:hover .subline {color: #fff;}
.portfolioliste:hover a {color: #fff;}
.portfolioliste.one_third:nth-child(3n+1) {margin-left: 0!important; clear: both;}
.portfolioliste.one_fourth:nth-child(4n+1) {margin-left: 0!important; clear: both;}
.portfolioliste.one_half:nth-child(2n+1) {margin-left: 0!important; clear: both;}
.portfolioliste.one_third:nth-child(3n+1) {margin-left: 0!important; clear: both;}
/* --portfoliofilter
------------------------------------------------- */
.filter {overflow: hidden; margin-left: 0; width:100%; position:relative; display: inline-block; text-align: right;}
.filter li {display: inline-block;}
.filter li a {margin-right: 5px; font-weight: bold; padding: 4px 10px; display: inline-block; margin-bottom: 10px;}
.filter li.active a {background: #DDDDDD;}
.filter li a:hover {text-decoration: underline;}
.filter li.active a { position: relative; background: #efefef; border: 2px solid #cccccc; }
.filter li.active a:after, .filter li.active a:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.filter li.active a:after { border-color: rgba(239, 239, 239, 0); border-top-color: #efefef; border-width: 5px; left: 50%; margin-left: -5px; }
.filter li.active a:before { border-color: rgba(204, 204, 204, 0); border-top-color: #cccccc; border-width: 8px; left: 50%; margin-left: -8px; }
/* --jquery tools - tabs
------------------------------------------------- */
.panes {clear: both; background: none repeat scroll 0 0 #fcfcfc; border-style: solid; border-width: 3px 1px 1px; display: block; color: #888; padding: 25px 20px; margin-bottom: 20px;}
.tabs ul {float: left; list-style: none outside none; margin: 0; padding: 0; width: 100%;}
.tabs ul li.active, .tabs ul li.active a:hover {border-radius: 8px 8px 0 0; background-color: white; border-bottom: 1px solid white;}
.tabs ul li {float: left; padding: 0; list-style: none;}
.tabs ul li a {background: #e8e8e8; border: 1px solid #ddd; float: left; line-height: 30px; margin: 0 3px 0 0; overflow: hidden; padding: 3px 15px 1px; position: relative;}
.tabs ul li a.current {background-color: #d5533f; border-color: #d5533f; color: #fff;}
.panes {border-color: #d5533f #ccc #ccc #ccc;}
/* --jquery tools - tooltip
------------------------------------------------- */
.tooltip {display:none; background: #666666; padding: 5px; z-index: 100; margin-bottom: 15px; position: relative; color: #fff; max-width: 100px;}
.tooltip:after {background: #666666; border: 1px solid; border-color: #666666 transparent transparent #666666; content: ''; display: block; width: 8px; height: 8px; position: absolute; bottom: -4px; left: 50%; margin-left: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
/* --mod_subscribe
------------------------------------------------- */
.mod_subscribe table td,
.mod_subscribe table {border: 0;}
.mod_subscribe {background: #f0f0f0; padding: 0 8px; border: 0;}/*padding: 5%; */
.mod_subscribe input {width: 48%; float: left;}
.mod_subscribe label {width: 100%; display: block;}
/* --mod_subscribe in sidebar
------------------------------------------------- */
#left .mod_subscribe, #right .mod_subscribe {padding: 5%;margin-bottom:15px;}
#left .mod_subscribe input, #right .mod_subscribe input {width: 100%!important;}
#left .mod_subscribe input.submit, #right .mod_subscribe input.submit {margin: 10px 0 0 0!important;opacity: 0.7;}
#left .mod_subscribe input.submit:hover, #right .mod_subscribe input.submit:hover {opacity: 1;}
#left .mod_subscribe h4, #right .mod_subscribe h4 {font-size: 12px; margin-bottom: 4px; padding: 0; font-weight: normal;}/*15*/
#left .mod_subscribe label, #right .mod_subscribe label {margin-bottom: 10px;}
/* --mod_calendar
------------------------------------------------- */
.mod_calendar table {border-bottom: 1px solid #B9BCBE;}
.mod_calendar td {padding: 1.5%}
.mod_calendar td.col_first {border-left: 1px solid #B9BCBE;}
.mod_calendar th.label {border-bottom: 1px solid #B9BCBE; padding: 10px 0;}
.mod_calendar th.head {padding: 0;}
.mod_calendar th.previous a, .mod_calendar th.next a {padding: 3px; border: 1px solid #b9bcbe; background: #ededed; display: inline-block; white-space: nowrap;}
.mod_calendar th.previous a:hover, .mod_calendar th.next a:hover {border-color: #84898d !important;}
.mod_calendar th.previous a:after, .mod_calendar th.previous a:before, .mod_calendar th.next a:after, .mod_calendar th.next a:before {display: none;}
.mod_calendar th.current {text-align: center;}
.mod_calendar th.next {text-align: right;}
.mod_calendar th.previous {text-align: left;}
.mod_calendar th.label {text-align: center;}
.mod_calendar td {width: 14.28%; border-right: 1px solid #b9bcbe; background: #eaeaea; padding-left: 5px;}
.mod_calendar td.empty, .mod_calendar td:hover {background: #fff;}
.mod_calendar td.today { color: white !important; background: #969696; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset; -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset;}
.mod_calendar td.today a {color: white !important;}
.mod_calendar th.current:before {font-family: "icons"; content: "\1f4c5"; text-indent: 0; display: inline-block; position: relative; top: -1px; left: 0; margin-right: 5px;}
.minicalendar .days.active a{color:#304169; font-weight:bold;}
.minicalendar .days.active:hover {background-color:#304169; }
.minicalendar .days.active:hover a{color:#fff; font-weight:bold;}
/* --mod_eventreader
------------------------------------------------- */
.mod_eventreader .info:before {font-family: "icons"; content: "\1f4c5"; text-indent: 0; display: inline-block; position: relative; top: -1px; left: 0; margin-right: 5px;}
.mod_eventreader .info{font-weight:bold;}
.mod_eventreader p.back{margin-top:10px;}
/* --mod_eventlist
------------------------------------------------- */
.mod_eventlist .event {margin-bottom: 25px;}
.mod_eventlist h2 {margin-bottom: 5px;}
.mod_eventlist p.time {border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 3px 0;}
.mod_eventlist p.time:before, .mod_eventlist span.time:before
{font-family: "icons"; content: "\e91a"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;}
/* --mod_sitemap
------------------------------------------------- */
.mod_sitemap ul ul {margin-left: 15px;}
.mod_sitemap ul li {border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin-bottom: 15px; font-weight: normal;}
.mod_sitemap ul li ul li {border: 0; padding-bottom: 0px; margin-bottom: 3px;}
.mod_sitemap li:before {font-family: "icons"; content: '\25b8'; margin-right: 5px;}
.mod_sitemap li.submenu {font-weight: bold;}
.mod_sitemap li.submenu:before {font-family: "icons"; content: '\e824'; margin-right: 5px;}
.mod_sitemap li a:before {content: '';}
/* --mod_faqlist
------------------------------------------------- */
.mod_faqpage {counter-reset: mod_faqpage;}
.mod_faqpage h2 {margin-bottom: 20px;}
/*.mod_faqpage section h3::before {counter-increment: mod_faqpage; content: counter(mod_faqpage, decimal); display: inline-block; width: 7%; margin-right: 0.5em; padding: 0.1em; color: white; text-align: center; background: #ddd;}*/
.mod_faqpage section {margin-bottom: 15px;}/*35*/
.mod_faqpage .info {font-size: 11px;}
.mod_faqpage .info:before {font-family: "icons"; content: "\e82f"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;}
.mod_faqpage .toplink {border-bottom: 1px solid #ddd;}
.mod_faqpage .toplink:before {font-family: "icons"; content: "\e911"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;}
/* --mod_registration
------------------------------------------------- */
.mod_registration {padding: 30px; border: 1px solid #ddd; background: #f9f9f9;}
.mod_registration label {width: 40%; float: left;}
.mod_registration input {width: 60%; float: left;}
.mod_registration .submit_container {width: 100%; margin-top: 0px;}
.mod_registration .submit_container input {width: 60%; float: right;}
.mod_registration .captcha_text {float: left; display: block; margin-left: 40%; color: red; font-size: 14px; margin-top: 5px; margin-bottom: 15px;}
.mod_registration p.error {margin-left: 40%; clear: both;}
/* --mod_search
------------------------------------------------- */
.mod_search input {width: 45%; float: left;}
.mod_search input[type="search"] {-webkit-appearance: none!important; padding-right: 0!important; border-radius: 0!important;}
.mod_search .even, .mod_search .odd {padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.mod_search .relevance {float: right; font-size: 12px;}
.mod_search .submit:before {font-size: 16px; line-height: 1em; font-family: 'icons'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1.3em; text-align: center; content: '\e92a'; }
.mod_search .submit {margin: 0;margin-top:10px; padding: 5px; display: inline-block; height: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 0.7;}
.mod_search .submit:hover {opacity: 1;}
#container .mod_search .submit {height: 39px;}
#container .mod_search form {overflow: hidden;}
#container .mod_search .text,
#container .mod_search .submit {height: 32px; padding:0 8px;}
#container #main .mod_search .submit {margin-top:0;margin-left:10px;}
#container #main .mod_search .widget-submit {margin-bottom:20px;}
/* --mod_nl_reader
------------------------------------------------- */
.mod_nl_reader #container, body.dark, body.dark .mod_nl_reader #container {background: #fff;}
.mod_nl_reader table {border: 0!important;}
.mod_nl_reader table td {padding: 0; border: 0!important;}
/* --mod_nl_list
------------------------------------------------- */
.mod_nl_list li {border-bottom: 1px solid #ededed; padding: 15px 0;}
.mod_nl_list li a {margin-left: 40px;}
/* --404 page
------------------------------------------------- */
#page-404 h1 {font-size: 120px; text-align: center; text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF; color: #ccc; border: 0; margin: 0;}
#page-404 p {text-transform: uppercase; font-size: 20px; text-align: center;}
#page-404 p a {text-transform: none; margin: 0;}
/* --ce_downloads
------------------------------------------------- */
.ce_downloads li {border-bottom: 1px dotted #ccc; padding: 8px;}
.ce_downloads img {margin-right: 10px; vertical-align: middle;}
.ce_downloads li span {font-style: italic; font-size: 10px;}
/* =============================================================================
* --forms
* ========================================================================== */
/* --hide br
------------------------------------------------- */
form br {display: none;}
/* --input-wrapper
------------------------------------------------- */
.input-wrapper {margin-bottom: 12px; position: relative;}
.input-wrapper * {width: 99.9%!important; margin-left: 0!important;}
.ce_form .full {width: 99.9%;}
/* --fieldset+legend
------------------------------------------------- */
fieldset {border: 1px solid #ccc; padding: 0.5em; margin-bottom: 20px;}
legend {display: none;}
/* --input, select, textarea
------------------------------------------------- */
input, select, textarea {width: 100%; padding: 10px; margin: 0; border: 3px solid #ccc; color: #333; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 13px;}
input[type="search"] {-webkit-appearance: none; border-radius: 0!important;}
.button, input[type="submit"], input.submit {color: #fff; background: #d5533f;}
select {height: 40px; padding: 8px;}
textarea {height: 200px; min-height: 80px;}
/* --radio-buttons
------------------------------------------------- */
.radio_container {margin-top: 1px;}
.radio_container legend span {margin-bottom: 5px; display: inline;}
.radio_container label {float: none;}
.radio_container input {width: 20px; border: none; padding: 0; box-shadow: none; -webkit-box-shadow: none;}
.radio_container legend {display: block; overflow: hidden;}
.radio_container span {display: block;}
/* --checkboxes
------------------------------------------------- */
.checkbox_container {margin-top: 1px;}
.checkbox_container legend span {margin-bottom: 5px; display: inline;}
.checkbox_container label {float: none;}
.checkbox_container input {width: 20px!important; border: none!important; padding: 0; box-shadow: none; -webkit-box-shadow: none;}
.checkbox_container legend {display: block; overflow: hidden;}
.checkbox_container span {display: block;}
/* --submit-button
------------------------------------------------- */
.submit_container input {width: auto!important;}
.submit {-webkit-appearance:none; -webkit-box-shadow: none; box-shadow: none; border: 0;}
/* --errors
------------------------------------------------- */
label.error {color: red;}
input.error {border: 1px solid red;}
p.error {color: red; clear: both;}
/* --captcha
------------------------------------------------- */
.ce_form .captcha {width: 20%; float: left; margin-right: 2%;}
.ce_form .captcha_text {width: 70%; float: left; line-height: 33px;}
.ce_form .captcha-container {background: #ecd0d0; padding: 2%; margin-bottom: 15px;}
/* --footer form
------------------------------------------------- */
#footer input, #footer textarea {font-family: inherit; border: 1px solid #E0E0E0; background: #fff; -webkit-box-shadow: none; box-shadow: none;}
#footer textarea {height: 86px;}
#footer .submit_container {margin-top: 0;}
#footer input.submit {font-weight:normal; text-transform: uppercase; float: right; background: #A0A0A0; text-shadow:none;}
/* =============================================================================
* media-queries
* ========================================================================== */
/* --small desktop
------------------------------------------------- */
@media only screen and (min-width: 990px) and (max-width: 2980px){/*1280px*/
#top .inside, #header, #header .inside, #wrapper, #container-inside, #footer, #footer .inside, #container_before .inside, #header_after .inside, #bottom {max-width: 1000px; margin: 0 auto;}
/* headertext */
#header_after .ce_text h1, #header_after .ce_text h2, #header_after .ce_text h3, #header_after .ce_text h4, #header_after .ce_text h5, #header_after .ce_text h6, #header_after .ce_text p {max-width: 1000px;}
}
/* --tablets
------------------------------------------------- */
@media only screen and (max-width: 989px) {
/* logo */
.logo {height: 81px;}
/* top */
#top {display: none;}
/* layerslider */
.ce_revolutionslider .ce_text,
.ce_revolutionslider .ce_headline {margin-left: 30px!important;}
/* teaser */
#container_before {border-left: 0; border-right: 0; height: auto;}
#container_before:before,#container_before:after {display: none;}
/* container */
#container:before {width: 100%;}
/* portfolio */
.portfolioteaser .port-infos {position: relative;}
.portfolioteaser .port-infos h2 {font-size: 12px; display: block; background: #ededed;}
.portfolioliste .port-infos {position: relative;}
/* video button */
.mejs-overlay-button {display: none!important;}
/* menu + mobilemenu */
#mainmenu {display: none;}
/*#submenu {display: none;}*/
#nav-open-btn {display: block;}
}
/* --phones
------------------------------------------------- */
@media only screen and (max-width: 767px) {
#submenu {display: none;}
/* body */
body {padding: 0;}
/* wrapper */
#wrapper {width: 100%;}
/* sidebar */
body.sidebar_left #main,
body.sidebar_left #left,
body.sidebar_right #main,
body.sidebar_right #right,
body.sidebar_both #main,
body.sidebar_both #left,
body.sidebar_both #right {width: 100%; margin: 0;}
body.sidebar_left #main .inside,
body.sidebar_left #left .inside,
body.sidebar_right #main .inside,
body.sidebar_right #right .inside,
body.sidebar_both #main .inside,
body.sidebar_both #left .inside,
body.sidebar_both #right .inside {width: 100%; float: none; padding: 0; border: 0; margin: 0; background: none; min-height: 0;}
#right {margin-top: 15px!important; padding-top: 15px; border-top: 4px solid #ddd;}
#left {margin-bottom: 15px!important; padding-bottom: 15px; border-bottom: 4px solid #ddd;}
/* image_container */
.image_container {margin-bottom: 10px; width: 100%; padding: 0; margin: 0 0 10px 0; float: none;}
/* ce_text */
.ce_text {width: 100%;}
/* footer */
#footer .inside {text-align: center; padding: 40px 20px;}
/* disable webkit text size adjust (for iPhone) */
html {-webkit-text-size-adjust: none;}
/* tables */
table {font-size: 9px;}
/* css-framework */
.full, .one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth {width: 100%; margin: 0 0 15px 0;}
/* extension subcolumns */
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r,
.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c66l, .c62l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l {float: none; width: 100%; padding: 0; margin: 0;}
.subcr, .subcl, .subc {padding: 0!important;}
/* ce_gallery */
.ce_gallery .row2, .ce_gallery .row3, .ce_gallery .row4, .ce_gallery .row5, .ce_gallery .row6, .ce_gallery .row7, .ce_gallery .row8, .ce_gallery .row9, .ce_gallery .row10, .ce_gallery .row11, .ce_gallery .row12 {margin-left: 4%!important; width:48%; float:left!important; position:relative; clear: none!important;}
.ce_gallery .row2:nth-child(2n+1), .ce_gallery .row3:nth-child(2n+1), .ce_gallery .row4:nth-child(2n+1), .ce_gallery .row5:nth-child(2n+1), .ce_gallery .row6:nth-child(2n+1), .ce_gallery .row7:nth-child(2n+1), .ce_gallery .row8:nth-child(2n+1), .ce_gallery .row9:nth-child(2n+1), .ce_gallery .row10:nth-child(2n+1), .ce_gallery .row11:nth-child(2n+1), .ce_gallery .row12:nth-child(2n+1) {margin-left: 0!important; clear: left!important;}
/* mod_calendar */
.mod_calendar table {font-size: 7px;}
/* headlines */
h1 {font-size: 24px; margin-bottom: 15px;}
h2 {font-size: 20px; margin-bottom: 10px;}
h3 {font-size: 18px; margin-bottom: 10px;}
h4 {font-size: 16px; margin-bottom: 10px;}
h5 {font-size: 13px; margin-bottom: 10px;}
h6 {font-size: 12px; margin-bottom: 10px;}
h1 span {padding-bottom: 4px;}
/* top search */
#top .mod_search {display: none;}
/* mod_subscribe */
.mod_subscribe input {width: 100%; margin-bottom: 10px;}
/* mod_registration */
.mod_registration label, .mod_registration input, .mod_registration .submit_container input, .mod_registration .captcha_text {width: 100%; margin: 0;}
.mod_registration .captcha_text {margin: 5px 0 15px 0;}
.mod_registration p.error {margin-left: 0;}
/* forms */
form label {margin-bottom: 2px!important;}
form .captcha_text {line-height: 1em;}
form input {margin: 0!important;}
/* footer content */
#footer .submit_container {text-align: center;}
#footer input.submit {float: none; }
#footer [class^="icon-"]:before, #footer [class*="icon-"]:before {display: none!important;}
#footer .ce_text {margin-bottom: 0px;}
/* copyright */
#bottom .float-left, #bottom .float-right {float: none; text-align: center;}
#bottom .inside {padding: 20px;}
/* video button */
.mejs-overlay-button {display: none!important;}
/* nachrichtenliste */
.nachrichtenliste {margin-bottom: 0;}
/* more button */
.more a {padding: 2px 5px; font-size: 80%;}
/* calltoaction */
.calltoaction a {position: relative; left: 0; top: 15px; margin-bottom: 10px; text-align: center; width: 100%;}
.calltoaction p {width: 100%;}
.calltoaction_2:after {right: 10px;}
.calltoaction_2 p {width: 80%;}
/* css class hide for mobile devices */
.mobile_hide {display: none;}
/* header_after ce_text */
#header_after .ce_text.headertext {padding: 0 20px;}
/* tabs */
.tabs ul li {float: none;}
.tabs ul li a {float: none; display: block;}
/* bigtext */
.bigtext {font-size: 18px; line-height: 24px;}
/* headline ontainer_before */
#container_before .inside h1 {font-size: 28px;}
/* container */
#container-inside {padding: 40px 20px;}
/* container_before */
#container_before .inside {padding: 40px 20px;}
/* header .inside */
#header .inside {padding: 0 20px;}
/* logo-position */
#logo {left: 20px; top: 20px;}
/* site-font-icon */
.site-icons .row div {width: 100%!important;}
/* portfolio-filter */
.filter {text-align: center;}
/* google maps height */
#header_after iframe {max-height: 250px;}
}
/* =============================================================================
* font-icons
* ========================================================================== */
@font-face {font-family: 'icons'; src: url("../font/icons.eot"); src: url("../font/icons.eot?#iefix") format('embedded-opentype'), url("../font/icons.woff") format('woff'), url("../font/icons.ttf") format('truetype'), url("../font/icons.svg#icons") format('svg'); font-weight: normal; font-style: normal;}
/* --set default icon not to mod_navigation
------------------------------------------------- */
.mod_navigation li:before {content:''!important; margin-right: 0px!important;}
/* --icons
------------------------------------------------- */
i[class^="icon-"]:before,
i[class*="icon-"]:before,
.mod_navigation li[class^="icon-"] a:before,
.mod_navigation li[class*="icon-"] a:before,
.mod_navigation li[class^="icon-"] span:before,
.mod_navigation li[class*="icon-"] span:before,
.ce_headline[class^="icon-"]:before,
.ce_headline[class*="icon-"]:before,
.button[class^="icon-"]:before,
.button[class*="icon-"]:before,
.servicebox[class^="icon-"]:before,
.servicebox[class*="icon-"]:before,
.servicebox_2[class^="icon-"]:before,
.servicebox_2[class*="icon-"]:before,
.servicebox_8[class^="icon-"]:before,
.servicebox_8[class*="icon-"]:before,
.servicebox_3[class^="icon-"]:before,
.servicebox_3[class*="icon-"]:before,
.servicebox_4[class^="icon-"]:before,
.servicebox_4[class*="icon-"]:before,
.ce_list[class^="icon-"] li:before,
.ce_list[class*="icon-"] li:before,
.testimonial_4 a[class^="icon-"]:before,
.testimonial_4 a[class*="icon-"]:before{
font-family: 'icons';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.5em;
text-align: center;
line-height: 1em;
}
.ce_list[class^="icon-"]:before,
.ce_list[class*="icon-"]:before {content:'';}
.ce_list[class^="icon-"] li,
.ce_list[class*="icon-"] li {list-style-type: none; position: relative;}
.ce_list[class^="icon-"] li:before,
.ce_list[class*="icon-"] li:before {position: absolute; left: -25px; width: 25px; top: 3px;}
.ce_list[class^="icon-"] ul,
.ce_list[class*="icon-"] ul {padding-left: 20px;}
/* --icon-font
------------------------------------------------- */
body[class^="icon-"]:before,
body[class*="icon-"]:before,
.mod_navigation li[class^="icon-"]:before,
.mod_navigation li[class*="icon-"]:before {content: '';}
.i-code {display: none;}
.site-icons .row div {float: left; width: 25%;}
.site-icons .row {overflow: hidden;}
/* --iconbox
------------------------------------------------- */
.iconbox p {margin: 0;}
.iconbox[class^="icon-"]:before, .iconbox[class*="icon-"]:before { font-family:'icons'; font-style:inherit; font-weight:inherit; display:inline-block; text-decoration:inherit; width:1em; margin-right:.5em; text-align:center; line-height:inherit; float: left;}
/* --footer contact icons
------------------------------------------------- */
#footer [class^="icon-"]:before, #footer [class*="icon-"]:before { font-family:'icons'; font-style:inherit; font-weight:inherit; display:inline-block; text-decoration:inherit; width:1em; margin-right:.5em; text-align:center; line-height:inherit; float: left;}
#footer [class^="icon-"] p, #footer [class*="icon-"] p {margin-left: 1.5em; margin-bottom: 0;}
/* --set default icon not to mod_navigation
------------------------------------------------- */
.mod_navigation li:before {content:''!important;margin-right:0!important; }
/* ERGÄNZUNGEN */
#top .socials {
display: none;
}
#top .sprachwechsler {
display: none;
}
.color {
color:#304169;
}
.bg_color {
background-color:#304169;
}
#wrapper {
border-top:3px solid #dbac08;/*304169*/
}
#container_before .inside:after {
border-color:#304169 transparent transparent transparent;
}
.ce_accordion .toggler:before {
background-color:#304169;
}
.button,
.servicebox_4 a,
.servicebox_5 a,
.servicebox_6 a,
input[type="submit"],
input.submit {
background:#304169;
}
.servicebox_7:hover {
border-color:#304169;
}
.panes {
border-color:#304169 #ccc #ccc #ccc;
}
.tabs ul li a.current {
background-color:#304169;
border-color:#304169;
}
.servicebox_4:hover:before,
.servicebox_6:hover img,
.servicebox_5:hover .image_container {
border:3px solid #304169;
}
.servicebox:hover {
background:#304169;
}
nav#mainmenu ul ul li a:hover,
nav#mainmenu ul ul li a.trail,
nav#mainmenu ul ul li a.active,
nav#mainmenu ul ul li.active a {
background:#304169;
color:#fff !important;
}
#submenu a:hover,
#submenu a.active {
color:#304169;
}
/*
aside #submenu ul ul {display:block; border-left:1px solid #aaa}
aside #submenu ul ul ul {display:block; border-left:0px solid #00a; }
*/
.more a {
color:#fff;
background-color:#304169;
font-size:75%;
}
#right .more a, #right a.more {
float:right; font-weight: normal; text-transform: uppercase;color: #304169; text-decoration: none; background:none;
cursor: pointer;padding: 3px 10px; text-align: center; display: inline-block; margin-top: -22px;font-size:75%;
}
#right .more a:hover,#right a.more:hover {color: #fff; background-color: #304169 }
#right img{max-width: 100%;}
.pagination li a:hover {
color:#304169;
}
.pagination li span.current {
background:#304169;
color:white;
}
.calltoaction {
border-left:4px solid #304169;
}
.calltoaction a {
background:#304169;
color:#fff;
}
.portfolioteaser li:hover .bx_caption,
.portfolioliste:hover .caption {
background:#304169;
}
.tp-leftarrow.default,
.tp-rightarrow.default {
background:#304169;
}
.servicebox_4:hover:before {
background:#304169;
color:#fff;
}
#nav-open-btn:before {
background:#304169;
border:2px solid #304169;
}
#mainmenu ul li a span {
display: none;
}
/*
#header #mainmenu li[class*="icon-"] a:before, #mainmenu li[class*="icon-"] span:before, #off_canvas .mod_navigation a:before {
display: none;
}
*/
nav.mainmenu span {
margin-left: 0!important;
}
nav#mainmenu ul li a {
padding: 30px 10px ;
font-size:12px;
}
nav#mainmenu ul li > a:before{
font-size: 15px;
}
/* --nachrichtenliste
------------------------------------------------- */
aside .mod_eventlist .event { margin-bottom: 10px;}
aside .mod_eventlist {margin-bottom: 35px; overflow: hidden; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; list-style: none;}
aside .mod_eventlist .info {color: #999; margin-top: 10px;}
aside .mod_eventlist .date {display: inline-block; margin-right: 20px;}
aside .mod_eventlist .date:before {font-family: "icons"; content: "\1f553"; display: inline-block; margin-right: 5px; font-style: normal;}
aside .mod_eventlist p.time {margin-bottom: 3px;}
aside .mod_eventlist .author {display: inline-block; margin-right: 20px;}
aside .mod_eventlist .author:before {font-family: "icons"; content: "\e806"; display: inline-block; margin-right: 5px; font-style: normal;}
aside .mod_eventlist .comments {display: inline-block;}
aside .mod_eventlist .comments:before {font-family: "icons"; content: "\e8b8"; display: inline-block; margin-right: 5px; font-style: normal;}
aside .mod_eventlist .more {float: right; /* font-size:9px;*/}
aside .mod_eventlist p.more {margin-bottom: 3px;}
/*aside .mod_eventlist .more a {background-color: #ddd;margin-bottom: 3px;color: #304169;}*/
aside .mod_eventlist h2 { font-size:15px;border: 0; margin: 8px 0; padding: 0;}
aside .mod_eventlist .teaser {margin: 5px 0 0 0;}
/*aside */
.mod_eventlist .date-wrapper {background: #efefef; text-align: center;}
.mod_eventlist .date-wrapper .day {font-size: 20px; padding: 2px; font-weight: bold;text-align:left; /*color:white*/;border-top:1px solid #304169}
.mod_eventlist .date-wrapper .dayno {font-size: 15px; padding: 1px; font-weight: bold; display:inline-block}
.mod_eventlist .date-wrapper .weekday {/*float:right*/;font-size: 15px; padding: 1px;margin-left:3px;margin-top:3px; font-weight: normal;}
.mod_eventlist .date-wrapper .time {float:right;font-size: 11px; padding: 1px;margin-left:3px;margin-top:3px; font-weight: normal;}
.mod_eventlist .month {font-size: 10px; margin-right:3px}
/*aside .mod_eventlist .month {padding: 5px; color: #fff;text-align:right}*/
/* --Sitzungstermine
------------------------------------------------- */
.mod_eventlist.archiv h1{font-size:1.4em;font-weight:400;}
.mod_eventlist.archiv h1:before{content:"Archiv ";}
.mod_eventmenu li{padding-left:5px;}
.mod_eventmenu li a:hover{color:#304169;}
/* Nachricht
---------------------------------------------*/
.pdf_link{text-align:right; }
.mod_newslist a {/*color:#304169*/;line-height1.3em; }
#right .mod_newslist h4,
.mod_eventlist h2,
.mod_eventlist h2 a {color:#304169;line-height:1.3em; font-weight:600 }
#right .mod_newslist .text {line-height:1.5em; }
/* STARTSEITE
------------------------------------------------- */
body.aktuelles h1 {font-size: 20px; font-weight: 300;} /*body.aktuelles*/
body.aktuelles h2 {font-size: 20px; font-weight: 300;}/*body.aktuelles*/
body.aktuelles .event h2 {font-size: 14px; font-weight: 600; color:#304169; }/*body.aktuelles*/
body.aktuelles .event a {color:#304169 }/*body.aktuelles*/
body.aktuelles .event .time {margin-left:2px }/*body.aktuelles*/
#right .mod_teaserblock .teaser,
#right .mod_eventlist .teaser {line-height:1.5em; }
.mod_newslist h4 { line-height:1.3em; font-weight:600 ;color:#304169; }/*body.aktuelles*/
.mod_newslist h4 a{ line-height:1.3em; font-weight:600!important }/*body.aktuelles*/
.more a::before, a.more::before { /*body.aktuelles*/
content: '\ec1f';
font-family: "icons";
margin-right: 0.5em;
text-align: center;
width: 1em;
}
.more a{ /*body.aktuelles*/
/* background: none;
color: #304169;*/
padding: 1px 5px;
}
_body.aktuelles .servicebox {background-color:#eee;}
.nachrichtenteaser_entry h4{margin-bottom:1px;}
.nachrichtenteaser_entry .info{margin-bottom:1px;}
.nachrichtenteaser_entry {border-top:1px solid #ddd; padding-top:2px;}
.nachrichtenteaser_entry.first {border-top:none;}
/* Rechte Spalte*/
aside .nachrichtenteaser_entry .image_container.float_left{float:none; width:100%}
/* EVENTS */
ul.enclosure {margin-top:10px;margin-left:5px}
/* Nested Accordion */
.ce_accordion h3 {
font-size: 15px;
}
.ce_accordion .accordionTop {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
padding: 0;
}
.ce_accordion .accordionTop > div {
padding: 0;
}
.ce_accordion .togglerTop {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid #b9bcbe;
box-shadow: 0 0 0 0;
color: #505050;
cursor: pointer;
font-weight: bold;
line-height: 30px;
margin-bottom: 10px;
padding: 8px 0;
text-shadow: none;
}
.ce_accordion .togglerTop:hover {
background: none repeat scroll 0 center rgba(0, 0, 0, 0);
}
.ce_accordion .togglerTop::before {
background-color: #d5533f;
border-radius: 25px;
clear: both;
color: white;
content: "+";
display: inline-block;
float: left;
font-family: "icons";
font-size: 20px;
font-style: normal;
font-weight: 400;
height: 25px;
line-height: 25px;
margin-right: 15px;
margin-top: 3px;
padding: 0;
text-align: center;
text-decoration: inherit;
width: 25px;
}
.ce_accordion .togglerTop::after {
display: none;
}
.ce_accordion .togglerTop.ui-state-active::before {
content: "-";
}
/* Mail Link*/
.maillink[class^="icon-"]::before,
.maillink[class*="icon-"]::before
{
display: inline-block;
font-family: "icons";
font-style: normal;
font-weight: normal;
line-height: 1em;
margin-right: 0.3em;
text-align: center;
text-decoration: inherit;
width: 1em;
}
a.maillink
{
color:#304169;
font-weight:bold
}
a.shortcut{margin-right:15px}
a.shortcut:hover{color:#dbac08}
/* --mod_subscribe in sidebar
#container .mod_search .text, #container .mod_search .submit
------------------------------------------------- */
#left .mod_search , #right .mod_search {padding: 5%;background: #f0f0f0 none repeat scroll 0 0; border: 0 none; margin-bottom:15px;}
#left .mod_search .text, #right .mod_search .text,#left .mod_search .submit, #right .mod_search .submit{ height:32px;padding 0 8px;width:100%}
#left .mod_search input, #right .mod_search input {width: 100%!important;}
#left .mod_search input.submit, #right .mod_search input.submit {margin: 10px 0 0 0!important;}
#left .mod_search h4, #right .mod_search h4 {font-size: 12px; margin-bottom: 4px; padding: 0; font-weight: normal;}/*15*/
#left .mod_search label, #right .mod_search label {margin-bottom: 10px;}
/* SUCHE */
/*ul.level_2 a.submenu::after{content:"..."; color:#f00}*/
#jPanelMenu-menu ul.level_3 {display:block; }
#jPanelMenu-menu ul.level_3 li a::before {content:"- "; }
#jPanelMenu-menu ul.level_2 .trail ul.level_3 {display:block}
#jPanelMenu-menu ul.level_2 .active ul.level_3 {display:block}
#submenu ul.vlist.level_3 {background-color:#fff}
#jPanelMenu-menu ul.vlist.level_3 {background-color:#555}
/* FAQ */
.mod_faqpage h2{font-size:15px}
.mod_faqpage h3{font-size:13px}
/* STADTINFO */
.stadtinfoarchiv{ display:inline-block;width:210px; margin-bottom:20px;margin-right:30px;
}
.stadtinfoarchiv img{ display:inline-block;width:210px; margin-bottom:0px;margin-right:0px;
-moz-box-shadow: 0 0 17px rgba(0,0,0,.50);
-webkit-box-shadow: 0 0 17px rgba(0,0,0,.50);
box-shadow: 5px 5px 5px rgba(0,0,0,.50);}
.stadtinfoarchiv.links{float:left;}
.stadtinfoarchiv.rechts{float:right;clear:left}
a.wahl {
font-weight: normal; text-transform: uppercase;color: #304169; text-decoration: none; background:none;
cursor: pointer;padding: 3px 10px; text-align: center; display: inline-block;
}
a.wahl:hover, a.aktiv {color: #fff!important; background-color: #304169 }
/* SLIDESHOW */
.ce_revolutionslider .ce_text{
background-color: #304169;
color:white;
padding:5px;
margin:15px;}
/* SUBMIT */
button.submit{
color: #fff;
font-weight: bold;
padding: 10px 12px;
text-align: center;
display: inline-block;
margin-bottom: 4px;
background: #304169;
opacity: 0.7;
}
button.submit:hover{
opacity:1;
}