body { background: url(../img/background.jpg) no-repeat bottom center; }

#wrapper {
	width: 920px; height: 100%;
	margin: 0 auto;
	position: relative;
	padding-bottom: 200px;
}

#header {
	background: url(../img/background_header.jpg) no-repeat bottom center #FFF;
	width: 920px; height: 210px;
	position: relative;
}
	#header h1 {
		width: 167px; height: 117px;
		position: absolute;
		top: 67px; left: 19px;
	}
		#header h1 a {
			width: 100%; height: 100%;
			display: block;
			text-indent: -9999px;
		}

/**
 * Sitemap
 */
#sitemap {
	background-color: #FFF;
	width: 702px; height: 133px;
	position: absolute;
	top: 57px; left: 201px;
	border: 1px solid #FF0167;
	z-index: 4;
	padding: 7px;
	display: none;
}
	#sitemap .col {
		width: 120px; height: 100%;
		float: left;
		margin-left: 14px;
		display: inline;
	}
		#sitemap .col ul { margin-bottom: 14px; }
			#sitemap .col ul li { line-height: 13px; }
				#sitemap .col ul li a {
					font-size: 11px;
					color: #000;
				}
					#sitemap .col ul li.title a { color: #FF0167; }
	
	#sitemap #close-sitemap {
		font-size: 14px;
		font-weight: bold;
		color: #FF0167;
		text-decoration: none;
		position: absolute;
		top: 7px; right: 7px;
	}
	
/**
 * Top
 */
#top-search {
	width: 204px;
	position: absolute;
	top: 35px; right: 0px;
}
	#top-search .search-field {
		width: 143px; height: 18px;
		border: #B2C1D6 1px solid;
		float: left;
		margin-right: 2px;
		display: inline;
		padding: 0;
	}
	#top-search #submit-top-search {
		background-color: #698DB3;
		width: 57px; height: 20px;
		color: #FFF;
		padding: 0px 0px 2px 0px;
		border: 0;
		float: left;
	}
	
	#top-nav {
		font-size: 10px;
		position: absolute;
		top: 192px; right: 5px;
		z-index: 2;
	}
		#top-nav li { float: left; }
			#top-nav li a {
				color: #000;
				text-decoration: none;
			}
				#top-nav li a:hover,
				#top-nav li.active a { color: #FF0066; }

/**
 * Navigation
 */
#navigation {
	background-color: #FF0066;
	width: 918px; height: 23px;
	border-left: 1px solid #CCFF01;
	border-right: 1px solid #CCFF01;
}
	#navigation ul {
		width: 918px; height: 23px;
		text-align: center;
		margin: 0 auto;
	}
		#navigation ul li {
			height: 23px;
			margin: 0px 8px;
			display: inline-block;
			*display: inline;	/* for IE */
			zoom: 1;	/* for IE */
		}
			#navigation li a {
				height: 23px;
				font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
				font-size: 14px;
				font-weight: bold;
				letter-spacing: 3px;	/* for sIFR */
				color: #FFF;
				text-decoration: none;
				display: inline-block;
				*display: inline;	/* for IE */
				zoom: 1;	/* for IE */
			}
				#navigation li a:hover,
				#navigation li.active a { color: #2A275E; }

/**
 * Content
 */
#content {
	background-color: #FFF;
	width: 918px;
	border-left: 1px solid #CCFF01;
	border-right: 1px solid #CCFF01;
	overflow: hidden;
	display: block;
}

	#content .sidebar .submit-banner {
		width: 200px; height: 200px;
		display: block;
		overflow: hidden;
		margin-top: 4px;
		border: 0px;
		text-indent: -9999px;
		font-size: 0px;
		line-height: 0px;
		cursor: pointer;
	}
		#content #left .banner.first { margin-top: 120px; }

#mco {
	width: 175px; height: 80px;
	position: absolute;
	right: 2px; bottom: 255px;
	clear: both;
}

/**
 * Sidebar left
 */
#left.sidebar {
	width: 200px;
	padding: 1px 0;
	float: left;
	position: relative;
}
	#left h2 {
		background-color: #CCEFFC;
		width: 197px; height: 25px;
		font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
		font-size: 16px;
		color: #CC4A78;
		text-align: right;
		padding: 10px 3px 0px 0px;
	}

/**
 * Subnavigation
 */
#sub-navigation { padding: 6px 6px 0px 12px; }
	#sub-navigation ul li a {
		font-size: 10px;
		line-height: 16px;
		color: #000;
		text-decoration: none;
	}
		#sub-navigation ul li.active a.parent {
			font-weight: bold;
			text-decoration: underline;
		}
	#sub-navigation ul li em {
		font-size: 8px;
		color: #00A6D6;
	}
	#sub-navigation ul li .sub-items {
		padding-left: 10px;
		display: none;
	}
		#sub-navigation ul li.active .sub-items {
			display: block;
		}
		#sub-navigation ul li .sub-items li em { color: #FF33CC; }

/**
 * Main
 */
#main {
	width: 478px;
	float: left;
	margin: 0px 18px;
	display: inline;
	overflow: hidden;
}

/**
 * Main Breadcrumb
 */
	#main .breadcrumb {
		width: 100%; height: 16px;
		margin: 10px 0px 20px 0px;
		display: block;
		overflow: hidden;
	}
		#main .breadcrumb ul {
			width: 100%; height: 100%;
			font-size: 11px;
			color: #FF3399;
			overflow: hidden;
		}
			#main .breadcrumb ul li {
				float: left;
				padding-right: 4px;
			}
				#main .breadcrumb ul li a {
					color: #FF3399;
					text-decoration: none;
				}

/**
 * Main Text
 */
#main {
	font-size: 12px;
	line-height: 16px;
	color: #000;
}
	#main h2 {
		font-size: 18px;
		color: #003366;
	}
		#main .news h2 { color: #0F9FFF; } 
		#main .col h2 { font-size: 16px; }
		#main .zang {
			height: 28px;
			background: url(../img/zang.gif) right center no-repeat;
		}
			#main .zang h2 { color: #FF0066; }
		#main .licht {
			height: 28px;
			background: url(../img/licht.gif) right center no-repeat;
		}
			#main .licht h2 { color: #00CCFF; }
		#main .klassiek {
			height: 28px;
			background: url(../img/klassiek.gif) right center no-repeat;
		}
			#main .klassiek h2 { color: #B5CE2F; }
	#main h3 {
		font-size: 12px;
		font-weight: bold;
		color: #2A275E;
		margin-bottom: 4px;
	}
		#main .new h3 {
			font-weight: normal;
			color: #E00047
		}
	#main h4 {
		font-size: 12px;
		color: #E00047;
	}
	#main p {
		font-size: 12px;
		line-height: 16px;
		color: #000;
	}
		#main .search p { color: #003366; }
		#main .tags p strong { color: #FF0066; }
	#main a {
		color: #3FB2FF;
		text-decoration: none;
	}
		#main p.read-more { margin-top: 6px; }
			#main p.read-more.last { margin: 0px; }
			#main p.read-more a {
				text-decoration: none;
				color: #3FB2FF;
			}

/**
 * Main Layout
 */
	#main .row,
	#main .item {
		width: 100%;
		margin-bottom: 20px;
	}
	#main .col {
		width: 230px;
		float: left;
		display: inline;
		margin-bottom: 20px;
	}
		#main .col.right { margin-left: 18px; }
		
		#main .item .extra { margin: 10px 0px 20px 0px; }
			#main .item .extra ul { margin-bottom: 10px; }
		
		#main .item .news-image {
			background-color: #CCEFFC;
			margin:  6px 16px 6px 0px;
			padding: 4px;
			float: left;
		}
	
	#main #catch-gallery {
		width: 462px;
		overflow: hidden;
	}

	#main .item .tags .music {
		overflow: hidden;
		line-height: 28px;
	}
		#main .item .tags .music strong { padding-right: 4px; }
		#main .item .tags .music strong,
		#main .item .tags .music span { float: left; }
		#main .item .tags img {
			float: right;
			padding: 0px 2px;
		}
		
	#main .row .partners { border-collapse:collapse; }
		#main .row .partners tr td { border-bottom: 1px #CCC solid; padding: 10px 0; }
			#main .row .partners tr.last td { border: none }

/**
 * Main Pager
 */
	#main .pager {
		width: 100%; height: 16px;
		margin-bottom: 20px;
		clear: both;
	}
		#main .pager ul { float: right; }
			#main .pager ul li {
				padding-right: 6px;
				float: left;
			}
				#main .pager ul li a {
					font-size: 12px;
					color: #00A6d6;
				}
					#main .pager ul li a.prev,
					#main .pager ul li a.next { color: #183779; }
					#main .pager ul li a.active {
						font-weight: bold;
						color: #183779;
						text-decoration: none;
					}

/**
 * Main Send a Friend
 */
#sendafriend {
	background-color: #CCEFFC;
	width: 100%;
	color: #698DB3;
	margin-top: 10px;
	padding: 14px;
	display: none;
}
	#sendafriend .success { color: #698DB3;}
	#sendafriend .error { color: #E00047;}

	#sendafriend .row {
		width: 100%;
		margin-bottom: 10px;
		overflow: hidden;
	}
		#sendafriend .row label {
			width: 110px;
			float: left;
		}
		#sendafriend .row .text {
			width: 160px; height: 18px;
			border: 1px solid #B2C1D6;
			display: inline;
			float: left;
			margin-right: 2px;
			padding: 0;
		}
		#sendafriend .row .error {
			color: #E00047;
			padding: 4px 0px 0px 112px;
			clear: both;
		}
		#sendafriend #submit-sendafriend {
			height: 20px;
			background-color: #698DB3;
			border: 0 none;
			color: #FFFFFF;
			float: left;
			padding-bottom: 2px;
		}

/* nieuwsbrief */		
.nieuwsbrief {
	border: 1px solid #0099FF;
	padding: 5px 4px;
	overflow: hidden;
	margin: 3px 0 3px 3px;
}
.nieuwsbrief p {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 5px;
}
.nieuwsbrief .submit{
	background-color: #698DB3;
	color: #FFF;
	padding: 4px;
	border: 0;
	float: right;	
}
.nieuwsbrief .mce_inline_error {
	padding: 1px 0 !important;
	margin: 3px 0 0 0 !important;
}
.nieuwsbrief div.mce_inline_error {
	font-size: 11px !important;
	color: red !important;
	text-align: center !important;
	padding: 0 0 5px 0 !important;
	width: 100% !important;
}
.nieuwsbrief .email {
	width: 184px;
	border: 1px solid #7F9DB9;
	margin-bottom: 10px !important;
}
.nieuwsbrief #mce-success-response {
	font-size: 10px !important;
	font-style: italic !important;
	color: #666 !important;
}

.componeer {
	margin-top: 20px;
}
		
/**
 * Sidebar right
 */
#right.sidebar {
	width: 200px;
	padding: 4px 4px 0px 0px;
	float: left;
	position: relative;
}
	#right #projects-search { width: 200px; }
		#right #projects-search fieldset {
			border: 1px solid #0099FF;
			padding: 5px 4px;
		}
			#right #projects-search fieldset label {
				font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
				font-size: 16px;
				color: #FF3399;
				display: block;
			}			
			#right #projects-search fieldset select {
				width: 190px;
				border: 1px solid #7F9DB9;
				margin-bottom: 13px;
			}
			#right #projects-search fieldset #submit-projects-search {
				background-color: #698DB3;
				color: #FFF;
				padding: 4px;
				border: 0;
				float: right;
			}
			
			#right #projects-search .hidden {
				width: 0px; height: 0px;
				font-size: 0px;
				line-height: 0px;
				display: none;
			}

	#right .social-media {
		width: 200px; height: 70px;
		margin-top: 40px;
		overflow: hidden;
		display: block;
	}
		#right .social-media h2 {
			font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
			font-size: 16px;
			color: #2A275E;
			padding-left: 4px;
			display: block;
		}
			#right .social-media h2 em {
				font-size: 18px;
				font-style: normal;
				color: #FF3399;
			}
		#right .social-media a {
			margin: 0px 8px;
			float: left;
			display: block;			
		}

/**
 * Footer
 */
#footer {
	background-color: #FFF;
	width: 918px; height: 66px;
	border: 1px solid #CCFF01;
	border-top: none;
	display: block;
}
	#footer p {
		font-size: 12px;
		text-align: center;
		border-top: 1px solid #FF0066;
	}
		#footer p.text { padding: 8px 0; }
		#footer p a { color: #000; }
			#footer p a.active,
			#footer p a:hover { color: #FF0066; }

	#footer p.logo a { padding: 0px 5px; }