/* Elements */

/* Fonts - change 'sans-serif' to your preferred font */
ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FORM, H1, H2, H3, H4, H5, H6, MENU, OL, P, TD, TH, UL {
font-family: Arial, Helvetica, SunSans-Regular, "Trebuchet MS", Geneva, sans-serif}

/* Real styles */


A:link {
color: #1b5a49;
background: transparent none;
text-decoration: underline;
font-weight: bold;
}

A:visited {
color: #5a3d1b;
background: transparent none;
text-decoration: underline;
font-weight: bold;
}

A:active {
color: red;
background: transparent none;
text-decoration: none;
font-weight: bold;
}

A:hover {
text-decoration: underline;
color: red;
background: transparent none;
font-weight: bold;
}

BODY {
   margin: 0;
   padding: 0px;
   font-size: 90%;
   line-height:1.125em; /* 16x1.125=18px */
   background: transparent none;
   color: Black;
   height: 100%;
   width: 100%;
   text-align: center;
   position: relative;
}

DIV {margin: 0em 0%;
padding: 0;
}

H1 {margin: 0em 0% 0em 0%;
font-size: 1.5em; /* 16x1.5=24px */
line-height: 1.636; /* 16x1.636=36px */
font-weight: bold;
}

H2 {margin: 0em 0% 0em 0%;
/* font-size: 1.4em; 16x1.5=24px */
/* line-height: 1.5; 16x1.5=24px */
font-size: 1.3em;
line-height: 1.3;
font-weight: bold;
/* color: #5a3d1b; */
color: #A88E71;
background: transparent none;
padding-top: 10px;
}

H3 {
font-weight: bold;
color: #A88E71;
background: transparent none;
font-size: 1.2em; /* 16x1=16px */
line-height: 1.2;
margin: 1.41em 0; /* 16x1.125=18px */
}

H4 {margin: 0em 0% 0em 0%;
font-size: 1em;
line-height: 1;
font-weight: bold;
font-style: italic;
color: #5a3d1b;
background: transparent none;
}

H5 {margin: 0em 0% 0em 0%;
font-weight: bold;
color: #5a3d1b;
background: transparent none;
font-size: 1.2em; /* 16x1=16px */
line-height: 1.2;
margin: 1.41em 0; /* 16x1.125=18px */
}

H6 {margin: 0em 0% -1em 0%;
background: transparent none;
color: #5a3d1b;
font-size: 1em;
line-height: 1;
font-weight: bold;
padding-top: 0px;
}

hr {
   margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
   color: #1b5a49; /* for ie */
   background: #1b5a48; /* for everyone else */
   height: 1px;
}

p {
   padding-top: 0px;
}

UL {margin: 0em 0% 1em 5%;
list-style: disc;
padding: 0 0 0 0;
}

UL UL{margin: 0em 0% 0 5%;
list-style: disc;
padding: 5px 0 0 0;
}

/* Classes */

.bereik {
   background: #fcfcfc;
   color: black;
   padding: 10px 10px 0 10px;
   border-top: 1px solid #1b5a49;
   border-right: 1px solid #1b5a49;
   border-bottom: 5px solid #A88E71;
   border-left: 5px solid #A88E71;
   height: 80px;
	}

	.bereik h4 {
		text-decoration: underline;
		padding: 0;
		margin: 0;
		}

	.bereik p {
		padding: 5px 0;
		margin: 0;
		}

.bereikwrapper {
   float: left;
   margin: 10px;
   width: 340px;
}

.bovenback {
   background: transparent none;
   color: black;
   padding-top: 5px;
}

.content {
   background: transparent none;
   color: Black;
   float: right;
   width: 748px;
   margin: 0;
   min-height: 455px;
   height:auto !important;
   height:455px;
   padding: 0;
   border-left: 1px solid #A88E71;
}

.copyright {
   margin: 0px;
   padding: 0px;
   font-size: 60%;
   font-style: italic;
   line-height: 1;
   background: transparent none;
   color: #fefefe;
   float: left;
}

	.copyright a {
		color: #fefefe;
		background: transparent none;
		}

	.copyright a:visited {
		color: #fefefe;
		background: transparent none;
		}

.covers {
   height: 120px;
   background: transparent none;
   color: black;
   margin: 0;
   padding: 0;
   position: relative;
   }

.datum {
   float: right;
   background: transparent none;
   color: #fefefe;
   margin: 0px;
   padding: 0px;
   line-height: 1;
   font-size: 60%;
}

.foot {
   clear: both;
   height: 10px;
	background-color: #A88E71;
 		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A88E71', endColorstr='#705F4B'); /* for IE */
 		background: -webkit-gradient(linear, left top, left bottom, from(#A88E71), to(#705F4B),color-stop(0.4, #B89B7B));
 		background: -moz-linear-gradient(top,  #A88E71,  #B89B7B 40%, #705F4B); /* for firefox 3.6+ */ 
   color: #fefefe;
   padding: 5px 20px;
}

.footdiv {
   border-bottom: 1px solid #856642;
   border-top: 1px solid #856642;
   background: white;
   color: #fefefe;
   padding: 1px 0;
}

#index {
   background: top center no-repeat url(../images/actueel.jpg) transparent;
   color: black;
   margin: 0px 0 0 0;
   padding: 0px 0 0 0;
   /*border: 1px solid red;*/
}

	
	#index .content {
		text-align: center;
		background: no-repeat url(../images/blanco.gif) top center transparent;
		color: black;
		float: right;
		width: 748px;
		margin: 0;
		min-height: 615px;
		height:auto !important;
		height:615px;
		padding: 0;
		border-left: 1px solid #A88E71;
		}

	#index h1 {
		text-align: center;
		}

	#index h2.h2licht {
		padding: 5px 20px;
		font-size: 1.1em;
		/* color: #5a3d1b;*/ 
		/* color: #5a3d1b;*/ 
		color: #fefeff; 
		background: transparent none;
		}

	#index h2.h2donker {
		padding: 5px 20px;
		font-size: 1.1em;
		/* color: #5a3d1b;*/ 
		/* color: #5a3d1b;*/ 
		/* color: #A88E71;  */
		color: #333;
		letter-spacing: 1px;
		background: transparent none;
		}

	#index #menu {
		background: no-repeat url(../images/blancomenu.gif) white;
		color: Black;
		min-height: 615px;
		height:auto !important;
		height:615px;
		width: 240px;
		}

.inhoud {
   padding: 20px;
}

.kop {
	height: 30px;
	padding: 3px 20px 3px 270px;
	background-color: #A88E71;
 		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A88E71', endColorstr='#705F4B'); /* for IE */
 		background: -webkit-gradient(linear, left top, left bottom, from(#A88E71), to(#705F4B),color-stop(0.4, #B89B7B));
 		background: -moz-linear-gradient(top,  #A88E71,  #B89B7B 40%, #705F4B); /* for firefox 3.6+ */ 
	color: #fefefe;
	}

	.kop h1 {
		margin: 0;
		padding: 0;
		font-size: 1.5em;
		}

.kopdiv {
   border-bottom: 1px solid #856642;
   border-top: 1px solid #856642;
   background: white;
   color: #fefefe;
   padding: 1px 0;
}

#menu {
   width: 225px;
   background: transparent none;
   color: Black;
   margin: 0 0 0 0px;
   padding: 0px;
   float: left;
   font-size: 90%;
}

#menu li a {
   display: block;
   border-bottom: solid 1px #856642; 
   margin: 0;
   padding: 0;
}

#menu ul {
   margin: 0;
   padding: 0px;
   list-style-type: none;
}

#menu li {
   margin: 0;
   padding: 0 0 0 0px;
   list-style-type: none;
   width: 225px;
   background: transparent none;
   color: black;
}

#menu a:link {
   background: transparent none;
   text-decoration: underline;
   color: #018742;
   padding: 5px 5px;
}

#menu a:visited {
   background: transparent none;
   text-decoration: none;
   color: #5a3d1b;
   padding: 5px 5px;
}

#menu a:active {
   background: transparent none;
   text-decoration: none;
   color: red;
   padding: 5px 5px;
}

#menu li a:hover {
 		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B5A49', endColorstr='#134034') !important; /* for IE */
 		background: -webkit-gradient(linear, left top, left bottom, from(#1B5A49), to(#134034),color-stop(0.4, #1F6653)) !important;
 		background: -moz-linear-gradient(top,  #1B5A49,  #1F6653 40%, #134034) !important; /* for firefox 3.6+ */ 
	background: #1B5A49 none;
   text-decoration: underline;
   color: #d2fff3;
   padding: 5px 5px;
}

#index #mindex a, #jr9ed2 #mjr9ed2 a, #uitgave #muitgave a, #verkoop #mverkoop a,
#abonnement #mabonnement a, #nabestelling #mnabestelling a, #verzamelband #mverzamelband a,
#illustraties #millustraties a, #adverteerders #madverteerders a, #cadeautje #mcadeau a,
#contact #mcontact a{
 		/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A88E71', endColorstr='#705F4B'); /* for IE */
 		background: -webkit-gradient(linear, left top, left bottom, from(#A88E71), to(#705F4B),color-stop(0.4, #B89B7B)) !important;
 		background: -moz-linear-gradient(top,  #A88E71,  #B89B7B 40%, #705F4B) !important; /* for firefox 3.6+ */ 
	background: #A88E71 none;
   color: white;
   padding: 5px 5px;
   text-decoration: none;
   font-weight: bold;
   text-align: right;
}

.page {
	background: transparent none;
	color: Black;
	width: 990px;
	min-height: 1024px !important;
	height: 1024px;
	height: auto;
	text-align: left;
	/*margin: auto 0;*/
	position: absolute;
	left: 50%;
	margin: 0 0 0 -495px;
	padding-bottom: 35px;
	/*border-bottom: 30px solid red;*/
	}

.rechts {
	text-align: right;
	}

.title {
	background-color: #A88E71;
 		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A88E71', endColorstr='#705F4B'); /* for IE */
 		background: -webkit-gradient(linear, left top, left bottom, from(#A88E71), to(#705F4B),color-stop(0.4, #B89B7B));
 		background: -moz-linear-gradient(top,  #A88E71,  #B89B7B 40%, #705F4B); /* for firefox 3.6+ */ 
   color: #fefefe;
   height: 35px;
   font-family: "Times New Roman", Times, serif;
   padding: 3px 0 3px 20px;
   margin: 0;
}

.titlediv {
   border-bottom: 1px solid #856642;
   border-top: 1px solid #856642;
   background: white;
   padding: 1px 0;
   color: #fefefe;
}

.title p {
   font-size: 1.5em;
   line-height: 1.5;
   padding: 0;
   margin: 0;
}


/* archief */

.archief {
   padding: 10px;
}

.archief .coverfoto {
   float: right;
   padding: 15px 0 0 10px;
}

.archief .coverfoto img {
   width: 100px;
}

.archief .inhoud {
   float: none;
   padding: 0;
}

#uitgave .nabestellen {
   margin-top: -30px;
   margin-left: 10px;
}

.archief .uitgave {
   background: #fcfcfc;
   color: black;
   padding: 10px 10px 0 10px;
   border-top: 1px solid #1b5a49;
   border-right: 1px solid #1b5a49;
   border-bottom: 5px solid #A88E71;
   border-left: 5px solid #A88E71;
   height: 440px;
}

.archief .uitgavewrapper {
   float: left;
   margin: 10px;
   width: 340px;
}

.archief ul {
   list-style: disc;
   padding: 5px;
}

/* end archief */


/* formulier */

#abonnee {
   width: 15px;
   border: none;
   float: left;
}

.ander, .uzelf {
   padding: 10px 10px 0 10px;
}

.ander h3, .uzelf h3 {
   margin: 0;
}

.ander h3 strong, .uzelf h3 strong {
   color: red;
   background: transparent none;
}

.anderwrapper, .uzelfwrapper {
   float: left;
   margin: 0 10px;
   width: 320px;
}

#cadeau {
   width: 15px;
   border: none;
   float: left;
}

fieldset {
   border-top: 1px solid #1b5a49;
   border-right: 1px solid #1b5a49;
   border-bottom: 5px solid #A88E71;
   border-left: 5px solid #A88E71;
   width: 300px;
   padding: 5px;
   float: none;
}

input {
   color: #5a3d1b;
   background: white;
   border: 1px solid #1b5a49;
   width: 170px;
}

.invullen {
   margin-left: 100px;
   font-size: smaller;
   font-weight: bold;
   font-style: italic;
}

.ja {
   float: left;
   height: 130px;
   width: 260px;
   padding-left: 5px;
}

form strong {
   color: red;
   background: transparent none;
}

label {
   width: 100px;
   text-align: right;
   margin-right: 5px;
   display: block;
   float: left;
}

legend {
   color: #A88E71;
   border: 1px solid #1b5a49;
   background: #fefefe;
   padding: 2px 6px;
}

.submit input {
	margin-left: 5px;
	color: white;
	background-color: #A88E71;
 		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A88E71', endColorstr='#705F4B'); /* for IE */
 		background: -webkit-gradient(linear, left top, left bottom, from(#A88E71), to(#705F4B),color-stop(0.4, #B89B7B));
 		background: -moz-linear-gradient(top,  #A88E71,  #B89B7B 40%, #705F4B); /* for firefox 3.6+ */ 
	border: 2px outset #A88E72;
	-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 2px 2px 2px #999;
	font-weight: bold;
	width: 100px;
	}

table input {
   width: 15px;
   border: none;
   float: left;
}

/* end formulier */




/* illustraties */

.illustraties {
   width: 720px;
}

.illustraties .aantal{
   width: 30px;
   padding-left: 10px;
   float: left;
}

.illustraties .aantal-h{
   width: 40px;
   padding-left: 10px;
   float: left;
   font-style: italic;
   color: #856642;
   background: transparent none;
   margin-top: 5px;
}

.illustraties .formaat{
   width: 80px;
   padding-left: 5px;
   float: left;
}

.illustraties .formaat-h{
   width: 80px;
   padding-left: 5px;
   float: left;
   font-style: italic;
   color: #856642;
   background: transparent none;
   margin-top: 5px;
}

.illustraties img {
   width: 100px;
   float: left;
   border: 1px solid #856642;
   margin: 27px 0;
}

.illustraties .prijs{
   width: 80px;
   padding-left: 5px;
   float: left;
}

.illustraties .prijs-h{
   width: 80px;
   padding-left: 5px;
   float: left;
   font-style: italic;
   color: #856642;
   background: transparent none;
   margin-top: 5px;
}

.illustraties .p {
   width: 340px;
   float: left;
   padding: 5px 20px 5px 0;
   height: 130px;
}

.illustraties .p p {
   clear: none;
   padding: 0px  0 0 0;
   height: 27px;
   margin: 0px 0 0px 0;
}

.illustraties .p input {
   border: 1px solid #856642;
   float: left;
   margin-left: 12px;
   width: 30px;
   margin-right: 10px;
}

/* end illustraties */


/* inhoudsopgave */

.inhoudsopgave .coverfoto {
   float: right;
   width: 200px;
   padding-top: 28px;
}

.indexfoto {
   float: left;
   width: 150px; /*was 120 */
}

.indextext {
   float: left;
   width: 300px; /*was 310 */
}

.indexregel {
   border-bottom: 1px solid #1b5a49;
   padding: 5px 0;
   float: left;
   clear: left;
   width: 510px;
}

.inhoudsopgave {
   padding: 10px 0 0 10px;
   margin-bottom: 5px;
}

.pagnr {
   float: left;
   width: 60px; /* was 80 */
   font-style: italic;
}

/* end inhoudsopgave */


/* nabestelling */

.nabestelling p {
   width: 300px;
   float: left;
   padding: 5px 20px;
   font-size: 90%;
}

.nabestelling hr {
   margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
   color: #1b5a49; /* for ie */
   background: #1b5a48; /* for everyone else */
   height: 1px;
   width: 600px;
}

.nabestelling img {
   width: 100px;
   float: left;
}

.nabestelling input {
   width: 15px;
   border: 0;
   float: left;
   margin-left: 10px;
}

.nabestelling .prijs {
   padding-left: 35px;
   padding-top: 15px;
   float: left;
   font-weight: bold
}

.nabestelling .printuitdraai {
   padding-left: 35px;
   padding-top: 10px;
   color: red;
   background: transparent none;
   float: left;
   font-size: 0.7em;
   font-style: italic;
   width: 130px;
}

.nabestelling .uitgave {
   width: 130px;
   padding-left: 10px;
   float: left;
}

/* end nabestelling */




/* table */

td {
   font-size: 85%;
}

.adverteerder1 {
   background: #edc;
}

.adverteerder2 {
   background: #dcb;
}

/* end table */


/* verzamelband */

.verzamelband .band {
   width: 130px;
   float: left;
   font-weight: bold;
   margin-top: 15px;
   padding: 5px;
}

.verzamelband .data {
   width: 300px;
   float: left;
   clear: left;
   padding: 5px;
   font-style: italic;
   color: #856642;
   background: transparent none;
}

.verzamelband .aantal{
   padding-left: 10px;
   margin-top: 20px;
   float: left;
   font-style: italic;
}

.verzamelband p {
   width: 300px;
   float: left;
   padding: 0px 20px;
   margin: 0 0 50px 0;
}

.verzamelband hr {
   margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
   color: #1b5a49; /* for ie */
   background: #1b5a48; /* for everyone else */
   height: 1px;
   width: 600px;
}

.verzamelband img {
   width: 300px;
   float: left;
   clear: both;
   border: 1px solid #856642;
}

.verzamelband p input {
   border: 1px solid #856642;
   float: left;
   margin-left: 5px;
   width: 30px;
   margin-top: 20px;
}

/* end verzamelband */



/* 10jaar */

/*#cadeautje {
   background: center no-repeat url(../images/actueel2-goud.jpg) transparent;
   color: black;
}

#cadeautje .copyright, #cadeautje .copyright a, #cadeautje .copyright a:visited {
   color: #000;
   background: transparent none;
}

#cadeautje .foot {
   clear: both;
   height: 10px;
   background: transparent url(../images/goud1.jpg);
   color: #000;
   padding: 5px 20px;
}*/

#cadeautje h2 {
	background: transparent none;
	color: #900;
	}

#cadeautje img.kreeft {
	float: left;
	margin: 0 20px 20px 0;
	clear: left;
	}
	
#cadeautje img.pakje {
	float: right;
	margin: 0 0 20px 20px;
	}
	
#cadeautje img.zld {
	float: right;
	margin: 0 0 20px 20px;
	}
	
/*#cadeautje .kop {
   height: 30px;
   padding: 3px 20px 3px 270px;
   background: transparent url(../images/goud1.jpg);
   color: #000;
}*/

#cadeautje strong {
	background: transparent none;
	color: #900;
	font-style: italic;
	}

/*#cadeautje .title {
   background: transparent url(../images/goud2.jpg);
   color: #000;
   height: 35px;
   font-family: "Times New Roman", Times, serif;
   padding: 3px 0 3px 20px;
   margin: 0;
}*/

	

/*einde 10jaar */



/********************* carrousel *********************************/

.jcarousel-skin-tango .jcarousel-container {
	background: transparent none;
	border: none;
	margin: 0;
	padding: 0;
	}

#sd1 {
	position: absolute;
	top: 24px;
	left: 0;
	z-index: 50;
	}

#sd2 {
	background: transparent none;
	position: absolute;
	top: 7px;
	left: 0;
	z-index: 150;
	}
	
#topcoverkk, #topcoverk {
   	position: absolute;
	top: 0;
	left: 0;
	background: transparent none !important;
	}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
	}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 990px;
	}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  990px;
	margin: 0;
	padding: 0;
	}

#mycarousel .jcarousel-skin-tango .jcarousel-item {
	width: 53px;
	height: 74px;
	margin: 0;
	padding: 0;
	}

#mycarousel2 .jcarousel-skin-tango .jcarousel-item {
	width: 77px;
	height: 108px;
	}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-tango li {
	display: inline;
	list-style: none;
	}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
	display: none;
	}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
	display: none;
	}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	display: none;
	}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
	display: none;
	}
	
/********************* einde carrousel ***************************/