/* ============== algemene styles ================ */
body
{
	margin:0px;
	background-color:#E1D2C7;
	background-image: url("../img/background.jpg");
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#666666;
	width:100%;
}

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

p {
	font-size:.9em;
	}

h1.title {
	margin:0px;
	padding:0px;
	font-size:1em;
	color:#BB9933;
	letter-spacing: .001em;
}
h1.title br {
	margin:7px;

	}
h2 {
	font-size:1em;
	margin:0px 0px 45px 0px;
	padding:0px;
	font-weight: bold;
}

img {
	border:solid 1px #999999;
	margin:0px 0px 25px 0px;
	z-index:10;
}
img:hover {
	border:solid 1px #333333;
	}

/* === styles voor menu === */

ul.menu {
	position: absolute;
	top:100px;
	}

ul {
	padding:3px 0px 0px;
	margin:0px;
}
li {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	width:200px;
}
li.current {
	font-weight:bold;
}


/* ======== buttons ========= */
.button {
	float:left;
	width:25px;
	height:25px;
	background-image: url("../img/up.gif");
	border:solid 1px #999999;
	display:none;
	cursor: pointer;
}
.button.up					{	background-image: url("../img/up.gif"); }
.button.up:hover		{	background-image: url("../img/up_hover.gif"); border-color:#666666; }
.button.down				{	background-image: url("../img/down.gif"); }
.button.down:hover	{	background-image: url("../img/down_hover.gif"); border-color:#666666; }


/* ============== plaatsing van onderdelen en hun algemene styles ================ */

#wrapper
{
	/* left:50%;
	margin:0px 0px 0px -480px; */
	margin:20px auto 0px auto;
	padding:0px;
	width:960px;
}
#nav1
{
	float:left;
	top:0px;
	left:0px;
	width:200px;
	margin:0px;
	padding:0px;
}

	.jdb {
		margin-top:25px;
		font-size:.8em;
		}
	.jdb a {
		color:#888;
		letter-spacing: .1em;
		}

#content
{
	float:left;
	top:0px;
	width:451px;
	margin:0px;
	padding:0px;
}
	#text {
		width:450px;
		line-height: 1.2em;
		letter-spacing: .001em;
	}

	#textbutton {
		float:left;
		margin-top:60px;
		margin-left:0px;
	}

	#aanzichten {
		width:450px;
		overflow:hidden;
	}

	img.aanzicht {
		height:170px;
		float:left;
		cursor: pointer;
	}
	img.aanzicht.nr2 {
		float:right;
	}

	#image {
		width:450px;
		margin-top:20px;
		cursor: pointer;
	}
		#image img {
			float:left;
			width:450px;
		}
		#image .button {
			border-left:none;
		}


#nav2 {
	float:left;
	margin-top:50px;
	width:125px;
}
#navbuttons {
	float:left;
	margin-top:60px;
	margin-left:10px;
	width:25px;
}
#navbuttons .up {
	border-bottom:none;
	}

#nav2 img {
	width:100%;
	margin:10px 0px 10px 0px;
	float:right;
}
#nav2 .nav,
#nav2 .item {
	width:80px;
	float:right;
	clear:both;
	margin:0px;
}

#nav2 .nav.current,
#nav2 .item.current {
	width:100px;
	}

#nav2 .current img {
	border:solid 1px #BB9933;
	}

#tooltip {
	display:none;
	position:absolute;
	background-color:#333333;
	color: #BB9933;
	padding:2px 4px 2px;
	margin:0px;
}

.hidden {
	display:none;
	}


#googlemap {
	width:100%;
	height:350px;
	border:1px solid #999999;
}
#googlemap small {
	display:none;
}