body {

	margin: 0;
	padding: 0;
	border: 0;	
	background: #fff;
	overflow-x: hidden;
}
img { border: 0px; }
.clearfix{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
#container {
	width: 988px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}

#wnfbanner{
	position: absolute;
	border: 0px;
	margin: 0px;
	width: 59px;
	height: 116px;
	top: 124px;
	right: 0px;
}
#header{
	padding-top: 33px;
}
#logo{
	position: absolute;
	top: 53px;
	left: 70px;
}
#content {

	width: 988px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	color: #000;
	font-family: verdana,arial,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	position: absolute;
	top: 0px;
	background: url('/gfx/bg.png') repeat-y 0% 0%;
}

#inhoud{
	width: 870px;
	margin-left: 59px;
	background-color: #fff;
	margin-top: 0px;
	padding-top: 13px;
}
#tekst{
	width:540px;
	margin-left: 23px;
	margin-right: 13px;
	margin-top: 13px;
	margin-bottom: 13px;
	padding-bottom: 13px;
	text-align: left;
	min-height: 460px;

} 
#tekst a{
	text-decoration: none;
	color: #000;
	
}
#links{
	width: 267px;
	margin-top: 0px;
	margin-left: 13px;
	margin-right: 13px;
	margin-bottom: 13px;
	float: right;
}
#links img{
	border: 0px;
	margin-bottom: 12px;
}


/* MENU STYLE DOWNBELOW */
div#menu{
position: absolute;
z-index: 40;
	color: #000;
	font-weight: normal;
	top: 0px;
	padding: 10px 0px 0px 0px;
margin-left: 59px;
	height: 31px;
	width: 870px;
	background: #fff;
	font-family: verdana,arial,sans-serif;
	font-size: 9pt;
}
div#menu img {
	float: right;
	border: 0px;
}
ul#menu_left {
        padding: 0px;
}
ul  li a{
        text-decoration: none;
}

ul#nav, ul#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


ul#nav  li {
	position: relative;
	float: left;
}
	

/* Styles for Menu Items */

ul#nav  li a {
	display: block;
	text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
	padding-top: 5px;
	text-align: left;
	color: #000;
	margin-top:0px;
	height: 26px;
}

/* de style voor je onmouse over */
#nav li:hover a,#nav  li.over a,
#nav li:hover li a:hover,#nav li.over li a:hover {
   color: #d57d26;
}


/* Voor geselecteerde items*/
ul#nav  li a.currentpage{
  color: #d57d26;
  background: url(/gfx/arrow.png) no-repeat 50% 100%;
}
/* Submenus */

#nav li ul {
	z-index: 10;
	position: absolute;
	margin-left: -999em; /* hide menu from view */
	top: 31px;
	width: 120px;
	left:0;
	border: 1px dotted #68bce1;
	background-color: rgba(200,200,255,0.85);
}
#nav li ul li{
	width: 120px;
}
#nav li:hover ul,#nav li.over ul {margin-left:0; }


div#footer
{
	background: url(/gfx/footer_splash.png) no-repeat #fff 98% 100%;
	width:870px;
	margin-left: 59px;
	margin-top: 10px;
	margin-bottom: 20px;
	height: 106px;
	text-align: left;
	padding: 0px;
	color: #767676;

}
div#footer a
{
	color: #767676;
	text-decoration: none;
}
div#footer a:hover
{
	color: #767676; 
}
div#footer p{
	margin-left: 27px;
}



/* BLOG style below*/

div.CGBlogSummary{
 display: block;
 width: 100%;
 font-family: helvetica;
 margin-bottom: 40px;
}
div.CGBlogHeader{
 width: 100%;
 height: 58px;
 border-bottom: 2px dotted #000;
 font-weight: bold;
}
div.CGBlogSummaryPostdate{
 width: 78px;
 height: 56px;
 text-align: center;
 float: left;
 font-weight: bold;
 font-size: 21px;
}
div.CGBlogSummaryPostdate strong{
 font-size: 28px;
}
div.CGBlogSummaryLink{
 font-size: 21px;
 font-weight: bold;
}
div.CGBlogSummaryExtra{
 font-size: 17px;
 font-weight: normal;
}
div.CGBlogVerhaal{
 margin-left: 78px;
 margin-top: 13px;
}
div.CGBlogSummaryAuthor_teamoceans{
 text-transform: uppercase; 
 background: url(/gfx/blog_bg.jpg) no-repeat 100% 0%;
 width: 455px;
 height: 55px;
 margin-top: 13px;
}
div.CGBlogSummaryAuthor_teamoceans img{
 float: right;
 border: 0px;
}
div.CGBlogSummaryAuthor_mascha{
 text-transform: uppercase; 
 background: url(/gfx/blog_bg_mascha.jpg) no-repeat 100% 0%;
 width: 455px;
 height: 55px;
 margin-top: 13px;
}
div.CGBlogSummaryAuthor_mascha img{
 float: right;
 border: 0px;
}
div.CGBlogSummaryAuthor_marjan{
 text-transform: uppercase; 
 background: url(/gfx/blog_bg_marjan.jpg) no-repeat 100% 0%;
 width: 455px;
 height: 55px;
 margin-top: 13px;
}
div.CGBlogSummaryAuthor_marjan img{
 float: right;
 border: 0px;
}

div.CGBlogSummaryAuthor_harold{
 text-transform: uppercase; 
 background: url(/gfx/blog_bg_harold.jpg) no-repeat 100% 0%;
 width: 455px;
 height: 55px;
 margin-top: 13px;
}
div.CGBlogSummaryAuthor_harold img{
 float: right;
 border: 0px;
}
div.CGBlogSummaryAuthor_jack{
 text-transform: uppercase; 
 background: url(/gfx/blog_bg_jack.jpg) no-repeat 100% 0%;
 width: 455px;
 height: 55px;
 margin-top: 13px;
}
div.CGBlogSummaryAuthor_jack img{
 float: right;
 border: 0px;
}
div.CGBlogSummaryAuthor_rene{
 text-transform: uppercase; 
 background: url(/gfx/blog_bg_rene.jpg) no-repeat 100% 0%;
 width: 455px;
 height: 55px;
 margin-top: 13px;
}
div.CGBlogSummaryAuthor_rene img{
 float: right;
 border: 0px;
}
div.CGBlogSummaryAuthor_winnie{
 text-transform: uppercase; 
 background: url(/gfx/blog_bg_winnie.jpg) no-repeat 100% 0%;
 width: 455px;
 height: 55px;
 margin-top: 13px;
}
div.CGBlogSummaryAuthor_winnie img{
 float: right;
 border: 0px;
}
div.CGBlogDeel{
 padding-top: 14px;
 margin-left: 18px;
}
div.CGBlogDeel span{
 margin: 0px;
}
/* Start of CMSMS style sheet 'FeedBackSize' */
#CGantwoord{
 width:99%
}
{* This is added into the contact form template as a div around the form just to make it work. *}

#comments textarea { width:280px; }
#comments input { width:280px; }
{* CGFeedback forms *}
.col70 textarea { width: 280px; height: 100px; }
.col70 input { width: 280px;  }
.cgfeedback_addcoment { width: 470px; border: 0px; }
.col70 row { width: 280px;  }

/* End of 'FeedBackSize' */

div.feedback_summary_item{
 margin: 14px;
}
div.feedback_item_title{
 font-weight: bold;
}
div.feedback_item_authodatee{
 font-style: italic;
}


#slider {

	/* You MUST specify the width and height */
	margin-left: 59px;
	width:870px;
	height:228px;
	position:relative;	
	overflow:hidden;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	z-index:0;
	/* width = total items multiply with #mask gallery width */
	width:3480px;
	overflow:hidden;
}
	#gallery li {
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}

#creators{
 width: 870px;
 position: absolute;
 text-align: center;
 margin: 0px;
 bottom: 31px;
 float: left;

}