HTML {

	

}

@font-face {
    font-family: 'ScalaSansLFRegular';
    src: url('/font/scslfrg_-webfont.eot');
    src: url('/font/scslfrg_-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/scslfrg_-webfont.woff') format('woff'),
         url('/font/scslfrg_-webfont.ttf') format('truetype'),
         url('/font/scslfrg_-webfont.svg#ScalaSansLFRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



BODY {
	margin: 0px;
	font-family: "ScalaSansLFRegular";
	font-size: 13px;
	;
	} 


#plaatje {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0px;
	border: 0px;
	background:url(../image2.php) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #000;
	}
	


body.index2 {

	background: url(../pxl/bg_bread.jpg) left bottom fixed no-repeat;

	background-color: FAF1F1;

}

img {

	border: 0px;

	}



img a:hover {

	border: 1px solid orange;

}



	



#layer2 {
	position: absolute;
	right: 30px;
	height: 186px;
	width: 160px;
	z-index: 2000;
	padding-bottom: 15px;
	border: 0px;
	overflow: hidden;
	color: #fff;
	background: transparent url(/pxl/bg_info.png) no-repeat;
	top: 200px;
	text-align: center;
	font-size: 12px;
	text-shadow: 1px 1px rgb(0,0,0);
	line-height: 1.2;
	}
	
#layer3 {

	height: 70%;

	margin-left: 304px;

	margin-top: 20px;

	width: 466px;  

	z-index: 1; 

	padding:0px; 

	border: 0px; 

	overflow: auto;

	scrolling: auto;

	background-color: transparent;

	}
	
#info {
	position: absolute;
	left: 30px;
	height: 50px;
	width: 160px;
	z-index: 2000;
	padding-bottom: 0px;
	border: 0px;
	overflow: hidden;
	color: #fff;
	/* [disabled]background: transparent url(/pxl/bg_taal.png) no-repeat center bottom; */
	top: 90px;
	text-align: left;
	font-size: 12px;
	text-shadow: 1px 1px rgb(0,0,0);
	line-height: 1.2;
	}

#taal {
	position: absolute;
	right: 30px;
	height: 20px;
	width: 160px;
	z-index: 2000;
	padding-bottom: 0px;
	border: 0px;
	overflow: hidden;
	color: #fff;
	/* [disabled]background: transparent url(/pxl/bg_taal.png) no-repeat center bottom; */
	top: 10px;
	text-align: center;
	font-size: 12px;
	text-shadow: 1px 1px rgb(0,0,0);
	line-height: 1.2;
	}
	
#tweet {
	margin: 10px;
}

#afloop {
	position: relative;
	margin-top: -1.2em;
	margin-left: 280px;
	height: 1.2em;
	width: 450px;
	z-index: 5000;
	/* [disabled]-moz-box-shadow: inset 00px -5px 5px #000; */ /* Firefox 3.6 and earlier */
	/* [disabled]box-shadow: inset 0px -5px 5px #000; */
	background: url(/pxl/bg_randje.gif) repeat-y;
	background-color: transparent;
	}
#afloop2 {
	position: absolute;
	margin-top: 95px;
	margin-left: 280px;
	height: 1.2em;
	width: 450px;
	z-index: 5000;
	/* [disabled]-moz-box-shadow: inset 00px -5px 5px #000; */ /* Firefox 3.6 and earlier */
	/* [disabled]box-shadow: inset 0px -5px 5px #000; */
	background-image: url(/pxl/bg_randje.gif);
	background-color: transparent;
	}

.iframe {
	height: 75%;
	margin-left: 280px;
	margin-top: 20px;
	width: 468px;
	padding: 0px;
	border: 0px;
	overflow: yes;
	/*scrolling: 1;*/
	background-color: transparent;
	position: relative;
	z-index: 2;
	}
	
#extern {
	height: 75%;
	margin-left: 280px;
	margin-top: 20px;
	width: 468px;
	padding: 0px;
	border: 0px;
	overflow: auto;
	/*scrolling: 1;*/
	background-color: transparent;
	position: relative;
	z-index: 5;
	background: url('/pxl/bg_randje.gif') repeat-y top left;
	}
	

#nav {
	position: relative;
	margin-left: 280px;
	height: 75px;
	width: 450px;
	margin-top: 0px;
	margin-right: 16px;
	z-index: 3;
	padding:0px 0px 0px 0px;
	background: url(../pxl/bg_randje.gif) top left repeat-y;
	text-align: center;
	}

	

.nav {

	position: relative; 

	margin-left: 304px;

	height: 75px;

	width: 450px;

	margin-top: 0px; 

	margin-right: 16px;

	z-index: 3;

	padding:0px 4px 0px 4px;

	background: url(../pxl/bg_randje.gif) top left repeat-y;

	text-align: center;

	}



#nav img {

	border: 0px solid white;

	padding: 0px;

	margin: 1px 5px 0px 5px;

	}



#nat {
	text-align: left;
	margin-left: 10px;
	}	

	

H3 {
	font-family: ScalaSansLFRegular;
	font-size: 28px;
	margin-bottom: 15px;
	text-transform: uppercase;
	/* [disabled]letter-spacing: 3px; */
	}
H4 {
	font-family: arial;
	font-size: 24px;
	margin-bottom: 15px;
	text-transform: uppercase;
	/* [disabled]letter-spacing: 3px; */
	line-height: 1;
	margin-top: 20px;
	}
	
H5 {
	font-family: arial;
	font-size: 14px;
	margin-bottom: 15px;
	text-transform: uppercase;
	/* [disabled]letter-spacing: 3px; */
	line-height: 1;
	margin-top: 0px;
	color: rgb(255,255,255);
	}


#container {

	width: 100%;

	height: 100%;

	text-align: center;

	background-color: transparent;

	}



#header {

	text-align: right;

	margin-left: 150px;

	width: 430px;

	height: 75px;

	background-color: white;

	border: 1px solid black;

	z-index: 1;

	}



#left {

	float: left;

	}



#right {

	float: left;

	text-align: right;

	padding-right: 40px;

	}

	/* Helaas moet er een bgimage in; borders worden op verschillende manieren berekend in IE en FF */

#menu {
	width: 450px;
	padding: 0px;
	text-align: left;
	margin-bottom: 20px;
	padding: 5px 0px 15px 0px;
	background: url(../pxl/bg_randje.gif) repeat-y;
	line-height: 1.8;
	}



#menu2 {

	width: 98%;

	text-align: justify;

	margin-bottom: 20px;

	line-height: 18px;

/*	 border: 1px solid black;*/

	}



#menu p, #menu h3 {
	padding: 0px 30px 0px 30px;
}

#logo {
	position: absolute;
	top: -2px;
	left: 30px;
	width: 154px;
	height: 75px;
	background-image: url(../pxl/logo.gif);
	background-repeat: no-repeat;
	z-index: 4;

}



div#menu ul {

	margin: 0;

	padding: 0;

	line-height: normal;

}



div#menu ul li {
	margin: 0 0 0 45px;
	padding: 0;
}



/* 4rn0 */



a, a:visited {

	color: #6d4b0c;

	text-decoration: underline;

}

a:hover {

	color: #000000;

	text-decoration: underline;

}



h3 a {

	color: black;

	text-decoration: none;

	}
	
h5 a, h5 a:visited {
	color: #FFF;
	text-decoration: none;

	}

	

#personeel {

	padding: 50px;

}



#personeel div {

	float: left;

	width: 100px;

	padding: 2px 14px 0;

}



#personeel br {

	clear: both;

}



#personeel input {

	width: 200px;

}



#personeel textarea {

	width: 200px;

	height: 50px;

}



input, textarea, select {

	margin: 1px;

	border: 1px solid orange;

	background-color: #FFFFFF;

	font-family: verdana, helvetica, sans-serif;

	font-size: 10px;

}



/* Moving Lists CSS: made by 4rn0 Content Managed Websites (c) 2005 - www.4rn0.nl */



a.collapse {

	font-family: monospace;

	font-size: 12px;

	text-decoration: none;

	position: relative;

	top: -2px;

}

a.collapse:hover {

	color: orange;

	text-decoration: none;

}



a.sub {

	color: #666666;

	text-decoration: none;

}

a.sub:hover {

	color: #666666;

	text-decoration: underline;

}



a.moved {

	color: #000000;

	font-weight: bold;

	text-decoration: none;

}

a.moved:hover {

	color: #000000;

	font-weight: bold;

	text-decoration: underline;

}



div#menuDiv ul, div#newsDiv ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



div#menuDiv ul li {

	height: 20px;

	text-align: right;

}



div#menuDiv ul li span input {

	border: 0;

}



span.category {

	float: left;

	text-align: left;

}



div.menu {

	background-color: white;

	font-family: verdana, helvetica, sans-serif;

	font-size: 10px;

	width: 400px;

	border-left: 10px solid orange;

	border-right: 10px solid orange;

	padding: 200px;

	text-align: justify;

	margin-bottom: 20px;

	line-height: 18px;

}



TD {

	font-family: verdana, helvetica, sans-serif;

	font-size: 10px;

	}



div#menuDiv ul.sub li {

	clear: left;

}



div#menuDiv ul.sub li span.item {

	float: left;

	margin-left: 25px;

}