@charset "utf-8";
body {
	margin:0;
	padding:0;
	background:url(../images/grass.jpg) repeat top left;
}
body * {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.fleft 	{float:left}
.fright	{float:right}

#underlay {
	position:absolute;
	background:url(../images/vlindersRepeat.jpg) repeat-x top left;
	height:800px;
	top:0;
	left:0;
	width:100%;
}
#mainContainer {
	position:relative;
	width:1024px;
	margin:0 auto;	
}
#header {
	position:relative;
	width:1024px;
	height:280px;
	background-image:url(../images/headerBackground.png);
	background-repeat:no-repeat;
}

/* menu in de header */
#menu {
	position:absolute;
	left:190px;
	bottom:42px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
#menu ul {
	margin:0;
	padding:0;
}
#menu li {
	list-style-type:none;
	float:left;
	margin:0 40px 0 0;
}
#menu a {
	text-decoration:none;
	color:#ffffff;
}
#menu a:hover,.activePage {
	color:#e66b08;
}

#contentContainer {
	position:relative;
	width:988px;
	padding:0 0 0 36px;
	/*border:solid 1px black;*/
}
#contentLeft,
#contentMiddle,
#contentRight {
	float:left;
	position:relative;
	font-size:12px;
}

/* LEFT */
#contentLeft a,#contentLeft img {
	padding:0px;
	color:#00AEEF;
	font-weight:bold;
}
#contentLeft h1 {
	margin:0 0 15px 0;
	padding:0;
	color:#e66b08;
	font-size:17px;
}
#contentLeft .eventList,#contentMiddle .eventList,h3 {
	margin:0 0 5px 0;
	padding:0;
	color:#00AEEF;
	font-size:13px;
}

.eventList p {
	color:#000;	
}

.eventList .eventDate {
	color:#000;	
	font-weight:bold;
	font-size:12px;
}

.eventItems {
	color:#FFF;	
}

#contentLeft p {
	margin:0;
	padding:0;
	font-size:12px;
}

/* MIDDLE */
#contentMiddle h1 {
	margin:0 0 15px 0;
	/*padding:0 40px;*/
	color:#e66b08;
	font-size:17px;
}
#contentMiddle p {
	margin:0;
	/*padding:0 40px;*/
	font-size:12px;
}

#contentMiddle a {
	margin:0;
	/*padding:0 40px;*/
	font-size:12px;
	color:#00AEEF;
	font-weight:bold;
}
/* RIGHT */
#contentRight a {
	padding:0px;
	color:#E66B08;
}
#contentRight h1 {
	margin:0 0 15px 0;
	padding:0;
	color:#00AEEF;
	font-size:17px;
}
#contentRight p {
	margin:0;
	padding:0;
	font-size:12px;
	color:#E6E6E6;
}
/* IMAGES */
.image {
	background:url(../images/imageBackground.png) no-repeat top left;
	width:205px;
	height:283px;
	padding:22px 0 0 31px;
}

/* speciale classes */
.breaker {
	clear:both;
}

#contactForm {
	font-size:12px;	
}

#contactForm input, textarea{
	border:solid 1px #CCC;
	font-size:12px;
}

#contactForm .btnInput{
	border:outset 1px #CCC
}

.flashContainer {
	font-size:12px;	
}

.newsBrowseImage {margin-right:8px; border:solid 1px #00AEEF; margin:3px 8px 0 0 }

.newsDescription {
	font-style:italic;
}

.frontBlogItem {
	margin:0 0 10px 0;	
}

.imageItem {float:left; margin-right:20px; margin-bottom:15px; }
.imageItem a { z-index:100; cursor:pointer}
.imageList img {border:solid 5px #FFF; margin:0;}
.image {position:relative;border:solid 1px #CCC;}
.imageShadow {position:absolute; bottom:-10px; left:-10px; background:url(../images/shadeVlinders.png); width:150px; height:150px; z-index:0; }

.albumName { position:relative; text-align:center; background-color:#FFF; margin:0}

.blogDate 		{color:#666; font-weight:bold}
.blogImage		{ border:solid 1px #00AEEF; margin:0 0 0 2px;}
.blogImageSmall	{ border:solid 1px #FFF; width:60px; height:60px; margin:0 0 0 2px;}

.friendImage	{ border:solid 1px #E66B08; margin:0 0 0 2px;}

/* Faux content containers */
/* Main container */
.fauxBoxContainer				{ position:relative; padding:28px 37px; }
.fauxImgContainer				{ position:relative; padding:23px 32px; }
/* Content container */
.fauxContent					{position:relative; z-index:2; }
/* Width classes */
.width700 						{ width:615px; /* 200 - 74 (2 * 37) */ }
.width500 						{ width:426px; /* 200 - 74 (2 * 37) */ }
.width450 						{ width:376px; /* 200 - 74 (2 * 37) */ }
.width288 						{ width:214px; /* 200 - 74 (2 * 37) */ }
.width250 						{ width:176px; /* 200 - 74 (2 * 37) */ }
.width200 						{ width:126px; /* 200 - 74 (2 * 37) */ }





/* Faux shadows */
.shadeTL,
.shadeTC,
.shadeTR,
.shadeSL,
.shadeSR,
.shadeBL,
.shadeBC,
.shadeBR 						{ position:absolute; z-index:1; }
.shadeTL 						{ width:40px; height:40px; top:0; left:0; background:url(../images/faux/shadeTL.png) no-repeat top left; }
.shadeTC 						{ height:40px; top:0; left:40px; right:40px; background:url(../images/faux/shadeTC.png) repeat-x top left; }
.shadeTR 						{ width:40px; height:40px; top:0; right:0; background:url(../images/faux/shadeTR.png) no-repeat top left; }
.shadeSL 						{ width:40px; top:40px; left:0; bottom:40px; background:url(../images/faux/shadeSL.png) repeat-y top left; }
.shadeSR 						{ width:40px; top:40px; right:0; bottom:40px; background:url(../images/faux/shadeSR.png) repeat-y top left; }
.shadeBL 						{ width:40px; height:40px; bottom:0; left:0; background:url(../images/faux/shadeBL.png) no-repeat top left; }
.shadeBC 						{ height:40px; bottom:0; left:40px; right:40px; background:url(../images/faux/shadeBC.png) repeat-x top left; }
.shadeBR 						{ width:40px; height:40px; bottom:0; right:0; background:url(../images/faux/shadeBR.png) no-repeat top left; }
/* Faux content */
.fauxBoxBlack,
.fauxBoxWhite					{ position:absolute; top:18px; right:27px; bottom:18px; left:27px; z-index:1; }
.fauxBoxBlack					{ background:#000; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; }
.fauxBoxWhite					{ background:#fff; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; }