/* CSS Document */
body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#000000;
}

#header {
	width:100%;
	vertical-align:top;
	height:220px;
	min-height:220px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#cbcbcb;
	text-align:center;
}

#menu{
	height:55px;
	min-height:55px;
	vertical-align:top;
}

#banner{
	height:165px;
	min-height:165px;
	vertical-align:top;
	background-image:url(../im/header.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#content{
	width:100%;
	vertical-align:top;
	height:250px;
	min-height:250px;
}

#tekst{
	width:501px;
	background-image:url(../im/bg.jpg);
	background-position:top left;
	background-repeat:repeat;
	vertical-align:top;
}

#tekstpos{
	width:455px;
	margin-left:20px;
}

#tekstpos h1{
	text-align:center;
}

#tekstpos a{
	color:#6400ff;
	text-decoration:none;
	font-weight:bold;
}

#tekstpos a:hover{
	color:#3d0496;
	text-decoration:none;
	font-weight:bold;
}

#info{
	width:199px;
	background-image:url(../im/bg_black.jpg);
	background-position:top left;
	background-repeat:repeat;
	vertical-align:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

#infopos{
	width:163px;
	margin-left:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}

#infopos a{
	color:#6400ff;
	text-decoration:none;
	font-weight:bold;
}

#infopos a:hover{
	color:#3d0496;
	text-decoration:none;
	font-weight:bold;
}

#footer{
	width:100%;
	height:65px;
	min-height:65px;
	background-image:url(../im/footer.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cbcbcb;
	font-weight:bold;
	text-align:center;
	padding-top:25px;
}

.klein{
	font-size:9px;
}

.groot{
	font-style:italic;
	font-size:14px;
	font-weight:bold;
}

.rood{
	color:#ff080f;
}

.roodgroot{
	font-style:italic;
	font-size:14px;
	color:#ff080f;
	font-weight:bold;
}

.grijs{
	color:#969696;
}
a.grijs:hover{
	text-decoration:none;
	color:#ddd;
}

.grijsgroot{
	font-style:italic;
	font-size:14px;
	color:#969696;
	font-weight:bold;
}

.paars{
	color:#6400ff;
}

.paarsgroot{
	color:#6400ff;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
}

.vet{
	font-weight:bold;
	font-style:italic;
}

.titel{
	font-style:italic;
	font-size:14px;
	color:#969696;
}

/* Navigation
-------------- */
ul#nav {
	padding:0;
	margin:0;
	position:relative;
	top:0px;			/* set the exact position of the navigation */
	left:0px;			/* set the exact position of the navigation */
	width:699px;
	height:31px;
}
ul#nav li {
	padding:0;
	margin:0;
	text-indent:-9999px;	
	list-style-type:none;
	float:left;
}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background-image:url(../im/menu.jpg);
}

li#home a {
	width:35px;
	height:31px;
}
li#how a {
	width:82px;
	height:31px;
	margin-left:31px;
}
li#sport a {
	width:41px;
	height:31px;
	margin-left:31px;
}
li#work a {
	width:67px;
	height:31px;
	margin-left:31px;
}
li#studies a {
	width:46px;
	height:31px;
	margin-left:31px;
}
li#spec a {
	width:86px;
	height:31px;
	margin-left:31px;
}
li#test a {
	width:75px;
	height:31px;
	margin-left:31px;
}
li#contact a {
	width:45px;
	height:31px;
	margin-left:31px;
}

li#home a {	
	background-position:0px -0px;
}
li#home a:hover {	
	background-position:0px -31px;
}
li#how a {	
	background-position:-81px -0px;
}
li#how a:hover {	
	background-position:-81px -31px;
}
li#sport a {	
	background-position:-207px -0px;
}
li#sport a:hover {	
	background-position:-207px -31px;
}
li#work a {	
	background-position:-293px -0px;
}
li#work a:hover {	
	background-position:-293px -31px;
}
li#studies a {	
	background-position:-403px -0px;
}
li#studies a:hover {	
	background-position:-403px -31px;
}
li#spec a {	
	background-position:-493px -0px;
}
li#spec a:hover {	
	background-position:-493px -31px;
}
li#test a {	
	background-position:-623px -0px;
}
li#test a:hover {	
	background-position:-623px -31px;
}
li#contact a {	
	background-position:-746px -0px;
}
li#contact a:hover {	
	background-position:-746px -31px;
}