﻿/* Main */

html{
	margin			:0;
	height			:100%
}


body{
	background		: #FFF url(images/body.jpg) repeat-x;
	margin			: 0;
	padding			: 0;
	text-align		: center;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 62.5%;
	line-height		: 18px;
	height			: 100%;
}


div#header{
	width			: auto;
	height			: 0px;
	clear			: both;
	margin			: 0;
	padding			: 0;
}


div#maincontainer{
	background		: transparent;
	width			: 1020px;
	margin			: 0 auto 0 auto;	
	text-align		: left;
}


div#banner{
	background		: transparent;
	margin			: 0;
	width			: 1020px;
	height			: 250px;
}


div#menu{
	background		: #FFF url(images/contentmid.jpg) repeat-y;
	width			: 1020px;
	float			: left;
	display			: inline;
	text-align		: center;
	margin			: 0;
	padding			: 25px 0 0 0;
}


div#contentcontainer{
	background		: #FFF url(images/contentmid.jpg) repeat-y;
	width			: 1020px;
	float			: left;
	display			: inline;
	margin			: 0;
	padding			: 20px 0 10px 0;
}


div#content{
	background		: transparent;
	width			: 685px;
	float			: left;
	display			: inline;
	margin			: 0;
	padding			: 0 5px 0 20px;	
}


div#rightcolumn{
	background		: transparent;
	width			: 285px;		
	float			: left;
	display			: inline;
	margin			: 0;
	padding			: 0 20px 0 5px;	
}


div#foto{
	background		: transparent;
	width			: 290px;		
	float			: left;
	display			: inline;
	margin			: 0;
	padding			: 0;	
}


div#news{
	background		: transparent;
	width			: 290px;		
	float			: left;
	display			: inline;
	margin			: 0;
	padding			: 0;	
}


div#footer{
	position		: relative;
	background		: #FFF url(images/contentfoot.jpg) no-repeat 50%;
	width			: 100%;
	clear			: both;
	height			: 80px;
	left			: 0;
	bottom			: 0;
	margin			: 0;
	padding			: 5px 0 5px 0;
	text-align		: center;
	color			: #000;
	font-size		: 1.1em;
	border-top		: #FFBD69 1px solid;
}


/* Headers */

h1{
	font-family		: Georgia, "Times New Roman", Times, serif;
	font-weight		: normal;
	font-size		: 2em;
	font-style		: italic;
	color			: #EB8500;
	margin			: 0;
	padding			: 2px;
	letter-spacing	: 1.1px;
	display			: block;
	background		: #FFE9CC;
}


h2{
	font-family		: Georgia, "Times New Roman", Times, serif;
	font-weight		: normal;
	font-size		: 1.5em;
	font-style		: italic;
	color			: #EB8500;
	margin			: 0 0 2px 0;
	padding			: 0;
	letter-spacing	: 1.1px;
}


h3{
	font-family		: Georgia, "Times New Roman", Times, serif;
	font-weight		: normal;
	font-size		: 1.1em;
	font-style		: italic;
	color			: #EB8500;
	margin			: 10px 0 0 0;
	padding			: 0;
	letter-spacing	: 1.1px;	
}


h4{
	font-family		: Georgia, "Times New Roman", Times, serif;
	font-weight		: normal;
	font-size		: 1em;
	font-style		: italic;
	color			: #99cc33;
	margin			: 0;
	padding			: 10px 0 0 0;
	letter-spacing	: 1.1px;	
}


/* Contentblokken */

.rand{
	margin			: 0 0 10px 0;
	padding			: 0;	
	border			: 1px solid #FFE9CC;
	text-align		: center;
}


.zonderrand{
	margin			: 0 0 10px 0;
	padding			: 10px 0 0 0;	
}


.nieuws{
	margin			: 0 0 10px 0;
	padding			: 5px;	
	border			: 1px solid #FFE9CC;
}


/* Content */

div#content p{
	font-size		: 1.2em;	
	color			: #000;
	text-align		: left;
	margin			: 0;
	padding			: 0 0 10px 0;
	border-bottom   : none;
}


div#content p.image{
	float			: left;
	padding			: 0;
	margin			: 5px 5px 10px 10px;
	background		: #000;
	border			: 1px solid #000;
}


div#content p.calender{
	margin			: 0 auto 0 auto;
	text-align		: center;
}


/* Menu calendar settings */

.menucalendar_main{
	margin-left		: auto;
	margin-right	: auto;
	text-align		: center;
	color			: #F0F0F0;
	background		: #404040;
	width			: 170px;
	font-size		: 8pt;
	padding			: 0 0 0 7px;
	border-left		: 1px solid #6E6E6E;
	border-bottom	: 1px solid #6E6E6E; 	
	border-right	: 1px solid #6E6E6E; 
	border-top		: 1px solid #6E6E6E;
}

.menucalendar_monthyear{
	text-align		: center;
	color			: #FF8502;
	font-weight		: bold;
	font-size		: 8pt;
}

.menucalendar_daynames{
	text-align		: left;
	color			: #FF8502;
	font-weight		: bold;
	font-size		: 8pt;
}

.menucalendar_day{
	vertical-align	: top;
	text-align		: left;
	color			: #FFF;
	font-size		: 8pt;
}

.menucalendar_noday{
	background		: #404040;
	border-width	: 0px;
	border-color	: #000000;
	border-style	: solid;

}

.menucalendar_today{
	text-decoration	: none ;
	vertical-align	: top;
	text-align		: left;
	font-size		: 8pt;
	font-weight		: bold;
	color			: #FF0000;
}

.menucalendar_eventday /*a:link,.menucalendar_eventday a:visited*/{
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	text-decoration	: none;
	text-align		: left;
	font-weight		: bold;
	font-size		: 8pt;
	font-style		: normal;
	color			: #00FF00;
}

.menucalendar_eventday a:active,.menucalendar_eventday a:hover{
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	text-decoration	: none;
	text-align		: left;
	font-weight		: bold;
	font-size		: 8pt;
	font-style		: normal;
	color			: #00FF00;
}


/* Nieuwsblok */

.anynews {
	margin			: 0 0 10px 0;
	padding			: 5px;	
	border			: 1px solid #FFE9CC;
}

.anynews p{
	margin			: 0;
	padding			: 0;
}


/* Navigatie */

ul#topnav{
	list-style		: none;
	margin			: 0;
	padding			: 0 10px 0 0;
	float			: right;
}


ul#topnav li{
	display			: inline;
	padding			: 0;
	margin 			: 0;
	border-left 	: 1px solid #FFF;
}


ul#topnav li.last{
	border			: none;
}


ul#topnav a{
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 1.3em;
	font-style		: normal;
	text-decoration	: none;
	padding			: 0 5px 0 5px;
}


ul#topnav a:link, ul#topnav a:visited{
	color			: #FFF;
}


ul#topnav a:hover, ul#topnav a:active{
	color			: #000;	
}


ul#sidenav{
	list-style		: none;	
	margin			: 0 0 0 7px;
	padding			: 0;
}


ul#sidenav a{
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 1.1em;
	font-style		: normal;
	text-decoration	: none;
}


ul#sidenav a:link, ul#sidenav a:visited{
	display			: block;
	border-bottom	: 1px solid #666;
	color			: #FFF;
	line-height		: 35px;
	padding			: 2px 0 2px 5px;
	width			: 188px;
	letter-spacing	: 1px;
}


ul#sidenav a:hover, ul#sidenav a:active{
	color			: #cae356;
	background      : #666
}


ul#bottomnav{
	list-style		: none;
	margin			: 0 0 20px 0;
	padding			: 0 10px 0 0;
	letter-spacing	: 1px;
}


ul#bottomnav li{
	display			: inline;
	padding			: 0 0 0 5px;	
}


ul#bottomnav a{
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 1em;
	font-style		: normal;
	text-decoration	: none;
	padding			: 0 5px 0 5px;
}


ul#bottomnav a:link, ul#bottomnav a:visited{
	color			: #FF9900;
}


ul#bottomnav a:hover, ul#bottomnav a:active{
	color			: #EB8500;	
}


a{
	text-decoration	: none;
	font-style		: italic;
}


a:link, a:visited{
	color			: #FF9900;
}


a:hover, a:active{
	color			: #EB8500;
}

a, img{
	border			: 0;
	text-decoration	: none;
}

/* Horizontale hoofdmenu */

#navcontainer{
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 1.3em;
	font-style		: normal;
	text-decoration	: none;
	margin			: 0 5px;
	border-top		: 1px solid #999;
	z-index			: 1;
}

#navcontainer ul{
	list-style-type	: none;
	text-align		: center;
	margin			: -8px 0 0 0;
	padding			: 0;
	position		: relative;
	z-index			: 2;
}

#navcontainer li{
	display			: inline;
	text-align		: center;
	margin			: 0 5px;
}

#navcontainer li a{
	padding			: 1px 7px;
	color			: #666;
	background-color: #fff;
	border			: 1px solid #ccc;
	text-decoration	: none;
}

#navcontainer li a:hover{
	color			: #000;
	border			: 1px solid #666;
	border-top		: 2px solid #666;
	border-bottom	: 2px solid #666;
}

#navcontainer li a#current{
	color			: #000;
	border			: 1px solid #666;
	border-top		: 2px solid #666;
	border-bottom	: 2px solid #666;
}


/* Fotoalbum menu */

ul.directories{
	list-style		: none;	
	margin			: 0 0 0 7px;
	padding			: 0;
}


ul.directories a{
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 1.1em;
	font-style		: normal;
	text-decoration	: none;
}

ul.directories li{ 
	float			: left;
}

ul.directories li a{
	text-decoration	: none;
	background		: url(images/folderOFF.png) no-repeat top left;
	font-size		: 12px;
	float			: left;
	margin			: 0px;
	height			: 67px;
	width			: 75px;
	padding-top		: 13px;
	padding-right	: 15px;
	padding-bottom	: 0px;
	padding-left	: 10px;
}

ul.directories li a:hover{
	background		: url(images/folderON.png) no-repeat left top;
	color			: #000000;
}


/* IE6 only, gebruik gewoon Firefox */

* html div#column1{
	width			: 280px;		
	margin			: 20px 0 0 10px;	
	padding			: 10px 0 15px 0;
}


* html div#column2{
	width			: 279px;		
	margin			: 20px 0 0 10px;	
	padding			: 10px 0 15px 0;
}


* html div#column3{
	width			: 279px;		
	margin			: 20px 0 0 10px;
	padding			: 10px 0 15px 0;
}

* html div#content p{
	padding			: 0;
	margin			: 0 5px 0 10px;
}


* html div#content p.image{
	padding			: 0;
	margin			: 0 5px 5px 5px;
}

/* IE7 only, gebruik gewoon Firefox */
