html {
overflow-x:hidden;
}

body {
/** BEPAAL SITEFONT IN CMS SETTINGS **/
color:#000;
font-weight:normal;
line-height:1.3;
margin:0 0 2em 0;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	body { font-size:12px; }
}

/* SITEWIDTH zie style index.php */
/* Mobiel Portrait */
@media only screen and (max-device-width:736px) and (orientation:portrait) { 
	.sitewidth { width:100%; }
}

/* iPad Portrait */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
	.sitewidth { width:100%; }
}
/* iPad Landscape */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
	.sitewidth { width:1000px; }
}

/** voor kop-grootte zie .content  **/
h1 {
color:#000;
line-height:1.2;
font-weight:normal;
margin:0 0 0.2em 0;
}
h2 {
color:#000;
line-height:1.2;
font-weight:normal;
margin:0 0 0.3em 0;
}
h3 {
color:#000;
line-height:1.2;
font-weight:normal;
margin:0 0 0.5em 0;
}
h4 {
color:#000;
line-height:1.2;
font-weight:normal;
margin:0 0 0.5em 0;
}
h5 {
color:#000;
font-size:1em;
line-height:1.2;
font-weight:normal;
margin:0 0 0.5em 0;
}

a {
color:#000;
transition: all .5s ease 0s;
}
a:link {
color:#000;
text-decoration:none;
}
a:visited {
color:#000;
text-decoration:none;
}
a:active {
color:#000;
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:underline;
}

p {
margin:0;
}

b,strong,.strong {
font-weight:700;
}

i {
font-style:italic;
}

ul {
list-style: none;
list-style-position:inside;
padding:0;
margin:0;
}
li {
line-height:1.5;
padding-left:0.5%; 
}
li:before {
content: "- ";
color:#000;
}

hr {
height:3px;
background-color:#000;
margin:0.5em 0 0.5em 0;
border:none;
width:100%;
clear:both;
}

.tekst {
font-size:1em;
}

.clearbreak {
width:100%;
font-size:0.01em;
line-height:0.01;
clear:both;
}

.alert {
color:#869F83;
}
.alertborder {
color:#869F83;
}

.cookiesmelding {
position:relative;
width:96%;
height:auto;
text-align:center;
padding:0.5em 2% 0.7em 2%;
background:rgba(255, 255, 255, 0.8);
display:block;
}

.link-pijl {
position:relative;
top:0;
width:auto;
height:auto;
font-size:1em;
line-height:1.2;
text-decoration:none;
vertical-align:middle;
border:none;
background:none;
display:inline-block;
}
.kleinepijl {
top:1px;
font-size:0.6em;
}
.mediumpijl {
top:1px;
font-size:0.8em;
}

.pagsnav {
height:auto;
text-align:right;
margin:0 auto 1em auto;
clear:both;
}
.pagsnav a {
position:relative;
width:auto;
height:auto;
font-size:1em;
color:rgba(0,0,0,1);
font-weight:normal;
line-height:1;
padding:10px;
margin:0 0 0 0.5%;
background-color:rgba(255,255,255,0.9);
display:inline-block;
transition: all .5s ease 0s;
z-index:6;
}
.pagsnav a:link {
color:rgba(0,0,0,1);
text-decoration:none;
}
.pagsnav a:active {
color:rgba(0,0,0,1);
text-decoration:none;
}
.pagsnav a:visited {
color:rgba(0,0,0,1);
text-decoration:none;
}
.pagsnav a:hover {
color:#fff;
background-color:#000;
text-decoration:none;
}
.pagsnav a.on {
color:#fff;
background-color:#000;
}


.footerbox {
/** BEPAAL NAVFONT IN CMS SETTINGS **/
position:relative;
width:100%;
height:auto;
padding:0;
margin:1em 0 0 0;
clear:both;
z-index:0;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.footerbox {
	height:4em;
	}
}
footer {
position:relative;
height:auto;
color:#000;
font-size:1em;
line-height:1;
background-color:rgba(255,255,255,1);
border-top:solid 3px #000;
letter-spacing:2px;
margin:0 auto 0 auto;
padding:1.5em 0 0 0;
clear:both;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	footer {
	width:96%;
	letter-spacing:1px;
	}
}
footer p {
font-size:1em;
padding:0;
margin:0 0 0.5em 0;
display:block;
clear:both;
}
footer h1 {
color:#000;
font-size:0.8em;
line-height:0.5;
margin:0 0 0.5em 0;
display:block;
float:left;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	footer h1 {
	font-size:2em;
	margin:0.1em 0 0 0;
	}
}

footer a {
color:#000;
text-decoration:none;
}
footer a:link {
color:#000;
text-decoration:none;
}
footer a:visited {
color:#000;
text-decoration:none;
}
footer a:active {
color:#000;
text-decoration:none;
}
footer a:hover {
color:#000;
text-decoration:underline;
}


.toplinkbox {
position:relative;
width:100%;
height:auto;
margin:1em 0 0 0;
display:none;
}
.toplink {
position:relative;
height:auto;
text-align:right;
margin:0 auto 0 auto;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.toplink { width:100%; }
}
.toplink-pijl {
width:auto;
height:auto;
color:#000;
font-size:2em;
line-height:1;
text-decoration:none;
vertical-align:middle;
transform:rotate(-90deg);
transition:all .5s ease 0s;
border:none;
background:none;
display:inline-block;
}
.toplink-pijl:hover {
color:#869F83;
text-decoration:none;
cursor:pointer;
}