/* CSS Document */
#row_wiewezijn {
	width: 160px;
	height: 600px;
	left: 0px;
	position: absolute;
	background-color: #FFFFFF;
}
#row_watwedoen {
	width: 160px;
	left: 160px;
	height: 600px;
	background-color: #FFFFFF;
	position: absolute;
}
#row_portfolio {
	width: 160px;
	left: 320px;
	height: 600px;
	background-color: #FFFFFF;
	position: absolute;
}
#row_watwedoen {
	width: 160px;
	left: 480px;
	height: 600px;
	background-color: #FFFFFF;
	position: absolute;
}
#row_contact {
	width: 160px;
	left: 640px;
	height: 600px;
	background-color: #FFFFFF;
	position: absolute;
}
#navcontainer
{
background: #FFFFFF;
margin: 0 auto;
padding: 0 0 0 0;
font-family: georgia, serif;
text-transform: lowercase;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
z-index: 2;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 0.8em;
height: 500px;
}

ul#navlist li
{
display: block;
float: left;
width: 160px;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding-top: 0px;
padding-left: 0px;
border-width: 0px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #FFFFFF;
}

#navcontainer>ul#navlist li a { 
width: auto;
height: 599px;
}

ul#navlist li#active a
{
color: #800000;
background-image:url('../images/fader.gif');
}

ul#navlist li#item_one a:hover, ul#navlist li#active a:hover
{
color: #800000;
background-image:url('../images/wiewezijn.gif');
border-color: #aaab9c #fff #fff #ccc;
}
ul#navlist li#item_two a:hover, ul#navlist li#active a:hover
{
color: #800000;
background-image:url('../images/watwedoen.gif');
border-color: #aaab9c #fff #fff #ccc;
}
ul#navlist li#item_three a:hover, ul#navlist li#active a:hover
{
color: #800000;
background-image:url('../images/portfolio.gif');
border-color: #aaab9c #fff #fff #ccc;
}
ul#navlist li#item_four a:hover, ul#navlist li#active a:hover
{
color: #800000;
background-image:url('../images/opdrachtgevers.gif');
border-color: #aaab9c #fff #fff #ccc;
}
ul#navlist li#item_five a:hover, ul#navlist li#active a:hover
{
color: #800000;
background-image:url('../images/contact.gif');
border-color: #aaab9c #fff #fff #ccc;
}
#logo {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 0;
}
.sef_navigatie_buttons a {
	color: #000000;
	text-decoration: none;
}
.sef_navigatie_buttons a:hover {
	color: #0066FF;
	text-decoration: underline;
}
#vlieg_wie {
	position: absolute;
	left: 0px;
	top: 200px;
}