@font-face {
  font-family: "Lucida Grande";
  font-style:   normal;
  font-weight: normal;
  src:url(http://www.handboeken.be/LucidaGrande.eot);
}
@font-face {
  font-family: "Lucida Grande Bold";
  font-style:   normal;
  font-weight: normal;
  src:url(http://www.handboeken.be/LucidaGrandeBold.eot);
}
body { 
	margin:0px; 
	padding:0px; 
	background-color:#362F2D; 
	background-image:url(images/achtergrond-links.gif);
	background-repeat: no-repeat;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11pt;
}
table{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
strong{
	font-family: "Lucida Grande Bold", Arial, Helvetica, sans-serif;
}
a{
	color: #007aff;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}

.hoofdmenu{
	/*position:relative;*/
	padding-left:10px;
	color:#FFF;
	line-height: 27px;
	font-size: 14px;	
}
.hoofdmenu a{
	color:#FFF;
	text-decoration:none;
}
.hoofdmenu a:hover{
	color:#fad116;
	text-decoration:none;
}
.boektitel{
	margin-left:5px;
	margin-top:0px;
	text-transform:uppercase;
	font-size: 12px;
	color:#333;	
}
.kortebeschrijving{
	line-height: 17px;
	font-size: 13px;
}
.leerplan{
	line-height: 17px;
	font-size: 12px;
}
.boektitel a{
	color:#007aff;
	text-decoration:none;
}
.boektitel a:hover{
	text-decoration:underline;
}
.boekinfo{	
	position:relative;
	zoom: 1;
	margin-top:10px;
	color:#000;
	line-height: 15px;
	font-size: 11px;
	text-align:left;	
}
ul, ol {
	list-style: none;
	border:thick;
	padding:0px;
	margin:0px;
}

h1 {	
	font-size: 12pt;
	text-transform:uppercase;
	margin-top:0px;
	color:#333;
}
.titelinvak, .titelinvakafbeelding{	
	font-size: 12pt;
	text-transform:uppercase;
	margin: 10px;	
	color:#333;
}
.titelinvakafbeelding{		
	margin-left: 10px;
	margin-top: 28px;
}
h2 {	
	font-size: 10pt;
	color:#333;
}
h3 {	
	font-size: 10pt;
	font-style:normal;
}
.minitekst{
	font-size:9px;
}
.kleinetekst{
	font-size:11px;
}
.inleiding{
	padding:0px;
	margin:0px;
	font-size:13px;
	line-height:17px;	
}
.inputmini { 
	width:100px; 
	height:16px; 
	font-size:9px; 
	background:#d9ebff; 
	border:1px solid #007aff; 
	color:#007aff;
}
hr{
	color: #7ab339;	
	background-color: #7ab339;
	height: 2px;
}
#global {
	width: 1000px;
	margin: 0 auto;
}
#header {
	position: relative;	
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 86px;	
	padding:0px;
	background-image:url(images/AchtergrondHeader.gif);
}
#headeraanmelden {
	float: right;
	padding-top:45px;
	padding-right:45px;
	margin:0px;
}
#menu{	
	/*left: 0px;
	top: 96px;*/
	padding-top:30px;	
	width: 175px;
	height: 157px;
	background-image:url(images/Hoofdmenu.gif);
	background-repeat:no-repeat;
	float:left;
}
#menu p{
	padding-top:10px;
	margin-top:0px;
}
#menuvak{	
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 157px;
	max-width:157px;
	float:left;
}
#menuvak ul{
	list-style-image:url(images/pijltje0.png);		
	font-size:11px;
	line-height:14px;
	margin-top: 0px;
	color:#CCC;	
}
#menuvak li{
	margin-top: 0px;
	list-style-position:outside;
}
#menuvak a{
	color:#CCC;
}
#menuvak a:hover{
	color:#FFF;
	text-decoration:none;
}
#menuvakTopOnzeboeken{
	width: 157px;
	height: 29px;
	margin-top:15px;
	background-image:url(images/menuvakTopOnzeboeken.png);
	float:left;	
}
#menuvakTopGeregistreerdeboeken{
	width: 157px;
	height: 47px;
	background-image:url(images/menuvakTopGeregistreerdeboeken.png);
	padding:0px;
	margin:0px;
	margin-top:15px;
	float:left;	
}
#menuvakCoverInfo{
	width:157px;
	float:left;
}
#menuvakLijn{
	width:157px;
	height:20px;
	padding:0px;
	margin-top:0px;
	margin-left:-20px;	
	background-image:url(images/menuvakLijn.png);
	float:left;
}
#menuvakCover{
	width:42px;
	height:83px;
	padding:0px;
	margin:0px;
	text-align:left;
	float:left;
}
#menuvakInfo{
	width:76px;
	text-align:left;
	margin-left:10px;
	margin-top:0px;
	float:left;
}
#menuvakContent{
	width: 132px;
	margin:0px;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(images/menuvakContent.png);
	background-repeat:repeat-y;
	float:left;	
}
#menuvakFooter{
	width: 157px;
	height:10px;
	background-image:url(images/menuvakFooter.png);
	float:left;	
}

#content{	
	float: right;
	left: 175px;
	top: 86px;
	width: 825px;
	height:100%;
	background-image:url(images/AchtergrondContent.gif);
	background-repeat: repeat;
	padding-bottom:25px;
}
#contentpopup{	
	float: left;
	width: 845px;
	height:100%;
	background-image:url(images/AchtergrondContent.gif);
	background-repeat: repeat;
	padding-top:15px;
	padding-left:0px;
}
#contentbanner{
	position:relative;
	height: 187px;
	width: 825px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	vertical-align:top !important;
	background-image:url(images/ContentBanner.gif);
}
#bannermidden{
	margin:0px;
	padding:0px;
	width: 623px;
	height: 170px;
	padding-left: 11px;
	float:left;
	vertical-align:top !important;
}
#bannermiddentop{
	margin:0px;
	padding:0px;
	width: 623px;
	height: 133px;
	vertical-align:top !important;
}
#bannermiddenknoppen{
	vertical-align:top !important;
	margin:0px;
	padding:0px;
	width: 623px;
	height: 37px;
	vertical-align:top !important;
}
#bannerrechts{
	margin:0px;
	padding:0px;
	width: 191px;
	height: 170px;
	float:right;
}
#maincontent{
	position:relative;
	width: 757px;
	padding-left: 37px;	
}
#maincontentpopup{
	position:relative;
	width: 792px;
	padding-left: 37px;	
}
#boekcontent{
	position:relative;
	width: 100%;
	padding-left: 0px;
	padding-top:-18px;	
	margin-top: -16px;
}
#boekvak{
	width: 371px;
	height: 230px;	
	padding-right: 5px;
	padding-bottom: 5px;
	background-image:url(images/vak.png);
	background-repeat:no-repeat;
	float:left;
}
#boekvakpers{
	width: 742px;
	height: 500px;	
	padding-right: 5px;
	padding-bottom: 5px;
	background-image:url(images/vakpers.png);
	background-repeat:no-repeat;
	float:left;
}
#boekvakinvoorbereiding{
	width: 371px;
	height: 230px;	
	padding-right: 5px;
	padding-bottom: 5px;
	background-image:url(images/vakinvoorbereiding.png);
	background-repeat:no-repeat;
	float:left;
}
#boekvakpasverschenen{
	width: 371px;
	height: 230px;	
	padding-right: 5px;
	padding-bottom: 5px;
	background-image:url(images/vakpasverschenen.png);
	background-repeat:no-repeat;
	float:left;
}
#boekcover{
	padding-top:15px;	
	padding-left:10px;
	width:100px;
	height: 200px;
	float:left;
	text-align:left;	
}
#boekcoverpers{
	padding-top:15px;	
	padding-left:10px;
	width:200px;
	height: 200px;
	float:left;
	text-align:left;	
}
#boekinfo{
	padding-right:5px;
	padding-top:15px;
}
#boekcover p{
	margin-top:10px;
	margin-bottom:20px;
	margin-left:10px;
	font-size:10px;
}
#boekcovergroot{
	border: solid 1px;
	border-bottom: solid 2px;
	border-color:#ccc;		
	background-color:#FFF;
	padding-top:15px;	
	padding-left:0px;
	padding-right:0px;
	margin-right:5px;
	width:200px;
	float:left;
	text-align:left;	
	font-size:12px;	
	line-height:18px;
}
#boekcovergroot p{
	padding-left:15px;
}
#boekinfogroot{	
	width:540px;	
	font-size:12px;
	text-align:left;
	float:left;
}
#boekinfogroot p{
	padding-top:0px;
}
#boekinfogroot ul, ol {
	list-style-image:url(images/pijltje2.png);		
	line-height:16px;
	list-style-position:outside;
	padding-left: 12px;
	margin: 0px; 
}
#boekinfogroot li {
	margin-bottom: 10px; 
}
#breedvak{
	width:454px;
	margin-right:10px;
	float:left;	
}
#smalvak{
	width:284px;
	margin-right:0px;
	float:left;	
}
#vakTop, #vakTopWit{
	border: solid 1px;
	border-bottom:none;
	border-color:#CCC;		
	background-color:#EEE;
	width:auto;
	height:18px;
	padding:15px;
	font-size:15px;
	text-transform:uppercase;
}
#vakTopWit{
	height:38px;
	padding-top:5px;
	background-color:#FFF;
}
#vakContent, #vakContentKleur{
	border: solid 1px;
	border-bottom: solid 2px;
	border-color:#CCC;		
	background-color:#FFF;
	width:auto;		
	font-size:12px;	
	padding:15px;
	margin-bottom:15px;
}
#vakContentKleur{
	background-color:#EEE;
	border-top:none;
}
#vakContent ul, ol {
	list-style-image:url(images/pijltje2.png);		
	line-height:18px;
	list-style-position:outside;
	padding-left: 12px;
	margin: 0px; 
}
#vakContentKleur ul, ol {
	list-style-image:url(images/pijltje2.png);		
	line-height:18px;
	list-style-position:outside;
	padding-left: 12px;
	margin: 0px; 
}

#extrasvakthemas{		
	padding-left:3px;
	padding-right:0px;
	width:349px;	
	float:left;
	font-size:10px;
}
#extrasvakthemas a{
		color:#000;
}
#extrasvakthemas a:hover{
	color:#000;
	text-decoration:underline;
}
#extrasvakthemastop{
	padding:0px;
	width:349px;
	height:58px;
	background-image:url(images/ThemavakTop.png);
	float:left;
}
#extrasvakthemascontent{
	padding:0px;
	width:349px;
	background-image:url(images/ThemavakContent.png);
	float:left;
}
#extrasvakthemasfooter{
	padding:0px;
	width:349px;
	height:15px;
	background-image:url(images/ThemavakFooter.png);
	float:left;
}
#extrasvakextras{
	width:390px;	
	padding-right:15px;
	float:right;
}
#extrasvakextrastop{
	padding:0px;
	width:390px;
	height:58px;
	background-image:url(images/ExtrasvakTop.png);
	float:left;
}
#extrasvakextrascontent{
	padding:0px;
	width:390px;
	background-image:url(images/ExtrasvakContent.png);
	float:left;
}
#extrasvakextrasfooter{
	padding:0px;
	width:390px;
	height:15px;
	background-image:url(images/ExtrasvakFooter.png);
	float:left;
}
#extraitemvak{
	margin:5px;
	width:366px;
	height:104px;
	background-image:url(images/extraitemvak.png);
	background-repeat:no-repeat;
	font-size:11px;
	padding:5px;
}
#extraitemvak img{
	margin-right:10px;
}
#extraitemvak strong{
	font-size:14px;
}
#titelvakThema{
	margin:5px;
	width:376px;
	height:34px;
	background-image:url(images/titelvakthema.png);
	font-size:16px;
	line-height:32px;
	text-align:center;
	color:#fff;
}
#themaOpen, #themaGesloten, #themaActief{
	margin:0px;
	width:332px;
	height:49px;	
	padding:5px;
	background-repeat:no-repeat;
	float: left;
}
#themaOpen a, #themaGesloten a, #themaActief a{
	color:#000;
	text-decoration:none;
}
#themaOpen a:hover, #themaGesloten a:hover, #themaActief a:hover{
	color:#000;
	text-decoration:underline;
}
#themaOpen{
	background-image:url(images/ThemaOpen.png);
}
#themaGesloten{	
	background-image:url(images/ThemaGesloten.png);
}
#themaActief{
	background-image:url(images/ThemaActief.png);
}
#infobreed{
	width:750px;	
}
#infobreed ul, ol {
	list-style-image:url(images/pijltje2.png);			
	line-height:16px;
	list-style-position:outside;
	padding-top:20px;
	padding-left: 12px;
	margin: 0px;
}
#infobreed li {
	margin-bottom: 10px; 
}
#knopklein{
	background-image:url(images/achtergrondknopklein.png);
	width: 94px;
	height: 25px;
	padding-top:5px;
	margin-top:0px;
	text-align:center;
	text-shadow:#000;
	font-size:12px;
	color:#999;
}
#knopmiddel{
	background-image:url(images/achtergrondknopmiddelgroot.png);
	background-repeat:no-repeat;
	width: 200px;
	height: 36px;
	padding:0px;
	margin:0px;
	padding-top:16px;
	text-align:center;
	font-size:12px;
	color:#999;
}
#knopklein a{
		color:#fff;
}
#knopklein a:hover{
	color:#fad116;
	text-decoration:none;
}
#knopmiddel a{
		color:#fff;
}
#knopmiddel a:hover{
	color:#fad116;
	text-decoration:none;
}
#knopaanmelden{
	background-image:url(images/achtergrondknopklein.png);
	width: 94px;
	height: 25px;
	padding-top:5px;
	margin-top:-3px;
	text-align:center;
	text-shadow:#000;
	font-size:12px;
	color:#999;
}
#knopaanmelden a{
		color:#fff;
}
#knopaanmelden a:hover{
	color:#fad116;
	text-decoration:none;
}
#footer{
	width: 1000px;
	float:left;
	left: 0px;
	height: 59px;
	background-image:url(images/AchtergrondFooter.gif);
	background-repeat:repeat-y;
}
#footermeldingen{
	padding-left:220px;
	width: 730px;
	text-align:center;
	font-size: 10px;
}
.videoinfo{
	padding:10px;
	font-size: 0.9em;
	color:#fff;
	font-weight:bold;
	line-height:1.3em;
}
#bestelformulierTop1, #bestelformulierTop2{
	width:748px;
	height:63px;
	background-image:url(images/bestelformulierTop1.png);
	background-repeat:no-repeat;
	float:left;
}
#bestelformulierTop2{
	height:38px;
}
#bestelformulierContent{
	width:748px;
	background-image:url(images/bestelformulierContent.png);
	background-repeat:repeat-y;
	float:left;
	padding-left:10px;
	padding-top:20px;
}
#bestelformulierContentLinks{
	width:424px;	
	float:left;
}
#bestelformulierContentRechts{
	width:290px;	
	padding-left:20px;
	float:left;
}
#bestelformulierFooter, #bestelformulierFooterRechts{
	width:738px;
	height:60px;
	padding-top:24px;	
	padding-left:10px;	
	background-image:url(images/bestelformulierFooter.png);
	background-repeat:no-repeat;
	float:left;	
	text-align:left;
}
#bestelformulierFooterRechts{
	width:736px;
	padding-right:10px;
	text-align:right;
}
#bestelformulierFooter2{
	width:738px;
	height:15px;
	background-image:url(images/bestelformulierFooter2.png);
	background-repeat:no-repeat;
	float:left;	
}
input.inputknop {   
	background:url(images/formulierknop.png) no-repeat; 
	cursor:pointer; 
	width: 143px; 
	height: 28px; 
	border: none; 
	padding:0px;	
	font-size:13px;
	color:#FFF;
}
input.inputknopklein{   
	background:url(images/formulierknopklein.png) no-repeat; 
	cursor:pointer; 
	width: 82px; 
	height: 20px; 
	border: none; 
	padding:0px;
	margin: 0px;
	font-size:12px;
	color:#FFF;
}
input.inputkleinActief{
	color:#fad116;
}
#knop{
	background:url(images/formulierknop.png) no-repeat; 
	cursor:pointer; 
	width: 143px; 
	height: 28px; 
	border: none; 
	padding:3px;	
	font-size:13px;
	color:#FFF;
}