/*
#################
#	ALGEMEEN	#
#################
*/

body, html,
span, div,
h1, h2, h3, h4, h5, h6,
a, p,
img,
ul, ol, li {
	margin: 0;
	padding: 0;
}
	

h1 {
	font-size: 20px;
	color:#000000;
	text-transform:uppercase;
	line-height:23px;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color:#ff0000;
	line-height: 16px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	line-height: 16px;
}
p {
	line-height: 1.6em;
}

a,
a:visited {
	color: #000000;
	font-weight:bold;
	
}

a:hover
{
text-decoration:none;
}
.clear {
	height: 1px;
	clear: both;
}
span.hidden {
	display: none;
}

body {
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 19px;
	background-image:url(../images_site/tiler_2.jpg);
}

span{

}
td {
vertical-align:top;
}


/*
#################
#	LAY-OUT		#
#################
*/

.container 
			{
				text-align: left;
				margin-top:0px;
				width: 836px;
				margin-left: auto;
				margin-right: auto;
			}
			
#inhoud
			{
			position:relative;
			float:left;
			background-image:url(../images_site/guts_background_tiler.gif);
			background-repeat:repeat-y;
			width:786px;
			padding: 10px 0px 50px 50px;
			}
#footer
			{
			position:relative;
			float:left;
			background-image:url(../images_site/footer.gif);
			background-repeat:no-repeat;
			padding: 38px 0px 0px 55px;
			color:#FFFFFF;
			width:836px;
			height:100px;
			
			}
#menu		{
			
			position:relative;
			float:left;
			width:220px;
			}
#navmenu	{
			background-image:url(../images_site/nav2_center.jpg);
			background-repeat:repeat-y;
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 10px;
			width:234px;
			height:110px;
			}
#navmenu2	{
			background-image:url(../images_site/nav2_center.jpg);
			background-repeat:repeat-y;
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 10px;
			width:224px;
		
			}
#navmenu3	{
			background-image:url(../images_site/nav2_center.jpg);
			background-repeat:repeat-y;
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 40px;
			width:234px;
			height: 340px;
			}
#navmenuwerf_top{
			background-image:url(../images_site/occasionswerf.jpg);
			width:234px;
			height:32px;
}			
#navmenu_top{
			background-image:url(../images_site/menu_top.png);
			width:234px;
			height:70px;
}
			
#navmenu_footer{
			background-image:url(../images_site/menu_foot.png);
			width:234px;
			height:10px;
}


#occasions_home{
			margin: 10px 0px 0px 0px;
			padding: 40px 0px 0px 10px;
			background-image:url(../images_site/occasions_home.gif);
			background-repeat:no-repeat;
			width:234px;
			height:60px;

}

#text {
			position:relative;
			float:left;
			width:450px;
			margin: 30px 0px 0px 40px;
}

#werf_text {
			position:relative;
			float:left;
			width:450px;
			margin: 30px 0px 0px 0px;
}


#werf_text h1{
	font-size: 20px;
	color:#000000;
	text-transform:uppercase;
	margin: 10px 0 10px 0;
}

#map {
margin: 25px 0px 0px 0px;
}
.navtext {
	
		width:235px;
		height:91px;
		font-size:8pt;
		line-height:16px;
		background-image:url(../images_site/occ_popup.png);
		background-repeat:no-repeat;
		color:white;
		}

div#occasion{
			position:relative;
			text-align:left;
			background-image: url(../images_site/bg_occ.png);
			background-repeat:no-repeat;
			padding: 13px 0px 0px 12px;
			margin: 0px 0px 0px 0px;
			width:138px;
			height:99px;
			float:left;
}
div.occasion{
			position:relative;
			text-align:left;
			background-image: url(../images_site/bg_occ.png);
			background-repeat:no-repeat;
			padding: 13px 0px 0px 12px;
			margin: 0px 0px 0px 0px;
			width:138px;
			height:99px;
			float:left;
}
.occasion2{
			position:relative;
			
			background-image: url(../images_site/bg_occ.png);
			background-repeat:no-repeat;
			padding: 13px 0px 0px 12px;
			margin: 0px 0px 5px 0px;
			width:138px;
			height:160px;
			float:left;
}
div#occ_menu		{
			position:relative;
			float:left;
			width:220px;
			margin: 0 80px 0 0;
			}
div#occ_foto{
			float: left;
			width:350px;
			height:350px;
			text-align:center;
			margin: 0 20px 10px 10px;
	
}
div#occ_text{
			float: left;
			width:400px;
}

div#occ_thumbs{
			float: left;
}
div#occ_nav{
			float: left;
			width:95%;
			text-align:center;
}
.test {
			position:relative;
			text-align:left;
			background-image: url(../images_site/bg_occ.png);
			background-repeat:no-repeat;
			padding: 13px 0px 0px 12px;
			margin: 0px 0px 0px 0px;
			width:138px;
			height:99px;
			float:left;
}

div#occ_pdf {
	float:right;	
	margin: 0 20px 0 0;
}

/* Navigation
---------------------------------------------------------------------------- */
ul
{
	list-style: none;
	height: 16px;
}

ul.menu
{
	margin: 0 0 15px -9px;
}

ul.menu li a:link,
ul.menu li a:visited
{
	color: #666666;
	text-decoration: none;
	display: block;
	width: 234px;
	height: 20px;
	padding-left: 20px;
}

ul.menu li a:hover,
ul.menu li a:active
{
		background-image:url(../images_site/navbg.gif);
	background-repeat: no-repeat;
	background-position: -1px -0px;
	
}

ul.menu li.active a:link,
ul.menu li.active a:visited, 
ul.menu li.active a:hover,
ul.menu li.active a:active
{
		background-image:url(../images_site/navbg.gif);
	background-repeat: no-repeat;
	background-position: 0 -0px;
	
}