#row1 {background-color:#FFFFFF;}
.layout_four #bannerfoto {display:none;}

.sublayout_row1_three_column {
    padding:260px 0 0px 0;
}

.sublayout_row1_three_column .column {min-height:220px; background-color:#FFFFFF; padding:20px;box-sizing:border-box;}


.fotobar h2 {margin:0;padding:0;background-color:transparent; color:#331544;}
.fotobar h2 a {margin:0;padding:0;background-color:transparent; color:#331544;}
.container.landing h2 a span {margin:0;padding:0;}


/* rij 3 */
.onecolumn .landing.folder ul.items li.column {border-width:0;margin-bottom:2.5rem;}
.onecolumn .landing.folder ul.items li a {background-color:#331544; color:#FFFFFF;}
.onecolumn .landing.folder ul.items span.title {padding:10px 20px;}

.onecolumn .landing.folder ul.items li a:hover,
.onecolumn .landing.folder ul.items li a:focus {background-color:#4F4F4F; color:#FFFFFF;}

@media only screen and (min-width: 768px) {
    .overview_folder #row2 .contentrow, 
    .detail_aside #row2 .contentrow, 
    .layout_search #row2 .contentrow, 
    .detail_toptasks #row2 .contentrow {
        background-color: #FFFFFF;
        margin-top: -545px;
    }
    #row1.row1_breadcrumb {
        background-position: center bottom;
    }
}
.breadcrumbs {
    margin: 0;
    background-color: #CCCCCC;
    padding: 10px;
}
@media screen and (max-width: 767px) {
 #bannerfoto {display:block !important}
 .sublayout_row1_three_column {padding-top:0;}
 #row1 {background-size:768px auto;}
 #bannerfoto {height:225px !important;}
}
@media screen and (max-width: 480px) {
 #row1 {background-size:480px auto;}
 #bannerfoto {height:140px !important;}
}
@media screen and (min-width: 5px) and (max-width: 959px) {
 .breadcrumbs {margin-left:0 !important}
}
@media only screen and (min-width: 5px) and (max-width: 512px) {
    #tinyblock form#quicksearch {margin-top:35px !important;}
} 
.content-wrapper.horizontal {min-height:628px} 
a {hyphens: auto;}