/* BACKGROUND */
/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
html, body {
	height:100%;
	margin:0;
	padding:0;
	font-family: arial narrow, verdana;
	font-size: 13px;
}
a {
	color: #00447b;
}
a:hover {
	color: #a9cc38;
}

/* Set the position and dimensions of the background image. */
#page-background {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */
#container {
	position:relative;
	z-index:1;
	padding: 0px;
	margin: 25px auto 45px auto;	
	width: 749px;
	background-image: url('/images/background-transparent.png');
}
#top {
	position:relative;
	z-index:1;
	padding: 0px;
	margin: 0px auto;
	width: 749px;
	height: 25px;
}
#topmenu {
	margin-left: 16px;
}
#bottom {
	position:relative;
	z-index:1;
	padding: 0px;
	margin: 0px auto;
	margin-bottom: 45px;
	width: 749px;
	height: 25px;
}
#bottommenu {
	position:relative;
	margin-left: 16px;
}

#logo {
	position:relative;
	z-index:1;
	padding: 0px;
	margin: 0px auto;
	margin-bottom: 20px;
	width: 226px;
	height: 59px;
}
#logo img {
	margin-left: 2px;
}
#content {
	position:relative;
	z-index:1;
	padding: 0px;
	margin: 15px auto 0px auto;
	width: 749px;
	min-height: 100px;
}
#content .homepage {
	font-size: 16px;
	color: #00447b;
	margin: 0px 23px;
	margin-bottom: 15px;
	min-height: 556px;
}
#content .homepage #header img {
	margin-left: 0px;
}
#content .projecten {
	font-size: 16px;
	color: #00447b;
	margin: 0px 23px;
	margin-bottom: 15px;
	background-image: url('/images/submenu-back.png');
	background-repeat: repeat-y;
	background-position: 0px 0px;
	min-height: 556px;
}
#content .projecten #header img {
	margin-left: 13px;
}
#content .projecten .text {
	margin-left: 240px;
}
#content .projecten .text .text_text {
	float: left;
	width: 220px;
}
#content .projecten .text img {
	xmargin-top: 10px;
}
#content .projecten .text .fotos {
	float: left;
	margin-right: 15px;
	text-align: right;
}
#content .actueel {
	font-size: 16px;
	color: #00447b;
	margin: 0px 23px;
	margin-bottom: 15px;
	background-image: url('/images/submenu-back.png');
	background-repeat: repeat-y;
	background-position: 478px 0px;
	min-height: 556px;
}
#content .actueel #header img {
	margin-left: 0px;
}
#content .actueel .text {
	margin-left: 0px;
	width: 465px;
}
#content .actueel .text .text_text {
	float: left;
	width: 224px;
}
#content .actueel .text img {
	xmargin-top: 10px;
}
#content .actueel .text .fotos {
	float: left;
	margin-left: 15px;
}
#content .links {
	font-size: 15px;
	color: #ffffff;
	margin: 0px 23px;
	margin-bottom: 15px;
	min-height: 556px;
}
#content .links #header img {
	margin-left: 0px;
}
#content .links .text {
	margin-left: 0px;
	width: 450px;
}
.links a {
	color: #ffffff;
}
.links a:hover {
	color: #ffffff;
	text-decoration: none;
}
#content .contact {
	font-size: 13px;
	color: #ffffff;
	margin: 0px 23px;
	margin-bottom: 15px;
	min-height: 556px;
}
#content .contact #header img {
	margin-left: 0px;
}
#content .contact .text {
	margin-left: 0px;
	width: 450px;
}
#content .profero-groep {
	font-size: 13px;
	color: #ffffff;
	margin: 0px 23px;
	margin-bottom: 15px;
	min-height: 556px;
}
#content .profero-groep #header img {
	margin-left: 0px;
}
#content .profero-groep .text {
	margin-left: 0px;
	width: 450px;
}
.profero-groep a {
	color: #00447b;
}
.profero-groep a:hover {
	color: #ffffff;
}
#bottom-spacer {
	height: 1px;
}
.button {
	float: left;
	width: 225px;
	height: 25px;
	margin: 0px 7px;
	background-color: #a8a495;
	text-align: center;
}
.button:hover {
	background-color: #766e54;
}
.button .text {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 3px;
	padding-top: 3px;
}
.button-active {
	float: left;
	width: 225px;
	height: 25px;
	margin: 0px 7px;
	background-color: #766e54;
	text-align: center;
}
.button-active .text {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 3px;
	padding-top: 3px;
}
.button a {
	display: block;
	text-decoration: none;
	color: #00447b;
}
.button:hover a {
	color: #ffffff;
}
.button-active a {
	display: block;
	text-decoration: none;
	color: #ffffff;
}
.button-active:hover a {
	color: #ffffff;
}
.projecten #submenu {
	float: left;
	width: 225px;
	height: 300px;
	margin-top: 10px;
}
.projecten #submenu .item {
	background-color: #766e54;
	width: 225px;
	margin-bottom: 10px;
}
.projecten #submenu .item .title {
	margin-left: 15px;
	padding-top: 7px;
	padding-bottom: 2px;
	color: #ffffff;
	font-size: 13px;
	letter-spacing: 0px;
	font-weight: bold;
}
.projecten #submenu .item .link {
	background-color: #d9dad8;
	width: 205px;
	color: #00447b;
	margin-left: 15px;
	margin-top: 0px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: right;
	padding-right: 5px;
}
.projecten #submenu .item .link a {
	display: block;
	color: #00447b;
	text-decoration: none;
}
.projecten #submenu .item .link a:hover {
	color: #ffffff;
}
.projecten #submenu .item .link:hover {
	background-color: #00447b;
}
.projecten #submenu .item .active {
	background-color: #00447b;
}
.projecten #submenu .item .active a {
	display: block;
	color: #ffffff;
	text-decoration: none;
}
/*SUBMENU ACTUEEL*/
.actueel #submenu {
	float: right;
	width: 225px;
	height: 300px;
	margin-top: 10px;
}
.actueel #submenu .item {
	background-color: #766e54;
	width: 225px;
	margin-bottom: 10px;
	text-align: right;
}
.actueel #submenu .item .title {
	margin-right: 15px;
	padding-top: 7px;
	padding-bottom: 2px;
	color: #ffffff;
	font-size: 13px;
	letter-spacing: 0px;
	font-weight: bold;
}
.actueel #submenu .item .link {
	background-color: #d9dad8;
	width: 205px;
	color: #00447b;
	margin-left: 0px;
	margin-top: 0px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	padding-left: 5px;
}
.actueel #submenu .item .link a {
	display: block;
	color: #00447b;
	text-decoration: none;
}
.actueel #submenu .item .link a:hover {
	color: #ffffff;
}
.actueel #submenu .item .link:hover {
	background-color: #00447b;
}
.actueel #submenu .item .active {
	background-color: #00447b;
}
.actueel #submenu .item .active a {
	display: block;
	color: #ffffff;
	text-decoration: none;
}
h1 {
	font-size: 20px;
}
.clear {
	clear: both;
}