/*
Website voor de politie
Two Kings | www.twokings.nl
*/




/* some reset stuff */
body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li,  table, tr, th, td, form, fieldset, legend, div, object {
	margin:0;
	padding:0;
	background-color: transparent;
	border:0;
	list-style: none;
	font:normal 100% "Trebuchet MS", Arial, Verdana, sans-serif;
	text-align:left;
	vertical-align:top;
}

img {
	margin:0;
	padding:0;
	background-color: transparent;
	border:0;	
}

input, select, textarea, button {
	font:normal 100% "Trebuchet MS", Arial, Verdana, sans-serif;
}

table, td, th {
	border-collapse:collapse;
}

.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
	font-size: 0px;
	line-height: 0px;
}

* html .clearfix {
	height: 1%;
}

/* general styles */

body {
	/*font-family: "Trebuchet MS", Arial, Verdana, sans-serif;*/
	background: #fff;
	color: #000;
}

 h2  {
	font-family: Times New Roman, Times, Georgia, serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: normal;
	text-decoration: none;
	color: #000;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	color: #508CB8;
}

h2 {
	font-size: 2.9em;
}

h3 {
	font-size: 1.4em;
}

p a {
	color: #508CB8;
	text-decoration: none;
}

p a:hover {
	color: #000;
	text-decoration: underline;
}


/* navigation */



#subnavbar ul {
	text-align: right;
	padding: 8px 0 4px 0;
}

#footer {

}

#footer ul {
	text-align: right;
	background: #508CB8;
	padding: 8px;
	margin: 4px 0 0 0;

}

#subnavbar li,
#footer li {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	display: inline;
}

#subnavbar li a {
	color: #000;
	text-decoration: none;
	padding: 6px 0 6px 6px;
}

#footer li a {
	color: #fff;
	text-decoration: none;
	padding: 6px 0 6px 6px;
}

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

#footer-copyright { clear:both; padding:10px 0px; height:40px}
#logo-reed-business  {float:left; width:140px}
#copyright-text { float:left; font-size:11px; width:600px}
#copyright-text a {	color: #508CB8;}
#logo-stapel-de-koning  {float:right; width:140px}

/* feeds */

.rss-icon {
	background: url(/images/icon-rss.gif) center left no-repeat;
	padding: 0 0 0 12px;
	margin: 0 0 0 8px;
}

.feed {
	float: right;
	padding: 12px 10px 0 0; 
	width: 70px;
}

.rss-onderdeel {
	float: right;
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;

}

.rss-onderdeel img {
	padding: 0 0 0 4px;
	
}


/* items */

/* mainitem  */

.divider {
	clear: both;
	height: 20px;
	border-top: 1px solid #000;
	margin-top:6px
}

.mainitem {
	padding: 0 20px 0 0;
}

.mainitem p.intro {

	padding: 0 0 12px 0;
}

.mainitem p {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	line-height: 150%;
	padding: 0 0 12px 0;
}

.mainitem p img {
	float: left;
	margin: 0 20px 0 0;
}


.mainitem ul {
	padding: 0 0 12px 20px;
}

.mainitem ol {
	padding: 0 0 12px 24px;

}

.mainitem ul li {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	list-style: disc;
	padding: 0 0 4px 0;

}

.mainitem ol li {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	list-style: decimal;
	padding: 0 0 4px 0;
}

.mainitem-beeld { /* moet gehackt voor IE! */
	float: left;
	width: 190px;
	margin: 0 12px 4px 0;
	background: #A7C5DB;
}

.mainitem-beeld-content {
	padding: 10px;
}

.mainitem-beeld-content p {
	font: .65em "Trebuchet MS", Arial, Verdana, sans-serif;
	line-height: 130%;
	padding: 4px 0 4px 0;
}

.mainitem-beeld-thumbs {
	padding: 0px 0 0 0;
}

.mainitem-beeld-thumb {
	padding: 0 10px 0 0;
}

.meta {
	font-size: .75em;
	color: #508CB8;
	padding: 6px 0 12px 0;
}

.meta a,
.itemopties a {
	color: #508CB8;
	text-decoration: none;
}

.meta a:hover,
.itemopties a:hover {
	color: #000;
}

.meta .comments a {
	background: url(/images/icon-comments.gif) center left no-repeat;
	padding: 0 0 0 12px;
	margin: 0 0 0 12px;
}

.meta .rating {
	padding: 0 0 0 12px;
}

.meta .rating img {
	padding: 0 8px 0 0;
}

.meta.bron {
	display: block;
	float: left;
}

.itemopties {
	display: block;
	float: right;
	font-size: .75em;
	color: #508CB8;
}

.itemopties .mail {
	padding: 0 12px 0 0;
}

.itemopties .print {
	padding: 0 12px 0 0;
}

.itemopties .abonneren img {
	margin: 0 8px 0 0;
}




.mainitem .quote {
	margin: 0 12px 12px 0;
}

.mainitem p.quote {
	float:left;
	display: block;
	width: 190px;
	background: red;
	font: 1.05em Times New Roman, Times, Georgia, serif;
	background: url(/images/blockquote.gif) top left no-repeat;
	padding: 0 0 0 0;
	color: #508CB8;
}

#voetnoten {
}

#voetnootbutton {
	float: left;
	display: block;
	padding: 4px 32px 0px 12px;
	margin: 0 0 20px 0;
	background: #A7C5DB url(/images/button-down.gif) center right no-repeat;
	cursor: pointer;
	clear: both;
}


#voetnootbutton p {
	padding: 0;
}

#voetnootbutton.uit {
	background: #A7C5DB url(/images/button-up.gif) center right no-repeat;
}


#voetnootcontent {
    border: 1px solid #A7C5DB;
	clear: both;
	background: #A7C5DB;
	margin: 0; 
	padding: 0;
}

#voetnootcontent p {
    margin: 8px 12px 8px 12px;
}

/* reacties */

.reacties h3,
.commentform h3 {
	font-size: 2.4em;
	border-bottom: 1px solid #000;
}

.comment {
	margin: 12px 0 0 0;
	border-bottom: 1px solid #E0E9EE;
}

.comment p {
	padding: 0;
}

.comment .commentinfo {
}

.comment .meta {
	display: block;
}

.meta .melding {
	float: right;
}

/* commentform */

.commentform {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 0.75em;
	margin: 20px 0;
}

.commentform form {
	margin: 20px 0;
}

.commentform label {
	color: #508CB8;
	padding: 0 0 4px 0;
}

.comment_row {
	clear: both;
	float: left;
	width:610px
}

.commentinput {
	margin: 0 0 6px;
	padding: 4px;
	width: 170px;
	border: 1px solid #A7C5DB;
	background: url(/images/bg-commentinput.jpg) top left repeat-x;
}

.commentinput.error {
	border: 1px solid #EE0000;
}

.captchainput {
	margin: 0 0 6px;
	padding: 4px;
	width: 100px;
	border: 1px solid #A7C5DB;
	background: url(/images/bg-commentinput.jpg) top left repeat-x;
}

.commentform label {
	clear: none;
	display: block;
	float: left;
	width: 80px;
}

.commentform label.error {
	width:160px;
	color:#EE0000;
	margin-left: 80px;
	font-style:italic
}

.commentform .captcha label {
	clear: both;
	display: block;
	float: left;
	width: 220px;
}

.commentform textarea {
	width: 400px;
	height: 120px;
	border: 1px solid #A7C5DB;
	padding: 4px;
	margin: 0 0 20px 0;
	float:left;
	background: #fff url(/images/bg-commentinput.jpg) top left repeat-x;
}

.commentform textarea.error {
	border: 1px solid #EE0000;
}

.commentform .button {
	margin: 12px 0;
}

.captcha {
	clear: both;
	border: 1px solid #ccc;
	padding: 8px;
	margin: 0 200px 0 0;
}

.captcha .captcha-img {
	float: left;
	width: 156px;
}

.captcha .captcha-answer {
	float: left;
	padding: 0 0 0 20px;
}

/* buttons */

.button {
	background: #508CB8 url(/images/bg-button.jpg) top left repeat-x;
	padding: 4px 20px;
	margin: 0 20px 0 0;
	color: #fff;
	border: 1px solid #fff;
}

.button:hover {
	border: 1px solid #508CB8;
}

/* nieuwsitems & forumberichten */

#main-left ul {
	clear: both;
	margin: 0 0 20px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

img#nieuwsheader {
	float: left;
	margin: 0 0 12px 0;
}

img#forumheader {
	float: left;
	padding: 0 0 12px 0;
}

li.nieuwsitem,
li.forumitem  {

	font-size: 0.9em;
	padding: 8px 0;
	border-bottom: 1px solid #E0E9EE;
}

li.nieuwsitem a,
li.forumitem a {
	color: #000;
	text-decoration: none;
}

li.nieuwsitem a:hover,
li.forumitem a:hover {
	color: #508CB8;
}

li.nieuwsitem .meta,
li.forumitem .meta {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #508CB8;
	padding: 6px 0 12px 0;
}

li.nieuwsitem .meta a,
li.forumitem .meta a {
	color: #508CB8;
}

li.nieuwsitem .meta a:hover,
li.forumitem .meta a:hover {
	color: #000;
}


li.over { /* wordt in jQuery ge-addClass't */
	background-color: #F0F0F0;
	cursor: pointer;
}

.main-right-item {
	margin: 0 20px 0 20px;
}

.main-right-item.block {
	overflow:hidden
}

.main-right-item h2 { border-bottom:1px solid #000; padding-bottom:6px}

/* poll */

.pollheader {
	padding: 0 0 12px 0;
	margin: 0 0 12px 0;
	border-bottom: 1px solid #fff;
}

.poll {
	background: #E0E9EE;
	border-bottom: 1px solid #fff;
	padding: 8px;
	margin: 0 0 20px 0;
}

.pollcontent {
	clear: both;
}

.poll form {
	border-bottom: 1px solid #fff;
	padding: 0 0 12px 0;
}

.pollcontent p,
form.pollinput {
	font: 1wm "Trebuchet MS", Arial, Verdana, sans-serif;
	clear: both;
}

.pollcontent img {
	float: left;
	margin: 0 8px 8px 0;
}

form.pollinput {
	margin: 12px 0;
}

.polloption {
	padding: 0 0 12px 0;
}

input.polloption-choice {
	float: left;
}

label.polloption-desc {
	padding: 0 0 12px 0;
}

.pollresults {
	font: .65em "Trebuchet MS", Arial, Verdana, sans-serif;
	clear: both;
}

.pollresults p {
	font: 1em "Trebuchet MS", Arial, Verdana, sans-serif;
	text-align: right;
	padding: 0 0 8px 0;
}

.pollresult {
	margin: 0 0 12px 0;

}

.pollresults img {
	margin: 0 8px 0 0;
}

/* advertorial */

.advertorial {
	margin: 0 0 20px 0;
}

.advertorial p.advertorialheader {
	color: #508CB8;
	text-align: center;
}

.advertorial p {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	clear: both;
}

.advertorial p.imagetitle {
	background: #508CB8;
	color: #fff;
	padding: 8px;
	margin: 0 0 8px 0;
} 

/* widget */

.widget {
	margin: 0 0 20px 0;
}

/* advertenties */

#leaderboard {
	margin: 20px 0;
}

.left-column-ad {
	padding: 0 0 20px 0;
}

#footer-google-ads {
	clear:both
}

#footer-google-ads  .inner {
	width:728px; height:90px; border:1px solid #006699; overflow:visible; padding:5px; overflow:hidden
}

.mainitem-banner,
.verzamellijst-item-banner {
	clear: both;
	padding: 20px 0;
	text-align: center;
}

/* ankeiler */

.ankeiler {
	margin: 20px 0;
}

.bold {
	font-weight: bold;
}

.tabs {
	clear: both;
	border-top: 1px solid #FFF; /* deze border moet er staan, voor stomme IE */
}

.tabs .tab {
	float: left;
	width: 111px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #708CB8;
	color: #fff;
	cursor: pointer;
}

.tabs .tab div {
	padding: 4px 0 4px 12px;
}

.tabs .last {
	width: 112px;
	border-right: 0px solid #000;
}

.tabs .active {
    border-bottom: 1px solid #A7C5DB;
	background: #A7C5DB;
	color: #000;
}


.ankeiler p,
.tabs .tab,
.ankeiler li {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
}

.ankeiler li {
	background: url(/images/bullet-ankeiler-dark.gif) top left no-repeat;
	padding: 0 0 6px 20px;;
}

.ankeiler li a {
	text-decoration: none;
	color: #000;
}

.ankeiler li a:hover {
	color: #508CB8;
}

.tab-content {
	height: 160px;	
	margin: 0;
	padding: 0;
	background: #A7C5DB;	
	clear: both;	

}

.tab-content div {
	margin: 0;
	padding: 0;	
}

.tab-content div div {
	padding: 12px 12px 8px 12px;	zoom: 100%
	
}

.tab-content .hidden {
	display: none;
}

/* slideshow */

.slideshow {
	position: relative;
}

.slideshow-img {
	width:336px; overflow:hidden
}

#main .slideshow-img  {}

.slideshow-onderschrift {
	position: absolute;
	bottom: 0;
	width: 336px;
	background: url(/images/bg-slideshow.png) repeat; 
}

.slideshow p {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	padding: 8px;
}

/* agenda */

.agenda {
	background: #A7C5DB;
	margin: 20px 0;
	padding: 12px;
}

.agenda p {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
}

#agendaheader {
	padding: 0 0 12px 0;
	border-bottom: 1px solid #fff;
}

.agenda-content img {
	float: left;
	margin: 0 8px 8px 0;
}

.agenda-content-more {
	float: right;
	clear: both;
}

.agenda .over {
    background: #99C3DF;
     cursor: pointer;
}

/* lay out */

#wrapper {
	margin: 0 auto;
	width: 970px;
	height: 700px;
}

#leaderboard {
	text-align: center;
	margin: 20px 0;
}

#header {
	padding: 0 0 16px 0;
	margin: 0 0 4px 0;
	border-bottom: 1px solid #000;
    height: 76px;
}

h1#logo a {
	float: left;
	width: 539px;
	height: 76px;
	background: url(/images/logo.png);
	text-indent: -2000px;
}

#flash-datum {
	float: right;
	margin-top: 32px;
	font-size:56px;
	font-family:"Times New Roman", Times, serif;
	letter-spacing:2px;
	text-align:right
}

#navbar {
	position: relative;
	width: 970px;
	clear: both;
	background: #508CB8;
}

#subnavbar {
	width: 970px;
	clear: both;
}

#content {
text-indent: 
}

#home .mainitem {
	margin: 0 20px 0 0;
}

#main {
	float: left;
}

#main-left {
	float: left;
	width: 336px;
}

#main-right {
	float: left;
	width: 298px;
}

#sidebar {
	float: left;
	width: 336px;
}

#footer {
	text-align: right;
	border-top: 1px solid #000;
}

#searchbar { /* de zoekbalk in de navigatiekolom */
	position: absolute;
	top: 7px;
	right: 10px;
}

.search label {
	font-size: .7em;
	padding: 0 12px 0 0;

}

#zoekresultaten {
	padding: 0 20px 0 0;
}

.search p {
	font: .7em "Trebuchet MS", Arial, Verdana, sans-serif;
}

#searchbar label {
	display: none;
}

.search form { /* zoekbalk op andere plekken */
	padding: 12px 0 12px 0;
}

#searchbar .searchbox,
.search .searchbox {
	background: transparent url(/images/bg-commentinput.jpg) repeat-x scroll left top;
	border: 1px solid #ccc;
	font-size: 0.75em;
	padding: 4px;
	color: #666;
}

#searchbar .searchbutton,
.search .searchbutton {
	height: 24px;
	background: #508CB8;
	border: none;
	color: #fff;
	font-size: 0.75em;
}

.searchbutton:hover {
	color: #000;
	background: #A7C5DB;
}

.zoekresultaat-categorie {
	font-size: .7em;
	padding-left: 12px;
	font-style: italic;
}

/* agenda pagina */

#agendalijst {
	padding: 0 20px 0 0;
}

.verzamellijst-item {
	clear: both;
	border-bottom:1px solid #E0E9EE;
	padding: 12px 0 0 0;
	cursor: pointer;
}


.verzamellijst-item h3 {
	padding: 0 0 8px 0;
}

.verzamellijst-item img {
	float:left;
	margin:0 8px 8px 0;
}

.verzamellijst-item p {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	line-height: 150%;
	padding: 0 0 12px 0;
}

p.verzamellijst-item-meta {
	clear: both;
	background: #E0E9EE;
	padding: 4px;
	margin: 0 0 4px 0;
}

.verzamellijst-item {
	border-bottom: 1px solid #E0E9EE;
}


/* extra styles 25 02 2009 */

a .download-pdf {
	background: url(/images/page_white_acrobat.png) center left no-repeat;
	padding-left: 22px;
}

a .download-xls {
	background: url(/images/page_excel.png) center left no-repeat;
	padding-left: 22px;
}

a .download-doc {
	background: url(/images/page_word.png) center left no-repeat;
	padding-left: 22px;
}

.divider-onder {
	clear: both;
	height: 20px;
	border-bottom: 1px solid #000;
}


/* extra styles 02 03 2009 */

.media-item {
	position: relative;
	float: left;
	width: 170px;
	height: 128px;
	padding: 0 20px 0 0;
}

.button-play {
	position: absolute;
	top: 50px;
	left: 70px;
}

.item-foto,
.item-video {
	padding: 0 0 0 10px;
}




/* colors
dark blue: #508CB8
light blue: #A7C5DB
lightest blue #E0E9EE
*/

/* some reset stuff */
body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li,  table, tr, th, td, form, fieldset, legend, div, object {
	margin:0;
	padding:0;
	background-color: transparent;
	border:0;
	list-style: none;
	font:normal 100% "Trebuchet MS", Arial, Verdana, sans-serif;
	text-align:left;
	vertical-align:top;
}

input, select, textarea, button {
	font:normal 100% "Trebuchet MS", Arial, Verdana, sans-serif;
}

table, td, th {
	border-collapse:collapse;
}

.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
	font-size: 0px;
	line-height: 0px;
}

* html .clearfix {
	height: 1%;
}

/* general styles */

body {
	/*font-family: "Trebuchet MS", Arial, Verdana, sans-serif;*/
	background: #fff;
	color: #000;
}

 h2  {
	font-family: Times New Roman, Times, Georgia, serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: normal;
	text-decoration: none;
	color: #000;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	color: #508CB8;
}

/*
17042009
font-size gewijzigd 
*/
h2 {
	font-size: 2.1em;
	line-height: 100%;
}

h3 {
	font-size: 1.4em;
}

h5 {
	font-weight: bold;
	color: #508CB8;
	font-size: 14px;
	padding-bottom: 8px;
}

p a {
	color: #508CB8;
	text-decoration: none;
}

p a:hover {
	color: #000;
	text-decoration: underline;
}


/* navigation */

#subnavbar-new {
	position: absolute;
	right: 0;
	top: 0;
}

#footer ul {
	text-align: right;
	background: #508CB8;
	padding: 8px;
	margin: 4px 0 0 0;

}

#subnavbar-new li,
#footer li {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	display: inline;
}

#subnavbar-new li a {
	color: #000;
	text-decoration: none;
	padding: 6px 5px 6px 0;
}

#footer li a {
	color: #fff;
	text-decoration: none;
	padding: 6px 0 6px 6px;
}

#subnavbar-new li a:hover,
#footer li a:hover {
	text-decoration: underline;
}

/* feeds */

.rss-icon {
	background: url(/images/icon-rss.gif) center left no-repeat;
	padding: 0 0 0 18px;
	margin: 0 0 0 8px;
}

.feed {
	float: right;
	padding: 0px 10px 0 0; 
	width: 70px;
}

.rss-onderdeel {
	float: right;
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	margin-top:-15px;
	padding-bottom:6px;
	
}

.rss-onderdeel img {
	padding: 0 0 0 4px;
}

/* items */

/* mainitem  */
/*
17042009
divider minder hoog
*/

.divider {
	clear: both;
	height: 10px;
	border-top: 1px solid #000;
}

/*
17042009
toegevoegd. Let op! Aangepast in artikel.html onder artikel en onder banner
*/
.divider-blauw {
	clear: both;
	height: 10px;
	border-top: 1px solid #A7C5DB;
}

.mainitem {
	padding: 0 20px 0 0;
}

/*
17042009 regelafstand vergroot
*/
.mainitem p.intro {
	font-weight:bold;
	line-height: 150%;
	padding: 0 0 12px 0;
    overflow: hidden;
}

.mainitem p.intro a {
    color: #000;
    text-decoration: none;
}


/* 17042009 bottom margin toegevoegd */
.mainitem p img {
	float: left;
	margin: 4px 20px 5px 0;
}

/* 17042009 wijziging in ontwerp: pijltjes verplaatsen
img.mainitem-more eruithalen en onderstaande toevoegen

LET OP! Ook gewijzigd in HTML. De IMG staat binnen de <p> nu!!! zie artikel.html

 */
/*
17042009
padding aangepast
*/
.mainitem p img.mainitem-more {
	padding: 6px 0 0 4px;
	margin: 0;
	float: none;
}

.mainitem ul {
	padding: 0 0 12px 20px;
}

.mainitem ol {
	padding: 0 0 12px 24px;

}

.mainitem ul li {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	list-style: disc;
	padding: 0 0 4px 0;

}

.mainitem ol li {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	list-style: decimal;
	padding: 0 0 4px 0;
}

.mainitem-beeld { /* moet gehackt voor IE! */
	float: left;
	width: 190px;
	margin: 0 12px 4px 0;
	background: #A7C5DB;
}

.mainitem-beeld-content {
	padding: 10px;
}

.mainitem-beeld-bijschrift {
	font: .65em "Trebuchet MS", Arial, Verdana, sans-serif;
	line-height: 130%;
	padding: 4px 0 4px 0;
}

.mainitem-beeld-thumbs {
	display: block;
	float: left;
	clear: none;
	padding: 0 0 10px 0;
	margin: 0;
}

.mainitem-beeld-thumbs a {
	padding: 0 0 0 10px;
	margin: 0;
	display: block;
	float: left;
	clear: none;
	width:50px; height:50px; overflow:hidden
}

.mainitem-beeld-thumbs a.first {
  padding-left: 0;
}

.mainitem-beeld-thumbs a img {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	clear: none;
}


.meta {
	font-size: .75em;
	color: #508CB8;
	padding: 6px 0 4px 0;
}

.meta a,
.itemopties a {
	color: #508CB8;
	text-decoration: none;
}

.meta a:hover,
.itemopties a:hover {
	color: #000;
}

.meta .comments a {
	background: url(/images/icon-comments.gif) center left no-repeat;
	padding: 0 0 0 12px;
	margin: 0 0 0 12px;
}

.meta .rating {
	padding: 0 0 0 12px;
}

.meta .rating img {
	padding: 0 8px 0 0;
}

.meta.bron {
	display: block;
	float: left;
}

.itemopties {
	display: block;
	float: right;
	font-size: .75em;
	color: #508CB8;

}

.itemopties .mail {
	padding: 0 12px 0 0;
}

.itemopties .print {
	padding: 0 12px 0 0;
}

.itemopties .abonneren img {
	margin: 0 8px 0 0;
}

.mainitem .quote {
	margin: 12px 12px 12px 0;
}

.mainitem p {
	line-height: 150%;
	padding-bottom: 4px;
}

.mainitem p.quote {
	float:left;
	display: block;
	width: 190px;
	background: red;
	font: 1.05em Times New Roman, Times, Georgia, serif;
	background: url(/images/blockquote.gif) 0 5px no-repeat;
	padding: 0 0 0 40px;
	color: #508CB8;
}

#voetnoten p {
	font-size: 12px;
}

/*
17042009 
bg kleur aangepast 
button-down.gif + button-up.gif vervangen
padding aangepast
*/

#voetnootbutton {
	float: left;
	display: block;
	padding: 4px 32px 0px 12px;
	margin: 0 0 10px 0;
	background: #E0E9EE url(/images/button-down.gif) center right no-repeat;
	cursor: pointer;
	clear: both;
}


#voetnootbutton p {
	padding: 0;
}

/*
17042009 
bg kleur aangepast 
*/
#voetnootbutton.uit {
	background: #E0E9EE url(/images/button-up.gif) center right no-repeat;
}

/*
17042009 
bg + border kleur aangepast 
*/
#voetnootcontent {
    border: 1px solid #E0E9EE;
	clear: both;
	background: #E0E9EE;
	margin: 0; 
	padding: 0;
}

/*
17042009 
border toegevoegd
*/

#voetnootcontent p {
    margin: 8px 12px 8px 12px;
    border-bottom: 1px solid #fff;
}

/* reacties */

.reacties h3,
.commentform h3 {
	font-size: 20px;
	border-bottom: 1px solid #000;
}

.comment {
	margin: 4px 0 0 0;
	border-bottom: 1px solid #E0E9EE;
}

.comment p {
	padding: 0;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 0.75em;
	line-height: 140%;
}

.comment .commentinfo {
}

.comment .meta {
	display: block;
}

.meta .melding {
	float: right;
}

/* forms */

.searchform {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 0.75em;
	margin: 20px 0 0 0;
}

.searchform fieldset {
	
}

.searchform select {
	width: 173px;
	margin: 0 20px 20px 0;
}

.searchforminput {
	margin: 0 0 6px;
	padding: 3px;
	width: 170px;
	border: 1px solid #999;
	background: url(/images/bg-commentinput.jpg) top left repeat-x;
}

.searchform .button {
	margin-left: 0x;
}


.commentform {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 0.75em;
	margin: 20px 0;
}

.commentform form {
	margin: 10px 0;
}

.commentform label {
	color: #508CB8;
	padding: 0 0 4px 0;
}

.comment_row {
	clear: both;
	float: left;
}

.commentinput {
	margin: 0 0 6px;
	padding: 4px;
	width: 170px;
	border: 1px solid #A7C5DB;
	background: url(/images/bg-commentinput.jpg) top left repeat-x;
}

.commentinput.long {
	width: 300px;
}

.captchainput {
	margin: 0 0 6px;
	padding: 4px;
	width: 100px;
	border: 1px solid #A7C5DB;
	background: url(/images/bg-commentinput.jpg) top left repeat-x;
}

.commentform label {
	clear: none;
	display: block;
	float: left;
	width: 80px;
}

.commentform .captcha label {
	clear: both;
	display: block;
	float: left;
	width: 220px;
}

.commentform textarea {
	width: 400px;
	height: 200px;
	border: 1px solid #A7C5DB;
	padding: 4px;
	margin: 0 0 20px 0;
	background: #fff url(/images/bg-commentinput.jpg) top left repeat-x;
}

.commentform .button {
	margin: 12px 0;
}

.captcha {
	clear: both;
	border: 1px solid #ccc;
	padding: 8px;
	margin: 0 200px 0 0;
}

.captcha .captcha-img {
	float: left;
	width: 156px;
}

.captcha .captcha-answer {
	float: left;
	padding: 0 0 0 20px;
}

/* buttons */

.button {
	background: #508CB8 url(/images/bg-button.jpg) top left repeat-x;
	padding: 2px 10px;
	margin: 0 12px 0 0;
	color: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	cursor: hand;
}

a.button  {
	text-decoration: none;
}

.button:hover {
	border: 1px solid #508CB8;
	color: #000;
	cursor: pointer;
	cursor: hand;	
}

/* nieuwsitems & forumberichten */

#main-left ul {
	clear: both;
	margin: 0 0 10px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

img#nieuwsheader {
	float: left;
	margin: 0 0 12px 0;
}

img#forumheader {
	float: left;
	padding: 0 0 12px 0;
    
}

li.nieuwsitem,
li.forumitem  {

	padding: 4px 0;
	border-bottom: 1px solid #E0E9EE;
}

li.nieuwsitem a,
li.forumitem a {
	color: #000;
	text-decoration: none;
}

li.nieuwsitem a:hover,
li.forumitem a:hover {
	color: #508CB8;
}

li.nieuwsitem .meta,
li.forumitem .meta {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #508CB8;
	padding: 6px 0 12px 0;
}

li.nieuwsitem .meta a,
li.forumitem .meta a {
	color: #508CB8;
}

li.nieuwsitem .meta a:hover,
li.forumitem .meta a:hover {
	color: #000;
}


li.over, p.over { /* wordt in jQuery ge-addClass't */
	background-color: #F0F0F0!important;
	cursor: pointer;
    color: #508CB8; /* was #000; */  
}

li.over a, li.over a:hover,  p.over a, p.over a:hover {
    color: #508CB8; /* was #000; */ 
}

tr.over, tr.over td {
	background-color: #C4D7E4 !important;
}

.main-right-item {
	margin: 0 20px 0 20px;
}

/* poll */

.pollheader {
	padding: 0 0 8px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #fff;
}

.poll {
	background: #E0E9EE;
	border-bottom: 1px solid #fff;
	padding: 8px;
	margin: 0 0 10px 0;
}

.pollcontent {
	clear: both;
}

.poll form {
	border-bottom: 1px solid #fff;
	padding: 0 0 12px 0;
}

.pollcontent p,
form.pollinput {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	clear: both;
}

.pollcontent img {
	float: left;
	margin: 2px 8px 8px 0;
}

form.pollinput {
	margin: 12px 0;
}

.polloption {
	padding: 0 0 12px 0;
}

input.polloption-choice {
	float: left;
}

label.polloption-desc {
	padding: 0 0 12px 0;
}

.pollresults {
	font: .8em "Trebuchet MS", Arial, Verdana, sans-serif;
	clear: both;
}

.pollresults p {
	font: 1em "Trebuchet MS", Arial, Verdana, sans-serif;
	text-align: right;
	padding: 0 0 8px 0;
}

.pollresult {
	margin: 0 0 12px 0;
}

.pollresults img {
	margin: 0 8px 0 0;
}

/* advertorial */

.advertorial {
	margin: 0 0 10px 0;
}

.advertorial p.advertorialheader {
	color: #508CB8;
	text-align: center;
}

.advertorial p {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	clear: both;
}

.advertorial p.imagetitle {
	background: #508CB8;
	color: #fff;
	padding: 8px;
	margin: 0 0 8px 0;
} 

/* widget */

.widget {
	margin: 0 0 20px 0;
}

/* advertenties */

/*
17042009
Leaderboard verplaatst naar onder de nav in index.html en artikel.html
opmaak aangepast
*/
#leaderboard {
	margin: 10px 0 10px 0;
}

.left-column-ad {
	padding: 0 0 20px 0;
}

#footer-google-ads {
	padding: 0 0 20px 0;
	text-align: center;
}

/*
17042009
padding verminderd
*/
.mainitem-banner,
.verzamellijst-item-banner {
	clear: both;
	padding: 10px 0;
	text-align: center;
}

/* ankeiler */

.ankeiler {
	margin: 10px 0;
}

.bold {
	font-weight: bold;
}

.tabs {
	clear: both;
	border-top: 1px solid #FFF; /* deze border moet er staan, voor stomme IE */
}

.tabs .tab {
	float: left;
	width: 111px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #708CB8;
	color: #fff;
	cursor: pointer;
}

.tabs .tab div {
	padding: 4px 0 4px 12px;
}

.tabs .last {
	width: 112px;
	border-right: 0px solid #000;
}

.tabs .active {
    border-bottom: 1px solid #A7C5DB;
	background: #A7C5DB;
	color: #000;
}


.ankeiler p,
.tabs .tab,
.ankeiler li {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
}

.ankeiler li {
	background: url(/images/bullet-ankeiler-dark.gif) top left no-repeat;
	padding: 0 0 2px 20px;
}

.ankeiler li a {
	text-decoration: none;
	color: #000;
}

.ankeiler li a:hover {
	color: #508CB8;
}

.tab-content {
	height: 160px;	
	margin: 0;
	padding: 0;
	background: #A7C5DB;	
	clear: both;	

}

.tab-content div {
	margin: 0;
	padding: 0;	
}

.tab-content div div {
	padding: 12px 12px 8px 12px;
	
}

.tab-content .hidden, tr.hidden {
	display: none;
}

/* slideshow */

.slideshow {
	position: relative;
}

.slideshow-img {
width:336px; overflow:hidden
}

.slideshow-onderschrift {
	position: absolute;
	bottom: 0;
	width: 336px;
	background: url(/images/bg-slideshow.png) repeat; 
}

.slideshow p {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	padding: 8px;
}

#main .slideshow-img, #main .slideshow-onderschrift  {
	width: 614px;
}

#main-left .slideshow-img, #main-left .slideshow-onderschrift {
	width: 336px;
}

#main-right .slideshow { margin:10px 20px}

#main-right .slideshow-img, #main-right .slideshow-onderschrift  {

	width: 258px;
}

/* agenda */

.agenda {
	background: #A7C5DB;
	margin: 10px 0;
	padding: 12px;
}

.agenda p {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
}

#agendaheader {
	padding: 0 0 6px 0;
	border-bottom: 1px solid #fff;
}

.agenda-content img {
	float: left;
	margin: 0 8px 8px 0;
}
/*
17042009 
plaatsing more image veranderd


!!! LET OP !!! Ook veranderd in HTML (zie index.html). img nu binnen de <p>
zie index.html
*/
img.agenda-content-more {
	float: none;
	padding: 3px 0 0 6px;
}

/* 
17042009 
toegevoegd
*/
.agenda-content {
	border-bottom: 1px solid #fff;
}

/*
17042009 
kleur aangepast
*/
.agenda-item .meta {
	color: #000;
}

.agenda .over {
    background: #99C3DF;
     cursor: pointer;
}

/* lay out */

#wrapper {
	margin: 0 auto;
	width: 970px;
	height: 700px;
}

/*
17042009
top margin toegevoegd
*/
#header {
	position: relative;
	padding: 0 0 16px 0;
	margin: 15px 0 4px 0;
	border-bottom: 1px solid #000;
    height: 76px;
}

h1#logo {
	float: left;
	width: 539px;
	height: 76px;
	background: url(/images/logo.png);
	text-indent: -2000px;
}

#flash-datum {
	float: right;
	margin-top: 25px;
}

#navbar {
	position: relative;
	width: 970px;
	clear: both;
	background: #508CB8;
}

/*
17042009
verplaatst in index.html en artikel.html
*/
#subnavbar {

	clear: both;
}

#content {
text-indent: 
}
/*
17042009 
margin aangepast 
*/
#home .mainitem {
	margin: 0 0 0 0;
}

#main {
	float: left;
	width: 632px;
	overflow:hidden
}

#main-left {
	float: left;
	width: 336px;
}

#main-right {
	float: left;
	width: 296px;
}

#sidebar {
	float: left;
	width: 336px;
	padding-top: 5px;
}

#sidebar-driekolom { /* op driekolomspagina's */
	padding: 0;
}

#footer {
	text-align: right;
	border-top: 1px solid #000;
}

#searchbar { /* de zoekbalk in de navigatiekolom */
	position: absolute;
	top: 7px;
	right: 10px;
}

.search label {
	font-size: .7em;
	padding: 0 12px 0 0;

}

#zoekresultaten {
	padding: 0 20px 0 0;
}

#vacaturecontent p  {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	line-height: 150%;
	padding: 0 0 6px 0;
}

.search p {
	font: .7em "Trebuchet MS", Arial, Verdana, sans-serif;
}

#searchbar label {
	display: none;
}

.search form { /* zoekbalk op andere plekken */
	padding: 12px 0 12px 0;
}

#searchbar .searchbox,
.search .searchbox {
	background: transparent url(/images/bg-commentinput.jpg) repeat-x scroll left top;
	border: 1px solid #ccc;
	font-size: 0.75em;
	padding: 3px;
	color: #666;
}

#searchbar .searchbutton,
.search .searchbutton {
	height: 24px;
	background: #508CB8;
	border: none;
	color: #fff;
	font-size: 0.75em;
	cursor: pointer;
	cursor: hand;	
}

.searchbutton, button {
	cursor: pointer;
	cursor: hand;	
}

.searchbutton:hover {
	color: #000;
	background: #A7C5DB;
	cursor: pointer;
	cursor: hand;
}

.zoekresultaat-categorie {
	font-size: .7em;
	padding-left: 12px;
	font-style: italic;
}

/* agenda pagina */

#agendalijst {
	padding: 0 20px 0 0;
}

.verzamellijst-item {
	clear: both;
	border-bottom:1px solid #E0E9EE;
	padding: 6px 0 0 0;
	cursor: pointer;
}


.verzamellijst-item img {
	float:left;
	margin: 4px 8px 8px 0;
}

.verzamellijst-item p  {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	line-height: 150%;
	padding: 0 0 6px 0;
}

p.verzamellijst-item-meta {
	clear: both;
	background: #E0E9EE;
	padding: 4px;
	margin: 0 0 4px 0;
}

p.verzamellijst-item-meta span {
	padding-right: 10px;
	font-weight: bold;
}

.verzamellijst-item {
	border-bottom: 1px solid #E0E9EE;
}

/* extra styles 25 02 2009 */

a .download-pdf {
	background: url(/images/page_white_acrobat.png) center left no-repeat;
	padding-left: 22px;
}

a .download-xls {
	background: url(/images/page_excel.png) center left no-repeat;
	padding-left: 22px;
}

a .download-doc {
	background: url(/images/page_word.png) center left no-repeat;
	padding-left: 22px;
}

.divider-onder {
	clear: both;
	height: 20px;
	border-bottom: 1px solid #000;
}

/* extra styles 02 03 2009 */

.media-item {
	position: relative;
	float: left;
	width: 170px;
	height: 128px;
	padding: 0 20px 0 0;
}

.button-play {
	position: absolute;
	top: 50px;
	left: 70px;
}

.item-foto,
.item-video {
	padding: 0 0 0 10px;
}

/* FORUMPAGINA"S */

#forumlijst {
	padding: 0 20px 0 0;
}

.forum-item-content h3 {
	padding: 10px 0;
}

.forum-item-bericht p {

	line-height: 130%;
	padding: 0 0 12px 0;
   overflow: hidden;
}

p.forum-item-meta {
	/* position: relative; */
	clear: both;
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: bold;
	background: #E0E9EE;
	color: #528BB6;
	padding: 6px 4px;
	margin: 0 0 4px 0;
}

p.forum-item-meta span {
	padding-right: 10px;
	font-weight: bold;
}

.forum-item-meta .comments {
	float: right;
	margin-top: 0px;
	margin-right: 4px;
	background: url(/images/icon-comments.gif) center left no-repeat;
	padding: 0 0 0 14px;
}

/* FORUMPAGINA"S */

/* VACATURES EN SHOP */

select#productgroep-kiezer {
	margin: 0 30px 0 30px;
}

.vacatureitem {
	padding-right: 20px;
}

.shop-header h2 {
	padding-bottom: 10px;
}

.shopitem {
	background-color: #E1E9EC;
	padding: 10px 20px 0 20px;
}

.shopitem.shopitemlist {
	margin-bottom: 20px;
}


.shopitem div {
	clear: both;
}

.shopitem-opties {
	text-align: right;
	padding: 10px 0 0 0; 
}

.shopitem-opties img {
	padding-left: 10px;
}

.shopitem-fotoplayer {
	margin-top: 20px;
	text-align: center;
}

.vacatureitem h3,
.shopitem h3 {
	padding-bottom: 12px;
}

.vacatureitem p,
.shopitem p {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	line-height: 150%;
	padding: 0 0 12px 0;
}

.vacatureitem p img,
.shopitem p img {
	float: left;
	margin: 0 20px 12px 0;
}

.vacaturezoek,
.shopzoek,
.shop-productgroepen {
	background-color: #A7C5DB;
	clear:both;
	margin:0 0 10px 0;
	padding: 12px;
}

.vacaturezoek-kop,
.shopzoek-knop {
	float: left;
	display: block;
}

.vacaturezoek h3,
.shopzoek h3 {
	display: inline;
}

label.trefwoord {
	padding-right: 10px;
}

.aantal-vacatures {
	float: right;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding-top: 3px;
}

.vacaturelijst ul,
.shop-productgroepen ul {
	padding: 12px 0;
}

.vacaturelijst li,
.shop-productgroepen li {
	font-size: .75em;
	padding: 0 0 6px 0;
}

.vacaturelijst li a,
.shop-productgroepen li a {
	color: #000;
	text-decoration: none;
}

.vacaturelijst li a:hover,
.shop-productgroepen li a:hover {
	color: #508CB8;
}

.vacature-divider,
.shop-divider {
	clear: both;
	height: 1px;
	margin: 12px 0;
	background-color: #508CB8;
}

.shop-rating {
	font-size: 11px;
}

.pagenav {
	text-align: center;
	font-size: 11px;
	padding: 10px 0 20px 0;
}

.pagenav a {
	color: #000;
}

.pagenav a:hover {
	color: #508CB8;
}

#main-vacatures,
#main-shop {
	float: left;
	width: 414px;
}

#vacaturecontent,
#shopcontent {
	margin: 0 20px 0 0;
}

#vacaturecontent .mainitem,
#shopcontent .mainitem {
	padding: 0;
}

.vacature-inzet {
	background-color: #A7C5DB;
	padding: 12px;
	margin: 10px 0;
    height: 42px;
}

.vacature-inzet-links {
	width: 360px;
  margin: 0;
  float: left;

}

.vacature-inzet-rechts {
	float: left;
	width: 200px;
}

#collapseknop {
	display: block;
	float: right;
	font-size: 12px;
	margin: 0 0 10px 0;
   text-decoration: none;
}

.sollicitatieknop {
	display: block;
	float: right;
	font-size: 12px;
	margin: 0 0 10px 0;
}

.bestelknop {
	display: block;
	float: right;
	font-size: 12px;
	margin: 0 0 10px 0;
}

#vacaturecontent .itemopties {
	text-align: right;
}

#vacaturecontent .itemopties img {
	padding-top: 5px;
}

#vacatureoverzicht {
	margin: 10px 0;
}

/* LIJSTEN */

table.itemlist {
	font-size: .75em;
	padding: 0 0 6px 0;
	margin: 10px 0 10px 0;
	width: 100%;
}

table.itemlist tr.infobalk td {
	background-color: #A7C5DB;
	text-decoration: none;
}

table.itemlist td {
	padding: 4px 4px;
	text-decoration: underline;
		line-height: 130%;
}

table.itemlist.zoekresultaten td {
	text-decoration: none;
}

table.itemlist td a {
	color: #000;
	text-decoration: underline;
}






.odd, .odd td {
background-color: #E0E9EE;
}

td.vacaturedatum {
	width: 100px;
}
/* KRUIMELPAD */

#kruimelpad p {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	padding: 0 0 10px 0;
}

#kruimelpad p a {
	color: #000;
	text-decoration: underline;
}

/* fotoplayer */

.foto-beeld { 
	margin: 0 12px 12px 0;
	background: #A7C5DB;
	padding: 20px 40px;
}

.foto-beeld-content {

	border: 1px solid #508CB8;
	padding: 12px;
	background-color: #fff;
}

.foto-beeld-bijschrift {

}

.foto-beeld-content p {
	font: .75em "Trebuchet MS", Arial, Verdana, sans-serif;
	line-height: 130%;
	padding: 8px 0 4px 0;
}

.foto-beeld-thumbs {

	padding: 0 0 0 0;
	text-align: center;
}

.foto-beeld-thumb {
	padding: 0 10px 0 0;
}

.foto-beeld-nav {
	text-align: center;
}

.foto-beeld-nav img {
	margin: 0 6px;
	padding: 0 0 12px 0;
}

.thumb-nav-previous {
	float: left;
	display: block;
	width: 22px;
	padding-top: 30px;
	margin-right: 20px;
}

.thumb-nav-next {
	float: right;
	display: block;
	width: 22px;
	padding-top: 30px;
}

.foto-beeld-thumbs .thumbs {
	float: left;
	width: 440px;
	overflow: hidden;
	text-align: center;
}

.foto-beeld-thumbs img.fotoitem-beeld-thumb {
	border: 1px solid #A7C5DB;
	padding: 4px;
	margin: 0 2px;
	background-color: #fff;
}

form#tellafriend {border-top:1px solid #000}

form#tellafriend label {
	width: 90px;
	float: left;
	font-size:0.75em;
}

form#tellafriend input {
	background:transparent url(/images/bg-commentinput.jpg) repeat-x scroll left top;
	border:1px solid #CCCCCC;
	color:#666666;
	font-size:0.75em;
	padding:4px;
	margin: 4px 0;
	float: right;
	width: 180px;
}

form#tellafriend textarea {
  float: left;
  clear: both;
	margin-top: 4px;
	width: 290px;
	padding: 4px;
	font-size:0.75em;
	color:#666666;
	border:1px solid #CCCCCC;
	background: #fff url(/images/bg-commentinput.jpg) repeat-x scroll left top;
}

form#tellafriend .row {
	width: 300px;

  clear: both;
  line-height: 1.5em;
}

form#tellafriend .row strong {
  padding: 12px 0 4px 0;
	margin: 0;
	font-size:0.75em;
}


/* sitemap */
ul.sitemap {
	font-size: 1em;
	padding: 12px 0 12px 0;
}

ul.sitemap ul {
	font-size: 1.34em;
	padding: 6px 0 12px 12px;
}

ul.sitemap li {
	padding: 0 0 6px 0;
	list-style: none;
}

ul.sitemap li a {
	color: #508CB8;
	text-decoration: none;
	background: url(/images/bullet.gif) no-repeat center left;
	padding-left: 10px;
}

ul.sitemap li a:hover {
	color: #000;
	text-decoration: underline;
}

ul.sitemap li li a {
	color: #508CB8;
	text-decoration: none;
	background: url(/images/bullet-sub.gif) no-repeat center left;
	padding-left: 10px;
}


/** PRODUKTICONEN **/

td.produktgroep-boek {
	padding-left: 20px!important;
	background-image: url(/images/icon-boek-small.gif); 
    background-position: left center;
    background-repeat: no-repeat;
}

td.produktgroep-reeks {
	padding-left: 24px!important;
	background-image: url(/images/icon-reeks-small.gif); 
    background-position: left center;
    background-repeat: no-repeat;
}

td.produktgroep-tijdschrift {
	padding-left: 24px!important;
	background-image: url(/images/icon-tijdschrift-small.gif); 
    background-position: left center;
    background-repeat: no-repeat;
}

td.produktgroep-cdrom {
	padding-left: 24px!important;
	background-image: url(/images/icon-cdrom-small.gif); 
    background-position: left center;
    background-repeat: no-repeat;
}

td.produktgroep-internet {
	padding-left: 24px!important;
	background-image: url(/images/icon-internet-small.gif); 
    background-position: left center;
    background-repeat: no-repeat;
}

td.produktgroep-congres {
	padding-left: 24px!important;
	background-image: url(/images/icon-congres-small.gif); 
    background-position: left center;
    background-repeat: no-repeat;
}

h3.produktgroep-boek {
	padding-bottom: 2px;
	background-image: url(/images/icon-boek.gif); 
    background-position: right center;
    background-repeat: no-repeat;
}

h3.produktgroep-reeks {
	padding-bottom: 3px;
	background-image: url(/images/icon-reeks.gif); 
    background-position: right center;
    background-repeat: no-repeat;
}

h3.produktgroep-tijdschrift {
	padding-bottom: 3px;
	background-image: url(/images/icon-tijdschrift.gif); 
    background-position: right center;
    background-repeat: no-repeat;
}

h3.produktgroep-cdrom {
	padding-bottom: 3px;
	background-image: url(/images/icon-cdrom.gif); 
    background-position: right center;
    background-repeat: no-repeat;
}

h3.produktgroep-internet {
	padding-bottom: 3px;
	background-image: url(/images/icon-internet.gif); 
    background-position: right center;
    background-repeat: no-repeat;
}

h3.produktgroep-congres {
	padding-bottom: 3px;
	background-image: url(/images/icon-congres.gif); 
    background-position: right center;
    background-repeat: no-repeat;
}


#vacaturecontent .itemopties {
	text-align: right;
}

#vacaturecontent .itemopties img {
	padding-top: 5px;
}

#vacatureoverzicht {
	margin: 10px 0;
}

#shopnav {

}

#sidebar #shopnav {
  font-size: 0.75em;
}
#shopnav .infobalk {
  background: #A7C5DB;
  line-height: 130%;
  padding: 4px;
}
#shopnav ul { margin:0; padding:0; list-style:none}
#shopnav ul li { margin:0; padding:0; list-style:none}

#shopnav ul li.produktgroep {
  background: #E0E9EE;
  width: 100%;
}
#shopnav ul li div {
  padding: 4px;
  position: relative;
}
#shopnav ul li ul li {
  padding: 2px 2px 4px 40px;
	background: #fff;
}
#shopnav ul li a , #shopnav ul li ul li a {
  color: #000;
  text-decoration:none
}

#shopnav ul li.produktgroep h3 {
  font-size: 1em;
	padding-left: 30px;
  background-position: left center;
  background-repeat: no-repeat;
  font-family: Arial,Verdana,sans-serif;
  cursor: hand;
  cursor: pointer;
  position: relative;
  font-weight:bold
}
#shopnav .productgroep h3 {
	background-image: url(/images/icon-boek-small.gif);
}
#shopnav .productgroep.reeks h3 {
	background-image: url(/images/icon-reeks-small.gif);
}

#shopnav .productgroep.tijdschriften h3 {
	background-image: url(/images/icon-tijdschrift-small.gif);
}

#shopnav .productgroep.cd-roms h3 {
	background-image: url(/images/icon-cdrom-small.gif);
}

#shopnav .productgroep.internet h3 {
	background-image: url(/images/icon-internet-small.gif);
}

#shopnav .productgroep.congres h3 {
	background-image: url(/images/icon-congres-small.gif);
}

#shopnav .actionicon {
  position: absolute;
  right: 0;
  margin: 4px 4px 0 0;
}


/* Blue Skies Added */

.mainitem .article p img {
	margin: 4px 0px 5px 0px	
}

#navbar .sf-menu li li a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em}


#artikel-beeld-container { text-align:center}

div.title { border-bottom:1px solid #000; margin-bottom:10px; padding-bottom:6px}

#footer-copyright { clear:both; padding:10px 0px 5px 0px; height:30px; background-color:#508CB8; color:#FFFFFF}
#logo-reed-business  {float:left; width:140px; padding-left:10px}
#copyright-text { float:left; font-size:11px; width:600px}
#copyright-text a {	color: #fff;}
#logo-stapel-de-koning  {float:right; width:140px}



/* BS Gallery */

.mainitem .article p img {
	float:none;	
	display: 
}


#gallery-adv { text-align:center}

div.controls {
	margin-top: 5px;
	height: 23px;
	display:block	;


}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	text-align:center;
    position:relative; 
	margin-top:4px;
	width:615px	
}
div.nav-controls {

    position:relative;
	margin-top:0px;	
	width:615px
}

div#thumbs-adv .top {display:none}

div.nav-controls .prev { float:left; margin-top:-50px }
div.nav-controls .next { float:right;  margin-top:-50px}

div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 178px;
	height: 128px
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	text-align:center;
		
	padding-bottom: 4px;
}
div.slideshow a.advance-link {
	padding: 6px 0px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	text-align:center

}
div.download {
	float: right;
}
div.embox {
	clear: both;
	border: 1px solid #ccc;
	border-top:0px;
	background-color: #eee;
	padding: 5px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;

	margin-top:-12px
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
	background:none;	
}

.block .content ul.thumbs  { margin:0px; padding:0px; list-style:none}
.block .content ul.thumbs  li {background: none; padding:0px; margin: 5px 12px 5px 0;}

a.thumb {
	padding: 0px;
	display: block;
	border: 1px solid #ccc;
	width:70px;
	height:50px;
	overflow:hidden;
	background:none;	
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
	margin:auto
}
div.pagination {
	clear: both;
		text-align:center;
		margin-top:5px
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {

	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	text-decoration:none
}

div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}

.block .content div.pagination a:hover,.block .content div.pagination a:active {text-decoration:none}

div.pagination span.current {
	font-weight: bold;
	background-color: #c30b1d;
	border-color: #c30b1d;
	color: #fff;
}
fieldset {padding:0; margin:0; margin-top:10px }

fieldset legend{padding:0; margin:0; font-weight:bold; font-size:80%; margin-left:-7px}


li.over, p.over { /* wordt in jQuery ge-addClass't */
	background-color: #F0F0F0!important;
	cursor: pointer;
    color: #508CB8; /* was #000; */  
}

li.over a, li.over a:hover,  p.over a, p.over a:hover {
    color: #508CB8; /* was #000; */ 
}

.ankeiler { margin:20px 0px}
#main-right .ankeiler { margin:0px 20px 20px 20px; overflow:hidden}
.ankeiler.special.dark {	background: #A7C5DB; 	padding: 12px;}
.ankeiler.special.dark div.title { border-bottom:1px solid #fff}
.ankeiler.special.light {	background: #E0E9EE; 	padding: 12px;}
.ankeiler.special.light div.title { border-bottom:1px solid #fff;}
.ankeiler.standard .content .image { float:left; margin:0; margin-right:5px; padding:0}
.ankeiler.standard .content .image img { margin:0; padding:0;  border:1px solid #333;}
.ankeiler.standard .content .image a { margin:0; padding:0}
.ankeiler.standard .title h2 span { float:right; font-size:12px; margin-top:10px; font-family:Arial, Helvetica, sans-serif}
.ankeiler.standard .content .abstract { font-size:12px; line-height:18px}

.sitemap ul { margin:0; padding:0; margin-top:10px}
.sitemap ul li {font: 1em "Trebuchet MS", Arial, Verdana, sans-serif;}
.sitemap ul li a {	color: #508CB8;}
.sitemap ul li ul {margin-left:24px}
.sitemap ul li ul li {	font: 0.75em "Trebuchet MS", Arial, Verdana, sans-serif;}

.paging { text-align:center; font-size:12px; line-height:20px}
.paging .browse { height:30px}
.paging a { font-weight:bold; color:#508CB8}
.paging .pages a.pg, .paging .pages span.pgnl, .paging .pages span.pgs, .paging .browse a.pg, .paging .browse span.pgnl  {
	background-color: #fff;
	border: 1px solid #fff;	
	font-weight: bold;
	padding:3px 6px;
	text-align:center;
	text-decoration:none;
	display:inline;
	margin: 0px 1px 1px 0px;

	width:16px;	
}

.paging .pages a.pg:hover, .paging .pages a.pg:active, .paging .browse a.pg:hover,.paging .browse a.pg:active, .paging .pages span.pgs  {
	background-color: #A7C5DB;
	color: #fff;	
}

table.product-list {
	font-size: .75em;
	padding: 0 0 6px 0;
	margin: 10px 0 10px 0;
	width: 100%;
}

table.product-list th{
	background-color: #A7C5DB;
	text-decoration: none;
	font-weight:bold; text-align:left;
	padding: 6px 4px;
		line-height: 150%;	
	font-size: .90em;		
}

table.product-list td {
	padding: 4px 4px;
	text-decoration: underline;
		line-height: 130%;
}
table.product-list th.product-icon, table.product-list td.product-icon {
text-align:right
}

table.product-list.zoekresultaten td {
	text-decoration: none;
}

table.product-list td a {
	color: #000;
	text-decoration: none;
}
table.product-list td a span {
	color: #508CB8;
	text-decoration: none;
	font-size: 1.5em;
}


/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #bbb; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel { text-align:center}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #eee; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; background:#eee }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; overflow:hidden }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}