@font-face {
    font-family: 'Nobel';
    src: url('/dsresource?objectid=9c4772d5-54bc-49cf-8e59-24622ceec571') format('truetype'),
        url('/dsresource?objectid=a6308ead-5a8d-4457-9b99-b8979b48cb22') format('woff');
        font-weight: normal;
        font-style: normal;
}
body {
    font-size:14px;
    font-family: Arial, Verdana,'Sans Serif';
    line-height: 1.5;
}
h1 {font-weight:normal;font-size:22px;}

a.calltoaction {
    background-color: #f5781e;
    color: #FFFFFF;
    padding: 6px 12px;
    font-size: 20px;
    border-radius:0;
    font-weight:normal;
}
a.calltoaction:hover,
a.calltoaction:focus {
    background-color:#A00032;
}
p.breadcrumbs a {color:#00A0C3;}
.highcontrast p.breadcrumbs a {color:#000000;}

/* header */
a#logo {padding-top:0;}
#accessibility-tools {top:45px;}
form#quicksearch {top:70px;}
form#quicksearch input.text {
    border-radius: 5px;
    border: 2px solid #999999;
    width: 345px;
    height: 40px;
    padding: 2px 30px 2px 10px;
    box-sizing: border-box;
    font-size: 14px;
}
form#quicksearch button.submit {
    min-width:40px;
    min-height:40px;
    margin-left:-40px;
}
.toplinks ul.quicklinks li a,
.toplinks ul.quicklinks li.last-child a {color:#A00032;}
.toplinks ul.quicklinks li.last-child {
    background-color:transparent;
    padding:0 0 0 10px;
    margin-left:0;
}

/* menu */
#menu_wide {height:40px;border-bottom-width:40px;}
ul.menu-horizontal a {min-height:40px;padding:4px 15px;}
.nav li.active ul,
.nav li.active ul li.moremenu ul {top:40px;min-height:40px;}
ul.secnav a.item-link, ul.secnav span.item-link {font-size: 14px;padding: 8px 15px;box-sizing: border-box;}

ul.dropdownmenu {background-color:#FFFFFF;}
ul.dropdownmenu li a.item-link {
    margin:0 10px;
    padding:6px 10px;
    border-bottom:1px solid #00A0C3;
    width:260px;
    min-height:auto;
}
ul.dropdownmenu li.last-child a.item-link {border-bottom-width:0;}
ul.dropdownmenu li a.item-link:hover, ul.dropdownmenu li a.item-link:focus {
    background-color:#FFFFFF;
}
.moremenu ul.dropdownmenu {background-color:#00A0C3;}
.moremenu ul.dropdownmenu li a.item-link:hover, 
.moremenu ul.dropdownmenu li a.item-link:focus {background-color:#00A0C3;}

body.overview_folder .row2_content .grid-16 {width:calc(100% - 50px);}

#row1,#row2, #row3, #row4 {background-color:#FFFFFF;}
#row1 {background-image:none;}
#bannerfoto {height:0 !important;}

.layout_four #row3 {
    background:#FFFFFF url(https://www.hellevoetsluis.nl/dsresource?objectid=8793ad9d-7ea2-4614-94f9-f57cc430e816&type=WEBIMAGE) top center no-repeat;
    background-size:cover;
    min-height:325px;
}

body #row2.row2_content {
    background:#FFFFFF url(https://www.hellevoetsluis.nl/dsresource?objectid=8793ad9d-7ea2-4614-94f9-f57cc430e816&type=WEBIMAGE) bottom center no-repeat;
    background-size:1920px 325px;
    padding-bottom:325px;
}

.footer_website {border-top-width:0;}

/* toptaken */
div.onlytoptasks {padding:20px 10px;}

ul.onlytoptasks li.column a {
    height:168px;
    font-size:18px;
    font-family: 'Nobel', Arial, Sans-serif;
    padding:15px;
    border-width:0;
    vertical-align: top;
    text-align: left;
    background-color:#00A0C3;
}
ul.onlytoptasks li.column a span {
    text-align: left;
    align-items: start;
    justify-content: start;
    height: auto;
    line-height:1.2em;
}
ul.onlytoptasks li.column a:hover,
ul.onlytoptasks li.column a:focus {
    background-color:#A00032;
}

.onecolumn .landing h2 {position:static;}
.onecolumn .landing ul.items {display:block;}
.onecolumn .landing ul.items li {border-width:0;}
.onecolumn .landing.folder ul.items li a {padding:0;color:#363636;}
.onecolumn .landing ul.items li span.title {font-size:14px; font-weight:normal;padding:0;color:#00A0C3;}

/* of zocht u */
.layout_four .contentrow .onecolumn {margin:20px 10px;}
.onecolumn h2 {
    font-size: 18px;
    font-weight: normal;
    border-bottom: 1px solid #00A0C3;
    margin-top: 0;
    padding: 0 10px 10px;
    text-align: center;
    color:#000000;
}
.onecolumn ul.items li a.item-title {
    color: #00A0C3;
    padding: 7px 0 ;
    display: block;
    font-weight:normal;
    font-size:100%;
}

/* Rij 3 */

.container_aside.landing.briefing h2, .fotobar h2, .fotobar_three h2,
.container_aside.landing.briefing h2 a, .fotobar h2 a, .fotobar_three h2 a {
    background-color:#FFFFFF;
    color:#000000;
    padding:0;
    font-size:18px;
}
.layout_four .columns .column .section.document,
div.container_aside,
.container.landing{
    background-color:#FFFFFF;
    border-width:0;
    padding:20px;
    margin-bottom:0;
}
.layout_four .columns .column .section.document h2,
.container_aside.landing.briefing h2,
div.container_aside h2 {margin: 0 0 20px;font-size:18px;}
.container.landing h2 a span {padding:0;margin: 0 0 20px;}
div.container_aside > ul, div.container_aside > div {
	background-color:#FFFFFF;
	border-width:0;
}
.container_aside ul.items li {background-color:transparent;border-width:0;list-style-type:square;list-style-position:outside;margin:0 0 5px 12px;}
.container_aside ul.items li a {color:#000000;padding:0;}
.container_aside ul.items li a:hover,
.container_aside ul.items li a:focus {
    background-color:transparent;
    color:#00A0C3;
}
.container_aside.landing.briefing a.read-more {
    border-width:0;
    padding:0;
}

/* folder */
.folder .items h2 a.item-title {font-weight:normal;}
.folder .items h2 a.item-title:hover,
.folder .items h2 a.item-title:focus {color:#00A0C3;}

h3 {
	margin: 0.5em 0;
	font-size: 1.2em;
}

/* hoogcontrast */
.highcontrast .onecolumn .landing ul.items li span.title {color:blue; text-decoration:underline;}