/* algemene opmaak */
BODY {
	margin : 0 0 0 0;
	margin-top : 0;
	margin-right : 0;
	margin-left : 0;
	margin-bottom : 0;
	padding: 0;
	background : #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 12px;
	line-height: 20px;
}
TD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 11px;
	line-height: 20px;
}
P, BLOCKQUOTE {
	margin-top: 0;
	margin-bottom: 0;
}
UL, OL {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
A {
	COLOR: #000000;
}
A:hover {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
.wosimage {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 5px;
}
.button {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	FONT-SIZE: 8pt;
	BACKGROUND-IMAGE: url(/images/button.gif);
	BORDER-LEFT: medium none;
	WIDTH: 100px;
	COLOR: black;
	BORDER-BOTTOM: medium none;
	FONT-FAMILY: Arial;
	HEIGHT: 21px;
}
.inputtext {
	border: 1px solid #000000;
	font-size: 12px;
	font-family: Verdana, Arial;
	height: 20px;
}
.table {
	border: 1px solid #000000;
	border-collapse: collapse;
}
.tableHeader {
	background-color: #FFFFFF;
}
.tableContent {
}
.foutmelding {
	color : red;
}
.foutbox {
	border: 1px solid Red;
}
.foutfill {
	color: Red;
}
.highlight {
	background-color: Yellow;
}

#menu .active {
    color: #fcc300;
}

/* site specifieke opmaak */


/* ------------------- Begin: Layout ------------------- */

#maincontainer
{
	width: 94%;
	text-align: center;

}

	#container
	{
		width: 807px;
		text-align: left;
		margin: 0 auto;
	}
	
	/* ------------------- Begin: Header -------------------- */
	
	#banner {
		background: url(/images/animatie3.gif) no-repeat;
		width: 100%;
		height: 121px;
		padding: 20px 0 0 20px;
	}
	
    	#banner #logo {
    	   height: 94px;
    	   width: 300px;
    	   background: url(/images/logo.png) no-repeat;
    	}
	
	#menu {
		width: 100%;
		height: 22px;
	}
	
		#menu .left {
			background: url(/images/blockmenu_left.jpg) no-repeat;
			height: 22px;
			width: 17px;
			float: left;
		}
		
		#menu .center {
			height: 22px;
			width: 773px;
			float: left;
			background-color: #172866;
		}
		
			#menu .center h1 {
				font-size: 12px;
				margin: 0px;
				padding: 0px;
				color: #ffffff;
				float: left;
				padding: 0 10px 0 10px;
			}
			
			.center .notactive {
				font-weight: bold;
			}
			
			#menu .center h2 {
				background: url(/images/menubalk_tussen.jpg) repeat-y;
				width: 2px;
				height: 22px;
				float: left;
				margin: 0px;
				padding: 0px;
				font-size: 0px;
			}
			
			#menu .center a {
				color: #ffffff;
				text-decoration: none;
			}
			
			
		
		#menu .right {
			background: url(/images/blockmenu_right.jpg) no-repeat;
			height: 22px;
			width: 17px;
			float: left;
		}
	
	#zoeken {
		width: 100%;
		height: 58px;
		background-color: #feecad;
		float: left;
	}
	
		#zoeken #zoektext {
			color: #172866;
			font-size: 14px;
			font-weight: bold;
			float: left;
			margin: 10px 5px 0 10px;
			width: 153px;
			text-align: center;
		}
	
	
		#zoeken #selectboxes {
			float: right;
			width: 240px;
			margin: 18px 0 0 0;
		}
		
		#zoeken #selectboxes2 {
			float: right;
			width: 240px;
			margin: 18px 0 0 0;
		}
		
			#selectboxes SELECT,
			#selectboxes2 SELECT  {
				width: 215px;
				font-size: 12px;
			}
			
			#selectboxes #provincies {
				margin: 0 0 0 20px;
			}
	
		#zoeken .zoekbutton {
			background: url(/images/zoekbutton.jpg) no-repeat;
			width: 135px;
			height: 23px;
			margin: 16px 22px 0 0;
			float: right;
			border: 0px;
			cursor: pointer;
			font-size: 14px;
			font-weight: bold;
			color: #182864;
			font-family: Arial, Verdana;
		}
		
		#zoeken .zoekbutton_over {
			background: url(/images/zoekbutton_over.jpg) no-repeat;
			width: 135px;
			height: 23px;
			margin: 16px 22px 0 0;
			float: right;
			border: 0px;
			cursor: pointer;
			font-size: 14px;
			font-weight: bold;
			color: #fcc300;
			font-family: Arial, Verdana;
		}
		
	#content {
		position: relative;
		width: 100%;
		padding: 13px 0 10px 0;
		background-color: #ffffff;
		float: left;
	}
	
		#content #sponsorboxen {
			position: absolute;
			width: 110px;
			height: 20px;
			right: -125px;
			top: -67px;
		}
		
			#sponsorboxen img {
				border: 1px solid #cbd292;
			}
	
		#content #left {
			float: left;
			width: 160px;
			overflow-x:hidden;
		}
		
			#left #block_yellow {
				margin: 0 0 0 17px;
				width: 143px;
			}
	
			#left #block_blue {
				margin: 0 0 0 17px;
				width: 143px;
			}
						

			#left #block_lightyellow {
				margin: 0 0 0 17px;
				width: 143px;
			}
			
			#left #block_lightorange {
				margin: 0 0 0 17px;
				width: 143px;
			}
			
				#block_lightyellow h1,
				#block_blue h1,
				#block_lightorange h1,
				#block_yellow h1 {
					height: 8px;
					width: 143px;
					font-size: 0px;
					line-height: 0px;
					padding: 0px;
					float: left;
				}
				
				
				#block_lightyellow h1 {
					background: url(/images/leftblock_lightyellow_top.jpg) no-repeat;
					margin: 10px 0 0 0;
				}
				
				#block_blue h1 {
					background: url(/images/leftblock_blue_top.jpg) no-repeat;
					margin: 10px 0 0 0;
				}
				
				#block_yellow h1 {
					background: url(/images/leftblock_yellow_top.jpg) no-repeat;
					margin: 0 0 0 0;
				}
				
				#block_lightorange h1 {
					background: url(/images/leftblock_lightorange_top.jpg) no-repeat;
					margin: 10px 0 0 0;
				}
				
				
				
				#block_lightyellow .h2span,
				#block_yellow .h2span,
				#block_lightorange .h2span,
				#block_blue .h2span {
					width: 143px;
					font-size: 12px;
					line-height: 18px;
					float: left;
					font-size: 11px;
				}
				
				#block_lightyellow .h2span a,
				#block_blue .h2span a,
				#block_yellow .h2span a {
				    text-decoration: none;
				    cursor: pointer;
				}
				
				
				#block_blue .h2span h3 a {
				    text-decoration: none;
				    color: #ffffff;
				}
				
				#block_lightyellow .h2span,
				#block_lightyellow .h2span h2,
				#block_lightyellow .h2span h3 {
					background-color: #ffe49f;
					color: #172866;
				}
				
				#block_yellow .h2span,
				#block_yellow .h2span h2,
				#block_yellow .h2span h3 {
					background-color: #fcc300;
					color: #363d58;
				}
				
				#block_blue .h2span,
				#block_blue .h2span h2,
				#block_blue .h2span h3 {
					background-color: #172866;
					color: #fcc300;
				}
				
				
				
				#block_lightorange .h2span,
				#block_lightorange .h2span h2,
				#block_lightorange .h2span h3 {
					background-color: #fff3d7;
					color: #172866;
				}
				
				
				#block_lightyellow .h2span h2,
				#block_lightorange .h2span h2,
				#block_blue .h2span h2,
				#block_yellow .h2span h2 {
					font-size: 12px;
					font-weight: bold;
					width: 133px;
					margin: 0px;
					padding: 0 0 0 10px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
				}
				
				#block_lightyellow .h2span h3,
				#block_lightorange .h2span h3,
				#block_blue .h2span h3,
				#block_yellow .h2span h3 {
					font-size: 11px;
					width: 130px;
					margin: 0px;
					padding: 0 3px 0 10px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-weight: normal;
					line-height: 15px;
				}
				
				#block_lightyellow .h2span h4 {
					background: url(/images/leftblock_lightyellow_dots.jpg) repeat-x;
				}
				
				#block_lightorange .h2span h4 {
					background: url(/images/leftblock_lightorange_dots.jpg) repeat-x;
				}
				
				#block_blue .h2span h4 {
					background: url(/images/leftblock_blue_dots.jpg) repeat-x;
				}
				
				#block_yellow .h2span h4 {
					background: url(/images/leftblock_yellow_dots.jpg) repeat-x;
				}
				
				#block_lightyellow .h2span h4,
				#block_blue .h2span h4,
				#block_lightorange .h2span h4,
				#block_yellow .h2span h4 {
					height: 2px;
					width: 30px;
					margin: 6px 0 0 0;
					padding: 6px;
					line-height: 2px;
					font-size: 0px;
				}
				
				
				#block_lightyellow .h2span p {
					background: url(/images/leftblock_lightyellow_dots.jpg) repeat-x bottom;
				}
				
				#block_lightorange .h2span p {
					background: url(/images/leftblock_lightorange_dots.jpg) repeat-x bottom;
				}
				
				#block_yellow .h2span p {
					background: url(/images/leftblock_yellow_dots.jpg) repeat-x bottom;
				}
				
				#block_blue .h2span .ptje {
					background: url(/images/leftblock_blue_dots.jpg) repeat-x bottom;
				}
				
				#block_lightyellow .h2span p,
				#block_lightorange .h2span p,
				#block_blue .h2span .ptje,
				#block_yellow .h2span p {
					width: 143px; 
					height: 6px; 
					line-height: 1px; 
				}
				
				#block_lightyellow .h3span,
				#block_lightorange .h3span,
				#block_blue .h3span,
				#block_yellow .h3span {
					width: 143px;
					font-size: 0px;
					line-height: 0px;
					float: left;
				}
				
				#block_lightyellow .h3span h3 {
					background: url(/images/leftblock_lightyellow_bottom.jpg) no-repeat;
				}
				
				#block_yellow .h3span h3 {
					background: url(/images/leftblock_yellow_bottom.jpg) no-repeat;
				}
				
				#block_blue .h3span h3 {
					background: url(/images/leftblock_blue_bottom.jpg) no-repeat;
				}
				
				#block_lightorange .h3span h3 {
					background: url(/images/leftblock_lightorange_bottom.jpg) no-repeat;
				}
				
				#block_lightyellow .h3span h3,
				#block_lightorange .h3span h3,
				#block_blue .h3span h3,
				#block_yellow .h3span h3 {
					height: 11px;
					width: 143px;
					font-size: 0px;
					line-height: 0px;
					margin: 0px;
					padding: 0px;
				}
				
				/* custom bloock voor folder */
				#block_folder{
					margin: 0 0 5px 17px;
					width: 143px;
				}
				
				#block_folder a{
					text-decoration:none;
				}
				
				#block_folder h2{
					font-size: 12px;
					font-weight: bold;
					width: 133px;
					margin: 0px;
					padding: 0 0 0 10px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
				}
				
				#block_folder .text_link{
					position:relative;
					left:10px;
					font-size: 11px;
					width: 130px;
					margin: 0px;
					padding: 0 3px 0 0px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-weight: normal;
					line-height: 15px;
				}
				
				#block_folder img{
					border:none;
					margin-left:10px;
				}
				
				/* custom bloock voor video */
				#block_actie{
					margin: 0 0 5px 17px;
					width: 143px;
				}
				
				#block_actie a{
					text-decoration:none;
				}
				
				#block_actie h2{
					font-size: 12px;
					font-weight: bold;
					width: 133px;
					margin: 0px;
					padding: 0 0 0 10px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
				}
				
		
		#content #right {
			float: right;
			width: 633px;
		}
		
			#right .text {
			     margin: 0 0 0 14px;
			     font-size: 11px;
				 font-family: Verdana, Arial, Helvetica, sans-serif;
			}
			
			#right .right_content {
			}
			
			    #right .titelkop {
			        color: #172866; 
			        font-size: 12px; 
			        margin: 0px; 
			        padding: 0px;
			    }
			
				.right_content .blokken {
					width: 196px;
					float: left;
					margin: 15px 0 0 0px;
					padding: 0 0 0 10px;
				}
				
					.blokken .top {
    					background: url(/images/rederij_top.jpg) no-repeat;
    					width: 196px;
    					height: 10px;
    					float: left;	
    				    line-height: 10px;
					}
					
					.blokken .mid {
						width: 178px;
						float: left;
						border-left: 1px solid #fcc300;
						border-right: 1px solid #fcc300;
						padding: 0 8px 0 8px;
						color: #172866;
						height: 204px;
					}
					
						.blokken .mid h1 {
							font-size: 11px;
							font-weight: bold;
							padding: 0px;
							margin: 0 0 4px 0;
							height: 40px;
						}
						
						.blokken .mid img {
							margin: 0 0 4px 0;
							border: 0px;
						}
						
						.blokken .mid h2 {
							
							font-size: 11px;
							font-weight: normal;
							padding: 0px;
							margin: 0 0 4px 0;
							height: 40px;
							
						}
						
						.blokken .mid h3 {
							margin: 0px;
							font-size: 11px;
							background: url(/images/arrow_blue.jpg) no-repeat right center;
							padding: 0 0 0 0;
							width: 80px;
						}
						
							.blokken .mid h3 a {
								text-decoration: none;
								color: #172866;
							}
					
					.blokken .bottom {
						background: url(/images/rederij_bottom.jpg) no-repeat;
						width: 196px;
						height: 11px;
						float: left;
					}
					
					#pagebrowse {
						float: left;
						font-size: 11px;
						color: #172866;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						margin: 8px 0x 0 0;
						width: 99%;
						text-align: right;
					}
					
						#pagebrowse a {
							color: #172866;
						}
					
					.textcontent .fotos {
						width: 295px;
						float: left;
					}
					
					.textcontent .fotos .foto_blok {
						float: left;
						padding: 3px 3px 3px 3px;
						width: 92px;
						height: 92px;
					}
					.fotos .foto_active {
					  	position: absolute;
						height: 89px;
						width: 89px;
						border: 3px solid #FFCC00;
						z-index: 500;
						margin: -3px;
					}
					
					.fotos .foto {
						float: left;
						z-index: 0;
					}
					
						.foto_blok img {
							border: 0px;
						}
				
				
#nbsp {
	clear: both; 
	line-height: 0px;
}

/*		pagina attractie items*/

#right .text .header_titel {
	width: 603px;
	float: left;
}

	#right .text .header_titel .left {
		background: url(/images/lefttitel_item.jpg) no-repeat;
		width: 12px;
		height: 32px;
		float: left;	
	}
	
	#right .text .header_titel .mid {
		width: 576px;
		background-color: #fcc300;
		height: 32px;
		float: left;	
	}
	
		#right .text .header_titel .mid h1 {
			float: left;
			margin: 0px;
			padding: 5px;
			background: url(/images/backbutton.jpg) no-repeat center right;
			width: 160px;
		}
		
		#right .text .header_titel .mid h1 a {
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			color: #172866;
		}
		
		
		#right .text .header_titel .mid h2 {
			float: left;
			margin: 0 0 0 50px;
			padding: 5px;
			background: url(/images/vorige.jpg) no-repeat center right;
			width: 60px;
		}
		
		#right .text .header_titel .mid h2 a {
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			color: #172866;
		}
		
		#right .text .header_titel .mid h3 {
			float: left;
			margin: 0 0 0 8px;
			padding: 5px 5px 5px 20px;
			background: url(/images/volgende.jpg) no-repeat center left;
			width: 60px;
		}
		
		#right .text .header_titel .mid h3 a {
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			color: #172866;
		}
		
		#right .text .header_titel .mid h4 {
			float: left;
			margin: 0 0 0 50px;
			padding: 5px;
			width: 60px;
		}
		
		
	
	#right .text .header_titel .right {
		background: url(/images/righttitel_item.jpg) no-repeat;
		width: 15px;
		height: 32px;
		float: right;
	}

#right .text .textcontent {
	border-left: 1px solid #fcc300;
	border-right: 1px solid #fcc300;
	float: left;
	width: 577px;
	padding: 12px;
	line-height: 16px;

}

	#right .text .textcontent h1 {
		font-size: 12px;
		color: #172866;
		font-weight: bold;
		padding: 0px;
		margin: 0px;
	}
		
	#right .text .textcontent h2 {
		color: #172866;
		font-size: 11px;
		padding: 0px;
		margin: 0px;
	}

#right .text .footer_titel {
	background: url(/images/bottomtitel_item.jpg) no-repeat;
	width: 603px;
	float: left;
	height: 12px;
}

#nieuwsitems {
    width: 400px;
    float: left;
}

#nieuwsitems .titel {
    width: 400px;
    float: left;
}

#nieuwsitems .titel a {
    color: #172866;
    font-size: 14px;
}

#nieuwsitems .bericht {
    width: 400px;
    float: left;
    margin: 10px 0 0 0;
}

#nieuwsitems .break {
    clear: both;
    width: 400px;
    float: left;
}

#nieuwsitems .archief {
    width: 400px;
    float: left;
    margin-top: 10px;
}

#nieuwsitems .archief a {
    color: #f5c12f;
    text-decoration: none;
}

.stap_top {
    background: url(/images/acties_step_top.jpg) no-repeat;
    float: left;
    width: 603px;
    height: 32px;
    margin: 20px 0 0 0;
}

.stap_top2 {
    background: url(/images/acties_top.jpg) no-repeat;
    float: left;
    width: 603px;
    height: 12px;
    margin: 10px 0 0 0;
    line-height: 12px;
}

.stap_mid {
    border-left: 1px solid #fcc300;
    border-right: 1px solid #fcc300;
    width: 585px;
    float: left;
    padding: 8px;  
}

    .stap_mid .mid {
        float: left;
        margin: 10px 0 0 30px;
        width: 240px;
    }
    
    .stap_mid .mid2 {
        float: left;
        margin: 10px 0 0 60px;
        width: 220px;
    }
    
        .mid2 img {
            margin: 0 0 0 30px;
        }
    
.stap_bottom {
    background: url(/images/acties_bottom.jpg) no-repeat;
    float: left;
    width: 603px;
    height: 14px;
}

.stap_mid input {
    height: 14px;
}

.stap_mid .bon {
    float: left;
}

    .bon input {
        margin: 100px 20px 0 0;
    }
.stap_mid .prijsvraag {
    margin: 20px 0 0 0; 
    padding: 0 0 0 40px;
    float: left; 
    width: 400px;
}

    .prijsvraag .hidden {
        width: 300px; 
        float: left; 
        font-weight: bold;
    }
    
    .prijsvraag .text {
        width: 100px; 
        float: left;
    }
    
    .prijsvraag .pbutton {
        font-size: 12px;
        height: 20px;
        font-weight: bold;
    }
    
    .prijsvraag form {
        margin: 0px;
        padding: 0px;
    }
    
.stap_mid .clear {
    clear: both; 
    line-height: 5px; 
    height: 5px; 
    width: 300px;
}

.talenblok {
    border: 1px solid #172866; 
    font-size: 11px; 
    padding: 4px; 
    width: 570px;
}

    .talenblok .item {
        float: left;
        width: 570px;
        padding: 6px;
    }

        .item img {
            border: 0px;
            float: left;
        }
		
#block_add
{
	float:right;
	margin-top:10px;
}		

#block_add a img{border:none;}