html, body{
	margin:0px;
	padding:0px;
	background-color: #ffffff;
	color:#ff0000;
	font-family:"univers 45 light";
	
}

div {
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	color:inherit;
}

a{
	color:#ff0000;
	text-decoration:none;
	}

span{
	margin:0px;
	padding:0px;
	
	}
li{
list-style-type:none;
}

div#container{
	width:797px;
	margin:50px auto 0px auto;
	height:435px;
	background-color:#ffffff;
	}
	
ul#bovenbalk, ul#onderbalk, div#middenbalk{
	height:30px; 
	border-color:#ff0000;
	border-style:solid;
	background-color:transparent;
	text-align:left;
	font-size:17px;
	clear:left;
	width:797px;
	}
	
ul#bovenbalk, ul#onderbalk{
	border-width:0px 0px 0px 0px;
	display:block;
	width:797px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	}	

ul#onderbalk, div#middenbalk{
	display:block;
	clear:left;
}


ul#bovenbalk li, ul#onderbalk li{
	float:left;
	height:24px; 
	line-height:24px;
	font-size:17px;
	padding:3px 0px;
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-position:top right;
	overflow:hidden;
	border-right:1px solid #ff0000;
	border-bottom:1px solid #ff0000;
	}
ul#bovenbalk li.projectmenu{
	border-right-width:0px;
	}

ul#bovenbalk li#categorie a, ul#onderbalk li a{
	display:block;
	padding:24px 0px 0px 0px;
	height:0px !important;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 0px;
	}

ul#bovenbalk li#categorie{
	padding:3px 8px 3px 4px;
	border-right:0px;
	background-image: url('style/images/schuinestreep.gif');
	/*width wordt gedefinieerd in de php adv imagebreedte*/
	}

ul#bovenbalk li#project_titel{
	background-color:transparent;
	padding-left:14px;
	padding-right:14px;
	}
ul#bovenbalk li#project_titel h2{
	margin:0px !important;
}


ul#bovenbalk li.projectmenu#laatsteprojectmenu{
	border-right:1px solid red;
	} 

li#volgnummer a, li#project_titel h2{
	float:left;
	margin-left:7px;
	margin-right:7px;
	}	

li.projectmenu a{float:left;
	margin-left:4px;
	margin-right:4px;
	}	
	
ul#bovenbalk li a, ul#bovenbalk li h2,  ul#onderbalk li a {
	display:block;
	padding:24px 0px 0px 0px;
	height:0px !important;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 0px;
	}

ul#bovenbalk li a:hover, ul#onderbalk li a:hover{
	background-position:0px -30px !important;
	}

ul#onderbalk, ul#onderbalk li{
border-bottom:0px;
}
div ul#onderbalk li{
	padding:3px 7px 3px 4px;
}

div#middenbalk{
	float:left;
	position:relative;
	border-width:1px 0px 1px 0px;
	margin-top:-1px;
	height:373px;
	}	
ul#preview{
margin:0px;
padding:0px;
clear:left;
}

ul#preview li{

	border-top:1px solid #ff0000;
	border-right:1px solid #ff0000;
	float:left;
	padding:15px;
	margin:0px;
	cursor:pointer;
}
li.preview1 img{
	display:block;
	width: 91px;
	height:114px;
	margin:0px;
	padding:0px;
	}
	
li.preview2 img{
	
	display:block;
	height:114px;
	margin:0px;
	width:139px;
	background-color:transparent;
		margin:0px;
	padding:0px;
	}


img#grootprentje{
	float:right;
	height:342px;
	width:473px;
	margin:16px 16px 15px 0px;
	}
	
iframe{
	padding:17px;
	width:217px;
	height:194px;
	float:left;
	border-right:1px solid #ff0000;


}

ul#scrollbar{
    clear:left;
	float:left;
	width:40px;
	height:228px;
	background-color:transparent;
	background-image:url('style/images/rechtestreep.gif');
	background-repeat:repeat-y;
	background-position:top right;
	margin:0px;
	padding:0px;
	
}

ul#scrollbar li{
	margin-top:10px;
	margin-left:6px;
	margin-bottom:0px;
	display:block;
	overflow:hidden;
	height:24px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:23px;
	}
	
ul#scrollbar li a{
	display:block;
	overflow:hidden;
	padding:24px 0px 0px 0px;
	height:0px !important;
}	

ul#scrollbar li.arrowdown{
	margin-top:158px;
}

ul#scrollbar a.arrowup{
	background-image:url('style/images/arrow_up.png');
	}

ul#scrollbar a.arrowdown{
	background-image:url('style/images/arrow_down.png');
	
	}

ul#scrollbar a:hover{
	background-position:0px -30px;
	}



	
a.num_1{
	background-image:url('style/images/num_1.png');
	width:26px;
	}
a.num_2{
	background-image:url('style/images/num_2.png');
	width:26px;
	}
a.num_3{
	background-image:url('style/images/num_3.png');
	width:26px;
	}
a.num_4{
	background-image:url('style/images/num_4.png');
	width:26px;
	}
a.num_5{
	background-image:url('style/images/num_5.png');
	width:26px;
	}
a.num_6{
	background-image:url('style/images/num_6.png');
	width:26px;
	}
a.num_7{
	background-image:url('style/images/num_7.png');
	width:26px;
	}
a.num_8{
	background-image:url('style/images/num_8.png');
	width:26px;
	}
a.num_9{
	background-image:url('style/images/num_9.png');
	width:26px;
	}
a.num_10{
	background-image:url('style/images/num_10.png');
	width:26px;
	}
a.num_11{
	background-image:url('style/images/num_11.png');
	width:26px;
	}
a.num_12{
	background-image:url('style/images/num_12.png');
	width:26px;
	}
a.num_13{
	background-image:url('style/images/num_13.png');
	width:25px;
	}
a.num_14{
	background-image:url('style/images/num_14.png');
	width:26px;
	}
a.num_15{
	background-image:url('style/images/num_15.png');
	width:26px;
	}
a.num_l{
	background-image:url('style/images/num_l.png');
	width:26px;
	}
a.num_r{
	background-image:url('style/images/num_r.png');
	width:26px;
	}
a.num_dbl_l{
	background-image:url('style/images/num_dbl_l.png');
	width:26px;
	}
a.num_dbl_r{
	background-image:url('style/images/num_dbl_r.png');
	width:26px;
	}