/*****************************************************************************************
    ** Basis                                                                                 **
    *****************************************************************************************/
    
    * {
	margin:0px;
	padding:0px;
}

img {
	border:none;
}


body {
	font-size:12px;
	color:#444444;
	font-family:arial, verdana, sans-serif;
	background: #097ab4 url(../images/layout/achtergrond_balk.jpg) repeat-x 50% 0;
	width:100%;
	height:100%;
    margin:0;
    padding:0;
}

div#centerThis {
	float:left;
	left:50%;
	margin-left:-262px;
	position:relative;
	width:737px;
	padding:0 5px 0 5px; 
}
div#header {
	width:717px;
	float:left;
	height:90px;
	padding:0px;
	margin-bottom:5px;
	margin-top:10px;
}
div#mainmenu {
	color:white;
}
div#submenu {
	background-color:#3F71D2;
	float:left;
	padding:0px 5px;
	width:717px;
}
div#glow-top {
	float:left;
	height:10px;
	width:717px;
}
div#columWrapper {
	background:url(../images/layout/faux-bg.jpg) repeat-y;
	width:717px;
	float:left;
	padding:0;
	color:#000000;
	/* */	
}


div#spacer {
	background:transparent url('../images/layout/glow-left.png') no-repeat 0 0 scroll;
	width:20px;
	float:left;
	height:500px;
	padding:0px;
	margin-bottom:5px;
	margin-top:10px;	
}



div#secondColum {
	width:454px;	
}


div#secondColumPadding {
	width:434px;
	padding:10px;
}

div#secondColumPadding ul {
	margin:0 0 0 20px;
}

div#secondColum,
div#secondColumPadding, 
#text {
	min-height:425px;
	float:left;
}

#text{
width:200px;
    
}
div#secondColumPadding h1,
div#secondColum h1 {
	color:#1a81bb;
	padding-bottom:5px;
	font-size:21px;
	margin:10px;
}

div#thirdColum {
	width:260px;
	float:right;
	min-height:707px;
	background-color:#33CCFF;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #9b9b9b;
	background:#e3e3e3 url(../images/layout/ooievaar.jpg) no-repeat bottom center;
}
* html #thirdColum {
height: 100%;
}
p{
padding:5px;
}
div#text {
	width:415px;
	padding:0 20px 0px 20px;
}

div.row {
	width:400px;
	float:left;
	min-height:150px;
	padding:0 0 15px 0;
}

#logo
{
	margin-left:-485px;
	margin-top:536px;
	float:none;
	position: absolute;
	left:50%;
}
#huf
{
	margin-left:-525px;
	margin-top:290px;
	float:none;
	position: absolute;
	left:50%;
}

div#bottom {
	color:#097ab4;
	margin:10px 0 10px 20px;
	width:400px;
	float:left;
	padding:10px;
}

div#links {
	border-right:1px dotted #097ab4;
}

div#rechts {
	padding:5px 5px 5px 15px;
}

div#footer {
	width:717px;
	padding:5px;
	background-color:#002AA7;
	float:left;
	font-size:9px;
	color:#FFFFFF;
	text-align:center;
	line-height:10px;
}
/*****************************************************************************************
	** Blokken 																				**
	*****************************************************************************************/	

	div.block {
	display:block;
	float:left;
	width:inherit;
	color:#000000;
    margin-bottom		:50px;
    margin-top			: 10px;
	height				:inherit;
	text-align:center;
}
div.block h1 {
	font-size:13px;
	font-weight:bold;
	margin:2px 0px;
}
div.block p {
	font-size:11px;
	margin:0px 0px 2px 0px;
}
/*****************************************************************************************
	** Menu 																				**
	*****************************************************************************************/
	
	div#mainmenu ul {
	display:block;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
    width:717px;
}
div#mainmenu ul li {
	list-style-type:none;
	position:relative;
	display: inline;
}
#mainmenu #current
{
color:#000000;
}

div#mainmenu ul li a {
	padding:0 10px;
	height:30px;
	width:auto;
	float:left;
	line-height:30px;
	font-size:20px;
	font-weight:900;
	color:#097ab4;
	display:block;
	text-decoration:none;
}

div#mainmenu ul li a:hover,  div#mainmenu ul li a.current {
	color:black;
}

div#mainmenu ul li a #current
{
color:#000000;
}
div#mainmenu ul li ul li a {
	padding:0 10px 0 30px;
	height:25px;
	width:auto;
	float:left;
	line-height:22px;
	font-size:12px;
	font-weight:bold;
	color:#097ab4;
	display:block;
	text-decoration:none;
}
div#mainmenu ul li ul li a:hover,  div#mainmenu ul li ul li a.current {
	background-color:#3579fd;
}
div#mainmenu ul li ul li ul li a {
	padding:0 10px 0 50px;
	height:25px;
	width:auto;
	float:left;
	line-height:22px;
	font-size:12px;
	font-weight:bold;
	color:#097ab4;
	display:block;
	text-decoration:none;
}
div#mainmenu ul li ul li ul li a:hover,  div#mainmenu ul li ul li ul li a.current {
	background-color:#6C9EE7;
}

	/*****************************************************************************************
	** nieuws 																				**
	*****************************************************************************************/	
	
	/* LISTVIEW VIEW */
	ul#nieuws-overzicht {
		list-style-type:none;
		margin:0 0 0 10px;
		float:left;	
		width:400px;	
	}
	
	ul#nieuws-overzicht li {
		border-bottom:1px dotted #097AB4;
		float:left;	
		width:400px;
		padding:0 0 15px 0;
		margin:15px 0 0 0;	
	}
	
	div.nieuws-omschrijving {
		float:left;	
		width:400px;	
	}

	ul#nieuws-overzicht li a img {
		float:left;
		margin:3px 6px 3px 0;
	}

	div.nieuws-omschrijving p {
		margin:0 0 7px -5px;	
	}
	
	div.nieuws-verder {
		float:left;	
		width:400px;
		text-align:right;	
	}


	div.nieuws-verder a {
		color:#1a81bb;
		text-decoration:none;		
	}

	div.nieuws-verder a:hover {
		color:#1a81bb;
		text-decoration:underline;		
	}


	/* SINGLE VIEW */
	div#nieuwsitem {
		margin:0 0 0 20px;
		float:left;	
		width:400px;		
	}

	div#nieuwsitem a {
		color:#1a81bb;
		text-decoration:none;	
	}

	div.nieuwsitem a:hover {
		color:#1a81bb;
		text-decoration:underline;		
	}
	
	img.news-detail-thumb {
		float:right;
		margin:3px 0 3px 6px;		
	}

	div#nieuwsitem-afbeeldingen ul {
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	div#nieuwsitem-afbeeldingen ul li{
		list-style-type:none;
		margin:5px;
		padding:0;
		float:left;
	}

	img.news-detail-thumb {
		float:right;
		margin:0 0 5px 5px;
	}
	
	div.nieuwsitem-date {
		
	}
	
	div#nieuwsitem-back {
		
	}

	div.nieuwsitem-date {
		font-size:10px;
		color:#C0C0C0;
		margin:5px 0 30px 0;
		width:470px;
		float:left;
		clear:both;		
	}

	div#nieuwsitem-back  {
		float:left;
		clear:both;
		margin:0 0 20px 0;
	}
	
	div#nieuwsitem-back a {
		text-decoration:underline;
		color:#e53434;
	}

	
	#bottom ul {
		list-style-type:none;
	}

    
    /* MENU Margin top ect */
    .mnu1
    {
        margin-top: -10px;
    }
    .mnu2
    {
        margin-top: 9px;
        margin-left: -10px;
    }
    .mnu3
    {
        margin-top:-5px;
        margin-left: 20px;
      
    }
    .mnu4
    {
        margin-top:10px;
        margin-left: 30px;
    }
	

	div.last-items {
		clear:both;
		float:left;
		margin:20px 0 0 0;
		
	}

	h3.last-items-title{
		color:#1882b9;
	
	}

	/*****************************************************************************************
	** Foto gallery 																		**
	*****************************************************************************************/
	div#foto-albums {
		float:left;
		width:400px;
		margin:5px 20px 0 0;
	}
	
	div#foto-albums ul {
		width:400px;
		float:left;
		background-color:#FFFFFF;
		margin:0;
		padding:0;
	}
	
	.album
	{
		margin-bottom:10px;
		height:inherit;
		height:60px;

	}
	
	div#foto-albums ul li {
		list-style-type:none;
		padding:3px 3px 6px 3px;
		float:left;
		cursor:pointer;
		color:#FFFFFF;
	}
	
	.albumNormal {
		background-color:#1f87bc;
	}
	
	.albumHover {
		background-color:#0d71a3;
	}

	.albumActive {
		background-color:#0d71a3;
	}		

	div.albums-thumb {
		float:left;
		width:90px;
		height:60px;
		background-color:#99c2d7;
	}
		
	div.albums-text {
		float:left;
		width:300px;
		height:60px;
		margin-left:3px;
	}		

	div#foto-thumbs-album {
		float:left;
		width:400px;
		min-height:100px;
		margin:5px 0 0 0;
	}	
	div.foto-thumbs {
		float:left;
		width:400px;
		min-height:100px;
		margin:0 0 20px 0;
		display:none;
	}	
	
	div.foto-thumbs:first-child {
		display:block;
	}

	div.foto-thumbnails {
		float:left;
		width:70px;
		height:56px;
		/* background-color:#CCCCCC; */
		margin:3px;
		text-align:center;
		vertical-align:middle;
		line-height:56px;
		overflow:hidden;
	}
	
	div.foto-thumbnails img { 
		border:0px; 
		vertical-align:middle;
	}

	div#homeintro {
		float:left;
		height:150px;
		margin:0;
		overflow:hidden;
		padding:10px;
		width:434px
	}

	div#homevideo {
		float:left;
		height:267px;
		margin:0;
		overflow:hidden;
		width:454px	
	}

	div#homevideo p{
		display:block;
		float:left;
		padding:0;
		margin:0;
	}



div#demo {
    margin-left: -20px;
    text-align: center;
    margin-top: 110px;
    width: 250px;    
}
 
div#demo ul#menu {
    
    list-style: none;
    display: inline-block;
}
    
div#demo ul#menu li {
    padding: 0px;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 48px;
    height: 48px;
}
 
div#demo ul#menu li a {
    position: absolute;
}
 
div#demo ul#menu li img {
    position: absolute;
    width: 48px;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0 8px 0 0;
    border: none;
    overflow: hidden;
}

div#ooievaar
{
    margin-bottom: -110px;
    margin-left: 0;
    width: 200px;
}

	div.column {
		float:left;
		height:150px;
		padding:10px;
		width:240px;
	}

	div.mp3player {
		float:left;
		height:75px;
		width:260px;
		overflow:hidden;
	}

	div.next-to-video {
		background-color:#0a384f;
		float:left;
		height:172px;
		width:240px;
		overflow:hidden;
		padding:10px;
	}

	div#sponsorrow {
		float:left;
		background-color:#FFFFFF;
		width:677px;
		padding:10px 20px;
		min-height:75px;
	}

	
	div.sponsorrow-sponsor{
		float:left;
		height:75px;
		width:125px;
		margin:5px;
	}	
	
	
	div.advert-alert {
		color:#097ab4;
		font-size:9px;
		float:left;
		clear:both;
		width:697px;
		padding:0 0 5px 0;
	}

	/*a.sponsor {
	
		float:left;
		width:125px;
		height:75px;
		margin:5px;
	} */
	
		div.sponsors{
		float:left;
		height:64px;
		width:794px;
		margin:-10px 0px -25px 35px;
	}
	
	div.sponsors > div{
		height:70px;
		width:122px;
		float:left;
		margin-right:30px;
		margin-bottom:10px;
		overflow:hidden;
	}
	
	div.caroufredsel_wrapper{
		float:left;
		clear:both;
		
	}
	
	
	div.sponsors  div a>img{
		height:70px;
		width:122px;
	}

	/*****************************************************************************************
	** Blok nieuwbrief aanmelden 															**
	*****************************************************************************************/
	form#nieuwsbriefAdd {
		display:block;
		float:left;
		width:220px;
		color:#000000;
		margin:0px;
		padding:20px;
	
	}
	

	form#nieuwsbriefAdd p {
		margin:0 10px 10px 10px;
		padding:0 0 10px 0;
	}	

	form#nieuwsbriefAdd input.formfield {
		width:99%;
		margin:2px 0px;
	}

	form#nieuwsbriefAdd input.submitbutton {
		margin:2px 0px;
		float:right;
	}	

ul.nieuws-list,
ul.agenda-short-list {
	list-style-type:none;
	margin:0 0 0 10px;
}

ul.nieuws-list li,
ul.agenda-short-list li{
	float:left;
	border-bottom:1px dotted #097AB4; 
	margin:5px 0 0 0;
	padding:0 0 5px 0;
}

ul.nieuws-list li a,
ul.agenda-short-list li a{
	text-decoration:none;
	color:#1882B9;
}

div.nieuws-datum {
	float:left;
	width:80px;
	color:#1882B9;
	margin-left:10px;
}

div.nieuws-titel {
	float:left;
	width:300px;
}

a.created_by {
	float:left;
	text-align:center;
	color:#FFFFFF;
	display:block;
	margin-top:5px;
	width:100%;
}

ul.video-list {
	list-style-type:none;
		
}

ul.video-list li{
	float:left;
	border-bottom:1px dotted #097AB4; 
	margin:15px 0 0 0;
	padding:0 0 15px 0;
	width:420px;
}

div.video-list-image {
	float:left;
	width:110px;
	margin:0 3px 3px 0;
	height:61px;
	overflow:hidden;
}

div.video-list-titel {
	float:right;
	width:300px;
	margin:0 0 3px 3px;
	min-height:15px;
}

div.video-list-titel a {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

div.video-list-extra {
	float:right;
	width:300px;
	margin:0 0 3px 3px;
	font-size:9px;
	color:#AAAAAA;
}

div.video-list-detail {
	float:right;
	width:250px;
	margin:0 5px 3px 3px;
	text-align:right;
}


div.video-list-titel-large {
	float:left;
	width:300px;
	margin:0 0 3px 3px;
	min-height:15px;
}

div.video-list-titel-large a {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}


div.video-list-detail-small {
	float:right;
	width:100px;
	margin:0 5px 3px 3px;
	text-align:right;
}

div.video-list-spacer {
	float:left;
	width:110px;
	margin:0 3px 3px 0;
	min-height:10px;
	overflow:hidden;
}

	/*****************************************************************************************
	** Reactie																				**
	*****************************************************************************************/
	
form#reactionform {
	float:left;
	width:400px;
	
	}

div.formfield {
	float:left;
	margin:5px;
	
	}
	
div#formfieldnaam  { 	
	margin-top:5px;
	float:left;
	width:150px;

	}
	
div#formfieldemail input{
	float:left;
	width:200px;
	
	}
	
div#formfieldnaam  { 	
	margin-top:10px;
	margin-left:10px;
	width:150x;
	
	}
	
div#formfieldemail {
	margin-top:10px;
	float:left;
	width:150px;
	margin-left:10px;
	
	}

div#formfieldreactie input{
	float:left;
	width:80px;	
		
	}
div#formfieldreactie {
	float:left;
	margin-left:10px;
	width:150px;
	margin-top:10px;
}

div#formfieldreactie textarea {
	width:360px;
	height:90px;
}
		
div#formfieldcaptcha input{
	float:left;
	width:135px;
	
}
	
div#formfieldcaptcha {
	float:left;
	margin-left:10px;
	margin-top:10px;
	
}	

div#formfieldcaptcha img {
	float:left;
	
}
	
	
div#formfieldsubmit {
	float:left;
	margin-top:40px;
	
	}
	
	
div.reactie-container {
	border-bottom:1px dotted #1882B9;
	float:left;
	width:390px;
	margin:15px 0 0 15px;
	padding:0 0 15px 0;
	color:#1882B9;
}

div.reactie-timestamp {	
	color:#9d9d9d;
	font-size:10px;
	
	
}

div.reacties {
	float:left;
	margin:20px 0 0 0;
}

div.reactie-form {
	float:left;
	width:400px;
	margin:20px 0 0 15px;
}

div#plaats_reactie {
	margin:15px 0 0 0;
	padding:0 0 15px 0;
	float:left;
	margin-left:10px;
	width:390px;
	text-align:right;
}

div#plaats_reactie a {
	color:#CCCCCC;
	font-size:11px;
}

ul.afbeeldingen { 
	width:400px;
}

ul.afbeeldingen li { 
		
	
	list-style-type:none;
	float:left;
	margin:0 15px 0 15px;
			



}

span.sponsor,
a.sponsor {
	margin:5px 4px 5px 0;
	float:left;
}
	






	/*****************************************************************************************
	** Aanbieding 																			**
	*****************************************************************************************/
	
	div#aanbiedingContainer {
		margin:5px;
		clear:both;
	}
	
	div#aanbiedingContainer h1 {
		margin:3px;
		font-size:18px;
	}
	
	div.aanbiedingDeel {
		margin:5px;
	}
	
	div#aanbiedingPrinter {
		text-align:right;
	}
	
	/* voor de flyer die als lightbox - pop-up getonnd wordt */
	div#hidecontent{
		visibility: hidden;
		width: 100%;
		height: 200%;
		position: absolute;
		z-index: 899;
		top: 0;	
		left: 0;	
		background: #666; 
		opacity: 0.65;
		-moz-opacity: 0.65; 
		filter:alpha(opacity=65); 
	}
	
	div#poster {
		display: none;
		width: 100%;
		position: absolute;
		z-index: 999;
		top: 0;	
		left: -135px;	
		background: transparent;	
	}
	
	div#poster_inner {
		width:  427px;
		height: 600px;
		margin: 50px auto;
	}