/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	font: 12px/1.5 Verdana, Arial, sans-serif;
	color: #000;
	background: #dceeef url(images/background2008n.jpg) no-repeat center left;
	behavior: url(csshover.htc);
}
div#tekstbox {
	position: absolute;
	top: 195px;
	left: 270px;
	width: 350px;
	height: 400px;
	/*bottom: 150px;*/
	overflow: auto;
	scrollbar-face-color:#a5d9da;
	scrollbar-shadow-color:#000;
    scrollbar-highlight-color:#CFE8E6;
    scrollbar-3dlight-color:#CFE8E6;
    scrollbar-darkshadow-color:#74B3E0;
    scrollbar-track-color:#CFE8E6;
}
div#tekstregion {margin-right: 20px;}

div.logo {
	position: absolute;
	top: 80px;
	left: 115px;	
}

div#menu {
background: transparent;
position: absolute;
z-index: 4;
left: 80px;
top: 170px;
color: #000;
}

.toplevel {
 width: 140px;
 height: 37px;
 display: block;
 text-align: left;
}
div.toplevel a img {
	width: 28px;
	height: 31px;
	border: 0px;
	background: url(images/ster.gif) center no-repeat;
}
div.toplevel a:hover img {background: url(images/ster_animatie.gif) center no-repeat;}

.toplevel img {display: inline; vertical-align: middle;}

div#menu a {
text-decoration: none;
color: #000;
font: bold 14px Comic Sans MS, Verdana, Arial, sans-serif;
padding-top: 20px;
display: block;
}

div#menu a:hover {color: #ffc573;}

div#menu a:selected {color: #ffc573;}

div.pagina_aanduiding {
	position: absolute;
	z-index: 3;
	left: 270px;
	top: 140px;
	text-align: left;
}

h1 {
	color: #000;
	font: bold 24px Comic Sans MS, Verdana, Arial, sans-serif;
}

p {margin-right: 10px;}

div#productfotos {
	position: absolute;
	width: 240px;
	top: 5px;
	right: 50px;
	height: 90%;
}
img.productfoto {
	margin: 20px 0;
	padding: 0;
	cursor: pointer;
	display: block;
}
img#uparrow {
	background: url(images/uparrow.gif) top left no-repeat;
	width: 90px;
	height: 30px;
	position: relative;
	left: 75px;
	display: none;
}
img#downarrow {
	background: url(images/downarrow.gif) top left no-repeat;
	width: 90px;
	height: 30px;
	position: relative;
	left: 75px;
	display: none;
}
img#uparrow:hover { background-image: url(images/uparrowover.gif); }
img#downarrow:hover { background-image: url(images/downarrowover.gif); }

img#pf0 { display: none; }
img#pf1 { display: none; }
img#pf2 { display: none; }
img#pf3 { display: none; }
div.contact {
	position: absolute;
	z-index: 10;
	bottom: 0px;
	font-size: 12px;
	font-family: Comic Sans MS, Verdana, Arial, sans-serif;
	width: 100%;
	height: 28px;
	background-color: #787a7c;
	text-align: center;
	color: white;
}

div.contact a:link {color:#FFFFFF;}
div.contact a:visited {color:#FFFFFF;}