body { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }

div#container { width: 1012px; margin: 0 auto; }

/* Header */
div.header { height: 120px; position: relative; margin-bottom: 8px; }
	div.header a img.logo { position: relative; top: 10px; }
	div.header h2 { position: absolute; left: 180px; top: 60px; height: 60px; color: #ff02c8; font-size: 30px; line-height: 26px; letter-spacing: 1px; }
	div.header h2 span { margin-left: 112px; }
	div.header div#mededeling { width: 350px; height: 75px; background-color: #ff02c8; border: 1px solid #940174; position: absolute; right: 0; top: 22px; cursor: pointer; }
	div.header div#mededeling div.corner { background: url('../images/header_mededeling_corners.gif') no-repeat; height: 5px; width: 6px; }
	div.header div#mededeling div.corner.left_top { background-position: left top; left: -1px; top: -1px; }
	div.header div#mededeling div.corner.left_bottom { background-position: left bottom; left: -1px; bottom: -1px; _bottom: -2px; }
	div.header div#mededeling div.corner.right_top { background-position: right top; right: -1px; top: -1px; }
	div.header div#mededeling div.corner.right_bottom { background-position: right bottom; right: -1px; bottom: -1px; _bottom: -2px; }
	div.header div#mededeling table { width: 100%;}
	div.header div#mededeling table tr td.msg { width: 90%; padding: 0 1em; }
	div.header div#mededeling h4 { color: #fff; font-size: 30px; line-height: 30px; letter-spacing: 1px; font-weight: normal; text-decoration: underline; text-align: center; }
	div.header div#mededeling h4 span { text-align: right; display: block; }

/* Contentbox */
div.contentbox { background-color: #f2f2f2; padding-top: 8px; position: relative; z-index:2;  }
	div.contentbox div.corner { background: url('../images/contentbox_bg_corners.gif') no-repeat; }
	div.contentbox div.corner.left_top { background-position: left top; left: 0; top: 0; }
	div.contentbox div.corner.left_bottom { background-position: left bottom; left: 0; bottom: 0; }
	div.contentbox div.corner.right_top { background-position: right top; right: 0; top: 0; }
	div.contentbox div.corner.right_bottom { background-position: right bottom; right: 0; bottom: 0; }

	div.corner { position: absolute; height: 4px; width: 4px; font-size: 4px; }

	div.contentbox div.container { background-color: #fff; border: 1px solid #CCC; position: relative; padding: 10px; padding-bottom: 17px; }
	div.contentbox div.container div.corner { background: url('../images/contentbox_container_bg_corners.gif') no-repeat; }
	div.contentbox div.container div.corner.left_top { background-position: left top; left: -1px; top: -1px; _left: -11px; }
	div.contentbox div.container div.corner.left_bottom { background-position: left bottom; left: -1px; bottom: -1px; }
	div.contentbox div.container div.corner.right_top { background-position: right top; right: -1px; top: -1px; _right: 0; }
	div.contentbox div.container div.corner.right_bottom { background-position: right bottom; right: -1px; bottom: -1px; }

	div.contentbox div.container div.topbar { height: 58px; background: #5bd52c url('../images/contentbox_topbar.gif') left top repeat-x; position: relative; margin-bottom: 17px; }
	div.contentbox div.container div.topbar img.left{ position: absolute; left: 0; top: 0; }
	div.contentbox div.container div.topbar div.searchbox { height: 58px; width: 268px; background: #46a321 url('../images/contentbox_topbar_right.gif') right top no-repeat; position: absolute; right: 0; }
	div.contentbox div.container div.topbar div.searchbox form input.search_btn { position: absolute; left: 215px; top: 10px; padding: 7px; }
	div.contentbox div.container div.topbar div.searchbox form input#search_term { border: 1px solid #fff; position: relative; top: 10px; left: 85px; padding: 9px 0; width: 130px; }

	div.contentbox div.leftbox,
	div.contentbox div.middlebox,
	div.contentbox div.rightbox	 { border: 0px solid red; float: left; position:relative; z-index: 5; }
	div.contentbox div.leftbox	 { width: 170px; }
	div.contentbox div.middlebox { width: 557px; margin: 0; }
	div#content { margin: 0 10px; }
	div.contentbox div.rightbox	 { width: 262px; float: right; }

	div#content div.head { width: 100%; padding: 10px 0; background: #fbfbfb url('../images/contentbox_middle_bg.gif') left top repeat-x; border-bottom: 3px solid #ededed; position: relative; }
	div#content div.head h1 { position: relative; left: 10px; }
	div#content div.head div.corner { width: 7px; height: 48px; position: absolute; }
	div#content div.head div.corner.left { left: -1px; top: 0; background: transparent url('../images/contentbox_middle_corners.gif') left top no-repeat; }
	div#content div.head div.corner.right { right: -1px; _right: -2px; top: 0; background: transparent url('../images/contentbox_middle_corners.gif') right top no-repeat; }
	div#content { border: 1px solid #CCC; background-color: #f2f2f2; border-top: none; }
	div#content div.contentbox { padding: 0 15px 15px 15px; border-top: 1px solid #ccc; position: relative; min-height: 336px; }
	div#content div.contentbox div.corner { width: 6px; height: 5px; position: absolute; }
	div#content div.contentbox div.corner.left { left: -1px; bottom: -1px; background: #f2f2f2 url('../images/contentbox_middle_bottom_corners.gif') left bottom no-repeat; }
	div#content div.contentbox div.corner.right { right: -1px; bottom: -1px; background: #f2f2f2 url('../images/contentbox_middle_bottom_corners.gif') right bottom no-repeat; }


	p, h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #62a50f; }
	h1 { font-size: 16pt; font-weight: bold; }
	h2 { font-size: 18pt; font-weight: bold; }
	h3 { font-size: 16pt; }
	h4 { font-size: 14pt; }
	h5 { font-size: 12pt; }
	a, li, p { color: #000; font-size: 10pt; line-height: 1.5em; }
	p.error { font-weight: bold; color: #C00; }
	a { color: #CA029F; }
	hr { height: 0; line-height: 0; color: #d9d9d9; border: none; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }

	div.rightbox div.newsletter { border: 1px solid #CCC; background-color: #F2F2F2; position: relative; }
	div.rightbox div.newsletter div.head { height: 40px; background: #EDEDED url('../images/rightbox_email_topbar.gif') left top repeat-x; border-bottom: 1px solid #CCC; color: #414141; position: relative; }
	div.rightbox div.newsletter div.head b { position: relative; top: 8px; left: 8px; }
	div.rightbox div.newsletter div.content { }
	div.rightbox div.newsletter div.corner { background: url('../images/rightbox_email_corners.gif') no-repeat; z-index: 10; }
	div.rightbox div.newsletter div.corner.left_top { background-position: left top; left: -1px; top: -1px; _top: 0; }
	div.rightbox div.newsletter div.corner.left_bottom { background-position: left bottom; left: -1px; bottom: -1px; _display: none; }
	div.rightbox div.newsletter div.corner.right_top { background-position: right top; right: -1px; top: -1px; _top: 0; _right: 0; }
	div.rightbox div.newsletter div.corner.right_bottom { background-position: right bottom; right: -1px; bottom: -1px; _display: none; }
	div.rightbox ul,
	div.rightbox li { margin: 0; padding: 0; list-style: none;}
	div.rightbox div.newsletter ul { margin-bottom: 12px; }
	div.rightbox div.newsletter ul li { height: 22px; border: 0px solid red; margin: 6px; margin-bottom: 0; position: relative; top: 6px; }
	div.rightbox div.newsletter ul li label { color: #333333; position: relative; top: 3px; }
	div.rightbox div.newsletter ul li input { position: absolute; right: 0px; top: 1px; border: 1px solid #bababa; border-bottom: 1px solid #d3d3d3; }
	div.rightbox div.newsletter ul li.image_submit input { right: -4px; border: none; }
	div.rightbox div.newsletter ul li.image_submit { height: 34px; border: 0px solid red; }

	/* div.contentbox div.leftbox ul#leftnav */
	ul#leftnav, ul#leftnav li { margin: 0; padding: 0; list-style: none; display: block; }
	ul#leftnav li { width: 170px; height: 56px; background: #FFF url('../images/contentbox_leftnav_btn.gif') left top no-repeat; text-align: center; margin-top: 25px; margin-top: 25px\9;  *margin-top: 22px; _margin-top: 22px; }
	ul#leftnav li.big { height: 75px; background-image: url('../images/contentbox_leftnav_btn_big.gif'); margin: 0; }
	ul#leftnav li table { width: 100%; height: 100%; }
	ul#leftnav li table tr td { text-align: center; font-size: 10pt; }
	ul#leftnav li a { font-size: 13pt; line-height: 15pt; font-weight: bold; color: #fff; text-transform: uppercase; text-decoration: none; margin: 0 3px; display: block; padding: 5px 0; }
	ul#leftnav li a:hover { color: #000; }

	div.contentbox div.bottomnav { height: 58px; border: 1px solid #46a422; border-top: none; position: relative; background: #5fdd2e url('../images/contentbox_container_bottomnav_bg.gif') bottom left repeat-x; }
	div.contentbox div.bottomnav ul { position: relative; top: 20px; }
	div.contentbox div.bottomnav ul,
	div.contentbox div.bottomnav ul li { margin: 0; padding: 0; list-style: none; text-align: center; }
	div.contentbox div.bottomnav ul li { margin: 0 25px; display: inline; }
	div.contentbox div.bottomnav ul li a { font-size: 12pt; color: #fff; text-transform: uppercase; text-decoration: none; }
	div.contentbox div.bottomnav ul li a:hover { text-decoration: underline; }
	div.contentbox div.bottomnav div.corner { background: url('../images/contentbox_container_bottomnav_corners.gif') no-repeat; }
	div.contentbox div.bottomnav div.corner.left_bottom { background-position: left bottom; left: -1px; bottom: -1px; }
	div.contentbox div.bottomnav div.corner.right_bottom { background-position: right bottom; right: -1px; bottom: -1px; }

	div.rightbox div.rightnav ul { margin-top: 6px;}
	div.rightbox div.rightnav ul li { margin-top: 12px; border: 0px solid red; }

	ul#rightnav, ul#rightnav li.text { padding: 0; list-style: none; display: block; }
	ul#rightnav li.text { width: 262px; height: 61px; background: #FFF url('../images/rightbox_nav_bg.gif') left top no-repeat; text-align: center; }
	ul#rightnav li.text table { width: 100%; height: 100%; }
	ul#rightnav li.text table tr td { text-align: center; font-size: 10pt; }
	ul#rightnav li.text a { font-size: 13pt; line-height: 15pt; font-weight: bold; color: #fff; text-transform: uppercase; text-decoration: none; margin: 0 3px; display: block; padding: 5px 0; }
	ul#rightnav li.text a:hover { color: #000; }

	div.contentbox div.footer { position: relative; padding: 25px; }
	div.contentbox div.footer p { margin: 0; color: #424242; }
	div.contentbox div.footer p.general_conditions { position: absolute; right: 25px; }
	div.contentbox div.footer p.general_conditions a { color: #424242; text-decoration: none; }
	div.contentbox div.footer p.general_conditions a:hover { text-decoration: underline; }

/* Webshop */
	div.webshop { padding: 5px 0; background-color: #F2F2F2; border-top: 1px solid #CCC; position: relative; }
	div.webshop iframe.promidata { width: 535px; height: 385px; border: none; }

/* 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; }

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