/* base
--------------------------------------------------- */

a{
	text-decoration:underline;
	color:#16a0c9;
}

body{
	background:#767465 url(../img/bg.png) repeat-x top center; 
	margin:0;
	padding:0;
}

/* hoofd blokken */
	
#mainCell{
	width:799px;
	padding:10px 0;
	background:#e4e4e4 url(../img/bg_bodymain.jpg) no-repeat top left;
}
#mainBodyCell{
	width:509px;
	padding-right:30px;
	margin:0;
	float:left;
}
#mainBodyCell.noSidebar{
	width:749px;
	padding:0 50px;
	margin:0;
	float:left;
}
#bodyMain{
	margin-right:40px;
}
#sidebarCell{
	width:225px;
	float:left;
	padding-right:35px;
}
#sidebarCell p{
	padding:0;
	margin:0;
}
.clear{
	clear:both;
	height:0;
	width:0;
	display:block;
}

/* titel */

h1.mainTitle{
}

.formField{
	margin:0px;
	padding:3px;
	color:#6F7F8C;
}

.formFieldRadioCheck{
	margin:0px;
	padding:3px;
	color:#6F7F8C;
}

.formFieldRequired{
	margin:0px;
	padding:3px;
	background-color:#B7CFDB;
	border:1px solid #12597E;
	color:#6F7F8C;
}

.formFieldRadioCheckRequired{
	margin:0px;
	padding:3px;
	background-color:#B7CFDB;
	border:1px solid #12597E;
	color:#6F7F8C;
}

/* layout
--------------------------------------------------- */

.break{
	clear:both;
}

#wrapper {
	margin: 0 auto;
	padding:0;
	background: #787766 url(../img/bg_wrapper.png) repeat-y top center;
	width: 945px;
	display:block;
	border:none;
}
#wrapper2 {
	margin: 0;
	padding:0;
	background: transparent url(../img/bg_wrapper2.png) no-repeat top center;
	width: 945px;
	display:block;
	border:none;
}
#wrapper3{
	margin:0;
	width: 945px;
	padding-bottom:45px;
	background:transparent url(../img/bg_bottom.png) no-repeat bottom center;
	display:block;
	border:none;
}
#wrapper4{
	margin:0 auto;
	padding-top:41px;
	width:819px;
	border:none;
	background:transparent;
}
#header {
	height: 140px;
	margin:0;
	padding:0;
	width:100%;
	background:url(../img/bg_header.png) repeat-x;
	display:block;
	border:none;
}
#logo{
	width:142px;
	margin:18px 0 29px 67px; 
	display:block;
	float:left;
}
#adres{
	width:550px;
	text-align:right;
	margin-right:60px;
	display:block;
	float:left;
}
#adres h4{
	font-size:16px;
	margin:21px 0 0 0;
}
#adres p{
	margin:0px;
	padding:0px;
}

#content {
	width: 799px;
	margin:0px;
	padding:10px;
	display:block;
	border:none;
	background:white;
}
#content.noSidebar {
	width: 799px;
	margin:0px;
	padding:10px;
	display:block;
	background:white;
}
#content.home {
	height:469px;
	width:799px;
	overflow:hidden;
}

#footer {
	margin:0 auto;
	padding-top:10px;
	width:819px;
	border:none;
	background:transparent;
	color:white;
	text-align:right;
}
#footer a{
	color:white;
}


/* main navigation
--------------------------------------------------- */

/* dit is de top ul 
volle breedte, borders, etc */
#topmenu {
	/* nav bevat het menu bovenaan */
	height: 49px;
	background:url(../img/bg_menu.png) no-repeat;
	text-align:left;
	display: block;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
#topmenu ul{
	display:none;
}
/* dit is niveau 1 van de top ul, gewoon float left */
#topmenu li {
	/* om de list-items naast elkaar te krijgen, zetten we de float op "left" */
	/* ook hier de list-style en background op none */
	position:relative;
	float: left;
	padding:0 12px;
	margin:0;
	list-style:none;
	background:none;
	height: 49px;
	line-height: 49px;
	display: block;	
}

#topmenu li a {
	/* de anchor moet op display block staan om mooie blokken te vormen */
	position:relative;
	height: 49px;
	line-height: 49px;
	display: block;
	text-decoration: none;
	white-space: nowrap;
	border:none;
	margin:0 10px;
	background:none;
}
#topmenu li a:link, #topmenu li a:visited {
	color:white;
}
#topmenu li a:hover, #topmenu li#active a {
	color: #5f4630;
}
#topmenu li.selected a{
	color:black;
	font-weight:bold;
}
#submenu {
	/* nav bevat het menu bovenaan */
	text-align:left;
	display: block;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

/* dit is niveau 1 van de top ul, gewoon float left */
#submenu li {
	/* om de list-items naast elkaar te krijgen, zetten we de float op "left" */
	/* ook hier de list-style en background op none */
	position:relative;
	float: left;
	padding:0;
	margin:0;
	list-style:none;
	background:none;
	display: block;	
	padding
}
#submenu li a {
	/* de anchor moet op display block staan om mooie blokken te vormen */
	position:relative;
	display: block;
	text-decoration: none;
	white-space: nowrap;
	padding:0 15px;
	background:none;
	border-right:1px solid #8a8a8a;
	font-size:12px;
	margin:0;
}
#submenu li:last-child a{
	padding:0 0 0 15px;
	border:none;
}
#submenu li.selected a{
	color:#f76500;
}
/**** FYI , de multi-ddm kan ook een array meegeven van classes per niveau ****/

/* headings
--------------------------------------------------- */

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin-bottom:5px;
}

/* text
--------------------------------------------------- */

#footer p {
	margin-left:8px;
	margin-right:8px;
	font: 10px/25px Arial, Helvetica, Verdana, sans-serif;
	color: #999;
	padding-right: 15px;
	text-align:center;
}
#footer2 p {
	text-align: right;
	font-size:11px;
	letter-spacing: 1px;
}
#menu_tooltip{
	position:absolute;
	z-index:3000;
	display:none;
	padding:8px;
	width:150px;
	height:93px;
	background:transparent url(../img/bg_menu2.png) no-repeat top left;
}
#krul{
	position:absolute;
	z-index:3000;
	display:none;
	background:none;
	margin:10px;
	width:799px;
	height:469px;
	overflow:hidden;
}
#krul .bg{
	position:relative;
	display:block;
	background:transparent url(../img/krul.png) no-repeat bottom left;
	width:799px;
	height:469px;
	top:469px;
}
#krul .bg h1{
	padding:400px 0 0 30px;
	color:white;
	font-size:24px;
}
strong.description{
	display:none;
}
a.zoomImage_80x80 img{
	border:3px solid white;
}
a.zoomImage_66x86 img{
	margin:20px 20px 0 0;
}