/* Bovenwijs base */

/* add font */

/* global */
body				{ font-size:120%; color:rgba(0,0,0,1.00); font-family: "Cambria",serif; line-height:130%; text-align:left; }

h1, h2, h3, h4, h5 	{ font-family: "Open sans",sans; font-weight:bold; text-align:left; }
h6 					{ font-family: "Cambria",serif; font-weight:600; text-align:left; }

h1		{ font-size:180%; line-height:1.0em; margin:0; padding:0; color:rgba(179,60,0,1.00); }
h2		{ font-size:130%; line-height:1.0em; margin:1.5em 0 0.5em; padding:0; color:rgba(179,60,0,1.00); }
h3		{ font-size:100%; line-height:1.1em; margin:1.25em 0 0; padding:0; color:rgba(179,60,0,1.00); }
h4		{ font-size:85%; line-height:1.2em; margin:0; padding:0; color:rgba(179,60,0,1.00); }
h5		{ font-size:85%; font-style:italic; line-height:1.2em; margin:0; padding:0; color:rgba(179,60,0,1.00); }
h6		{ font-size:85%; line-height:1.2em; margin:0; padding:0 0 0 2em; }

code 			{ font-family:"Open sans",sans; font-size:75%; line-height:130%; color:rgba(0,159,227,1.00); text-align: left; margin:0 0 0 0; }
.small			{ font-size:85%; line-height:1.2em; }
.super			{ vertical-align:0.5em; font-size:80%; line-height:0.5em; margin:0 0 0 -0.11111111em; padding:0; }
.italic 		{ font-style:italic; }
.strong			{ font-weight:bold }
.aligncenter 	{ text-align:center; }
.alignjustify	{ text-align:justify; }
.alignright		{ text-align:right; }
.alignleft		{ text-align:left; }
.indent			{ padding-left:2em; }
figcaption		{ font-size:85%; font-style:italic; line-height:1.2em;}

table 				{ }
caption 			{ font-size:85%; line-height:1.2em; text-align:left; font-style:italic; }
thead 				{ }
tbody 				{ }
tfoot 				{ }
th, td 				{ }

.box p 			{ margin-bottom:0; }

li				{ list-style-position:outside; }
ol li, ul li	{ padding-left:1em; }
ol				{ display:table; margin:0; padding:0 0 1em 1em; list-style:decimal; }
ul				{ display:table; margin:0; padding:0 0 1em 1em; list-style:disc; }

.white			{ color:rgba(255,255,255,1.00); }
.black			{ color:rgba(0,0,0,1.00); }
.grey-dark		{ color:rgba(87,87,87,1.00); }
.grey-light		{ color:rgba(177,177,177,1.00); }
.blue           { color:rgba(0,119,179,1.00); }
.blue-dark		{ color:rgba(0,60,90,1.00); }
.blue-light 	{ color:rgba(108,176,211,1.00); }
.red			{ color:rgba(179,60,0,1.00); }

a:link, a:visited, a:active, a:hover { color:rgba(0,123,195,1.00); text-decoration:none; }
a:hover 	{ text-decoration:underline; }

/* header en footer */
#header, #footer		{ font-family: "Open sans",sans; font-weight:500; color:rgba(0,123,195,1.00); }
#header					{ font-size:100%; line-height:1em; font-weight:300; text-align:center; }
#footer					{ font-size:100%; line-height:1em; font-weight:300; text-align:center; }
#header p, #footer p	{ margin: 0; }
#header a:link, #header a:visited, #header a:active, #header a:hover { color:rgba(0,123,195,1.00); }
#header a:hover, #footer a:hover { text-decoration: underline }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover { color:rgba(0,123,195,1.00); }

nav 					{ text-align: center; }
nav						{ color:rgba(255,255,255,1.00); }
nav .nav 				{ font-family: "Open sans",sans; color:rgba(255,255,255,1.00); line-height:1.1em; font-weight:300; } 

#header p			{ margin: 0; } 

nav a:link, nav a:visited, nav a:active, nav a:hover { color:rgba(255,255,255,1.00); }

nav ul 			{ padding: 0 0 0.5em 0; }
nav .nav ul li::after { content:"\00A0•"; color:rgba(229,0,125,1.00); }
nav .nav ul li:last-child::after { content: ""; }

.lead 			{ font-size:130%; line-height:120%; }

p 				{ margin:0 0 1em 0; }
.subtitle-h1	{ font-family: "Open sans",sans; font-size:130%; font-weight:500; line-height:1.5em; text-align:left; }	 


/* ----- */
/* RESPONSIVE */
/* ----- */


/* global */

@media screen and (max-width: 320px) {
	body 	{ font-size:14px; }
	h1, h2, h3, h4, h5, h6, .subtitle-h1, .subtitle-h2 	{ text-align:left; }
	}

/* header, footer */

@media screen and (max-width: 800px) {
    #header			{ font-size:auto; line-height:auto; } 
	}

@media screen and (min-width: 640px) {
	.button-menu 	{ display:none }
}

@media screen and (max-width: 640px) {
	nav .nav 					{ font-size:auto; text-align:center; line-height:1.5em; color:rgba(255,255,255,1.00); }
	nav .nav ul					{ list-style-type:none; padding: 0.5em 0 0; border-top:1px; }
	nav .nav ul li 				{ border-bottom:1px; border-color:rgba(229,0,125,1.00); border-bottom-style: solid; }
	nav .nav ul li:last-child 	{ border-bottom:0; }
	nav .nav ul li::after 		{ content:""; }
	nav .nav ul li::before 		{ content:""; }

@media screen and (max-width: 320px) {
	#header			{ font-size:auto; line-height:auto; }
	}

/* home */

@media screen and (max-width: 800px) {
	.datumlocatie	{ font-size:18px; } 
	}

@media screen and (max-width: 480px) {
	
	}

@media screen and (max-width: 320px) {
	
	}

@media screen and (max-width: 240px) {
	
	}

/* artikel, dag, column, interview, fotos, twitter */

@media screen and (max-width: 320px) {
.ondertitel 	{ text-align:left; }
	}