﻿
body {   	
	background-image: none;
	background-attachment: fixed;
	background-color:#D4FFAA;
	background-image:url(images/groen.png); 
	background-size:cover; 
	background-position : top;
/*	scrollbar-face-color: #8B0000;
	scrollbar-shadow-color: #FF9999;
	scrollbar-highlight-color: #FF9999;
	scrollbar-3dlight-color: #F5FAFA;
	scrollbar-darkshadow-color: #F5FAFA;
	scrollbar-track-color: #F5FAFA;
	scrollbar-arrow-color: #F0F8FF;
*/	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8 px;  
	line-height:18 px;
	margin: 0;
	padding: 0;
/*	text-align:center
*/
/*	background-image:url('images/bkgr1.png')*/

}

div {
margin:0px;
padding:0px;
border:0px;
}

h1, h2, h3{
	margin: 0;
	padding: 0;
}



p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;  
	line-height:14 px;		 
 }

h1 {	font-size: 35px;
	font-weight: bold;
	line-height:60px;
	color: #0099CC;

}

h2 { font-size: 20px;
	font-weight: bold;
	color: #0099CC;
	line-height:28px;
}
h3 { font-size: 14px;
	font-weight: bold;
	color: #0099CC;
	line-height:20px;
}


a:link {  color: #0033CC; text-decoration: underline}
a:focus { color:#000; text-decoration: underline}
a:visited { color: #0033CC; text-decoration: underline }
a:hover { color: #6699CC; text-decoration: underline }
a:active { color: #AA0000; text-decoration:blink 
}

a.ablok:link {  color:#000; text-decoration: none}
a.ablok:focus { color:#000; text-decoration: none}
a.ablok:visited { color:#000; text-decoration: none }
a.ablok:hover { color: #6699CC; text-decoration:none }
a.ablok:active { color: #AA0000; text-decoration:none; 
}


.knop{
	height: 23px;
	width: 160px;
	background-color: #FFCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font: message-box;
	color: maroon;
}

#grondvlak{
position:relative; 
/*
left: 200px;*/
margin:auto;
top: 20px; 
/*left:5%;*/ 
width:1005px; 
min-height:1070px;  
background-color:#dd99aa;
background-image:url(images/oudrose.png);
background-size:contain
/*background-color:#f0f*/
}

#divprod{
position:relative;
width:770px;
min-height:100px;
box-sizing:border-box;
border-radius:10px;
box-shadow: 0px 5px 15px 0px #CCC;
background-color:#F8F8F8
}

#divpict{
position:relative; 
min-width:20px;
min-height:70px;
border-radius:10px;
box-shadow: 0px 5px 15px 0px #CCC;
background-color:#F8F8F8
}

#divzoek{
position:relative; 
width:770px;
min-height:100px;
box-sizing:border-box;
border-radius:10px;
box-shadow: 0px 5px 15px 0px #CCC;
background-color:#F8F8F8
}

#onderwerp{
/*	position:absolute; 
	top:150px;  */
	left:50px;
	position:relative;
	height:90px;
	width:880px;
	padding:0 30 0 40; 
	box-sizing:border-box;
border-radius:5px;
box-shadow: 5px 5px 5px 0px #ff0;
	background-color:#ff0;
	background-image:url(images/geel.png);
background-size:cover

	}

#subonderwerp{
/*	position:absolute; 
	top:150px; */
	left:50px; 
	position:relative;
	height:130px;
	width:880px;
	padding:0 30 0 40; 
		box-sizing:border-box;
border-radius:5px;
box-shadow: 5px 5px 5px 0px #ff0;
background-color:#ff0;
/*		background-color:#00f;*/
	background-image:url(images/geel.png);
background-size:cover
	
	}

#basis{
	position:relative;
	left:50px;
	width:830px; 
	min-height:200px;
	padding: 20px 0px 0px 50px;
	background-color:#FFF;
	border: 6px #0F0 double;	
/*	border-radius: 25px */
	}


/* ----------------------------------------- einde handboek HJC --------------------------------------*/
/* deze wordt gebruikt voor de formulieren*/



/* -------------alternatief tekstvergroting-------------------*/


fieldset{
	display:block
}


/*  -------------------------------------------------------*/
.tableopmaak{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	
}

.rechthoek {
	background:url(images/r100x50.png);
	background-repeat:no-repeat;
	cursor: crosshair;
	}
