body { font-family: Verdana, Geneva, sans-serif; font-size: 8pt; }
body { background: #f4e2cc url('../images/background.jpg?v=1.1') left top repeat-x; margin: 0; padding: 0; text-align: center; overflow: hidden; }

div#container { width: 900px; margin: 0 auto; position: relative; text-align: left; }

/* header */
div#header { height: 160px; }
	div#header { position: relative; z-index: 2; }
	div#background_right { background: url('../images/background_right.jpg?v=1.1') right top no-repeat; position: absolute; right: -280px; top: 0; z-index: 10; height: 434px; width: 634px; }

/* contentbox */
div#contentbox { padding: 10px; background-color: white; width: 880px; position: relative; z-index: 20; }

	/* Content */
	div#contentbox div.content { width: 640px; float: right; }
	div#contentbox div.content div.topfoto { margin-bottom: 2em; position: relative; width: 640px; height: 166px; overflow: hidden; }
	div#contentbox div.content div.topfoto img { position: absolute; top: 0; left: 0; z-index: 2; visibility: hidden; }
	div#contentbox div.content div.tekst { padding: 0 10px; position: relative; }

	div.breadcrumbs { position: absolute; right: 0; top: 1px; font-size: 8pt; text-decoration: none; color: #E8AB91; }
	div.breadcrumbs a { color: #E8AB91; }
	div.breadcrumbs a:hover { color: #DC5B10; }
	div.breadcrumbs img.seprator { position: relative; top: -4px; margin: 0 5px; }


	h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #DF6D07; font-weight: bold; margin-bottom: 0.5em; }
	h1 { font-size: 12pt; text-transform: uppercase; }
	h2 { font-size: 11pt; }
	h3 { font-size: 10pt; }
	p { font-family: Verdana, Geneva, sans-serif; font-size: 8pt; line-height: 2em; }
	p.error { font-weight: bold; color: #C00; }
	hr { height: 0; line-height: 0; color: #DF6D07; border: none; border-top: 2px solid #DF6D07; }
        div#contentbox div.content a { color: #06c; }

	/* Navigation */
	div#navigation { width: 230px; float: left; min-height: 595px; }
		div#navigation ul,
		div#navigation ul li { margin: 0; padding: 0; list-style: none; }
		div#navigation ul li { display: block; }
		div#navigation ul li a { text-decoration: none; }

		div#navigation ul.navigation li { position: relative; }
		* html div#navigation ul.navigation li { margin: 0; top: 0; height: 39px; }
		div#navigation ul.navigation li.first a { border-top: none; }
		div#navigation ul.navigation li a { padding: 12px 30px; color: #DF6D07; font-weight: bold;  padding-left: 30px; display: block; background: #f4e2cc url('../images/nav_bullet.gif?v=1.1') 14px 18px no-repeat; border-top: 1px solid #E7B799; }
		div#navigation ul.navigation li a:hover,
		div#navigation ul.navigation li a.active { color: #f4e2cc; background-color: #DF6D07; background-image: url('../images/nav_bullet_active.gif?v=1.1'); }

		/* Navigation active */
		ul.navigation li a.active { font-weight: bold; }

		div#navigation ul.subnavigation { display: none; margin: 0; }
		div#navigation ul.subnavigation.active { display: block; }
		div#navigation ul.subnavigation li a,
		div#navigation ul.subnavigation li a:hover,
		div#navigation ul.subnavigation li a.active { padding: 6px 8px; padding-left: 30px; color: #4d1405; font-weight: normal; background-color: white; background-image: none; border: none; }
		div#navigation ul.subnavigation li a:hover { text-decoration: underline;	}
		div#navigation ul.subnavigation li a.active { font-weight: bold; }

	/* Sitemap */
	ul.sitemap,
	ul.sitemap li { padding: 0; }
	ul.sitemap { list-style-type: none; margin: 0 0 1em 5px; }
	/*ul.sitemap { list-style-image: url('../images/list-item.gif'); }*/
	ul.sitemap li a { color: #DF6D07; font-weight: bold; }
	ul.sitemap li ul li a { font-weight: normal; }
	ul.sitemap li span.dummy { font-weight: bold; color: #621A00; }
	ul.sitemap li ul.sitemap_subitems li span.dummy { font-weight: normal; color: #000; }

	/* Footer */
	div#footer { padding:1.5em 1em; margin-bottom: 1em; position: relative; }
		div#footer ul { font-family: Verdana, Geneva, sans-serif; font-size: 8pt; }
		div#footer ul,
		div#footer ul li { list-style: none; margin: 0; padding: 0; }
		div#footer ul li { float: left; }
		div#footer ul li.seprator { color: #DF6D07; margin: 0 1em; }
		div#footer ul li a { padding: 2px; color: #621a00; text-decoration: none; }
		div#footer ul li a.active { font-weight: bold; }
		div#footer ul li a:hover { text-decoration: underline; }
		div#footer img.iso9001 { position: absolute; right: 0; top: 5px; }

/* Standaard opmaak van zoekresultaten */
div.search_results {  }
	div.search_results div.item { margin: 1em 0; line-height: 1.2em; }
	div.search_results div.item h3 { margin: 0 0 3px 0; font-size: 12pt; font-weight: normal; }
	div.search_results div.item h3 a { color: blue; }
	div.search_results div.item p { margin: 0; }
	div.search_results div.item p.url a { color: green; text-decoration: none; }
	div.search_results div.item span { font-weight: bold; }

/* Standaard opmaak contactformulier */
	form ul.contact,
	form ul.contact li { list-style: none; margin: 0; padding: 0; }
	form ul.contact li { line-height: 2em; position: relative; }
	form ul.contact li label { font-weight: bold; position: relative; top: -3px; }
	form ul.contact li label.error { color: #C00; }
	form ul.contact li input,
	form ul.contact li textarea { position: absolute; left: 100px; }
	form ul.contact li input.field { width: 190px; }
	form ul.contact li textarea { height: 5em; overflow: auto; width: 190px; }
	form ul.contact li.message { height: 6em; }

        iframe.panoview { margin: 0 auto; width:600px; border:1px solid #ccc; display: block; }

/* Custom formulieren */
div.textarea_fields { width: 450px; }
div.textarea_fields.wide,
div.textarea_fields.wide textarea { width: 100%; }
div.textarea_fields.wide p.label { line-height: 1.5em; }
div.textarea_fields p.label { line-height: 1.3em; margin-bottom: 3px; }
div.textarea_fields p.label label.error { color: #c00; }
div.textarea_fields textarea { width: 450px; height: 5em; }

form ul.contact.wide li input,
form ul.contact.wide li textarea { position: absolute; left: 250px; }
form ul.contact.middle li input,
form ul.contact.middle li textarea { position: absolute; left: 150px; }
form ul.contact.wide li textarea { top: 0; }
form ul.contact.wide li#message_sent_by label { font-weight: normal; }
form ul.contact.wide li#message_sent_by { margin-top: 1em; }