/*---{ Imports )-------------------------------------------------------*/

@import "custom/jquery.fancybox.css";
@import "custom/news.css";

#close
{
	position: absolute;
	right: 12px;
	top: 86px;
	z-index: 20;
}

.button
{
	padding: 0;
	margin: 16px 0 0 16px;
	display: block;	
	background: #fff;
}

.button a
{
	padding: 0;
	margin: 0;
	display: block;	
	width: 160px;
	height: 65px;
	border: 1px solid #c3d5eb;	
}

.button a:hover
{
	border: 1px solid #0068b5;		
}

.button a span
{
	display: none;
	overflow: hidden;	
}

div.locatie
{
	background: #fff url(../images/img_bttn_nieuwe_locatie.gif) left top no-repeat;
}

div.visstek
{
	background: #fff url(../images/img_bttn_visstek.gif) left top no-repeat;
}

div.legend
{
	margin: 16px 0 0 16px;
	display: block;		
	position: relative;
	background: #fff;
	border: 1px solid #c3d5eb;		
	width: 150px;
	padding: 10px 0 0 10px;
}

div.legend h2
{
	text-indent: -6000em;
	overflow: hidden;
	width: 59px;
	height: 19px;
	background: url(../images/img_legenda.gif) left top no-repeat;
}

div.legend strong
{
	color: #00447a;
}

div.legend ul.strong
{
	font-weight: bold;
}

div.legend ul
{
	list-style: none;
	position: relative;
	margin: 8px 0;
	padding: 0;
}

div.legend ul li
{
	list-style: none;
	margin: 4px 0;
	padding: 0;
}

div.legend ul li span
{
	display: block;
	border: 1px solid #c3d5eb;	
	width: 10px;
	height: 10px;
	margin: 2px 8px 0 0;
	float: left;
}

.color1
{
	background: #0000ff;		
}

.color2
{
	background: #000080;		
}

/*.color3
{
	background: #008b00;		
}

*/

.color4
{
	background: #cd6600;		
}

.color5
{
	background: #9400d3;		
}

.color6
{
	background: #8b4513;		
}

.color7
{
	background: #cd6600;		
}

.color8
{
	background: #8b6914;		
}

.color9
{
	background: #ff8247;		
}

.color10
{
	background: #9400d3;		
}

.color11
{
	background: #cd0000;		
}

.color12
{
	background: #9a32cd;		
}

#welkom
{
	text-indent: -6000em;
	overflow: hidden;
}


#introduction
{
	position: relative;
	padding: 0;
}

#showSplash
{
	position: absolute;
	left: 0;
	bottom: 0;	
}

#faq { position: relative; width: 430px; height: 190px;}
#faq div { width: 430px; height: 190px; padding: 0 10px 0 4px; color: #454545; text-align: left; font-size: 12px; overflow-y: auto;overflow-x: hidden }

/* ---------- */