body {

}
.container{
margin-left:20px;
width:960px;
}
#error{  
    border: 1px solid #efefef;  
	background:#900;
 }  
.hok{
	color:#FFF;
	width:250px;
	border:2px solid #222;
	padding: 7px 15px 25px 15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0px 0px 25px 25px;
float:left;
background:transparent url(images/achter.png);

}
a{
color:#FFF;
}
.hok h2 span{
display:block;
background:#F00; /*#01c2d4;#f2c001;*/
padding:7px;
width:240px;
border:1px solid #FF4138;
}
.hok h2 {
background:url(images/hoekje.gif) no-repeat -1px 37px;
width:340px;
height:56px;
margin-left:-36px;
margin-bottom:7px;
font-size:16px;
color:#fff;
}
input{
width:190px;
height:18px;
padding:4px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#333;
border:1px solid #666;
}
.vknop{
width:auto;
height:32px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#FFF;
background:#F00;
border:none;
}
.vknop:hover{
width:auto;
height:32px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#F00;
background:#FFF;
border:none;
}
.artwork{
width:75px;
height:75px;
overflow:hidden;
float:left;
margin-right:8px;
margin-bottom:8px;
}
.artwork img{
border:none;
}
.outside{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#FFF;
margin-left:25px; 
}
.problem{
	margin-top:15px;
	padding:10px;
	background:#FF908A;
	border:1px solid #C30;
	font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#000;
font-weight:bold;
}
.success{
margin-top:15px;
padding:10px;
background:#9CFF7C;
border:1px solid #060;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#000;
font-weight:bold;
}
.grotetitel{
font-size:30px;
color:#000;
margin-left:27px;
font-family:arial;
}
.nav{
	margin-left:-24px;
	margin-bottom:25px;
}
.nav li{
	list-style-image:none;
	display:inline;
}
.nav li a{
	background:#F00;
	width:30px;
	padding:10px 15px;
	margin-left:10px;
	text-decoration:none;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
}
.nav li a:hover{
	background:#fff;
	color:#000;
}
#rechterkolom{
float:left;
width:320px;
}
#hermitagekolom{
float:left;
width:320px;
}
#linkerkolom{
	float:left;
	width:320px;
}
#hermitagekolom .hok h2 span{
display:block;
background:#01c2d4; /*#01c2d4;#f2c001; 04a5b4*/
border:1px solid #00e9ff;
}
#hermitagekolom .vknop{
color:#FFF;
background:#01c2d4;

}
#hermitagekolom .vknop:hover{
color:#01c2d4;
background:#FFF;

}
#hermitagekolom .hok h2{
background:url(images/hoekjeblauw.gif) no-repeat -1px 37px;
}
#linkerkolom .hok h2 span{
display:block;
background:#F00; /*#01c2d4;#f2c001;*/

}

#rechterkolom .hok h2 span{
display:block;
background:#f2c001; /*#01c2d4;#f2c001;*/
border:1px solid #fdd000;
}
#rechterkolom .vknop{
color:#FFF;
background:#f2c001;

}
#rechterkolom .vknop:hover{
color:#f2c001;
background:#FFF;

}
#rechterkolom .hok h2{
background:url(images/hoekjegeel.gif) no-repeat -1px 37px;
}
#filmpje{
	float:right;
	margin:0 11px 20px 0;
}
#top{
margin-top:30px;
}