html, body, h1, h2, h3, form, table, td, th, ul, li {
	padding: 0;
	margin: 0;
}
table, img, iframe {
	border: none;
}
html {
	height: 100%;
	background-color: #ffffff;
}
body {
	height: 100%;
	font: 14px/15px Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
}
table {
	empty-cells: show;
	border-collapse: collapse;
}
.FooterTD {
	margin-top: 40px;
}
.cb {
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
}
a {
	color: #2a5a9f;
}
a:hover {
	color: #ff6000;
}


/* Container
------------------------------------------------------------------*/
#container {
	width: 762px;
	margin: 0 auto;
	font-family: Trebuchet MS;
	text-align: left;
}
#container h3 {
	font-size: 18px;
	font-family: Trebuchet MS;
	color: #ff8000;
	font-weight: bold;
	margin: 18px 0 10px 0;
}


/* Zoekbalk
------------------------------------------------------------------*/
#searchbar {
	padding: 5px 0 0 0;
	background-color: #f5f5f5;
	font-size: 11px;
	margin-bottom: 10px;
}
#searchbar .field {
	padding: 3px 0;
	clear: both;
}
#searchbar label {
	width: 100px;
	display: block;
	float: left;
	padding-left: 5px;
	font-weight: bold;
	font-size: 11px;
}
#searchbar input, #searchbar select {
	font-size: 11px;
	padding-left: 1px;
	border: solid 1px #999999;
}
#searchbar select {
	width: 140px;
}
#searchbar #expand {
	border-top: solid 5px #ffffff;
}
#btnExpandBar {
	float: right;
	margin-right: 5px;
	padding-left: 18px;
	color: #000000;
	background: transparent url(../../images/ap/arrow.gif) no-repeat center left;
}
#searchbar #btnSearchFast, #searchbar #btnSearchExp {
	border: none;
	color: #000000;
	cursor: pointer;
	width: 57px;
	height: 22px;
	padding: 0;
}
#searchbar #btnSearchFast {
	position: absolute;
	margin: -3px 0 0 3px;
}
#searchbar #btnSearchExp {
	height: 21px;
}

/*
# Box
------------------------------------------------------------------*/
#searchbar div.box {
	line-height: 18px;
	height: 18px;
	width: auto;
}
#searchbar div.box div {
	padding: 0 20px 0 0;
	vertical-align: middle;
	white-space: nowrap;
	float: left;
}
#searchbar table.box td {
	vertical-align: middle;
}
#searchbar .box input.box {
	border: none;
	padding: 0;
	margin: 0 1px 0 0;
	display: block;
	height: 20px;
	float: left;
	background-color: transparent;
}
#searchbar .box label {
	font-size: 11px;
	display: block;
	white-space: nowrap;
	font-weight: normal;
	float: none;
	width: auto;
	vertical-align: bottom;
}


/* Zoekresultaten
------------------------------------------------------------------*/
#results {
	margin-top: 10px;
}
#results #header {
	font-size: 11px;
	line-height: 16px;
	float: left;
	width: 400px;
}
#results #header h1 {
	margin: 0;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #ff8000;
	width: 400px;
}

/*
# Weergave modus
------------------------------------------------------------------*/
#results #displaymodes {
	width: 300px;
	float: right;
	color: #ff8000;
	font-size: 11px;
	line-height: 16px;
	visibility: hidden;
}
#results #displaymodes a {
	display: block;
	float: right;
	padding: 0 5px;
	text-decoration: none;
	color: #ff8000;
}
#results #displaymodes a.selected {
	font-weight: bold;
}
#results #displaymodes a:hover {
	text-decoration: underline;
}
#results #displaymodes div {
	float: right;
}

/*
# Opmerking
------------------------------------------------------------------*/
#results #notice {
	background-color: #ff8000;
	color: white;
	margin: 5px 0;
	font-size: 13px;
	padding: 5px;
	text-align: center;
}
#results #notice a {
	color: #ffffff;
	text-decoration: underline;
}
#results #notice a:hover {
	color: #000000;
}

/*
# Website header
------------------------------------------------------------------*/
#results .siteheader {
	background-color: #0295ff;
	line-height: 20px;
	height: 20px;
	padding: 0 5px;
	color: #ffffff;
	margin: 4px 0;
}
#results .siteheader h2 {
	font-size: 15px;
	font-family: Arial;
	color: #ffffff;
}
#results .siteheader a {
	color: #ffffff;
	text-decoration: none;
	float: left;
}
#results .siteheader div {
	float: right;
	font-size: 11px;
	width: 240px;
	text-align: right;
}
#results .siteheader div.busy {
	width: 140px;
}
#results .siteheader div img {
	float: right;
	margin: 2px 0 0 5px;
}

/*
# Cellmode
------------------------------------------------------------------*/
#results .list, #results .gallery {
	border-spacing: 3px;
	border-collapse: separate;
	width: 100%;
}
#results table.list a, #results table.gallery a {
	text-decoration: none;
	cursor: pointer;
}

/*
# List mode item
------------------------------------------------------------------*/
#results .list tr {
	height: 104px;
}
#results .list td {
	width: 33%;
	padding: 5px 2px 0 0;
	vertical-align: top;
	font-size: 11px;
	line-height: 13px;
	background-color: #f0f0f0;
	border-bottom: solid 1px #dddddd;
}
#results .list .image {
	float: left;
	width: 80px;
	text-align: center;
}
#results .list img {
	margin: 0 5px 5px 5px;
}
#results .list img.zoom {
	margin: 0;
	cursor: pointer;
}
#results .list ul {
	float: right;
	list-style: none outside;
	width: 158px;
	color: #606060;
	margin: 0;
}
#results .list li {
	width: 158px;
	overflow: hidden;
	white-space: nowrap;
	line-height: 12px;
	margin: 0;
}
#results .list li.title {
	overflow: hidden;
	white-space: normal;
}
#results .list b a {
	line-height: 13px;
	color: #404040;
	height: 26px;
	display: block;
	overflow: hidden;
	margin-bottom: 3px;
}
#results .list b a:hover {
	color: #000000;
	text-decoration: underline;
}

/*
# Gallery mode item
------------------------------------------------------------------*/
#results .gallery tr {
	height: 200px;
}
#results .gallery td {
	width: 33%;
	text-align: center;
	padding: 5px 2px 0 0;
	vertical-align: top;
	font-size: 10px;
	line-height: 13px;
	background-color: #f0f0f0;
	border-bottom: solid 1px #dddddd;
}
#results .gallery .image {
	width: 100%;
	height: 150px;
	text-align: center;
}
#results .gallery .bottom {
	padding-top: 2px;
	height: 14px;
	font-size: 11px;
}
#results .gallery a {
	color: #202020;
	display: block;
}
#results .gallery img {
	margin: 0;
}
#results .gallery b a {
	font-size: 11px;
	line-height: 13px;
	color: #404040;
	display: block;
	overflow: hidden;
	width: 234px;
	height: 26px;
	margin: 0 auto;
}
#results .gallery b a:hover {
	color: #000000;
	text-decoration: underline;
}

/*
# Item hover
------------------------------------------------------------------*/
#results td.hover {
	background-color: #e5f2f8;
}

/*
# Item empty
------------------------------------------------------------------*/
#results .list td.empty, #results .gallery td.empty {
	border: none;
	background-color: #ffffff;
}

/*
# Tabel 
------------------------------------------------------------------*/
table.summary {
	width: 100%;
}
table.summary th {
	height: 20px;
	vertical-align: middle;
	background-color: #0295ff;
	text-align: right;
	padding: 0 5px;
	color: #ffffff;
	font-size: 13px;
	font-family: Arial;
}
table.summary tr {
	background-color: #f9f9f9;
	height: 22px;
	cursor: pointer;
}
table.summary td {
	border-bottom: solid 1px #d5d5d5;
	padding: 0 5px;
	vertical-align: middle;
	font-size: 11px;
	text-align: right;
}
table.summary td div {
	overflow: hidden;
	white-space: nowrap;
}
table.summary td.website, table.summary td.photo, table.summary td.title {
	background-color: #f0f0f0;
}
table.summary td.website, table.summary td.photo {
	text-align: center;
}
table.summary td.title {
	text-align: left;
}
table.summary tr.hover td {
	background-color: #f0c198;
	border-bottom: solid 1px #f3b47d;
}

/*
# Geen resultaten
------------------------------------------------------------------*/
#results .noresults {
	text-align: center;
	padding: 10px 0;
	border-bottom: solid 1px #e5e5e5;
	font-size: 13px;
}


/* Navigatie
------------------------------------------------------------------*/
.navigation div {
	width: 20%;
	float: left;
	text-align: center;
	display: block;
	padding: 5px 0;
	font-size: 11px;
}
.navigation div.next, .navigation div.prev {
	width: 40%;
}
.navigation div a {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
}
.navigation div a:hover {
	text-decoration: underline;
}
.navigation div.next {
	text-align: right;
}
.navigation div.prev {
	text-align: left;
}
.navigation div.next a {
	padding: 0 5px 0 18px;
	background: url(../../images/ap/arrow_next.gif) no-repeat center left;
}
.navigation div.prev a {
	padding: 0 18px 0 5px;
	background: url(../../images/ap/arrow_back.gif) no-repeat center right;
}