@import url(/include/css/editor.php);
html {
	min-height:100%;
}

body 	{
	background-color: #FFFFFF;
	/*      T R B L  */
	margin: 0 0 0 0;
	scrollbar-arrow-color: #000000; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-highlight-color: #000000; 
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #000000; 
	scrollbar-track-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	overflow: -moz-scrollbars-vertical;
	background-image:url(/image/footer.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	min-height:100%;
}

.border	{border : 1px solid #000000;}

#top {
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(../../image/top.gif);
}

#menu {
	background-image:url(/image/menubar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 77px;
}

#content {
	padding-left: 160px;
	background-repeat: repeat-y;
	background-position: 630px;
	background-image: url(../../image/spacer.gif);
}

#textbox {
	padding-top:3px;
	text-align: justify;
	line-height:17px;
	margin-right:20px;
	float:left;
	width:450px;
}

#text {
	margin-top:36px;
}

.subtitle {
	margin-left:15px;
}

#imagebox {
	margin-left:50px;
	float:left;
	padding-top:3px;
}

#languages {
	float:left;
}

#languages img {
	margin-left:5px;
}

#breadcrump {
	margin-left:10px;
	color:#999;
	float:left;
}

#breadcrump a:link, #breadcrump a:visited, #breadcrump a:active, #breadcrump a:hover {
	text-decoration: underline;
	color: #999;
	line-height:17px;
}

#footer, #footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
	font-size:9px;
}










/* Geeft aan welke statische teksten nog vertaald moeten worden */
.vertalen {
	border:1px solid #FF0;
	background-color:#F00;
	color:#FF0;
}

.height1 { /* als je een divje wilt gebruiken ipv pixel.gif dan dien je in IE deze class te gebruiken en daarnaast de juiste
				hoogte en breedte te geven, zonder deze class krijgt je altijd een aantal pixels onder een div */
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}

/* 		VERTICAL ALIGN 
Width en Height kunnen aangepast en/of via een
andere class toegewezen worden.
	
Moet altijd de volgende HTML hebben:
<div class="verticalalign">
<div>
<div>
	<!-- element dat gecentreerd moet -->
</div>
</div>
</div>
*/	
.verticalalign { width:400px; height:300px; }
.verticalalign { display: table;  overflow: hidden; text-align:left; }
.verticalalign * { display: table-cell; vertical-align: middle; overflow:visible; }
.verticalalign * * { display:auto; vertical-align:none; }