﻿@import url(/cms/iwebsstandard/css/fontawesome-free-5.15.1-web/css/all.min.css);
@import url(/cms/iwebsstandard/css/functions.css);
@import url(/cms/iwebsstandard/css/fonts.css);
th, td {
    vertical-align:top;
    position:relative;
}
/* Bildgalerie Slider*/
.slidesjs-container
{
    }
.slidesjs-control
{
    }
.slidesjs-control img
{
    max-width:100%;
    }
div.slidesjs-slide { 
    width:100%;
    height:100%;
    text-align:center;
}
ul.slidesjs-pagination
{
    float:right;
    list-style:none;
    margin-top:0px;
    }
ul.slidesjs-pagination li
{
    float:left;
    list-style:none;
    }
 ul.slidesjs-pagination li a, a.slidesjs-navigation
{
    float:left;
    margin-left:5px;
    }
  ul.slidesjs-pagination li a.active
{
    font-weight:bold;
    }
span.BildgalerieSliderTextBg, span.BildgalerieSliderText { 
    position:absolute;
    width:100%;
    left:0px;
    bottom:0px;
    height:auto;
    background-image:url(/cms/iwebsstandard/images/opacity7.png);
}
span.BildgalerieSliderTextBg { 
    background-color:#fff;
    opacity:0.8;
}


/*  * ist irgendwo   
strong > span[id*='iwebs/commonctrls'] { 
    color:green;
}
*/
/*  $ ist Ende   
strong > span[id$='lblResponse'] { 
    color:red;
}
*/
/*  ^ ist Anfang
strong > span[id^='/cms/'] { 
    color:blue;
}
   */

/* in Formulare Hinweis */
strong span[id*='iwebs/commonctrls'][id$='lblResponse'] { 
    font-size:20px;
}

/* Abstand Bilder im Content zum Text */
img[style*='float: left'] {
    margin-right:5px;
}
img[style*='float: right'] {
    margin-left:5px;
}

/* Veranstaltungskalender */
#VeranstKalender { border: dotted 1px #c5c5c5; background-color:#f2f2f2; }
#VeranstKalender table { border-top: solid 1px #dcdcdc; border-left: solid 1px #dcdcdc; border-right: solid 1px #dcdcdc; }
#VeranstKalender table.Title { background-color: #dcdcdc; border: solid 0px #fff !important; font-weight:bold; }
#VeranstKalender td.TitleLink a, #VeranstKalender td.TitleLink a:visited {font-weight:bold;}
#VeranstKalender td.TitleLink a:hover { color: #585858 !important; }
#VeranstKalender td, #VeranstKalender th { border: solid 1px #fff; }
#VeranstKalender td.aktive, #VeranstKalender td.aktive:hover { background-color: #C0C0C0; }
#VeranstKalender td.aktive a { color: White !important; }
#VeranstKalender dayheader, #VeranstKalender td:hover a { font-weight: bold; }
#VeranstKalender DayBackground { }
#VeranstKalender a, #VeranstKalender a:visited { color: White; }
#VeranstKalender td.Weekend { background-color: #E7EAEB; }
#VeranstKalender td a { background-image: none; }
VeranstKalender td.TitleLink a { color: #585858 !important; }
#VeranstKalender table.KalenderDetail td:hover { background-color: #ffffff !important; }
#VeranstKalender td.aktive:hover a { color: #000 !important; }
#VeranstKalender th.dayheader{text-align:center !important}
table[id*='rtmycards.ascx'] tr{color:inherit !important;}
td.contenttext, tr.contentext td, td.contentformular, div.IwOrgaSuche td {padding:2px 5px 2px 0px;}
div[id*='rtcKontaktformular.ascx'] div[style*='background-color: white'], div[id*='rtcKontaktformular.ascx'] div[style*='background-color:white'] {background-color:transparent !important;margin-bottom:5px;}

/* Duchscheinender Hintergrund*/
.opacity7 {
    background-image:url(/cms/iwebsstandard/images/opacity7.png)
}
.opacity8 {
    background-image:url(/cms/iwebsstandard/images/opacity8.png)
}
.opacity9 {
    background-image:url(/cms/iwebsstandard/images/opacity9.png)
}
.opacity95 {
    background-image:url(/cms/iwebsstandard/images/opacity95.png)
}
label[for*='commonctrls/rtform.ascx'] {
    padding-left:5px;
}
label[for*='commonctrls/rtform.ascx'].large {
    margin-left: 60px;
    margin-top: -20px;
}
table[id*='rtform'] tr:first-child td {
    padding-bottom:10px;
    font-style:italic;
}
table[id*='rtcvote.ascx'] img {
    max-height:20px !important;
}
.monocrome {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
}
.blur {
    filter: blur(5px); 
    -webkit-filter: blur(5px); 
    -o-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
}
.monocrome:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
}
.blur:hover {
    filter: blur(0px); 
    -webkit-filter: blur(0px); 
    -o-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
}
.monocromeblur {
    transition-property:all;
    transition-duration:1s;
    transition-delay:0s;
    filter: grayscale(100%) blur(5px);
    -webkit-transition-property:all;
    -webkit-transition-duration:1s;
    -webkit-transition-delay:0s;
    -webkit-filter: grayscale(100%) blur(5px);
    -o-transition-property:all;
    -o-transition-duration:1s;
    -o-transition-delay:0s;
    -o-filter: grayscale(100%) blur(5px);
    -moz-transition-property:all;
    -moz-transition-duration:1s;
    -moz-transition-delay:0s;
    -moz-filter: grayscale(100%) blur(5px);
    -ms-transition-property:all;
    -ms-transition-duration:1s;
    -ms-transition-delay:0s;
    -ms-filter: grayscale(100%) blur(5px);
}
.monocromeblur:hover {
    transition-property:all;
    transition-duration:1s;
    transition-delay:0s;
    filter: grayscale(0%) blur(0px);
    -webkit-transition-property:all;
    -webkit-transition-duration:1s;
    -webkit-transition-delay:0s;
    -webkit-filter: grayscale(0%) blur(0px);
    -o-transition-property:all;
    -o-transition-duration:1s;
    -o-transition-delay:0s;
    -o-filter: grayscale(0%) blur(0px);
    -moz-transition-property:all;
    -moz-transition-duration:1s;
    -moz-transition-delay:0s;
    -moz-filter: grayscale(0%) blur(0px);
    -ms-transition-property:all;
    -ms-transition-duration:1s;
    -ms-transition-delay:0s;
    -ms-filter: grayscale(0%) blur(0x);
}

.loupe {
    background:none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
    border: 2px solid transparent;
    border-radius:100px;
}

.column2 {
    column-count:2;
    -webkit-column-count:2;
    -moz-column-count:2;
    -o-column-count:2;
    -ms-column-count:2;
}
.column3 {
    column-count:3;
    -webkit-column-count:3;
    -moz-column-count:3;
    -o-column-count:3;
    -ms-column-count:3;
}
.column4 {
    column-count:4;
    -webkit-column-count:4;
    -moz-column-count:4;
    -o-column-count:4;
    -ms-column-count:4;
}

.nopadleft {
    padding-left:0px;
}
.nopadright {
    padding-right:0px;
}

@media (min-width:1200px) {
}
@media (max-width:1200px) {
}
@media (min-width:992px) {
}
@media (max-width:992px) {
    .nopadright {
        padding-left:0px;
    }
    .nopadleft {
        padding-right:0px;
    }
}
@media (min-width:767px) {
}
@media (max-width:767px) {
}

a.doclink {
    background-repeat:no-repeat;
    background-position:0px 2px;
    padding-left:20px;
}
a.attachtype {
    background-image:url(/cms/iwebsstandard/icons/attach.gif);
}
a.doctype {
    background-image:url(/cms/iwebsstandard/icons/doc.gif);
}
a.docxtype {
    background-image:url(/cms/iwebsstandard/icons/doc.gif);
}
a.dxftype {
    background-image:url(/cms/iwebsstandard/icons/dxf.gif);
}
a.giftype {
    background-image:url(/cms/iwebsstandard/icons/gif.gif);
}
a.htmtype {
    background-image:url(/cms/iwebsstandard/icons/htm.gif);
}
a.htmltype {
    background-image:url(/cms/iwebsstandard/icons/html.gif);
}
a.jpegtype {
    background-image:url(/cms/iwebsstandard/icons/jpeg.gif);
}
a.jpgtype {
    background-image:url(/cms/iwebsstandard/icons/jpg.gif);
}
a.mdbtype {
    background-image:url(/cms/iwebsstandard/icons/mdb.gif);
}
a.movtype {
    background-image:url(/cms/iwebsstandard/icons/mov.gif);
}
a.mpegtype {
    background-image:url(/cms/iwebsstandard/icons/mpeg.gif);
}
a.mpgtype {
    background-image:url(/cms/iwebsstandard/icons/mpg.gif);
}
a.pdftype {
    background-image:url(/cms/iwebsstandard/icons/pdf.gif);
}
a.pngtype {
    background-image:url(/cms/iwebsstandard/icons/png.gif);
}
a.ptttype {
    background-image:url(/cms/iwebsstandard/icons/ptt.gif);
}
a.rtftype {
    background-image:url(/cms/iwebsstandard/icons/rtf.gif);
}
a.tiftype {
    background-image:url(/cms/iwebsstandard/icons/tif.gif);
}
a.txttype {
    background-image:url(/cms/iwebsstandard/icons/txt.gif);
}
a.writype {
    background-image:url(/cms/iwebsstandard/icons/wri.gif);
}
a.wavtype {
    background-image:url(/cms/iwebsstandard/icons/wav.gif);
}
a.xlstype {
    background-image:url(/cms/iwebsstandard/icons/xls.gif);
}
a.xlsxtype {
    background-image:url(/cms/iwebsstandard/icons/xls.gif);
}
a.ziptype {
    background-image:url(/cms/iwebsstandard/icons/zip.gif);
}
div.BgLightbox, div.youtube {
    text-align: center;
}
div.BgLightbox img {
    vertical-align:top;
    }
div[id*='PanSlider'] {
    max-width:100%;
    margin:auto;
}
div.Bildgalerie_slider_master_public {
    margin-right:10px;
}
    div.Bildgalerie_slider_master_public img {
        margin:0px !important;
    }
    div.Bildgalerie_slider_master_public div[u='image'] img {
        max-height:100%;
    }
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{
position: absolute;
cursor: pointer;
display: block;
background: url(/cms/iwebsstandard/slider-master/img/a17.png) no-repeat;
overflow:hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }
.jssort01 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    }
        .jssort01 .w img:hover {
            border: #fff 1px solid;
        }
    .jssort01 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 68px;
    height: 68px;
    /*border: #000 2px solid;*/
    }

    .jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
    background: url(/cms/iwebsstandard/slider-master/img/t01.png) center center;
    border-width: 0px;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 40px;
    }

    .jssort01 .p:hover .c, .jssort01 .pav:hover .c {
    top: 0px;
    left: 0px;
    width: 60px;
    height: 40px;
    }
div[u='image'] div {
    position:absolute;
    background: rgba(255, 255, 255, 0.75) none repeat scroll 0% 0%;
    bottom:67px;
    width:100%;
    color:#000;
    /*text-shadow: 0px 0px 2px #000;*/
}
div.locationmap iframe {
    border:none;
}

/* Volleyball SAMS, Liganu und Click-tt*/
.center {
    text-align:center;
}
@media (max-width:767px) {
    td {
        padding:1px !important;
    }
}

.ImgSublineLeft {
    float:left;
    max-width:50%;
    text-align: center;
    margin-right:5px;
}
.ImgSublineRight {
    float:right;
    max-width:50%;
    text-align: center;
    margin-left:5px;
}
div.Parallax {
    overflow:hidden;
    position:relative;
}
img.Parallax {
        position:absolute;
        bottom: 0%;
        width:100% !important;
    }
.cke_editable img.Parallax {
    position:relative;
}
#topnews #BannerBX li {
    left:0px;
}#topnews #BannerBX img {
    width:100%;
}
span.image, p.img, p {
    max-width:100%;
}
.bgcover {
    background-size:cover;
    background-position:center
}
#CookiesInfo {
    position:absolute;
    background-color:rgba(225,225,225,0.9);
    z-index:100000;
    width:100%;
    padding:20px;
    font-size:1.2em;
    top:0px;
    display:none;
}
    #CookiesInfo div {
        float:left;
    }
    #CookiesInfo div:first-child, #CookiesInfo div.Text {
        width:90%;
    }
    #CookiesInfo div:last-child {
        width:10%;
        text-align:right;
    }
        #CookiesInfo div.Button {
            float:none;
            width:100%;
            margin:15px 0px;
            text-align:center;
        }
        #CookiesInfo div:last-child span, #CookiesInfo div.Button span {
        border:solid 1px gray;
        border-radius:10px;
        padding:5px;
        cursor:pointer;
        }