@import url(reset.css);
@import url(menu.css);
@import url(formulier.css);

/*
grijs: 		#4b575f
magenta:	#e2007a
*/

div,input,textarea,select
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				14px;
	color:					#4b575f;
	line-height:			20px;
}
html,body
{
	height:					100%;
}
body
{
	margin:					0;
	background:				#ebeced url(/media/bgbody.png) repeat-x;
}
#header
{
	position:				relative;
	width:					100%;
	height:					160px;
	background:				url(/media/bgheader.png) no-repeat top center;
	z-index:				10;
}
.wrapper
{ 
	position:				relative;
	width:					985px;
	margin:					0 auto;
}
#logo
{
	position:				absolute;
	background:				url(/media/logo.png) no-repeat;
	width:					184px;
	height:					51px;
	top:					20px;
	left:					261px;
}
#streamer
{
	position:				absolute;
	width:					184px;
	height:					60px;
	top:					15px;
	left:					746px;
	font:					14px/19px Arial, Helvetica, sans-serif;
	font-weight:			bold;
	display:				none;
}
#home
{
	position:				absolute;
	background:				url(/media/home.png);
	width:					20px;
	height:					16px;
	left:					220px;
	top:					100px;
}
#sitemap
{
	position:				absolute;
	background:				url(/media/sitemap.png);
	width:					29px;
	height:					18px;
	/*right:					25px;*/
	left:					178px;
	top:					99px;
}
#login
{
	position:				absolute;
	background:				url(/media/login.png);
	width:					14px;
	height:					17px;
	left:					150px;
	top:					100px;
}
#menu
{
	position:				absolute;
	width:					640px;
	width:					695px;
	height:					54px;
	left:					265px;
	top:					81px;
	z-index:				2;
}


#inhoud
{
	position:				absolute;
	background:				url(/media/curve.png) no-repeat 50% 90%;
	z-index:				1;
}


.columnLeft,.columnMid,.columnRight,#jQbanner
{
	float:					left;
	margin-left:			25px;
	margin-bottom:			20px;
}
.columnLeft,.columnRight
{
	width:					215px;
	overflow:				hidden;
}
.columnMid
{
	width:					455px;
}

#jQbanner
{
	width:					695px;
	height:					265px;
}

.clickable
{
	cursor:pointer;
}


#pagina
{
	width:					455px;
}
#pagina h1
{
	font:					28px/30px Georgia, "Times New Roman", Times, serif;
	margin-bottom:			12px;
}
#pagina h2
{
	font:					18px/20px Georgia, "Times New Roman", Times, serif;
	display:				block;
	margin:					8px 0;
}

a
{
	color:					#4b575f;
}
a:hover
{
	color:					#e2007a;
}

p
{
margin-bottom:				10px;
}

strong,b
{
	font-weight:			600;
}
em,i
{
	font-style:				italic;
}
#intro
{
	font:					17px/20px Georgia, "Times New Roman", Times, serif;
	display:				inline-block;
	margin-bottom:			10px;
	color:					#694664;
}

#pagina ul
{
	margin:					10px 0 20px 0;
}
#pagina ul li
{
	margin-left:			30px;
	list-style-type:		disc;
	list-style-position:	outside;
}
#pagina .datum
{
	font:					13px/20px Georgia, "Times New Roman", Times, serif;
}

/* IMAGES */

.columnLeft img,
.columnMid img,
.columnRight img
{
	border:					solid 1px white;
}
.columnLeft img.noborder,
.columnMid img.noborder,
.columnRight img.noborder
{
	border:					none;
}
div#letterbox
{
	width:					455px;
	width:					176px;
	margin-bottom:			20px;	
}

#pics
{
	width:					215px;
	float:					right;
	margin:					0 0 8px 25px;
}
#pics .pic
{
	float:					left;
	margin-top:				6px;
}


#pics .bs
{
	width:					215px;
	float:					left;
	font-style:				italic;
}
#pics .bs:last-child
{
	border-bottom:			solid 1px white;
	padding-bottom:			5px;
}

.clear
{
	float:					none;
	clear:					both;
}


/* SUBMENU */

ul#submenu
{
	margin:					-4px 0 20px 0;
}
ul#submenu li a
{
	text-decoration:		none;
}
ul#submenu li a.hi
{
	color:					#e2007a;
}
ul#submenu a > li.hi a
{
	color:					red;
}

ul#submenu li
{
	font-weight:			bold;
}
ul#submenu li li
{
	font-weight:			normal;
}
ul#submenu li.child_active a
{
	color:					green;
}

/* ZOEKVENSTER */

#zoek
{
	width:					215px;
	height:					36px;
	background:				url(/media/bgzoek.png) no-repeat;
}
#zoekform input
{
	background:				none;
	border:					none;
	width:					155px;
	height:					21px;
	padding:				1px 5px;
	float:					left;
    -webkit-appearance: 	none;
}
#zoekform input.button
{
	width:					50px;
	height:					34px;
	cursor:					pointer;
}


/* NIEUWS RECHTERKOLOM */

#nieuws
{
	border-left: 			solid 1px white;
	padding-left:			9px;
}
#nieuws h2
{
	font:					18px/20px Georgia, "Times New Roman", Times, serif;
	color:					#e2007a;
	display:				block;
	margin-bottom:			8px;
}

ul#nieuwsberichten .datum
{
	font:					12px/12px Georgia, "Times New Roman", Times, serif;
}
ul#nieuwsberichten li
{
	margin-bottom:			10px;
}
ul#nieuwsberichten li a
{
	text-decoration:		none;
	display:				block;
}
#nieuws ul#nieuwsberichten h3
{
	font-weight:			bold;
}
#nieuws ul#nieuwsberichten .verder
{
	display:				inline-block;
}
#nieuws ul#nieuwsberichten .verder a
{
	color:					#e2007a;
}
#nieuws ul#nieuwsberichten .verder a:hover
{
	color:					#e2007a;
}
ul#nieuwsberichten li img
{
	float:					right;
	margin:					6px 0 5px 5px;
}


/* PAGEBROWSER*/

.pagebrowser
{
	font:					12px/12px Georgia, "Times New Roman", Times, serif;
}
.pagebrowser a
{
	text-decoration:		none;
	padding:				0 2px;
}
.pagebrowser a.next,
.pagebrowser a.prev
{
	
}
.pagebrowser a.activeItem
{
	text-decoration:		underline;
}


/* BANNERS */

.banners
{
	float:					left;
}
.banner
{
	position:				relative;
	float:					left;
	border:					solid 1px white;
	background-repeat:		no-repeat;
	width:					213px;
	height:					142px;
	margin-bottom:			20px;
}
.banner .txt
{
	position:				absolute;
	width:					175px;
	height:					40px;
	line-height:			40px;
	padding:				0 29px 0 9px;
	bottom:					0;
	border-top:				solid 1px white;
	background:				#d9dbdd url(/media/bgbannertxt.png) repeat-x;
	overflow:				hidden;
	z-index:				1;
}
.banner .verder
{
	position:				absolute;
	width:					15px;
	height:					13px;
	background:				url(/media/arrowbanner.png) no-repeat;
	bottom:					13px;
	right:					9px;
	z-index:				2;
}
.columnMid .banners
{
	width:					455px;
	margin-bottom:			20px;
	bottom:					0;
}



#contact
{
	float:					left;
	width:					215px;
	height:					122px;
	background:				url(/media/bgcontact.png) no-repeat;
	padding:				21px 10px 0 10px;
	border-bottom:			solid 1px white;
}






/* FILES */


ul#files
{
	margin-bottom:			20px;
}
ul#files li
{
	margin-left:			30px;
	list-style-type:		disc;
	list-style-position:	outside;
}
ul#files li a
{
	text-decoration:		underline;
}



/* FOTOALBUM */

#album
{
	float:					left;
	width:					455px;
	margin:					10px 0;
}

#album .pic
{
	float:					left;
	margin:					0 10px 10px 0;
	background:				white;
	width:					83px;
	line-height:			0;
}
#album .bs
{
	font:					12px/15px Georgia, "Times New Roman", Times, serif;
	padding:				4px;
	display:				block;
}

/* Sitemap */

ul.sitemap li,
ul#subindex li
{
	margin-left:			30px;
	list-style-type:		disc;
	list-style-position:	outside;
}
ul#subindex
{
	margin:					20px 0;
}
ul#subindex li.hi
{
	display:				none;
}




div#facebook,div#addthis
{
	margin:					20px 0;
}






ul#jQul
{
	padding:				0;
	margin:					0;
	position: 				absolute;
	z-index: 				11;
}
ul#jQul li
{
	list-style:				none;
	white-space: 			nowrap;
}
ul#jQul li a
{
	width:					195px;
	text-align:				left;
	padding:				0 10px 0 10px;
	display:				block;
	text-decoration:		none;
	color:					#37434b;
	font:					16px/44px Arial, Helvetica, sans-serif;
}
ul#jQul li a:hover,
ul#jQul li.activeSlide a
{
	color:					white;
}

#cycleImages
{
	overflow:				hidden;
	width:					695px;
	height:					265px;
}