/*****************************************/
/*** Basic ***/
body {
    background-color: #F7F7F2;
    font-family: "Crimson Text",Arial,Helvetica,Verdana,sans-serif;
}


body, form textarea, form input, form select {
    color: #4A493D;
}

a {
    color: #BAB82D;
    font-size: 106%;
    line-height: 23px;
}

a:hover, a:focus {
   color: #BAB82D;
}

p,
li {
    font-size: 120%;
    color: #4A493D;
    line-height: 1.4em;
}

p.lead {
    font-size: 21px;
    line-height: 1.35em;
}

/*hr {
    color: #3A4048;
    background-color: #3A4048;
    border-color: #3A4048;
    padding: 0;
}*/

h1,
h2,
h3 {
    font-family: "Crimson Text",Arial,Helvetica,Verdana,sans-serif;
    color: #706E4C;
    text-transform: none;
}

h1,
h2 {
    text-transform: uppercase;
}

h1 {
    font-size: 48px;
    line-height: 49px;
    letter-spacing: 1.43px;
}

h2 {
    font-size: 26px;
    line-height: 1.25em;
}

h3 {
    font-size: 22px;
    line-height: 1.45em;
}

/*****************************************/
/*** sitecontent ***/
#sitecontent {
    padding-top: 126px;
}

/*****************************************/
/*** Siteheader ***/
#siteheader {
    box-shadow: none;
}

#logo {
    max-width: 232px;
    margin: 37px auto 16px;
    display: block;
    float: none;
    font-size: 292%;
}

/*****************************************/
/*** Content ***/
tbody tr:hover th,
tbody tr:hover td {
    background: none;
}

.box {
    margin-top: 0;
}

.box.bg-white a {
    letter-spacing: 1.25px;
    line-height: 1.35em;
}

.ce-frame-rulerAfter + hr {
    width: 80px;
    height: 4px;
    color: rgb(224, 224, 218);
    background: rgb(224, 224, 218) none repeat scroll 0% 0%;
    border-color: rgb(224, 224, 218);
}

hr {
    height: 4px;
    color: rgb(224, 224, 218);
    background: rgb(224, 224, 218) none repeat scroll 0% 0%;
    border-color: rgb(224, 224, 218);
    padding: 0 !important;
}

/*****************************************/
/*** Slider Wrapper ***/
#slider-wrapper {
    max-width: 100%;
}

#owl-slider {
    max-height: 370px;
}

#owl-slider .csc-default {
    margin: 0;
}

#main {
    margin: 0 0 60px;
}

/*****************************************/
/*** Main Nav ***/
#mainnav,
#onepagernav {
    float: none;
    margin: 0;
    display: block;
}
#mainnav.ym-hlist ul,
#mainnav,
#onepagernav.ym-hlist ul,
#onepagernav {
    text-align: center;

}


#mainnav.ym-hlist > ul > li,
#onepagernav.ym-hlist > ul > li {
    float: none;
    display: inline;
}

#mainnav.ym-hlist > ul > li > a ,
#onepagernav.ym-hlist > ul > li > a {
    display: inline-block;
    text-transform: uppercase;
    padding: 14px 20px;
    color: #706E4C;
}

#onepagernav.ym-hlist > ul > li:focus > a,
#onepagernav.ym-hlist > ul > li:hover > a,
#onepagernav.ym-hlist > ul > li:active > a,
#onepagernav.ym-hlist > ul > li.active > a,
#mainnav.ym-hlist > ul > li:focus > a,
#mainnav.ym-hlist > ul > li:hover > a,
#mainnav.ym-hlist > ul > li:active > a,
#mainnav.ym-hlist > ul > li.active > a  {
    color: #BAB82D;
}

#mainnav.ym-hlist ul,
#onepagernav.ym-hlist ul {
    float: none;
}
/*****************************************/
/*** Subnav Nav ***/
#subnav.ym-vlist ul li.active ul li a:hover,
#subnav.ym-vlist ul li.active ul li a:focus,
#subnav.ym-vlist ul li.active ul li a:active,
#subnav.ym-vlist ul li.active ul li.active a,
#subnav.ym-vlist ul li a:hover,
#subnav.ym-vlist ul li a:focus,
#subnav.ym-vlist ul li a:active,
#subnav.ym-vlist ul li.active a {
    color: #BAB82D;
}

/*****************************************/
/*** Footer ***/
#sitefooter #legals,
#agencies {
    display: none;
}

#sitefooter {
    border-top: medium none;
    background: #E5E5BB none repeat scroll 0% 0%;
    overflow: hidden;
    padding: 15px 0px 5px;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

#sitefooter #footercontent {
    padding: 0;
    border: none;
}

#sitefooter #footercontent ul {
    text-align: center;
}

#sitefooter #footercontent ul li {
    display: inline;
    padding: 0 5px;
    list-style-type: none;
    border-right: 1px solid #3A4048;
}

#sitefooter #footercontent ul li:last-child {
    border-right: none;
}

#sitefooter #footercontent ul li a {
    font-size: 100%;
    line-height: 20px;
}

#footercontent table,
#footercontent tbody td {
    border: none;
}
/*-------------------------------------------------------------------------*/
/* Dateiupload */


.csc-uploads .csc-uploads-element .csc-filelinks-description {
    font-style: italic;
    padding-top: 5px;
}

.csc-uploads .csc-uploads-element {
    padding: 16px 0;
}

.csc-uploads .csc-uploads-element.li-even {
    background-color: transparent;
}

.csc-uploads .csc-uploads-element .csc-filelinks-icon {
    padding-right: 10px;
}
/*-------------------------------------------------------------------------*/
/* Bilddefinitionen */

/* Ausrichten von Bild auf Höhe Titel */
.ce-textpic .ce-gallery img {
    margin-top: 3px;
}

figcaption.image-caption {
    margin-top: 3px;
}

.ce-textpic .ce-gallery .ce-textpic-imagerow:not(:first-child) img {
    margin-top: 0;
}

/* Hover Status entfernen für Lightbox Elemente */
div.ce-textpic a.lightbox,
#sitefooter div.ce-textpic .ce-gallery figure > a {
    border-bottom: none;
    text-decoration: none;
}

/* Floating deaktivieren, sodass Bilder ausgerichtet werden können */
div.ce-above div.ce-gallery,
div.ce-below div.ce-gallery,
div.ce-textpic div.ce-gallery ul li,
div.ce-textpic div.ce-gallery dl.ce-textpic-image {
    float: none;
}

/* Fix image width in YAML grid when images are big */
img {
    max-width: 100% !important; /* Set a maxium relative to the parent */
    width: auto;
    width: auto\9 !important; /* IE7-8 need help adjusting responsive images */
    height: auto;
    -ms-interpolation-mode: bicubic;
}

/*  Bilder in Grid ausrichten und verhindern, dass diese «überfliessen» [si 19.8.2015]
*   Getestet in IE8 und höher + FF + Safari + Opera + Chrome (OSX & WIN) */
div.ce-textpic .ce-gallery figure {
    max-width: 100%;
    overflow: hidden;
    display: block;
}

div.ce-textpic.ce-center .ce-gallery,
div.ce-textpic.ce-center figure.ce-gallery {
    width: 100%;
    display: block;
}

div.ce-textpic.ce-center .ce-textpic-center-outer {
    max-width: 100%; /* max. Groesse des Bildes */
}

div.ce-textpic.ce-center .ce-textpic-center-inner {
    width: 100%;
}


 /* Dynamische Bildbreiten bei Imagecols */

.ce-textpic-imagecolumn.hf-imagecols-2 {
    width: 50%;
    margin-right: 0;
}

.ce-textpic-imagecolumn.hf-imagecols-3 {
    width: 32%;
    margin-right: 2%;
}

.ce-textpic-imagecolumn.hf-imagecols-4 {
    width: 23.5%;
    margin-right: 2%;
}

.ce-textpic-imagecolumn.hf-imagecols-5 {
    width: 18.4%;
    margin-right: 2%;
}

.ce-textpic-imagecolumn.hf-imagecols-6 {
    width: 15%;
    margin-right: 2%;
}

.ce-textpic-imagecolumn img,
.ce-textpic-imagecolumn figcaption {
    padding-left: 10px;
    padding-right: 10px;
}

.ce-textpic-imagecolumn.ce-textpic-firstcol img,
.ce-textpic-imagecolumn.ce-textpic-firstcol figcaption {
    padding-left: 0;
}

.ce-textpic-imagecolumn.ce-textpic-lastcol img,
.ce-textpic-imagecolumn.ce-textpic-lastcol figcaption {
    padding-right: 0;
}



    /*-------------------------------------------------------------------------*/
    /* Bilddefinitionen */

    /* Ausrichten von Bild auf Höhe Titel */
    .ce-textpic .ce-gallery img {
        margin-top: 3px;
    }

    figcaption.image-caption {
        margin-top: 3px;
    }

    .ce-textpic .ce-gallery .ce-textpic-imagerow:not(:first-child) img {
        margin-top: 0;
    }

    /* Hover Status entfernen für Lightbox Elemente */
    div.ce-textpic a.lightbox,
    #sitefooter div.ce-textpic .ce-gallery figure > a {
        border-bottom: none;
        text-decoration: none;
    }

    /* Floating deaktivieren, sodass Bilder ausgerichtet werden können */
    div.ce-above div.ce-gallery,
    div.ce-below div.ce-gallery,
    div.ce-textpic div.ce-gallery ul li,
    div.ce-textpic div.ce-gallery dl.ce-textpic-image {
        float: none;
    }

    /* Fix image width in YAML grid when images are big */
    img {
        max-width: 100% !important; /* Set a maxium relative to the parent */
        width: auto;
        width: auto\9 !important; /* IE7-8 need help adjusting responsive images */
        height: auto;
        -ms-interpolation-mode: bicubic;
    }

    /*  Bilder in Grid ausrichten und verhindern, dass diese «überfliessen» [si 19.8.2015]
    *   Getestet in IE8 und höher + FF + Safari + Opera + Chrome (OSX & WIN) */
    div.ce-textpic .ce-gallery figure {
        max-width: 100%;
        overflow: hidden;
        display: block;
    }

    div.ce-textpic.ce-center .ce-gallery,
    div.ce-textpic.ce-center figure.ce-gallery {
        width: 100%;
        display: block;
    }

    div.ce-textpic.ce-center .ce-textpic-center-outer {
        max-width: 100%; /* max. Groesse des Bildes */
    }

    div.ce-textpic.ce-center .ce-textpic-center-inner {
        width: 100%;
    }


     /* Dynamische Bildbreiten bei Imagecols */

    .ce-textpic-imagecolumn.hf-imagecols-2 {
        width: 50%;
        margin-right: 0;
    }

    .ce-textpic-imagecolumn.hf-imagecols-3 {
        width: 32%;
        margin-right: 2%;
    }

    .ce-textpic-imagecolumn.hf-imagecols-4 {
        width: 23.5%;
        margin-right: 2%;
    }

    .ce-textpic-imagecolumn.hf-imagecols-5 {
        width: 18.4%;
        margin-right: 2%;
    }

    .ce-textpic-imagecolumn.hf-imagecols-6 {
        width: 15%;
        margin-right: 2%;
    }

    .ce-textpic-imagecolumn img,
    .ce-textpic-imagecolumn figcaption {
        padding-left: 10px;
        padding-right: 10px;
    }

    .ce-textpic-imagecolumn.ce-textpic-firstcol img,
    .ce-textpic-imagecolumn.ce-textpic-firstcol figcaption {
        padding-left: 0;
    }

    .ce-textpic-imagecolumn.ce-textpic-lastcol img,
    .ce-textpic-imagecolumn.ce-textpic-lastcol figcaption {
        padding-right: 0;
    }


/*****************************************/
/*** Mobile Nav ***/
#mobile-menu-button #menu-button-icon {
    background: #E5E5BB url("../gui/icon-responsive-nav.png") no-repeat scroll center center;
}

#mobile-nav .ym-grid.ym-equalize > [class*="ym-g"] a,
#mobile-nav .mobile-mainnav li a {
    color: #4A493D;
    font-weight: normal;
}

#mobile-nav .ym-grid.ym-equalize > [class*="ym-g"] a:hover,
#mobile-nav .ym-grid.ym-equalize > [class*="ym-g"] a:focus,
#mobile-nav .mobile-mainnav li a:hover,
#mobile-nav .mobile-mainnav li a:focus,
#mobile-nav .mobile-mainnav li.active a {
    color: #BAB82D;
}

/*****************************************/
/*** Mobile Phone ***/
@media screen and ( max-width: 600px ) {
    #sitecontent {
        padding-top: 0;
    }

    #logo {
        max-width: 100%;
        margin: 20px 10px;
    }
}

.presse {
    padding-left: 30px;
}