body {
	background : #ffffff;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin : 0;
	padding : 0;
}
#header {
	background : url(../images/bg-header.png) top center repeat-x;
	height : 161px;
	padding : 0;
	position: relative;
}
#header > div {
	margin : 0 auto;
	overflow : hidden;
	padding : 10px 0;
	width : 960px;
	color : #D6D6D6;
}
#header div a.logo {
	display : inline-block;
	float : left;
}
#header div a.logo img {
	border : 0;
}
#header div ul {
	background : url(../images/bg-navigation.png) left top no-repeat;
	float : right;
	margin : 25px 0 0;
	overflow : hidden;
	padding : 5px 0 5px 0;
	width : 770px;
	height : auto;
}
#header div ul li {
	float : left;
	font-size : 17px;
	list-style : none;
	width : 109px;
	color : #C00;
	height : 18px;
	text-align : center;
	margin-right : 0;
	margin-left : 0;
	padding-top : 10px;
	padding-right : 0;
	padding-bottom : 15px;
	padding-left : 0;
}
#body {
	padding : 0;
	width : 960px;
	font-size : 17px;
	color : #333333;
	height : 760px;
	margin-top : 0;
	margin-right : auto;
	margin-bottom : 0;
	margin-left : auto;
}
#body .content {
	background: url(../images/bg-content.png) no-repeat top center;
	margin: 0;
	min-height: 520px;
	padding: 0;
}
#body H1 {
	color : #0066FF;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 30px;
	font-weight : normal;
	letter-spacing : normal;
	margin : 0;
	padding-top : 0;
	padding-right : 0;
	padding-bottom : 0;
	padding-left : 30px;
}
#body h2 {
	color : #CD5C5C;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 24px;
	font-weight : normal;
	letter-spacing : normal;
	margin : 0;
	padding-top : 0;
	padding-right : 0;
	padding-bottom : 0;
	padding-left : 20px;
}
#body h7 {
	color : #CD5C5C;
	font-family : Arial, "Helvetica", sans-serif;
	font-size : 18px;
	font-weight : normal;
	letter-spacing : normal;
	margin : 0;
	padding-top : 0;
	padding-right : 0;
	padding-bottom : 0;
	padding-left : 0;
}
#body h3 {
	color : #0099FF;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 30px;
	font-weight : normal;
	letter-spacing : normal;
	margin : 0;
	padding-top : 0;
	padding-right : 0;
	padding-bottom : 0;
	padding-left : 0;
}
#body h4 {
	color : #0099FF;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 40px;
	font-weight : normal;
	letter-spacing : normal;
	margin : 0;
	padding-top : 0;
	padding-right : 0;
	padding-bottom : 0;
	padding-left : 0;
}
#body h5 {
	color : #0099FF;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 21px;
	font-weight : normal;
	letter-spacing : normal;
	margin : 0;
	padding-top : 0;
	padding-right : 0;
	padding-bottom : 0;
	padding-left : 0;
}
#body .content p {
	color : #333333;
	line-height : 24px;
	margin : 0;
	padding : 0;
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	padding-left: 2px;
}
#body .content a, #body .contact a {
	color : #0099FF;
}
#body .content a:hover, #body .contact a:hover a:active {
	color : #0033ff;
	background-color : transparent;
	text-decoration : none;
}
#footer {
	background : url(../images/bg-footer.png) bottom center repeat-x;
	height : 200px;
	margin : 0;
	color : #0033FF;
}
#footer > div {
	margin : 0 auto;
	overflow : hidden;
	padding : 0;
	width : 960px;
}
#footer div ul.connect {
	float : right;
	margin : 0;
	overflow : hidden;
	padding : 80px 0 0;
}
#footer div ul.connect li {
	float : left;
	list-style : none;
	margin : 0;
	padding : 0 14px;
}
#footer div ul.connect li.facebook a, #footer div ul.connect li.mail a {
	background : url(../images/icons.png) no-repeat;
	display : block;
	height : 32px;
	margin : 0;
	padding : 0;
	text-indent : -9999px;
	width : 32px;
}
#footer div ul.connect li.mail a {
	background-position : 0 -38px;
}
#footer div ul.connect li.facebook a {
	background-position : 0 -75px;
}
#footer p {
	color : #9b9b9b;
	margin : 0;
	text-align : center;
	padding-top : 70px;
	padding-right : 0;
	padding-bottom : 0;
	padding-left : 0;
}
a:link {
	color : #33ccff;
	background-color : transparent;
	text-decoration : none;
}
a:visited {
	color : #33ccff;
	background-color : transparent;
	text-decoration : none;
}
a:hover {
	color : #FFFFFF;
	background-color : transparent;
	text-decoration : none;
}
a.b {
	color : #ffcc00;
	background-color : transparent;
	text-decoration : none;
}
a:active {
	background-color : transparent;
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	color : #33ccff;
}
.flip-box {
	background-color : transparent;
	width : 640px;
	height : 420px;
	border : #f1f1f1 solid 10px;
	perspective : 1000px;
	position : relative;
	left : 150px;
}
.flip-box-inner {
	position : relative;
	width : 100%;
	height : 100%;
	text-align : center;
	transition : transform 4s;
	transform-style : preserve-3d;
}
.flip-box:hover .flip-box-inner {
	transform : rotateY(180deg);
}
.flip-box-front, .flip-box-back {
	position : absolute;
	width : 100%;
	height : 100%;
	backface-visibility : hidden;
}
.flip-box-front {
	background-color : #D6D6D6;
}
.flip-box-back {
	background-color : #D6D6D6;
	transform : rotateY(180deg);
}
.slidershow {
	width : 800px;
	height : 466px;
	overflow : hidden;
}
.middle {
	position : relative;
	top : 220px;
	left : 50%;
	transform : translate(-50%, -50%);
}
.navigation {
	position : absolute;
	bottom : 20px;
	left : 50%;
	transform : translateY(-50%);
	display : flex;
}
.bar {
	width : 50px;
	height : 10px;
	border : #ffffff solid 2px;
	margin : 6px;
	cursor : pointer;
	transition : 0.4s;
}
.bar:hover {
	background : #ffffff;
}
input[name="r"] {
	position : absolute;
	visibility : hidden;
}
.slides {
	width : 500%;
	height : 100%;
	display : flex;
}
.slide {
	width : 20%;
	transition : 0.6s;
}
.slide img {
	width : auto;
	height : auto;
}
#r1:checked ~ .s1 {
	margin-left : 0;
}
#r2:checked ~ .s1 {
	margin-left : -20%;
}
#r3:checked ~ .s1 {
	margin-left : -40%;
}
#r4:checked ~ .s1 {
	margin-left : -60%;
}
#r5:checked ~ .s1 {
	margin-left : -80%;
}
#r6:checked ~ .s1 {
	margin-left : -100%;
}
@keyframes slidr {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
body { margin: 0; } 
div#slider { overflow: hidden; width:400px; height:246px; float:right; margin:auto; }
div#slider figure img {float: left; }
div#slider figure { 
  position: relative;
  height:100%;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s ease infinite slidr; 
  transition:.5s;
}
div.afbeeldingen { float: left; }
div.afbeeldingen img {
	float: center;
	padding: 0px 0px 0px 0px;
	padding-left: 2px;
}