body{
	background-image: url(img/bg.png);
	background-repeat: repeat-x;
	margin: 0;
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #0d394a;
	}

#container{
	width: 785px;
	height: auto;
	margin: 0px auto 0px auto;
	}

#logo{
	height: 56px;
	width: 449px;
	float: left;
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
	background-position: center left;
	}

#vlag{
	width: 160px;
	float: left;
	background-repeat: no-repeat;
	padding-top: 12px;
	}

#top-menu{
	height: 54px;
	width: 164px;
	float: left;
	background-image: url(img/top-menu.png);
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 2px;
	color: #FFFFFF;
	line-height: 28px;
	padding-left: 12px;
	}

#top-menu a{
	color: #FFFFFF;
	text-decoration: none;
	}

#top-menu a:hover{
	text-decoration: underline;
	}

#header{
	height: 239px;
	width: 785px;
	background-image: url(img/header.jpg);
	clear: both;
	margin-bottom: 20px;
	}

#left{
	float: left;
	width: 239px;
	height: auto;
	margin-right: 10px;
	margin-bottom: 5px;
	}

#menu-heading{
	height: 31px;
	width: 209px;
	background-image: url(img/menu-heading.png);
	padding-left: 30px;
	line-height: 30px;
	}

#menu{
	height: auto;
	width: 239px;
	overflow: hidden;
	}

#menu ul { padding:0; margin:0; list-style-type: none; }
#menu li { float:left; position:relative; }

#menu li a, #menu li a:visited {
	display:block;
	text-decoration:none;
	font-size: 12px;
	height: 27px;
	width: 214px;
	background-image: url(img/menu-item.png);
	color: #FFFFFF;
	line-height: 24px;
	padding-left: 25px;
	}

#menu li a:hover{
	font-weight: bold;
	}

#menu li li a, #menu li li a:visited {
	display:block;
	text-decoration:none;
	font-size: 12px;
	height: 27px;
	width: 214px;
	background-image: url(img/menu-item2.png);
	color: #FFFFFF;
	line-height: 24px;
	padding-left: 40px;
	}

#menu li li a:hover{
	font-weight: bold;
	}

#menu-footer{
	height: 7px;
	width: 239px;
	background-image: url(img/menu-footer.png);
	margin-bottom: 5px;
	}

#contact-heading{
	height: 30px;
	width: 209px;
	background-image: url(img/contact-heading.png);
	line-height: 30px;
	padding-left: 30px;
	}

#contact{
	height: 95px;
	width: 219px;
	background-image: url(img/contact.png);
	padding: 10px;
	color: #FFFFFF;
	}

#contact ul{
	padding: 0;
	margin: 0;
	list-style: none;
	}

#contact a{
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px #FFFFFF dashed;
	}

#right{
	height: auto;
	width: 536px;
	float: left;
	margin-bottom: 5px;
	}

#content-heading{
	height: 29px;
	width: 531px;
	background-image: url(img/content-heading.png);
	padding-left: 5px;
	line-height: 30px;
	}

#content{
	height: auto;
	width: 536px;
	background-image: url(img/content-repeat.png);
	background-repeat: repeat-x;
	padding: 5px 0px 5px 0px;
	line-height: 18px;
	color: #0d394a;
	overflow: hidden;
	}

#content a{
	color: #1F85AD;
	text-decoration: none;
	//border-bottom: 1px #0D394A dashed;
	//font-weight: bold;
	}


#footer{
	height: 32px;
	width: 765px;
	background-image: url(img/footer.png);
	clear: both;
	padding: 0px 10px 0px 10px;
	line-height: 30px;
	color: #FFFFFF;
	}

.copyright{
	float: left;
	}

.footer-menu{
	float: right;
	}

#footer a{
	color: #FFFFFF;
	text-decoration: none;
	}

#footer a:hover{
	text-decoration: underline;
	}


h2{
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-family: Trebuchet MS;
	}

h1{

	margin: 10px 5px 10px 5px;
	padding: 0;
	color: #0d394a;
	font-family: Trebuchet MS;
	font-size: 18px;
	}

p{
	margin: 0px 5px 10px 5px;
	padding: 0;
	}

h3{
	font-size: 16px;
	color: #0d394a;
	padding: 0;
//	border-bottom: 1px #0d394a dashed;
	clear: both;
	margin: 10px 5px 10px 5px;
	}



#content h2{

	margin: 10px 5px 10px 5px;
	padding: 0;
	color: #0D394A;
	font-family: Trebuchet MS;
	}


/*styling van foto pagina*/

.foto-item{
	height: 117px;
	width: 117px;
	float: left;
	background-image: url(img/foto-item.png);
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 5px;
	}


/*styling van home pagina*/

#index_content{
	height: 260px;
	width: 536px;
	background-image: url(img/content-repeat.png);
	background-repeat: repeat-x;
	padding: 5px 0px 5px 0px;
	line-height: 18px;
	color: #0d394a;
	overflow: hidden;
	margin-bottom: 13px;
	}

#index_content a{
	color: #fbc500;
	text-decoration: none;
	border-bottom: 1px #fbc500 dashed;
	font-weight: bold;
	}

#rondleiding{
	height: 132px;
	width: 173px;
	background-image: url(img/rondleiding-bg.png);
	padding: 7px 7px 6px 6px;
	margin-right: 5px;
	float: left;
	}

#rondleiding img{
	margin-bottom: 5px;
	}

.button{
	height: 32px;
	width: 158px;
	background-image: url(img/button.png);
	padding: 3px 5px 3px 10px;
	color: #0d394a;
	}

#wat-te-doen{
	height: 135px;
	width: 334px;
	background-image: url(img/wat-te-doen-bg.png);
	float: left;
	padding: 5px;
	}

.tekst{
	height: 135px;
	width: 145px;
	float: left;
	margin-right: 10px;
	}

.evenementen{
	height: 135px;
	width: 179px;
	float: left;
	}

.items{
	height: 20px;
	width: 167px;
	background-image: url(img/evenementen-item.png);
	margin-bottom: 2px;
	padding-left: 5px;
	line-height: 20px;
	}

.menu2{
	padding-left: 5px;
}
