/* CSS JHN-creatives */

body {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	background-image:url(images/background.png);
}

#header {
	height:166px;
	background-image:url(images/header.png);
}

a.plaatsnaam {
	text-decoration:none;
	color:#7b7b7b;
	
}


#logo {
	margin-left:auto;
	margin-right:auto;
	height:166px;
	width:800px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
}

#menu {
	height:34px;
	background-image:url(images/menu.png);
}

#submenu {
	width:550px;
	margin-left:auto;
	margin-right:auto;
}

#border {
	height:5px;
	background-color:#9abc43;
	border-top:1px solid #b4de4a;
	border-bottom:1px solid #839f3b;
}

#border-menu {
	height:24px;
	background-color:#9abc43;
	border-top:1px solid #b4de4a;
	border-bottom:1px solid #839f3b;
}

#borderfooter {
	line-height:5px;
	margin-top:0px;
	height:5px;
	background-color:#c6c6c6;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #a8a8a8;
}

#border-schaduw {
	height:2px;
	background-color:#c6c6c6;
	margin-top:6px;
}

#border-schaduw-menu {
	height:2px;
	background-color:#c6c6c6;
	margin-top:25px;
}


#content {
	width:700px;
	margin-top:10px; 
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	height:auto;
	width:700px;
	border:1px solid #c6c6c6;
	background-color:#ffffff;
}

#vak {
	height:auto;
	padding-left:30px;
	padding-top:10px;
	padding-right:20px;

}

#footer {
	height:49px;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
	border-top:1px solid #c6c6c6;
	background-color:#e1e1e1;
	margin-top:-10px;
	background-image:url(images/footer-back.gif);
	z-index:3;
	position:relative;
}

p.footer {
	margin-top:-1px;
	line-height:20px;
	text-align:center;
}

.social {
	padding-bottom:5px;
	vertical-align:middle;
}

#footerschaduw{
	width:801px;
	height:102px;
	background-image:url(images/footer-shadow.png);
	z-index:2;
	margin-left:auto;
	margin-right:auto;
	margin-top:-30px;
	position:relative;
}
.line {
	line-height:1px;
	height:1px;
	width:610px;
	background-color:#c6c6c6;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:10px;
}
.tekstlinksub {
	font-size:10%;
	text-decoration:none;
	color:#7b7b7b;
	font-family:Arial, Tahoma, Verdana;
}

.tekstlink {
	font-size:100%;
	text-decoration:none;
	color:#86a535;
	font-family:Arial, Tahoma, Verdana;
}

.toplink {
	font-size:100%;
	text-decoration:none;
	color:#86a535;
	font-family:Arial, Tahoma, Verdana;
	padding-left:20px;
}


.tekstlink:hover {
	text-decoration:underline;	
}
.tekstvak {
	font-family:Arial, Tahoma, Verdana;
	width:450px;
	padding-right:40px;
	text-align: justify;
	line-height: 120%;
	padding-left:10px;
}

.prijslijst {
	font-family:Arial, Tahoma, Verdana;
	width:600px;
	padding-right:20px;
	text-align: justify;
	line-height: 120%;
	padding-left:10px;
}

.tekstvakrecht {
	font-family:Arial, Tahoma, Verdana;
	width:450px;
	padding-right:40px;
	vertical-align: top;
	line-height: 120%;
	padding-left:10px;
}
.recentuitleg {
	width:700px;
	padding:20px;
	text-align:justify;
	line-height: 120%;
	padding-left:10px;
}
.image {
	width:250px;
}

.input {
	
	background-color:#ffffff;
	height:15px;
	font-family:Arial, Tahoma, Verdana;
	font-size:70%;
	color:#7b7b7b;
	border:1px solid #c5c5c5;
}

.input2 {
	background-color:#ffffff;
	font-family:Arial, Tahoma, Verdana;
	font-size:70%;
	color:#7b7b7b;
	border:1px solid #c5c5c5;
}


h1 {
	font-size: 21px; color: #876a35; font-weight: normal;	
}

h3 {
	font-family:Arial, Tahoma, Verdana;
	font-size:100%;
	letter-spacing:1px;
	color:#95a731;
	text-align:left;

	
}


.datum {
	margin-top:-10px;
	font-family:Arial, Tahoma, Verdana;
	font-size:75%;
	text-align: justify;
	color:#86a535;
	vertical-align: top;
	
}

.tekst {
	font-family:Arial, Tahoma, Verdana;
	font-size:70%;
	text-align: justify;
	color:#7b7b7b;
	vertical-align: top;
	
}

.prijs {
	font-family:Arial, Tahoma, Verdana;
	font-size:75%;
	text-align: justify;
	color:#7b7b7b;
	width:120px;
	
}


.nieuwsbericht {
	margin-top:-20px;
	font-family:Arial, Tahoma, Verdana;
	font-size:70%;
	text-align: justify;
	color:#7b7b7b;
	vertical-align: top;
	
}

.icoontje {
	
	padding-right:10px;
}

.footer {
	font-family:Arial, Tahoma, Verdana;
	font-size:70%;
	text-align: center;
	color:#7b7b7b;
	line-height: 140%;
	padding-top:7px;
	
}

.showcase {
	padding:5px;
	border:1px solid #d7d7d7;
	margin-top:5px;
	margin-bottom:5px;
}

#buttons {
	width:518px;
	margin-left:auto;
	margin-right:auto;
      margin-top: 0px;
      margin-bottom: 0px;
	
}

#informatieblok {
	width:300px;
	height:60px;
	background-color:#ffffff;
	padding:5px;
	border:1px dotted #b9b9b9;	
}
#informatieinhoud {
	background-image:url(images/infoblok.png);
	background-repeat:no-repeat;
	width:290px;
	height:50px;
	background-color:#ffffff;
	padding:5px;

	
}

.infoblok {
	font-family:Arial, Tahoma, Verdana;
	font-size:70%;
	padding-left:80px;
	color:#7b7b7b;
	margin-top:-4px;
		
}

#dubbel {
	margin-left:auto;
	margin-right:auto;
	width:700px;
}

.meerinfo {
	margin-top:10px;
	margin-bottom:0px;
}

a.link:hover { 	
	background-image:url(images/menu/appel.png);
	padding-top:20px;
	border:0px;
}

.portfolio {
	width:610px;
	height:300px;
	background-color:#ececec;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	border:1px solid #c5c5c5;
}

.portfolio-item {
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	margin-right:auto;
	margin-top:10px;
}

.portfolio-tekst {
	font-family:Arial, Tahoma, Verdana;
	font-size:70%;
	text-align: justify;
	color:#9b9b9b;
	width:auto;
	margin-top:16px;
	padding-left:20px;

}

.adds {
	font-family:Arial, Tahoma, Verdana;
	font-size:70%;
	text-align: justify;
	color:#9b9b9b;
	width:auto;
	margin-top:16px;
	padding-left:20px;

}

.portfolio-button {
	height:29px;
	width:100px;
	margin-left:500px;
	margin-top:-20px;
}


h2 {
	font-size:100%;
	color:#5d5d5d;
	font-family:Arial, Tahoma, Verdana;

}

.portfolio-item {
	padding-top:10px;
}

#subheader {
	width:640px;
	height:275px;
	margin-top:-10px;
	margin-left:-30px;
}

#fotoalbum {
	width:640px;
	height:275px;
	margin-top:15px;
}

#dienstenmenu {
	height:52px;
	width:640px;
	background-image:url(images/dienstenmenu.png);
	background-repeat:no-repeat;
	margin-top:20px;
	padding-bottom:20px;
}

#dienstenmenu-links {
	height:52px;
	width:570px;
	margin-left:auto;
	margin-right:auto;
}

#dienstenmenu-links a img{
	border: none;
	margin-top:7px;
}

.alert{
	font-family:Arial, Tahoma, Verdana;
	font-size:70%;
	color:#7b7b7b;
	margin: 10px 0px 10px 46px;
}

#button_blogroll{
	text-align: center;
	cursor: pointer;
	padding: 14px 0px 0px 0px;
}