body {
	background-color: #FFEB45;
	background-image: url(assets/fauxcolumn.gif);
	background-repeat: repeat-y;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

a:link {
	color: #000000;
}
a:visited {
	color: #6666CC;
}
a:hover {
	color: #000000;
}
a:active {
	color: #F84242;
}

.button {
	background-color: #F00;
}
.button:visited {
	color: #FFFFFF;
}
.button:link {
	color: #FFFFFF;
}
.button:hover {
	background-color: #00ADEB;
	color: #FFFFFF;
}
.button:active {
	color: #FFFFFF;
}

#htmlcontainer {
	width: 780px;
	height: auto;
}

#menucolumn {
	width: 158px;
	float: left;
}

#contentcolumn {
	width: 540px;
	float: left;
	padding-top: 14px;
	padding-left: 25px;
}

.menuitem {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	width: 128px;
	letter-spacing: 1px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 1px;
	padding-top: 6px;
	margin-left: 10px;
	margin-top: 8px;
	border: 1px solid #FFFFFF;
	display: block;
}
.bjo_logo {
	display: block;
	margin-top: 14px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 13px;
	width: 127px;
}
.logobnl {
	height: 21px;
	width: 44px;
	left: 57px;
	top: 440px;
	position: absolute;
}

.logolp {
	left: 33px;
	top: 476px;
	position: absolute;
}

.kader {
	width: 176px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 9px;
	padding-bottom: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFCC66;
	display: block;
	float: left;
	margin-left: 10px;
	font-weight: bold;
}

/*
	clearfix (http://www.positioniseverything.net/easyclearing.html)
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: block;
}
.title_small {
	position: absolute;
	top: 17px;
	left: 12px;
	height: 34px;
	width: 134px;
	margin-top: 0px;
	text-align: center;
	vertical-align: middle;
	background-color: #FFCC66;
}

.logo {
	height: 208px;
	width: 700px;
	background-image: url(assets/logo_home.png);
	text-align: left;
	/*margin-left: -8px;*/
	margin-left: 17px;
	position: absolute;
	top: 30px;
	background-repeat: no-repeat;
}	
.hometext {
	font-size: 18px;
	font-weight: bold;
	background-position: right;
	position: absolute;
	/* left: 450px; */
	left: 500px;	
	top: 88px;
	letter-spacing: 1px;
	line-height: 18px;
	padding-left: 6px;
	padding-right: 2px;
	padding-top: 4px;
	text-align: center;
	text-transform: none;
	width: 318px;
	border-bottom-color: #A49CF0;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-color: #A49CF0;
	border-left-color: #A49CF0;
	border-left-style: solid;
	border-left-width: 0px;
	border-right-color: #A49CF0;
	border-right-style: solid;
	border-right-width: 0px;
	border-top-color: #A49CF0;
	border-top-style: solid;
	border-top-width: 0px;
	padding-bottom: 0px;
	color: #736585;
	height: 166px;
	}
.hometextsmall {
	font-size: 12px;
}

.title_small_popup {
	position: absolute;
	left: 20px;
	height: 34px;
	width: 134px;
	margin-top: 0px;
	text-align: center;
	vertical-align: middle;
	top: 6px;
	background-color: #FFFF99;
}
.title_zoekscherm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	width: 200px;
	position: absolute;
	left: 22px;
	top: 50px;
	font-weight: bold;
}
.button_zoekserie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	width: 71px;
	right: auto;
	position: absolute;
	left: 243px;
	top: 77px;
	border-top-style: solid;
	letter-spacing: 1px;
	border-top-color: #FFFFFF;
	border-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-width: 1px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 6px;
	margin-top: 8px;
	text-align: center;
	}
.button_zoektrefwoord {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	width: 90px;
	right: auto;
	position: absolute;
	left: 243px;
	top: 77px;
	border-top-style: solid;
	letter-spacing: 1px;
	border-top-color: #FFFFFF;
	border-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-width: 1px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 6px;
	margin-top: 8px;
	text-align: center;
	}
.vrijveld_zoekserie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	position: absolute;
	width: 110px;
	left: 21px;
	top: 88px;
}
.titel1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	top: 130px;
	padding: 0px;
	width: 314px;
	left: 10px;
	position: absolute;
}
.kadertext2 {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	background-color: #FFCC66;
	position: absolute;
	left: 243px;
	top: 130px;
	width: 155px;
	height:307px;
	overflow:auto;
	text-transform: none;
	border-bottom-color: #A49CF0;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-color: #A49CF0;
	border-left-color: #A49CF0;
	border-left-style: solid;
	border-left-width: 0px;
	border-right-color: #A49CF0;
	border-right-style: solid;
	border-right-width: 0px;
	border-top-color: #A49CF0;
	border-top-style: solid;
	border-top-width: 0px;
	padding-left: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
	padding-top: 6px;
}

.ExtraInfoCap {
	position: absolute;
	top: 466px;
	left: 25px;
}
.searchresult {
	font-size: 28px;
	font-style: normal;
	letter-spacing: 1px;
	position: absolute;
	left: 183px;
	top: 14px;
	width: 500px;
	overflow: visible;
	font-weight: bold;
}

.koptekst {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 1px;
	height:90px;
	overflow: visible;
}

.platteteksthoog {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	top: 104px;
	padding: 0px;
	width: 540px;
	margin-top: 0px;
	left: 183px;
	margin-left: 0px;
	position: absolute;
	height: 263px;
}
.newsline {
	width: 100%;
	padding: 3px 0px;
	margin: 0px;
}

.kadertext {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	width: 182px;
	height: 77px;
	color: #FFFFFF;
	background-image: url(assets/kadertext_bg.png);
	position: absolute;
	left: 600px;
	top: 73px;
	padding-left: 10px;
	padding-top: 8px;
	line-height: 13px;
}
.kadertext a {
	color: #000;
}
.typografie_leeftijd {
	position: absolute;
	left: 165px;
	top: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 110px;
	height: 20px;
	text-align: right;
	padding-top: 4px;
}
.typografie_woordenuittitel {
	position: absolute;
	left: 165px;
	top: 106px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 110px;
	height: 21px;
	text-align: right;
	padding-top: 4px;
}
.typografie_auteurillustrator {
	position: absolute;
	left: 165px;
	top: 141px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 110px;
	height: 21px;
	text-align: right;
	padding-top: 4px;
}
.typografie_serie {
	position: absolute;
	left: 165px;
	top: 175px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 110px;
	height: 21px;
	text-align: right;
	padding-top: 4px;
}
.typografie_AVI {
	position: absolute;
	left: 165px;
	top: 212px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 110px;
	height: 21px;
	text-align: right;
	padding-top: 4px;
}
.typografie_CLIB {
	position: absolute;
	left: 400px;
	top: 212px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 50px;
	height: 21px;
	text-align: right;
	padding-top: 4px;
}
.typografie_trefwoord {
	position: absolute;
	left: 165px;
	top: 249px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 110px;
	height: 21px;
	text-align: right;
	padding-top: 4px;
}
.typografie_vrijewoorden {
	position: absolute;
	left: 165px;
	top: 330px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 110px;
	height: 21px;
	text-align: right;
	padding-top: 4px;
}
.typografie_jvu{
	position: absolute;
	left: 165px;
	top: 367px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 110px;
	height: 21px;
	text-align: right;
	padding-top: 4px;
}

.dropdownmenu_leeftijden {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	left: 284px;
	position: absolute;
	width: 300px;
	top: 73px;
	font-size: 9px;
}
.dropdownmenu_AVI {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	left: 284px;
	position: absolute;
	width: 300px;
	top: 212px;
	font-size: 9px;
}
.dropdownmenu_CLIB {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	left: 458px;
	position: absolute;
	width: 300px;
	top: 212px;
	font-size: 9px;
}
.zoekveld_woordenuittitel {
	color: #003366;
	position: absolute;
	left: 284px;
	top: 106px;
	width: 260px;
	height:18px;
}
.zoekveld_auteurillustrator {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003366;
	position: absolute;
	left: 284px;
	top: 141px;
	width: 260px;
	height:18px;
}
.zoek1 {
	left: 265px;
	top: 1px;
	height: 18px;
	width: 17px;
	padding-top: 3px;
	padding-left: 2px;
	position: absolute;
}
.zoek2 {
	left: 265px;
	top: 1px;
	height: 18px;
	width: 17px;
	padding-top: 3px;
	padding-left: 2px;
	position: absolute;
}
.zoek3 {
	left: 265px;
	top: 1px;
	height: 18px;
	width: 17px;
	padding-top: 3px;
	padding-left: 2px;
	position: absolute;
}
.zoek4 {
	left: 265px;
	top: 1px;
	height: 18px;
	width: 17px;
	padding-top: 3px;
	padding-left: 2px;
	position: absolute;
}
.dropdownmenu_serie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003366;
	position: absolute;
	left: 284px;
	top: 175px;
	width: 300px;
}
.trefwoord1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003366;
	position: absolute;
	left: 284px;
	top: 249px;
	height: 28px;
	width: 300px;
}
.trefwoord2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003366;
	position: absolute;
	left: 284px;
	top: 272px;
	height: 28px;
	width: 300px;
}
.trefwoord3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003366;
	position: absolute;
	left: 284px;
	top: 295px;
	width: 300px;
}
.zoekveld_vrijveld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003366;
	position: absolute;
	left: 284px;
	top: 330px;
	height: 28px;
	width: 300px;
}
.dropdownmenu_jvu {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	left: 284px;
	position: absolute;
	width: 300px;
	top: 367px;
	font-size: 9px;
}
.button_leegvelden {
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	width: 78px;
	position: absolute;
	top: 399px;
	left: 284px;
	border-top-style: solid;
	letter-spacing: 1px;
	border-top-color: #FFFFFF;
	border-bottom-style: solid;
	border-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-width: 1px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 6px;
	margin-top: 8px;
	text-align: center;
	}
.button_zoeken {
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	width: 78px;
	right: auto;
	position: absolute;
	left: 379px;
	top: 399px;
	border-top-style: solid;
	letter-spacing: 1px;
	border-top-color: #FFFFFF;
	border-bottom-style: solid;
	border-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-width: 1px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 6px;
	margin-top: 8px;
	text-align: center;
	}
.printbutton {
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	width: 34px;
	height: 11px;
	letter-spacing: 1px;
	border: 1px solid #FFFFFF;
	border-top-style: solid;
	text-align: center;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	line-height: 12px;
	padding-top: 5px;
	padding-bottom: 6px;
}
	
.printbutton2, .emailButton {
	float: left;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	width: 40px;
	height: 11px;
	letter-spacing: 1px;
	border: 1px solid #FFFFFF;
	border-top-style: solid;
	text-align: center;
	margin-top: 24px;
	margin-left: 7px;
	margin-right: auto;
	display: block;
	line-height: 12px;
	padding-top: 5px;
	padding-bottom: 6px;
}
.printbutton2 {
	margin-left: 34px;
}
.printbutton:hover {
	background-color: #00ADEB;
}

.resultHeader	{
	color: #000000;
	font-weight: bold;
	margin-bottom: 3px;
}

.resultMain	{
	position: absolute;
	left: 183px;
	top: 14px;
	width: 540px;
	padding-bottom: 6px;
}

.resultRegel.original, .resultRegel.summary {
	height: 50px;
}

.resultRegel.complete {
	
}

.resultBladeren {
	height: 26px;
}

.button_ResultTerug {
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	width: 50px;
	letter-spacing: 1px;
	border: 1px solid #FFFFFF;
	border-top-style: solid;
	text-align: center;
	margin-top: 24px;
	margin-left: auto;
	margin-right: auto;
	display: inline;
	line-height: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
}


.boekMain	{
	position: absolute;
	left: 183px;
	top: 14px;
	width: 540px;
}

.boekTitel, .resultMainCap, .zoekMainCap{
	font-size: 28px;
	font-weight: bold;
	overflow: visible;
	letter-spacing: 1px;
}

.boekCap, .resultCap	{
	color: #CC3333;
	font-weight: bold;
}

.boekTekst, .resultTekst	{
	color: #CC3333;
	font-weight: normal;
}

.boekTekst a {
	color: #CC3333;
}

.boekRedLine	{
	clear: both;
	height: 10px;
	padding: 4px 0 6px 0;
}


.boekAnnotatieCap {
	font-size: 16px;
	font-weight: bold;
	height: 22px;
	margin-left:-1px;
	width: 385px;
	float: left;
}

.boekAnnotatie {
	margin-top: 1px;
	width: 385px;
	float: left;
	overflow: visible;
}

.boekKaft {
	float: right;
}

.boekSerieCap {
	font-size: 16px;
	font-weight: bold;
	color: #336633;
	height: 22px;
	margin-left:-1px;
}

.boekSerieTekst {
	color: #336633;
	border-color: #336633;
}

#boekNavigatie {
	display: block;
	float:left;
	width:300px;
	margin-top:15px;
	margin-bottom:5px;
	margin-right:130px;

}
.boekButton {
	display: block;
	float:left;
	width:50px;
	margin-top:0px;
	margin-bottom:5px;
	margin-right:8px;

	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border-top-style: solid;
	letter-spacing: 1px;
	border-top-color: #FFFFFF;
	border-bottom-style: solid;
	border-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-width: 1px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	text-align: center;
	line-height: 12px;
}

.plankButton {
	float: right;	
	overflow: hidden;		
	width:70px;
	margin-top:-29px;
	margin-bottom:0;
	margin-right:-12px;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border-top-style: solid;
	letter-spacing: 1px;
	border-top-color: #FFFFFF;
	border-bottom-style: solid;
	border-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-width: 1px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	text-align: center;
	line-height: 12px;	
}

.boekMain .plankButton {
	width: 150px;
	position: relative;
	left: 60px;
}

.resultMain .plankButton {
	float: left;
	margin-top: 8px;
	margin-bottom: 8px;
	width: 150px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

.ajax-loader {
	border: none;
	margin-top: 4px;
	margin-bottom: 4px;
}


.boekMain .ajax-loader {
	height: 12px;
	margin: 0;
}


.bp_but {
	float: right;
	position: relative;
	top: -17px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.bp_but.bp_add {
	background: url(/assets/edit_add.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.bp_but.bp_del {
	background: url(/assets/edit_remove.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.bp_but.bp_wait {
	background: url(/assets/ajax_wait.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#bp_leegmaken {
	margin-right: 0;
}

#bp_summary, #bp_complete {
	width: 128px;
	margin-right: 0;
	margin-left: 8px;
}

#emailform {
	margin-top: 50px;
}

#emailform .row {
	margin-top: 1em;
}

#emailform label {	
}

#emailform .invoer {
}

#emailform .buttons {
	position: relative;
	left: -240px;
	top: -350px;
}

#emailfeedback {
	margin-top: 50px;
}