html {
	}

body {
	/*background-color:#ffffff;*/
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-image:url(img/site_extra/bar_spacer.png);
	background-repeat:repeat;
	height: 100%;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	}
#login_fout {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	
	position: absolute;
	left: 50px;
	top: 155px;
	}
/*	
#vrijwilligers_menu {
	position: absolute;
	left: 395px;
	top: 135px; 
	color:#FFFFFF;

	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	}
*/
/*
#beheerder_menu {
	position: absolute;
	left: 395px;
	top: 155px; 
	color:#FFFFFF;
	
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	}	
*/
#mini_menu {
	position: absolute;
	left: 95px;  /* 950px */
	top: 140px;  /* 135px */
	}

		
#mini_contact {
	position: absolute;
	left: 0px;
	top: 0px;
	}	
#mini_spacer1 {
	position: absolute;
	left: 48px;
	top: 3px;
	}	
#mini_huisregels {
	position: absolute;
	left: 75px;
	top: 0px;
	}
#mini_spacer2 {
	position: absolute;
	left: 128px;
	top: 3px;
	}		
#mini_inloggen {
	position: absolute;
	left: 150px;
	top: 0px;
	}
#mini_mijnaccount {
	position: absolute;
	left: 320px;
	top: 0px;
	}	
#mini_vrijcentrum {
	position: absolute;
	left: 410px;
	top: 0px;
	}
#mini_beheer {
	position: absolute;
	left: 490px;
	top: 0px;
	}	
	

#site {
	/*
	height:594px;
	min-width: 914px;
	*/


	height: 100%;	
	width: 950px;
	position: absolute;
	left: 50%;
	margin-left: -475px; /* half the width of the div */
}
#site-leftbar {
	position:absolute;
	left:0px;
	top:0px;
	width:15px;
	height:148px;
	background-image:url(img/site/site_leftbar.png);
}

#site-pitttrestyled {
	position:absolute;
	left:9px;
	top:0px;
	width:408px;
	height:148px;
	background-image:url(img/site/site_pitttrestyled.png);
}

#site-button-home {
	position:absolute;
	left:417px;
	top:0px;
	width:221px;
	height:75px;
	background-image:url(img/site/site_button_home.png);
}

#site-button-gastenboek {
	position:absolute;
	left:638px;
	top:0px;
	width:219px;
	height:75px;
	background-image:url(img/site/site_button_gastenboek.png);
}

#site-emptyspace {
	position:absolute;
	left:857px;
	top:0px;
	width:84px;
	height:148px;
	background-image:url(img/site/site_emptyspace.png);
}

#site-rightbar {
	position:absolute;
	left:933px;
	top:0px;
	width:17px;
	height:148px;
	background-image:url(img/site/site_rightbar.png);
}

#site-button-fotos {
	position:absolute;
	left:417px;
	top:75px;
	width:221px;
	height:73px;
	background-image:url(img/site/site_button_fotos.png);
}

#site-button-restyled {
	position:absolute;
	left:638px;
	top:75px;
	width:219px;
	height:73px;

}

#site-emptybar {
	position:absolute;
	left:9px;
	top:148px;
	width:932px;
	height:30px;
	background-image:url(img/site/site_emptybar.png);
}

#site-main {
	position:absolute;
	left:9px;
	top:178px;
	width:932px;
/*	height:100%;*/
	background-image:url(img/site/site_main.png);
	background-repeat:repeat-y;
	min-height: 500px;
}
#site_padding {
	padding: 10px 17px 10px 10px;
	}
#site_inhoud {
	padding: 1px 1px 1px 5px;
	color:#CCCCCC;
	font-size: 11px;
	}
	
#underground{
/*	color:#000066;*/
	color:#666666;
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
}

input {
	background: #666666;
	filter: Alpha(Opacity=75);
	color: #CCCCCC;
	opacity: 0.75;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
/*		font-family:Verdana, Arial, Helvetica, sans-serif;*/
}

textarea {
	background:#666666;
	filter: Alpha(Opacity=75);
	color: #CCCCCC;
	opacity: 0.75;
	font-size: 10px;
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	overflow: scroll;  
	overflow-y: hidden;

overflow-x: hidden; 
overflow:-moz-scrollbars-vertical;
}

select {
	background: #666666;
	filter: Alpha(Opacity=75);
	color: #CCCCCC;
	opacity: 0.75;
	font-size: 10px;
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
}

#mypopup_poster {
/*margin-left: 20px;*/
padding: 5px 5px 5px 5px;
position: absolute;
color: #000000;
width: 400px;
height: 250px;
display: none;
background: url( img/site_extra/overlay_big.png );
background-repeat:no-repeat;
right: 0px;
top: 0px;
color:#FFFFFF;
z-index:9999;
}

#mypopup_gastenboek {
/*margin-left: 20px;*/
padding: 5px 5px 5px 5px;
position: absolute;
color: #000000;
width: 400px;
height: 250px;
display: none;
background: url( img/site_extra/overlay__small.png );
background-repeat:no-repeat;
left: 265px;
top: 0px;
color:#FFFFFF;
z-index:9999;
}

#mypopup_inloggen {
/*margin-left: 20px;*/
padding: 5px 5px 5px 5px;
position: absolute;
color: #000000;
width: 250px;
height: 125px;
display: none;
background: url( img/site_extra/overlay_inloggen.png );
background-repeat:no-repeat;
left: 340px;
top: 50px;
color:#FFFFFF;
z-index:9999;
}
/*
.vrij_table {
	background:#111111;
	}
*/
#vrijboxen {
position: absolute;
left: 0px;
top: 0px;
width: 900px;
height: 500px;
	}
#vrijbox1 {
position: absolute;
left: 25px;
top: 0px;
	}
#vrijbox2 {
position: absolute;
left: 475px;
top: 225px; /* 0 */
	}
#vrijbox3 {
position: absolute;
left: 25px;
top: 225px;
	}
#vrijbox4 {
position: absolute;
left: 475px;
top: 0px; /* 225 */
	}	
	
.tekst_grey {
	color:#999999;
	}
.gastenboek_icons {
	position: relative;
	left: -30px;
	top: -80px;
	}
	
.vrij_box_small {
/*position: absolute;*/
background: url('img/vrijw/vrij_box2.png');
width: 430px;
height: 182px; 
/*margin: 30px 30px 30xp 30px;*/
}
.vrij_box_medium {
/*position: absolute;*/
background: url('img/vrijw/vrij_box_medium.png');
width: 430px;
height: 205px; 
/*margin: 30px 30px 30xp 30px;*/
}
.vrij_box_large {
/*position: absolute;*/
background: url('img/vrijw/vrij_box3.png');
width: 435px;
height: 255px; 
/*margin: 30px 30px 30xp 30px;*/
}

.vrij_titel {
	position:absolute;
	left: 12px;
	top: 3px;
	color:#FFFFFF;
	font-size:11px; /*12px*/
	font-weight:bold;
	}
.vrij_tekst {
	position:absolute;
	left: 10px;
	top: 27px;
	color:#FFFFFF;
	font-size:11px;
	/*font-family: Arial, Helvetica, sans-serif*/
	}
.vrij_titel a:link {
	color:#FFFFFF ;
}
.vrij_titel a:visited {
	color:#FFFFFF;
}
.vrij_titel a:hover {
	color:#CCCCCC;
}
.vrij_titel a:active {
	color: #999999;
}	
.vrijbox_table {
	}
.vrijbox_table input {

	background: #666666;
	filter: Alpha(Opacity=75);
	color: #FFFFFF;
	opacity: 0.75;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.vrijcentrum_lid_output {
	position: absolute;
	left: 16px;
	top: 188px;
	color: #FFFF00;
	}
.vrijcentrum_wijz_output {
	position: absolute;
	left: 7px;
	top: 160px;
	color: #FFFF00;
	}
.mini_tekst {
	font-size: 8px;
	}
#fotoseries {
	position: absolute;
	left: 0px;
	top: 0px;
	}
#fotoseries_links {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 200px;
	height: 500px;
	}
#fotoseries_rechts {
	position: absolute;
	left: 250px;
	top: 0px;
	width: 100px;
	height: 500px;
	}
.fotoserie_item img {
	border: 1px;
	border-color:#999999;
	}
#fotoserie_fotogroot {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 650px; /*	height: 550px; */
	width: 800px;
	background-image:url(img/site/site_main.png);
	background-repeat:repeat-y;
	
	/*
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	*/
	}
.fotoserie_fotogroot_tekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	}
.fotoserie_fotogroot_reageer_tekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #CCCCCC;	
	}
.fotoserie_fotogroot_reageer_tekst_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;	
	}
.fotoserie_fotogroot_melding {
		font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0000;	
	}
.fotoserie_fotogroot_reageer_tekst_rechts {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #CCCCCC;	
	}
.fotoserie_fotogroot_titel {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	}	 
.balk_fotoserie {
	background-image: url("img/foto/balk_fotoseries_klein.png");

	position: relative;
	/*left: 20px;*/
	top: 10px;

	width: 137px;
	height: 36px;
	}
.balk_fotoserie_tekst {
	posotion: relative;
	left: 5px;
	top: 5px;
	}
.css_textarea {
/*overflow:scroll;*/
	overflow-x:none;
	overflow-y: scroll;
	}
#div_contact {

	width: 600px;
	height:400px;
	left: 100px;
	top: 0px;
	margin: 0px  0px 00px 0px;
	}
#div_contact_adres {
	position:absolute;
	/*left: 20px; */
	left: 660px;
	top: 90px;
	color: #FFFFFF;
	}
#div_contact_back {
	position: absolute;
	width: 644px;
	height:353px;
	left: 0px;
	margin: 00px 0px 0px 135px;
	background-image: url( img/venster/contact.png);
	}
#div_contact input {
	background-color: #FFFFFF;
	color: #000000;
	}
	
#div_contact textarea {
/* contact momentje, pitt rulezzz, pitttlog*/
	background-color: #FFFFFF;
	color: #000000;
	}
#div_contact_versturen {
	position: absolute;
	left: 140px;
	top: 296px;
	}	
#div_contact_naam {
	position: absolute;
	left: 140px;
	top: 96px;
	}
#div_contact_email {
	position: absolute;
	left: 140px;
	top: 126px;
	}
#div_contact_bericht {
	position: absolute;
	left: 140px;
	top: 158px;	
	}	
	
#div_huisregels {
	background-image: url( img/venster/huisregels.png);
	background-repeat:no-repeat;
	width: 600px;
	height:800px;
	left: 100px;
	top: 10px;
	}
	
#aankondiging_overlay1 {
	display: none;
	position:absolute;
	width:200px;
	height:200px;
	left:0px;
	right:0px;
	background:#66FF00;
	z-index:9995;
	}

#LoadingDiv{
/* background*/
	margin:0px 0px 0px 0px;
	position:fixed;
	height: 100%;
	z-index:9998;
	padding-top:0px;
	padding-left:0px;
	width:100%;
	clear:none;
	background-image:url(img/site_extra/overlay_background.png);
	border:1px solid #000000;
	}
/*IE will need an 'adjustment'*/
* html #LoadingDiv{
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
	
a:link {
	color:#CCCCCC;;
}
a:visited {
	color:#CCCCCC;
}
a:hover {
	color:#FF0033;
}
a:active {
	color:#666666;
}	
	
.loading {
		position: absolute;
		left: 0;
		top: 0;
		background: #fff;
		color: #333;
		height: 60px;
		width: 250px;
		border: 2px solid #666;
		padding: 10px;
		text-align: center;
		z-index: 2;
	}
	
	.loading img {
		display: block;
		margin: 0 auto;
	}
	
	.loading-bg {
		position: absolute;
		top: 0;
		left: 0;
		background: #000;
		filter:alpha(opacity=50);   
		-moz-opacity:0.5;           
		opacity: 0.5;
		z-index: 1;
	}
	
	#container {
		width: 600px;
		padding: 10px;
		margin: 50px auto;
		background: #fff;
		border: 10px solid #345;
	}