@charset "utf-8";
/* CSS Document */
body {
    background-color:#354764; background-image:url(../img/bg-overflow.jpg); background-repeat:repeat-y; background-position:center; margin:0; padding:0;
    font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; line-height:22px;
}

img {
    max-width: 100%;
    height: auto;
}

#logo {width:539px; height:154px; margin:0 auto; z-index:1; position:relative;}


#header {background-image:url(../img/header-overflow.jpg); width:100%; height:24px; background-repeat:repeat-x; margin-top:-24px; z-index:0; position:absolute;}

#container {background-color:#223041; width:100%; height:577px;}

#content { max-width: 1300px; width:100%; margin:0 auto; height:598px; padding:0; border:0px solid red; }


#content strong, ul li {color:#007DC5; text-transform:uppercase; font-size:16px; font-weight:bold; position:relative;}

ul li {margin-left:-25px;}
.blauw, .blauw2 {color:#007DC5;}
.blauw2, .blauw3 {font-size:14px;}
.blauw3 {color:#344b6b;}
.naw {text-align:right; text-transform:uppercase; font-size:13px; font-weight:bold; margin-right:56px; line-height:19px;}
.naw a {color:#fff; text-decoration:none;}
.naw a:hover {color:#007DC5;}

#portrait {background-image:url(../img/portrait.jpg); width:289px; height:433px; position:relative;}

#bottom {width:539px; height:24px; margin:0 auto; margin-top:-24px; z-index:1;}

#footer {background-image:url(../img/footer-overflow.jpg); width:100%; height:24px; background-repeat:repeat-x;}
#leftcolumn {background-position:right; margin-right:77px; position:relative;}

a.sanicom {text-decoration:none; color:#344b6b; font-size:12px;}
a.sanicom:hover {color:#007DC5;}

.content-left {
    width: 361px;
    float: left;
}

.content-right {
    width:calc(100% - 430px);
    float: right;
}

.content-right-inner {
    max-width: 600px;
    width: 100%;
    padding-top: 35px;
}

@media screen and (max-width: 676px) {
    #logo,
    #bottom {
        width: 100%;
    }
    
    #container {
        height: auto;
    }
    
    #content {
        height: auto;
    }
    
    .content-left {
        width: 100%;
        float: none;
        text-align: center;
    }

    .content-right {
        width: 100%;
        float: none;
    }
    
    .content-right-inner {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 5%;
        padding-right: 5%;
        width: 90%;
    }
}