* { /*als basis alles op 0 zetten */
	padding: 0px;
	margin: 0px;
	}
html {
	height: 100%;
	min-height: 101%;/*hiermee wordt in ff een verticale scrollbar gemaakt die altijd aanstaat*/
	/*overflow: -moz-scrollbars-vertical;zodat firefox ook altijd een vert. scrollbar laat zien. PROBLEEM: bij verkleinen van browserscherm verschijnt er geen horizontale 		
	scrollbar meer en kunnen mensen de site op 800x600 niet meer volledig bekijken..*/
	}
body {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	width: 100%;
	font-size: 62,5%;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-y;
	background-position: 50% 0px;
	}
ul {
	list-style: none;
	}


#main {
	width: 994px;
	margin: 0 auto;
	x height: 100%;
	border: 0px solid blue;
	}
#top {
	background-color: #ff8800;
	height: 130px;
	border: 0px solid blue;
	}
#navigatie {
	clear: both;
	background-color: #880000;
	height: 30px;
	border: 0px solid black;
	}
#content {
	x left: 0px;
	x top: 0px;
	x width: 994px;
	x height: 100%;
	x border: 0px solid black;
	}	
	
	
/*top*/	
img.logo {
	background-color: #ff8800;
	float: right;
	width: 608px;
	height: 64px;
	margin: 20px 25px 16px 0px;/*hiermee positioneert zowel het logo als de navigatie eronder*/
	}
img.handschoen {
	background-color: #ff8800;
	float: left;
	width: 125px;
	height: 23px;
	margin-left: 175px;
	margin-top: 77px;
	}
img.vogel {
	background-color: #ff8800;
	float: left;
	width: 138px;
	height: 93px;
	margin-left: 120px;
	margin-top: 7px;
	}
/*top - hoofdnav*/
#navigatie ul {
	width: 280px;
	height: 30px;
	padding-left: 20px;
	list-style: none;
	border: 0px solid red;
	}
#navigatie ul li {
	padding-left: 10px;
	padding-top: 5px;
	float: left;
	border: 0px solid green;
	}
.verdelingsteken {
	padding-top: 0px;
	border: 0px solid black;
	}
a img {
	border: 0px;	
	}
li.portfolio a {
	background: url(../images/portfolio.gif) no-repeat 0px 0px;
	display: block;/* anders laat FF niet het hele plaatje zien*/
	border: 0px solid black;
	}
li.portfolio a:hover {
	background: url(../images/portfolio.gif) no-repeat 0px -21px;
	}
li.portfolio img.active {
	background: url(../images/portfolio.gif) no-repeat 0px -21px;
	border: 0px solid black;
	}
li.wie a {
	background: url(../images/wie.gif) no-repeat 0px 0px;
	display: block;/* anders laat FF niet het hele plaatje zien*/
	border: 0px solid black;
	}
li.wie a:hover {
	background: url(../images/wie.gif) no-repeat 0px -21px;
	}
li.wie img.active {
	background: url(../images/wie.gif) no-repeat 0px -21px;
	}
li.contact a {
	background: url(../images/contact.gif) no-repeat 0px 0px;
	display: block;/* anders laat FF niet het hele plaatje zien*/
	border: 0px solid black;
	}
li.contact a:hover {
	background: url(../images/contact.gif) no-repeat 0px -21px;
	}
/* inhoud*/
.portfoliobg {
	background-image: url(../images/bg_portfolio1.jpg);/*inclusief schaduw bovenaan*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
.projectbg {
	background-image: url(../images/bg_handschoen2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
.wiebg {/* met #content ervoor laat IE6 geen bg image zien, heel vreemd*/
	background-image: url(../images/bg_wie600klein.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
#nav_portfolio {
	float: left;
	padding: 5px 25px 25px 25px;
	/*width: 205px; zonder width maakt FF hem veeel te breed en genereert hor. scrollbar | update: inmiddels niet meer, geen idee*/
	height: 100%; 
	border: 0px solid blue;
	}

#projecten {
	float: left;
	width: 730px;/**/
	height: 100%;
	border: 0px solid black;
	}
#tekst {
	float: left;
	padding-left: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 225px;
	border: 0px solid blue;
	}
	
p.omschrijving {
	position: relative;
	width: 200px;
	border: 0px solid red;
	}	
	
#keuzeknoppen {
	top: 10px;
	left: 0px;
	width: 200px;
	height: 25px;
	border: 0px solid green;
	}
#keuzeknoppen a {
	background-color: #FF8800;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #880000;
	text-align: center;
	width: 14px;
	text-decoration: none;
	padding: 2px;
	margin-right: 5px;
	display: block;
	float: left;
	}
#keuzeknoppen a:hover {
	background-color: #FFFFFF;
	color: #FF8800;
	}
.aktief {
	background-color: #FFFFFF;
	color: #FF8800;
	font-weight: bold;
	border: 1px solid #880000;
	text-align: center;
	width: 14px;
	text-decoration: none;
	padding: 2px;
	margin-right: 5px;/**/
	display: block;
	float: left;
	}
#projecten img {
	float: right;
	width: 450px;
	margin-top: 30px;/* om te zorgen dat de transp achtergrond een beetje lucht krijgt boven en onder*/
	margin-bottom: 30px;
	margin-right: 10px;
	background-color: #FFFFFF;
	padding: 5px 2px 1px 5px;
	border: 1px solid black;
	}
	
#klok {
	float: left;
	width: 520px;
	height: 568px;
	margin-left: -60px;
	overflow: hidden;
	}	
#wie {
	float: right;
	width: 300px;
	margin-top: 85px;
	padding-right: 0px;
	}
#wie ul li.bold {
	font-weight: bold;
	color: #880000;
	line-height: 20px;
	}
#wie ul li {
	font-weight: normal;
	color: #880000;
	list-style-type: none;
	line-height: 16px;
	}
#wie a {
	font-weight: normal;
	color: #880000;
	text-decoration: underline;
	}
#wie img {
	float: right;
	padding-top: 330px;
	width: 96px;
	padding-bottom: 0px;
	height: 101px;
	}
	
/* schaduw*/
#schaduw {
	clear: both;
	top: 722px;	
	x float: left;
	x width: 800px;
	x height: 8px;
	x overflow: hidden;
	border: 0px solid white;
	}
#wieschaduw {
	clear: both;
	position: relative;
	top: -8px;/*zodat de schaduw over de onderkant van de klok valt*/
	left: 0px;
	width: 994px;
	height: 8px;
	overflow: hidden;
	z-index: 10;
	border: 0px solid green;
	}
/* footer*/
.onderaan{
	font-size: 10px;
	height: 20px;
	background: #880000;
	border: 0px solid green;
	}
#footer	{
	float: left;
	x width: 800px;
	display:inline;
	margin-left: 30px;
	margin-top: 1px;
	x text-transform: uppercase;
	color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#footer li {
	float: left;
	display: inline;
	x width: 190px;
	margin-right: 40px;
	}
#footer li.leeg {
	width: 245px;
	x display: inline;
	margin-right: 0px;
	}
#footer li a {
	color: #ffffff;
	}
#footer li a:hover {
	font-weight: bold;
	}
#wiefooter {
	position: relative;
	top: -8px; /*zodat de footer aansluit op de schaduw*/
	left: 0px;
	font-size: 10px;
	text-align: right;
	padding-top: 6px;
	padding-right: 25px;
	margin-bottom: -8px;/*zodat de footer goed aansluit op de oranje background*/
	height: 20px;
	color: #FFFFFF;
	background: #880000;
	border: 0px solid green;
	}		
/*algemeeen kleur*/
.rood { 
	color: #880000;
	}
.donkerrood {
	color: #9a0003;
	}
.oranje {
	color: #ff8800;
	}
	
/*algemeen link*/
a.extern {
	color: #000000;
	text-decoration: underline;
	}
a.extern:hover {
	text-decoration: underline;
	}
	
/* algemeen positie */
.floatleft {
	float: left;
	}
.floatright {
	float: right;
	}
.floatnone {
	float: none;
	}
.clearleft {
	clear: left;
	}
.clearright {
	clear: right;
	}
.clearboth {
	clear: both;
	}
	
/* algemeen vormgeving fonts*/
h1 {
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	font-variant: small-caps;
	line-height: 32px;
	}
.bold {
	font-weight: bold;
	}