/*****************************************************************************************
    ** 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#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#links, div#rechts {
	width:180px;
	float:left;
	min-height:150px;
}

#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;
	border-top:1px dotted #097ab4;
	border-bottom:1px dotted #097ab4;
	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 {
		float:left;	
		width:400px;	
	}
	
	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: 20px;
        margin-left: -10px;
    }
    .mnu3
    {
        margin-top:-5px;
        margin-left: 20px;
      
    }
    .mnu4
    {
        margin-top:10px;
        margin-left: 30px;
    }
	
	/*****************************************************************************************
	** 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;
	}


	/*****************************************************************************************
	** 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;
	}