@charset "utf-8";
/* CSS Document */

body, html{
height:100%;
margin:0;
overflow:hidden;
background-color:black;
}

#centered_background {
position: absolute;
top: 50%;
left: 50%;
width:850px;
height:596px;
margin-top: -298px;
margin-left: -425px;
background:url(../images/web/background.jpg);
border:1px solid black;
}

#centered {
position: absolute;
top: 50%;
left: 50%;
width:800px;
height:530px;
margin-top: -265px;
margin-left: -400px;
background-color:#000000;
border:3px solid #c72030;
}

#logo {
position:absolute;
background:url(../images/web/logo.jpg);
width:160px;
height:96px;
right:0;
bottom:10px;
}

#balje {
position:absolute;
background:url(../images/web/tekst.jpg);
width:362px;
height:58px;
left:69px;
bottom:15px;
}

#kolomleft{
	position:absolute;
	width:362px;
	height:350px;
	top:90px;
	left:69px;
}

#kolomtotal{
	position:absolute;
	width:799px;
	height:358px;
	top:58px;
	left:1px;
	z-index:0;
background-image:url(../images/web/starter.jpg);
}

#imagecontainer{
position:absolute;
width:250px;
height:350px;
top:90px;
left:69px;
overflow:hidden;
}

#imagethumbnails{
position:absolute;
overflow:auto;
top:150px;
width:330px;
height:212px;
right:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:white;
}

#collectiekop{
	position:absolute;
	overflow:hidden;
	top:103px;
	width:330px;
	height:30px;
	right:100px;
}

#kolomright{
	position:absolute;
	overflow:auto;
	top:84px;
	width:330px;
	height:310px;
	right:35px;
	color:white;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	margin:0;
	padding:0;
	text-align:justify;
}

.image{
padding:0 8px 8px 0px;
float:left;
cursor:pointer;
}

#menu{
position:absolute;
left:10px;
top:20px;
width:780px;
color:white;
text-align:center;
}

#nav, #nav ul{
list-style:none;
margin:0;
padding:0;
z-index:10;
}

#nav li{
float:left;
display:block;
width:154px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
border-right:2px solid #c72030;
}

#nav ul{
position: absolute;
visibility:hidden;
padding-top:5px;
width: 154px;
left:361px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
visibility:visible;
}

#nav ul ul{
width:155px;
z-index:10;
}

#nav ul li{
text-align:left;
width: 154px;
font-size:11px;
font-weight:normal;
padding-top:4px;
padding-left:15px;
border:0;
border-left:1px solid #c72030;
}

#nav li a:Link, #nav li a:Visited{
color:white;
text-decoration:none;
display:block;
}

#nav li a:Hover{
color:#c72030;
font-weight:bold;
}

h2{
margin-top:0;
color:white;
font-size:16px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.active {
font-weight:bold;
color:#c72030;
}

form{
margin:0;
padding:0;
}

input,textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
background-color:white;
color:#464646;
border:0;
}