@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:700,400);

body{
	margin: 0;
	padding: 0;
	background-color: #dce8f2;	
}

a{
	text-decoration: none;	
}

a img{
	border: none;	
}

ul{
	margin: 0px;
	padding: 0px;	
}

li{
	list-style: none;	
}

h4{
	font-size: 1.7em;
	font-family: Libre Baskerville;
	font-weight: 700;
	padding: 0;
	float: left;	
	color: #fff;
}

h1{
	font-size: 25px;	
	color: #444;
	font-family: Libre Baskerville;
	font-weight: 400;
}

h2{
	font-size: 20px;	
	color: #444;
	font-family: Libre Baskerville;
	font-weight: 400;
}

h2 a, h5 a{	
	color: #444;
}

h2 a:hover, h5 a:hover{	
	color: #afdc23;
}

h3{
	font-size: 15px;	
	font-family: Libre Baskerville;
	font-weight: 400;
	color: #afdc23;	
}

h5{
	font-size: 15px;	
	font-family: Libre Baskerville;
	font-weight: 400;
	color: #444;	
	margin:0 0 10px 15px;
	padding:0;
}

a h5{
	font-size: 15px;	
	font-family: Libre Baskerville;
	font-weight: 400;
	color: #444;	
	margin:0 0 10px 15px;
	padding:0;
}

strong{
	font-family: helvetica;
	font-weight: bold;	
	color: #444;
}

p{
	color: #444;
	font-size: 12px;
	font-family: helvetica;
	line-height: 17px;
	
}
#placeholder{
	width: 960px;
	margin: 0 auto;	
	height: auto;
	overflow: auto;
}

:focus {
	outline: -webkit-focus-ring-color auto 0px;
}


/**HEADER**/
/***********************************************************/
header{
	width:100%;
	height: 150px;
	background-image: url('../img/bg/header.png');	
	line-height: 1;
	margin: 0 0 20px 0;
	/*padding-top: 2px;*/
}

header .canvas{
	width: 960px;	
	height: 150px;
	margin: 0 auto;
	background-image: url('../img/bg/header_canvas.png');
}

header .canvas h4{
	margin: 50px 0 0 10px;
}

header .canvas nav{
	width: 940px;
	float: left;
	margin: 40px 0 0 0;
	padding: 0;
}

header .canvas nav ul{
	float: left;
}

header .canvas nav ul li{
	float: left;	
	font-family: Libre Baskerville;
	font-weight: 400;
	display: inline;
	padding: 0;
	font-size: 1.0em;
	color: #fff;
}

header .canvas nav ul li a{
	color: #fff;
	margin: 0 15px 0 10px;
	padding: 0 0 15px;
}

header .canvas nav ul li a:hover{
	color: #afdc23;
}

header .canvas nav ul li.active a{
	color: #afdc23;
}

header .canvas nav ul li.active ul li a{
	color: #fff;
}

header .canvas nav ul li:hover ul {
	display: block;
}

/**NAV SUB **/	
/***********************************************************/
nav ul li ul{
	margin: 17px 0 0 0;
	padding: 0;
	z-index: 9999;
	position: absolute;
	display: none;
	list-style-type: none;
}

nav ul li ul li{
	font-weight: normal;  
	display: block;
	float: none!important;
	border-top: 1px solid #C1C1BC;
	height: 15px!important;
}			

nav ul li ul li:hover{
	background-color: #4482b8;
}

nav ul li ul li a {
	color: #fff;
	display: block;
	padding: 10px 0 10px 10px!important;
	font-size: 1.0em;
	width: 193px;
	background-color: #1563a6;
	border-top: 1px solid #8ab1d2!important;
}		

nav ul li ul li a:hover {
	color: #fff!important;
	background-color: #4482b8;
}	

/**SLIDER**/	
/***********************************************************/	
#slides {
	width: 940px;
	height: 240px;
	z-index:100;
	margin: 0 0 20px 10px;
	padding: 0;
	border: 1px solid #d7d7d7;
}

.slides_container {
	width:940px;
	height:240px;
	overflow:hidden;
	position:relative;
	display:none;
	padding: 0;
	margin: 0;
}

#slides .slide {
	width:940px;
	height:240px;
	display:block;
	padding: 0;
	margin: 0;
}

#slides .slide h5{
	font-size: 80px;
	line-height: 80px;
	width: 450px;
	color: #fff;
	font-family: helvetica;
	font-weight: bold;
	z-index: 300;
	position: absolute;
	margin: 30px 0 0 30px;
	padding: 0px!important;	
}

#slides .slide form{
	z-index: 300;
	position: absolute;
	margin:200px 0 0 770px;
}

#slides .slide form input{
	width: 150px;
	height: 25px;	
	background-color: #fe6404;
	border: none;
	border-radius: 5px;
	text-transform: uppercase;	
	cursor: pointer;
	color: #fff;
	float: left;
	padding: 0;
	margin: 0 0 20px 0px;
}

#slides .slide form input:hover{
	background-color: #fe8336;
}

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	height:0;
	background-position:0 0;
	float:left;
}

/**SECTION**/
/******************************************/

section{
	width: 620px;
	min-height: 350px;
	float: left;
	margin: 0 20px 20px 10px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
}

section h1{
	margin: 20px 0 10px 15px;
}

section h2{
	margin: 0 0 10px 15px;
	float: left;
}

section p{
	width: 580px;	
	height: auto;
	margin: 0 0 20px 15px;
}

section p strong{
	width: 100%;
	float: left;	
}

section img{
	width: 580px;
	height: 186px;
	margin: 0 0 10px 15px;
	border: 1px solid #d7d7d7;
}

section .line{
	height: 1px;
	width: 582px;
	float: left;
	margin: 0 0 20px 15px;
	background-color: #d7d7d7;	
}

/**SECTION FORMS**/
/******************************************/
section form{
	margin: 0 0 20px 15px;	
	width: 80%;
	float: left;
}

section form input{
	width: 300px;	
	height: 15px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #d7d7d7;
	background-color: #fafafa;
	float: left;
}

/**ZOEKEN**/
section form input.zoeken{
	width: 89px;
	height: 25px!important;	
	background-color: #1563a6;
	border: none;
	color: #fff;
	float: left;
	margin: 1px 0 0 -90px;
}

section form input.zoeken:hover{
	background-color: #afdc23;
}

/**REAGEER**/
section form input.reageer{
	width: 150px;
	height: 25px;	
	background-color: #fe6404;
	border: 1px solid #d7d7d7;
	text-transform: uppercase;	
	cursor: pointer;
	color: #fff;
	float: left;
	padding: 0;
}

section form input.reageer:hover{
	background-color: #fe8336;
}

/**CONTACT**/

section .contact_item{
	width: 350px;	
	float: left;
	margin: 0 0 5px 0;
}

section form.contact label{
	width: 100px;
	height: 25px;	
	color: #444;
	font-size: 12px;
	font-family: helvetica;
	float: left;
}

section form.contact input{
	width: 145px;
	height: 20px;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	margin: 0;
	padding: 0 0 0 5px;
}

section form.contact textarea{
	width: 145px;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	background-color: #fafafa;
	margin: 0;
	padding: 0 0 0 5px;
}
section form.contact input.verstuur{
	width: 150px;
	height: 25px!important;	
	background-color: #1563a6;
	cursor: pointer;
	border: none;
	color: #fff;
	float: left;
	margin: 1px 0 0 100px;
}

section form.contact input.verstuur:hover{
	background-color: #afdc23;
}
/**SECTION REZIEN**/
/******************************************/

section .item{
	width: 570px;
	height: 140px;
	border-top: 1px solid #d7d7d7;
	margin: 10px 0 0 15px;
	padding: 10px 10px 5px 0;	
}

section .item a img{
	width: 120px;
	height: 140px;	
	float: left;
	margin:0;
	border: 1px solid #d7d7d7;
}

section .item_content{
	width: 420px;
	height: 120px;
	float: left;
	margin: 0 0 0 10px;	
}

section .item_content h3{
	margin: 5px 0 0 0;
	padding: 0;	
}

section .item_content p{
	margin: 0;
	padding: 0;
	width: auto;	
}

section .item .item_content strong{
	width: 100%;
	float: left;	
}

section .item .item_content ul{
	margin: 0 0 0 20px;
	padding:0;
}

section .item .item_content ul li{
	margin: 0;
	padding:0;
	color: #444;
	padding: 2px 0 2px 0;
	font-size: 12px;
	font-family: helvetica;
	list-style-type: circle;
}

section .item .item_content a{
	color: #1563a6;
	font-size: 12px;
	font-family: helvetica;
	margin: 5px 0 0 0
}

section .item .item_content a:hover{
	color: #afdc23;
	text-decoration: underline;
}

/**NAVIGATIE**/
section .item_navigatie{
	height: 20px;
	width: 570px;
	margin: 10px 0 20px 15px;	
}

section .item_navigatie ul{
	height: 20px;
	width: 570px;
	float: left;	
}

section .item_navigatie ul li{
	height: 20px;
	width: 20px;
	float: left;
	margin: 0 5px 0 0;	
}

section .item_navigatie ul li a{
	background: #fe8336;
	font-size: 12px;
	color: #fff;
	height: 17px;
	width: 17px;
	padding: 3px 0 0 3px;
	display: block;
	font-family: helvetica;
	list-style-type: circle;	
}

section .item_navigatie ul li a:hover{
	background: #fe6404;	
}

section .item_navigatie ul li.active a{
	background: #fe6404;	
}

/**EXTRA AANBOD**/

section .extra_aanbod{
	width: 595px;
	height: auto;
	overflow: auto;
	margin: 0 0 30px 0;
}

section .extra_aanbod .item{
	width: 267px;
	height: auto;
	float: left;
	margin: 0 5px 0 15px;
	border: none;	
}

section .extra_aanbod .item h5{
	margin: 0;	
}

section .extra_aanbod .item p{
	width: auto;
	padding:0;
	margin: 10px 0 0 0;
	float: left;
}

/**WAARBENJIJ PERSOON PAGINA**/
section img.persoon{
	width: 100px;
	height: 120px;
	float: left;
	margin: 0 10px 10px 15px;
	border: 1px solid #d7d7d7;
}

/**SITEBAR**/
/******************************************/

#placeholder .sitebar{
	width: 290px;
	margin: 0 0 0 8px;
	height: auto;
	float: left;
}

/**SITEBAR LOGIN**/
/******************************************/
.sitebar .sitebar-login{
	width: 270px;
	height: 130px;
	float: left;
	padding: 10px 0 10px 20px;
	background-color: #fff;
	border: 1px solid #d7d7d7;		
}

.sitebar .sitebar-login a img{
	margin: 0 0 10px 0;	
}

/**SITEBAR INGELOGD**/
/******************************************/
.sitebar .sitebar-ingelogd{
	width: 270px;
	height: 130px;
	float: left;
	padding: 10px 0 10px 20px;
	background-color: #fff;
	border: 1px solid #d7d7d7;		

}
.sitebar .sitebar-ingelogd ul li{
	margin: 0 0 3px 0;	
}

.sitebar .sitebar-ingelogd ul li a{
	color: #1563a6;
}

.sitebar .sitebar-ingelogd ul li a:hover{
	text-decoration: underline;	
}
/**SITEBAR WAARBENJIJ**/
/******************************************/
.sitebar .sitebar-waarbenjij{
	width: 270px;
	height: auto;
	float: left;
	margin: 20px 0 20px 0;
	padding: 10px 0 10px 20px;
	background-color: #fff;
	border: 1px solid #d7d7d7;	
}	

.sitebar .sitebar-waarbenjij .item{
	width: 270px;
	height: auto;
	overflow: auto;
	margin: 0 0 20px 0;
}

.sitebar .sitebar-waarbenjij .item img{
	width: 100px;
	height: 120px;
	float: left;
	border: 1px solid #d7d7d7;
}

.sitebar .sitebar-waarbenjij .item a img{
	width: 100px;
	height: 120px;
}

.sitebar .sitebar-waarbenjij .item strong{
	width: 140px;
	display: block;
}

.sitebar .sitebar-waarbenjij .item p{
	width: 140px;
	float: left;
	margin: 0 0 0 10px;
}

.sitebar .sitebar-waarbenjij .item p a{
	width: 140px;
	display: block;
	float: left;
	color: #fe6404;
}

.sitebar .sitebar-waarbenjij .item a:hover{
	text-decoration: underline;
}

/**SITEBAR ZOEKEN**/
/******************************************/
.sitebar .sitebar-zoeken{
	width: 270px;
	height: auto;
	float: left;
	margin: 20px 0 20px 0;
	padding: 10px 0 10px 20px;
	background-color: #fff;
	border: 1px solid #d7d7d7;	
}

.sitebar .sitebar-zoeken form .item{
	float: left;
	margin: 2px 0 2px 0;
}
.sitebar .sitebar-zoeken label{
	float: left;
	width: 120px;
	padding: 3px 0 0 0;
	font-family: helvetica;
	font-size: 12px;
	text-transform: uppercase;	
	color:#1563a6;
}

.sitebar .sitebar-zoeken label.eu_ja,
.sitebar .sitebar-zoeken label.eu_nee{
	width: auto;
	color: #afdc23;	
}

.sitebar .sitebar-zoeken input{
	width: 120px;
	height: 15px;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	float: left	;
	margin: 0;
	padding: 0;
}

.sitebar .sitebar-zoeken input.zoeken{
	width: 122px;
	height: 20px;
	background-color: #afdc23;
	float: left;
	margin: 0 0 0 120px;
	padding: 0;
	cursor: pointer;
	color: #fff;
}

.sitebar .sitebar-zoeken input#eu_ja,
.sitebar .sitebar-zoeken input#eu_nee{
	width: 20px;
	float: left;
	margin: 0;
	padding: 0;
}

.sitebar .sitebar-zoeken select{
	width: 120px;
	border: 1px solid #d7d7d7;
	padding: 0;
	margin: 0;
}

.sitebar .sitebar-zoeken textarea{
	width: 120px;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	float: left	;
	margin: 0;
	padding: 0;
}

/**FOOTER**/
/******************************************/

.footer{
	width: 940px;
	height: 40px;
	float: left;
	margin: 0 0 20px 10px;
	background-color: #fff;
	border: 1px solid #d7d7d7;		
}

.footer p{
	float: left;
	margin: 14px 0 0 20px;
	color:#1563a6;	
}

.footer p a{
	color:#1563a6;
}

.footer p a:hover{
	text-decoration: underline;
}

.footer p.right{
	float: right;
	margin: 14px 130px 0 0;	
}