/** GENERAL **/
    @font-face {
        font-family: 'avenir';
        src: url('fonts/avenir-roman-webfont.eot');
        src: local('☺'), url('fonts/avenir-roman-webfont.woff') format('woff'), url('fonts/avenir-roman-webfont.ttf') format('truetype'), url('fonts/avenir-roman-webfont.svg') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    html{
        height: 100%;
        -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    }

    body, input, textarea{
        min-height: 100%;
        background-color: #eee;
        font: 14px/22px 'avenir', Helvetica, Arial, sans-serif;
    }
    body, input, textarea, a, a.sliderControl:hover, a:hover, a:focus{
        color: #999;
    }
    a {
        text-decoration: underline;
    }
    a:hover, a:focus {
        color: #003768;
    }
    h1{
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 24px;
        color: #003768;
        text-align: center;
    }
    h2{
        color: #b2b3b6;
    }
    .wrapper{
        max-width: 780px;
        margin: auto;
        text-align: center;
    }

    @media (max-width: 767px) {
        /*
        .wrapper{
            padding-left: 25px;
            padding-right: 25px;
        }
        */
    }

    header{
        background-color: #fff;
    }

    header{
        min-height: 160px;
    }

    header .logo{
        margin: auto;
        height:80px;
    }

    footer{
        text-align: center;
        padding-bottom: 60px;
        padding-top: 60px;
    }

    .img-responsive {
        width: 100%;
        height: auto;
    }

    .showOnPhone{
        display: none;
    }
    @media (max-width: 767px) {
        .showOnPhone{
            display: block;
        }
        .hideOnPhone{
            display: none;
        }
    }
    form{
        font-size: 14px;
        line-height: 20px;
    }
    input, textarea {
        clear: both;
        width: 100%;
        border: 0;
        background-color: #eee;
        box-sizing: border-box;
        padding-left: 5px;
    }
    textarea {
        height: 100px;
    }
    label {
        width: 100%;
        display: block;
    }
    .formLegende, .formLegende a, .formLegende a:hover {
        color: #b2b4b6;
        text-decoration: none;
    }
    .formLegende a:hover {
        color: #000;
    }

    span.button {
        padding: 3px 10px;
        background-color: #FFCF06;
        text-transform: uppercase;
		cursor: pointer;
    }

    span.button:hover {
        background-color: #003768;
    }

    span.button a, span.button a:hover{
        color: white;
    }
/** END GENERAL **/

/** GLYPHICONS **/
    @font-face {
        font-family: 'Glyphicons Halflings';
        src: url('vendor/fonts/glyphicons-halflings-regular.eot');
        src: url('vendor/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('vendor/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('vendor/fonts/glyphicons-halflings-regular.woff') format('woff'), url('vendor/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('vendor/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
    }
    .glyphicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #B2B3B6;
    }
    .glyphicon-star:before {
        content: "\e006";
    }
/** END GLYPHICONS **/


/** MENU **/
    header .menu-box {
        clear: both;
        width: 272px;
        margin: auto;
    }

    header .menu-box a, .mobileNav a{
        color: #b2b3b6;
        font-size: 13px;
        line-height: 80px;
        text-decoration: none;
        letter-spacing: .5px;
    }

    header .menu-box  a:hover, header .menu-box  a.active,
    .mobileNav a:hover, .mobileNav a.active {
        color: #003768;
    }

    header .menu-box li {
        padding-left: 12.5px;
        float: left;
        text-transform: uppercase;
    }
    header .menu-box li:first-child {
        padding-left: 16px;
    }

    .mobileNav, .mobileNavIcon{
        display: none;
        clear: both;
    }

    .mobileNav div {
        line-height: 39px;
        text-transform: uppercase;
        border-bottom: 1px solid #464646;
        text-align: left;
    }
    .mobileNav div:first-child {
        border-top: 1px solid #464646;
    }
/** END MENU **/

/** SLIDER **/
    .slider{
        overflow: hidden;
        width: 100%;
        position: relative;
    }
    .home.newsitem .slider {
        margin-bottom: 0;
    }
    .slide{
        margin: 0 auto;
        overflow:hidden;
        position: relative;
        line-height: 0px;
    }
    .sliderImages{
        width: 100%;
        height: auto;
    }
    .sliderImages .crud{
        background-color: white;
    }
    .sliderImages .crud .edit{
        display: none;
    }
    .slideLeft{
        height: 100%;
        position: absolute;
        width: 50%;
        left: 0;
        top: 0;
        cursor: pointer;
    }
    .slideLeft img {
        position: absolute;
        top:50%;
        left:0px;
        margin-top:-12.5px;
    }
    .slideRight {
        height: 100%;
        position: absolute;
        width: 50%;
        right: 0;
        top: 0;
        cursor: pointer;
    }
    .slideRight img {
        position: absolute;
        top: 50%;
        right: 0px;
        margin-top: -12.5px;
    }
/** END SLIDER **/

/** CONTENT **/
    .content {
        background-color: white;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .content .img {
        border: 1px solid #b2b3b6;
        width: 30%;
        margin-right: 4.35%;
        float: left;
        line-height: 0;
    }
    .content .text {
        text-align: left;
        width: 82%;
        margin: auto;
        text-align: center;
    }
    .contact .content .text {
        width: 60%;
    }
    .vacature .content .text {
        width: 53.84%;
    }
    .content .text .box {
        border: 1px solid #b2b4b6;
        margin-top: 40px;
        padding: 30px;
        background-color: #eee;
    }
    .content ul {
        list-style: none;
        margin-left: 0px;
        padding-left: 12px;
        text-indent: -12px;
    }
    .content ul.dashed li:before{
        content: '- ';
    }
    .content ul.none {
        margin-left: 12px;
    }
    @media (max-width: 767px) {
        .content {
            padding-top: 40px;
            padding-left: 25px;
            padding-right: 25px;
        }
        .content .img {
            margin-top: 40px;
            width: 100%;
            margin-right: 0;
        }
        .contact .content .text,
        .vacature .content .text,
        .content .text {
            width: 100%;
            font-size: 14px;
            line-height: 22px;
        }
        h1{
            font-size: 24px;
            line-height: 30px;
        }
        .content .text .box {
            padding: 20px;
        }
    }
    @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
        .content ul {
            text-indent: -9px;
        }
    }
/** END CONTENT **/

/** FOOTER **/
    footer .copyright, footer .copyright a {
        font-size: 12px;
        text-decoration: none;
    }
/** END FOOTER **/

/** HOME **/
    div#subheader {
        border-top: 1px solid #464646;
    }
    .slogan{
        width:100%;
        position: relative;
    }
    .slogan .img{
        width: 50%;
        float: left;
    }
    .slogan .img img {
        float: left;
    }
    .slogan .text {
        width: 50%;
        text-align: center;
    }
    @media (min-width: 768px) {
        .slogan .text {
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -156px;
        }
    }
    @media (max-width: 767px) {
        .slogan .img{
            width: 100%;
            float: left;
        }
        .slogan .text{
            width: 100%;
            float: left;
            min-height: 260px;
        }

    }
/** END HOME **/

/** PARTICULIEREN **/
    .dottedList{
        border-bottom: 2px #000 dotted;
        position: relative;
        height: 26px;
    }
    .dottedLeft, .dottedRight {
        position: absolute;
        bottom: -9px;
        background-color: #eee;
    }
    .dottedLeft{
        left: 0;
        padding-right: 5px;
    }
    .dottedRight{
        right: 0;
        padding-left: 5px;
    }
    @media (max-width: 767px) {
        .dottedList{
            height: 20px;
        }
        .dottedLeft, .dottedRight {
            bottom: -7px;
        }
    }
/** END PARTICULIEREN **/

/** FAQ **/
    .faqItem {
        border-top: 1px solid #b2b4b6;
    }
    .faqItem:last-child {
        border-bottom: 1px solid #b2b4b6;
    }
    .faqItem .question {
        color: #b2b4b6;
        width: 100%;
        background-image: url(/css/images/pijl-down.x1.png);
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-size: 15px;
        line-height: 26px;
        min-height: 52px;
        padding-top: 13px;
        padding-bottom: 13px;
        box-sizing: border-box;
        padding-right: 25px;
        cursor: pointer;
    }
    .faqItem .answer{
        display: none;
        margin-bottom: 26px;
    }
    .faqItem.open .question {
        background-image: url(/css/images/pijl-up.x1.png);
    }
    .faqItem.open .answer {
        display: block;
    }
/** END FAQ **/

/** GOOGLE MAP **/
    div#map {
        height: 520px;
    }
    
    @media (max-width: 767px) {
        div#map {
            display: none;
        }
    }    
/** END GOOGLE MAP **/