body {
	font-family: Verdana;
	font-size: 12px;
	color: #FFF;
	background: url(../img/layout/bg.jpg) repeat;
}

a, li, ul, body, img, p, h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	border: 0;
}

a:link {color: #2c64b4; text-decoration: none}
a:visited {color: #2c64b4; text-decoration: none}
a:hover {color: #2c64b4; text-decoration: underline}
a:active {color: #2c64b4; text-decoration: underline}	

p 	{
	margin-bottom: 20px;
	line-height: 22px;
}
		
h1	{
	font-size: 16px;
	height: 23px;
	color: #b5bf30;
	margin-bottom: 20px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 6px;
	background: url(../img/layout/header_round.png) left center no-repeat;
}

.headerRound {
	color: #FFF;
	padding-right: 6px;
	}
		
h2	{
	font-weight: bold;
	color: #000;
	padding-top: 5px;
}	
		
.clear	{
	clear: both;
}
			
#container {
	width: 785px;
	margin: auto;
	margin-top: 30px;
}
		
#logo {
	height: 100px;
	width: 785px;
	background: url(../img/layout/logo.png) top center no-repeat;
}
	
#navHome {
	height: 60px;
	width: 785px;
	margin-top: 22px;
	background: url(../img/layout/bg_nav_home.png) top left no-repeat;
}
	
#navHome ul, #navPage ul {
	float: left;
    list-style: none;
	margin-left: 35px;
}

#navHome li, #navPage li {
	float: left;
    margin-right: 20px;
}

#navHome li.active, #navPage li.active {
	display: block;
	float: left;
    padding: 10px;
	padding-top: 21px;
	padding-bottom: 22px;
	font-weight: bold;
    text-decoration: none;
	color: #100f0f;
    background: url(../img/layout/nav_active.png) center 38px no-repeat;
}

#navHome a, #navPage a {
	display: block;
	float: left;
    padding: 10px;
	padding-top: 21px;
	padding-bottom: 22px;
    color: #534f4f;
	font-weight: bold;
    text-decoration: none;
}

#navHome a:hover, #navPage a:hover {
	color: #100f0f;
    background: url(../img/layout/nav_active.png) center 38px no-repeat;
}

#homeContent {
	width: 785px;
	padding-top: 15px;
	background: url(../img/layout/bg_content_home.png) top left repeat-y;
}
	
#bottomHomeContent {
	height: 20px;
	width: 785px;
	background: url(../img/layout/bottom_content_home.png) top left repeat-y;
}

#textHome {
	width: 430px;
	float: left;
	padding: 10px;
	margin-left: 26px;
}

#textHome img , #textPage img{
	margin-right: 15px;
	float: left;
}

#agenda {
	width: 245px;
	float: left;
	padding: 10px;
	padding-left: 35px;
}

.datumWrap {
	width: 30px;
	float: left;
	}
	
#agenda h2.dag {
	margin: 0;
	padding: 0;
	margin-left: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #b5bf30;
	letter-spacing: 1px;
}
	
#agenda h2.maand {
	margin: 0;
	padding: 0;
	margin-top: -1px;
	font-size: 12px;
	font-weight: bold;
	color: #707173;
	letter-spacing: 2px;
}
	
#agenda h2.jaar {
	margin: 0;
	padding: 0;
	margin-top: 1px;
	font-size: 11px;
	font-weight: normal;
	color: #b5bf30;
}

#agenda h3.titel {
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 5px;
	color: #b5bf30;
}

#agenda p {
	line-height: 22px;
	color: #FFF;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

#agenda a {
	font-size: 10px;
	text-decoration: none;
	color: #b5bf30;
}

#agenda a:hover {
	text-decoration: underline;
}

.agendaItem {
	width: 200px;
	float: left;
	margin-left: 10px;
	}

#Agenda {
	width: 90%;
	float: left;
	padding: 10px;
	padding-left: 35px;
}
	
#Agenda h2.dag {
	margin: 0;
	padding: 0;
	margin-left: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #b5bf30;
	letter-spacing: 1px;
}
	
#Agenda h2.maand {
	margin: 0;
	padding: 0;
	margin-top: -1px;
	font-size: 12px;
	font-weight: bold;
	color: #707173;
	letter-spacing: 2px;
}
	
#Agenda h2.jaar {
	margin: 0;
	padding: 0;
	margin-top: 1px;
	font-size: 11px;
	font-weight: normal;
	color: #b5bf30;
}

#Agenda h3.titel {
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 5px;
	color: #b5bf30;
}

#Agenda p {
	line-height: 22px;
	color: #FFF;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

#Agenda a {
	font-size: 10px;
	text-decoration: none;
	color: #b5bf30;
}

#Agenda a:hover {
	text-decoration: underline;
}
	
.AgendaItem {
	width: 430px;
	float: left;
	margin-left: 10px;
}
	
.dotline {
	clear: left;
	height: 30px;
	background: url(../img/layout/dotline.gif) left center repeat-x;
}

/* Infopage opmaak */
#navPage {
	height: 60px;
	width: 785px;
	margin-top: 22px;
	background: url(../img/layout/bg_nav_page.png) top left no-repeat;
}

#pageContent {
	width: 785px;
	padding-top: 15px;
	background: url(../img/layout/bg_content_page.png) top left repeat-y;
}

#bottomPageContent {
	height: 20px;
	width: 785px;
	background: url(../img/layout/bottom_content_page.png) top left repeat-y;
}

#textPage {
	width: 530px;
	float: left;
	padding: 10px;
	margin-left: 26px;
}

#columnRight {
	width: 150px;
	float: left;
	padding: 10px;
	padding-left: 35px;
}

#columnRight ul {
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}
		
#columnRight li {
	list-style-type: none; 
	background-image: url(../img/layout/list_bullet.png);
	background-repeat: no-repeat; 
	background-position: 0px 8px;
	padding-left: 12px;
	margin-left: 10px;
	line-height: 22px;
}

#columnRight li a {
	font-size: 11px;
	color: #b5bf30;
	text-decoration: none;
}

#columnRight li a:hover {
	text-decoration: underline;
}

#columnRight img {
	margin-left: 3px;
	margin-top: 8px;
}

#footer {
	width: 765px;
	height: 15px;
	padding-top: 15px;
	padding-right: 20px;
	text-align: right;
	color: #1c0e04;
	font-size: 10px;
}
		
#footer a:link {color: #1c0e04; text-decoration: none}
#footer a:visited {color: #1c0e04; text-decoration: none}
#footer a:hover {color: #b5bf30; text-decoration: underline}
#footer a:active {color: #b5bf30; text-decoration: underline}

form.stijl{
	font-family: Verdana;
	font-size: 12px;
	color: #FFF;
}

form.stijl label{
	float: left;
	width: 13em;
	text-align: left;
	margin-bottom: 3px;
}

form.stijl input, form.stijl textarea{
	margin-bottom: 3px;
}

table.gallery {
	text-align: center;
}
