body.init,
body.init * {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
}.noTransition {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        -ms-transition: none !important;
        transition: none !important;
}
.noDelay {
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -ms-transition-delay: 0s;
        transition-delay: 0s;
}
.delayHalfSec {
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay:0.5;
        -ms-transition-delay:0.5s;
        -o-transition-delay:0.5s;
        transition-delay: 0.5s;
}
.aniBg {
        -webkit-transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -moz-transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -ms-transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -o-transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
}
.aniSize {
        -webkit-transition: height, width 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -moz-transition: height, width 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -ms-transition: height, width 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -o-transition: height, width 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition: height, width 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.aniLong {
        -webkit-transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -moz-transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -ms-transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -o-transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ;
}
.ani {
        -webkit-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -moz-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -ms-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -o-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ;
}
.aniLong,
.aniBg,
.ani,
.aniHeight {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */        
}

/* Spin icon */
.spin {
        -webkit-transform-origin: 50% 50%;
        transform-origin:50% 50%;
        -ms-transform-origin:50% 50%; /* IE 9 */
        -webkit-animation: spin .5s infinite linear;
        -moz-animation: spin .5s infinite linear;
        -o-animation: spin .5s infinite linear;
        animation: spin .5s infinite linear;
}
@-moz-keyframes spin {
        from {
        -moz-transform: rotate(0deg);
}
to {
        -moz-transform: rotate(360deg);
}
}

@-webkit-keyframes spin {
        from {
        -webkit-transform: rotate(0deg);
}
to {
        -webkit-transform: rotate(360deg);
}
}

@keyframes spin {
        from {
        transform: rotate(0deg);
}
to {
        transform: rotate(360deg);
}
}.pulse {
        -webkit-animation: pulsate 3s infinite 0s; /* Safari 4+ */
        -moz-animation:pulsate 3s infinite 0s; /* Fx 5+ */
        -o-animation:pulsate 3s infinite 0s; /* Opera 12+ */
        animation:pulsate 3s infinite 0s; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes pulsate {
        0%   { opacity:1; }
        50%   { opacity:.5; }
        100% { opacity:1; }
}
@-moz-keyframes pulsate {
        0%   { opacity:1; }
        50%    { opacity:.5; }
        100%  { opacity:1; }
}
@-o-keyframes pulsate {
        0%   { opacity:1; }
        50%   { opacity:.5; }
        100% { opacity:1; }
}
@keyframes pulsate {
        0%  { opacity:1; }
        50%   { opacity:.5; }
        100% { opacity:1; }
}

@-webkit-keyframes fadein{
        0%   { opacity:0; }
        100% { opacity:1;  }
}
@-moz-keyframes fadein {
        0%   { opacity:0; }
        100% { opacity:1;  }
}
@-o-keyframes fadein {
        0%   { opacity:0; }
        100% { opacity:1;  }
}
@keyframes fadein {
        0%   { opacity:0; }
        100% { opacity:1;  }
}*, 
*:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}.clearfix:before,
.clearfix:after {
        content: " ";
        display: table;
}

.clearfix:after {
        clear: both;
}

.clearfix {
        zoom: 1;
}h1,h2,h3,h4,h5,b,strong {
    font-weight:normal;
    margin:0px;
}
body,
body * {
    font-family:'light';
    font-size:14px;
}
.href > span[data-icon],
.href,
a,
a:link,
a:visited {
    -webkit-transition: background 0.25s ease-out, color 0.25s ease-out;
    -moz-transition: background 0.25s ease-out, color 0.25s ease-out;
    -ms-transition: background 0.25s ease-out, color 0.25s ease-out;
    -o-transition: background 0.25s ease-out, color 0.25s ease-out;
    transition: background 0.25s ease-out, color 0.25s ease-out;
    cursor:pointer;
}
.href:hover,
a:hover {
}/* Path relative to /cache */ 
@font-face {
        font-family: "bold";
        src: url("https://archived.mertenfoto.nl/static/fonts/myriad/myriadbold.woff") format('woff');
        src: url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadbold.eot');
        src: url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadbold.eot?#iefix') format('embedded-opentype'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadbold.woff') format('woff'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadbold.ttf') format('truetype'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadbold.svg#myriadbold') format('svg');
}

@font-face {
        font-family: "normal";
        src: url("https://archived.mertenfoto.nl/static/fonts/myriad/myriadwebpro.woff") format('woff');
        src: url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadwebpro.eot');
        src: url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadwebpro.eot?#iefix') format('embedded-opentype'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadwebpro.woff') format('woff'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadwebpro.ttf') format('truetype'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadwebpro.svg#myriad') format('svg');
}
@font-face {
        font-family: "light";
        src: url("https://archived.mertenfoto.nl/static/fonts/myriad/myriadlight.woff") format('woff');
        src: url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadlight.eot');
        src: url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadlight.eot?#iefix') format('embedded-opentype'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadlight.woff') format('woff'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadlight.ttf') format('truetype'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadlight.svg#myriadlight') format('svg');
}
b {
        font-family:'bold';
        font-weight:normal;
}/*body *[data-hint] {
    position:relative;
    padding-left:20px;
}
body *[data-hint]:before {
    position:absolute;
    left:0px;
    top:50%;
    margin-top:-10px;
    height:20px;
    width:20px;
    content:'';
    text-align:center;
    
}*/
body > .hint {
    font-family:'light';
    position:absolute;
    z-index:10000;
    padding:4px 8px;
    max-width:250px;
    background: #151515;
    border: 1px solid #444;
    color:#EEE;
    text-align:center;
}
body.desktop > .hint {
    opacity:0;
    transform:translateY(-5px);        
}
body.desktop > .hint.show {
    opacity:1;
    transform:translateY(0px);
}
body > .hint.r {
    padding-right:20px;
}
body > .hint > a.close {
    position:absolute;
    top:2px;
    right:3px;
}
body > .hint > a.href,
body > .hint { 
    font-size:12px;       
}
body > .hint > a.href,
body > .hint > a.close {
    font-family:'bold';
    text-decoration:none;
    color:#FFF;
    font-family:'bold';
}
body > .hint > a.href {
    border-bottom:1px #444 solid;
}
body > .hint > a.href:hover {
    color:#FFF !important;        
}
body > .hint > .icon {
    position:absolute;

}
body > .hint > .icon.bottom,
body > .hint > .icon.top {
    left:50%;
    margin-left:-8px;        
}
body > .hint > .icon.top {
    bottom:-18px;
}
body > .hint > .icon.bottom {
    top:-18px;
}
body > .hint > .icon.left,
body > .hint > .icon.right {
    top:50%;
    margin-top:-8px;        
}
body > .hint > .icon.left {
    right:-18px;
}
body > .hint > .icon.right {
    left:-18px;
}
body > .hint > .icon > span {
    font-size:16px;
}
body.desktop > .hint.show > .icon > span {
    color:#FFF;
}.input {
    -webkit-touch-callout: text !important;
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}
input[type="checkbox"],
input[type="radio"] {
    vertical-align:middle;
}


div[data-placeholder]:not(:focus):empty:before {
    content: attr(data-placeholder);
    float: left;
    margin-left: 2px;
    color:#AAA;
    font-family:'light';
    
}
#el.busy .elt,
#sl  {
        z-index:9999;
        text-align:center;
        position:fixed;
}
/* Small loader */
#sl {
        display:table;
        bottom:7px;
        left:50%;
        margin-left:-20px;
        width:40px;
        height:40px;
}
#sl > span[data-icon] {
        color:#FFF;
        padding-top:6px;
        padding-right:-1px;
        display:table-cell;
        vertical-align:middle;
        text-align:center;
}
/* Large loader */
#el {
        z-index:9999;
        display:hidden;
        background:rgba(0,0,0,0);
}
#el .elt {
        display:none;
}
#el.busy .elt {
        width:300px;
        height:50px;
        top:50%;
        left:50%;
        margin-top:-35px;
        margin-left:-150px;
        display:block;
        opacity:1 !important;
}
#el.busy {
        display:block;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,.75);
}
#el .elt > div {
        display:inline-block;
        padding:0px 5px;
        padding-top:10px;
        vertical-align:middle;
        width: 80px;
        height: 61px;
        color:#000;
        -webkit-animation: rotateplane 1.75s infinite ease-in-out;
        animation: rotateplane 1.75s infinite ease-in-out;
        /*-webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;*/
}
#el .elt > div {

}

/* Loader animation */

@-webkit-keyframes rotateplane {
        0% { -webkit-transform: perspective(120px) rotateZ(0deg) }
25% { -webkit-transform: perspective(120px) rotateY(45deg) rotateZ(-25deg) rotateX(-15deg) }
50% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateZ(-50deg) rotateX(-30deg) } /*rotateX(180deg)*/
100% { -webkit-transform: perspective(120px) rotateY(0deg)  rotateZ(0deg) } /*rotateX(0deg) */
}

@keyframes rotateplane {
        0% { 
        transform: perspective(120px) rotateZ(0deg);
        -webkit-transform: perspective(120px) rotateZ(0deg) 
} 25% { 
        transform: perspective(120px) rotateY(45deg) rotateZ(-25deg) rotateX(-15.1deg) ;
        -webkit-transform: perspective(120px) rotateY(45deg) rotateZ(-25deg) rotateX(-15deg);
} 50% { 
        transform: perspective(120px) rotateY(179.9deg) rotateZ(-50deg)  rotateX(-30deg) ;
        -webkit-transform: perspective(120px) rotateY(180deg)  rotateZ(-50deg) rotateX(-30deg)
} 100% { 
        transform: perspective(120px) rotateY(0deg) rotateZ(0deg);
        -webkit-transform: perspective(120px) rotateY(0deg)  rotateZ(0deg)
}
}.preloader {
        position:fixed;
        z-index:9999;
        top:0px;
        left:0px;
        background-color:#FFF;
        height:1px;
        margin-top:1px;
        width:100%;
}
.preloader.k {
        opacity:0;
}body.block,
body.block * {
        pointer-events: none !important;
}.scroll::-webkit-scrollbar,
.list::-webkit-scrollbar{
        width: 8px; height: 8px;
}
.scroll::-webkit-scrollbar-thumb,
.list::-webkit-scrollbar-thumb{
        background-color:rgb(196, 196, 196); border-radius: 0px;
}
.scroll::-webkit-scrollbar-thumb:hover,
.list::-webkit-scrollbar-thumb:hover{
        background-color:rgb(196, 196, 196);
}
.scroll::-webkit-scrollbar-track,
.list::-webkit-scrollbar-track{
        background-color:rgb(237, 237, 237);
}.right {
        text-align:right !important;
}
.center {
        text-align:center !important;
}
.fleft {
        float:left !important;
}
.fright {
        float:right !important;
}
.noselect,
.copyright {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor:default;
}.box {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.round {
        -webkit-border-radius:3em;
        -moz-border-radius: 3em;
        border-radius: 3em;
}
.lessround_b,
.lessround_t,
.lessround {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;  
}
.lessround_b {
        -webkit-border-top-right-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-topleft: 0px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
}
.lessround_t {
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
}
.circle {
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
}
.emboss {
        text-shadow: 1px 1px 0px rgba(255, 255,255,.5);
}
.invertemboss {
        text-shadow: 1px 1px 1px rgba(0,0,0,.5) !important;
}
.shadowEdge {
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
.shadowin {
        -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
        box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
}
.shadow {
        -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .1);
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .1);
}
.moreshadow {
        -webkit-box-shadow: 5px 10px 30px rgba(0,0,0,0.3);
        box-shadow: 5px 10px 30px rgba(0,0,0,0.3);
}
.lessshadow {
        -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, .1);
        box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, .1);
}
.shadowsharp {
        /*text-shadow: 2px 1px 0px rgba(0, 0, 0, 1);*/
        text-shadow: rgb(0, 0, 0) 1px 1px 0px;
}@font-face {
        font-family: 'icomoon';
        src:url('https://archived.mertenfoto.nl/static/fonts/icons/icomoon_v3.eot?force=1');
        src:url('https://archived.mertenfoto.nl/static/fonts/icons/icomoon_v3.eot?#iefix') format('embedded-opentype'),
                url('https://archived.mertenfoto.nl/static/fonts/icons/icomoon_v3.woff?force=1') format('woff'),
                url('https://archived.mertenfoto.nl/static/fonts/icons/icomoon_v3.ttf?force=1') format('truetype'),
                url('https://archived.mertenfoto.nl/static/fonts/icons/icomoon_v3.svg#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
}
[data-icon]:before {
        font-family: 'icomoon';
        content: attr(data-icon);
}
[data-icon]:before {
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /*vertical-align:middle;*/
}
.icoSmall {
        font-size:9px !important;
}
.icoMedium {
        font-size:14px;
}
.icoLarge {
        font-size:20px;
}
.icoXL {
        font-size:32px;
}.appcontent.archive {

}
.appcontent.archive > .lead {
    margin-top:30px;
    text-align:center;
}
.appcontent.archive > .list > .row > .entry {

    position:relative;
    cursor:pointer;
    background:#222;

}
.appcontent.archive > .list > .row > .entry:hover {
    background:#333;
    border:2px #FFF solid;        
}
.appcontent.archive > .list > .row > .entry > .box  {
    width:100%;
}
body.mobile .appcontent.archive > .list > .row > .entry {
    display:table-row;    
}

.appcontent.archive > .list > .row > .entry > .box  > .txt {
    padding:10px;        
    -webkit-box-shadow: 0px -6px 5px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px -6px 5px 0px rgba(0,0,0,0.45);
    box-shadow: 0px -6px 5px 0px rgba(0,0,0,0.45);
    z-index:999;
    position:relative;
}
.appcontent.archive > .list > .row > .entry:hover > .box  > .txt > .context {
    color:#AAA;
}
.appcontent.archive > .list > .row > .entry > .box  > .txt > .parent {
    margin-top:10px;
    font-size:11px;
    text-align:right;
}
.appcontent.archive > .list > .row > .entry > .box  > .txt > .context a:active,
.appcontent.archive > .list > .row > .entry > .box  > .txt > .context a:hover,
.appcontent.archive > .list > .row > .entry > .box  > .txt > .context a,
.appcontent.archive > .list > .row > .entry > .box  > .txt > .context {
    color:#777;
}
.appcontent.archive > .list > .row > .entry > .box  > .txt > .context {
    padding:5px 15px;
    text-align:center;
}
body.desktop .appcontent.archive > .list > .row > .entry > .box  > .txt > .context {
       padding:10px 30px;
}
.appcontent.archive > .list > .row > .entry:hover > .box  > .txt > a {
    color:#FFF;
}
.appcontent.archive > .list > .row > .entry > .box  > .txt > a {
    display:block;
    font-family:'light';
    font-size:18px;
    text-decoration:none;
    color:#FFF;
    text-align:center;
}
.appcontent.archive > .list > .row > .entry > .box  > .img > .branding {
    height:44px;
    width:44px;
    left:50%;
    margin-left:-22px;
    bottom:6px;
    position:absolute;
}
.appcontent.archive > .list > .row > .entry > .box  > .img > .branding.xl {
    height:80px;
    width:80px;
    opacity:.5;
    margin-left:-40px;
    bottom:50%;
    margin-bottom:-40px;
}        
.appcontent.archive > .list > .row > .entry > .box  > .img {
    position:relative;
    height:200px;
    background:#111;
}
body.desktop .appcontent.archive > .list > .row > .entry > .box  > .img {
    -webkit-filter: brightness(.9) saturate(.35);
    -moz-filter: brightness(.9) saturate(.35);
    -o-filter: brightness(.9) saturate(.35);
    filter: brightness(.9) saturate(.35);
}
body.desktop .appcontent.archive > .list > .row > .entry:hover > .box  > .img {
    -webkit-filter: brightness(1) saturate(1);
    -moz-filter: brightness(1) saturate(1);
    -o-filter: brightness(1) saturate(1);
    filter: brightness(1) saturate(1);
}
.appcontent.archive > .list > .row > .entry:hover > .box  > .img > .label {
    color:#FFF;
    background:rgba(0,0,0,.5);
}
.appcontent.archive > .list > .row > .entry > .box  > .img > .label {
    font-family:'light';
    position:absolute;
    top:3px;
    left:3px;
    padding:2px 5px;
    background:rgba(0,0,0,.35);
    font-size:11px;
}
.appcontent.archive > .list > .row > .entry > .box  > .img > .nocover {
    position:absolute;
    top:50%;
    left:0px;
    text-align:center;
    margin-top:-9px;
    z-index:999;
    width:100%;
    color:#CCC;
}#page .contact {
    /*display:table;*/
    width:100%;
    margin-top:30px;
    /*background:#151515;*/
    text-align:center;
}
/*#page .contact > div:first-child {
        width:40px;
        background:#FFF;
}
#page .contact > div:first-child span {
        display:inline-block;
        margin-top:4px;
        color:#777;
}*/
#page .contact > div b {
    color:inherit;
}
#page .contact > div {
    color:#AAA;
    text-align:center;
}
#page .contact > div a {
    text-decoration:none;
    color:#FFF;
    font-family:'bold';
}
#page .contact > div a {
    margin-left:5px;       
}.menu.footer {
    position:relative;
    /*width:100%;*/
    padding:15px 30px;
    /*background:rgba(23,23,23,.5);*/
    border-top:2px #151515 solid;
    color:#999;
    margin-top:100px;
    /*margin-left:-30px;*/
    padding-bottom:30px;
}
body .menu.footer.alt {
    border-top:0px;

    padding-left:30px;
    padding-right:30px;
    padding-bottom:0px;
    z-index:100;
    position:relative;
    margin:0px auto;
    max-width:900px;
    /*min-width:700px;*/
}
/*body.nomenu .menu.footer.alt {
    padding-left:30px;
}*/
.menu.footer > .contact > .social {
    margin-top:15px;
    margin-bottom:10px;
}
.menu.footer > .contact > .social > a {
    padding:3px;
}
.menu.footer .copyright {
    text-align:center;
    font-size:10px;
    margin-top:5px;
    color:#555;
}
.menu.footer .copyright {
    margin-bottom:15px;
}
.menu.footer.alt .copyright {
    margin-bottom:100px;
}
.menu.footer h2 {
    margin-bottom:10px;
}
.menu.footer > .items {
    display:table;
    width:100%;
    table-layout: fixed
}
.menu.footer > .items > .cat {
    display:table-cell;
    color:#707070;
    line-height:1.5em;
}

body.mobile .menu.footer > .items > .cat h2 {
    margin-top:15px;
}
body.mobile .menu.footer > .items > .cat {
    display:table-row;
    text-align:center;
}


.menu.footer > .items > .cat > a {
    display:block;
    color:#999;
    text-decoration:none;
}
.menu.footer > .items > .cat > a:hover {
    color:#FFF;
}.menu.info > #logo {
    left:10px !important;
    top:10px !important;
    width:80px !important;
    height:110px !important;
    background-image:url('https://archived.mertenfoto.nl/user/defryvolle/brand/brandplain.gif') !important;
    background:#FFF;
    padding:4px;
    border-radius:4px;
    border:1px #CCC solid;
}body > .hint.alt {
        text-align:center;
}
body > .hint.alt b {
        color:#FFF;
        font-family:'bold';
}.menu.info > #logo {
        background-image:url('https://archived.mertenfoto.nl/user/defryvolle/brand/brandplain.png');
        background-repeat:no-repeat;
        background-size:contain;
        background-position-x: center;
        position:absolute;
        left:12px;
        top:10px;
        width:94px;
        height:72px;        
        z-index:999;
}
.menuapp.cartcount {
        text-align:center;
        background:#000;
        padding:2px 6px;
        border:1px #222 solid;
        color:#FFF !important;
        font-size:12px;
        font-family:'bold';
}.menu.info {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:55px;
    z-index:1005;
    background:#151515;
}
body:not(.mertensnijders) .menu.info {
    background: rgb(50,50,50); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(50,50,50,1) 0%, rgba(15,15,15,1) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,50,50,1)), color-stop(99%,rgba(15,15,15,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(15,15,15,1) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(15,15,15,1) 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(15,15,15,1) 99%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(50,50,50,1) 0%,rgba(15,15,15,1) 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#151515',GradientType=0 ); 
}
body.mertensnijders .menu.info {
    background: rgb(29, 58, 57);
    background: -moz-linear-gradient(top,  rgba(29, 58, 57, 1) 0%, rgb(41, 35, 45) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(29, 58, 57, 1)), color-stop(99%,rgb(41, 35, 45))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(29, 58, 57, 1) 0%,rgb(41, 35, 45) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(29, 58, 57, 1) 0%,rgb(41, 35, 45) 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(29, 58, 57, 1) 0%,rgb(41, 35, 45) 99%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(29, 58, 57, 1) 0%,rgb(41, 35, 45) 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d3a39', endColorstr='#151515',GradientType=0 ); 
}
.menu.info > .inner {
    /*height:100%;*/
    padding-left:131px;        
    position:relative;
    text-align:left;
    color:#FFF;
}
.menu.info > .inner a b { 
    font-size:inherit;   
}
.menu.info > .inner a { 
    white-space:nowrap;
    font-family:'light';
    text-decoration:none;
    display:inline-block;
}
body.tablet .menu.info > .inner a,
body.mobile .menu.info > .inner a { 
    font-size:16px;    
    padding-right:15px;
    padding-top: 20px;
}
body.desktop .menu.info > .inner a { 
    font-size:20px;    
    padding-right:20px;
    padding-top: 16px;
}
.menu.info > .inner a.authdepend  {
    color:#FFF;
}
.menu.info > .inner a.authdepend span {
    color:#FFF;
}
.menu.info > .inner a span {
    margin-right:4px;
}
.menu.info > .inner a *,
.menu.info > .inner a { 
    color:#CCC;
}
.menu.info > .inner a.active {
    font-family:'normal';
    color:#FFF;
}
.menu.info > .inner a:hover { 
    color:#FFF;
}
.menu.info > .inner a.r {
    position:absolute;
    right:0px;
}


body.mobile .menu.info > .inner a.r,
body.mobile .menu.info {
    position:relative;
    height:auto;
}
body.mobile .menu.info > .inner {
    padding-top:10px;
    padding-bottom:10px;
}
body.mobile .menu.info > .inner a { 
    font-size:20px !important;
    display:table-row;
}
body.mobile .menu.info > .inner a.r {
    text-align:left;
}
/* Animations */
.menu.info > #logo,
.menu.info {
    -webkit-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    -moz-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    -o-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
}
.menu.info > #logo {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

/* When smaller then 900 */
body.mobile body .menu.info > #logo {
    top:43px;
}        
.auth {
    padding:4px 8px !important;
}
.auth a {
    white-space:nowrap;
}.menu.work {
    background:#FFF;
    padding-top:55px;
    padding-left:118px;
    width:100%;
    letter-spacing:1px;
    text-align:left;
    z-index:1000;
    position:absolute;
    top:0px;
    left:0px;
    font-family:'normal';
}
body.storywise .menu.work,
body.mertensnijders .menu.work {
    display:none;
}
body.mertensnijders.tablet .menu.work,
body.mertensnijders.desktop .menu.work {
    padding-top:100px;
    padding-left:0px;
    text-align:right;
}
body.mobile .menu.work {
    padding-top:141px !important;
    padding-left:0px !important;
}
body.mobile.mhq .menu.work {
    padding-top:141px !important;
    padding-left:0px !important;
}
body.mobile.terracinematica .menu.work {
    padding-top:141px !important;
    padding-left:0px !important;
}
body.mobile.defryvolle .menu.work {
    padding-top:115px !important;
    padding-left:120px !important;
}
body.mobile.storywise .menu.work {
    padding-top:92px !important;
    padding-left:120px !important;
}
body.mobile.mertensnijders .menu.work {
    padding-top:67px !important;
    padding-left:0px !important;
}

.menu.work ul,
.menu.work ul li {
    position:relative;
    list-style-type: none;
}
.menu.work li.archive a > .num {
    color:#AAA;
    padding:2px 4px;
    font-size:9px;
}
/*.menu.work > ul {
    border-top:1px #EEE solid;       
}*/
.menu.work ul {
    margin:0;
    padding:0;
    font-size:0;
}
.menu.work > ul > li {
    border-left:1px #EEE solid;
}
.menu.work ul ul li a {
    padding-left:15px;
}
.menu.work ul li {
    display:inline-block;
    vertical-align:top;
}
.menu.work > ul > li ul li {
    display:block;
    /*padding: 8px 4px;*/
}
.menu.work ul li a {
    white-space:nowrap;
    display:inline-block;

    color:#555;
    text-decoration:none;
    padding:4px 12px;
}
.menu.work ul li a:hover {
    color:#000;
}
.menu.work ul li.active  {
    /*background:#FFF;*/
}
.menu.work ul li.active >  a {
    font-family:'normal';
    color:#151515;
}
.menu.work ul ul li a {
    color:#555;       
}
/* Open close tests */
.menu.work ul > li > ul {
    max-height:0px;
    overflow: hidden;
    position: absolute;
    background: #222;
}
.menu.work ul > li.open > ul {
    max-height:1500px;
}
.menu.work > .switch,
.menu.work,
.menu.work ul > li > ul {
    -webkit-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
    -moz-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
    -ms-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
    -o-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
    transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ;
}
.menu.work > .panel {
    position:relative;
}
.menu.work .panel > .goback {
    position:absolute;
    right:0px;
    top:5px;
}
.menu.work .panel a {
    display:inline-block;        
    border-right:1px #AAA solid;
    padding:0px 10px;
}
.menu.work .panel.auth a:first-child {
    padding-left:0px;
}
.menu.work .panel a span,
.menu.work .panel a {
    color:#999;
    text-decoration:none;
}
.menu.work .panel a:hover {
    color:#000;
}
.menu.work ul li.bg {
    border-right:1px #FFF solid;
}
.menu.work ul li.bg a {
    -webkit-filter: opacity(.35)  saturate(.25) contrast(1.35); 
    color:#FFF;
    height:75px;
}.menu.work > .switch {
        position:fixed;
        display:table;
        left:0px;
        border-left:150px #FFF solid;
        top:0px;
        height:100%;
        pointer-events:none;
}
.menu.work > .switch > div {
        display:table-cell;
        vertical-align:bottom;
        position:relative;
}
.menu.work > .switch > div > span {
        cursor:pointer;
        position:relative;
        display:block;
        padding:5px 10px;
        background:#151515;
        pointer-events:auto;
        color:#FFF;
        font-size:32px !important;
        padding-bottom:2px;
}
.menu.work > .switch > div > span:hover {
        color:#FFF;
}
/*body.nomenu .menu.work > .switch { 
        left:-150px;       
}
body.nomenu .menu.work > .switch > div > span {
        background:#FFF;
        color:#151515;
}*//* custom to menu */
.menu.work > ul > li.open > .toggle {
        transform:rotate(180deg);
        transform-origin:50% 50%;
        -webkit-transform: rotate(180deg);
        -webkit-transform-origin:50% 50%;
}
.menu.work > ul > li > .toggle:hover span,
.menu.work > ul > li > .toggle:hover {
        color:#000;
}
.menu.work > ul > li > .toggle {
        right:-12px;
        top:-2px;
        position:absolute;
        display:inline-block;
}
.menu.work > ul > li > .toggle > span {
        color:#FFF;
}
/* shared across other toggles */
.toggle {
        position:absolute;
        padding:4px;
}
.toggle *,
.toggle {
        font-size:8px;        
        color:#444;
}
.toggle {
        z-index:250;
        cursor:pointer;
        -webkit-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -moz-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -ms-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -o-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ;
}
/*.menu.work > .filterpanel > .filter.close > .toggle * {
        color:#FFF;        
}
.menu.work > .filterpanel > .filter > .toggle:hover * {
        color:#999;
}*/.photobg > .item:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,.75) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(75%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.75)));
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,.75) 100%);
        background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,.75) 100%);
        background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,.75) 100%);
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,.75) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); 
}
.photobg .option.refresh {
    display:none;
}.photobg.auto:not(.section) {
        opacity:0;        
}
.photobg.auto:not(.section) > .item > .img {
        width:100%;
        height:100%;
}
.photobg.auto:not(.section) {
        -webkit-animation: intro 15s 1 0s;
        -moz-animation:intro 15s 1 0s;
        -o-animation:intro 15s 1 0s;
        animation:intro 15s 1 0s;

        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
}
@-webkit-keyframes intro{
        0%   { opacity:0; }
        25% { opacity:.65; }
        90% { opacity:.5;  }
        100% { opacity:0;  }
}
@-moz-keyframes intro {
        0%   { opacity:0; }
        25% { opacity:.65; }
        90% { opacity:.5;  }
        100% { opacity:0;  }
}
@-o-keyframes intro {
        0%   { opacity:0; }
        25% { opacity:.65; }
        90% { opacity:.5;  }
        100% { opacity:0;  }
}
@keyframes intro {
        0%   { opacity:0; }
        25% { opacity:.65; }
        90% { opacity:.5;  }
        100% { opacity:0;  }
}.photobg.auto.on {
    opacity:1;
}
.photobg.auto {
    padding-left:0px;
}
.photobg.auto.pause {
    /*visibility:hidden;*/
}
body.block .photobg.auto > .item > .img,
body.block .photobg.auto > .item > .context,
.photobg.auto.pause,
.photobg.auto.pause > .item > .img,
.photobg.auto.pause > .item > .context {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
}
.photobg.auto {
    transition: opacity 2s ease-out;
    opacity:0;
    position:fixed;
    z-index:1;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
.photobg.auto > .item {
    position:relative;
    width:100%;
    height:100%;
    background-color:#151515;
}
.photobg.auto > .item > .img {
    width:100%;
    height:100%;
}
body.desktop.dim .photobg.auto > .item {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    -webkit-filter: opacity(.5)  saturate(0) contrast(1.25); 
    -moz-filter: opacity(.5) saturate(0) contrast(1.25); 
    -o-filter: opacity(.5) saturate(0) contrast(1.25); 
    -ms-filter: opacity(.5) saturate(0) contrast(1.25); 
    filter: opacity(.5) saturate(0) contrast(1.25);  
}
body.mobile.dim .photobg.auto > .item,
body.tablet.dim .photobg.auto > .item {
    opacity:.5;
}
.photobg.auto .option:hover {
    background:#222;        
}
.photobg.auto .option:hover *,
.photobg.auto .option:hover {
    color:#FFF;
}
.photobg.auto .option {
    background:rgba(255,255,255,.2);
    font-family:'bold';
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.photobg.auto .option,
.photobg.auto .option * {
    color:#FFF;        
}
.photobg.auto .option.refresh {
    position:absolute;
    z-index:1000;
    top:50%;
    right:5px;
    margin-top:0px;
    padding:5px 6px;
    padding-bottom:3px;
    padding-right:3px;      
}.photobg.section > .item > .img{
        opacity:0;        
}
.photobg.section > .item > .img {
        width:100%;
        height:100%;

        -webkit-animation: intro 15s 1 0s; /* Safari 4+ */
        -moz-animation:intro 15s 1 0s; /* Fx 5+ */
        -o-animation:intro 15s 1 0s; /* Opera 12+ */
        animation:intro 15s 1 0s; /* IE 10+, Fx 29+ */

        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
}
@-webkit-keyframes intro{
        0%   { opacity:0;  }
        10%   { opacity:.3; }
        90% { opacity:.3;  }
        100% { opacity:0;  }
}
@-moz-keyframes intro {
        0%   { opacity:0; }
        10%   { opacity:.3; }
        90% { opacity:.3;  }
        100% { opacity:0;  }
}
@-o-keyframes intro {
        0%   { opacity:0; }
        10%   { opacity:.3; }
        90% { opacity:.3;  }
        100% { opacity:0;  }
}
@keyframes intro {
        0%   { opacity:0; }
        10%   { opacity:.3; }
        90% { opacity:.3;  }
        100% { opacity:0;  }
}
.photobg.auto.section .context {
        padding-left:30px;
        text-align:left;
        top:60px;
}
.photobg.auto .context > h1 {
        font-size:48px;
        font-family:'light';
        color:#151515 !important;
}.photobg.section > .item {
        background-color:#151515 !important;
}
.photobg.section > .item:before  {
        z-index:100;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: -moz-linear-gradient(top,  rgba(21,21,21,0) 0%, rgba(21,21,21,0.9) 60%, rgba(0,0,0,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,21,21,0)), color-stop(60%,rgba(21,21,21,0.9)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(21,21,21,0) 0%,rgba(21,21,21,0.9) 60%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(21,21,21,0) 0%,rgba(21,21,21,0.9) 60%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(21,21,21,0) 0%,rgba(21,21,21,0.9) 60%,rgba(0,0,0,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(21,21,21,0) 0%,rgba(21,21,21,0.9) 60%,rgba(0,0,0,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */



}
.photobg.section .option.refresh {
        top:175px;
}
.tintalt  *,
.tintalt {
    color:#92da70!important;
}
b {
    font-family:'bold';
}
h1 *,
h2 *,
h1,
.header,
h2 {
    color:#FFF;
}
.tint {
    color:#FFF !important;
}
h1 b,
h1,
.header,
h2 {
    font-size:28px;
    margin:0px;
    margin-left:-1px;
}
h1,
.header,
h2 {
    font-family:'light';
}
h2 *,
h2 {
    font-size:18px;
    color:#777;
}
/*.header,h1,h2 {
        text-shadow: rgb(0, 0, 0) 1px 1px 0px;
}*/#notifications {
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    z-index:9999;
    text-align:left;
}
body.scrolling #notifications {
    bottom:-29px;
}
body.nomenu #notifications {
    padding-left:0px;
}
#notifications > .item span[data-icon] {
    color:#777;
}
#notifications > .item > .close {
    position:absolute;
    top:7px;
    right:5px;
    cursor:pointer;
}
#notifications > .item .close:hover * {
    color:#151515;
}
#notifications > .item {
    position:relative;
    background: #CCC;
    background: -moz-linear-gradient(top,  #CCC 0%, #AAA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCC), color-stop(100%,#AAA));
    background: -webkit-linear-gradient(top,  #CCC 0%,#AAA 100%);
    background: -o-linear-gradient(top,  #CCC 0%,#AAA 100%);
    background: -ms-linear-gradient(top,  #CCC 0%,#AAA 100%);
    background: linear-gradient(to bottom,  #CCC 0%,#AAA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCC', endColorstr='#AAA',GradientType=0 );


    border-top:1px #777 solid;
    border-bottom:1px #777 solid;
    padding:4px;
    padding-right:25px;
    color:#222;
    opacity:0;
    transform:translateY(50px);
    font-family:'normal';
}
#notifications > .item:hover {

}
#notifications > .item.on {
    z-index:10;
    opacity:1;
    transform:translateY(0px);       
}
body.mhq #notifications > .item,
body.mhq #notifications > .item a {
    text-shadow:none;
}
body #notifications > .item a {
    font-family:'bold';
    color:#444;
    text-decoration:none;        
}
body #notifications > .item a,
#notifications > .item {
    font-size:12px;
}

body #notifications > .item a:hover {
    color:#151515;
}
body.mhq #notifications > .item a:hover {
    color:#FFF;
}.photobg.section {
        position:fixed;
}body > #page > .body ol > li a,
body > #page > .body ol > li a:link,
body > #page > .body > p a,
body > #page > .body > p a:link {
        color:#FFF;
        border-bottom:1px #555 dotted;
        text-decoration:none;
}
body > #page > .body ol > li a:hover,
body > #page > .body > p a:hover {
        color:#FFF;
}
body > #page > .body ol > li a,
body > #page > .body ol > li,
body > #page > .body p *,
body > #page > .body div.p *,
body > #page > .body div.p,
body > #page > .body p {
    text-align:justify;
    font-size:20px;
}
body > #page > .body ol > li {
    counter-increment: clist;
    position:relative;
    margin-bottom:5px;
    color:#CCC;
}
body > #page > .body ol > li::before {
    content: counter(clist);
    position:absolute;
    font-size: 13px;
    font-family:'bold';
    left: -30px;    
    background:#151515;
    color: #FFF;
    padding: 2px 6px;
    border-radius: 4px;
}
body > #page > .body ol {
    margin-left:0px;
    padding-left:30px;
    list-style-type: none;
    counter-reset: clist;
}html, body {
    margin:0px;
    background:#000;
}
body.mobile  > #page { 
    padding-left:10px;
    padding-right:10px;
}
body > #page {
    color:#FFF;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:0px;
    z-index:100;
    position:relative;
    margin:0px auto;
    margin-top:150px;        
    width:100%; 
    height:100%;        
    max-width:997px;
}
body.mertensnijders > #page {
    margin-top:225px; 
}
body.mobile  >  #page > .body h1 { 
    text-align:center;
    padding:5px 10px;
}
body > #page > .body h1 {
    margin-bottom:10px;
    font-size:32px;
}
body.mobile > #page > .body div.p,
body.mobile > #page > .body p { 
    padding:5px 10px;
}
body > #page > .body div.p,
body > #page > .body p {
    font-family:'light';
}
body > #page > .body p:first-of-type b {
    font-size: 28px;
}
body > #page > .body p b {
    text-align:left;
    color:#FFF;
    font-size: 24px;
    font-family: 'light';
    display: block;
    margin-bottom: 5px;
}
body > #page > .body p span {
    color:#FFF;   
}
body.mobile > #page {
    min-width:350px;
}
.appcontent {
    margin-top:100px;
}
.appcontent > .context  p,
.appcontent > .context  {
    text-align:center !important;
}
.appcontent > .context {
    margin-bottom:20px;
}
.appcontent > .context > .header {
    font-size:20px;
}
.appcontent > .list {
    display:table;    
    width:100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 10px;
    width:calc(100% + 20px);
    margin-left:-10px;
    margin-top:-10px;
}
.appcontent > .list > .row {
    display:table-row;   
}
.appcontent > .list > .row > .entry {
    width:200px;
    height:250px;
    display:table-cell;
    border:2px #222 solid;        
}
body.defryvolle.desktop .appcontent.archive > .list > .row > .entry > .box  > .img { 
    height:200px;
}