a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    border:0;
    font:inherit;
    vertical-align:baseline;
    margin:0;
    padding:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
}
body {
    line-height:1
}
ol,ul {
    list-style:none
}
blockquote,q {
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
    content:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
.clearfix:after {
    content:"";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.clearfix {
    display:inline-block
}
html[xmlns] .clearfix {
    display:block
}
* html .clearfix {
    height:1%
}
.caroufredsel_skin .image_container img,.caroufredsel_thumbnails_skin .image_container img {
    vertical-align:bottom
}
.caroufredsel>div,.caroufredsel>section,.caroufredsel_thumbnails>div {
    float:left
}
.caroufredsel .clearfix {
    float:none;
    clear:both
}
.caroufredsel_thumbnails_skin {
    position:relative
}
*/ :focus {
    outline:0
}
::-moz-selection {
    background-color:#d73835;
    color:#fff
}
::selection {
    background-color:#d73835;
    color:#fff
}
.clear {
    clear:both
}
a {
    text-decoration:none;
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0s;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0
}
.invisible {
    display:none
}
* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
strong {
    font-weight:500
}
p {
    line-height:1.5em;
    font-size:1em;
    margin-top:20px
}
body {
    font-family:Roboto,sans-serif;
    font-weight:300;
    background:#bcd5df;
    cursor:default;
    font-size:100%
}
h1 {
    color:#000;
    text-transform:uppercase;
    font-weight:500;
    font-size:1.7em;
    margin-bottom:40px;
    line-height:1.5em
}
h2 {
    background:#6ba2b7;
    color:#fff;
    text-transform:uppercase;
    font-weight:500;
    font-size:1.1em;
    padding:20px;
    display:block
}
div#content div#main h2 {
    background:0;
    padding:0!important;
    color:#6ba2b7;
    font-size:1.2em;
    margin-top:25px;
    margin-bottom:25px
}
p.button {
    margin-top:30px
}
a.button {
    text-transform:uppercase;
    font-weight:500;
    color:#fff !important;
    background:#6ba2b7;
    padding:10px 15px;
    font-size:.9em
}
a.button:hover {
    background:#4e8aa1
}
figure.image_container {
    width:auto;
    float:left
}
div#top {
    background:url(images/border-top.jpg);
    height:15px;
    width:100%;
    -moz-background-size:contain;
    -webkit-background-size:contain;
    background-size:contain;
    position:fixed;
    z-index:100
}
div#wrapper {
    width:1080px;
    margin:0 auto;
    background:#fff
}
div#header img.logo {
    margin:45px 40px 30px;
    float:left
}
div#header div.mitglieder {
    float:right;
    margin:83px 0 0 35px
}
div#header div.mitglieder a {
    padding:5px;
    display:inline-block
}
section#navigation {
    background:#6ba2b7;
    display:block;
    height:50px;
    position:relative
}
section#navigation form#tl_search {
    float:right
}
section#navigation form#tl_search input[type=search] {
    width:115px;
    -webkit-transition:all .3s ease-out 0;
    -moz-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0;
    transition:all .3s ease-out 0;
    border:0;
    height:50px;
    background:#7cadbf;
    color:#fff;
    padding:0 0 0 1.5em;
    font-family:Roboto,sans-serif;
    font-weight:300;
    font-size:.9em;
    position:absolute;
    right:0
}
section#navigation form#tl_search input[type=search]:focus {
    width:225px;
    background:#8db8c8
}
section#navigation form#tl_search input[type=submit] {
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0s;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0;
    cursor:pointer;
    border:0;
    height:50px;
    top:0;
    right:0;
    width:45px;
    position:absolute;
    opacity:.55;
    background:url(images/icon-search.png) 12px 14px no-repeat
}
section#navigation form#tl_search input[type=submit]:hover {
    opacity:1
}
nav.mod_customnav ul li {
    float:left
}
nav.mod_customnav ul li a.first,nav.mod_customnav ul li span.first {
    margin-left:40px
}
nav.mod_customnav ul li a {
    font-weight:500;
    text-transform:uppercase;
    font-size:1.1em;
    color:#fff;
    padding:0 25px;
    line-height:50px;
    display:block
}
nav.mod_customnav ul li a:hover {
    background:#4e8aa1
}
nav.mod_customnav ul li a.trail,nav.mod_customnav ul li span.active {
    font-weight:500;
    text-transform:uppercase;
    font-size:1.1em;
    background:#d73835;
    color:#fff;
    padding:0 25px;
    line-height:50px;
    display:block
}
div#footer {
    background:#6ba2b7;
    color:#fff;
    display:block;
    padding:20px 40px;
    margin-top:40px
}
div#footer a {
    color:#fff;
    padding:5px 7px
}
div#footer a:hover {
    background:#fff;
    color:#6ba2b7
}
div#footer div.left {
    float:left;
    width:60%
}
div#footer div.right {
    float:left;
    width:40%;
    text-align:right
}
div#spotlight {
    position:relative;
    margin-bottom:2.5em
}
div#spotlight div.welcome {
    position:absolute;
    bottom:40px;
    left:40px;
    background:#6ba2b7;
    color:#fff;
    text-transform:uppercase;
    font-size:1.4em;
    font-weight:500;
    padding:15px 20px;
    z-index:90
}
div#quicklinks a {
    width:306px;
    height:100px;
    background:#ad6d7f;
    color:#fff;
    text-transform:uppercase;
    margin:30px 0 30px 40px;
    padding:20px;
    display:block;
    float:left;
    font-size:1.1em;
    font-weight:500
}
div#quicklinks a:hover {
    background:#935466
}
div#start-left,div#start-right {
    float:left;
    width:480px;
    margin-left:40px
}
div.mod_newslist {
    margin-top:25px
}
div.mod_newslist div.info {
    position:relative
}
div.mod_newslist img {
    border:1px solid #6ba2b7
}
div.mod_newslist a {
    color:#6ba2b7;
    font-weight:400
}
div.mod_newslist a:hover {
    color:#d73835
}
div.mod_newslist p.date {
    color:#999;
    padding:0;
    margin-top:1em
}
div.mod_newslist h3 a {
    text-transform:uppercase;
    color:#000;
    font-size:1.2em;
    font-weight:500;
    display:block;
    margin-top:20px;
    line-height:1.5em
}
div.mod_newslist h3 a:hover {
    color:#d73835
}
div#content div#main {
    width:650px;
    float:left;
    margin:35px 0 0 40px
}
div#content div#main a {
    color:#6ba2b7;
    font-weight:400
}
div#content div#main a:hover {
    color:#d73835
}
div#content div#main ul {
    line-height:1.5em;
    margin-top:20px;
    list-style-image:url(images/list-style-square.png);
    margin-left:40px
}
div#content div#main div.mod_newsarchive div.article {
    margin-top:40px;
    border-top:8px solid #6ba2b7;
    padding-bottom:45px
}
div#content div#main div.mod_newsarchive img {
    border:1px solid #6ba2b7
}
div#content div#main div.mod_newsarchive div.info {
    position:relative
}
div#content div#main div.mod_newsarchive h3 a {
    text-transform:uppercase;
    color:#000;
    font-size:1.2em;
    font-weight:500;
    display:block;
    margin-top:20px;
    line-height:1.5em
}
div#content div#main div.mod_newsarchive h3 a:hover {
    color:#d73835
}
div#content div#main div.mod_newsarchive p.date {
    color:#999;
    padding:0;
    margin-top:1em
}
div#content div#main div.mod_newsarchive a.button,div#content div#main div.mod_newsarchive a.button:hover {
    color:#fff !important
}
div#content div#main div.mod_newsreader div.info {
    margin-top:25px;
    color:#999
}
div#content div#main div.mod_newsreader img {
    border:1px solid #6ba2b7
}
div#content div#main img.vorstand {
    float:left;
    margin-right:25px
}
div#content div#sidebar {
    width:305px;
    float:left;
    margin:40px 0 0 40px
}
div#content div#sidebar p {
    margin-top:0;
    margin-bottom:20px
}
div#content div#sidebar a {
    color:#6ba2b7;
    font-weight:400
}
div#content div#sidebar a:hover {
    color:#d73835
}
div#content div#mitglieder div.mitglied {
    border-bottom:1px solid #6ba2b7;
    display:block;
    margin-bottom:2em;
    padding-bottom:2em
}
div#content div#mitglieder div.mitglied:after {
    content:"";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
div#content a[href$='.pdf'] {
    background:url(../../../../assets/contao/images/iconPDF.gif) center left no-repeat;
    padding-left:25px;
    line-height:16px
}

/*
form#f1 span.mandatory {
    color:#d73835;
    padding-left:2px
}
form#f1 div.explanation {
    margin-bottom:20px
}
form#f1 label {
    width:180px;
    float:left;
    padding-top:28px
}
form#f1 input[type=email],form#f1 input[type=text] {
    width:470px;
    float:left;
    margin-top:15px;
    font-family:Roboto,sans-serif;
    font-weight:300;
    font-size:.9em;
    padding:10px;
    border:1px solid #ccc
}
form#f1 input[type=email]:focus,form#f1 input[type=text]:focus {
    outline:0;
    border:1px solid #6ba2b7
}
form#f1 textarea {
    min-width:470px;
    max-width:470px;
    min-height:100px;
    float:left;
    margin-top:15px;
    font-family:Roboto,sans-serif;
    font-weight:300;
    font-size:.9em;
    padding:10px;
    border:1px solid #ccc
}
form#f1 textarea:focus {
    outline:0;
    border:1px solid #6ba2b7
}
form#f1 input[type=submit] {
    margin:15px 0 0 180px;
    cursor:pointer;
    border:0;
    text-transform:uppercase;
    font-family:Roboto,sans-serif;
    font-weight:500;
    color:#fff;
    background:#6ba2b7;
    padding:10px 15px;
    font-size:.9em
}
form#f1 input[type=submit]:hover {
    background:#4e8aa1
}

   //////////////////////////////////////////////////////////////////////////////////////////////////////
Anfrageformular
///////////////////////*/ 
  
.cannot-register {

padding: 16px;
margin-top: 16px;
margin-bottom:32px;
color: #6ba2b7;
font-weight: 700;
}
.ce_form{
overflow:visible; background: rgba(255,255,255,.85);
padding: 16px;
background: rgb(188, 213, 223);margin-top: 16px;margin-bottom:32px;}

    fieldset{padding:0;margin:0;border:0;min-width:0}
    label{display:inline-block;max-width:92%;margin-bottom:.25rem;font-weight:400}
    input.captcha,input.text,textarea{width:90%;padding:.5rem 1rem;border:1px solid rgba(0,0,0,.15);}
    textarea.textarea{height:auto}
    .widget-text,.widget-textarea{margin-bottom:1.4rem}
    input[type=search]{-webkit-appearance:none}
    input[type=file]{display:block;line-height:1}
    input.checkbox,input.radio{margin:.25rem 0 0;margin-left:1px;line-height:normal}
    input.checkbox+label,input.radio+label{margin-right:.25rem;font-weight:400}
    .widget-checkbox,.widget-radio,.widget-select,.widget-upload{margin-bottom:1rem}
    .widget-checkbox legend,.widget-radio legend,.widget-select legend,.widget-upload legend{font-weight:600}
    .checkbox_container>span,.radio_container>span{display:flex}
    span.mandatory{color:#f94300}p.error{margin-bottom:0}
    label,legend{line-height:1.25}
    .widget-pagebreak button[value=back]{float:left;opacity:.5;padding-left:.75em}
    .widget-pagebreak button[value=back]:before{content:'⇽';padding-right:5px;padding-right:.25rem}
    .widget-pagebreak button[value=back]:hover{opacity:1}
    .widget-pagebreak button[value=back]+[value=continue]{float:right}
    .widget-text{position:relative;}
    .widget-text p.error{position:absolute;right:0;font-size:.75rem;background:#f94300;color:#fff;padding:.25rem;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);margin-top:-.5rem}
    .widget-text p.error:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(249,67,0,0);border-top-color:#f94300;border-width:10px;border-width:.5rem;margin-left:-10px;margin-left:-.5rem}
    .row .widget-text p.error{margin-right:.9375rem}.widget-checkbox{position:relative}
    .widget-checkbox p.error{position:absolute;left:0;font-family:'Lato',sans-serif;font-size:.75rem;background:#f94300;color:#fff;padding:.25rem;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);margin-top:-.5rem}
    .widget-checkbox p.error:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(249,67,0,0);border-top-color:#f94300;border-width:10px;border-width:.5rem;margin-left:-10px;margin-left:-.5rem}
    .row .widget-checkbox p.error{margin-right:.9375rem}
    .widget-radio legend{margin-bottom:.5rem}
    .widget-radio .radio_container label{margin-bottom:.25rem;}
    .widget-radio .radio_container .radio:checked+label{border-color:#06c;color:#06c}
    .widget-select.select{display:block;margin-left:0;width:96%}
    .widget-explanation {
    margin-bottom: 1.4rem;
    }
    
    select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border:none;
      border-radius: 0;
      font-size: 1em;
      transition: all .5s ease-in-out;
    } 
    
    select {
      border: 2px dotted rgba(0,0,0,.30);
      padding:.75em 1em .5em 1em;
      border-radius: 4px;
        position: relative;
        display: block;
        width:98%;
            background: url(/files/ska/theme/img/arr_blue_down.svg);
        background-repeat: no-repeat;
        background-position: 98% center;
        background-size: 24px;
          background-color:#fff;
    }
    
    option {
      background-color:#fff;
      border-top:1px solid #e1e1e1;
      padding:.3em 1em .3em 1em;
    }
    
    select:hover {
    background-color: rgba(16,174,195,.3);
    cursor:pointer;
    }
    
    /* hide browser-styling (arrow) in IE10 */
    select::-ms-expand {
      display:none;
    }
    
    .lt-ie10 select {
        background-image: none;
    }
    
    span.mandatory {
        color: #94c220;
    }
    
    .widget-submit {
    width: 94%;
    display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
    
    button.submit {
    background: #6ba2b7 none repeat scroll 0 0;
        box-shadow: 0 0 0 inset;
        color: #000;
        height: 60px;
        margin: .7em 0;
        font-size: 18px;
        -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
        width: 50%;
        border: 0;
    }
    
    @media screen and (max-width: 767px) {
    button.submit {
        width: 100%;
    }
    input.captcha, input.text, textarea {
       width: 88%;
    }
    }
    
    button.submit:hover {
    cursor:pointer;
    background: #1b3d62;
    color:#94c220;
    }
    
    /* remove standard-styles */
    input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border:none;
    } 
    
    /* graceful degradation for ie8 */
    input[type='checkbox'],
    input[type='radio'] {
      width:auto;
      float:left;
      margin-right: .75em;
      background:transparent;
      border:none;
    }
    
    input[type='checkbox']:checked,
    input[type='checkbox']:not(:checked),
    input[type='radio']:checked,
    input[type='radio']:not(:checked) {
      background: transparent;
      position: relative;
      visibility: hidden;
      margin:0;
      padding:0;
    }
    
    input[type='checkbox'] + label,
    input[type='radio'] + label {
      cursor: pointer;
    }
    
    input[type='checkbox']:checked + label::before,
    input[type='checkbox']:not(:checked) + label::before,
    input[type='radio']:checked + label::before,
    input[type='radio']:not(:checked) + label::before {
        content:' ';
        display:inline-block;
        width: 17px;
        height:17px;
        position: relative;
        top:4px;
        border: 1px solid #bbb;
        background: white;
        margin-right:.5em;
        box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
    }
    
    input[type=radio]:checked + label::before,
    input[type=radio]:not(:checked) + label::before {
      border-radius: 30px;
    }
    
    input[type='checkbox']:hover  + label::before,
    input[type='radio']:hover  + label::before {
      background:#ddd;
      box-shadow: inset 0 0 0 2px white;
    }
    
    input[type='checkbox']:checked  + label::before,
    input[type='radio']:checked  + label::before {
      background:black;
      box-shadow: inset 0 0 0 2px white;
    }
    
    input:.-internal-autofill-selected {
        background-color: #e1e1e1 !important;
        background-image: none !important;
        color: rgb(0, 0, 0) !important;
    }



div.pagination {
    margin-top:25px
}
div.pagination p {
    float:right;
    width:200px;
    text-align:right;
    color:#999
}
div.pagination ul {
    list-style-image:none!important;
    margin-left:0!important;
    float:left
}
div.pagination ul li {
    float:left;
    margin-right:10px
}
div#themen div.ce_text.first {
    margin-bottom:40px
}
div.ui-accordion-header {
    background:#edf4f6;
    color:#000;
    padding:10px 50px 10px 15px;
    line-height:25px;
    cursor:pointer;
    font-weight:500;
    border-bottom:1px solid #fff;
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0s;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0
}
div.ui-accordion-header.ui-state-active,div.ui-accordion-header:hover {
    background:#d2e3e9
}
div.ui-accordion-header.ui-state-active {
    font-weight:500
}
div.ui-accordion-header.ui-state-active:after {
    content:"-"
}
div.ui-accordion-header:after {
    content:"+";
    color:#6ba2b7;
    font-size:25px;
    font-weight:500;
    float:right;
    margin-right:-30px;
    margin-top:-14px
}
div.ui-accordion-content {
    padding-bottom:15px;
    padding-left:16px;
    padding-right:16px;
    border:1px solid #edf4f6;
    border-top:0
}
div.ui-accordion-content p {
    margin:0;
    padding-top:.7em
}
div.mod_search input[type=search] {
    width:542px;
    float:left;
    margin-top:7px;
    font-family:Roboto,sans-serif;
    font-weight:300;
    font-size:.9em;
    padding:10px;
    border:1px solid #ccc;
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0s;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0
}
div.mod_search input[type=search]:focus {
    outline:0;
    border:1px solid #6ba2b7
}
div.mod_search input[type=submit] {
    margin:7px 0 0 1em;
    cursor:pointer;
    border:0;
    text-transform:uppercase;
    font-family:Roboto,sans-serif;
    font-weight:500;
    color:#fff;
    background:#6ba2b7;
    padding:10px 15px;
    font-size:.9em;
    -webkit-transition:all .2s ease-out 0;
    -moz-transition:all .2s ease-out 0s;
    -o-transition:all .2s ease-out 0;
    transition:all .2s ease-out 0
}
div.mod_search input[type=submit]:hover {
    background:#4e8aa1
}
div.mod_search p.header {
    margin:2em 0 0;
    background:#6ba2b7;
    color:#fff;
    padding:1em 1.5em
}
div.mod_search div.even,div.mod_search div.odd {
    border-bottom:1px solid #6ba2b7;
    margin-top:2em;
    padding-bottom:2em
}
div.mod_search div.even span.highlight,div.mod_search div.odd span.highlight {
    font-weight:500
}
div.mod_search div.even p.url,div.mod_search div.odd p.url {
    color:#b0cdd8
}