/* ALGEMEEN ====================================================== */

html
{
    overflow-y: scroll;
    height: 100%;
}

body, table, td, div, form, input, p, li, ul
{
	margin: 0;
	padding: 0;
}

body
{
	background-color: #6b6b6b;
	text-align: center;
	height: 100%;
}

input, textarea, select, radio
{
	background-color: #858e9a;
	border: 1px solid #000;
}

hr
{
	border: 1px solid #252525;
}

.background
{
	background-image: url(../images/background.jpg);
	background-repeat: repeat-y;
	max-width: 821px;
	/* IE hack max-width */
	width:expression(821 + 'px');
	text-align: left;
}

.container
{
	position: relative;
	left: 26px;
	max-width: 762px;
	/* IE hack max-width */
	width:expression(762 + 'px');
}


/* HEADER ====================================================== */

div#header
{
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	max-width: 762px;
	/* IE hack max-width */
	width:expression(762 + 'px');
	height: 87px;
}

p#headerTop
{
	padding: 3px 16px 20px 10px;
}

p#headerTop, p#headerTop a
{
	font-family: arial;
	font-size: 11px;
	color: #818181;
	text-decoration: none;
}

p#headerBottom a
{
	font-family: arial;
	font-size: 18px;
	color: #d5f0a0;
	text-decoration: none;
	padding-right: 23px;
}

p#headerBottom a.rechtsaligned
{
	padding-right: 0;
}

p#headerBottom
{
	padding: 18px 16px 20px 64px;
}

p#headerTop a:hover, p#headerBottom a:hover
{
	text-decoration: underline;
}

div#headerStreep
{
	background-image: url(../images/headerstreep.jpg);
	background-repeat: no-repeat;
	max-width: 762px;
	/* IE hack max-width */
	width:expression(762 + 'px');
	height: 15px;
	font-size: 1px; /* nodig voor IE, want die vindt fontgrootte belangrijker dan height */
	margin: 0;
	padding: 0;
}

div#locatie
{
	position: relative;
	max-width: 760px;
	/* IE hack max-width */
	width:expression(760 + 'px');
	height: 25px;
	margin: 0 1px 0 1px;
	background-color: #333333;
	color: #818181;
	font-family: arial, sans-serif;
	font-size: 11px;
}

div#breadcrumbs
{
	padding-top: 4px;
	position: absolute;
	left: 16px;
	word-spacing: 2px;
}

div#breadcrumbs p a
{
	color: #818181;
	font-family: arial, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

div#zoeken
{
	position: absolute;
	right: 20px;
	top: -5px;
}
div#zoeken span
{
	padding-top: -2px;
}

#zoekButton, div#zoeken img
{
	position: relative;
	top: 6px;
	cursor: pointer;
}


div#mainVisual
{
	background-image: url(../images/main.jpg);
	background-repeat: no-repeat;
	max-width: 762px;
	/* IE hack max-width */
	width:expression(762 + 'px');
	height: 95px;
}

div#subnavigatie
{
	background:transparent url(../images/subnavigatie.jpg) no-repeat top left;
/*	background-image: url(../images/subnavigatie.jpg);
	background-repeat: no-repeat;
*/
	max-width: 762px;
	/* IE hack max-width */
	width:expression(762 + 'px');
	height: 47px;
	padding-top: 12px;
	padding-left: 10px;
}

div#subnavigatie p, div#subnavigatie p a
{
	color: #e3cbae;
	font-family: "lucida sans", verdana, arial;
	font-size: 11px;
	text-decoration: none;
}

div#subnavigatie p a:hover
{
	text-decoration: underline;
}

.rechtsaligned
{
	position: absolute;
	right: 20px;
}


/* CONTENT ====================================================== */

.lens
{
	border-top: 1px solid #a95f06;
	background-color: #000;
	padding: 2px 0;
	text-align: center;
	width: 102px;
	height: 42px;
	overflow: hidden;
	cursor: pointer;
}

.overzicht /* breidt .lens uit op pagina lensOverzicht. Voor IE in apart stylesheet. */
{
	background-color: #3f4a59;
	padding:5px 0;
	width: 192px;
	height: 23px;
}

.topscoreTekst
{
	border: 1px solid #a95f06;
	padding: 2px 0;
	width: 81px;
	color: #757e8a;
	font-family: 'lucida sans', verdana, arial;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	line-height: 11px;
}

.content
{
	margin-left: 12px;
/*	margin-top: 12px; nodig voor IE */
	width: 97%;
	color: #757e8a;
	font-family: "lucida sans", verdana, arial;
	font-size: 12px;
}

td
{
	color: #757e8a;
	font-weight: normal;
}

.titel
{
	padding: 0 0 0 10px;
	background-color: #000;
	color: #a95f06;
	font-family: "lucida sans", verdana, arial;
	font-size: 18px;
	font-weight: normal;
}

.frontItem
{
	margin-left:10px;
}

.frontItemContent
{
	background:transparent url(../images/corner.png) no-repeat top right;
	background-color: #000;
	color: #757e8a;
	font-family: "lucida sans", verdana, arial;
	font-size: 11px;
	padding: 0 6px 0 6px;
	margin-left: 11px;
}

h1
{
	color: #a95f06;
	font-family: "lucida sans", verdana, arial;
	font-size: 18px;
	font-weight: normal;
	display: inline;
	margin: 0;
	padding: 0;
}

.frontItemLeft
{
	background:transparent url(../images/corner.png) no-repeat top left;
	position:absolute;
	left:0;
	top:0;
	width:11px;
	margin-left:-11px;
	height:100%;
}

.titel img
{
	/* vorige en volgende pijlen */
	padding: 0;
	margin: 0;
	border: none;
}

td.titelImg { padding: 0; background-color: #000; }

td.titelEmpty
{
	background-color: #3f4a59;
}

td.tBody
{
	background-color: #000;
	color: #757e8a;
	font-family: "lucida sans", verdana, arial;
	font-weight: bold;
	font-size: 16px;
	padding:20px;
}

td.tBody td#alternatieven
{
	color: #a95f06;
}

td .sub
{
	font-size: 11px;
}

td a
{
	color: #757e8a;
	font-family: "lucida sans", verdana, arial;
	font-size: 11px;
}

#meerLinks
{
	margin-left: -18px;
	font-size: 16px;
}

td li
{
	color: #a95f06;
	display: inline;
	padding-right: 3px;
}

td li a
{
	color: #bbb;
	font-family: "lucida sans", verdana, arial;
	font-size: 10px;
}

#images img
{
	border: 1px solid #a95f06;
}

img#onsCijfer
{
	margin: 0 10px 20px 0;
}

.home_nieuwe_review
{
	color: #757e8a;
	font-family: "lucida sans", verdana, arial;
	font-size: 11px;
	padding: 0 4px 0 4px;
	margin-left: 11px;
	background-color: #000;
	cursor: pointer;
}

.onderstreep
{
	border-bottom: 1px solid #3e4a58;
}
.onderstreep:hover
{
	border-bottom: 1px solid #c0c0c0;
}

td.reviewUser, td.reviewDate
{
	padding : 0 0 0 10px;
	background-color: #000;
	color: #a95f06;
	font-family: "lucida sans", verdana, arial;
	font-size: 13px;
	font-weight: bold;
}

td.empty
{
	background-color: #000;
}

td.reviewTop
{
	background-color: #000;
	color: #757e8a;
	font-family: "lucida sans", verdana, arial;
	font-size: 12px;
	padding: 0 20px;
}

.review
{
	background-color: #000;
	color: #757e8a;
	font-family: "lucida sans", verdana, arial;
	font-size: 12px;
	padding: 0 8px 10px 8px;
	margin-left: 12px;
}

.plusmin
{
	border: 1px solid #111;
	font-size: 11px;
	padding: 2px;
	float: left;
	width: 75%;
}

.plusMark
{
	font-family: monospace;
	color: #3c3;
}

.minMark
{
	font-family: monospace;
	color: #c33;
}


.review1, .review1 td, .review2, .review2 td
{
	font-size: 11px;
	padding: 0 6px 0 6px;
	margin-left: 11px;
}


.review1, .review1 td { background-color: #222; }
.review2, .review2 td { background-color: #000; }

.reviewOordeel
{
	float: left;
	font-size: 11px;
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px dashed #252e3a;
}

.reviewOordeel td
{
	font-size: 11px;
}

a#voegReviewToe
{
	color: #a95f06;
	font-family: "lucida sans", verdana, arial;
	font-size: 1.6em;
	font-weight: bold;
}

img.mijnCijfer
{
}

img.mijnFoto
{
	border: 1px solid #a95f06;
}

.reviewTekst
{
	/* padding: 20px 0 8px 8px; */
}

.reviewTekst a
{
	color: #bbb;
	font-family: "lucida sans", verdana, arial;
	font-size: 10px;
}

div#bottom
{
	background-image: url(../images/bottom.gif);
	background-repeat: no-repeat;
	max-width: 762px;
	/* IE hack max-width */
	width:expression(762 + 'px');
	height: 38px;
	position: relative;
	bottom: 0;
}

div#bottom p, div#bottom p a
{
	color: #818181;
	font-family: "lucida sans", verdana, arial;
	font-size: 11px;
	text-decoration: none;
}

div#bottom p
{
	padding: 15px 0 0 10px;
}

div#bottom p a:hover
{
	text-decoration: underline;
}

td.admin
{
	background-color: #000;
	color: #757e8a;
	font-family: "lucida sans", verdana, arial;
	font-size: 16px;
	padding:20px;
}
td.admin a
{
	color: #757e8a;
	font-family: "lucida sans", verdana, arial;
	font-size: 16px;
}