*{
	padding: 0px;
	margin-top: 0px;
	top: 100px;
	right: 50px;
}

@font-face {
    font-family: 'UbuntuTitlingBold';
    src: url('UbuntuTitling-Bold-webfont.eot');
    src: url('UbuntuTitling-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('UbuntuTitling-Bold-webfont.woff') format('woff'),
         url('UbuntuTitling-Bold-webfont.ttf') format('truetype'),
         url('UbuntuTitling-Bold-webfont.svg#UbuntuTitlingBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
	font-family: "Ubuntu Titling";
	font-size: xx-large;
	color: #FC0;
}
h2 {
	font-family: "Ubuntu Titling";
	font-size: medium;
	color: #999;
	padding: 8px;
}
h3 {
	font-family: "Ubuntu Titling";
	font-size: 100px;
	color: #FC0;
	font-weight: bold;
	letter-spacing: 0.75em;
	text-align: center;
}

body{
	background-color:#000;
	margin-top: 5px;
	background-position: center 100px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url(bg-thailand.jpg);
	height: 1400px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

/*****	menu	*****/

#navigation{
	width: 950px;
	margin-top: 5px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
}

#navigation li{
	float:left;
	list-style: none;
}

#navigation li a{
	background-image:url('../images/menu.png');
	display:block;
}

/* position the sprite */

.home
	{
	background-position:0px 0px;
	width:190px;
	height:35px;
	}

	.natuur
	{
	background-position:-190px 0px;
	width:190px;
	height:35px
	}
	
	.thailand
	{
	background-position:-380px 0px;
	width:190px;
	height:35px
	}

	.biesbosch
	{
	background-position:-570px 0px;
	width:190px;
	height:35px
	}
	
	.gastenboek
	{
	background-position:-760px 0px;
	width:190px;
	height:35px
	}
	
/* position the sprite on hover: */

#navigation a .hover {
	background:url('../images/menu.png') no-repeat;
	display: block;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	}

	#navigation a.home .hover {
	background-position: 0px -35px;

	}
	
	#navigation a.natuur .hover{
	background-position: -190px -35px;

	}
	
	#navigation a.thailand .hover {
	background-position: -380px -35px;
	}
	
	#navigation a.biesbosch .hover {
	background-position: -570px -35px;
	}
	
	#navigation a.gastenboek .hover {
	background-position: -760px -35px;
	}
	
/***** inhoud *****/
#project_container {
	width:950px;
	height:1350px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -40px;
	background-color: #000;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center 0px;
	background-image: url(bg-map.jpg);
}
.whitetempel {
	position: relative;
	top: 90px;
	left: 300px;
	height: 40px;
	width: 150px;
}
.paduangvolk {
	position: relative;
	left: 90px;
	top: 70px;
	height: 40px;
	width: 150px;
}
.chiangmai {
	position: relative;
	left:260px;
	top:70px;
	height: 40px;
	width: 150px;
}
.mekongroute {
	position: relative;
	left: 380px;
	top: 80px;
	height: 40px;
	width: 150px;
}
.phuphrabat {
	position: relative;
	left: 370px;
	top: 80px;
	height: 40px;
	width: 150px;
}
.udonthai {
	position: relative;
	left: 565px;
	top: 55px;
	height: 40px;
	width: 150px;
}
.sukhothai {
	position: relative;
	left: 300px;
	top: 50px;
	height: 40px;
	width: 150px;
}
.phitsanulok {
	position: relative;
	left: 350px;
	top: 50px;
	height: 40px;
	width: 150px;
}
.maesot {
	position: relative;
	left: 100px;
	top: 20px;
	height: 40px;
	width: 150px;
}
.umphang {
	position: relative;
	left: 110px;
	top: 25px;
	height: 40px;
	width: 150px;
}
.pakchong {
	position: relative;
	left: 460px;
	top: 70px;
	height: 40px;
	width: 150px;
}
.khaoyai {
	position: relative;
	left: 450px;
	top: 65px;
	height: 40px;
	width: 150px;
}
.ayutthaya {
	position: relative;
	left: 250px;
	top: 30px;
	height: 40px;
	width: 150px;
}
.BangPaIn {
	position: relative;
	left: 390px;
	top: 25px;
	height: 40px;
	width: 150px;
}
.bangkok {
	position: relative;
	left: 380px;
	top: 25px;
	height: 40px;
	width: 150px;
}
.openzoo {
	position: relative;
	left: 450px;
	top: 20px;
	height: 40px;
	width: 150px;
}
.pattaya {
	position: relative;
	left: 420px;
	top: 20px;
	height: 40px;
	width: 150px;
}
.kochang {
	position: relative;
	left: 520px;
	top: 40px;
	height: 40px;
	width: 150px;
}
.birmaspoor {
	position: relative;
	left: 100px;
	top: -270px;
	height: 40px;
	width: 150px;
}
.erawan {
	position: relative;
	left: 140px;
	top: -275px;
	height: 40px;
	width: 150px;
}
.kanchanaburi {
	position: relative;
	left: 170px;
	top: -255px;
	height: 40px;
	width: 150px;
}
.damnoenmarkt {
	position: relative;
	left: 180px;
	top: -265px;
	height: 40px;
	width: 150px;
}
.samutsongkhram {
	position: relative;
	left: 200px;
	top: -275px;
	height: 40px;
	width: 150px;
}
.amphawa {
	position: relative;
	left: 185px;
	top: -285px;
	height: 40px;
	width: 150px;
}
.chaam {
	position: relative;
	left: 200px;
	top: -295px;
	height: 40px;
	width: 150px;
}
.huahin {
	position: relative;
	left: 330px;
	top: -310px;
	height: 40px;
	width: 150px;
}
.pranburi {
	position: relative;
	left: 190px;
	top: -328px;
	height: 40px;
	width: 150px;
}
.roiyot {
	position: relative;
	left: 320px;
	top: -342px;
	height: 40px;
	width: 150px;
}
.kotao {
	position: relative;
	left: 300px;
	top: -230px;
	height: 40px;
	width: 150px;
}
.kophangan {
	position: relative;
	left: 320px;
	top: -235px;
	height: 40px;
	width: 150px;
}
.kosamui {
	position: relative;
	left: 330px;
	top: -240px;
	height: 40px;
	width: 150px;
}
.khaosok {
	position: relative;
	left: 90px;
	top: -230px;
	height: 40px;
	width: 150px;
}
.khaolak {
	position: relative;
	left: 50px;
	top: -230px;
	height: 40px;
	width: 150px;
}
.phuket {
	position: relative;
	left: 70px;
	top: -230px;
	height: 40px;
	width: 150px;
}
.kophiphi {
	position: relative;
	left: 220px;
	top: -260px;
	height: 40px;
	width: 150px;
}

/***** footer  *****/	
#footer_container {
	width:950px;
	height: 35px;
	background-image: url(../images/bg-footer.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: -175px;
}