/*_______________________________________
 
STANDAARD ALLES OP NUL
_______________________________________*/

* {
	margin:0;
	padding:0;
	outline:none;
	border:0;
	}

/*_______________________________________
 
INSTELLEN VAN BODY, STANDAARD FONT
_______________________________________*/
body {
	background:url(../images/background.png) repeat-x #cbd8e5;
	font-size:12px;
	font-family:Verdana;
	color:#003660;
	}


/*_______________________________________
 
CENTREREN VAN DE WEBSITE
_______________________________________*/
#container {
	width:990px;
	margin:0 auto;
	}


/*_______________________________________
 
HEADER
_______________________________________*/
#header {
	background:url(../images/header.png) repeat-y;
	width:990px;
	padding:20px 0;
	float:left;
	}

#logo {
	background:url(../images/logo.png);
	width:197px;
	height:56px;
	margin-left:396px;
	float:left;
	}


/*_______________________________________
 
MAIN
_______________________________________*/
#main_top {
	background:url(../images/main_top.png);
	width:990px;
	height:20px;
	float:left;
	}

#main {
	width:950px;
	background:#FFF;
	padding:0 20px;
	min-height:300px;
	float:left;
	}

#main_bottom {
	background:url(../images/main_bottom.png);
	width:990px;
	height:20px;
	float:left;
	}

/*_______________________________________
 
SLIDESHOW
_______________________________________*/
#slideshow {
	width:890px;
	height:186px;
	position:relative;
	left:0;
	top:0;
	}
	
#slideshow #slidesContainer {
	width:890px;
	height:186px;
	margin:0 30px;
	overflow:hidden; /* allow scrollbar */
	}
	
#slideshow #slidesContainer .slide {
	width:890px;
	height:186px;
	overflow:hidden; /* allow scrollbar */
	}

.slideInfo {
	background:url(../images/slider_bg.png);
	width:590px;
	height:186px;
	float:left;
	}

.slidePhoto {
	width:300px;
	height:186px;
	float:left;
	}

.control {
	display:block;
	width:24px;
	height:24px;
	margin:80px 0 0 0;
	position:absolute;
	cursor: pointer;
	}
	
#leftControl {
	background:url(../images/icon_prev.png);
	text-indent:-1000000px;
	top:0;
	left:0;
}

#rightControl {
	background:url(../images/icon_next.png);
	text-indent:-1000000px;
	margin-left:927px;
	top:0;
	left:0;
}

.slideInfo h2 {
	margin:15px 20px 10px 20px;
	padding:0;
	font-size:24px;
	color:#0977cc;
	}

.slideExtra {
	width:550px;
	margin:0 20px 10px 20px;
	font-size:12px;
	line-height:18px;
	color:#003660;
	font-weight:bold;
	float:left;
	}

.slideWebLeft {
	width:275px;
	margin-left:20px;
	float:left;
	}

.slideWebRight {
	width:275px;
	margin-right:20px;
	float:left;
	}

.slideWebRight a {
	color:#003660;
	text-decoration:none;
	}

.slideWebRight a:hover {
	text-decoration:underline;
	}


/*_______________________________________
 
INFORMATIEVE CONTAINERS/BOXEN
_______________________________________*/
#infoContainer {
	width:950px;
	margin-top:20px;
	float:left;
	}

.infoBox {
	width:303px;
	float:left;
	}

.infoBox.middle {
	margin:0 20px 0 21px;
	}

.infoBox h2 {
	font-size:22px;
	color:#167dce;
	margin-bottom:10px;
	}

.infoTekst {
	line-height:18px;
	}

.infoTekst ul {
    list-style-position: inside;
}


/*_______________________________________
 
ACTIE
_______________________________________*/
#actieContainer {
	width:950px;
	margin-top:20px;
	float:left;
	}

#actieLeft {
	width:626px;
	float:left;
	}

#actieRight {
	width:324px;
	text-align:center;
	float:left;
	}

#actieLeft h3 {
	font-size:14px;
	color:#167dce;
	}

#actieLeft p {
	line-height:18px;
	margin-top:10px;
	}


/*_______________________________________
 
FOOTER
_______________________________________*/
#footer {
	width:950px;
	margin:10px 20px 0 20px;
	padding-bottom:10px;
	float:left;
	}

#footerLeft {
	width:475px;
	float:left;
	}

#footerRight {
	width:475px;
	text-align:right;
	float:left;
	}

#footer a {
	color:#003660;
	text-decoration:underline;
	}

#footer a:hover {
	text-decoration:none;
	}


/*_______________________________________
 
TEKSTOPMAAK
_______________________________________*/
.blueText {
	color:#0977cc;
	}

.infoTekst a, #actieLeft a {
	color:#003660;
	text-decoration:none;
	}

.infoTekst a:hover, #actieLeft a:hover {
	text-decoration:underline;
	}