/**                  
 * screen.css
 *
 * Definition of the used styles and classes
 * for displaying the content and overall layout.
 *
 * @version 	1.0
 * @author	A.J. de Vries	
 * @package	www.kristalnetwerk.nl 
 * 
 * Copyright (c) 2005 Malibomba                               
 * IT IS NOT ALLOWED TO USE OR MODIFY ANYTHING OF THIS SITE,  
 * WITHOUT THE PERMISION OF THE AUTHOR.                       
 * Info? Mail to info@malibomba.com                             
 */
/*<![CDATA[*/ 
html, body {
background:#F3E5F6;
}

html {
	padding:0; 
	margin:0; 
	border:0;  
	font-size:10px; 
	font-family: Verdana, arial;
	color: #584162;
	background:#F3E5F6;
	
	}

body {
	padding:0; 
	margin:0; 
	border:0;
	background: #F3E5F4;
	}

body, th, td, p, div, span {
	color: #584162;
	font-size: 11px;
	font-family: Verdana;

}

h1	{
	display: none;
}
.boldhead {
	font-size:25px; 
	font-weight:normal;
	font-family: Verdana, arial;
	color: #584162;
	}
form {
	margin:0px;
	padding:0px;
}	

input, textarea {
	color:#584162;
	font-size:13px;
	font-family: Verdana;
	border: 1px solid #a5acb2;
}

input.custombtn {
	color:#000;
	width:auto;
	font-size:12px;
	padding-top:1px;
	font-weight:bold;
	background:#AA89C0;
	border: 1px solid #fff;
}

a {
	color : #856094;
	text-decoration : none;
}

a:link		{
	color: #856094;
}

a:visited	{
	color: #856094;
}

a:hover		{
	color: #BBA2D3;
}

a.nieuwsheader:link	{
	color: #fff;
	font-weight: bold;
}

a.nieuwsheader:visited	{
	color: #fff;
	font-weight: bold;
}

a.nieuwsheader:hover	{
	color: #C7C2A9;
	font-weight: bold;
}



a.nieuwslink:link	{
	color: #fff;
}

a.nieuwslink:visited	{
	color: #fff;
}

a.nieuwslink:hover	{
	color: #C7C2A9;
}



#bgimage {
	z-index: 1;
	display: block;
	position: absolute;
	top: 238px;
	bottom: 0px;
	width:542;
	height: 430px;
	margin-left:-162px; 
	left:50%; 
	background:#F3E5F4 url('/pics/bg_content.jpg') no-repeat ; 
	background-position:0 0px;
	}

#content {
	display:block; 
	position:absolute;
	background:#F3E5F6;	
	z-index:3; 
	top:240px; 
	bottom:0px; 
	width:542px; 
	margin-left:-162px; 
	left:50%; 
	
	}

* html #content {
	top:0; 
	bottom:0; 
	height:100%;
	width:540px;
	border-top:238px solid #fff; 
	border-bottom:0px solid #fff;
	background:#F3E5F6;
	

	}

#head {
	position:absolute; 
	display: block;
	margin-left:-321px; 
	left:50%; 
	top:0; 
	width:700px; 
	height:239px; 
	background:#F3E5F4; 
	z-index:5; 
	background-image: url(/pics/header_home.jpg);
	background-position:0 0px;
	}

#head_vloedlijn {
	position:absolute; 
	margin-left:-321px; 
	left:50%; 
	top:0; 
	width:700px; 
	min-width:700px; 
	height:239px; 
	background:#fff; 
	font-size:1em; 
	z-index:5; 
	background-image: url(/pics/header_vloedlijn.jpg); 
	}
	
	
#head_familielijn{
	position:absolute; 
	margin-left:-321px; 
	left:50%; 
	top:0; 
	width:700px; 
	min-width:700px; 
	height:239px; 
	background:#fff; 
	font-size:1em; 
	z-index:5; 
	background-image: url(/pics/header_familielijn.jpg); 
	}
	
#head_home {
	position:absolute; 
	margin-left:-321px; 
	left:50%; 
	top:0; 
	width:700px; 
	min-width:700px; 
	height:239px; 
	background:#fff; 
	font-size:1em; 
	z-index:5; 
	background-image: url(/pics/header_home.jpg); 
	}
	
#head_onderwijs {
	position:absolute; 
	margin-left:-321px; 
	left:50%; 
	top:0; 
	width:700px; 
	min-width:700px; 
	height:239px; 
	background:#fff; 
	font-size:1em; 
	z-index:5; 
	background-image: url(/pics/header_onderwijs.jpg); 
	}
	
* html #head {
	top:0px; width:700px; height:239px;
	}

#menuleft {
	text-align:center;
	position:absolute; 
	margin-left:-321px; 
	left:50%; 
	top: 239px; 
	width:159px; 
	min-width:159px; 
	background:F3E5F6 url(/pics/bg_menu2.jpg) #F3E5F6 no-repeat; background-position:0 0px;
	font-size:1em; 
	z-index:5; 
	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
	font-weight:bold;
	color:#584162;
	}

* html #menuleft {
	bottom:2px; width:159px; height:100%;
	}
	


#content p {
	padding:5px; text-align:justify;
	background:#F3E5F6;
	}
	
/**
 * Form validation classes
 */
.fv-req {
	padding:2px;
	background:#AA89C0;
	border: 1px solid #a5acb2;	
}

.fv-forget {
	padding:2px;
	background:#AA89C0;
	border: 1px solid #b10101;
}

.fv-syntax {
	padding:2px;
	background:#AA89C0;
	border: 1px solid #b10101;
}



.clear {clear:left; height:0; overflow:hidden;}
* html .clear {display:none;}






#navlist
{
	position: absolute;
	top: 215px;
	left: 0px;
	width: 100%;
	margin: 0;
}

#navlist ul, #navlist li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
	float: right;
	font-family: Verdana, arial;Monotype Corsiva, Verdana;
	font-weight: normal;
	font-size: 15px;
	margin: 0px 0px 0px 0px;
	padding-right: 40px;
	text-decoration: none;
	color: #fff;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
	padding-bottom: 2px;
	background: transparent;
	color: #584162;
	text-decoration: underline;
}

#navlist a:hover { color: #584162; }





#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}



/*]]>*/