body {
	background-image: url(images/bg-main.gif);
	background-repeat: repeat-y;
	background-position:center;
	background-color: #333;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	color: #333;
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

a {
	color: #5caeca;
	text-decoration: none;
}

/* Layout algemeen */

#wrapper {
	background-image: url(images/bg-top.gif);
	background-repeat: no-repeat;
	width: 960px;
	height: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}

#logo {
	float: left;
	width: 960px;
	height: 125px;
	margin-top: 25px;
	border-bottom: 5px solid #333;
}

#nav_box {
	float: left;
	background-color: #FFF;
	width: 960px;
	height: 35px;
	border-bottom: 1px solid #e2e2e2;
	text-align: center;
}

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

#nav_box li {
	display: inline;
	text-transform:uppercase;
	line-height: 35px;
	padding: 0px 25px 0px 25px;
}

#nav_box li a {
	color: #b29433;
	text-decoration: none;
}

#nav_box li a:hover {
	color: #7d7867;
	text-decoration: none;
}


#banner_box {
	float: left;
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 960px;
	height: 334px;
	border-top: 2px solid #FFF;
	border-bottom: 5px solid #b29433;
}



#heading {
	float: left;
	background-color: #FFF;
	width: 960px;
	height: 85px;
	text-align: center;
}

#thumb_box {
	float: left;
	background-color: #FFF;
	width: 960px;
	
}

#thumb_box h3 {
	margin: 0px;
	padding: 10px 0px 4px 10px;
	font-size: 12px;
}

p.tagline {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #b29433;
	font-style: italic;
}

.thumb {
	float: left;
	margin-right: 40px;
	background-color: #FFF;
	width: 210px;
	height: 218px;
	border-top: 1px dotted #9f9f9f;
	border-bottom: 1px dotted #9f9f9f;
	padding-top: 20px;
}

.thumb_R {
	float: left;
	background-color: #FFF;
	width: 210px;
	height: 218px;
	border-top: 1px dotted #9f9f9f;
	border-bottom: 1px dotted #9f9f9f;
	padding-top: 20px;
}

.nodots {
	border-top: 0px;
}

#slide_box {
	float: left;
	background-image: url(images/bg-slide.gif);
	width: 960px;
	height: 84px;
}

#slide_box p.left {
	float: left;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

#slide_box p.right {
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	padding-right: 20px;
}

#slide_box a {
	color: #b29433;
	text-decoration: none;
	text-transform:uppercase;
	font-size: 10px;
}

#contact_box {
	float: left;
	background-color:#FFF;
	width: 960px;
	height: 205px;
}

#contact_box h1 {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #b29433;
	font-size: 11px;
	font-weight: normal;
	text-transform:uppercase;
}

#contact_box p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	line-height: 16px;
}

#wie {
	float: left;
	background-color:#FFF;
	width: 430px;
	height: 205px;
	padding: 25px 40px 10px 10px
}

#contact {
	float: left;
	background-color:#FFF;
	width: 200px;
	height: 205px;
	padding: 25px 0px 10px 30px
}

#freelance {
	float: right;
	background-color:#FFF;
	width: 210px;
	height: 205px;
	padding: 25px 0px 10px 0px
}

#freelance h1 {
	padding-left: 10px
}

#freelance p {
	padding: 0px 10px 10px 10px;
}

.divider {
	float: left;
	background-image: url(images/divider.gif);
	background-repeat: no-repeat;
	background-color:#FFF;
	width: 960px;
	height: 20px;
	margin-bottom: 15px;
}

#wat {
	float: left;
	background-color:#FFF;
	width: 940px;
	padding: 10px;
}

#wat h1 {
	margin: 0px;
	padding: 0px 0px 25px 0px;
	color: #b29433;
	font-size: 11px;
	font-weight: normal;
	text-transform:uppercase;
}

#wat h2 {
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px 0px 10px 20px;
	color: #000;
	font-size: 10px;
	font-weight: normal;
	text-transform:uppercase;
}

#wat p {
	margin: 0px;
	padding: 0px 0px 10px 20px;
	line-height: 16px;
}

.col {
	float: left;
	width: 300px;
	margin-right: 20px;
	padding-bottom: 0px;
}

.col_R {
	float: left;
	width: 300px;
	padding-bottom: 0px;
}

.ornament {
	float: left;
	background-image: url(images/ornaments.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#FFF;
	width: 940px;
	height: 51px;
}

.end {
	float: left;
	background-image: url(images/divider.gif);
	background-repeat: no-repeat;
	background-color:#FFF;
	width: 960px;
	height: 100px;
	text-align: center;
	padding-top: 25px;
	margin-top: 25px;
}

#info_box {
	float: left;
	width: 210px;
	height: 480px;
	border-top: 1px dotted #9f9f9f;
	border-bottom: 1px dotted #9f9f9f;
	margin-right: 30px;
	padding-left: 10px;
}

#info_box h1 {
	font-size: 18px;
	font-weight: normal;
	color: #464646;
	margin: 0px;
	padding: 40px 0px 0px 0px;
}

#info_box h2 {
	font-size: 11px;
	font-weight: normal;
	color: #464646;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#info_box p {
	color: #969696;
	margin: 0px;
	padding: 10px 0px 30px 0px;
}

#info_box ul {
	color: #969696;
	margin: 0px;
	padding: 10px 0px 0px 20px;
}

#project_box {
	float: left;
	width: 710px;
	height: 460px;
	border-top: 1px dotted #9f9f9f;
	border-bottom: 1px dotted #9f9f9f;
	padding-top: 20px;
}

#error_box {
	float: left;
	background-image: url(images/404.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 960px;
	height: 334px;
	border-top: 2px solid #FFF;
}

#error_box h1 {
	margin: 200px 0px 0px 100px;
	padding: 0px;
	font-size: 38px;
	font-weight: normal;
	color: #999;
}

#error_box p {
	margin: 10px 0px 0px 100px;
	padding: 0px;
	font-size: 11px;
	color: #999;
}

#slash {
	float: left;
	background-image: url(images/bg-slide.gif);
	background-position:bottom;
	width: 960px;
	height: 35px;
}