html {
	background-image: url(images/body_bg.gif);
	background-position: top center;
	background-repeat: repeat-y;
}

body {

	font-family: Verdana;
	font-size: 12px;
}

body {
width:800px;
text-align:center; /* for IE */
margin:auto; /* for the rest */
}

html, body {
height:100%; /* gives layout 100% height */
overflow:inherit; /* triggers 100% height in Opera 9.5 */
}


div#wrapper {
min-height:100%; /* gives layout 100% height */
width:800px; /* centered div must be given a width */
margin:0 auto; /* centers #wrapper */
text-align:left; /* for IE */
}

* html #wrapper { 
height:100%; /* IE6 treats height as min-height */
}





img {
	border: 0;
}

ul,ol,li,h2,h3 {
	padding: 0;
	margin: 0;
}

.clearboth {
	clear: both;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* headers */
div#header
{
	height: 120px;
	background-image: url(images/title.png);
	background-repeat:no-repeat;
}
div#header div#logo
{
	float:right;
	width: 210px;
	padding: 25px 0px 0px 0px;
}

/* menu */
div#menu
{
	height: 30px;
	background: #3333ff;
	text-align: right;
}

div#menu ul {
	background-color: #33f;
	list-style: none;
	text-align: right;
	padding: 0px 0px 0px 0px;
	color: #fff;
}


div#menu li {
	padding: 0 0 0 0;
	display: inline;
	float: left;
}

div#menu a#home {
	display: block;
	width: 100px;
	height: 30px;
	background: url(images/HomeMenu.png) 0 0 no-repeat;
}
div#menu a#home:hover{
	background-position: 0 -30px;
}

div#menu a#bestuur {
	display: block;
	width: 100px;
	height: 30px;
	background: url(images/BestuurMenu.png) 0 0 no-repeat;
}
div#menu a#bestuur:hover{
	background-position: 0 -30px;
}

div#menu a#foto {
	display: block;
	width: 100px;
	height: 30px;
	background: url(images/FotoMenu.png) 0 0 no-repeat;
}
div#menu a#foto:hover{
	background-position: 0 -30px;
}

div#menu a#contact {
	display: block;
	width: 100px;
	height: 30px;
	background: url(images/ContactMenu.png) 0 0 no-repeat;
}
div#menu a#contact:hover{
	background-position: 0 -30px;
}

div#menu a#links {
	display: block;
	width: 100px;
	height: 30px;
	background: url(images/LinkMenu.png) 0 0 no-repeat;
}
div#menu a#links:hover{
	background-position: 0 -30px;
}

div#menu a#kalender {
	display: block;
	width: 100px;
	height: 30px;
	background: url(images/KalenderMenu.png) 0 0 no-repeat;
}
div#menu a#kalender:hover{
	background-position: 0 -30px;
}


div#menu li a {
	color: #fff;
}

div#menu li a:hover {
	text-decoration: none;
}


/* subnav */
div#subnav {
	width: 184px;
	float: left;
	padding: 16px 0px 0px 16px;
}

div#subnav h2 {
	color: #f00;
	font-size: 150%;
	font-weight: 400;	
	margin-bottom: 10px;
}

div#subnav h3 {
	font-size: 100%;
	color: #44f;
}

div#subnav h3#cmsheader {
	margin-top: 10px;
}

div#subnav h3 a {
	color: #f00;
}

div#subnav a {
	color: #666;
}

div#subnav ul {
	list-style: none;
}

div#subnav ul li {
	padding: 4px 0px 0px 0px; 
}

div#subnav ul#submenu {
	margin-left: 0px;
	padding-left: 20px;
	list-style-position: outside;
	list-style-image: url("../img/gt.gif");
}

div#subnav ul li.active a {
	color: #f00;
}

div#subnav ul li.active ul li {
	padding-left: 16px;
}

div#subnav ul li.active ul li a {
	color: #666;
}

div#subnav ul li.active ul li.active a {
	color: #006;
}

div#subnav img
{
	padding: 1px;
}



/* content */
div#content {
	width: 550px;
	float: left;
	color: #555;
	padding: 0px 8px 100px 8px;
	margin: 16px 0px 0px 0px;
	border-left: 1px solid #777;
	height: 400px;
	min-height: 400px;
}

div#content h1 {
	color: #44f;
	font-size: 150%;
	margin-bottom: 10px;
}

div#content h2 {
	color: #44f;
	font-size: 130%;
	margin: 10px 0 0 0;
}

div#content h3 {
	color: #44f;
	font-size: 110%;
	margin-bottom: 10px;
}

div#content h4 {
	color: #006;
	font-size: 100%;
	margin: 10px 0 0 0;
}

div#content p {
	margin: 5px 0 0 0;
}

div#content li {
	list-style-position: outside;
	margin: 0 0 0 20px;
}

div#content a {
	color: #22f;
	font-style: italic;
}

div#content p.mdate {
	font-style: italic;
	margin-top: 10px;
}

#content img.left { 
        float: left;
}
 
#content img.right {
        float: right;
        margin-left: 10px;
        margin-right: 0px;
}

#content table tr td{
	font-family: Verdana;
	font-size: 12px;
}

#content #fotoalbum table tr td{
	font-family: Verdana;
	font-size: 12px;
}

.column2 p
{
	color: #555;
}
.column2 p.albumtitle
{
	font-weight:  bold;
	color : #44f;
}

div.fotoalbum .column1{
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #EEE;
}

div.fotoalbum .column2{
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 2px;
	background: #EEE;
}

#nieuws
{
	
	margin-bottom: 10px;
	border : 1px solid #666;
	background: #EEE;
	padding: 2px;
	padding-bottom: 10px;
}
#nieuws p.title{
	font-size:12px;
	font-weight:  bold;
	color : #44f;
	border-bottom: 1px solid #aaa;
}
#nieuws span.date{
	font-style: italic;
	font-size:12px;
	color: #555;
	font-weight:normal;
	margin-left: 50px;
}

#kalenderdiv
{
	
	margin-bottom: 10px;
	border : 1px solid #666;
	background: #EEE;
	padding: 2px;
	padding-bottom: 10px;
}
#kalenderdiv p.kalendertitle{
	font-size:12px;
	font-weight:  bold;
	color : #44f;
	border-bottom: 1px solid #aaa;
}