html {
	height: 100%;
	margin: 0px;
	padding: 0px
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: #969e8c;
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFF;
}

#geheel {
	width: 100%;
	height: 100%;
	padding: 0px;
	border: none;
}

h1, h2 {
	font: 18px Arial, Helvetica, sans-serif;
	color: #FFF;
}

a {
	text-decoration: none;
	color: #FFF;
}

a:hover {
	text-decoration: none;
	color: #c3a332;
}

#site {
	position: relative;
	width: 975px;
	height: 549px;
	background: #969e8c;
}

#hoek_links_boven {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}

#menubalk {
	position: absolute;
	left: 1px;
	top: 507px;
	width: 975px;
	height: 29px;
	background: url(../images/balk_onder_helemaal.jpg) no-repeat;
	z-index: 1;	
}

#bg_links{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 469px;
	height: 520px;
	background:url(../images/bg_links.jpg) no-repeat;
	z-index: 1;
}

#bg_links_2{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 469px;
	height: 520px;
	background:url(../images/bg_links_2.jpg) no-repeat;
	z-index: 1;
}

#bg_rechts{
	position: absolute;
	left: 469px;
	top: 0px;
	width: 506px;
	height: 507px;
	background:url(../images/bg_rechts.jpg) no-repeat;
	z-index: 1;
}

#bg_rechts_2{
	position: absolute;
	left: 469px;
	top: 0px;
	width: 506px;
	height: 507px;
	background:url(../images/bg_rechts_2.jpg) no-repeat;
	z-index: 1;
}

#menukolom {
	position: relative;
	float: left;
	margin: 20px 0px 0px -20px;
	z-index: 1;
}

.menu {
	list-style-type:none;
	position: relative;
	text-align: left;
	color: #FFF;
	font: italic 16px Arial, Helvetica, sans-serif;
}
.menu li{
	margin-top:15px;
}
.tab_current{
	font-weight:bold;
}
.tab .hidden {
	display:none;
}
.hidden{
	list-style-type:none;
	font-weight:normal;
}
.hidden li {
	margin:10px 0 0 -20px;
}

.submenu {
	position: relative;
	text-align: left;
	margin: 15px 0px 0px 0px;
	font: italic 15px Arial, Helvetica, sans-serif;
	color: #FFF;
}

.contact {
	position: relative;
	text-align: left;
	float: left;
	margin: 5px 5px 0px 35px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #FFF;
	letter-spacing: 4px;
}

.hover a:hover {
	text-decoration: underline;
	color: #FFF;
}

#fotokolom {
	float: left;
	margin-top: 24px;
	margin-left: 30px;
	width: 202px;
	height: 493px;
	display: inline;
}

#fotokolominner {
	position: relative;
	width: 120px;
	height: 450px;
	left: 0px;
	top: -40px;
	overflow: hidden;
}

#fotokolomslide {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 120px;
}

#fotokolom2 {
	position: relative;
	float: left;
	top: 14px;
	left: 16px;
	width: 202px;
	height: 493px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.thumbnail {
	position: relative;
	float: left;
	width: 90px;
	height: auto;
	margin: 25px 0px 0px 45px;
	border: 2px solid #e7d05c;
}

#fotovak {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	left: 10px;
	top: 60px; 
}

#tekstvak {
	position: relative;
	float: left;
	width: 496px;
	height: 447px;
	margin: 35px 35px 25px 5px;
	text-align: left;
}

#nieuws {
	position: relative;
	float: left;
	width: 264px;
	padding: 0px 13px 0px 0px;
}

.nieuwspunten {
	position: relative;
	float: left;
	width: 264px;
	margin-bottom: 25px;
}

.thumbnail_nieuws {
	position: relative;
	float: right;
	width: 115px;
	height: 86px;
}

#agenda {
	position: relative;
	float: left;
	width: 163px;
	padding: 0px 0px 0px 12px;
}

.agendapunten {
	position: relative;
	float: left;
	width: 163px;
	margin-bottom: 25px;
}

h5 /* Grote plaatsen */
{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: black;
}

h6 /* Kleine Plaatsen */
{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: black;
}

#kaartframe /* Bepaalt hoeveel je van de kaart wilt laten zien */
{
	width: 350px; 
	height: 250px; 
	overflow: hidden;
}



#landkaart_container
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 349px; 
	height: 249px; 
	overflow: hidden;
	margin-left:0px;
	border: 2px solid #e7d05c;
}

#landkaartpositie /* Vul hier in welk gedeelte van de kaart je wilt laten zien (- waarden gebuiken) */
{
	position: absolute;
	left: -160px;
	top: -170px;
	z-index: 0;
}

#landkaart /* De kaart zelf */
{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
	width: 331px; 
	height: 221px; 
}

#vergroting
{
	position: absolute; 
	left: -1px; 
	top: -1px; 
	z-index: 1;
}

#landkaart_tekst, #vergroot_tekst
{
	position: absolute; 
	bottom: 5px; 
	right: 5px; 
	z-index: 1; 
	font-size: 11px;
	font-weight: bold;
	height: 14px;
	background: #FFFFFF;
	color: #700d1a;
}

.absolute /* Klasse omdat dit bij elk plaats hetzelfde is */
{
	position: absolute;
	z-index: 1;
}


/* Posities van alle plaatsen volgen hieronder */
#engelen
{
	left: 40px;
	top: 316px; 
}

#hedel
{
	left: 50px;
	top: 236px; 
}

#zaltbommel
{
	left: 10px;
	top: 66px; 
}

#kerkdriel
{
	left: 150px;
	top: 172px; 
}
#hertogenbosch
{
	left: 165px;
	top: 371px }

#empel
{
	left: 153px;
	top: 275px }

#rosmalen
{
	left: 210px;
	top: 351px }

#berlicum
{
	left: 270px;
	top: 407px }

#dendungen
{
	left: 235px;
	top: 485px}
	
#helvoirt
{
	left: 0px;
	top: 486px; }

#lunetten
{
	left: 35px;
	top: 471px; }

#vught {
	left:82px;
	top:523px;
}
#esch {	
	left:89px;
	top:612px;
}
#eind {	
	left:14px;
	top:657px;
}
#boxtel {
	left:147px;
	top:671px;
}
#lennisheuvel {
	left:122px;
	top:719px;
}
#sintmichielsgestel {
	left:177px;
	top:534px;
}
#gemonde {
	left:201px;
	top:589px;
}
#nuland {
	left:332px;
	top:300px;
}
#geffen {
	left:379px;
	top:281px;
}
#heesch {
	left:489px;
	top:277px;
}

#oss {
	left:489px;
	top: 217px;
}

#lith{
	left:330px;
	top: 115px;
}

#alphen{
	left:390px;
	top: 41px;
}

#maasbommel{
	left:500px;
	top: 81px;
}

#appeltern{
	left:550px;
	top: 10px;
}

#dieden{
	left:620px;
	top: 85px;
}

#batenburg{
	left:650px;
	top: 38px;
}
#nistelrode {
	left:530px;
	top:343px;
}
#schaijk {
	left:658px;
	top:259px;
}

#reek {
	left:745px;
	top:250px;
}

#velp{
	left:798px;
	top:235px;
}
#vinkel {
	left:406px;
	top:353px;
}
#kaathoven {
	left:354px;
	top:418px;
}
#loosbroek {
	left:408px;
	top:449px;
}
#zeeland {
	left:729px;
	top:417px;
}
#heeswijkdinther {
	left:376px;
	top:494px;
}
#vorstenbosch {
	left:517px;
	top:489px;
}
#uden {
	left:645px;
	top:480px;
}
#schijndel {
	left:306px;
	top:563px;
}
#wijbosch {
	left:386px;
	top:597px;
}
#volkel {
	left:705px;
	top:562px;
}
#odilliapeel {
	left:765px;
	top:514px;
}
#eerde {
	left:435px;
	top:663px;
}
#veghel {
	left:512px;
	top:599px;
}
#mariaheide {
	left:602px;
	top:563px;
}
#liempde {
	left:238px;
	top:720px;
}
#olland {
	left:300px;
	top:687px;
}
#sintoedenrode {	
	left:354px;
	top:734px;
}
#erp {	
	left:613px;
	top:630px;
}
#keldonk {	
	left:585px;
	top:671px;
}
#boekel {	
	left:733px;
	top:625px;
}
#huizen {	
	left:778px;
	top:688px;
}
#gemert {	
	left:764px;
	top:766px;
}
#boerdonk {	
	left:653px;
	top:747px;
}
#boskant {	
	left:313px;
	top:774px;
}
#nijnsel {	
	left:423px;
	top:773px;
}
#oirschot {
	left:123px;
	top:882px;
}
#mariahout {	
	left:548px;
	top:795px;
}
#beekendonk {	
	left:656px;
	top:820px;
}
#lieshout {	
	left:591px;
	top:851px;
}
#aarlerixtel {	
	left:665px;
	top:877px;
}
#best {
	left:237px;
	top:873px;
}
#son {	
	left:417px;
	top:851px;
}
#breugel {	
	left:465px;
	top:868px;
}
#middelbeers {	
	left:24px;
	top:989px;
}
#wimelre {	
	left:176px;
	top:1057px;
}
#vessem {
	
	left:94px;
	top:1117px;
}
#gerwen {	
	left:550px;
	top:928px;
}
#veldhoven {	
	left:255px;
	top:1110px;
}
#geldrop {
	left:538px;
	top:1134px;
}
#eindhoven {	
	left:389px;
	top:1084px;
}
#neunen {
	left:532px;
	top:981px;
}
#stiphout {
	left:633px;
	top:938px;
}
#helmond {
	left:720px;
	top:961px;
}
#stepenkolk {
	left:658px;
	top:1050px;
}
#mierlo {
	left:647px;
	top:1109px;
}
#lierop {
	left:760px;
	top:1122px;
}
/* Einde plaatsen */


.gallery
{
	list-style-type:none;
	padding-left:12px;
	padding-right:7px;
	margin-top:0;
}

.gallery li {
	margin-bottom: 8px;
}

.foto{
	cursor:pointer;
}

#fotoslidedown {
	position:relative;
	left:80px;
	cursor: pointer;
}

#fotoslideup {
	position:relative;
	left:80px;
	bottom:80px;
	cursor: pointer;
}



/* Contact */

#contact
{
	position:absolute;
	height:auto;
	width:200px;
	right:4px;
	top:40px;
}
.current
{
	font-weight:bold;
}

/* galleria */
/*nieuws images */
.galleria {list-style:none;width:100px; padding: 0px; margin: 0px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;margin:0 10px 10px 0; padding:0;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:100px} /* MSIE bug */


/*nieuws images */
.galleria1 {list-style:none;width:400px}
.galleria1 li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria1 li a{display:none}
.galleria1 li div{position:absolute;display:none;top:0;left:180px}
.galleria1 li div img{cursor:pointer}
.galleria1 li.active div img,.galleria1 li.active div{display:block}
.galleria1 li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria1 li .caption{display:block;padding-top:.5em}
* html .galleria1 li div span{width:400px} /* MSIE bug */

img.replaced{
	margin-left: 7px;
}

#banner {
  border: none;
  float:left;
  left:-133px;
  position:relative;
  top:341px;
  width:145px;
}