@charset "UTF-8";
/* CSS Document */


/* ---- resets */
li, ul, body{
	margin:0;
	padding:0;
}

/* ---- algemene instellingen */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#000;
}

#container {
	width:960px;
	margin:0 auto;
}

h1{
	font-size:28px;
	font-weight: lighter;
	margin:10px 0 15px 0;
}

h2{
	font-size:14px;
	margin:5px 0 0 0;
}

h3{
	color: #8d807e;
	margin:5px 0 5px 0;
}

h4{
	margin:20px 0 0 0;
}

.beige{
	color:#8d807e;
}

.rood{
	color:#c00;
}

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

a img{
	border:none;
}

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

a:hover{
	color:#C00;
}
	


/* ---- banner */
#banner {
	height:100px;
	margin:0 0 10px 0;
}

/* ---- menu */ 
#menu {
	position:relative;
	width:140px;
	height:680px;
	float:left;
	margin:0 20px 0 0;
	background:url(img/instore.gif) no-repeat top;
}

#menu ul {
	margin:180px 0 0 0;
	list-style:none;
}
#menu li {
	border-bottom: 1px solid #CCC;
	margin:5px 5px 5px 25px;
	padding:0 0 3px 0;
}
#menu a:link, #menu a:visited {
	font-size:12px;
	text-decoration:none;
	color:#000;
}
#menu li.hier {
	font-size:12px;
	list-style-image: url(img/pijltje.gif);
	color:#C00;
}

#menu li.non {
	color: #999;
}


#menu a:hover, #menu a:active {
	color:#C00;
}

#menu #banner1{
	position:absolute;
	bottom:90px;
	left: 7px;
}

#menu #banner2{
	position:absolute;
	bottom:190px;
	left: 7px;
}


/* ---- content */
#content {
	float:left;
}

#content div div {
	float:left;
}

#artikel #content img{
	border:1px solid #8d807e;
}

/* ---- box a */
#box_a {
	height: 158px;
	width:748px;
	padding: 0 25px 0 25px;
	margin:0 0 20px 0;
	border:1px solid #8d807e;
}

/* ---- home box a */
#home #box_a {
	background-image:url(img/startpagina.gif);	
}

#home #box_a div.start {
	width:134px;
	height:140px;
	border-left:1px solid #8d807e;
	padding:10px 4px 10px 10px;
}

#home #box_a a:link, #home #box_a a:visited {
	display:block;
	font-size:10px;
	line-height:14px;
	text-decoration:none;
	color:#8d807e;
}

#home #box_a a:hover, #home #box_a1 a:active {
	color:#C00;
}

/* ---- adv box a */
#adv #box_a a:link, #adv #box_a a:visited{
	text-decoration:none;
	color:#8d807e;
	margin:10px 0 0 0;
}

#adv #box_a a:hover, #adv #box_a a:active{
	color:#C00;
}

/* ---- abo box a */
#abo #box_a{
	border:none;
	padding:0;
}

/* ---- ons box a */
#ons #box_a{
	padding-top:15px;
	height:138px;
}

/* ---- boek box a */
#boek #box_a{
	border-left:none;
	border-right:none;
}


/* ---- box b */
#box_b {
	height: 240px;
	width:800px;
	margin:0 0 20px 0;
}

.kol1 a{	
	display:block;
	width:182px;
	height:240px;
	margin: 0 20px 0 0 ;
	border:1px solid #8d807e;
}

.kol2 a{
	display:block;
	width:288px;
	height:240px;
	margin: 0 20px 0 0 ;
}

/* ---- home box b */
#home .kol1 a{
	background-image:url(img/k1_instorenew.jpg);
}

#home .kol1 a:hover{
	background-image:url(img/k1_instorenew_over.jpg);
}

#home .kol2 a{
	background-image:url(img/k2_artikel1.jpg);
}

#home .kol2 a:hover{
	background-image:url(img/k2_artikel1_over.jpg);
}

#home .kol3 a{
	display:block;
	width:288px;
	height:240px;
	background-image: url(img/k3_artikel2.jpg);
}

#home .kol3 a:hover{
	background-image:url(img/k3_artikel2_over.jpg);
}

/* ---- adv box b */
#adv .kol1 a{
	background-image:url(img/k1_mediakaart.jpg);
}

#adv .kol1 a:hover{
	background-image:url(img/k1_mediakaart_over.jpg);
}

#adv .kol2 a{
	width:596px;
	margin:0;
	background-image:url(img/k2_downloadmedia.gif);
}

#adv .kol2 a:hover{
	background-image:url(img/k2_downloadmedia_over.gif);
}

/* ---- abo box b */
#abo #box_b{
	height:500px;
}

#abo .kol1, #ons .kol1 {	
	width:164px;
	height:auto;
	margin: 0 20px 0 0 ;
	padding:10px;
	color:#FFF;
}

#abo .kol1{
	background:url(img/k1_bgr.gif) top no-repeat;
}

#abo .kol1_1 {	
	height:220px;
	margin:0 0 20px 0;
}

#abo .kol1_1 a, #ons .kol1 a{
	display:inline;
	border:none;
	color:#fff;
	font-style:italic;
	text-decoration:none;
}

#abo .kol1_1 a:hover, #ons .kol1 a:hover{
	color:#c00;
}

#abo .kol1_2 {	
	height:220px;
	color:#000;
}

#abo .kol2{
	width:544px;
	border:1px solid #8d807e;
	padding:25px;
}

#abo .kol2 p{
	line-height:24px;
	word-spacing:120%;
	letter-spacing:150%;
	color:#8d807e;
}
	
/* ---- ons box b */
#ons #box_b{
	height:auto;
}

#ons .kol1{
	background:url(img/k1_bgr_logo.gif) top no-repeat;
	padding-top:60px;
}

#ons .kol2{
	width:594px;
	padding:0;
}

#ons .kaartje{
	float:left;
	width:273px;
	height:170px;
	margin:0 20px 10px 0;
	border-bottom:1px solid #8d807e;
	line-height:normal;
}

#ons .kaartje img{
	float:left;
	margin:0 10px 0 0;
}

#ons .kaartje h1{
	font-size:18px;
}

/* ---- boek box b */
#boek .kol1 a{
	background: url(img/k1_jaarboek.jpg) top no-repeat;
}

#boek .kol1 a:hover{
	background: url(img/k1_jaarboek_over.jpg) top no-repeat;
}

#boek .kol2{
	width:544px;
	height:190px;
	background-color:#B0A7A6;
	padding:25px;
}

#boek .kol2 a{
	display:inline;
	color:#6c5e5e;
	font-size:11px;
	font-style:italic;
	text-decoration:none;
}

#boek .kol2 a:hover{
	color:#C00;
}


/* ---- box c */
#box_c {
	height: 240px;
	width:800px;
	margin:0 0 20px 0;
}

#box_c p a{
	color:#8d807e;
	font-size:11px;
	font-style:italic;
	text-decoration:none;
}

#box_c p a:hover{
	color:#c00;
}

.kol4 {
	width:184px;
	margin: 0 20px 0 0 ;
}


.kol4 li{
	margin:5px 0 0 10px;
	line-height:15px;
}

.kol4 ul{
	margin:10px 0 10px 0;
}

.kol5 {
	width:554px;
	border:1px solid #8d807e;
	padding:20px 20px 5px 20px;
}

.kol5 table{
	width:554px;
}
.kol5 .laatstekolom{
	width:145px;
}

.kol5 table a{
	font-size:12px;
	font-style:normal;
	line-height:15px;
	color:#000;
	text-decoration:none;
}

.kol5 table a:hover{
	color:#c00;
}


/* ---- adv box c */
#adv .kol4 a{
	height:121px;
	background:url(img/k4_uitgave.gif) top no-repeat;
}

#adv .kol4 a:hover{
	background:url(img/k4_uitgave_over.gif) top no-repeat;
}

#adv .kol4 a{
	display:block;
	height:121px;
}

#adv .kol5 hr{
margin:10px 0 20px 0;
}


#boek .kol5 {
	width:246px;
	margin:0 20px 0 0;
	border:1px solid #8d807e;
	padding:0px 20px 10px 20px;
}

/* ---- boek box c */
#boek .kol6 {
	width:246px;
	border:1px solid #8d807e;
	padding:20px 20px 20px 20px;
}



/* --- footer */
#footer {
	clear:both;
	text-align:right;
	height:20px;
}

#footer a{
	color:#8d807e;
	font-size:11px;
	font-style:italic;
	text-decoration:none;
}

#footer a:hover{
	color:#c00;
}