/* CSS document */

body {
	background-color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	color: #6f6f6f;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	padding: 0;
	margin: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

p {	
	line-height: 18px;
	padding: 0;
	padding-bottom: 18px;
	margin: 0;
}

a {
	color: #2eb1d7;
	text-decoration: none;
}

a:hover {
	color: #2eb1d7;
	text-decoration: underline;
}

img {
	border: none;
}

h1 {
	color: #879e03;
	font-size: 14px;
	font-weight: normal;
	padding: 0;
	padding-bottom: 20px;
	padding-top: 20px;
	margin: 0;
}
h1.banner {
	color: #879e03;
	font-size: 20px;
	font-weight: bold;
	padding: 0;
	padding-bottom: 20px;
	padding-top: 20px;
	margin: 0;
	text-align: center;
}

h2 {
	color: #879e03;
	font-size: 14px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

h3 {
	color: #4d4b4b;
	font-size: 14px;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 0;
	margin: 0;
}
/**************************************/


/* Home boxes */
.box-green, .box-blue, .box-grey, .box-orange {
	background: url(../images/bghomebox.gif) left top no-repeat;
	width: 156px; /* 182px */
	height: 92px; /* 116px */
	padding-top: 24px;
	padding-left: 13px;
	padding-right: 13px;
	float: left;
	margin-right: 14px;
	margin-top: 23px;
}

/**********/
.box-orange { margin-right: 0px; }
/**********/

.box-green h2, .box-green p {
	color: #9fb211;
	padding: 0;
	margin: 0;
}

.box-green h2 {
	font-size: 13px;
	padding-bottom: 5px;
}

.box-green p {
	font-size: 10px;
	padding-bottom: 5px;
}

.box-blue h2, .box-blue p {
	color: #00063f;
	padding: 0;
	margin: 0;
}

.box-blue h2 {
	font-size: 13px;
	padding-bottom: 5px;
}

.box-blue p {
	font-size: 10px;
	padding-bottom: 5px;
}

.box-grey h2, .box-grey p {
	color: #5a616c;
	padding: 0;
	margin: 0;
}

.box-grey h2 {
	font-size: 13px;
	padding-bottom: 5px;
}

.box-grey p {
	font-size: 10px;
	padding-bottom: 5px;
}

.box-orange h2, .box-orange p {
	color: #ea4902;
	padding: 0;
	margin: 0;
}

.box-orange h2 {
	font-size: 13px;
	padding-bottom: 5px;
}

.box-orange p {
	font-size: 10px;
	padding-bottom: 5px;
}
/**************************************/


/* Algemeen lay-out */
#container {
	background: url(../images/contentbg.gif) right repeat-y;
	width: 816px; /* 816px */
	height: 100%;
	margin: 0 auto;
	border: 1px solid #b7b7b7;
}

#containerlarge {
	background: none;
	width: 816px; /* 816px */
	height: 100%;
	margin: 0 auto;
	border: 1px solid #b7b7b7;
}

#left {
	width: 548px; /* 548px */
	height: 100%;
	float: left;
}

#kol {
	width: 770px; /* 816px */
	height: 100%;
	padding: 23px;
	padding-bottom: 5px; /* p = padding-bottom: 18px; */
}

#kolhome {
	width: 770px; /* 816px */
	height: 100%;
	padding: 23px;
}

.leftkol {
	width: 501px; /* 548px */
	height: 100%;
	padding: 23px;
	padding-bottom: 5px; /* p = padding-bottom: 18px; */
}

.leftkol2 {
	width: 507px; /* 530px */
	height: 100%;
	padding-right: 23px;
	float: left;
}

.rightkolimage {
	width: 205px; /* 203 = image */
	height: 100%;
	margin-top: 23px;
	margin-bottom: 23px;
	padding: 14px;
	padding-bottom: 0px;
	float: right;
	border: 1px solid #b7b7b7;
}

.rightkolimage img { 
	border: 1px solid #b7b7b7;
	margin-bottom: 15px;
}

.huiskol, .huiskol-last {
	width: 154px;
	height: 100%;
	padding-right: 19px;
	float: left;
}

.huiskol-last {
	padding-right: 0px; /* Geen padding */
}

.huiskol a img, .huiskol-last a img { 
	border: 1px solid #b7b7b7;
	margin: 1px;
	margin-bottom: 18px;
}

.line {
	background-color: #b7b7b7;
	width: 548px;
	height: 1px;
	display: block;
}

#right {
	width: 220px; /* 268px */
	height: 100%;
	padding: 23px;
	padding-left: 21px;
	float: left;
}

.linedottop, .linedotbtm, .linedotbtmform {
	background: url(../images/linedot.gif) left no-repeat;
	width: 222px;
	height: 2px;
	margin-top: 20px;
	display: block;
}

.linedotbtm { margin-top: 0; }
.linedotbtmform { margin-top: 0; margin-bottom: 25px; }

p.facts {
	padding-bottom: 5px;
	padding-top: 15px;
	padding-left: 5px;
	line-height: 24px;
}

p.contact {
	font-size: 12px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 5px;
}

p.contact a {
	color: #6f6f6f;
	text-decoration: none;
}

p.contact a:hover {
	color: #6f6f6f;
	text-decoration: underline;
}

form {
	padding: 0;
	margin: 0;
}

form.gegevens {	margin-top: 20px; }

input {
	width: 155px;
	font-family: Verdana, Geneva, sans-serif;
	color: #6f6f6f;
	font-size: 11px;
	float: right;
	margin-bottom: 10px;
}

input.input2 {
	width: 155px;
	font-family: Verdana, Geneva, sans-serif;
	color: #6f6f6f;
	font-size: 11px;
	float: left;
	margin-bottom: 10px;
}

textarea.inputlarge {
	padding: 0;
	margin: 0;
	width: 350px;
	font-family: Verdana, Geneva, sans-serif;
	color: #6f6f6f;
	font-size: 11px;
	float: left;
	margin-bottom: 10px;
}

label.text {
	margin-bottom: 10px;
	padding-top: 5px;
	float: left;
}

label.text2 {
	margin-bottom: 10px;
	padding-top: 5px;
	width: 75px;
	float: left;
}

label.text3 {
	margin-bottom: 10px;
	padding-top: 5px;
	width: 350px;
	float: left;
}

.check {
	width: 20px;
	padding-bottom: 10px;
	float: left;
	margin: 0;
}

label.text4 {
	margin-left: 10px;
	padding-bottom: 10px;
	width: 440px;
	float: left;
}

label.small {
	font-size: 10px;
	margin-top: 25px;
	margin-bottom: 20px;
	float: left;
}

.btninfo, .btninfo2 {
	background: url(../images/btn_info.gif) top left no-repeat;
	width: 160px;
	height: 24px;
	border: none;
	float: right;
}


.btninfo2 { float: left; }

#ban1 {
	width: 469px;
	height: 247px;
	padding: 15px;
	border: 1px solid #b7b7b7;
}

#ban1 img { border: 1px solid #b7b7b7; }

#ban2 {
	width: 187px;
	height: 247px;
	padding: 16px;
	border: 1px solid #b7b7b7;
}

#ban2 img { border: 1px solid #b7b7b7; }

#ban3 {
	width: 738px;
	height: 247px;
	padding: 16px;
	margin-bottom: 20px;
	border: 1px solid #b7b7b7;
}

#ban3 img { border: 1px solid #b7b7b7; }
/**************************************/


/* Main menu */
.mainmenu {
	background: url(../images/line.gif) top repeat-x;
	width: 812px; /* +- 816px */
	height: 65px; /* 65px */
	margin: 0 auto;
	margin-top: 20px;
	padding-bottom: 20px;
	padding-left: 4px;
}

.mainmenu ul, .mainmenu li {
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.mainmenu li {
	display: inline;
}

.mainmenu li a{
	float: left;
	font-size: 11px;
	color: #fff;
	display: block;
	text-indent: -9999px;
	height: 65px;
	margin-left: 9px;
	margin-right: 8px;
	text-decoration: none;
	display: block;
}

.mainmenu li a:hover, .mainmenu li a.active {
	color: #FFF;
}

.mainmenu li a.home {
	background: url(../images/home.gif) top left no-repeat;
	width: 62px;
}

.mainmenu li a.home:hover, .mainmenu li a.home-active {
	background: url(../images/home-active.gif) top left no-repeat;
	width: 62px;
}

.mainmenu li a.woon {
	background: url(../images/woon.gif) top left no-repeat;
	width: 77px;
}

.mainmenu li a.woon:hover, .mainmenu li a.woon-active {
	background: url(../images/woon-active.gif) top left no-repeat;
	width: 77px;
}

.mainmenu li a.woning {
	background: url(../images/woning.gif) top left no-repeat;
	width: 83px;
}

.mainmenu li a.woning:hover, .mainmenu li a.woning-active {
	background: url(../images/woning-active.gif) top left no-repeat;
	width: 83px;
}

.mainmenu li a.omgeving {
	background: url(../images/omgeving.gif) top left no-repeat;
	width: 65px;
}

.mainmenu li a.omgeving:hover, .mainmenu li a.omgeving-active {
	background: url(../images/omgeving-active.gif) top left no-repeat;
	width: 65px;
}

.mainmenu li a.route {
	background: url(../images/route.gif) top left no-repeat;
	width: 82px;
}

.mainmenu li a.route:hover, .mainmenu li a.route-active {
	background: url(../images/route-active.gif) top left no-repeat;
	width: 82px;
}

.mainmenu li a.foto {
	background: url(../images/foto.gif) top left no-repeat;
	width: 60px;
}

.mainmenu li a.foto:hover, .mainmenu li a.foto-active {
	background: url(../images/foto-active.gif) top left no-repeat;
	width: 60px;
}

.mainmenu li a.plattegrond {
	background: url(../images/plattegrond.gif) top left no-repeat;
	width: 92px;
}

.mainmenu li a.plattegrond:hover, .mainmenu li a.plattegrond-active {
	background: url(../images/plattegrond-active.gif) top left no-repeat;
	width: 92px;
}

.mainmenu li a.contact {
	background: url(../images/contact.gif) top left no-repeat;
	width: 63px;
}

.mainmenu li a.contact:hover, .mainmenu li a.contact-active {
	background: url(../images/contact-active.gif) top left no-repeat;
	width: 63px;
}

.mainmenu li a.links {
	background: url(../images/links.gif) top left no-repeat;
	width: 62px;
}

.mainmenu li a.links:hover, .mainmenu li a.links-active {
	background: url(../images/links-active.gif) top left no-repeat;
	width: 62px;
}

/**************************************/


/* Footer  */
#footer {
	width: 816px;
	height: 12px;
	padding-top: 18px;
	padding-bottom: 10px;
	margin: 0 auto;
}

#footer p {
	text-align: center;
	color: #838181;
	font-size: 9px;
	line-height: normal;
	padding: 0;
}
/**************************************/