HTML {
	height: 100%;
}

BODY {
	height: 100%;
	margin: 0px;
	background-color: rgb(50, 55, 61);
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(149, 152, 155);
}

#description {
	display: none;
}

#wrapper {
	height: 100%;
	display: block;
	background-color: rgb(50, 55, 61);
	background-image: url(images/default_background.jpg);
	background-position: 0 -250px;
	background-repeat: repeat-x;
	min-width: 1050px;
	min-height: 600px;
}

#header {
	margin-top: 0px;
	margin-right: 40px;
	height: 80px;
	padding-left: 20px;
	background-image: url(images/slogan.png);
	background-repeat: no-repeat;
	background-position: right 0px;
}

#auto {
	float: left;
	width: 110px;
	height: 30px;
	background-image: url(images/auto.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#auto-preload {
	background-image: url(images/auto-keuze.png);
	display: none;
}

#auto:hover {
	background-image: url(images/auto-keuze.png);
}

#motor {
	float: left;
	width: 110px;
	height: 30px;
	background-image: url(images/motor.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#motor-preload {
	background-image: url(images/motor-keuze.png);
	display: none;
}

#motor:hover {
	background-image: url(images/motor-keuze.png);
}

#bromfiets {
	float: left;
	width: 110px;
	height: 30px;
	background-image: url(images/bromfiets.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#bromfiets-preload {
	background-image: url(images/bromfiets-keuze.png);
	display: none;
}

#bromfiets:hover {
	background-image: url(images/bromfiets-keuze.png);
}

#examens {
	float: left;
	width: 110px;
	height: 30px;
	background-image: url(images/examens.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#examens-preload {
	background-image: url(images/examens-keuze.png);
	display: none;
}

#examens:hover {
	background-image: url(images/examens-keuze.png);
}

#body {
	height: 490px;
	background-image: url(images/coverflow.png);
	background-repeat: no-repeat;
	background-position: -100px 30px;
	margin-right: 40px;
}

#text {
	margin-top: 20px;
	margin-left: 650px;
	height: 180px;
	overflow: hidden;
	text-align: justify;
	font-size: 12px;
	color: rgb(238, 238, 238);
	text-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 0px;
}

#spacer {
	margin-left: 650px;
	height: 30px;
}

#info {
	margin-left: 650px;
	min-height: 250px;
	font-size: 12px;
	color: rgb(238, 238, 238);
	text-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 0px;
}

#packshot {
	width: 150px;
	height: 200px;
	overflow: hidden;
	float: right;
	text-align: right;
}

#aanschaffen {
	clear: left;
	width: 200px;
	height: 37px;
	background-image: url(images/aanschaffen.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

#aanschaffen-preload {
	background-image: url(images/aanschaffen-keuze.png);
	display: none;
}

#aanschaffen:hover {
	background-image: url(images/aanschaffen-keuze.png);
}

#bekijken {
	clear: left;
	width: 200px;
	height: 37px;
	background-image: url(images/bekijken.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

#bekijken-preload {
	background-image: url(images/bekijken-keuze.png);
	display: none;
}

#bekijken:hover {
	background-image: url(images/bekijken-keuze.png);
}

#specs {
	clear: left;
	width: 190px;
	min-height: 121px;
	float: left;
	margin: 15px 5px 0px 5px;
	font-size: 11px;
	text-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 0px;
}

#footer {
	height: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 22px;
	vertical-align: baseline;
	text-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 0px;
}

#footer UL {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer UL LI {
	float: left;
	margin: 0px 21px 0px 0px;
}

#footer UL LI A {
	color: rgb(238, 238, 238);
	text-decoration: none;
}

#footer UL LI A:hover {
	text-decoration: underline;
}

#logo {
	width: 89px;
	height: 20px;
	background-image: url(images/lens_media_bv.png);
	background-position: 0% 0%;
	background-repeat: no-repeat;
}

/* OVERLAY */

.overlay {
	display: none;
	background-image: url(images/overlay_background.png);
	width: 980px;
	height: 626px;
}

.overlay div.close {
	background-image: url(images/overlay_close.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 26px;
	top: 26px;
	cursor: pointer;
	height: 28px;
	width: 28px;
}

.overlay DIV.contents {
	margin: 68px;
}

#results H1 {
	font-size: 18px;
}

#category {
	margin-top: 20px;
	margin-bottom: 20px;
}
	
#category UL {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#category UL LI {
	float: left;
	margin: 0px 10px 0px 0px;
}

#thumbnails {
	clear: both;
	height: 330px;
	background: #333333;
	border: 1px solid #444444;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
}
	
#thumbnails UL {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#thumbnails UL LI {
	float: left;
	margin: 5px 5px 5px 5px;
}

#thumbnails UL LI IMG {
	border: 3px solid white;
}

#thumbnails UL LI IMG.error {
	border: 3px solid red;
}