/*	
		Stylesheet www.raoulheertje.nl
	*/ 

	body {
		margin:0px; 
		background:#ffffff; 
		color:#333333; 
		padding:0;
		font-family:Courier New,Courier,Monaco,monospace; 
		font-size:14px;
	}

	#contents { 
		border:0px solid black;
	}
	
	#main {
		position: absolute;
		border-left:0px solid green;
		border-right:0px solid green;
		top: 20px;
		left: 50%;
		width: 900px;
		height: 675px;
		margin-left: -450px;
		background-color:#b1b1b3; 
		background-repeat:no-repeat;
	}
	
	#mainbox {
		width:900px; 
		height:675px;  
		border:0px solid gray;
		background-repeat:no-repeat;
	}

	#mainbutt {
		width:150px;
		height:150px; 
		position:absolute;
		border:0px solid green;
	}
	
	#cms-datablock {
		height:450px;
		width:450px;
		overflow: auto;
		top:100px;
		left:230px;
		position:absolute;
		border:0px solid black;
		color:white;
		clear:both;

	}

	#formulier-block{
		height:630px;
		width:550px;
		overflow: auto;
		top:20px;
		left:180px;
		position:absolute;
		border:1px solid black;
		color:black;
		clear:both;
		background-color:#e2e2e2;
		overflow:auto;
		filter:alpha(opacity=80); /* ie */
		opacity:0.8; /* CSS3 standard */

	}

	/* css form */
	form.cssform {
		padding:0;
		margin:0;
	}

	form.cssform fieldset {
		margin:0 0 5px 0;
		padding:5px;
		border: 0px solid gray;
	}

	form.cssform legend {
		padding: 0;
		margin:0;
		font-weight: bold;
	}

	form.cssform label {
/*		display: inline-box;*/
		line-height: 1.8; 
		vertical-align: top;
		width:80px; /* label width */
		float:left;
	}

	form.cssform fieldset ol {
		margin: 0;
		padding: 0;
	}

	form.cssform fieldset li {
		list-style: none;
		padding: 5px;
		margin: 0;
		border-bottom:1px solid #f4f4f4;

	}

	/* form elements */

	.button { 
		border:1px solid black; 
		background-color:#cccccc;
		font-size:11px ;
		height:20px;
	}

	.button-over {
		border:1px solid black; 
		background-color:#f4f4f4;
		color:black;
		font-size:11px ;
		height:20px;
	}

	input {
		font-size:14px;
	}


	fileinput input{
		width:500px;

	}

	.input-out { 
		border:1px solid #cccccc; 
		background-color:#f4f4f4;
		width:250px;
	}

	.input-over { 
		border:1px solid #cccccc;
		background-color:#ffffff;
		width:250px;
	}

	.select-out {
		border:1px solid #cccccc; 
		background-color:#f4f4f4;
		width:350px;
	}
	.select-over {
		border:1px solid #cccccc; 
		background-color:#f4f4f4;
		width:350px;
	}

	

	textarea {
		width:500px;
		height:250px;
		border:1px solid gray;

	}

	/* 
		Styled elements 
	*/

	.archivefilterbox {
		position:absolute; 
		display:block;
		padding:5px;
		top:15px; 
		left:75px; 
		width:745px; 
		border:1px solid black;
		background-color:#e2e2e2;
		filter:alpha(opacity=80); /* ie */
		opacity:0.8; /* CSS3 standard */
	}

	.archivefilterbox a:hover{
		color:red;
	}
	
	
	.archiveitembox	{
		margin:10px;
		border:1px solid black;
		width:120px;
		height:90px;

	}

	#urlbox{
		left:695px;
		top:0px;
		width:200px; 
		height:20px;
		position:absolute;
		border-left:1px solid #ffffff;
		border-bottom:1px solid #ffffff;
		border-right:1px solid #ffffff;
		background:#9900FF;
		color:white;
		font-size:12px;
		font-weight:bold;
		text-align:center;
		cursor:pointer;
		filter:alpha(opacity=90); /* ie */
		opacity:0.9; /* CSS3 standard */
	}

	#urlbox a{
		color:#ffffff;
		display:block;
		width:100%;
		height:100%;
	}
	#urlbox a:hover{
		background:#414141;
	}
	
	#htmcontentbox{
		left:3px;
		width:250px;

		top:0px;
		position:absolute;
		margin-right:250px;
		height:20px;
		border-left:1px solid #ffffff;
		border-bottom:1px solid #ffffff;
		border-right:1px solid #ffffff;
		background:#9900FF;
		color:white;
		font-size:12px;
		font-weight:bold;
		text-align:center;
		cursor:pointer;
		filter:alpha(opacity=80); /* ie */
		opacity:0.8; /* CSS3 standard */
	}
	#htmcontentbox a{
		
		color:#ffffff;
		display:block;
		width:100%;
		height:100%;
		text-decoration:none;
	}

	#htmcontentbox a:hover{
		color: #eeeeee;
		background:#414141;
		text-decoration:none;
	}	

	
	#htmlcontent{
		position:absolute;
		background:#ffffff;
		top:25px;
		width:575px;
		height:625px;
		left:25px;
		border:1px solid purple;
		/* bottom:25px;*/	
		z-index:1;
		filter:alpha(opacity=95); /* ie */
		opacity:0.95; /* CSS3 standard */
	}

	#htmlcontentcontainer{
		/* font-family:arial,geneva,sans-serif; */
		font-size:14px;
		font-weight:bold;
		color:#000000;
		margin:15px;
		width:550px;
		height:525px;
		border:0px solid black;
		overflow:auto;

	}

	#htmlcontenttoolbar{
		text-align:right;
		height:25px;
		background:#e2e2e2;
		border-bottom:1px solid purple;
		padding:9px 9px 0 0;

	}
	#htmlcontenttoolbar a:hover{
		color:black;
	}
/*
	a:hover #urlbox{
		color: #eeeeee;
		background:#414141;
		text-decoration:none;
	}
*/
	#urlcontentbox{
		width:200px;
		position:absolute;
		left:690px;
		top:25px;
		background:#eeeeee;
		padding-top:5px;
		padding-left:5px;
		font-weight:bold;
		filter:alpha(opacity=90); /* ie */
		opacity:0.9; /* CSS3 standard */
		z-index:1;
	}
	
	#urlcontentbox a:hover {
		color:purple;
		text-decoration:underline;
	}

	#videobox{
		left:3px;
		top:654px;
		width:100px; 
		height:20px;
		position:absolute;
		border-left:1px solid #ffffff;
		border-top:1px solid #ffffff;
		border-right:1px solid #ffffff;
		background:#FF00FF;
		color:white;
		font-size:12px;
		font-weight:bold;
		text-align:center;
		cursor:pointer;
		filter:alpha(opacity=80); /* ie */
		opacity:0.8; /* CSS3 standard */

	}
	#videobox a{
		
		color:#ffffff;
		display:block;
		width:100%;
		height:100%;
		text-decoration:none;
	}

	#videobox a:hover{
		color: #eeeeee;
		background:#414141;
		text-decoration:none;
	}	

	#videocontainerbox {
		position:absolute;
		left:50px;
		top:50px; 
		border:0px solid black;
	}

	#videomodcontainerbox {
		position:absolute;
		left:237px;
		top:150px;
		
	}
/*
	a:hover #videobox {
		color: #eeeeee;
		background:#414141;
		text-decoration:none;
	}
*/
	/* 
		Presentation Styles, HTML elements 
	*/



	
	h3 {
		margin:0; 
		padding:15px; 
	}
	
	h1 {
		margin:0; 
		font-size:35px; 
		padding-bottom:0;
		margin-bottom:10px;
		color:black;
		font-weight:bold
	}
	
	h4 { 
		margin:0; 
		padding: 5px 0; 
	}
	

	a {
		color: black; 
		text-decoration:none;
	}

	a:hover {
		color: #e2e2e2; 
		text-decoration:none
	}
	

	/* 
		Presentation Styles, Css Classes 
	*/
	
	.plaatje-links{
		float:left;
		margin:5px 5px 5px 0;
		border:0px solid black;
	}

	.plaatje-links-border{
		float:left;
		margin:5px 5px 5px 0;
		border:1px solid black;
	}
	.plaatje-rechts{
		float:right;
		margin:5px 0px 5px 5px;
		border:0px solid black;
	}

	.plaatje-rechts-border{
		float:right;
		margin:5px 0px 5px 5px;
		border:1px solid black;
	}
	
	.accent {
		color:#FF0000
	}
	
	.groter{
		font-size:15px
	}

	.kop-1 {
		font-size:18px;
		font-weight:bold;

	}

	.kop-2 {
		font-size:14px;
		font-weight:bold;
	}

	/* 
		Butt positions 
	*/
	
	#butt-pos-1 {
		float:left;
		margin:20px;
	}
	
	#butt-pos-2 {
		float:left;
		margin:80px 0 0 30px;
	}

	#butt-pos-3 {
		float:right;
		margin:20px;
	}

	#butt-pos-4 {
		float:right;
		margin:80px 20px 0 0px;
	}

	#butt-pos-5 {
		float:right;
		margin:280px 20px 0 0px;
	}

	#butt-pos-6 {
		float:left;
		margin:280px 0 0 30px;
	}
	
	#butt-pos-7 {
		float:right;
		margin:480px 20px 0 0px;
	}

	#butt-pos-8 {
		float:left;
		margin:480px 0 0 30px;
	}

	#butt-pos-9 {
		float:left;
		margin:520px 0 0 30px;
	}

	#butt-pos-10 {
		float:right;
		margin:520px 20px 0 0px;
	}