@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Droid Serif', serif;
	font-size: 17px;
	line-height: 22px;
}
em {
	font-weight: 700;
}
h1 {
	font-family: 'Droid Serif', serif;
	font-size: 55px;
	font-weight: 400;
	padding: 0;
}
h1 .rd {
	color: #D90000
}
h2 {
	font-family: 'Droid Serif', serif;
	font-size: 24px;
	font-weight: 700;
	font-style: italic;
}
h3 {
	font-size: 20px;
	font-weight: 700;
	font-style: italic;
}
a {
	color: #fff;
}
 a:hover: {
color: #000;
}
li {
	margin-left: -24px;
}
.menu {
	background-color: #000;
	color: #fff;
	padding: 10px;
}
ul.hoofdmenu {
	list-style: none;
	margin-left: -15px;
}
ul.hoofdmenu li {
	display: inline;
}
ul.hoofdmenu li a {
	color: #fff;
	padding: 10px 0px 5px 0;
	margin-right:60px;
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
}
ul.hoofdmenu li a:hover {
	color: #D90000;
}
.titel {
	background-color: #fff;
	color: #000;
	padding: 0 10px;
}
.intro {
	background-color: #000;
	color: #fff;
	padding: 10px;
}
.rood {
	background-color: #D90000;
	color: #fff;
	padding: 10px;
}
.rood a {
	color: #fff;
}
 .rood a:hover: {
color: #000;
}
.wit {
	background-color: #fff;
	color: #D90000;
	padding: 10px;
}
.wit a {
	color: #D90000;
}
 .wit a:hover {
color: #000;
}
.box {
	margin: 0 20%;
}


 @media screen and (max-width: 1099px) {
.box {
 margin: 0 10%;
}
ul.hoofdmenu li a {
	padding: 10px 0px 5px 0;
	margin-right:40px;
}
}
 @media screen and (max-width: 749px) {
h1 {
 font-size: 45px;
}
 .box {
margin: 0 5%;
 }

}
 @media screen and (max-width: 549px) {
h1 {
 font-size: 35px;
}
ul.hoofdmenu li {
display:block;
}


}
 @media screen and (max-width: 449px) {
h1 {
 font-size: 24px;
}
body {
 font-size: 15px;
}
}