html, body {
	height: 100%;
}



/* hiermee zet je voor alle elementen de m en p op 0, hoef je alleen de uitzonderingen op te geven */
* {
	margin: 0;
 	padding: 0;
}

#container {
	position:relative;
	width: 958px;
	margin:0 auto;
	
	background-color:#FFFFFF;	
	min-height:100%;/*  voor Firefox, minimale hoogte opgeven, NIET hoogte anders rekt de container niet mee bij langere pagina's  */
	_height:100%;/* voor IE want kent min-height niet en heeft toch een hoogte nodig, als de tekst inhoud langer is rekt container toch mee */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:958px;	
}

#rechterdeel {
	position:relative;
	float:left;
	width: 700px;
	min-height:100%;
	_height:100%;
}

#hp_links {
	float:left;
	width: 258px;
}

#inhoud_links {
	float:left;
	width: 258px;
}

#hp_boven {
	float:left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 700px;
}

#foto {
	float:left;
	width:700px;
	height: 177px;
}

#tekstveld {
	position:relative;
	float:left;
	width: 695px;
	min-height:100%;/*  voor Firefox, minimale hoogte opgeven, NIET hoogte anders rekt de container niet mee bij langere pagina's  */
	_heigth: 100%;/* voor IE want kent min-height niet en heeft toch een hoogte nodig, als de tekst inhoud langer is rekt container toch mee */
}

#logo_volg {
	background-image: url("images/hp_logo.jpg");
	width: 258px;
	height: 123px;
	clear:left;
}


#switcher {
	float:left;
	padding-top:135px;
	width:256px;
	text-align:right;
}
.switch {
	color:#000000;
	fontsize: 40%;
	text-decoration: none;
}