/* Iedere browser geeft standaard margins, paddings en borders aan elementen mee
Deze zetten we op 0 door de volgende regel */

* {
    margin: 0;
    padding: 0;
    border: 0;
}

html, body { 
	height: 100%;
}

body { 
	color: black;
	font-size: 63%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 130%; 
	background: url(../../images/backgrounds/background.gif) repeat-y bottom left;
}

h1 { color: #2fa23a; font-size: 163%; font-weight: bold; }
h2 { color: #2fa23a; font-size: 143%; font-weight: bold; }
h3 { color: #2fa23a; font-size: 123%; font-weight: bold; }
h4 { color: #2fa23a; font-size: 103%; font-weight: bold; }
h5 { color: #2fa23a; font-size: 83%; font-weight: bold; }
h6 { color: #2fa23a; font-size: 63%; font-weight: bold; }
a:link { color: #7ab51d; }
a:visited { color: #2fa23a; }
a:hover { color: #000; }
#nav {
	position:absolute;
	top: 15px;
	left: 0;
	/* float: left; Je hebt het menutje absoluut gepositioneerd. Floaten heeft geen effect. Hier vind 
	je meer infomatie over floats: http://www.complexspiral.com/publications/containing-floats/ */

	/* position-top:0; 'position-top' bestaat niet, je kunt gewoon 'top' gebruiken */
	top: 0;
	
	/* font-family: Verdana, Arial, Helvetica, sans-serif; Is al opgegeven in de body */

	height: 85px;
	width: 763px;

	background: url(../../images/backgrounds/header.png) no-repeat left top;

	padding-left: 249px;
	_padding-left: 244px;
}

#nav li { 
	display: block;
	float: left;
	margin-top: 18px;
	margin-left: 5px;
}


#nav li a {
	display: block;
	color: white; 
	font-size:10px;
	text-decoration: none; 
	width:121px;
	height: 67px;
	line-height: 67px;
	text-align: center;
	font-weight: bold;
}

#nav a:hover {
	background:#65b55c;
}

#home #nav-home a, #about #nav-about a, #archive #nav-archive a, #lab #nav-lab a, #reviews #nav-reviews a, #contact #nav-contact a { 
	background:#3d9833; 
	color:#fff; 
	text-shadow:none;
}

#home #nav-home a:hover, #about #nav-about a:hover, #archive #nav-archive a:hover, #lab #nav-lab a:hover, #reviews #nav-reviews a:hover, #contact #nav-contact a:hover { 
	background:#4b9b42;
}

#nav a:active { 
	background:#3d9833; 
	color:#fff;
}

div#container {
    width: 1004px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: url(../../images/backgrounds/footer.png) no-repeat bottom left;
}

/* Positioneer de content div merk op dat deze niet absolute is gepositioneerd */
div#content {
    padding-left: 270px;
    padding-top: 100px;
    padding-bottom: 45px;
    width: 470px;
/* Lees even wat over het box-model probleem. Dit gaat namelijk fout in IE5! */
}

/* Positioneer de div left */
div#left { 
	line-height: 150%;
	background-color: #eff6ee;
	text-decoration: none;
	text-align: center;
	position: absolute;
	top: 85px;
	left: 0;
}


div#special-projects { 
	position: absolute; 
	top: 86px; 
	left: 757px; 
	width: 231px; 
	padding-top: 15px;
	padding-left: 8px;
	padding-right: 8px;
	background: #eff6ee; 
}

div#links_blok3 { line-height: 150%; background-color: #eff6ee; position: absolute; top: 361px; left: 0; width: 239px; float: left; padding-top: 8px; padding-bottom: 8px; padding-left: 15px; }

div#links_blok4 { background-color: #eff6ee; padding-left: 15px; position: absolute; top: 441px; left: 0; width: 239px; float: left; padding-top: 8px; padding-bottom: 8px; }
label,input { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #e7f1e3; display: block; width: 110px; float: left; margin-bottom: 10px; border: solid 1px #97be0d; }
label { background-color: #fff; text-align: right; width: 95px; padding-right: 20px; border-width: 0; }
br {
	clear: left;
}
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #e7f1e3; display: block; width: 200px; float: left; margin-bottom: 10px; border: solid 1px #97be0d; }
.thumbnail
{ float: left; width: 62px; padding: 1px; }
.clearboth { clear: both; }
.thumbnail_hw
{ float: left; width: 110px; padding: 2px; }