*
{  
    margin: 0px;
    padding: 0px;
}
html
{
	overflow: -moz-scrollbars-vertical;
}
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	background:url(../img/body_bg.png) no-repeat center 0px;
}
body.detail
{
	background:#f8f8f8 url(../img/body_bg_vervolg.png) repeat-x 0px 0px;
}
ul
{
	list-style-type:none;
}
.clearer
{
	clear: both;
	height:1px;
	font-size:1px;
}

.centerContainer
{
	width:970px;
	margin:0px auto;
	overflow:hidden;
}
.topNav
{
	position:relative;
	width:970px;
	height:91px;
	overflow:hidden;
	background:url(../img/logo-paviljoen-klein-scheveningen.png) no-repeat 45px 20px;
}
	.topNav a.logo
	{
		position:absolute;
		top:20px;
		left:45px;
		display:block;
		width:216px;
		height:59px;
		text-indent:-9999px;
		overflow:hidden;
	}
	.topNav ul
	{
		position:absolute;
		top:70px;
		right:0px;
		margin-right:30px;
	}
		.topNav ul li
		{
			display:block;
			float:right;
			padding-left:5px;
			margin-right:1px;
			background:url(../img/tab-left.gif) no-repeat 0px 0px;
		}
		.topNav ul li a
		{
			float:left;
			height:18px;
			color:#ffffff;
			padding:4px 15px 0px 10px;
			text-decoration:none;
			background:url(../img/tab-right.gif) no-repeat right 0px;
		}
		.topNav ul li a:hover
		{
			color:#dddddd;
		}
		.topNav ul li a.select
		{
			color:#dddddd;
			text-decoration:none;
		}
.header
{
	width:970px;
	height:241px;
	overflow:hidden;
	margin-bottom:10px;
	position:relative;
}
	.mainNav
	{
		position:absolute;
		top:0px;
		left:0px;
		ffloat:left;
		width:320px;
		height:241px;
		background:url(../img/mainnav_bg.png) no-repeat 0px 0px;
		z-index:1;
	}
		.mainNav ul
		{
			width:281px;
			padding:0px 0px 0px 19px;
		}
			.mainNav ul li a
			{
				display:block;
				width:243px;
				height:26px;
				font-size:12px;
				font-weight:bold;
				color:#fff;
				line-height:30px;
				overflow:hidden;
				text-decoration:none;
				padding:0px 38px 0px 0px;
				border-bottom:1px #4dbbe9 solid;
				text-align:right;
				background:url(../img/mainnav_arrow.gif) no-repeat right 0px;
			}
			.mainNav ul li a:hover
			{
				color:#f8b323;
			}
			.mainNav ul li a.select
			{
				color:#f8b323;
				background:url(../img/mainnav_arrow_sel.gif) no-repeat right 0px;
			}
	.foto
	{
		position:absolute;
		top:0px;
		right:0px;
		ffloat:left;
		width:650px;
		height:241px;
		z-index:1;
	}
		.foto .frame
		{
			position:absolute;
			top:0px;
			left:0px;
			width:650px;
			height:21px;
			padding-top:220px;
			background:url(../img/headerfoto_frame.png) no-repeat 0px 0px;
			z-index:0;
		}
			.foto .frame span
			{
				float:right;
				font-size:10px;
				padding-right:24px;
				color:#fff;
			}
	/*
	.paviljoen .foto .frame { background:url(../img/headerfoto_paviljoen-klein-scheveningen.jpg) no-repeat 0px 0px;}
	.restaurant .foto .frame { background:url(../img/headerfoto_kiprestaurant.jpg) no-repeat 0px 0px;}
	.zaal .foto .frame { background:url(../img/headerfoto_zaal.jpg) no-repeat 0px 0px;}
	*/
	.nieuwsbrief {
		position:absolute;
		top:10px;
		left:740px;
		width:212px;
		height:204px;
		background:url(../img/nieuwsbrief-bg.png) no-repeat 0px 0px;
		z-index:5;
	}
		.nieuwsbrief h2 {
			color:#ffffff;
			font-size:12px;
			font-weight:normal;
			padding:16px 0px 0px 20px;
		}
		.nieuwsbrief p {
			color:#009ee0;
			font-size:12px;
			font-weight:normal;
			padding:16px 10px 0px 12px;
		}
		.nieuwsbrief p.error {
			color:#ff0000;
		}
			.nieuwsbrief .button
			{
				display:inline;
				float:right;
				width:auto;
				height:21px;
				padding:0px 0px 0px 4px;
				margin:0px 10px 0px 0px;
				background:url(../img/button_left.gif) no-repeat left top;
			}
			.nieuwsbrief .inputButton
			{
				display:inline;
				border:none;
				background:none;
				font-size:11px;
				font-weight:bold;
				color:#ffffff;
				padding:0px 33px 2px 11px; /* IE6/IE7 hack in 'ie6.css/ie7.css' */
				height:21px;
				cursor:pointer;
				background:url(../img/button_right.gif) no-repeat right top;
			}
			.nieuwsbrief .inputButton, x:-moz-any-link /* FF hack */
			{
				padding:0px 33px 3px 11px;
			}
			.nieuwsbrief .input
			{
				float:left;
				width:186px;
				height:21px;
				border:none;
				color:#4c96ca;
				padding:3px 0px 0px 5px;
				margin:4px 0px 10px 12px;
				background:url(../img/input_nieuwsbrief.gif) no-repeat 0px 0px;
			}


.subHeader
{
	width:970px;
	height:257px;
	padding-bottom:10px;
	overflow:hidden;
}
	.agenda
	{
		float:left;
		width:319px;
		height:257px;
		text-align:right;
		background:url(../img/agenda_bg.png) no-repeat 0px 0px;
	}
		.agenda h1
		{
			display:block;
			text-align:left;
			height:36px;
			text-indent:-9999px;
			padding-bottom:6px;
			background:url(../img/h1_paviljoen_ks.png) no-repeat 19px 0px;
		}
		.agenda p
		{
			clear:right;
			text-align:left;
			color:#fff;
			line-height:18px;
			padding:0px 20px 5px 20px;
		}
		.agenda p a
		{
			color:#fff;
			text-decoration:underline;
		}
		.agenda p a:hover
		{
			color:#bfb4ab;
		}
		.agenda a.linkItem
		{
			float:right;
			color:#d9ccc2;
			padding-right:12px;
			text-decoration:none;
			margin:0px 21px 8px 20px;
			background:url(../img/agenda_arrow.gif) no-repeat right 4px;
		}
		.agenda a.linkItem:hover
		{
			color:#bfb4ab;
		}
		.agenda a.link
		{
			float:left;
			color:#d9ccc2;
			padding-right:12px;
			text-decoration:none;
			margin:0px 21px 0px 20px;
			background:url(../img/agenda_arrow.gif) no-repeat right 4px;
		}
		.agenda a.link:hover
		{
			color:#bfb4ab;
		}
		.agenda a.linkN
		{
			color:#d9ccc2;
			text-decoration:none;
		}
		.agenda a.linkN:hover
		{
			color:#bfb4ab;
		}
	.opening
	{
		float:left;
		width:333px;
		height:257px;
		background:url(../img/opening_bg.png) no-repeat 0px 0px;
	}
		.opening h1
		{
			display:block;
			height:36px;
			text-indent:-9999px;
			padding-bottom:6px;
			background:url(../img/h1_opening.png) no-repeat 20px 0px;
		}
		.opening p
		{
			color:#fff;
			line-height:18px;
			padding:0px 20px 18px 20px;
		}
		.opening p a
		{
			color:#fff;
			text-decoration:underline;
		}
		.opening p a:hover
		{
			color:#e2d8d1;
		}
		.opening a.linkItem
		{
			float:left;
			color:#d9ccc2;
			padding-right:12px;
			text-decoration:none;
			margin:0px 21px 8px 20px;
			background:url(../img/opening_arrow.png) no-repeat right 4px;
		}
		.opening a.linkItem:hover
		{
			color:#bfb4ab;
		}
	.adres
	{
		float:left;
		width:318px;
		height:257px;
		background:url(../img/adres_bg.png) no-repeat 0px 0px;
	}
		.adres h1
		{
			display:block;
			height:36px;
			text-indent:-9999px;
			padding-bottom:6px;
			background:url(../img/h1_adres.png) no-repeat 20px 0px;
		}
		.adres p
		{
			color:#fff;
			line-height:18px;
			padding:0px 20px 18px 20px;
		}
		.adres p a
		{
			color:#fff;
			text-decoration:underline;
		}
		.adres p a:hover
		{
			color:#fef0d3;
		}
		.adres a.link
		{
			color:#956b15;
			padding-right:12px;
			text-decoration:none;
			margin-left:20px;
			background:url(../img/adres_arrow.gif) no-repeat right 4px;
		}
		.adres a.link:hover
		{
			color:#63480e;
		}
		.adres a.button
		{
			float:left;
			display:block;
			height:21px;
			width:auto;
			color:#ffffff;
			padding:0px 0px 0px 5px;
			text-decoration:none;
			margin-left:20px;
			background:url(../img/button-left.gif) no-repeat 0px 0px;
		}
			.adres a.button span
			{
				display:block;
				height:18px;
				padding:3px 23px 0px 10px;
				text-decoration:none;
				cursor:pointer;
				background:url(../img/button-right.gif) no-repeat right 0px;
			}
			.adres a.button span:hover
			{
				color:#dddddd;
			}
.leftCol
{
	float:left;
	width:308px;
	padding-top:12px;
}
	.leftCol img
	{
		margin:20px 0px 12px 0px;
	}
	.leftCol img.aktieItem {
		margin:-20px 0px 20px 0px;
	}
	.subNav ul
	{
		width:281px;
		padding:0px 0px 38px 19px;
	}
		.subNav ul li a
		{
			display:block;
			width:243px;
			height:26px;
			font-size:12px;
			font-weight:bold;
			color:#9f7f66;
			line-height:30px;
			overflow:hidden;
			text-decoration:none;
			padding:0px 38px 0px 0px;
			border-bottom:1px #d5c6bb solid;
			text-align:right;
			background:url(../img/subnav_arrow.gif) no-repeat right 0px;
		}
		.subNav ul li a:hover
		{
			color:#705948;
		}
		.subNav ul li a.selectMain
		{
			color:#705948;
			border-bottom:1px #705948 solid;
		}
		.subNav ul li a.select
		{
			color:#f8b323;
			background:url(../img/mainnav_arrow_sel.gif) no-repeat right 0px;
		}
	.extraNav
	{
		width:308px;
		padding:20px 0px 0px 0px;
		background:url(../img/extra_top.png) no-repeat 0px 0px;
	}
	.extraNav ul
	{
		width:289px;
		padding:0px 0px 40px 19px;
		background:url(../img/extra_bottom.png) no-repeat 0px bottom;
	}
		.extraNav ul li a
		{
			display:block;
			width:243px;
			height:26px;
			font-size:12px;
			font-weight:bold;
			color:#fff;
			line-height:30px;
			overflow:hidden;
			text-decoration:none;
			padding:0px 38px 0px 0px;
			border-bottom:1px #ae7e19 solid;
			text-align:right;
			background:url(../img/mainnav_arrow.gif) no-repeat right 0px;
		}
		.extraNav ul li a:hover
		{
			color:#fef0d3;
		}
.rightCol
{
	float:left;
	width:662px;
	margin-top:-10px;
}
	.rightCol h1
	{
		display:block;
		height:39px;
		font-size:20px;
		font-weight:normal;
		color:#222222;
		padding:22px 0px 0px 30px;
		background:url(../img/content_top.png) repeat-y 0px 0px;
	}
	.content
	{
		float:left;
		width:662px;
		padding-bottom:10px;
		background:url(../img/content_tile.png) repeat-y 0px 0px;
	}
		.content h2
		{
			font-size:15px;
			font-weight:bold;
			color:#222222;
			padding:0px 50px 10px 30px;
			clear:both;
		}
		.content h3
		{
			font-size:13px;
			font-weight:bold;
			color:#222222;
			padding:10px 50px 0px 30px;
		}
		.content img.imageR
		{
			float:right;
			padding:0px 40px 10px 10px;
		}
		.content img.imageL
		{
			padding:0px 20px 10px 20px;
		}
		.content p
		{
			font-size:11px;
			font-weight:normal;
			color:#222222;
			line-height:18px;
			padding:0px 50px 15px 30px;
		}
		.content p a,
		.content ul li a
		{
			color:#27a22d;
			text-decoration:underline;
		}
		.content p a:hover,
		.content ul li a:hover
		{
			color:#1f8224;
		}
		.content ul
		{
			padding:10px 0px 10px 50px;
			list-style-type:square;
		}
			.content ul li
			{
				color:#000;
				padding:3px 30px 3px 0px;
			}
			.content ul li img {
				padding-right:10px;
			}
		.content iframe
		{
			width:600px;
			height:600px;
			margin-left:30px;
		}
	.footer
	{
		position:relative;
		float:left;
		width:662px;
		height:34px;
		background:url(../img/content_bottom.png) repeat-y 0px 0px;
		margin-bottom:20px;
	}
		.footer span
		{
			position:absolute;
			top:34px;
			right:0px;
			color:#9f7f66;
			font-size:10px;
			padding-right:24px;
			padding-bottom:5px;
		}
.footer a{
    text-decoration: underline;
    color:#9f7f66;
}
.footer a:hover {
    color:#1f8224;
}
/* form */
	.smallForm
	{
		float:left;
		width:500px;
		overflow:hidden;
		margin-bottom:20px;

	}
		.smallForm .colForm
		{
			float:left;
			width:460px;
			overflow:hidden;
		}
			.smallForm p span.red
			{
				color:#ff0000;
				font-weight:bold;
				float:none;
			}
			.smallForm label
			{
				float:left;
				width:180px;
				font-size:12px;
				font-weight:bold;
				color:#006ab3;
				padding-left:30px;
				padding-right:10px;
				line-height:20px;
				margin-bottom:14px;
			}
			.smallForm label.req
			{
				background:url(../img/ic_req.gif) no-repeat right 2px;
			}
			.smallForm label.error
			{
				color:#ff0000;
				background:url(../img/ic_reqerror.gif) no-repeat right 2px;
			}
			.smallForm select
			{
				float:left;
				width:224px;
				margin-bottom:14px;
			}
			.smallForm .input
			{
				float:left;
				width:219px;
				height:21px;
				border:none;
				color:#4c96ca;
				padding:3px 0px 0px 5px;
				margin-bottom:14px;
				background:url(../img/input_bg.gif) no-repeat 0px 0px;
			}
			.smallForm .inputSmall
			{
				float:left;
				width:75px;
				height:21px;
				border:none;
				color:#4c96ca;
				padding:3px 0px 0px 5px;
				margin-bottom:14px;
				background:url(../img/input80_bg.gif) no-repeat 0px 0px;
			}
			.smallForm .textArea
			{
				float:left;
				width:220px;
				height:96px;
				background:url(../img/textarea_bg.gif) no-repeat 0px 0px;
				margin-bottom:14px;
				padding:2px;
				
			}
			.smallForm .textArea textarea
			{
				width:214px;
				height:95px;
				border:none;
				color:#4c96ca;
				padding:0px 0px 0px 5px;
				background:none;
				margin:0px;
				overflow:auto;
				font-family:Arial;
				font-size:13px;
			}
			.smallForm select.dag
			{
				width:50px;
				height:21px;
				margin-right:16px;
			}
			.smallForm select.maand
			{
				width:50px;
				height:21px;
				margin-right:16px;
			}
			.smallForm select.jaar
			{
				width:91px;
				height:21px;
				margin-right:0px;
			}
			.smallForm .check
			{
				float:left;
				margin:4px 0px 0px 0px;
			}
			.smallForm .radioGroup
			{
				float:left;
				width:219px;
				margin-bottom:10px;
			}

				.smallForm .radioGroup .radio
				{
					float:left;
					margin:4px 0px 0px 0px;
					width:20px;
				}
				.smallForm .radioGroup span
				{
					float:left;
					min-height:20px;
					width:190px;
					font-size:12px;
					font-weight:normal;
					color:#4c96ca;
					padding-left:5px;
					line-height:20px;
				}
			.smallForm .waitIndicator
			{
				float:left;
				width:16px;
				height:16px;
				padding:2px 0px 0px 10px;
			}
			.smallForm .button
			{
				display:inline;
				float:right;
				width:auto;
				height:21px;
				padding:0px 0px 0px 4px;
				margin:0px 26px 18px 0px;
				background:url(../img/button_left.gif) no-repeat left top;
			}
			.smallForm .inputButton
			{
				display:inline;
				border:none;
				background:none;
				font-size:11px;
				font-weight:bold;
				color:#ffffff;
				padding:0px 33px 2px 11px; /* IE6/IE7 hack in 'ie6.css/ie7.css' */
				height:21px;
				cursor:pointer;
				background:url(../img/button_right.gif) no-repeat right top;
			}
			.smallForm .inputButton, x:-moz-any-link /* FF hack */
			{
				padding:0px 33px 3px 11px;
			}
.sitemap{
    text-align:right;
}
.sitemap a{
    text-decoration: none;
    font-size:10px;
    color:#ababab;
}
.sitemap a:hover{
    color:#333;
}