/* --> Includes CSS
******************************************************************************/
@import url(content.css);


/* --> General body
******************************************************************************/

html {
	padding-bottom: 1px;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font: normal 11px/20px Arial, Verdana, Tahoma, sans-serif;
	color: #6b6a6c;
	background: #f4efdc url(../../img/bg_wb.gif) repeat-x 0 121px;
}

table {
	font: normal 11px/20px Arial, Verdana, Tahoma, sans-serif;
	color: #6B6A6C;
}

hr {
	height: 1px;
	color: #e3e3e3;
	background-color: #e3e3e3;
	border: 0;
}


p {
	margin: 0;
	padding: 0;
}


a {
	color: #333;
	text-decoration: underline;
	cursor: pointer;
}

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

/* --> Top
******************************************************************************/

.top {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 121px;
	background: url(../../img/bg_top.gif) repeat-x;
}

.top .inner {
	padding: 0;
	margin: auto;
	width: 1000px;
	position: relative;
}

.top .inner .nav {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 73px;
	right: 0;
}

.top .inner .nav a {
	padding: 3px 0 0 0;
	margin: 0 0 0 5px;
	width: 73px;
	height: 25px;
	float: left;
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: url(../../img/bg_tab.gif) no-repeat top right;
}

.top .inner .nav a:hover {
	background: url(../../img/bg_tab_omo.gif) no-repeat top right;
}


/* --> Breadcrumb
******************************************************************************/

#breadcrumb {
	padding: 0;
	margin: auto;
	width: 1000px;
	height: 33px;
	background: url(../../img/bg_breadcrumb.gif) repeat-x;
	position: relative;
}

#breadcrumb .trace {
	padding: 0;
	margin: 0;
	color: #453E24;
	position: absolute;
	top: 8px;
	left: 20px;
}

#breadcrumb .trace ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#breadcrumb .trace ul li {
	padding: 0 0 0 8px;
	margin: 0;
	display: inline;
	background: url(../../img/breadcrumb_line.gif) no-repeat 1px 3px;
}

#breadcrumb .trace ul li.none {
	padding: 0;
	margin: 0;
	background: none;
}

#breadcrumb .trace a {
	padding: 0;
	margin: 0;
	color: #7F6F34;
	text-decoration: none;
}

#breadcrumb .trace a:hover {
	text-decoration: underline;
}

#breadcrumb .b-friend {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 8px;
	right: 140px;
}

#breadcrumb .b-print {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 7px;
	right: 20px;
}


/* --> Content
******************************************************************************/

#content-container {
	padding: 20px 0 0 0;
	margin: auto;
	width: 1000px;
	display: table;
}

#content-container .top {
	padding: 0;
	margin: 0;
	width: 1000px;
	height: 14px;
	background: url(../../img/bg_canvas_top.gif) repeat-x;
}

#content-container .content {
	padding: 6px 20px 12px 20px;
	margin: 0;
	min-height: 1px;
	background-color: #fff;
	display: block;
}

#content-container .bottom {
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 14px;
	background: url(../../img/bg_canvas_bottom.gif) repeat-x;
}


/* --> Footer
******************************************************************************/

#footer {
	padding: 0;
	margin: auto;
	width: 1000px;
	height: 60px;
	position: relative;
	color: #453E24;
}

#footer .copyright {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 26px;
	left: 20px;
}

#footer .perfectview {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 26px;
	left: 850px;
}

#footer .perfectview img {
	padding: 0 0 0 7px;
	margin: 0;
	vertical-align: top;
}

#footer .nav {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 26px;
	right: 20px;
}

#footer .nav a {
	padding: 0 0 0 16px;
	margin: 0;
	float: left;
	color: #79735B;
	text-decoration: none;
	display: block;
}

#footer .nav a:hover {
	text-decoration: underline;
}


/* --> Search Results	
******************************************************************************/

.header {
	padding: 10px 0 2px 5px;
	font: normal 12px/14px Arial, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	color: #787838;
}

.categorie {
	padding: 0 0 0 5px;
	font: normal 11px/20px Arial, Verdana, Tahoma, sans-serif;
	color: #403c23;
}

.categorieomschrijving {
	margin: 0 0 5px 5px;
	padding: 0 5px;
	text-align: left;
	font: normal 11px/20px Arial, Verdana, Tahoma, sans-serif;
	color: #403c23;
	background-color: #fff;
	border-top: 1px dotted #ebe2c0 !important;
	border-bottom: 1px dotted #ebe2c0 !important;
	border-top: 1px solid #f3eeda;
	border-bottom: 1px solid #f3eeda;
	display: block;
}

.tabel {
	margin: 5px 0 5px 5px;
	background-color: #fcf9f2;
	border-top: 1px dotted #ebe2c0 !important;
	border-bottom: 1px dotted #ebe2c0 !important;
	border-top: 1px solid #f3eeda;
	border-bottom: 1px solid #f3eeda;
}

.tabel-meer {
	margin: 5px 0 5px 5px;
	text-align: left;
	color: #787838;
	background-color: #faf8f3;
	border-top: 1px dotted #ededed;
	border-bottom: 1px dotted #ededed;
}

.box-more {
	margin: 5px 0 5px 5px;
	padding: 0 5px;
	text-align: left;
	color: #787838;
	background-color: #fff;
	border-top: 1px dotted #ebe2c0 !important;
	border-bottom: 1px dotted #ebe2c0 !important;
	border-top: 1px solid #f3eeda;
	border-bottom: 1px solid #f3eeda;
}

.box-more a {
	color: #787838;
	text-decoration: none;
}

.pages {
	padding: 0 0 0 2px;
	font: normal 11px/20px Arial, Verdana, Tahoma, sans-serif;
	color: #403c23;
	text-decoration: none;
}