/** Styleswitcher by category
grey = home, root:0
blue = service
green = wissen
darkblue = OOWV
amber = unused
*/
@font-face {
    font-family: 'KievitWebPro';
    src: url('../fonts/KievitWebPro.eot');
    src: url('../fonts/KievitWebPro.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'KievitWebPro';
    src: url('../fonts/KievitWebPro-Medi.eot');
    src: url('../fonts/KievitWebPro-Medi.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'KievitWebPro';
    src: url('../fonts/KievitWebPro-Bold.eot');
    src: url('../fonts/KievitWebPro-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'KievitWebPro';
    src: url('../fonts/KievitWebPro-Ita.eot');
    src: url('../fonts/KievitWebPro-Ita.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'KievitWebPro';
    src: url('../fonts/KievitWebPro-MediIta.eot');
    src: url('../fonts/KievitWebPro-MediIta.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'KievitWebPro';
    src: url('../fonts/KievitWebPro-BoldIta.eot');
    src: url('../fonts/KievitWebPro-BoldIta.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}
/* Common after Reset */
a {text-decoration:none;color:#333;}
.csc-textpic a.float {float:right;}
a:hover {text-decoration:underline;}
li {list-style-type:none;/*/*text-transform:uppercase;*/*/}
p {font-size:14px;line-height:22px;}
p.bold {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:700;}
p.author {color:#999;/*text-transform:uppercase;*/font-size:9px;}
strong, b {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:700;}
h1, h2, h3, h4 {font-weight:normal;}
img {vertical-align:baseline;}
h1,h2,h3,h4,p {-moz-font-feature-settings: "liga=0";}
dfn {display:none;}

img {
    max-width: 100%;
    height: auto;
    box-sizing:border-box;
}
/* Änderungen, mdc, 07.11.2012 , Grund Fehler bei der Darstellung ff, ft  etc.  */

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote,
body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div,
dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3,
h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend,
li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt,
ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table,
tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp
{
    -moz-font-feature-settings: "liga" off;
}

/* Animation */

@-webkit-keyframes bounceIn {
  0% {opacity: 0;-webkit-transform: scale(.3);}
  3% {opacity: 1;-webkit-transform: scale(1.05);}
  7% {-webkit-transform: scale(.9);}
  10% {opacity: 1;-webkit-transform: scale(1);}
  100% {opacity: 1;-webkit-transform: scale(1);}
}

@-moz-keyframes bounceIn {
  0% {opacity: 0;-moz-transform: scale(.3);}
  3% {opacity: 1;-moz-transform: scale(1.05);}
  7% {-moz-transform: scale(.9);}
  10% {opacity: 1;-moz-transform: scale(1);}
  100% {opacity: 1;-moz-transform: scale(1);}
}

@-ms-keyframes bounceIn {
  0% {opacity: 0;-ms-transform: scale(.3);}
  3% {opacity: 1;-ms-transform: scale(1.05);}
  7% {-ms-transform: scale(.9);}
  10% {opacity: 1;-ms-transform: scale(1);}
  100% {opacity: 1;-ms-transform: scale(1);}
}

@-o-keyframes bounceIn {
  0% {opacity: 0;-o-transform: scale(.3);}
  3% {opacity: 1;-o-transform: scale(1.05);}
  7% {-o-transform: scale(.9);}
  10% {opacity: 1;-o-transform: scale(1);}
  100% {opacity: 1;-o-transform: scale(1);}
}

@keyframes bounceIn {
  0% {opacity: 0;transform: scale(.3);}
  3% {opacity: 1;transform: scale(1.05);}
  7% {transform: scale(.9);}
  10% {opacity: 1;transform: scale(1);}
  100% {opacity: 1;transform: scale(1);}
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -ms-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}

#bouncebubble1, #bouncebubble2, #bouncebubble3 {opacity: 0;z-index:-1; position:absolute;top:0px;width:118px;height: 36px;}
#bouncebubble1 {background:#009EE0;  left: 1px;}
#topmenu ul li.WISSEN a,
#bouncebubble2 {background:#95C154;left: 121px;}
#bouncebubble3 {background:#004779;  left: 241px;}

#bouncebubble1, #bouncebubble2, #bouncebubble3 {
  animation-duration: 10s;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-duration: 10s;
  -moz-animation-iteration-count: infinite;
  -ms-animation-duration: 10s;
  -ms-animation-iteration-count: infinite;
  -o-animation-duration: 10s;
  -o-animation-iteration-count: infinite;
}
#bouncebubble1 {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
}
#bouncebubble2 {
  animation-delay: 1.25s;
  -webkit-animation-delay: 1.25s;
  -moz-animation-delay: 1.25s;
  -ms-animation-delay: 1.25s;
  -o-animation-delay: 1.25s;
}
#bouncebubble3 {
  animation-delay: 2.25s;
  -webkit-animation-delay: 2.25s;
  -moz-animation-delay: 2.25s;
  -ms-animation-delay: 2.25s;
  -o-animation-delay: 2.25s;
}

.animated {display:block;}

/* Skiplinks */
.skip {left: -32768px;position: absolute;top: -32768px;}
.skip:focus {left: 0;position: static;top: 0;}

/* Webfonts */
/*@font-face {font-family: 'D-normal';src: url('../fonts/218c909f57544ce720b65271c11f7d7a.eot');src: url('../fonts/218c909f57544ce720b65271c11f7d7a.eot?#iefix') format('embedded-opentype'),url('../fonts/218c909f57544ce720b65271c11f7d7a.woff') format('woff'),url('../fonts/218c909f57544ce720b65271c11f7d7a.ttf') format('truetype'),url('../fonts/218c909f57544ce720b65271c11f7d7a.svg#wf') format('svg');}
@font-face {font-family: 'D-bold';src: url('../fonts/5582df089a7c4185c4a85ed2d7bd3db6.eot');src: url('../fonts/5582df089a7c4185c4a85ed2d7bd3db6.eot?#iefix') format('embedded-opentype'),url('../fonts/5582df089a7c4185c4a85ed2d7bd3db6.woff') format('woff'),url('../fonts/5582df089a7c4185c4a85ed2d7bd3db6.ttf') format('truetype'),url('../fonts/5582df089a7c4185c4a85ed2d7bd3db6.svg#wf') format('svg');}
@font-face {font-family: 'D-medium';src: url('../fonts/1677B0_0.eot');src: url('../fonts/1677B0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/1677B0_0.woff') format('woff'),url('../fonts/1677B0_0.ttf') format('truetype'),url('../fonts/1677B0_0.svg#wf') format('svg');}*/

/** Remove MyFont advertising **/
div#mfPreviewBar {display: none !important;}
/* Body */
body {padding-bottom: 40px;background: #fff;color: #333;font:13px/1.5 "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;height: auto;-moz-font-feature-settings: "calt=0,liga=0";}
body.darkblue {
  /*background:url(../img/background_oowv.png) 0 0;*/
  background: #f7f7f7;
  border-top: 10px solid rgb(0,54,112);
}
body.grey,
body.magenta {
  /*background:url(../img/background_home.png) 0 0;*/
  background: #f7f7f7;
  border-top: 10px solid #9e9e9e;
}
body.blue {
  /*background:url(../img/background_service.png) 0 0;*/
  background: #f7f7f7;
  border-top: 10px solid #009EE0;
}
body.green {
  /*background:url(../img/background_wissen.png) 0 0;*/
  background: #f7f7f7;
  border-top: 10px solid #78b441;
  }


/* Typo */
body.darkblue h1, body.darkblue h1 a, body.darkblue h2, body.darkblue h2 a {color:rgb(0,54,112);}
body.blue h1, body.blue h1 a, body.blue h2, body.blue h2 a {color:#009EE0;}
body.blue .headercopy h1, body.green .headercopy h1, body.darkblue .headercopy h1 {color:#fff;}
body.green h1, body.green h1 a, body.green h2, body.green h2 a {color:#78b441;}
body.amber h1, body.amber h1 a, body.amber h2, body.amber h2 a {color:#f7a42c;}
h1 {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:600;}
h1.crossreference {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:700;font-size:20px;color:rgb(0,54,112);/*text-transform:uppercase;*/margin-bottom:0px;}
h1.header {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:600;}
.contentbox .article h1 {padding:0px;background:url(../img/dotted_h_blue.png) 0% 100% repeat-x;}
.contentbox .article table h1 {padding:0px;margin:0px;text-align:center;/*text-transform:uppercase;*/background:none;font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:700;}
.contentbox .article table p {margin-bottom:0px;}
h1.white {color:#fff !important;}
h2.lightgrey, h2.moduletitle {color:#eee !important;}
h1.blue {color:#009EE0 !important;}
h1.green {color:#78b441 !important;}
h1.amber {color:#f7a42c !important;}
h1.darkblue {margin-bottom:0px;}
h1.darkblue a {color:rgb(0,54,112);}
h1.articlewithimage, h2.headlinewithimage {float:left;width:320px;}
h1.article, h1.articlewithimage, h2.headlinewithimage, h2.headline, h3.headline, h3.headlinewithimage {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:700;/*text-transform:uppercase;*/}
h2.headline, h2.headlinewithimage {font-size:18px;background:url(../img/dotted_h_blue.png) 0 100% repeat-x;padding:10px 0px 0px 0px;}
h3.headline, h3.headlinewithimage {font-size:16px;padding:10px 0px 0px 0px;margin:0px;}

h1.article a, h1.articlewithimage a, h2.headlinewithimage a, h2.headline a {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:600;}
/*
a.internal-link {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400; color:rgb(0,54,112);font-weight:500;}
*/

a.internal-link:before {
    background-image: url('/typo3conf/ext/rtehtmlarea/Resources/Public/Images/internal_link.gif');
	background-position: center;
    content: '';
    position: relative;
    width: 14px;
    height: 10px;
    display: inline-block;
}
a.download:before {
    background-image: url('/typo3conf/ext/rtehtmlarea/Resources/Public/Images/download.gif');
	background-position: center;
    content: '';
    position: relative;
    width: 14px;
    height: 10px;
    display: inline-block;
}
a.download img, a.internal-link img { display: none; }
.first-article,.second-article,.third-article,.default-article {
    clear: both;
}
#accordion h2 {font-size:14px;font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:600;color:rgb(0,54,112);}
#accordion h2.current {color:rgb(0,54,112);font-size:16px;}

#accordion .pane header {
    display: none;
}

h3.articlebottomtitle {font-size:14px;font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:700;margin:0px;padding:10px 0px 0px 20px;/*text-transform:uppercase;*/}
.articlebottom p {padding-left:20px;font-size:12px;}
.headercopy h1 {font-size:20px;color:#fff;margin-bottom:8px;line-height:24px;}
.headercopy h2 {font-size:14px;color:#eee !important;}
#topmenu {position:relative;}
#topmenu ul li a {font-size:20px;font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:700;display:inline-block;width:118px;height: 36px;margin: 0px 1px;padding: 4px 0px 0px 0px;text-align: center;box-sizing: border-box;}

/* Over: 1st Level in color, root in grey, class grey as last important */
#topmenu ul li a:hover,#topmenu ul li:hover a {text-decoration:none;background:#95C154;color:#fff !important;height: 36px;}
#topmenu ul li:first-child a:hover {text-decoration:none;color:#fff;background:#009EE0;height: 36px;}
#topmenu ul li:last-child a:hover {text-decoration:none;background:#004779;color:#fff;height: 36px;}
.grey #topmenu ul li a {
color: #f7f7f7 !important;
background: none;
}
.grey #topmenu ul li:hover a,
.grey #topmenu ul li a:hover {
  color:#fff !important;
  height: 36px;
}
#topmenu ul li a {background:#e5e5e5; color:#737373;height: 36px;}
#topmenu ul li.SERVICE a {background:#009EE0;color:#fff;}
#topmenu ul li.WISSEN a {background:#95C154;color:#fff;}
#topmenu ul li.DER a {background:#004779;color:#fff;}
.mainmenu li a {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;font-size:14px;line-height:20px;}
.module h3 {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:700;font-size:18px;/*text-transform:uppercase;*/margin-bottom:0px;background:url(../img/dotted_h_blue.png) 0 100% repeat-x;}
body.blue .module h3 {color:#009EE0;}
body.green .module h3 {color:#78b441;}
body.amber .module h3 {color:#f7a42c;}
.module-news h3, .module-short h3 {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:700;font-size:18px;/*text-transform:uppercase;*/color:rgb(0,54,112);margin-bottom:0px;padding:5px 0px 0px 0px !important;}
.special .module-short .text p:hover,
.grey .module-short .text p:hover {-webkit-box-shadow: 0px 0px 15px rgba(150,150,150,1.00);-moz-box-shadow: 0px 0px 15px rgba(150,150,150,1.00);}
.special .module-short .text p a,
.grey .module-short .text p a {display:block;color:#fff;font-size:14px;padding:3px 0px 0px 7px;font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;}
.special .module-short .frame ,
.grey .module-short .frame {
    position: relative;
}
.special .module-short .text p,
.grey .module-short .text p {
    position:absolute;
    right: 0;
    top: 0;
    transform: translateY(50%);
    display:block;
    width:10px;
    line-height:2px;
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    behavior: url(/fileadmin/templates/oowv/js/PIE.htc);
    color:#eee;
    cursor:pointer;
    background: rgb(0,40,70); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,71,120,1) 0%, rgba(0,40,70,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,71,120,1)), color-stop(100%,rgba(0,40,70,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,71,120,1) 0%,rgba(0,40,70,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,71,120,1) 0%,rgba(0,40,70,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(0,71,120,1) 0%,rgba(0,40,70,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003268', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(0,71,120,1) 0%,rgba(0,40,70,1) 100%); /* W3C */
}
.special .module-short .text p a:hover,
.grey .module-short .text p a:hover {text-decoration:none;}
.special .module-short .text p img[src="typo3/sysext/rtehtmlarea/res/accessibilityicons/img/internal_link.gif"],
.special .module-short .text p a img,
.grey .module-short .text p img[src="typo3/sysext/rtehtmlarea/res/accessibilityicons/img/internal_link.gif"],
.grey .module-short .text p a img {display:none;}
.grey .module-short .text p a:before {
    content: none;
}

.module p {padding:5px 0px 0px 0px;margin-bottom:0px;}
.module-bubble h3 {padding:5px 0px 0px 10px;/*text-transform:uppercase;*/font-size:14px;margin:0px;}
.module-bubble p.tel {font-size:18px;color:rgb(0,54,112);padding-left:10px;}
.modulebox h1, .modulebox h2 {font-size:16px;/*text-transform:uppercase;*/padding:5px 0px 2px 0px;margin-bottom:5px;font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;}
.modulebox h3 {font-size:16px;/*text-transform:uppercase;*/padding:10px 0px 0px 15px;margin-bottom:0px;font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:600;line-height:18px;}
.grid_3.modulebox h3 {margin-bottom:5px;}
.modulebox p {padding:5px 10px 10px 15px;line-height:18px;margin-bottom:0px;}
span.red {color:#900000;}

#footer h4, #footer h1, #footer .module-news h3 {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:600;margin-top:10px;color:#eee;font-size:18px;}
#footer p {margin:0px;font-size:12px;line-height:14px;color:#ccc;-moz-font-feature-settings:"hist=1,liga=0";-webkit-font-feature-settings:"hist=1"; }
#footer p.headliner, #footer li.headliner a {color: #fff;margin-top: 20px;font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;font-size: 13px;}
#footer ul.footersubmenu li a {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;text-transform:none;color:#ccc;}
#footer ul.sitemap li a, #footer .module-news .newsentry h4 a {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;text-transform:none;color:#eee;font-size: 13px;}
#footer ul.sitemapsub li a, #footer p a {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;text-transform:none;color:#ccc;font-size: 12px;}
#footer ul.sitemapsub li {padding-left:5px;}
#footer .module-news h3 {display:none;}
#footer .module-news .newsentry {border:none;margin:0px;padding:0px;}
#footer .module-news .newsentry .news a {color:#ccc;}
#footer .module-news .newsentry .news h4 {margin-top:0px;}
#footer .module-news .newsentry .news h4 a {font-size:12px;/*text-transform:uppercase;*/color:#eee;}

#footer p.subheadline {color:#ccc;}
#footer li {margin:0px;}

.mainmenu li span.current, .mainmenu li a.active {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:600;font-size:14px;line-height:20px;}
 body.darkblue .mainmenu li span.current, body.darkblue .mainmenu li a.active  {color:rgb(0,54,112);}
body.blue .mainmenu li span.current, body.blue .mainmenu li a.active {color:#009EE0;}
body.green .mainmenu li span.current, body.green .mainmenu li a.active {color:#78b441;}
body.amber .mainmenu li span.current, body.amber .mainmenu li a.active {color:#f7a42c;}

/* Container */
.wrapper {width:960px;margin: 0 auto;padding-top:35px;}
#logo a {background:url(../img/logo_2014.png) 0 0 no-repeat;display:block;width: 205px;height: 75px;}
#menu {background:url(../img/dotted_h_blue.png) 0 0 repeat-x;padding:10px 0px;}
#content, #contentbottom {margin-bottom:20px;}
.additional {background:url(../img/dotted_h_blue.png) 0 0 repeat-x;padding:10px 0px;}
#footer {color:#eee;}
.footer_background {padding-bottom:20px; background: rgb(0,54,112) url(../img/logo_white.png) bottom right no-repeat; /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(0,65,114,1) 0%, rgba(0,35,81,1) 100%) url(../img/logo_white.png) bottom right no-repeat; /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,65,114,1)), color-stop(100%,rgba(0,35,81,1))) url(../img/logo_white.png) bottom right no-repeat; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,65,114,1) 0%,rgba(0,35,81,1) 100%) url(../img/logo_white.png) bottom right no-repeat; /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,65,114,1) 0%,rgba(0,35,81,1) 100%) url(../img/logo_white.png) bottom right no-repeat; /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,65,114,1) 0%,rgba(0,35,81,1) 100%) url(../img/logo_white.png) bottom right no-repeat; /* IE10+ */
  background: linear-gradient(top,  rgba(0,65,114,1) 0%,rgba(0,35,81,1) 100%) url(../img/logo_white.png) bottom right no-repeat; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004172', endColorstr='#002351',GradientType=0 ); /* IE6-9 */
}
#bottom p {margin:5px 0px;}
#bottom {padding-top:5px;}
#bottom li {display:inline;margin:5px 0px 0px 0px;text-transform:none;}
#bottom li.copyright {margin-right:35px;}
#bottom a {margin:15px;}
.borderimg {border:5px solid #fff !important;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.imagebox {padding-left:12px;padding-top:6px;}
.sidebar {float:right;;width:320px;}

/* Table */

table.cleantable {width:100%;border-spacing:4px;}
table.contenttable {border-spacing:4px;}
.modulebox table.contenttable {width:90%;}
table.cleantable td, table.contenttable td {background:#fff;border:4px solid #eee;padding:4px;}
table.contenttable thead {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:600;font-size:15px;}
table.contenttable thead p {margin-right:10px;}
.article table {border-spacing:4px;}
.article table td,
.article ul.csc-uploads:not(.csc-uploads-2):not(.presse) li {background:#fff;border:4px solid #eee;padding:4px;vertical-align:bottom;}
.article .ce-uploads {
    margin-bottom: 20px;
}
.article .ce-uploads li {
    background: #fff;
    border: 4px solid #eee;
    padding: 4px;
    margin: 0;
    display: table;
    vertical-align: bottom;
}
.article dt {border-bottom:1px dotted rgb(0,54,112);padding:4px 0px;}
.article dt a {font-size:14px;}
.tx-sgglossary-pi1 table td {background:none;}

/* Breadcrumbs */
#breadcrumbs {margin-bottom:10px;}
#breadcrumbs a  {vertical-align:top;}
#breadcrumbs a.home {display:inline-block;width:18px;height:16px;background:url(../img/breadcrumbs_home.png) 0 0}
#breadcrumbs span.separator {padding:0px 10px;}
#breadcrumbs, .sidemenu ul li a {
font-size: 13px;
}

div#header {position: relative;}
/* Search */
#search {
  margin: 0;
right: 313px;
width: 35px;
position: absolute;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#search.open {margin: 0;right: 10px;width: 338px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
#search .search-toggle {width: 36px;height: 36px;position: absolute;display: block;z-index:999;right:0;left:auto; cursor:pointer;}
/*#search.open .search-toggle {right:0;left:auto;}*/
#search form {width: 36px;height: 36px;width: 100%;position: relative;float: right;overflow: hidden;}
#search input#submit_search:hover {}
#search input#searchfield, #search input#tx-indexedsearch-searchbox-sword {
  border: 1px solid #82D0F6;
  margin: 0px;
  padding: 3px 10px 3px 5px;
  background: #fff;
  width: 285px;
  display: none;
  text-align: right;
  float: left;
  overflow: hidden;
  height: 28px;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#search #inner-editor,
#search #placeholder {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  display:none !important;
  -webkit-transition: all 1.1s ease-in-out;
  -moz-transition: all 1.1s ease-in-out;
  -o-transition: all 1.1s ease-in-out;
  transition: all 1.1s ease-in-out;
}
#search.open #inner-editor,
#search.open #placeholder {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  display:block !important;
  -webkit-transition: all 1.1s ease-in-out;
  -moz-transition: all 1.1s ease-in-out;
  -o-transition: all 1.1s ease-in-out;
  transition: all 1.1s ease-in-out;
}
#search input#submit_search, #search input#tx-indexedsearch-searchbox-button-submit { left: 0;right:auto;float: left; width: 36px;height: 36px;background: #82d0f6 url(../img/search-icon.png);cursor: pointer;-webkit-appearance: inherit;-webkit-border-radius: 0;-moz-border-radius: 0;-webkit-box-shadow: none;position: absolute;border: none;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#search.open input#submit_search, #search.open input#tx-indexedsearch-searchbox-button-submit { left: auto;right:0;float: right;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#search input:focus,
#search input#submit_search:focus, #search input#tx-indexedsearch-searchbox-button-submit:focus {border:none;outline:none;}
/*
.ac_results {width:300px !important;left:830px !important;-moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5px 5px #888;}
*/
.ac_results {width:313px !important; -moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5px 5px #888;margin-top:36px;}
/*.ac_results ul {-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}*/
.ac_results ul li {text-indent:0px;padding:5px 2px;margin:0px;text-transform:none;font-size:12px;}
.ac_results ul li.odd {}

.tx-indexedsearch .tx-indexedsearch-sec ol li a {}
.tx-indexedsearch form {float:right;}
.tx-indexedsearch-whatis {font-size:24px;}
.tx-indexedsearch-whatis span {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:700;}
.tx-indexedsearch ul.tx-indexedsearch-browsebox {border-top: 1px dotted #666;border-bottom: 1px dotted #666;}
.tx-indexedsearch ul.tx-indexedsearch-browsebox li {display:inline;margin-left:0px;margin-right:10px;}
.tx-indexedsearch-res .res {padding: 10px 10px 10px 10px;border-top: 1px dotted #666;}
.tx-indexedsearch-res .res a {color:rgb(0,54,112);}
.tx-indexedsearch-res .res dl {margin-bottom:0px;}
.tx-indexedsearch-res:nth-child(2n+1) {background:#e2e2e2;}

/* Menu  //display:table needs IE7 fix to TD or without 100%: width:100% display:inline
.sidemenu, .sidemenu ul {display:inline;}
.sidemenu ul li {font-size:9px;margin-top:4px;}
.sidemenunav {text-align:right;}
ul.mainmenu {background:url(../img/dotted_h_blue.png) 0% 100% repeat-x;margin:0px;padding:2px 0px 8px 0px;display:table;width:100%;}
ul.mainmenu li {display:table-cell;min-width:125px;}
ul.mainmenu li.middle {text-align:center;}
ul.mainmenu li.first {text-align:left;}
ul.mainmenu li.last {text-align:right;}
#topmenu ul li {display:inline;margin:0px;} */
.sidemenu, .sidemenu ul {display:inline; float:right;margin-bottom: 6px;}
.sidemenu ul li {font-size:12px;margin-top:4px;line-height:14px;float:left;}
.sidemenunav {text-align:right;}
ul.mainmenu {background:url(../img/dotted_h_blue.png) 0% 100% repeat-x;margin:0px;padding:2px 0px 8px 0px;white-space:nowrap;width:100%; }
ul.mainmenu li {display:inline;text-align:left;margin-left:0px;margin-right:60px;}
#topmenu ul li {margin:0px;height: 36px;display: inline-block; overflow: hidden;}

/* Headerimages */

.headerimage {height:190px;width:620px;margin-left:10px;background:#999;float:left;margin-bottom:20px;overflow: hidden;}
body.blue .headercopy, .headercopy.lightblue {height:150px;width:280px;padding:20px;margin-bottom:20px;overflow:hidden;background: #009EE0;}
body.darkblue .headercopy, .headercopy.darkblue {height:150px;width:280px;padding:20px;margin-bottom:20px;overflow:hidden;background: #004779;}
body.magenta .headercopy, .headercopy.magenta {height:150px;width:280px;padding:20px;margin-bottom:20px;overflow:hidden;background: #b7116f;}
body.green .headercopy, .headercopy.green {height:150px;width:280px;padding:20px;margin-bottom:20px;overflow:hidden;background: #78b441;}

/* Modules */

.contentbox {background:#eee;}
.contentbox .article {padding:20px;}
.contentbox .articlebottom {background:#ccc -webkit-gradient(radial, 310 -520, 590, 310 -520, 600, from(#ddd), to(#d0d0d0));background: -moz-radial-gradient(310px -520px, circle, #ddd 590px, #d0d0d0 600px);padding-bottom:5px;}
.contentbox .articlebottom p {margin-bottom:0px;}
.contentbox .articlebottom .column {display:table-cell;}
.contentbox .articlebottom .left {width:350px;}
.module {background:#eee;margin-bottom:20px;padding:15px;}
.module-short {margin-bottom:20px;padding:5px 0px 10px 0px;} /* padding:15px 0px 10px 0px; */
.sidebar .module-short .modulebox {min-height:30px;}

.module-bubble {background: #ddd;margin-bottom: 10px;}

.module-news {background:#eee;margin-bottom:30px;padding:0px;}
.module-news .newsentry {display:table;border-bottom:1px solid #999;margin:8px 0px;padding:5px 0 10px;width: 100%;}
.module-news .newsentry h4 {font-size:13px;font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:700;text-transform:none;margin:0px;padding: 0px 10px 0 0;width: auto;}
.module-news .newsentry p {font-size:13px;text-transform:none;margin:0px;padding:0px;}
.module-news .newsentry a.readmore-news {color:rgb(0,54,112);font-size:12px;margin-left:5px;cursor:pointer;}
/*.module-news .newsentry .newsicon {display:table-cell;width:20px;height:20px;background: url(../img/cal_16.png) 0 0 no-repeat;}*/
.module-news .newsentry .newsicon {display:table-cell;width:30px;height:20px;background: url(../img/news-icon.png) 0 0 no-repeat;}
.module-news .newsentry .news {display:table-cell;}
.module-news .newsentry .date {display:table-cell;color:#999;}
#footer .module-news {background:none;margin:0px;padding:0px;}
#footer .module-news .newsentry .newsicon {display:none;}
#footer .module-news .newsentry p {display:none;}

.sidebar .modulebox {background:#eee;margin-bottom:20px;min-height:260px;padding:10px 15px 10px 15px;width:100%;}
.sidebar .modulebox h1 {background:url(../img/dotted_h_blue.png) 0% 100% repeat-x;}
.sidebar .modulebox p {padding-left:0px;}

.modulebox .csc-menu {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:600;font-size:14px;margin:10px 0px;background:url(../img/dotted_h_blue.png) 0 0 repeat-x;}
.modulebox .tx-oowvstandorte-pi1 {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;font-size:14px;margin:10px 0px;}
.modulebox .tx-oowvstandorte-pi1 a {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;display:block;height:12px;background:url(../img/dotted_h_blue.png) 0 100% repeat-x;padding-bottom:10px;}
.modulebox .tx-oowvstandorte-pi1 p {padding:0px;}
.modulebox .csc-menu dt {padding:5px 0px;background:url(../img/dotted_h_blue.png) 0 100% repeat-x;}


#interestrow .modulebox {background:#eee;margin-top:20px;min-height:200px;padding:0px;}
#interestrow .modulebox h1, #interestrow .modulebox h2 {color:#fff;padding-left:10px;}
#interestrow .modulebox h4 {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:700;font-size:16px;padding-left:15px;}

body.darkblue .readmore, .darkblue .readmore-inline, #interestrow .darkblue h1, #interestrow .darkblue h2, #interestrow .darkblue h3 {
background:rgb(0,54,112);
}

body.blue .readmore, #interestrow .blue h1, #interestrow .blue h2, #interestrow .blue h3 {
background:#009EE0;
}

div.green h2.moduletitle, .green .readmore, #interestrow .green h1, #interestrow .green h2, #interestrow .green h3 {
background:#78B441;
}

div.amber h2.moduletitle, .amber .readmore, #interestrow .amber h1, #interestrow .amber h2, #interestrow .amber h3 {
background:#B7116F;
}

div.magenta h2.moduletitle, .magenta .readmore, #interestrow .magenta h1, #interestrow .magenta h2, #interestrow .magenta h3 {background: #b7116f;}

#interestrow h3 {color:#eee;padding:5px 0px 2px 10px;line-height:24px;}

/* Button */

.readmore {width:20px;height:20px;display:block;border-radius:10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;color:#eee;float:right;margin:0px 10px 10px 0px;cursor:pointer;}
.nm {margin:0px;}
body.darkblue .readmore:hover {-webkit-box-shadow: 0px 0px 15px rgba(150,150,150,1.00);-moz-box-shadow: 0px 0px 15px rgba(150,150,150,1.00);}
body.blue .readmore:hover {-webkit-box-shadow: 0px 0px 15px rgba(0,150,255,1.00);-moz-box-shadow: 0px 0px 15px rgba(0,150,255,1.00);}
body.amber .readmore:hover {-webkit-box-shadow: 0px 0px 15px rgba(255,180,0,1.00);-moz-box-shadow: 0px 0px 15px rgba(255,180,0,1.00);}
body.green .readmore:hover {-webkit-box-shadow: 0px 0px 15px rgba(50,200,0,1.00);-moz-box-shadow: 0px 0px 15px rgba(50,200,0,1.00);}

.readmore-label.align-right {width: 100%;position:relative;}
.readmore-label.align-right > a {float:left;color:rgb(0,54,112);position:absolute;right:25px; font-size:13px;}
.readmore a {position:absolute; right:0;color:#fff;font-size:14px;padding:3px 0px 0px 7px;font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;}
.readmore a:hover {text-decoration:none;}
.readmore-inline {width:20px;height:20px;float:right;;border-radius:10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;behavior: url(/fileadmin/templates/oowv/js/PIE.htc);color:#eee;margin:0px 0px 10px 0px;cursor:pointer;}
.readmore-inline:hover {-webkit-box-shadow: 0px 0px 15px rgba(150,150,150,1.00);-moz-box-shadow: 0px 0px 15px rgba(150,150,150,1.00);}
.readmore-inline a {display:block;color:#fff;font-size:14px;padding:0px 0px 0px 7px;margin-top:-1px;font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;}
.readmore-inline a:hover {text-decoration:none;}
#footer .readmore-inline {display:none;}
/* Login */
.login,
.frame-type-felogin_login {
    font-size:14px;
}
.login label,
.frame-type-felogin_login label {
    font-size:12px;
}
.frame-type-felogin_login label input {
    display: block;
}
.login legend,
.frame-type-felogin_login legend {
    font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:700;font-size:16px;color:rgb(0,54,112);
}
.login fieldset div label,
.frame-type-felogin_login fieldset div label {
    width:100%;
}
.login input[type="submit"],
.frame-type-felogin_login input[type="submit"] {
    margin-top:10px;
}

/* Article Auszeichnungen*/
.article ul li {text-transform:none;list-style-type:none;list-style-image: url(../img/listsquare.png);list-style-position:outside;margin-left:15px;font-size:14px;}
.article a {font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;color:rgb(0,54,112);}
.article ul.csc-uploads li{
    list-style: none;
}
.article ul.csc-uploads.csc-uploads-2 li,
.article ul.csc-uploads.presse li {margin: 0 0 0 10px;font-size: 14px;}
.article ul.uploads-link-list.csc-uploads li {margin:0;font-size:13px; display:table;border: 2px solid #eee;}
/* Bildpositionierung*/
.csc-textpic-firstcol, .csc-textpic-lastcol {list-style-type:none !important;margin:0px !important;list-style-image:none !important;/*width:220px !important;*/display:inline;}
ul.width295 .csc-textpic-firstcol img, ul.width295 .csc-textpic-lastcol img {width:46%;}
ul.width295 .csc-textpic-firstcol {padding-right:10px;}
ul.width194 img {width:30%;}
ul.width194 li a, ul.width295 li a {padding-left:0px;}
ul.width194 .csc-textpic-firstcol {padding-right:10px;}
ul.width194 ul li {list-style-type:none !important;margin:0px !important;list-style-image:none !important;width:140px !important;display:inline;}
ul.width194 ul li:nth-child(2) {padding-right:10px;}
.csc-textpic-intext-right .csc-textpic-imagewrap,
.csc-textpic-single-image {margin:2px 0px 10px 0px;}

/* Schatten --- CSS3 IE7 min. für einzelne Bilder*/

.csc-textpic-imagewrap{position: relative;z-index: 0;padding: 0;text-align: bottom;display:block;; }
.csc-textpic-imagewrap:before, .csc-textpic-imagewrap:after {position: absolute;z-index: -1;}
.csc-textpic-imagewrap.csc-textpic-single-image:before ,.csc-textpic-imagewrap.csc-textpic-single-image:after{
  content: "";
  bottom: 20px;
  width: 70%;
  height: 20px;
  box-shadow:
    #333 0px 4px 11px,
    #333 0px 0px 10px;
  -webkit-box-shadow:
    #333 0px 4px 11px,
    #333 0px 0px 10px;
  -moz-box-shadow:
    #333 4px 0px 8px,
    #333 0px 0px 10px;}
.csc-textpic-imagewrap.csc-textpic-single-image:before {
  right: 10px;
  -moz-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
  -ms-transform: rotate(4deg);}
.csc-textpic-imagewrap.csc-textpic-single-image:after {
  left: 20px;
  -moz-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
}

/* Schatten --- CSS3 IE7 min. für Bilderreihe zweispaltig*/

ul.width295 .csc-textpic-firstcol, ul.width295 .csc-textpic-lastcol {position: relative;z-index: 0;padding-bottom:10px;margin-bottom:20px;line-height:1.5;}
ul.width295 .csc-textpic-firstcol:before, ul.width295 .csc-textpic-firstcol:after, ul.width295 .csc-textpic-lastcol:before, ul.width295 .csc-textpic-lastcol:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 19px;
  left: 10px;
  top: 0%;
  width:220px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0, 0.7);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

ul.width295 .csc-textpic-firstcol:after {
 -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 20px;
  left: auto;
}

ul.width295 .csc-textpic-lastcol:after {
 -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/* Schatten --- CSS3 IE7 min. für Bilderreihe zweispaltig*/

ul.width194 li {position: relative;z-index: 0;padding-bottom:10px;margin-bottom:20px;line-height:1.5;}
ul.width194 li:before, ul.width194 li:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 19px;
  left: 10px;
  top: 0%;
  width:120px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0, 0.7);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

ul.width194 li:first-child:after, ul.width194 li:nth-child(2):after {
 -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 20px;
  left: auto;
}

ul.width194 li:last-child:after {
 -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.shadow {position: relative;z-index: 0;padding: 0;text-align: bottom;display:block; }
.shadow:before, .shadow:after {position: absolute;z-index: -1;}

.shadow.peel:before ,.shadow.peel:after{
  content: "";
  bottom: 10px;
  width: 70%;
  height: 20px;
  box-shadow:
    #333 0px 4px 11px,
    #333 0px 0px 10px;
  -webkit-box-shadow:
    #333 0px 4px 11px,
    #333 0px 0px 10px;
  -moz-box-shadow:
    #333 4px 0px 8px,
    #333 0px 0px 10px;}
.shadow.peel:before {
  right: 10px;
  -moz-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
  -ms-transform: rotate(4deg);}
.shadow.peel:after {
  left: 10px;
  -moz-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);}

.shadow.peeltable:before ,.shadow.peeltable:after{
  content: "";
  bottom: 32px;
  width: 70%;
  height: 20px;
  box-shadow:
    #333 0px 4px 11px,
    #333 0px 0px 10px;
  -webkit-box-shadow:
    #333 0px 4px 11px,
    #333 0px 0px 10px;
  -moz-box-shadow:
    #333 4px 0px 8px,
    #333 0px 0px 10px;
  -moz-border-bottom:20px;}
.shadow.peeltable:before {
  right: 10px;
  -moz-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  -ms-transform: rotate(3deg);}
.shadow.peeltable:after {
  left: 10px;
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);}

  @media screen and (-webkit-min-device-pixel-ratio:0) {
  .shadow.peeltable:before , :root .shadow.peeltable:after {bottom:12px;}
} /*Chrome/Safari Webkit Hack, bottom 32 nur FF /*

/* Bildunterschriften */

ul.width170, ul.width170 ul {margin:0px;}
div.p170 {float:left;width:170px;margin:0px 15px 20px 15px;}
div.p170 p {margin:0px;}
div.p295 {float:left;width:295px;margin:0px 10px 20px 10px;}
div.p295 p {margin:0px;}
.prelast .csc-textpic-single-image {margin-left:0px;}

/* TABS  */
.tabs { list-style:none; margin:0px 0px 0px 10px !important; padding:0;height:30px;border-bottom:1px solid #ddd;margin-left:10px;}
/* single tab */
.tabs li { float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;}
/* link inside the tab. uses a background image */
.tabs a {
  background: rgb(0,54,112);
  font-size:14px;
  display:block;
  height: 30px;
  line-height:30px;

  text-align:center;
  text-decoration:none;
  color:#fff;
  padding:0px 10px;
  margin:0px 2px 0px 0px;
  position:relative;
  top:1px;
  -webkit-border-radius: 0.5em 0.5em 0em 0em;-moz-border-radius: 0.5em 0.5em 0em 0em;
}
.tabs a:active {outline:none;}
/* when mouse enters the tab move the background image */
.tabs a:hover {background: #009EE0;color:#fff;}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {background: #eee;cursor:default !important; color:#333 !important;margin-top:-5px;height:35px;}
/* initially all panes are hidden */
.panes .pane {display:none;  }

/* FORMULAR */
.modulebox #mailform, .modulebox .oowvcounter {background-color:#ccc;background-color:rgba(0, 0, 0, 0.05);padding:5px 10px 10px 10px;width:250px;margin:5px 0 0 0px;}

.form-group p,
#mailform p {clear:left;}

.form-group li,
#mailform li { margin-left: 0;}

.form-group fieldset,
#mailform fieldset {/*float:left;*/padding:0;border:0;width:245px;margin:0;}

.form-group textarea,
#mailform textarea {width:90%;}

.form-group legend,
#mailform legend {color:#333;font-size:14px;padding:0;margin-bottom:-3px;font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;}

.form-group label,
#mailform label {display:block;margin: 7px 0px 0px 3px;color: #333;font-size: 13px;text-shadow:0 1px 0 #eee;line-height:18px;}

.form-group  {
    margin: 10px 0;
}

.form-group .help-block {
    display: block;
}

.form-group .radio label {
    display: flex;
    align-items: center;
}

.form-group .radio label input {
    margin: 0;
    width: inherit;
    margin-right: 8px;
}

.form-inline {
    display: flex;
}

.form-inline .form-group {
    margin-right: 10px;
}
.form-inline .form-group:last-child {
    margin-right: 0;
}

form .clearfix {
    margin: 12px 0 8px 0;
}

form .clearfix p {
    margin: 0;
}

form .actions {
  margin-top: 20px;
}

form .btn-group .btn.btn-primary,
.form-group input,
#mailform input,
.oowvcounter input {
    border:1px solid #0090ff;padding:6px;background-color:rgba(255, 255, 255, 0.9);  font-size:14px;color:#555;width:90%;font-family:"KievitWebPro", "Arial", Helvetica, sans-serif;
}

#searchform_tx_sgglossary_pi1 .form_large_text {border:1px solid #0090ff;padding:6px;background-color:rgba(255, 255, 255, 0.9);  font-size:15px;color:#555;text-shadow:0 1px 0 #fff;width:565px;font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;}

.form-group input:focus,
#mailform input:focus {
    background-color:#fff;color:#000;text-shadow:none;
}
.form-group input[required],
#mailform input[required] {
    font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;
}

.form-group input[type="text"],
.form-group input[type="tel"],
.form-group input[type="email"],
.form-group textarea,
.form-group select,
#mailform input[type="text"],
#mailform input[type="tel"],
#mailform input[type="email"],
#mailform textarea,
#mailform select {
  border-radius: 0px;
  min-height: 32px;
  box-sizing: border-box;
  margin: 3px 0px 5px;
  border-color: rgb(0, 54, 112);
  text-shadow:none;
  font-family:"KievitWebPro", "Arial", Helvetica, sans-serif;
  font-size:14px;
  padding:3px 5px;
}
.form-group input[type="text"],
.form-group input[type="tel"],
.form-group textarea,
.form-group select,
#mailform input[type="text"],
#mailform input[type="tel"],
#mailform textarea,
#mailform select {
  border-color: rgb(187, 187, 187);
}

.form-group textarea {
    min-height: 80px;
}

.form-group .input.checkbox {
  margin: 12px 0;
}
.form-group .input.checkbox label,
#mailform .csc-form-element-checkbox label,
#mailform .csc-form-element-radio label {
  display:inline-block;width:80%;line-height: 15px;margin:0 0 8px 3px;
}

.form-group .input.checkbox .help-block {
  display: block;
  font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.form-group .input.checkbox label {
  display: flex;
}

.form-group .input.checkbox input,
#mailform .csc-form-element-checkbox input,
#mailform .csc-form-element-radio input {
  display:block;width:20px;float: left;margin-bottom: 0;margin-top: 0;background:none;
}

.form-group .input.checkbox input {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    flex: none;
}

form .clearfix h2 {
     margin-top: 20px;
     margin-bottom: 10px;
 }

#mailform br { line-height: 1px; }
#mailform .csc-mailform-label h2 {margin-bottom:0px;text-shadow: 0 1px 0 #eee;}
#mailform h1, #mailform h2 {margin-top:15px;}

.frame-type-form_formframework h2 {
    font-weight: bold;
    background: url(../img/dotted_h_blue.png) 0% 100% repeat-x;
}

.frame-type-form_formframework .btn-primary:not(:hover) {
    background: #009EE0 !important;
}

/* ANMELDE-FORMULAR */
.frame-type-felogin_login label,
.login label {
    display:block;width:80px;float:left;margin:5px 0 0 0;
}

/* validation error message */
.error {background-color:#aadd90;padding:4px;color:#000;-webkit-box-shadow: #000 0 0 12px; -moz-box-shadow: #000 0 0 12px; }
.error em {border:10px solid;border-color:#aadd90 transparent transparent;bottom:-17px;display:block;height:0;left:10px;position:absolute;width:0;        }
/* field with validation error */
.invalid {}
/* Not used */
.date {width:193px;background:#666 none repeat scroll 0 0;color:#fff;text-shadow:0 0 1px #000;}
.date:focus {background-color:#333;color:#fff;}
.picktrigger {background:#333;cursor:pointer;display:block;float:right;height:32px;width:32px;}
.picktrigger:hover {background:#000;        }
.high {padding:15px 0 0 15px;clear:both;}

/* Button / Error-Border */
.btn-group .submit {
  display: block;
}

.btn,
.rounded, .rounded input, #mailform input, #mailform, .oowvcountersubmit, .oowvcounter input,.oowvcounter, #searchform_tx_sgglossary_pi1 .form_large_text, .error {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
}
input.oowvcountersubmit {width:240px;}

.csc-form-confirmation-false {
    margin-bottom: 10px;
}
                                      /*  #0088ee */
.btn-primary,
.rounded button, .csc-mailform-submit,
.csc-form-confirmation-true input,
.oowvcountersubmit {
  background:#009EE0 !important;border:1px solid #0090ff !important;color:#fff !important;font-size:14px;font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:400;padding:6px 15px;text-align:center;text-decoration:none;cursor:pointer;height:auto;outline:0;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;
}
.btn-primary,
.rounded button:hover,
.csc-mailform-submit:hover,
.oowvcountersubmit:hover {
  background:rgb(0,54,112) !important; border-color:transparent !important;
}




/* LISTEN */

/* Alphaindex */
span.oowv_chars {margin-right:2px;}
.tx-oowvstandorte-pi1 .contentWrapper hr:first-child {display:none;}
#accordion {margin-top:10px;}

/* WIKI */

/* Alphaindex und News-Pagebrowser */
.wikiindex a, span.oowv_chars a, .browseLinksWrap a, .browseLinksWrap span.current {
  border: 1px solid #ddd;
  border-top-color: #bbb;
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(255,255,255,1.0),
        inset 0 1px 2px rgba(0,0,0,0.1);
  display: inline-block;
  min-width: 15px;
  height: 25px;
  margin-right: 1px;
  padding: 0 1px;
  line-height: 25px;
  text-align:center;
}
.wikiindex a:hover, span.oowv_chars a:hover, .browseLinksWrap a:hover, .browseLinksWrap span.current  {background:rgb(0,54,112);text-decoration:none;color:#eee;}

.tx-sgglossary-pi1 table a {font-size:12px;}
.tx-sgglossary-pi1 table b {font-size:24px;}
.tx-sgglossary-pi1 table td:first-child {width:150px;}

.sidebar .oowvselbstableser_pi1 {min-height:0px;}
.sidebar .oowvselbstableser_pi1 .tx-oowvselbstableser-pi1 {padding:5px;}/* background:#009EE0;color:#fff; */
.sidebar .oowvselbstableser_pi1 .tx-oowvselbstableser-pi1 h3 {color:#009EE0;} /* color:#fff; */
.sidebar .oowvselbstableser_pi1 .tx-oowvselbstableser-pi1.status {border: 5px solid #78B441;box-shadow:none;border-radius:0;}
.sidebar .oowvselbstableser_pi1 .tx-oowvselbstableser-pi1.error {background-color:transparent;border: 5px solid red;box-shadow:none;border-radius:0;}
.mdc_feuserlogout_pi1{display:none;}

/* News-Listenansicht */

.news-list-item h2 {margin-bottom:0px;}

/* News-Detailansicht */

.news-single-item .news-single-rightbox {float: right;}
.news-single-item .news-single-rightbox span.news-category {margin:10px 10px;}
.news-single-item .news-single-item-header {margin-bottom:10px;}
.news-single-item p {margin-bottom: 10px;}
.news-single-subheader {font-size:16px;font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif; font-weight:700;}

.tx-mdclinklist-pi1 ul{padding-left:20px;}
.tx-mdclinklist-pi1 ul li{ margin:0;}


/** Overwrite CD edit 2014 **/
.footer_background {background: rgb(0,54,112);}
#footer p,
div.newsdate,
#footer ul.sitemapsub li {font-size: 12px;}
.module-bubble p.tel {  padding-bottom: 5px;margin-bottom: 0;}

#sidemenu {width:100%; float:left; margin-top:-50px;}
#mdku-logo {float:right}
#mdku-logo img {width:100%; max-width:100%; height: auto;}
#topmenu ul li a {
font-size: 19px;
height:36px;
display:block;
}
/*body.darkblue .headercopy, body.grey .headercopy,
.short .text p, .grey .module-short .text p,
body.darkblue .readmore, .darkblue .readmore-inline, #interestrow .darkblue h1, #interestrow .darkblue h2, #interestrow .darkblue h3 {
  background: #004779;
}*/
.csc-textpic-imagewrap.csc-textpic-single-image:before, .csc-textpic-imagewrap.csc-textpic-single-image:after {
  box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.borderimg {
  moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.sidebar .module-short {
    margin-bottom: 0;
    padding: 0;
}
.sidebar .module-short .modulebox {
margin-bottom: 15px;
}
.sidebar .module-short .modulebox:last-child {
  margin-bottom:0;
}

/** new CD icons add AS **/
.headerimage .csc-textpic-imagewrap {position:relative;}
.headerimage .csc-textpic-imagerow-last {
position: absolute;
left: 0px;
top: 0px;
display: block;
min-height: 190px;
}
.headerimage .csc-textpic-imagerow-last img,
.headerimage .csc-textpic-left .csc-textpic-imagerow-last img {
position: absolute;
left: 20px;
top: 20px;
}
.headerimage .csc-textpic-right .csc-textpic-imagerow-last img {
left:auto;
right: 20px;
}

/** Warnmeldung - Box Magenta **/
.headercopy.magenta h2, .headercopy.magenta h3 {
    color: #fff !important;
    font-size: 18px;
}

/*** overwrite Headerimage TEST ***/
.headerimage {
    width: 640px !important;
}
.headercopy {
    width: 260px !important;
}
.headercopy a,
.headercopy p,
.headercopy h1 a,
.headercopy h2 a {
  color:#fff !important;
}
.header-news-link {
    text-decoration: none;
    color: #fff;
}
.header-news-link:hover {
    text-decoration: underline;
}
.headerimage .csc-textpic-imagewrap,
.headerimage .csc-textpic-imagerow {
  min-width: 640px !important;
  width: 640px !important;
  /*overflow: visible;*/
}

.headerimage DIV.csc-textpic DIV.csc-textpic-single-image IMG {
    width: 100% !important;
    height: auto !important;
}
.headerimage .csc-textpic-image,
.headerimage .csc-textpic-imagecolumn,
.headerimage .csc-textpic-imagerow:not(.csc-textpic-imagerow-last) img {
width: 100% !important;
height: auto;
}

/*** Standorte OOWV - edit/new field haertemmol 16-09-2014 ***/
ul.haerte-werte {width:100%;display:block;float: left;margin-top: 20px;}
ul.haerte-werte li {
    float: left;
    display: block;
    list-style: none;
    margin-left: 0;
    width: 33%;
}
.headerimage.cat-3601 {background: url('/fileadmin/user_upload/oowv/content_bilder/schadensmeldungen/headerteaser_schaden_wasserrohrbruch.jpg');}
.headerimage.cat-3602 {background: url('/fileadmin/user_upload/oowv/content_bilder/schadensmeldungen/headerteaser_schaden_wasseranschluss.jpg');}
.headerimage.cat-3603 {background: url('/fileadmin/user_upload/oowv/content_bilder/schadensmeldungen/headerteaser_schaden_wasseranschluss.jpg');}
.headerimage.cat-3604 {background: url('/fileadmin/user_upload/oowv/content_bilder/schadensmeldungen/headerteaser_schaden_wasserrohrbruch.jpg');}
/*** Integration Servicehotline 2017 ***/
.container_12 .grid_4.service-box {
    margin-bottom: 7px;
    width: 94%;
    text-align: center;
}
.container_12 .grid_4.service-box h2 {
    font-size: 16px;
    padding: 5px 0px 2px 0px;
    margin-bottom: 7px;
    font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.1em;
    background: #009ee0;
}

/** Header postion fix for update 2018 **/
.headerimage {
    position: relative;
}
.headerimage img:nth-child(1) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    max-width: none;
}
.headerimage img:nth-child(2) {
    position:  absolute;
    top: 10px;
    bottom:  0;
    left: 10px;
    z-index:1;
}


/* default styles for extension "tx_felogin_pi1" */
.frame-type-felogin_login label,
.tx-felogin-pi1 label {
    display: block;
}
/* default styles for extension "tx_indexedsearch" */
.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
/* default styles for extension "tx_cssstyledcontent" */
/* Headers */
.csc-header-alignment-center { text-align: center; }
.csc-header-alignment-right { text-align: right; }
.csc-header-alignment-left { text-align: left; }

div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

/* Clear floats after csc-textpic and after csc-textpic-imagerow */
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

/* Set padding for tables */
div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

/* Settings for figure and figcaption (HTML5) */
div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

/* Captions */
figcaption.csc-textpic-caption { display: table-caption; }
.csc-textpic-caption { text-align: left; caption-side: bottom; }
div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

/* Float the columns */
div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: 2px solid black;
    padding: 0px 0px;
}

div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

/* Space below each image (also in-between rows) */
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

/* colSpace around image columns, except for last column */
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; }
div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

/* Add margin from image-block to text (in case of "Text & Images") */
div.csc-textpic-intext-left .csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 10px;
}
div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 10px;
}

/* Positioning of images: */

/* Center (above or below) */
div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

/* Right (above or below) */
div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
div.csc-textpic-right div.csc-textpic-text { clear: right; }

/* Left (above or below) */
div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
div.csc-textpic-left div.csc-textpic-text { clear: left; }

/* Left (in text) */
div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

/* Right (in text) */
div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

/* Browser fixes: */

/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

/* File Links */
ul.csc-uploads { padding: 0; }
ul.csc-uploads li { list-style: none outside none; margin: 1em 0; }
ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; }
ul.csc-uploads span { display: block; }
ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; }

/* Table background colors: */

table.contenttable-color-1 { background-color: #EDEBF1; }
table.contenttable-color-2 { background-color: #F5FFAA; }
table.contenttable-color-240 { background-color: black; }
table.contenttable-color-241 { background-color: white; }
table.contenttable-color-242 { background-color: #333333; }
table.contenttable-color-243 { background-color: gray; }
table.contenttable-color-244 { background-color: silver; }

.oowv-water-counter input[type="text"] {
    border: 1px solid #0090ff;
    padding: 6px;
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    color: #555;
    text-shadow: 0 1px 0 rgb(0,54,112);
    width: 80%;
    font-family: "KievitWebPro", "Arial", Helvetica, sans-serif;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
}
.oowv-water-counter button[type="submit"] {
    background: #009EE0 !important;
    border: 1px solid #0090ff !important;
    color: #fff !important;
    font-size: 14px;
    font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif;
    font-weight: 400;
    padding: 6px 15px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    height: auto;
    outline: 0;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.oowv-water-counter .message {
    padding: 6px;
    border: 5px solid #78B441;
    box-shadow:none;
    border-radius:0;
}



@font-face {
    font-family: 'Lora';
    src: url('../fonts/lora/Lora-Regular.ttf')
    format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lora';
    src: url('../fonts/lora/Lora-Bold.ttf')
    format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
  font-family: 'Lora';
  src: url('../fonts/lora/Lora-BoldItalic.ttf')
  format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
    font-family: 'Lora';
    src: url('../fonts/lora/Lora-Italic.ttf')
    format('truetype');
    font-weight: normal;
    font-style: italic;
}

/**** Modal *****/
.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.3);
    z-index: 999999;
    display: none;
}

.modal.active {
    display: block;
}

.modal .modal-content {
    width: 100%;
    max-width: 940px;
    margin: 124px auto auto;
    position: relative;
}

.modal.modal-center.active {
    display: flex;
}

.modal .modal-content .modal-content-inner {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);

    transition: transform 0.6s ease-in-out;
    -webkit-transition: transform 0.6s ease-in-out;
    -moz-transition: transform 0.6s ease-in-out;
}

.modal.active.animate .modal-content .modal-content-inner {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}

.modal.modal-center .modal-content {
    margin: auto;
}

.modal .modal-close {
    position: absolute;
    right: -2px;
    top: -38px;
    cursor: pointer;
    background-color: rgba(255,255,255,0.4);
    padding: 8px 16px;
    font-family: "KievitWebPro", Calibri, Droid Sans, Helvetica, sans-serif;
}

.modal .modal-close:hover,
.modal .modal-close:focus {
    background-color: rgba(255,255,255,0.8);
}

#einfach-heimat-modal,
#einfach-heimat-modal strong,
#einfach-heimat-modal a {
    font-family: 'Lora';
}
#einfach-heimat-modal strong {
    font-weight: bold;
}

#einfach-heimat-modal .modal-content .modal-content-inner {
    width: 80%;
    margin: auto;
    padding: 35px 50px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

#einfach-heimat-modal .modal-content .modal-content-inner .oowv-logo {
    position: absolute;
    right: 25px;
    top: 35px;
    max-width: 150px;
}
#einfach-heimat-modal .modal-content .modal-content-inner .heimat-logo {
  max-width: 300px;
}

#einfach-heimat-modal .modal-content .modal-content-inner .registration-container {
    margin: 10px 0;
}

#einfach-heimat-modal .modal-content .modal-content-inner .registration-container p {
    font-size: 1.1em;
    line-height: 1.3em;
}

#einfach-heimat-modal .modal-content .modal-content-inner .registration-container .company-name {
    font-weight: bold;
    font-style: italic;
}

#einfach-heimat-modal .modal-content .modal-content-inner .registration-container ul {
    list-style: none;
}

#einfach-heimat-modal .modal-content .modal-content-inner .registration-container ul li {
    font-size: 1.4em;
    line-height: 1.8em;
    margin-left: 32px;
    list-style-image: url('../modals/einfach-heimat/check-icon.png');
}

#einfach-heimat-modal .modal-content .modal-content-inner .registration-container ul li strong {
    font-weight: bold;
    font-style: italic;
}

#einfach-heimat-modal .modal-content .modal-content-inner .registration-container .register-button {
    display: inline-block;
    font-weight: bold;
    color: #000;
    background-color: rgba(255,255,255,0.4);
    border-radius: 10px;
    padding: 8px 25px;
    font-size: 1.4em;
}

#einfach-heimat-modal .modal-content .modal-content-inner .registration-container .register-button:hover,
#einfach-heimat-modal .modal-content .modal-content-inner .registration-container .register-button:focus {
    text-decoration: none;
    background-color: rgba(255,255,255, 0.8);
}

#einfach-heimat-modal .modal-content .modal-content-inner .round-badge {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dbada0+0,d87f63+70,d87f63+100 */
    background: #dbada0; /* Old browsers */
    background: -moz-linear-gradient(top,  #dbada0 0%, #d87f63 70%, #d87f63 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #dbada0 0%,#d87f63 70%,#d87f63 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #dbada0 0%,#d87f63 70%,#d87f63 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbada0', endColorstr='#d87f63',GradientType=0 ); /* IE6-9 */


    border-radius: 200px;
    width: 170px;
    height: 160px;
    display: flex;
    position: absolute;
    right: 145px;
    bottom: 50px;
}
#einfach-heimat-modal .modal-content .modal-content-inner .round-badge .badge-inner {
    border: 2px dotted #fff;
    border-radius: 200px;
    width: 150px;
    height: 140px;
    margin: 8px;
    text-align: center;

    transform: rotate(6deg);
    /* Safari */
    -webkit-transform: rotate(6deg);
    /* Firefox */
    -moz-transform: rotate(6deg);
    /* IE */
    -ms-transform: rotate(6deg);
    /* Opera */
    -o-transform: rotate(6deg);
}

#einfach-heimat-modal .modal-content .modal-content-inner .round-badge .badge-inner p {
    margin: 24px 6px 0;
    line-height: 1.3em;
}

#einfach-heimat-modal .modal-content .modal-content-inner .site-link {
    font-style: italic;
    font-size: 1.8em;
    color: #fff;
    position: absolute;
    right: 15px;
    bottom: 10px;
}

#einfach-heimat-modal .modal-content .modal-content-inner .site-link:hover {
    text-decoration: none;
}

/** Frame Type Style */
.frame-type-menu_abstract ul {
    list-style: none;
    margin-left: 0;
}
.frame-type-menu_abstract ul li {
    padding: 6px 0;
    margin-left: 0;
    list-style: none;
    border-bottom: 1px dotted rgb(0,54,112);
}

/** Fluid Style Overwrite **/
.ce-border img,
.ce-border iframe {
    border: 5px solid #fff;
}

#standrohrvermietung-4377-date-1::-webkit-inner-spin-button,
#standrohrvermietung-4377-date-1::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}