/* 
---------------------------------------------------------------------------
Reset de waarden
--------------------------------------------------------------------------- 
*/

	
html, body { height: 100%;
}

body {
	margin:0px;
	padding:0px;
	text-align:left;
	background-color:#98b2c3;
	background-image:url(images/bg.gif);
	}

	
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin-left:10px;
	color: #4b6474;
	}
	
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #6e90a6;
	font-weight: normal;
	margin-left:10px;
}


h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6e90a6;
	font-weight: bold;
	margin-left:10px;
	line-height: 20px;
}

a:link {
	text-decoration: none;
	color: #6e90a6;
}
a:visited {
	text-decoration: none;
	color: #6e90a6;
}
a:hover {
	text-decoration: none;
	color: #c6bc02;
}
a:active {
	text-decoration: none;
	color: #6e90a6;
}


/* 
---------------------------------------------------------------------------
divs
--------------------------------------------------------------------------- 
*/

#tabel {
	width: 100%;
	background-image:url(images/main.gif);
	background-position:center;
	background-repeat:repeat-y;
}

#container {
   padding:0;
	width: 800px;
	margin:auto;
	background-color:#FFFFFF;
	height:100%;
}

#header {
	width: 800px;
	height: 335px;
	position: relative;

}


#logo {
	width: 800px;
	height: 135px;
	background-image: url(images/header.gif);
}

#visual {
	width: 800px;
	height: 200px;
	z-index: 1;
	position:absolute;

	}

#blanc {
	width: 800px;
	height: 165px;
	position:absolute;
	}
	
#nav {
margin-top:165px;
	width: 800px;
	height: 35px;
	z-index: 100;
	position:absolute;


	}

#adres {
	width: 200;
	height: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 75px;
	color:#6e90a6;
	float: left;
	}

#adres1 {
	width: 200px;
	height: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 150px;
	margin-top: 75px;
	color:#6e90a6;
	}

#main {
	width: 800px;
	height: auto;
	background-color:#FFFFFF;
	}

#content {
	width: 450px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-right: 50px;
	margin-left: 40px;
	margin-top: 30px;
	float: left;
	}
	
	
#contentportfolio {
	width: 720px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 30px;
		margin-right: 40px;
	margin-left: 40px;
	}

#links {
	width: 250px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#6e90a6;
	margin-top: 30px;
	background-color:#eee87f;
	
	}

	
/* 
---------------------------------------------------------------------------
nav
--------------------------------------------------------------------------- 
*/

* html a:hover
{
visibility:visible;
}

/* 
---------------------------------------------------------------------------
home
--------------------------------------------------------------------------- 
*/
.cssnavHome
{
position: relative;
float:left;
font-family: verdana, helvetica, sans-serif;
background: url(images/nav/homeO.gif) no-repeat;
white-space: nowrap;
display: block;
width: 67px;
height: 35px;
margin: 0;
padding: 0;
}

.cssnavHome a
{
display: block;
font-size: 14px;
font-weight:bold;
width: 67px;
height: 35px;
display: block;
float: left;
color: #FFFFFF;
text-decoration: none;
}

.cssnavHome img
{
width: 67px;
height: 35px;
border: 0;
}

.cssnavHome a:hover img
{
visibility:hidden;
}

.cssnavHome span
{
position: absolute;
left: 10px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

/* 
---------------------------------------------------------------------------
MenZ en Media
--------------------------------------------------------------------------- 
*/
.cssnavMenz
{
position: relative;
float:left;
font-family: verdana, helvetica, sans-serif;
background: url(images/nav/menzmediaO.gif) no-repeat;
white-space: nowrap;
display: block;
width: 140px;
height: 35px;
margin: 0;
padding: 0;
}

.cssnavMenz a
{
display: block;
font-size: 14px;
font-weight:bold;
width: 140px;
height: 35px;
display: block;
float: left;
color: #FFFFFF;
text-decoration: none;
}

.cssnavMenz img
{
width: 140px;
height: 35px;
border: 0;
}

.cssnavMenz a:hover img
{
visibility:hidden;
}

.cssnavMenz span
{
position: absolute;
left: 10px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 
/* 
---------------------------------------------------------------------------
Magazines
--------------------------------------------------------------------------- 
*/
.cssnavMagazines
{
position: relative;
float:left;
font-family: verdana, helvetica, sans-serif;
background: url(images/nav/magazinesO.gif) no-repeat;
white-space: nowrap;
display: block;
width: 102px;
height: 35px;
margin: 0;
padding: 0;
}

.cssnavMagazines a
{
display: block;
font-size: 14px;
font-weight:bold;
width: 102px;
height: 35px;
display: block;
float: left;
color: #FFFFFF;
text-decoration: none;
}

.cssnavMagazines img
{
width: 102px;
height: 35px;
border: 0;
}

.cssnavMagazines a:hover img
{
visibility:hidden;
}

.cssnavMagazines span
{
position: absolute;
left: 10px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

/* 
---------------------------------------------------------------------------
Diensten Protfolio
--------------------------------------------------------------------------- 
*/
.cssnavDiensten
{
position: relative;
float:left;
font-family: verdana, helvetica, sans-serif;
background: url(images/nav/dienstenO.gif) no-repeat;
white-space: nowrap;
display: block;
width: 89px;
height: 35px;
margin: 0;
padding: 0;
}

.cssnavDiensten a
{
display: block;
font-size: 14px;
font-weight:bold;
width: 89px;
height: 35px;
display: block;
float: left;
color: #FFFFFF;
text-decoration: none;
}

.cssnavDiensten img
{
width: 89px;
height: 35px;
border: 0;
}

.cssnavDiensten a:hover img
{
visibility:hidden;
}

.cssnavDiensten span
{
position: absolute;
left: 10px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 


/* 
---------------------------------------------------------------------------
Contact
--------------------------------------------------------------------------- 
*/
.cssnavContact
{
position: relative;
float:left;
font-family: verdana, helvetica, sans-serif;
background: url(images/nav/contactO.png) no-repeat;
white-space: nowrap;
display: block;
width: 82px;
height: 35px;
margin: 0;
padding: 0;
}

.cssnavContact a
{
display: block;
font-size: 14px;
font-weight:bold;
width: 82px;
height: 35px;
display: block;
float: left;
color: #FFFFFF;
text-decoration: none;
}

.cssnavContact img
{
width: 82px;
height: 35px;
border: 0;
}

.cssnavContact a:hover img
{
visibility:hidden;
}

.cssnavContact span
{
position: absolute;
left: 10px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
}