/*
Theme Name: urh
Theme URI: http://underscores.me/
Author: Bart
Author URI: http://bartscomputerservice.nl/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: urh
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

urh is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Uwrechterhand CSS toevoegingen
	## Header
	## Content
	## Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: block;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 640px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
	display: none;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.page-title h1 {
	font-family: Roboto, sans-serif;
	color: #555;
}

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 0.6em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comments-link {
	display: none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Uwrechterhand CSS toevoegingen
--------------------------------------------------------------*/
body {
	/* Stel de achtergrondkleur in op donkerblauw. */
	background: rgb(203,235,255);
background: -moz-linear-gradient(top,  rgba(203,235,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,235,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(203,235,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(203,235,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(203,235,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(203,235,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbebff', endColorstr='#ffffff',GradientType=0 );
background-attachment: fixed;
}

a {
	/* Stel een overgang van 0,2 seconden in op iedere link. */
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;

	transition: .2s;
}

.wds_slideshow_dots_container_0 {
	/* Verberg de puntjes van de slider. */
	display: none !important;
}

#wds_slide_container_0 {
	border-radius: 6px;
}

.error-404 {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
@media screen and (min-width: 640px) {
	/* Als browserscherm groter is dan 27 centimeter */
	.wds_slideshow_image_wrap_0 {
		border-radius: 2px;
	}

	.urh-header {
		/* Deze regels zijn van toepassing op het gehele header-blok. */
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		border-bottom-style: none;
		padding: 20px;
		padding-top: 5px;
	}

	.urh-header-topcontainer {
		/* In deze container staat het logo en alles wat er rechts van hoort te staan. */
		height: 90px;
		width: 960px;
	}

	.urh-header-title {
		/* Deze regels zijn van toepassing op de titel bovenaan het header-blok. */
		font-family: 'Roboto', sans-serif;
		font-size: 32px;
		display: inline;
		position: absolute;
		margin-top: 4px;
		margin-left: 12px;
	}

	.urh-header-title a {
		/* Deze regels zijn van toepassing op de link van de titel bovenaan het header-blok. */
		color: white;
		text-decoration: none;
	}

	.urh-header-title a:hover {
		/* Deze regels zijn van toepassing als de muis op de titel bovenaan het header-blok staat. */
		color: #FF7129;
	}

	.urh-header-desc {
		/* Deze regels zijn van toepassing op de descriptie onder de titel bovenaan het header-blok. */
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		display: inline;
		position: absolute;
		margin-left: 14px;
		margin-top: 49px;
		color: white;
	}

	.urh-header-logo {
		/* Deze regels zijn van toepassing op het logo linksbovenaan het header-blok. */
		float: left;
		width: 90px;
		height: 90px;
	}

	.urh-header-search {
		/* Deze regels zijn van toepassing op het zoekvak rechtsbovenaan het header-blok. */
		display: inline;
		float: right;
		margin-top: 12px;
		margin-right: 24px;
	}

	.urh-header-social {
		/* Deze regels zijn van toepassing op de social-media knoppen onder het zoekvak rechtsbovenaan het header-blok. */
		display: table;
		float: right;
		clear: right;
		margin-top: 8px;
		margin-right: 24px;
	}

	.urh-multitaal {
		display: table-cell;
		vertical-align: middle;
		padding-bottom: 8px;
		padding-right: 12px;
	}

	.urh-multitaal a {
		text-decoration: none;
		color: #006A6C;
	}

	.urh-multitaal a:visited {
		color: #006A6C;
	}

	.main-navigation {
		/* Deze regels zijn van toepassing op de gehele bovenste navigatiebalk. */
		float: none;
		width: auto;
		display: table;
		margin-left: auto;
		margin-right: auto;
	}

	.main-navigation a {
		/* Deze regels zijn van toepassing op alle individuele links van de bovenste navigatiebalk. */
		border-radius: 4px;
		margin-left: 18px;
		margin-right: 24px;
		margin-bottom: -12px;
		/* padding-top: 4px; */
		padding-left: 8px;
		padding-right: 8px;
		/* padding-bottom: 3px; */

		font-family: 'Roboto', sans-serif;
		font-weight: bold;
		color: white;
		background-color: #002A6C;

		/* background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
		background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
		background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); */

		-webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.2);
		box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.2);
	}

	.main-navigation a:hover {
		/* Deze regels zijn van toepassing op de gehoverde link van de bovenste navigatiebalk. */
		color: #FF7129;
	}

	.urh-header-separator {
		/* Deze regels zijn van toepassing op de separator tussen het header en content blok. */
		border-left: 2px solid #FAFAFA;
		border-right: 2px solid #FAFAFA;
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		height: 1px;

		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,113,41,0.59) 15%, rgba(255,113,41,0.65) 50%, rgba(255,113,41,0.59) 85%, rgba(255,255,255,0) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(15%,rgba(255,113,41,0.59)), color-stop(50%,rgba(255,113,41,0.65)), color-stop(85%,rgba(255,113,41,0.59)), color-stop(100%,rgba(255,255,255,0)));
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,113,41,0.59) 15%,rgba(255,113,41,0.65) 50%,rgba(255,113,41,0.59) 85%,rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,113,41,0.59) 15%,rgba(255,113,41,0.65) 50%,rgba(255,113,41,0.59) 85%,rgba(255,255,255,0) 100%);
		background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,113,41,0.59) 15%,rgba(255,113,41,0.65) 50%,rgba(255,113,41,0.59) 85%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,113,41,0.59) 15%,rgba(255,113,41,0.65) 50%,rgba(255,113,41,0.59) 85%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	}
}

/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/
@media screen and (max-width: 640px) {
	.urh-multitaal {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.entry-title {
		text-align: center;
	}

	.widget-title {
		text-align: center;
	}

	.urh-prijzen-onder {
		display: none;
	}

	.computer {
		display: none;
	}

	.urh-home-foto {
		vertical-align: middle;
		width: 40%;
		height: 40%;
		padding-right: 4vw;
	}
}

@media screen and (min-width: 640px) {
	.urh-prijzen-boven {
		display: none;
	}

	.mobiel {
		display: none;
	}

	.urh-content-sponsors {
		/* Deze regels zijn van toepassing op het blok met voordelen net onder de header. */
		/* height: 150px; */
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		border-top-style: none;
	}

	.urh-content-sponsors-title {
		/* Deze regels zijn van toepassing op de titel in het sponsors-blok */
		/* padding-top: 9px; */
		color: #006A6C;
		font-family: 'Roboto', sans-serif;
		margin-top: 3px;
		margin-bottom: 2px;
		font-size: 14px;
		text-align: center;
	}

	.urh-content-whitespace {
		/* Deze klasse kan gebruikt worden om een whitespace in te voegen. */
		width: 980px;
		height: 8px;
		margin-left: auto;
		margin-right: auto;
	}

	.urh-content-voordelen {
		/* Deze regels zijn van toepassing op het gehele vak met voordelen. */
		border: 2px solid #E6E6E6;
		width: 980px;
		height: 86px;
		margin-left: auto;
		margin-right: auto;
		border-radius: 6px;
	}

	.urh-content-voordelen-1 {
		/* Deze regels zijn van toepassing op het linkervak binnen het voordelen-blok. */
		position: absolute;
		display: inline;
		width: 360px;
		height: 82px;
		padding-left: 12px;
		background-color: #F2F2F2;
		border-radius: 3px 0px 0px 3px;
	}

	.urh-content-voordelen-2 {
		/* Deze regels zijn van toepassing op het middenvak binnen het voordelen-blok. */
		position: absolute;
		display: inline;
		width: 326px;
		height: 82px;
		margin-left: 356px;
		background-color: #F2F2F2;
	}

	.urh-content-voordelen-3 {
		/* Deze regels zijn van toepassing op het middenvak binnen het voordelen-blok. */
		position: absolute;
		display: inline;
		width: 406px;
		height: 82px;
		margin-left: 570px;
		background-color: #F2F2F2;
		border-radius: 0px 3px 3px 0px;
	}

	.urh-content-voordelen-head {
		/* Deze regels zijn van toepassing op het rechtervak binnen het voordelen-blok. */
		margin-top: 2px;
		margin-left: 0px;
		font-family: 'Roboto', sans-serif;
		font-weight: bold;
		font-size: 15px;
		color: #FF7129;
	}

	.urh-content-pre-nieuws-container {
		width: 980px;
		height: 4px;
	}

	.urh-content-nieuws-container {
		/* Deze regels zijn vak toepassing op het gehele nieuwsticker */
		border: 2px solid #E6E6E6;
		width: 980px;
		height: 24px;
		margin-left: auto;
		margin-right: auto;
		border-radius: 2px;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
	}

	#ticker1 {
		margin-left: 4px;
		background-color: white;
		width: 780px;
		position: absolute;
	}

	#ticker2 {
		margin-left: 4px;
		background-color: white;
		width: 780px;
		position: absolute;
	}

	#ticker3 {
		margin-left: 4px;
		background-color: white;
		width: 780px;
		position: absolute;
	}

	#ticker4 {
		margin-left: 4px;
		background-color: white;
		width: 780px;
		position: absolute;
	}

	#ticker5 {
		margin-left: 4px;
		background-color: white;
		width: 780px;
		position: absolute;
	}

	.urh-content-post-nieuws-container {
		width: 980px;
		height: 4px;
	}

	.urh-content-voordelen-sub {
		/* Deze regels zijn van toepassing op de subtekst binnen het voordelen-blok. */
		margin-left: 0px;
		font-family: 'Roboto', sans-serif;
		font-size: 12px;
		color: black;
	}
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
@media screen and (max-width: 640px) {
	img.alignnone {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.urh-header-logo {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.urh-header-title {
		text-align: center;
	}

	.urh-header-title a {
		color: #006A6C;
		text-decoration: none;
	}

	.urh-header-title span {
		font-size: 4.5vw !important;
	}

	.urh-header-desc {
		font-size: 4vw;
		text-align: center;
	}

	.urh-header-search .search-form .search-field {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.urh-header-social {
		float: left;
		position: relative;
		left: 32%;
		margin-top: 4px;
	}

	.main-navigation {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	margin-top: 1vh;
	}

	.main-navigation li {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.main-navigation a {
		text-align: center;
	}

	.main-navigation a:visited {
		color: royalblue;
	}

	.urh-content-sponsors {
		display: none;
	}

	.urh-content-voordelen-head {
		text-align: center;
	}

	.urh-content-voordelen-sub {
		/* text-align: center; */
		word-wrap: break-word;
		white-space: normal;
		margin-bottom: 1vh;
	}

	.urh-content-voordelen {
		/* margin-top: 32px; */
		display: none;
	}

	.urh-content-mainmenu {
		text-align: center;
		margin-top: 32px;
		list-style-type: none;
	}

	.urh-content-mainmenu span {
		font-weight: bold;
		margin-bottom: 32px;
	}

	.urh-content-mainmenu a {
		text-decoration: none;
	}

	.urh-content-mainmenu a:visited {
		color: royalblue;
	}

	.urh-content-mainmenu li {
		margin-top: 0.75vh;
	}

	.sub-menu {
		display: none !important;
	}

	.urh-breadcrumbs {
		display: none;
	}
}

@media screen and (min-width: 640px) {
	body {
  		/* Stel de achtergrondkleur in op donkerblauw. */
  		background: rgb(203,235,255);
  		background: -moz-linear-gradient(top,  rgba(203,235,255,1) 0%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 100%);
  		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,235,255,1)), color-stop(55%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
  		background: -webkit-linear-gradient(top,  rgba(203,235,255,1) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 100%);
  		background: -o-linear-gradient(top,  rgba(203,235,255,1) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 100%);
  		background: -ms-linear-gradient(top,  rgba(203,235,255,1) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 100%);
  		background: linear-gradient(to bottom,  rgba(203,235,255,1) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 100%);
  		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbebff', endColorstr='#ffffff',GradientType=0 );

  		background-attachment: fixed;
	}

	.site-header {
  		position: fixed;
  		z-index: 99;
  		left: 0;
  		right: 0;
  		margin-top: -132px;

  		background: -moz-linear-gradient(top,  rgba(0,42,108,1) 0%, rgba(0,42,108,1) 12%, rgba(125,185,232,1) 97%, rgba(214,237,255,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,42,108,1)), color-stop(12%,rgba(0,42,108,1)), color-stop(97%,rgba(125,185,232,1)), color-stop(100%,rgba(214,237,255,0)));
background: -webkit-linear-gradient(top,  rgba(0,42,108,1) 0%,rgba(0,42,108,1) 12%,rgba(125,185,232,1) 97%,rgba(214,237,255,0) 100%);
background: -o-linear-gradient(top,  rgba(0,42,108,1) 0%,rgba(0,42,108,1) 12%,rgba(125,185,232,1) 97%,rgba(214,237,255,0) 100%);
background: -ms-linear-gradient(top,  rgba(0,42,108,1) 0%,rgba(0,42,108,1) 12%,rgba(125,185,232,1) 97%,rgba(214,237,255,0) 100%);
background: linear-gradient(to bottom,  rgba(0,42,108,1) 0%,rgba(0,42,108,1) 12%,rgba(125,185,232,1) 97%,rgba(214,237,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a6c', endColorstr='#00d6edff',GradientType=0 );

	}

	.site-content {
  		margin-top: 128px;
	}

	.urh-content-container {
		/* Deze regels zijn van toepassing op het gehele content-blok. */
		width: 980px;
		height: auto;
		display: flex;
		flex-flow: row-column;
		margin-left: auto;
		margin-right: auto;
		border: 1px rgb(180, 180, 180) solid;
		border-bottom: none;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}

	.urh-content-mainmenu {
		/* Deze regels zijn van toepassing op het gehele linker menu. */
		width: 156px;
		flex: 1 1;
		padding-top: 3px;
		padding-bottom: 6px;
		float: left;
		white-space: nowrap;
		z-index: 1;
	}

	.urh-content-mainmenu
	.sub-menu {
		/* margin-top: -17.5px; */
		margin-left: -24px;
		display: none;
	}

	.sub-menu a {
		font-size: 12px;
	}

	.urh-content-mainmenu
	.sub-menu li {
		/* padding: 4px; */
		display: block;
		/* margin-top: -17.5px; */
		margin-left: 0px;
		/* -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75); */
	}

	.urh-content-mainmenu span {
		/* Deze regels zijn van toepassing op alle span-elementen binnen het main menu. */
		margin-left: 10px;
	}

	.urh-content-mainmenu li {
		/* Deze regels zijn van toepassing op alle entry's binnen het linker menu. */
		list-style-type: none;
		margin-left: 12px;
		line-height: 1.18;
	}

	.urh-content-mainmenu a {
		/* Deze regels zijn van toepassing op alle links binnen het linker menu. */
		font-family: 'Roboto', sans-serif;
		text-decoration: none;
		color: #006A6C;
	}

	.urh-content-mainmenu a:hover {
		/* Deze regels zijn van toepassing op de link binnen het linker menu waarop de muiscursor actief is. */
		color: #FF7129 !important;
	}

	.urh-content-mainmenu,
	.current_page_item a {
		/* Deze regels zijn van toepassing op de link naar de actieve pagina. */
		color: #FF7129;
	}

	.urh-content {
		/* Deze regels zijn van toepassing op het gehele content-blok. */
		width: 824px;
		float: left;
		padding-left: 30px;
		padding-right: 30px;
		/* z-index: -1; */
	}

	.urh-pagina
	.entry-title {
		/* Verberg de entry-title. */
		display: none;
	}

	.urh-zoeken
	.entry-title {
		font-size: 18px !important;
		margin-left: 12px;
	}

	.urh-zoeken
	.entry-title a {
		font-family: Roboto, sans-serif;
		text-decoration: none;
		color: #555;
	}

	.urh-zoeken
	.entry-title a:visited {
		font-family: Roboto, sans-serif;
		text-decoration: none;
		color: #555;
	}

	.urh-zoeken
	.entry-title a:hover {
		color: #FF7129;
	}

	.urh-zoeken
	.entry-summary {
		display: none;
	}

	.urh-zoeken
	.entry-footer {
		display: none;
	}

	.entry-content {
		/* Deze regels zijn van toepassing op alle h1-titels binnen het content-blok. */
		font-family: 'Roboto', sans-serif;
		color: black;
	}

	.entry-content a {
		/* Deze regels zijn van toepassing op alle links binnen het content-blok. */
		color: #006A6C;
	}

	.entry-content a:hover {
		/* Deze regels zijn van toepassing op de link binnen het content-blok waarop de muiscursor actief is. */
		color: #FF7129;
	}

	.entry-content h1 {
		/* Deze regels zijn van toepassing op de link binnen de h1-koppen binnen het content-blok. */
		margin: 0;
	}

	.entry-content h2 {
		margin: 0;
	}

	.entry-content h3 {
		margin: 0;
	}

	.entry-content h4 {
		margin: 0;
		color: #006A6C;
	}

	.entry-content h5 {
		margin: 0;
	}

	.entry-content h6 {
		margin: 0;
	}

	.entry-content p {
		margin: 0;
	}

	.urh-content,
	.entry-content {
		/* Deze regels zijn van toepassing op de content binnen het content-blok. */
		margin: 0 0 0;
		padding-right: 4px;
	}
}

.tablepress td,
.tablepress th {
	padding: 3px !important;
}

.urh-klus-smal {
	height: 128px !important;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
@media screen and (max-width: 640px) {
	.urh-footer-widgets li {
		list-style-type: none;
	}

	.urh-footer-widgets
	.menu {
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.urh-footer-widgets a {
		text-decoration: none;
	}

	.urh-footer-widgets a:visited {
		color: royalblue;
	}

	.urh-footer-container {
		color: grey;
		font-size: 2.5vw;
	}
}

@media screen and (min-width: 640px) {
	.urh-footer-container {
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid white;
		border-radius: 4px;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		color: grey;
	}

	.urh-footer-container center {
		margin-top: 3px;
		margin-bottom: 2px;
	}

	.urh-footer-widgets {
		width: 980px;
		height: 336px;
		display: flex;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2px;
		border-left: 1px rgb(180, 180, 180) solid;
		border-right: 1px rgb(180, 180, 180) solid;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}

	.urh-footer-widgets li {
		list-style-type: none;
		line-height: 1.2;
	}

	.urh-footer-widgets a {
		color: #006A6C;
		text-decoration: none;
		font-size: 10px;
	}

	.urh-footer-widgets a:hover {
		color: #FF7129;
	}

	.urh-footer-widgets ul {
		margin: 0.3em -2em 0em -1.5em;
	}

	.urh-footer-widgets h1 {
		font-family: 'Roboto', sans-serif;
		font-weight: normal;
		font-size: 10px;
		margin-left: 16px;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.urh-footer-widgets-1 {
		position: absolute;
		display: inline;
		width: 196px;
		/* height: 200px; */
		flex: 1 1;
	}

	.urh-footer-widgets-2 {
		position: absolute;
		display: inline;
		width: 196px;
		/* height: 200px; */
		margin-left: 196px;
		flex: 1 1;
	}

	.urh-footer-widgets-3 {
		position: absolute;
		display: inline;
		width: 196px;
		/* height: 200px; */
		margin-left: 392px;
		flex: 1 1;
	}

	.urh-footer-widgets-4 {
		position: absolute;
		display: inline;
		width: 196px;
		/* height: 200px; */
		margin-left: 588px;
		flex: 1 1;
	}

	.urh-footer-widgets-5 {
		position: absolute;
		display: inline;
		width: 196px;
		/* height: 200px; */
		margin-left: 784px;
		flex: 1 1;
	}

	.urh-breadcrumbs {
		padding-bottom: 5px;
		font-size: 11px;
	}

	.panel-grid-cell
	.widget-title {
		font-size: 13px;
		text-align: center;
	}
}

@media (max-width:640px){ #pg-7-0.panel-no-style, #pg-7-0.panel-has-style > .panel-row-style , #pg-7-1.panel-no-style, #pg-7-1.panel-has-style > .panel-row-style , #pg-7-2.panel-no-style, #pg-7-2.panel-has-style > .panel-row-style , #pg-7-3.panel-no-style, #pg-7-3.panel-has-style > .panel-row-style , #pg-7-4.panel-no-style, #pg-7-4.panel-has-style > .panel-row-style , #pg-7-5.panel-no-style, #pg-7-5.panel-has-style > .panel-row-style , #pg-7-6.panel-no-style, #pg-7-6.panel-has-style > .panel-row-style , #pg-7-7.panel-no-style, #pg-7-7.panel-has-style > .panel-row-style { -webkit-flex-direction:column !important;-ms-flex-direction:column !important;flex-direction:column !important; } #pg-7-0 .panel-grid-cell , #pg-7-1 .panel-grid-cell , #pg-7-2 .panel-grid-cell , #pg-7-3 .panel-grid-cell , #pg-7-4 .panel-grid-cell , #pg-7-5 .panel-grid-cell , #pg-7-6 .panel-grid-cell , #pg-7-7 .panel-grid-cell { margin-right:0 !important; } #pg-7-0 .panel-grid-cell , #pg-7-1 .panel-grid-cell , #pg-7-2 .panel-grid-cell , #pg-7-3 .panel-grid-cell , #pg-7-4 .panel-grid-cell , #pg-7-5 .panel-grid-cell , #pg-7-6 .panel-grid-cell , #pg-7-7 .panel-grid-cell { width:100% !important; } #pgc-7-1-0 , #pgc-7-1-1 , #pgc-7-2-0 , #pgc-7-2-1 , #pgc-7-3-0 , #pgc-7-3-1 , #pgc-7-4-0 , #pgc-7-4-1 , #pgc-7-5-0 , #pgc-7-5-1 , #pgc-7-6-0 , #pgc-7-6-1 , #pgc-7-7-0 { margin-bottom:30px !important; } #pl-7 .panel-grid-cell { padding:0 !important; } #pl-7 .panel-grid .panel-grid-cell-empty { display:none !important; } #pl-7 .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px !important; }  }

@media (min-width:640px){#pgc-7-0-0 { width:100% !important;width:calc(100% - ( 0 * 30px ) ) !important; } #pg-7-0 , #pg-7-1 , #pg-7-2 , #pg-7-3 , #pg-7-4 , #pg-7-5 , #pg-7-6 , #pl-7 .so-panel { margin-bottom:30px !important;} #pgc-7-1-0 , #pgc-7-1-1 , #pgc-7-1-2 , #pgc-7-2-0 , #pgc-7-2-1 , #pgc-7-2-2 , #pgc-7-3-0 , #pgc-7-3-1 , #pgc-7-3-2 , #pgc-7-4-0 , #pgc-7-4-1 , #pgc-7-4-2 , #pgc-7-5-0 , #pgc-7-5-1 , #pgc-7-5-2 , #pgc-7-6-0 , #pgc-7-6-1 , #pgc-7-6-2 { width:33.3333% !important;width:calc(33.3333% - ( 0.666666666667 * 30px ) ) !important;} #pgc-7-7-0 { width:15.2597% !important;width:calc(15.2597% - ( 0.847402597403 * 30px ) ) !important; } #pgc-7-7-1 { width:84.7403% !important;width:calc(84.7403% - ( 0.152597402597 * 30px ) ) !important;} #pl-7 .so-panel:last-child { margin-bottom:0px !important; } #panel-7-1-0-0> .panel-widget-style , #panel-7-1-1-0> .panel-widget-style , #panel-7-1-2-0> .panel-widget-style , #panel-7-2-0-0> .panel-widget-style , #panel-7-2-1-0> .panel-widget-style , #panel-7-2-2-0> .panel-widget-style , #panel-7-3-0-0> .panel-widget-style , #panel-7-3-1-0> .panel-widget-style , #panel-7-3-2-0> .panel-widget-style , #panel-7-4-0-0> .panel-widget-style , #panel-7-4-1-0> .panel-widget-style , #panel-7-4-2-0> .panel-widget-style , #panel-7-5-0-0> .panel-widget-style , #panel-7-5-1-0> .panel-widget-style , #panel-7-5-2-0> .panel-widget-style , #panel-7-6-0-0> .panel-widget-style , #panel-7-6-1-0> .panel-widget-style , #panel-7-6-2-0> .panel-widget-style { border:1px solid #d8d8d8 !important; }}
