*
{
	margin: 				0;
	padding: 				0;
	border: 				0;
}

body
{
	font: 					12px/19px "Lucida Grande", arial, verdana, sans-serif;
	background:				#7f7471 url(../image/body-background.png) top left repeat-x;
}

ul
{
	list-style: 			none;
}

a
{
	color: 					#333;
	text-decoration:		none;
	cursor: 				pointer;
}

img
{
	display:				block;
}

a:hover
{
	color: 					#333;
}

#wrapper
{
	width: 					990px;
	margin: 				0 auto;
	position:				relative;
	padding: 				1.1em 0;
}



/* Vardump */

/*
pre
{
	font-size: 				1.2em;
	border: 				1px solid #ccc;
	background-color:		#efefef;
	padding: 				0.5em;
	color: 					#333;
	max-height: 			500px;
	overflow: 				auto;
	opacity: 				0.8;
	-moz-opacity: 			0.8;
	filter:					alpha(opacity=80);
}
*/

/* Elements */

form.ideal
{
	background: 			url(../image/icons/ideal.png) top right no-repeat !important;
	min-height: 			100px;
	height: 				auto !important;
	height: 				100px;
}

.clear
{
	clear: 					both;
	height:					0;
	font:					0/0 serif;
}

.fl-left { float: left; }
.fl-right {	float: right; }

.dotted-line
{
	height: 				1px;
	font-size: 				1px;
	line-height: 			1px;
	background:				url(../image/dotted.png) repeat-x top left;
	margin: 				20px 0;
}

.dotted-line-vertical
{
	background:				url(../image/dotted-horizontal.png) repeat-y top left;
	width:					1px;
	height:					400px;
	float:					left;
}

#content h2
{
	font-family: 			"Lucida Grande", arial, verdana, sans-serif;
	color: 					#fff;
	font-size: 				26px;
	font-weight: 			normal;
	margin: 				0 0 10px;
}

#content h3
{
	color: 					#fff;
	font-size: 				1.4em;
	font-weight: 			normal;
	margin: 				0 0 0.5em;
}

#content p
{
	color: 					#999;
	margin: 				0 0 2em;
}

#content p.justify
{
	text-align:				justify;
}


#content ul
{
	color: 					#999;
	margin: 				0 0 2em;
	padding-left:			2em;
	list-style: 			disc;
}

#content dl
{
	color: 					#999;
	margin: 				0 0 1em;
}

#content dt
{
	font-weight: 			bold;
	color: 					#666;
}

#content dd
{
	margin-bottom:			1em;
}

#content dl.faq dt
{
	color: 					#ccc;
}

/* header + navigation */

#header
{
	height: 				32px;
	background:				url(../image/header-books.png) no-repeat 570px bottom;
	padding: 				15px 0 35px;
}

#header a
{
	display: 				block;
	height: 				60px;
}

#owl 
{
	display: 				block;
	position:				absolute;
	top: 					7px;
	left: 					465px;
	width: 					74px;
	height: 				94px;
	background:				url(../image/owl.png) no-repeat;
	z-index: 				999;
}

div.flying
{
	background:				url(../image/owl_flying.gif) no-repeat !important;	
	width: 					144px !important;
	height: 				125px !important;
}

#header a.logo
{
	height: 				0;
	width: 					441px;
	padding: 				50px 0 0;
	display: 				block;
	overflow:	 			hidden;
	background:				url(../image/logo-big.png) no-repeat;
}

#smallheader a.logo img
{
	height:					50px;
}


#navigation-top
{
	width: 					990px;
	height: 				35px;
	background: 			url(../image/nav-top-background.png) no-repeat;
	margin-top: 			0;
}

#navigation-top li
{
	display:				inline;
}

#navigation-top li a
{
	display: 				block;
	float: 					left;
	height: 				35px;
	line-height: 			35px;
	border-right: 			1px solid #cfcfcf;
	padding: 				0 25px;
	font-size: 				12px;
	color: 					#333;
	text-decoration: 		none;
	font-weight: 			bold;
}

#navigation-top li.active a,
#navigation-top li a:hover
{
	color: 					#26bfff;
}

#navigation-top-collapser
{
	cursor: 				pointer;
}	

#navigation-top-mask
{
	width: 					990px;
	height: 				35px;
	overflow: 				hidden;
}

#navigation-top-mask #navigation-top
{
	background: 			url(../image/nav-top-background-noborder.png) no-repeat;
}


/* Small Header */

#smallheader 
{
	height: 				60px;
}

#smallheader a.logo
{
	display: 				block;
	width: 					150px;
	height: 				60px;
}

#smallheader .fl-right
{
	position:				relative;
	padding:				5px 140px 0px 120px;
}

#smallheader .fl-right a.button, #smallheader .fl-right h2
{
	float:left;
	margin-right:			10px;
}

#smallheader .fl-right #btn-back
{
	position:				absolute;
	top:					0;
	left:					0;
}

#smallheader .fl-right #btn-login, #smallheader .fl-right #btn-logout
{
	position:				absolute;
	top:					0;
	right:					0;
}

/*
#smallheader .fl-right h2
{
	position:				absolute;
	right: 					120px;
	top: 					27px;
	width: 					250px;
}
*/

/* Buttons */

button::-moz-focus-inner
{
	padding:				0;
	border:					none;
}

a,
button
{
	outline: 				none;
}

button.close-window
{
	position:				absolute;
	top: 					10px;
	right: 					14px;
	height: 				18px;
	width: 					18px;
	padding-top: 			19px;
	overflow: 				hidden;
	background:				transparent url(../image/btn-close-window.png) no-repeat;
}

button.login
{
	margin: 				1px 0 0 10px;
}

a.buttonsmall
{
	color:					#333;
	margin-left:			119px;
	font-size:				11px;
}

a.buttonsmall:hover span
{
	color:					#fff;
}

a.buttonsmall span
{
	height: 				18px;
	line-height: 			18px;
	display: 				block;
	float: 					left;
}

button.login
{
	margin: 				1px 0 0 10px;
}

a,
button
{
	outline: 				none;
	background-color:		transparent;
}



a.buttonsmall,
a.button, button
{
	background: 			transparent;
	color: 					#fff !important;
	font-size: 				12px;
	font-weight: 			bold; 
	cursor: 				pointer;
	text-decoration: 		none;
	display: 				inline-block;
	float:					left;
	position: relative; 
	display: block; 
	float: left; 
	border: 0; 
	margin: 0; 
	padding:0; 
	height:25px;
}

a.buttonsmall
{
	color:					#333;
	margin-left:			119px;
	font-size:				11px;
}

a.buttonsmall:hover span
{
	color:					#fff;
}

a.buttonsmall span
{
	height: 				18px;
	line-height: 			18px;
	display: 				block;
	float: 					left;
}

a.button,
button 
{
	height:					25px;
}

.cornerleft {
	display: 				block; 
	position: 				absolute; 
	top: 					0; 
	left: 					0; 
	width: 					8px; 
	height:					25px;
	background:				url(../image/btn-background.png) no-repeat top left;
}

.cornerright {
	display:				block; 
	padding-right:			15px;
	height: 				25px; 
	padding-left: 			4px;
	margin-left:			8px;
	background:				url(../image/btn-background.png) no-repeat top right;
}

.cornerright img {
	float:					left;
	margin-right:			8px;
}

a.button span, button span {
	height:					25px;
	line-height:			22px;
}
a:hover.button span.cornerleft, button:hover span.cornerleft {
	background-position:	left bottom;
}

a:hover.button span.cornerright, button:hover span.cornerright {
	background-position:	right bottom;
}
a.grey
{
	background:				url(../image/btn-background-left-white.png) no-repeat top left;
	padding-left:			6px;
}

a.buttonsmall span.button-rightside
{
	background:				url(../image/btn-background-right-white.png) no-repeat top right;
	padding: 				0 15px 0 9px;
	color:					#333;
}

a.grey:hover
{
	background:				url(../image/btn-background-left-white-hover.png) no-repeat top left;
}

a.buttonsmall:hover span.button-rightside
{
	background:				url(../image/btn-background-right-white-hover.png) no-repeat top right;
	color:					#fff;	
}

a.button.blue span, button.blue span {
	height:21px;
	line-height:22px;
}

.blue .cornerleft {
	display: block; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 1px; 
	height:21px; 
	color: green;
	background:			url(../image/btn-background-blue.png) no-repeat top left;
}

.blue .cornerright {
	display:block; 
	padding-right:15px;
	height: 21px; 
	padding-left:15px;
	margin-left:1px;
	background:			url(../image/btn-background-blue.png) no-repeat top right;
}

a.button.blue2 span, button.blue2 span {
	height:27px;
	line-height:22px;
}

.blue2 .cornerleft {
	display: block; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 5px; 
	height:27px; 
	color: green;
	background:			url(../image/btn-background-blue2.png) no-repeat top left;
}

.blue2 .cornerright {
	display:block; 
	padding-right:15px;
	height: 27px; 
	padding-left: 15px;
	margin-left:5px;
	background:			url(../image/btn-background-blue2.png) no-repeat top right;
}


a.button-smooth-leftside,
button.button-smooth-leftside
{
	background:				url(../image/btn-smooth-background-left.png) no-repeat top left;
	height: 				23px;
	line-height: 			23px;
	padding-left: 			11px;
}

a.button-smooth-leftside:hover,
a.button-smooth-leftside.selected,
a:hover button.button-smooth-leftside,
a.selected button.button-smooth-leftside,
button.button-smooth-leftside:hover
{
	background-image:		url(../image/btn-smooth-background-left-hover.png);
	text-decoration: 		none;
}

a span.button-smooth-rightside,
button span.button-smooth-rightside
{
	background:				url(../image/btn-smooth-background.png) no-repeat top right;
	height: 				23px;
	line-height: 			23px;
	padding: 				0 15px 0 4px;
}

a:hover span.button-smooth-rightside,
a.selected span.button-smooth-rightside,
button:hover span.button-smooth-rightside
{
	background-image:		url(../image/btn-smooth-background-hover.png);
	text-decoration: 		none;
}

a.button img,
button img
{
	margin: 				-2px 6px 0 -7px;
	float: 					left;
}

button#begin-met-whizzie
{
	border: 				0;
	padding: 				0;
	margin: 				0;
	background:				transparent url(../image/buttons/begin-met-whizzie.png) no-repeat  0px 0px;
	width: 					165px;
	height: 				33px;
	padding-top: 			33px;
	padding-left:			165px;
	overflow: 				hidden;
	display: 				block;
}

button#begin-met-whizzie:hover
{
	background-position:	bottom left;
}

a#btn-login
{
	border: 				0;
	padding: 				0;
	margin: 				0;
	background:				transparent url(../image/buttons/inloggen.png) no-repeat 0px -29px;
	width: 					0;
	height: 				0;
	padding-top: 			29px;
	padding-left:			80px;
	overflow: 				hidden;
}

a#btn-login:hover
{
	background-position:	0px 0px;
}

button#btn-login2
{
	border: 				0;
	padding: 				0;
	margin: 				0 0 0 5px;
	background:				transparent url(../image/buttons/inloggen2.png) no-repeat  0px 0px;
	width: 					78px;
	height: 				25px;
	padding-top: 			25px;
	padding-left:			78px;
	overflow: 				hidden;
}

button#btn-login2:hover
{
	background-position:	bottom left;
}

a#btn-logout
{
	float:					right;
	border: 				0;
	padding: 				0;
	margin: 				0;
	background:				transparent url(../image/buttons/uitloggen.png) no-repeat 0 -29px;
	width: 					0;
	height: 				0;
	padding-top: 			29px;
	padding-left:			80px;
	text-indent: 			-9999999em;
	overflow: 				hidden;
	display: 				block;
}

a#btn-logout:hover
{
	background-position:	0 0;
}

a#btn-registreer-nu
{
	display: 				block;
	border: 				0;
	padding: 				0;
	margin: 				0;
	background:				transparent url(../image/buttons/registreer-nu.png) no-repeat 0 0px;
	width: 					0;
	height: 				0;
	padding-top: 			25px;
	padding-left:			128px;
	text-indent: 			-9999999em;
	overflow: 				hidden;
}

a#btn-registreer-nu:hover
{
	background-position:	0 -25px;
}

a#btn-stuur-door
{
	display: 				block;
	border: 				0;
	padding: 				0;
	margin: 				0;
	background:				transparent url(../image/buttons/stuur-door.png) no-repeat 0 0;
	width: 					0px;
	height: 				0px;
	padding-right: 			108px;
	padding-top:			25px;
	overflow: 				hidden;
}

a#btn-stuur-door:hover
{
	background-position:	0 -25px;
}

a#btn-probeer-nu
{
	display: 				block;
	border: 				0;
	padding: 				0;
	margin: 				0;
	background:				transparent url(../image/buttons/probeer-nu.png) no-repeat 0 0;
	width: 					0px;
	height: 				0px;
	padding-right: 			98px;
	padding-top:			25px;
	overflow: 				hidden;
}

a#btn-probeer-nu:hover
{
	background-position:	0 -25px;
}

a#btn-download-nu
{
	display: 				block;
	border: 				0;
	padding: 				0;
	margin: 				0;
	background:				transparent url(../image/buttons/download-nu.png) no-repeat 0 0;
	width: 					0px;
	height: 				0px;
	padding-right: 			108px;
	padding-top:			25px;
	overflow: 				hidden;
}

a#btn-download-nu:hover
{
	background-position:	0 -25px;
}

a#btn-back
{
	display: 				block;
	border: 				0;
	padding: 				0;
	margin: 				0;
	background:				transparent url(../image/buttons/terug.png) no-repeat 0 0;
	width: 					0px;
	height: 				0px;
	padding-right: 			71px;
	padding-top:			25px;
	overflow: 				hidden;
	float: 					left;
}

a#btn-back:hover
{
	background-position:	0 -25px;
}

button#btn-opslaan
{
	display: 				block;
	border: 				0;
	padding: 				0;
	margin: 				0;
	background:				transparent url(../image/buttons/opslaan.png) no-repeat top left;
	width: 					85px;
	height: 				25px;
	padding-right: 			86px;
	padding-top:			25px;
	overflow: 				hidden;
	float: 					left;
}

button#btn-opslaan:hover
{
	background-position:	bottom left;
}

button#btn-annuleren
{
	display: 				block;
	border: 				0;
	padding: 				0;
	margin: 				0;
	background:				transparent url(../image/buttons/annuleren.png) no-repeat top left;
	width: 					100px;
	height: 				25px;
	padding-right: 			100px;
	padding-top:			25px;
	overflow: 				hidden;
	float: 					left;
}

button#btn-annuleren:hover
{
	background-position:	bottom left;
}

button#btn-doorsturen-send
{
	display: 				block;
	border: 				0;
	padding: 				0;
	margin: 				0;
	background:				transparent url(../image/buttons/btn-doorsturen-verstuur.png) no-repeat top left;
	width: 					105px;
	height: 				25px;
	padding-right: 			105px;
	padding-top:			25px;
	overflow: 				hidden;
	float: 					left;
}

button#btn-doorsturen-send:hover, button#btn-mail-preview:hover
{
	background-position:	bottom left;
}

button#btn-mail-preview
{
	display: 				block;
	border: 				0;
	padding: 				0;
	margin: 				0;
	background:				transparent url(../image/buttons/btn-doorsturen-toonvoorbeeld.png) no-repeat top left;
	width: 					126px;
	height: 				25px;
	padding-right: 			126px;
	padding-top:			25px;
	overflow: 				hidden;
	float: 					left;
}

a#btn-next-step,
button#btn-next-step
{
	display: 				block;
	border: 				0;
	padding: 				0;
	margin: 				0;
	background:				transparent url(../image/buttons/next-step.png) no-repeat top left;
	width: 					120px;
	height: 				25px;
	padding-right: 			120px;
	padding-top:			25px;
	overflow: 				hidden;
	float: 					left;
}

a#btn-next-step:hover,
button#btn-next-step:hover
{
	background-position:	bottom left;
}


a#btn-lesoverzicht
{
	display: 				block;
	border: 				0;
	padding: 				0;
	margin: 				0;
	background:				transparent url(../image/buttons/lesoverzicht.png) no-repeat 0 0;
	width: 					0px;
	height: 				0px;
	padding-right: 			164px;
	padding-top:			25px;
	overflow: 				hidden;
	float: 					left;
}

a#btn-lesoverzicht:hover
{
	background-position:	0 -25px;
}


/* Login-box */


div.form-login-top-container *
{
}

div.form-login-top-container
{
	position:				absolute;
	top: 					0;
	right: 					0;
	width: 					190px;
	z-index: 				500;
}

#btn-login
{
	position:				absolute;
	right: 					0;
	top: 					55px;
	width: 					85px;
}

#btn-login-small
{
/*
	position:				absolute;
	right: 					0;
	top: 					23px;
*/
	width: 					85px;
}

div.form-login-top-container div.welcome-top
{
	position:				absolute;
	right: 					0;
	top: 					55px;
}

div.form-login-top-container div.welcome-top span.welcome-top-name
{
	float: 					left;
	margin:		 			4px 10px 0 0;
	color: 					#fff;
	font-size: 				1.1em;
}

div.form-login-top-container div.welcome-top span.welcome-top-name a
{
	color: 					#ccc;
	text-decoration: 		underline;
	font-weight: 			bold;
}

div.form-login-top-container div.welcome-top span.welcome-top-name a:hover
{
	color: 					#fff;
}

div.form-login-top-container div.welcome-top a.button
{
	width: 					90px;
}

#form-login-top
{
	width: 					306px;
	height: 				109px;
	background: 			url(../image/login-top-background.png) no-repeat;
	padding: 				15px 25px;
	position:				absolute;
	right: 					-2em;
	top: 					10px;
	display: 				none;
}

#form-login-top fieldset
{
	padding:	 			8px 0 0 0;
	border: 				0;
	background:				none;
}

#form-login-top fieldset legend
{
	color: 					#fff;
	font-weight: 			bold;
	font-size: 				1.2em;
}

#form-login-top fieldset p
{
	float: 					left;
	margin: 				0;
}

#form-login-top fieldset p.buttons
{
	width: 					115px;
}

#form-login-top fieldset p label
{
	display: 				none;
}

#form-login-top fieldset p input
{
	margin: 				0 0 5px;
	width: 					170px;
}

input[type=checkbox]
{
	width: 					auto !important;
}

#form-login-top fieldset ul.options
{
	clear: 					both;
	margin-top: 			5px;
}

#form-login-top fieldset ul.options li
{
	margin-right:			1em;
	font-size: 				1em;
	font-weight: 			bold;
	float: 					left;
}

#form-login-top fieldset ul.options li a
{
	color: 					#ccbfbb;
}

#form-login-top fieldset ul.options li a:hover
{
	color: 					#fff;
}


/* Form */

textarea,
input
{
	background:				#514c4b;
	border: 				1px solid #5e5958;
	height: 				20px;
	padding: 				3px 8px 0;
	color: 					#ccbfbb;
	font-size: 				1.1em;
}

textarea:focus,
input:focus
{
	border-color: 			#6f6968;
	background:				#5c5655;
}

#content fieldset
{
	margin-bottom:			20px;
}

#content fieldset fieldset
{
	background-color:		#fff;
}

#content .dark-wrap
{
	background: 			url(../image/form-dark-wrap.png) repeat-y left top;
	position: 				relative;
	height: 				1%;
	padding: 				20px 0;
}

#content .dark-wrap .topImage
{
	position: 				absolute;
	left: 					0;
	top: 					0;
}

#content .dark-wrap .bottomImage
{
	position: 				absolute;
	left: 					0;
	bottom:					0;
}

#content fieldset .dark-wrap
{
	width: 					582px;
}

#content fieldset .dark-wrap .topImage
{
}

#content fieldset .dark-wrap .bottomImage
{
}

#content form a
{
	color:	 				#fff;
	font-weight: 			bold;
	text-decoration: 		none;
}

#content form a:hover
{
	text-decoration: 		underline;
}

#content form legend
{
	color: 					#fff;
	font-size: 				1.3em;
}

#content form .container
{
	clear: 					both;
	margin-bottom:			10px;
}


#content form .container span.text
{
	color: 					#999;
	display: 				block;
	padding-top:			1px;
	line-height: 			22px;
}

#content form ul.error
{
	color:					#ff704f;
	margin:					0 0 20px 160px;
}

#content form p.success-message
{
	color: 					#729F53;
	font-weight: 			bold;
	margin-left:			260px;
}

#content form .choose-bundel label,
#content form .container label
{
	display: 				block;
	width: 					250px;
	height: 				25px;
	color:					#fff;	
	line-height: 			25px;
	text-align: 			right;
	font-size: 				1.1em;
	margin-right:			10px;
	float: 					left;
}

#content form .container label span
{
	color:					#ff704f;
}

#content .mainbox-content-tekst form label
{
	width:					150px;
}

#content form input
{
	width: 					300px;
}

#content .mainbox-content-tekst form input
{
	width:					245px;
}

#content .mainbox-content-tekst form textarea
{
	font-family:			"Lucida Grande",arial,verdana,sans-serif;
	width:					245px;
	height:					100px;
}

#content form div.checkbox label
{
	color:	 				#CCBFBB;
}

#content form div.checkbox input
{
	margin: 				0 10px 0 133px;
	width: 					auto;
	height:					auto;
}

#content .preview button
{
	margin-left:			32px;
}

#content .radio,
#content .checkbox
{
	width:					auto;
	height:					auto;
	float:					left;
}

#content form div.checkbox label
{
	float: 					none;
	display:				inline;
	width: 					auto;
}

#content span.error
{
	padding:				0 0 0 10px;
	color:					#ff704f;
	position:				absolute;
}

#content p.note
{
	height: 				auto !important;
	height: 				25px;

	margin-left:			290px;
	font-style: 			italic;
}

#content form .container select
{
	background:				#514c4b url(../image/input-background.png) top left no-repeat;
	border-top: 			1px solid #181616;
	border-left: 			1px solid #181616;
	border-bottom: 			1px solid #5e5958;
	border-right: 			1px solid #5e5958;
	height: 				25px;
	padding: 				4px 2px;
	color: 					#fff;
	font-size: 				1em;
	width: 					320px;
}

#content form .container select option
{
	padding: 				4px 2px;
}

#content form div.button
{
	padding-left:			260px;
}

#content .mainbox-content-tekst form div.button
{
	padding-left:			161px;	
} 

/* Form - Upgraden */



#upgraden .radio
{
	width:					auto;
	height:					auto;
	margin:					2px 10px 0 0;
	clear: 					both;	
}

#upgraden .fl-left
{
	width:					450px;
}

#content h2 .fl-left
{
	width: 					400px;
}

#upgraden .fl-right
{
	padding-left:			32px;
	width:					430px;
	float:					left;
}

#content #upgraden label
{
	width:					150px;
	text-align: 			left;
}

#content #upgraden form div.button
{
	padding-left:			150px;
}

.min-kopen
{
	background:				url(../image/bg-box-radio.png) top left no-repeat;	
	width:					250px;
	height:					50px;
	padding:				10px;
	float:					left;
	margin:					0 0 40px;	
}

#content #upgraden .min-kopen label
{
	color:					#fff;
	float:					left;
	text-align: 			left;
	display:				inline;
	width:					140px;
}

#content .min-kopen label span.price
{
	color:					#fff;
	width:					80px;
	text-align:				right;
}

/* Profile-page */

.profile-filter
{
	background:				url(../image/bg-profile-filter.png) top left no-repeat;
	width:					673px;
	height:					26px;
	padding:				5px 8px 5px 22px;
	margin-bottom:			23px;
}

.profile-filter label,
.profile-filter span
{
	font-weight:			bold;
	float:					left;
	line-height:			26px;
	color:					#333;
}

.profile-filter span
{
	margin:					0 0 0 55px;
}
.profile-filter a.buttonsmall span,
.profile-filter span.minutes
{
	margin:					0;
}

.profile-filter span.minutes
{
	font-size:				17px;
}

.profile-filter .buttonsmall
{
	float:					right;
	margin:					4px 0 0;
}

.profile-filter select
{
	float:					left;
	margin:					3px 15px 0 20px;
	width:					160px;
}

/* film */

#whizzieplayer
{
	outline:				none;
	min-height: 			150px;
}

a.btn-naar-oefenmateriaal
{
	width: 					246px;
	height: 				1px;
	padding: 				46px 0 0;
	overflow: 				hidden;
	background:				url(../image/btn-naar-oefenmateriaal.png) no-repeat;
	display: 				block;
	margin-top: 			5px;
}

a.btn-naar-oefenmateriaal:hover
{
	background-image:		url(../image/btn-naar-oefenmateriaal-hover.png);
}

a.btn-naar-video
{
	width: 					246px;
	height: 				1px;
	padding: 				46px 0 0;
	overflow: 				hidden;
	background:				url(../image/btn-naar-video.png) no-repeat;	
	display: 				block;
	margin-top: 			5px;
}

a.btn-naar-video:hover
{
	background-image:		url(../image/btn-naar-video-hover.png);
}

/* mail preview */

.holder-preview
{
	position:				absolute;
	top:					130px;
	left:					110px;
	z-index:				10;
}

#mail-preview
{
	position:				relative;
	width:					640px;
	height:					450px;
	background-color:		#7f7471;
	padding:				40px 0 0 60px;
	border:					3px groove #fff;
	display:				none;
	text-align:				left;
}

#mail-preview button
{
	position:				absolute;
	top:					5px;
	right:					5px;
}

/* overzicht */

#content .content-white
{
	background:				#fdfdfd url(../image/bg-content-white.png) bottom left repeat-x;
	border-color:			#ffffff #f7f7f7 #f1f1f1 #d3d3d3;
	border-width: 			1px;
	border-style: 			solid;
	position:				relative;
	min-height:				600px;
	height:					auto !important;
	height:					600px;		
	padding: 				30px 32px 125px;
	height:					1%;
}

#content .content-white .dotted-line
{
	background:				url(../image/dotted-light.png) top left repeat-x;
	clear: 					both;
	margin-bottom:			25px;
}

#content .content-white img.current-course
{
	margin-top:				30px;
}	

#content .content-white .light img.try-now
{
	margin:					10px 0;
}	

#content .content-white .light h2
{
	font-family: 			Myriad Regular "Lucida Grande", arial, verdana, sans-serif;
	font-size:				22px;
	color:					#333;
}

#content .content-white h2
{
	color:					#0099cc;
	font-size: 				26px;
	margin:					0 0 20px;	
}

#content .content-white h3
{
	color: 					#666;
}

#content .light
{
	background:				#ffffff url(../image/bg-info-box-white.png) top left repeat-y;
	width:					138px;
	position:				relative;
}

#content .light ul.submenu
{}

#content .light ul.submenu li a
{
	display: 				block;
	cursor: 				pointer;
}

#content .light ul.submenu li a:hover
{
	text-decoration: 		underline;	
}

#content .overzicht-module
{
	width:					330px;
	float:					left;
	margin:					0 32px 25px 0;
	position:				relative;
	background:				url(../image/dotted-light.png) repeat-x scroll left bottom;
	min-height: 			115px;
	height: 				auto !important;
	height: 				115px;
}

#content .overzicht-module img
{
	float:					left;
	margin-right:			15px;
}

#content .overzicht-module h3
{
	color: 					#333;
	margin-bottom:			6px;
	font-weight:			bold;
	font-size:				1.2em;
	float:					left;
	width: 					211px;
}

#content .overzicht-module p
{
	width:					210px;
	line-height:			16px;
	height: 				auto !important;
	overflow: 				hidden;
	margin:					0;
	float:					left;
	display:				block;
}

#content .overzicht-module span.history
{
	float:					right;
	font-size:				11px;
	margin-left:			8px;
	color:					#ff6329;	
}

#content .overzicht-module .buttonsmall
{
	margin: 				5px 0 0 2px;
	clear: 					both;
}

#content .overzicht-module div.module-description
{
}

#content .overzicht-module div.thumb-button
{
	float: 					left;
}

#content .content-white .fl-right
{
	padding-top:			53px;
}

#content .light p
{
	color:					#666;
}

/* pagenator */

.pagenator
{
	font-weight:			bold;
	margin-top:				20px;
}

.pagenator a
{
	font-size:				15px;
	font-weight:			bold;
	padding:				0 0 0 10px;
}
.pagenator a:hover
{
	color:					#00ccff;
}

.pagenator a.active
{
	color:					#00ccff;
}

.pagenator span a:hover
{
	color:					#333;
}

/* Bevel-inset */

.bevel-inset
{
	background:				#726663 url(../image/bevel-inset-background.png) repeat-x top left;
	border-color: 			#423a38 #a59f9e #a59f9e #483f3e;
	border-width:			1px;
	border-style:			solid;
	position:				relative;
}

.bevel-inset-medium
{
	background: 			#403a39 url(../image/bg-content-tekst.png) top left repeat-x;
	border-right: 			1px solid #6b6766;
	border-left: 			1px solid #353130;
	border-bottom: 			1px solid #999696;
	min-height:				600px;
	height:					auto !important;
	height:					600px;	
	padding: 				32px 32px 0px;
	position:				relative;
}

.bevel-inset-medium a
{
	color: 					#ccc;
	font-weight: 			bold;
}

.bevel-inset-medium a:hover
{
	color: 					#fff;
	text-decoration: 		underline;
}

.mainbox-content
{
	position:				relative;
	width: 					728px;	
}

.mainbox-content-tekst
{
	width: 					570px;	
	padding-bottom:			40px;
}

.mainbox-content-tekst p
{
	padding-right:			30px;
}

.bevel-inset-dark
{
	background:				#1f1c1b;
	border-color: 			#161413 #161413 #4f4e4d #161413;
	border-width: 			1px;
	border-style: 			solid;
	position:				relative;
	padding: 				20px;
}

.bevel-inset-medium span.r-bl,
.bevel-inset-medium span.r-br,
.content-white span.r-bl,
.content-white span.r-br,
.bevel-inset-dark span.r-tl,
.bevel-inset-dark span.r-tr,
.bevel-inset-dark span.r-bl,
.bevel-inset-dark span.r-br,
.bevel-inset span.r-tl,
.bevel-inset span.r-tr,
.bevel-inset span.r-bl,
.bevel-inset span.r-br
{
	position:				absolute;
	width: 					5px;
	height: 				5px;
	line-height: 			5px;
	font-size: 				1px;
}

.bevel-inset-medium span.r-bl { background: url(../image/bevel-inset-medium-bl.png) no-repeat; }
.bevel-inset-medium span.r-br { background: url(../image/bevel-inset-medium-br.png) no-repeat; }

.content-white span.r-bl { background: url(../image/bevel-inset-white-bl.png) no-repeat; }
.content-white span.r-br { background: url(../image/bevel-inset-white-br.png) no-repeat; }

.bevel-inset span.r-tl { background: url(../image/bevel-inset-tl.png) no-repeat; }
.bevel-inset span.r-tr { background: url(../image/bevel-inset-tr.png) no-repeat; }
.bevel-inset span.r-bl { background: url(../image/bevel-inset-bl.png) no-repeat; }
.bevel-inset span.r-br { background: url(../image/bevel-inset-br.png) no-repeat; }

.bevel-inset-dark span.r-tl { background: url(../image/bevel-inset-dark-tl.png) no-repeat; }
.bevel-inset-dark span.r-tr { background: url(../image/bevel-inset-dark-tr.png) no-repeat; }
.bevel-inset-dark span.r-bl { background: url(../image/bevel-inset-dark-bl.png) no-repeat; }
.bevel-inset-dark span.r-br { background: url(../image/bevel-inset-dark-br.png) no-repeat; }


a.normal-underline
{
	text-decoration: 		underline;
	font-weight: 			normal;
	color: 					#999;
}

/* info-boxes : vertical */

#content .vertical
{
	width: 					138px;
	padding: 				16px 20px;
}

#content .bevel-inset-dark p
{
	color:					#fff;
}

#content .vertical h2, 
#content .horizontal h2
{
	margin-bottom:			10px;
}

/* info-boxes : horizontal */

.horizontal
{
	width:					310px;
	padding: 				20px;
}

.horizontal .left
{
	float:					left;
	width:					135px;
}

.horizontal .right
{
	width:					135px;
	float:					right;
}

.horizontal .dotted-line
{
	width: 					1px;
	height:					171px;
	background:				url(../image/dotted-horizontal.png) repeat-y top left;
	margin: 				0 19px;
	float:					left;
}

.horizontal p
{
	min-height: 			100px;
	height: 				auto !important;
	height: 				100px;
}

.wide
{
	width: 					882px;
	margin-bottom:			2em;
}

.wide p 
{
	min-height: 			40px;
	height: 				auto !important;
	height: 				40px;
}	

.wide .dotted-line
{
	display: 				none;
}

.wide .left,
.wide .right,
{
	width: 					882px;
	clear: 					both;
	float: 					none;
}

/* Home */

#pushbox
{
	height: 				371px;
	margin-bottom:			30px;
}

.courses
{
	margin: 				0 0 0 40px;
	width: 					600px;
}

ul.courses li
{
	text-align: 			center;
	float: 					left;
	background: 			url(../image/course-background.png) no-repeat top left;
}

ul.courses li img
{
	border: 				0;	
}

.courses li a,
.courses li button
{
	float: 					none !important;
}

.modules-container
{
	width: 					298px;
	height: 				235px;
	margin-bottom:			10px;
}

.modules-mask
{
	margin: 				12px 0;
	height: 				210px;
	overflow: 				hidden;	
	position:				relative;
}

.modules-container div.arrow-up,
.modules-container div.arrow-down
{
	height: 				12px;
	width: 					298px;
	position:				absolute;
	left: 					0;
	cursor: 				pointer;
}

.modules-container div.arrow-up
{
	background:				url(../image/btn-arrow-up-small.gif) no-repeat top center;
	top: 					0;
}

.modules-container div.arrow-down
{
	background:				url(../image/btn-arrow-down-small.gif) no-repeat bottom center;
	bottom: 				0;
}

ul.modules
{
	margin: 				0 6px;
	position:				absolute;
}

ul.modules li
{
	display:				inline;
}

ul.modules li a
{
	color: 					#fff;
	display: 				block;
	width: 					268px;
	height: 				21px;
	line-height: 			21px;
	padding:				0 8px;
	font-size: 				12px;
	font-weight: 			bold;
	text-decoration: 		none;
	overflow: 				hidden;
}

ul.modules li a span
{
	float: 					left;
}

ul.modules li a span.subtitle
{
	color: 					#fff;
	font-size: 				0.8em;
	float:					right;
}

ul.modules li a.selected,
ul.modules li a:hover
{
	background: 			url(../image/bg-module-blue.png) no-repeat top left;
}

/* Lesbundels */

#content p.head-bundels
{
	margin-bottom:			40px;
	padding-right:			40px;
}

.bundel
{
	margin-bottom:			40px;
}

.bundel img,
.bundel p,
.bundel h3
{
	float:					left;
}

#content .bundel p
{
	margin-bottom:			0.5em;
}

.bundel img
{
	margin:					0 20px 20px 0;	
}

#content .bundel h3
{
	font-weight:			bold;
	margin-bottom:			10px;
	width:					420px;
}

.bundel p
{
	width:					410px;
}

/* Bestellen */

.choose-bundel .error
{
	display:				block;
	float:					left;
}

.choose-bundel .select-bundel
{
	margin-left:			25px;
	width:					210px;	
	float:					left;
	border:					1px solid #CCCCCC;
}

.choose-bundel div.bundle
{
	float: 					left;
	margin:					0 38px 0 0;
	width: 					250px;
	margin-bottom:			20px;
	padding:				10px;
	background:				#282322;
	min-height: 			205px;
}

.choose-bundel div.owns-bundle
{
	opacity: 				0.5;
	-moz-opacity: 			0.5;
	filter:					alpha(opacity=50);
}

.choose-bundel div.owns-bundle strong
{
	display: 				block;
	text-align: 			right;
	margin-right:			3px;
	color: 					#729F53;
}

.choose-bundel div.minutes
{
	min-height: 			0;
}

#content .choose-bundel div.bundle p 
{
	clear: 					both;
	margin:					0;
	font-size: 				.9em;
}

.choose-bundel div.bundle span.price
{
	color: 					#827a78;
}

.choose-bundel div.bundle div.line
{
	clear: 					both;
	border-top: 			1px solid #514c4b;
	margin-bottom:			10px;
}

.choose-bundel div.bundle img
{
	float: 					left;
}

.choose-bundel div.bundle div.books
{
	width: 					130px;
	float:					right;
}
.bundel-75
{
	background: 			url(../image/bg-pakket-75.png) no-repeat top left;
	width:					250px;
	height:					136px;
	padding:				10px;
	float:					left;
	margin-bottom:			3px;
}

#pakketten-owl
{
	background:				url(../image/img-owlbig.jpg) top left no-repeat;
	width:					138px;
	height:					186px;
	position:				absolute;
	bottom:					-8px;
	left:					85px;
}

#content .bundel-150 .radio,
#content .bundel-75 .radio
{
	margin-right:			10px;
}

#content form .choose-bundel .bundel-150 label,
#content form .choose-bundel .bundel-75 lab
el,
#content form .choose-bundel .bundel-150 span,
#content form .choose-bundel .bundel-75 span
{
	color:					#fff;
	line-height:			16px;
	width:					220px !important;
	display:				block;
	float:					left;
	margin:					0 0 10px 0;	
	text-align: 			left;
}

.bundel-150
{
	background: 			url(../image/bg-pakket-150.png) no-repeat top left;
	width:					250px;
	height:					136px;
	padding:				10px;
	margin-bottom:			40px;
	float:					left;	
}

#content form .choose-bundel label
{
	display:				inline;
	width: 					220px;
	text-align: 			left;
	margin-right:			0;
	height: 				auto;
	line-height: 			1.3em;
	margin-bottom:			5px;
}

#content form .choose-bundel div.radio 
{
	margin: 				0 5px 0 0;
	float: 					left;
	width: 					20px;
}

#content form .choose-bundel div.radio input
{
	width: 					auto;
	background: 			transparent;
	border: 				0;
}

#content div.logos-partners a 
{
	padding: 				2px;
	border: 				1px solid #5e5958;
	float: 					left;
	margin: 				5px;
}

#content div.logos-partners a:hover
{
	border: 				1px solid #867f7d;
}

#content div.footnote
{
	margin-top: 			2em;
	clear: 					both;
	color: 					#666;
	font-size: 				9px;
	text-align:				justify;
	position:				absolute;
	bottom: 				2em;
	width: 					915px;
}

#content div.homepage
{
	position:				relative;
	bottom: 				0;
	color: 					#ccc;
	width:					990px;
}

#content .content-white div.footnote
{
	color: 					#999;
}

#content .whiteblock 
{
	position: 				relative;
	height: 				1%;
	width: 					269px;
	padding: 				25px 20px;
	margin-bottom: 			25px;
	background: 			url(../image/bg-whiteblock.png) repeat-y left top;
}

#content .whiteblock.partners
{
	width:					516px;
	background-color:		#fff;
	padding:				25px 0px 25px 20px;
}

#content .whiteblock.partners a
{
	color:					#000;
	font-weight:			bold;
}

#content .whiteblock.partners a:hover
{
	color:					#000;
	text-decoration:		underline;
}

#content .whiteblock.partners ul li 
{
	margin:					30px 0px;
}

#content .whiteblock.partners ul li img
{
	float:					left;	
}

#content .whiteblock.partners .partners-desc
{
	margin-left:			40px;
	width:					390px;
	float:					left;
}

#content .whiteblock.partners .partners-title
{
	font-size:				130%;
	font-weight:			bold;
	display:				block;
}

#content .whiteblock .thuiswinkellogo
{
	width:					100%;
	height:					32px;
	padding-top:			15px;
}

#content .whiteblock .thuiswinkellogo img
{
	float:					right;
}

#content .whiteblock .topImage,
#content .whiteblock .bottomImage
{
	position: 				absolute;
	left: 					0;
}

#content .whiteblock .topImage { top: 0; }
#content .whiteblock .bottomImage { bottom: 0; }

#content .whiteblock h3 {
	color: 					#109fcf;
	font-size: 				26px;
	font-weight: 			normal;
	letter-spacing: 		-2px;
}

#content .whiteblock-large
{
	position: 				relative;
	height: 				1%;
	width: 					601px;
	padding: 				25px 25px 40px;
	margin-bottom: 			25px;
	background: 			url(../image/bg-whiteblock-large.png) repeat-y left top;
}

#content .whiteblock-large .topImage,
#content .whiteblock-large .bottomImage
{
	position: 				absolute;
	left: 					0;
}

#content .whiteblock-large .topImage { top: 0; }
#content .whiteblock-large .bottomImage { bottom: 0; }

#content .whiteblock-large h3 {
	color: 					#109fcf;
	font-size: 				26px;
	font-weight: 			normal;
	letter-spacing: 		-2px;
}

#content .blueblock 
{
	position: 				relative;
	height: 				1%;
	width: 					269px;
	padding: 				25px 20px;
	background: 			url(../image/bg-blueblock.png) repeat-y left top;
}

#content .blueblock .topImage,
#content .blueblock .bottomImage
{
	position: 				absolute;
	left: 					0;
}

#content .blueblock .topImage { top: 0; }
#content .blueblock .bottomImage { bottom: 0; }

#content .blueblock h3 {
	color: 					#a9ebff;
	font-size: 				20px;
	font-weight: 			normal;
	letter-spacing: 		-1px;
}

#content .dark-small 
{
	position: 				relative;
	height: 				1%;
	width: 					269px;
	padding: 				25px 20px;
	background: 			url(../image/bg-dark-small.png) repeat-y left top;
}

#content .dark-small  .topImage,
#content .dark-small  .bottomImage
{
	position: 				absolute;
	left: 					0;
}

#content .dark-small  .topImage { top: 0; }
#content .dark-small  .bottomImage { bottom: 0; }

#content .dark-small  h3 {
	color: 					#16abd8;
	font-size: 				20px;
	font-weight: 			bold;
	letter-spacing: 		-1px;
}

ul.voordelen 
{
	list-style: 			none;
}

ul.voordelen li {
	background: 			url(../image/list-vink.png) no-repeat 0px 9px;
	padding: 				5px 0 5px 25px;
	color: 					#666;
	display: 				block;
	height: 				1%;
} 

ul.voordelen-large
{
	list-style: 			none;
	margin-bottom: 			10px;
}

ul.voordelen-large li {
	background: 			url(../image/list-vink-large.png) no-repeat left 14px;
	padding: 				10px 0 10px 30px;
	color: 					#666;
	line-height: 			19px;
}

ul.voordelen-large li strong 
{
	display: 				block;
	font-size: 				16px;
	color: 					#333;
}

ul.dottedlist ,
ul.dottedlist-dark
{
	list-style: 			none;
}

ul.dottedlist li 
{
	border-bottom: 			1px dotted #6dc8e3;
	padding: 				10px 0;
	color: 					#fff;
}

ul.dottedlist-dark li
{
	border-bottom: 			1px dotted #888483;
	padding: 				13px 0;
	color: 					#fff
}

ul.dottedlist li.last,
ul.dottedlist-dark li.last 
{
	border-bottom: 			none;
	padding-bottom: 		10px;
}

.bundels 
{
	width: 					582px;
	padding-bottom:			190px;
}

.bundels a.largebundel
{
	display: 				block;
	width: 					582px;
	height: 				129px;
	margin-bottom: 			10px;
}

.bundels a.largebundel span 
{
	display: 				none;
}

.bundels .bundel0 { background: url(../image/img-bundel0.png) no-repeat left top; }
.bundels .bundel1 { background: url(../image/img-bundel1.png) no-repeat left top; }
.bundels .bundel2 { background: url(../image/img-bundel2.png) no-repeat left top; }

.bundels a.largebundel:hover 
{
	background-position: 	left bottom;
}

/* Footer */

#footer
{
	padding:				20px 0 30px;
	background: 			#665d5a url(../image/bg-footer.png) no-repeat left top;
	border-top: 			1px solid #534845;
}

#footer .wrap 
{
	width: 					999px;
	margin: 				0 auto;
}

#footer a
{
	font-weight:			normal;
	color:					#ccc;
	margin:					0 0 0 12px;
	padding-left: 			12px;
	border-left: 			1px solid #807a78;
}

#footer a.first {
	border: 				none;
}

.footer-menu
{
	float:					right;
	margin-bottom: 			22px;
}

#footer a:hover
{
	text-decoration:		underline;
}

#footer span
{
	font-weight:			normal;
	color:					#ccc;
}

#footer p.footnote
{
	color: 					#ccc;
	font-size: 				0.9em;
	margin-bottom:			10px;
}

#footer div.partners 
{
	float: 					left;
}

#footer div.partners img
{
	float: 					left;
	margin-right:			20px;
	display: 				block;
	height: 				46px;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .fl-right h2.sIFR-replaced{

  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}