/* debug */

.center-container, #header, #topbar, #bottombar, #welkombox, #left-container, #right-container, #subscription {
	position: relative;
}

body, html{
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:  arial, verdana, helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}

body {
	background: #fff url("images/header/background.png") repeat-x top left;
}

body.home {
	background: #fff url("images/header/background_home.png") repeat-x top left;
}

body.search #header {
	background: #fff url("images/header/background_search.png") repeat-x 0 3px;
}


#print {
	display: none;
}

.clear {
	clear: both;
}

p {
	font-size: 13px;
}

h1 {
	font-size: 23px;
}

h2 {
	font-size: 16px;
}

/* button anchors */
a {
	text-decoration: none;
}

a.left {
	float: left !important;
}

a.small, a.negative {
	display: block;
	float: right;
	padding: 0.5em 17px 0.5em 10px;
	color: #000;
	background: transparent url("images/buttons/button_light.png") no-repeat right;
	border:none;
	cursor:pointer;
	font-size:11px;
}

a.small:hover {
	background: transparent url("images/buttons/button_dark.png") no-repeat right;
	color: #ffbd27;
}

a.negative {
	background: transparent url("images/buttons/button_dark.png") no-repeat right;
	color: #ffbd27;
}

a.negative:hover {
	background: transparent url("images/buttons/button_light.png") no-repeat right;
	color: #000;
}

a.big {
	display: block;
	padding: 0.3em 0.4em;
	position: absolute;
	bottom: 0;
	color: #000;
	background-color:#ffbd27;
	cursor:pointer;
	font-size:18px;
	border: none;
	text-align: center;
}

a.big:hover {
	background-color: #333;
	color: #ffbd27;
}


strong {
	font-weight: bold;
}

/* reader */
#toc h1 span {
	cursor: hand;
	font-size: 13px;	
}

/* global */
.center-container {
	margin: 0 auto;
	width: 970px;
	/* height: 100%; */
}

/* header */
#header {
	height: 150px;
	margin-bottom: 30px;
}

#topbar {
	height: 84px;
}

#bottombar {
	height: 311px;
}

.home #header {
	height: 395px;
}

.search #header {
	height: auto !important;
}

#leerrijk-logo {
	height: 120px;
	width: 180px;
	position: absolute;
	left: -25px;
	top: -6px;
	background: transparent url("images/logos/leerrijk-logo.png") no-repeat top left;
}

#plantyn-logo {
	height: 50px;
	width: 108px;
	position: absolute;
	right: 0px;
	top: 15px;
	background: transparent url("images/logos/logo_plantyn.png") no-repeat top left;
}

.loader {
	height: 19px;
	background: transparent url("images/animations/ajax-loader.gif") no-repeat center center;
}


/* menu */
#menu {
	position: absolute;
	left: 150px;
	top: 5px;
}

#menu {
	top: 3px;
}

#menu li {
	font-size: 13px;
	float: left;
}

#menu li a {
	display: block;
	height: 30px;
	text-align: center;
	padding-top: 52px;
}

#menu li.home a {
	width: 75px;
}

#menu li.overons a {
	width: 105px;
}

#menu li.artikels a {
	width: 98px;
}

#menu li.abonnement a {
	width: 128px;
}

#menu li.home a:hover, #menu li.home a.active {
	background: transparent url("images/rollover/rollover_hoofdmenu_home.png") no-repeat center top;
}

#menu li.overons a:hover, #menu li.overons a.active {
	background: transparent url("images/rollover/rollover_hoofdmenu_overons.png") no-repeat center top;
}

#menu li.artikels a:hover, #menu li.artikels a.active {
	background: transparent url("images/rollover/rollover_hoofdmenu_artikels.png") no-repeat center top;
}

#menu li.abonnement a:hover, #menu li.abonnement a.active {
	background: transparent url("images/rollover/rollover_hoofdmenu_abonnement.png") no-repeat center top;
}

#menu li.separator {
	padding-top: 52px;
	color: #e5a719;
}

#menu a {
	text-decoration: none;
	color: #000;
}

/* welkombox */
#welkombox {
	height: 210px;
	width: 470px;
	top: 60px;
	left: 55px;
	position: absolute;
	color: #ddd;
}

#welkombox h1 {
	font-size: 20px;
}

#welkombox p {
	font-size: 11px;
	color: #878787;
	margin-top: 1em;
}

#welkombox a {
	
}

#citaatbox {
	height: 311px;
	width: 520px;
	position: absolute;
	top: 0;
	left: 580px;
	
	background: transparent url("images/home/tamara-cuypers.jpg") no-repeat 0px 0px;
}

#citaatbox div {
	/* MdR 24/12: smallere textbox voor afstand met afbeelding */
	width: 175px;
	height: 210px;
	top: 60px;
	position: absolute;
}

#citaatbox h1 {
	font-family: Georgia;
	color: #878787;
	font-size: 15px;
	font-style: italic;
}

#citaatbox p {
	font-size: 11px;
	color: #878787;
	margin-top: 1em;
}

#citaatbox p span {
	color: #ffbd27;
	display: block;
}

#citaatbox a {
	position: absolute;
	bottom: 0;
	width: 65px;
	float: none;
}

/* top box */

#tip {
	margin:0 0 30px 10px;
	position:relative;
}

#tip div {
	float: left;
	height: 75px;
	width: 75px;
	background-color: #FFBD27;
	line-height: 75px;
	text-align: center;
	margin-right: 10px;
}

/* search */
#search {
	overflow:hidden;
}

#primair {
	height: 100px;
}

#secundair {
	height: 150px;
}

#uitklaplabel {
	margin: 0 auto;
	width: 33%;
	height: 20px;
	margin-top: -20px; 
}

/* two columns */
#columns-container {

}

#left-container {
	float: left;
	margin-left: 10px;
	width: 380px;
}

#right-container {
	float: right;
	width: 540px;
}

/* boxes */
.box {
	background-color: #ededed;
	border: 1px solid #ddd;
	padding: 20px;
	margin-bottom: 30px;
	/* IE7 dissapearing bug */
	min-height: 0;
}

.box h1 {
	font-size: 23px;
}

.box h2 {
	font-size: 16px;
}

/* abonneebox */
#abonnee.box {

}

#abonnee.box form {
	padding: 10px 0 10px 0;
}

#abonnee.box input {
	line-height: 26px;
	padding: 4px;
	width: 240px;
	float: right;
	border: none;
	line-height: 15px;
}

#abonnee.box label {
	float: right;
	margin-right: 8px;
	padding: 4px;
}

#abonnee.box div {
	clear: both;
	height: 36px;
}

#abonnee.box div.clear {
	height: 0px;
}

#abonnee.box button {
	float: right;
}

/* abonnee error */
#abonnee.error {
	
}

#abonnee.error h2, #abonnee.error input {
	color: #db007a;
	color: #FF0000;
}

/* agendabox */
#agenda.box button {
	background: transparent url("images/buttons/button_dark.png") no-repeat right;
	color: #ffbd27;
	float: right;
}

#agenda.box button:hover {
	background: transparent url("images/buttons/button_light.png") no-repeat right;
	color: #000;
}

#agenda.box h2 {
	color: #555;
}
	
#agenda.box .item_day {
	height: 90px;
	padding: 5px 0;
}

#agenda.box .item_day div.date {
	position: absolute;
	/* left: -35px; */
	left: -15px;
	height: 69px;
	width: 99px;
	background: url("images/agenda/agenda_clip.png") no-repeat;
	padding: 10px 35px;
	font-size: 23px;
}

#agenda.box .item_day span {
	display: block;
	font-size: 16px;
	margin-top: -2px;	
}
#agenda.box .item_day h2 {
	margin-left: 65px;
	padding-top: 3px;
}

#agenda.box .item_day h3 {
	margin-left: 65px;
	color: #888;
}

#agenda.box .item_period {
	height: 90px;
	padding: 5px 0;
}

#agenda.box .item_period div.date {
	position: absolute;
	/* left: -35px; */
	left: -14px;
	height: 67px;
	width: 118px;
	background: url("images/agenda/agenda_clip_period.png") no-repeat -2px 0;
	padding: 10px 35px;
	font-size: 17px;
}

#agenda.box .item_period div.start {
	float: left;
	margin-left: -7px;
	margin-top: 5px;
}

#agenda.box .item_period div.end {
	float: left;
	margin-left: 11px;
	margin-top: 5px;
}

#agenda.box .item_period span {
	display: block;
	font-size: 13px;
	margin-top: -2px;	
}
#agenda.box .item_period h2 {
	margin-left: 83px;
}

#agenda.box .item_period h3 {
	margin-left: 83px;
	color: #888;
}

/* searchbox */
#search.box h1 {
	text-align: center;
	background: transparent url("images/icons/icon_search.png") no-repeat 100px center;
}

#search.box div {
	float: left;
	width: 240px;
	margin: 20px 0;
	background-color: #dfdfdf;
	border: 1px solid #cecece;
}

#search.box div.left {
	margin-right: 10px;
}

#search.box div h2 {
	font-size: 18px;
	text-align: center;
	margin: 5px; 
	color: #777777;
}

#search.box select {
	font-size: 11px;
	display: block;
	margin: 0 auto 10px auto;
	width: 142px;
}

#search.box a {
	position: relative;
	margin: 0 auto;
	float: none;
	width: 60px;
}

/* lists */
.list h1 {
	font-size: 23px;
}

.list h1 strong {
	font-weight: bold;
	font-size: 19px;
}

.list ul {
	margin-top: 20px;
}

.list li {
	border-top: 1px solid #888;
	margin: 10px 0;
	padding: 10px 0;
}

.list li div {
	margin: 10px 0;
}


.list img {
	display: block;
	float:left;
	margin: 0 5px 10px 0;
	border: solid 3px #888;
}

.list h3 {
	font-size: 16px;
	margin-bottom: 10px;
}

.list p {
	font-size: 13px;
}

/* gratis artikels */
#giveaway {
	color: #555;
}

#giveaway.box h1.gift {
	padding-left: 42px;
	background: transparent url("images/icons/icon_gift.png") no-repeat top left;
	line-height: 32px;
	margin-bottom: 20px;
	color: #333;

}

/* laatste artikels */
#latest {
	margin-bottom: 30px;
	padding-bottom: 20px;
	color: #555;
}

#latest h1 {
	margin: 30px 0 10px 0;
	padding-left: 70px;
	background: transparent url("images/icons/icon_new.png") no-repeat left center;
	line-height: 63px;
	height: 63px;
}

/* ontvang nieuwsbrief */
#subscription.box {
	background: #EDEDED url("images/icons/icon_envelope.png") no-repeat 495px center;
	margin-bottom: 30px;
}

#subscription a {
	top: 19px;
	left: 250px;
	width: 220px;
	float: none;
	height: 20px;
}

/* lees meer */
#readmore.box {
	margin: 0 0 10px 10px;
	position: relative;
}

#readmore.box h1 {
	position: absolute;
	top: 22x;
	left: 199px;
}

#readmore.box a.magazine {
	margin-left: 24px;
	margin-top: 38px;
	font-size: 13px;
	height: 167px;
	width: 127px;
	background-image: url("images/covers/cover_background_small.png");
	display:block;
	float: left;
}

#readmore.box #mag_leerrijk {
	height: 203px;
	width: 147px;
	background-image: url("images/covers/cover_background_big.png");
	display:block;
	float: left;
}

#readmore.box a img {
	padding: 6px 9px;
	width: 108px;
	height: 154px;
}

#readmore.box a#mag_leerrijk img {
	padding: 1px 4px;
	width: auto;
	height: auto;
}

/* footer */
#footer {
	text-align: center;
	margin: 50px 0;
}

#footer a {
	text-decoration: none;
	color: #535353;
}

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

/* tooltip */
.tooltip {
	background: transparent url("images/rollover/rollover_lees_meer.png") no-repeat;
	height: 87px;
	width: 147px;
	color: #fff;
	padding: 10px;
	display: none;
}

/* discount */
#discount h1 {
	font-size: 30px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
}

#discount h2 {
	font-size: 23px;
	color: #878787;
	margin-bottom: 20px;
}

#discount p {
	font-size: 16px;
	margin-bottom: 20px;
}

#discount a.big {
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 100px;
}

/* sub_introcudtion */
#sub_introduction {
	margin-bottom: 30px;
	padding-bottom: 20px;
}

#sub_introduction h1 {
	font-size: 30px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
}

#sub_introduction h2 {
	font-size: 23px;
	color: #878787;
	margin-bottom: 20px;
}	

#sub_introduction p {
	font-size: 16px;
	margin-bottom: 20px;
}

#sub_introduction ul {
	list-style: disc;
	list-style-position: outside;
	margin-left: 15px;
} 

#sub_introduction li {
	margin-bottom: 20px;
}

/* more_info */
#more_info {
	margin-bottom: 30px;
}

#more_info h1 {
	text-align: center;
}

#more_info div {
	margin: 10px auto;
	background:#EDEDED url(images/icons/icon_envelope.png) no-repeat center right;
	width: 75%;
}

#more_info a {
	position: relative;
	margin-left: 20px;
	float: none;
	width: 170px;
}

/* benefits */
#benefits {
	
}

#benefits h1 {
	font-size: 30px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
}

#benefits h2 {
	font-size: 23px;
	color: #878787;
	margin-bottom: 20px;
}	

#benefits p {
	font-size: 16px;
	margin-bottom: 20px;
}

#benefits ul {
	list-style: disc;
	list-style-position: outside;
	margin-left: 15px;
} 

#benefits li {
	margin-bottom: 20px;
}

/* overview */
#overview {
	
}

#overview h1 {
	font-size: 30px;
	text-align: center;
}

#overview h2 {
	font-size: 23px;
	text-align: center;
}

#overview h3 {
	font-size: 16px;
	text-align: center;
	padding: 5px;
}

#overview table {
	width: 100%;
	margin-top: 20px;
}

#overview .middle {
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
} 

#overview thead tr {

}

#overview th {
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 10px;
}

#overview tbody td {
	padding: 10px 10px 0 15px;
	font-size: 12px;
	background: transparent url(images/bullets/table_dash.png) no-repeat 5px 12px;
}

#overview td div {
	float: left;
	width: auto;
}

#overview a {
	position: relative;
	margin: 10px 0 0 20px;
	float: none;
	padding: 0.3em;
	width: 110px;
}


/* zoekresultaten */
#zoekresultaten {
	/* overflow-y: scroll; */
}

ul.zoekresultatenlijst {
	border: solid 1px red;
	margin: 10px auto;
	width: 96%;
	padding: 0;

}

ul.zoekresultatenlijst li {
	border: solid 1px black;
	list-style: none;
	width: 32%;
	float: left;
	margin: 5px;
}

ul.zoekresultatenlijst img {
	height: 50px;
	width: 50px;
}


#zoekresultaten li img {
	float: left;
	border: solid 1px black;
	height: 50px;
	width: 50px;
	margin: 0 5px 5px 0;
}

#zoekresultaten h1 {
	margin-left: 20px;
	font-size: 1.2em;
}

#zoekresultaten h2 {
	margin-top: 0;
}

/* searchbar */
#searchbar {
	padding-left: 10px;
}

#searchbar #toplevel {
	height: 97px;
	border-bottom:1px solid #c7c7c7;
}
 
#searchbar #secondlevel {
	padding-bottom: 20px;
} 
 
#searchbar h1 {
	float: left;
	font-size: 23px;
	padding-left: 35px;
	margin-top: 35px;
	width: 280px;
	background: transparent url("images/icons/icon_search.png") no-repeat left center;
} 

#searchbar h2 {
	font-size: 16px;
	margin-top: 20px;
	color: #777;
}

#searchbar .container {
	float: left;
	width: 190px;
}

#searchbar .keyword {
	margin-left: 30px;
	width: 230px;
}

#searchbar .checkboxes {
	float: left;
	width: 245px;
	margin-top: 12px;
}

#searchbar .sort {
	width: 220px;
}	

#searchbar select {
	margin-top: 10px;
	width: 170px;
}

#searchbar input {
	margin-top: 10px;
	width: 170px;
} 

#searchbar .checkboxes input {
	width: auto;
	margin: 0;
}

#searchbar input {
	line-height: 26px;
	padding: 4px;
	border: none;
	line-height: 15px;
}	

#searchbar a {
	width: 30px;
	height: 30px;
	margin-top: 8px;
	cursor:pointer;
	float: right;
	display: block;
	background: transparent url("images/buttons/single_arrow.png") no-repeat left center;
} 
 
#searchbar label {
	margin-left: 10px;
	line-height: 25px;	
} 

/* searchresults */
#searchresults {
	margin-left: 10px;
	position: relative;
}

#searchresults ul {
	width: 960px;
	/* position: relative; */
	margin-top: 15px;
	padding-bottom: 50px;
	background: transparent url("images/search/background.png") repeat-x left -40px;
}

#searchresults li {
	width: 300px;
	height: 238px;
	float: left;
	display: block;
	position: relative;
	padding: 20px 20px 10px 0px;
}

#searchresults li div {
	clear: both;
}

#searchresults h3 {
	font-size: 18px;
}

#searchresults p {
	margin-top: 10px;
}

#searchresults img.preview {
	border:3px solid #888888;
	display:block;
	float:left;
	margin:0 10px 10px 0;
	height: 113px;
	width: 113px;
	overflow: hidden;
}

#searchresults .moreinfo {
	position: absolute;
	bottom: 25px;
}

#searchresults img.icon {
	float: left;
	margin-right: 5px;
}

#searchresults a {
	margin-top: 2px;
}

/* pagebrowser */
#pagebrowser {
	width: 960px;
	height: 47px;
	background: transparent url("images/search/pager_background.png") repeat-x left top;
	position: relative;	
}

#pagebrowser .container {
	width: 225px;
	margin: 0 auto;
}

#pagebrowser ul {
	width: auto;
	background: none;
	position: inherit;
	margin-top: 0;
}

#pagebrowser li {
	float: left;
	line-height: 47px;
	height: 47px;
	padding: 0 5px;
	width: auto;
	position: inherit;
}

#pagebrowser li.page-number {
	font-size: 14px;
	color: #888;
}

#pagebrowser li.pgCurrent {
	font-size: 26px;
	color: #ffbd27;
}

#pagebrowser li.pgNext {
	font-size: 14px;
	color: #888;
}

#pagebrowser li.next {
	position: absolute;
	right: 200px;
	color: #fff;
}	

#pagebrowser li.prev {
	position: absolute;
	left: 200px;
	color: #fff;
}	

/* Over Ons */

/* about */
#about h1 {
	font-size: 30px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
}

#about h2 {
	font-size: 22px;
	color: #878787;
	margin-bottom: 20px;
}

#about p {
/*	font-size: 16px; */
	margin-bottom: 20px;
}

/* initiative */
#initiative h1 {
	font-size: 30px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
}

#initiative a {
	color: #bb8c00;
}

#initiative p {
	margin-bottom: 20px;
}

/* team */
#team {
	margin-bottom: 30px;
	padding-bottom: 20px;
}

#team h1 {
	font-size: 30px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#team h2 {
	font-size: 23px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dcdcdc;
}	

#team h3 {
	font-size: 16px;
}

#team img {
	float: left;
	height: 58px;
	margin-right: 15px;
	width: 49px;  
}

#team p {
	color: #878787;
	font-size: 16px;
}

#team .function {
	color: #878787;
}

#team ul {
	list-style: none;
} 

#team li {
	margin-bottom: 20px;
}

/* klantendienst */
#klantendienst {
	margin-bottom: 30px;
	padding-bottom: 20px;
}

#klantendienst h1 {
	font-size: 30px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
}

#klantendienst h2 {
	font-size: 23px;
	color: #878787;
	margin-bottom: 20px;
}	

#klantendienst p {
	font-size: 13px;
	margin-bottom: 20px;
}

#klantendienst a {
	color: #bb8c00;
}

#klantendienst a.big {
	color: #000;
	padding-left: 40px;
	padding-right: 40px;
}

#klantendienst a.big:hover {
	color: #FFBD27;
}

#klantendienst div {
	background: url("images/icons/icon_envelope.png") no-repeat 245px center;
	height: 30px;
	position: relative;
}

#contacts a {
	color: #bb8c00;
}

#contacts h1 {
	margin-bottom: 20px;
}

#contact2 h2 {
}

#contacts p {
	margin-bottom: 20px;
}

#contacts span.function {
	font-size: 13px;
}