/***************************************************
 * GLOBAL & BODY
 **************************************************/
* {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

body {
	background: #c49837 url('../img/bg_main.jpg') repeat-y fixed center top;
	color: #4a3f28;
}

/***************************************************
 * CONTENT & ELEMENTS
 **************************************************/
h1 {}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #a47537;
	line-height: 21px;
	text-transform:uppercase;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #4A3F28;
	line-height: 21px;
	text-transform:uppercase;
}

h3 a {
	color: #4A3F28;
	text-decoration:none;
}

p {
	font-size: 13px;
	line-height: 18px;
}

a {
	font-size: 13px;
	line-height: 16px;
	text-decoration: underline;
	color: #fabd43;	
}

a:hover {
	color: #4a3f28;
}

span.subtitle {
	width: 1373xp;
	color: #4a3f28;
	font-size: 13px;
	margin-bottom: 0.38em;
}

/***************************************************
 * DESIGN & STRUCTURE
 **************************************************/
#wrap {
	width: 883px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -442px;
}
	
	#left {
		width: 156px;
		float: left;
	}
	
		#greenlabels {
			background:url(../img/greenlabels.gif) no-repeat;
			width:156px;
			height:71px;
			margin: 26px 0px 36px 0px;
		}
	
	#right {
		width: 687px /*727px*/;
		padding: 7px 19px 0px 21px;
		float: left;
		background-color: #ededee;
		min-height: 880px;
	}
	
		#headercontainer {
			float: left;
			display:inline;
			margin-right: 34px;
			width: 687px;
			height: 100px;
		}
	
			#logo {
				float: right;
				display:inline;
				margin-right: 34px;
				width: 330px;
				height: 100px;
			}
				
		
	
/***************************************************
 * NAVIGATIE
 **************************************************/
	
		#subnav {
			float: right;
			display: inline;
		}
		
			#subnav ul {
				list-style: none;
			}
			
			#subnav ul li {
				float: left;
				display: inline;
				margin-left: 15px;
			}
			
			#subnav ul li a {
				font-family:Arial, Helvetica, sans-serif;
				text-decoration: none;
				font-size: 11px;
				color: #4a3f28;
			}
			
			#subnav ul li a:hover {
				text-decoration: underline;
			}
		
		#nav {
			width: 687px;
			height: 25px;
			display: inline;
			float: left;
			clear: both;
			margin-top: 34px;
		}
		
			#nav ul {
				list-style: none;
			}
			
			#nav ul li {
				float: left;
				display: inline;
				margin-right: 12px;
			}
			
			#nav ul li.last {
				margin-right: 0px;
			}
			
			#nav ul li a {
				display: block;
				height: 25px;
				background: transparent url('../img/navigation.gif') no-repeat scroll;
				text-decoration: none;
			}
			
				#nav ul li a.nieuws				{ background-position: 0 0; width: 100px; }
				#nav ul li a.nieuws:hover		{ background-position: 0 -25px; }
				#nav ul li a.nieuwsactive		{ background-position: 0 -50px; width: 100px; }
				
				#nav ul li a.programma			{ background-position: -112px 0; width: 140px; }
				#nav ul li a.programma:hover	{ background-position: -112px -25px; }
				#nav ul li a.programmaactive	{ background-position: -112px -50px; width: 140px; }
				
				#nav ul li a.camping			{ background-position: -264px 0; width: 235px;}
				#nav ul li a.camping:hover		{ background-position: -264px -25px; }
				#nav ul li a.campingactive		{ background-position: -264px -50px; width: 235px; }
				
				#nav ul li a.pers				{ background-position: -511px 0; width: 60px; }
				#nav ul li a.pers:hover			{ background-position: -511px -25px; }
				#nav ul li a.persactive			{ background-position: -511px -50px; width: 60px; }
				
				#nav ul li a.archief			{ background-position: -583px 0; width: 104px; }
				#nav ul li a.archief:hover		{ background-position: -583px -25px; }
				#nav ul li a.archiefactive		{ background-position: -583px -50px; width: 104px; }
			
			#nav ul li a span {
				display: none;
			}
		
		#container {
			display: inline;
			float: left;
			clear: left;
			width: 687px;
			padding-top: 17px;
		}
		
			#content {
				display: inline;
				float: left;
				width: 500px;
				margin-right: 19px;
			}
			
/***************************************************
 * PAGINATION
 **************************************************/
			
.pagination {
float					: left;
width					: 500px;
}

.pagination ul {
float					: left;
display					: inline;
margin					: 10px 0px;
}

.pagination li {
float					: left;
display					: inline;
}

.pagination li a {
float					: left;
padding					: 3px 8px 2px 8px;
color					: #FFFFFF !important;
font-size				: 0.63em;
font-weight				: bold;
text-decoration			: none;
text-transform			: uppercase;
text-align				: center;
border-left				: 1px solid #FFFFFF;
background-color		: #96c147;
}

.pagination li a:hover,
.pagination li a.active,
.pagination li a.active:hover {
color					: #FFFFFF;
text-decoration			: none;
background-color		: #a47537;
}

			
/***************************************************
 * HOME CONTENT
 **************************************************/
			
				#content .headertext {
					float: left;
					margin-bottom: 5px;
					padding-bottom: 30px;
					background:url(../img/bg_line.gif) no-repeat left bottom;
				}
				
				#content .item {
					display: inline;
					float: left;
					width: 500px;
					border-bottom: 1px dotted #e5ae3e;
					padding: 17px 0px;
				}
				
					#content .item .image {
						display: inline;
						float: left;
						width: 107px;
						margin-right: 20px;
					}
					
					#content .item .text {
						display: inline;
						float: left;
						width: 373px;
					}
					
						#home #content .item .text h2,
						#home #content .item .text span,
						#home #content .item .text p,
						#home #content .item .text a {
							display: inline;
							float: left;
							clear: left;
							width: 373px;
						}
						
						#home #content .item .text span {
							padding-bottom: 5px;
						}
			
/***************************************************
 * NIEUWSITEM & PROGRAMMAITEM CONTENT
 **************************************************/
 
#nieuwsitem #content .item .text h2,
#nieuwsitem #content .item .text span,
#nieuwsitem #content .item .text p,
#nieuwsitem #content .item .text a,
#programmaitem #content .item .text h2,
#programmaitem #content .item .text span,
#programmaitem #content .item .text p,
#programmaitem #content .item .text a {
	width: 500px;
}

#nieuwsitem #content .item .text p,
#programmaitem #content .item .text p {
	padding-bottom: 10px;
}

#nieuwsitem #content .afbeeldingen ul,
#programmaitem #content .afbeeldingen ul {
	list-style: none;
	float: left;
	width: 500px;
	margin-top: 20px;
}

#nieuwsitem #content .afbeeldingen li,
#programmaitem #content .afbeeldingen li {
	float: left;
	display: inline;
	padding: 0px 2px;
}

#nieuwsitem #content .afbeeldingen li.arrow,
#programmaitem #content .afbeeldingen li.arrow {
	margin-top: 18px;
	padding: 0px 1px;
}

#nieuwsitem #content .afbeeldingen li a,
#programmaitem #content .afbeeldingen li a {
	border: 1px solid #f9f7ed;
	display	: block;
}

#nieuwsitem #content .afbeeldingen li a:hover,
#programmaitem #content .afbeeldingen li a:hover {
	border: 1px solid #a47537;
}

#nieuwsitem #content .afbeeldingen li.arrow a,
#programmaitem #content .afbeeldingen li.arrow a {
	border: 0px;
}

#nieuwsitem #content table td p {
	width: auto !important;
}

/***************************************************
 * OP EN OM DE CAMPING CONTENT
 **************************************************/

#openomdecamping #content h2 {
	font-size: 14px;
	font-weight: bold;
	color: #A47537;
	line-height: 18px;
	margin-bottom: 20px;
}

#openomdecamping #content p {
	margin-bottom: 10px;
}

#openomdecamping #content ul.buttons {
	float: left;
	width: 500px;
	list-style: none;
	margin: 20px 0px;
}

#openomdecamping #content ul.buttons li {
	float: left;
	width: 140px;
	padding: 10px 12px;
	background: url(../img/bg_dots.gif) repeat-y top left;
}

#openomdecamping #content ul.buttons li.first {
	background: none;
	padding-left: 0px;m
}

#openomdecamping #content ul.buttons li a {
	display: block;
}

/***************************************************
 * PERS CONTENT
 **************************************************/

#pers #content p {
	margin-bottom: 10px;
}

#pers #content .downloadlist ul {
	float: left;
	width: 500px;
	list-style: none;
	margin-bottom: 20px;
}

#pers #content .downloadlist ul li {
	padding: 10px 3px;
	background: url(../img/bg_dots.gif) repeat-x bottom left;
}

#pers #content ul.downloadlist li.last {
	background: none;
}

#pers #content ul.downloadlist li a {
	display: block;
}

#pers #content .afbeeldingen ul {
	list-style: none;
	float: left;
	width: 500px;
	margin-top: 20px;
}

#pers #content .afbeeldingen li {
	float: left;
	display: inline;
	padding: 0px 15px 15px 0px;
}

#pers #content .afbeeldingen li a {
	border: 1px solid #f9f7ed;
	display	: block;
}

#pers #content .afbeeldingen li a:hover {
	border: 1px solid #a47537;
}

#pers #content .afbeeldingen li a.button,
#pers #content .afbeeldingen li a.button:hover {
	border: 0px;
}



/***************************************************
 * ARCHIEF CONTENT
 **************************************************/

#archief #content p {
	margin-bottom: 10px;
}

#archief #content ul.buttons {
	list-style: none;
	margin-top: 15px;
}

#archief #content ul.buttons li {
	float: left;
	display: inline;
	margin: 5px 18px 5px 5px;
}

#archief #content ul.buttons li.last {
	background: none;
}

#archief #content ul.buttons li a {
	display: block;
}

#archief #content .afbeeldingen ul {
	list-style: none;
	float: left;
	width: 500px;
	margin-top: 20px;
}

#archief #content .afbeeldingen li {
	float: left;
	display: inline;
	padding: 0px 15px 15px 0px;
}

#archief #content .afbeeldingen li a {
	border: 1px solid #f9f7ed;
	display	: block;
}

#archief #content .afbeeldingen li a:hover {
	border: 1px solid #a47537;
}

/***************************************************
 * SIDEBAR
 **************************************************/
			
			#sidebar {
				display: inline;
				float: left;
				width: 168px;
			}
			
				#sidebar h2 {
					margin: 28px 0px 2px 0px;
					color: #4a3f28;
					font-weight:normal;
				}
				
				#sidebar h2 span {
					display: none;
				}
				
				#sidebar ul {
					list-style: none;
				}
				
					#sidebar ul li {
						width: 168px;
						padding: 0px 0px 30px 0px;
					}
					
					#sidebar ul li h3 {
						font-size: 12px;
						font-weight: normal;
						line-height: 16px;
						color: #4a3f28;
					}
					
					#sidebar ul li span.subtitle {
						font-size: 12px;
						font-weight: bold;
						line-height: 16px;
						color: #a47537;
					}
					
					#sidebar ul li p {
						font-size: 12px;
						line-height: 16px;
						color: #e5ae3e;
					}