 
/*** VERDELING VAN DE BOXEN ***/

body{
background: olive;
margin: 0;
text-align: center;
font-size: 1em;
font-family: verdana, arial, sans-serif;
}

* html body{
background: olive;
margin: 0;
text-align: center;
font-size: 1em;
font-family: verdana, arial, sans-serif;
}


div#main_container{
width: 900px;
text-align: left;
margin: auto;
background: #ffffff url(../images/site/BACK.gif) repeat-y;
border: solid #ffffff;
border-width: 7px 7px 7px 7px;
}

* html div#main_container{
width: 900px;
text-align: left;
margin: auto;
background: #ffffff url(../images/site/BACK.gif) repeat-y;
border: solid #ffffff;
border-width: 7px 7px 7px 7px;
}


div#head{
background: transparent url(../images/site/HEADER.gif) top no-repeat;
width: 900px;
height: 172px;

}

div#navig{
background: transparent;
float: left;
width: 142px;
padding: 20px 0px 0px 0px;
}

* html div#navig{
background: transparent;
float: left;
width: 142px;
padding: 20px 0px 0px 0px;
}


div#text{
background: transparent url(../images/site/cirkelboek.gif) top left no-repeat;
float: left;
width: 613px;
padding: 30px 0px 0px 0px;
}

div#books{
background: transparent;
float: left;
width: 139px;
padding: 20px 0px 0px 0px;
}

div#footer{
	background: black;
	width: 900px;
	height: 20px;
	clear: both;

	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: 0.6em;
	padding: 5px 0px 0px 0px;
	}
/* div# {min-height: 400px;}*/
 
/*** OPMAAK tyopgrafisch***/

h1, h2, h3, h4, h5, h6, p {font-family: verdana, arial, sans-serif;}

p 	/* platte tekst Lilalein */
	{ 
	font-size: 0.7em;
	color: #4d1e65;
	padding: 0px 10px 0px 15px;
	line-height: 2.2em;
	text-align: justify;
	font-weight: normal;
	}

h1 	/* lijn*/
	{
	background:  transparent;
	border-style: solid none solid none;
	border-color: #8b9f32;
	border-width: 0px 0px 2px 0px;
	padding: 30px 0px 0px 15px;	
	text-decoration: none;
	font-weight: normal;
	color: olive;
	font-size: 0.8em;
	line-height: 2.5em;
	text-align: left;
	}

h2 	/* kleine tussenkoppen in de zijbalk navigatie*/
	{
	background:  transparent;
	border-style: none none solid none;
	border-color: #eadbf6;
	border-width: 0px 0px 1px 0px;
	padding: 0px 30px 0px 0px;	
	text-decoration: none;
	font-weight: bold;
	color: #5d167c;
	font-size: 0.7em;
	line-height: 2.5em;
	text-align: right;
	}


h3 	/*kleine tussenkoppen in de zijbalk aktiviteiten*/
	{
	background: #400b51;
	font-weight: normal;
	font-size: 0.7em;
	color: #ffffff;
	text-align: center;
	line-height: 1.4em;
	padding: 0px 0px 0px 0px;
	}

h4 	/*data*/
	{
	font-weight: normal;
	color: #330033;
	font-size: 0.6em;
	line-height: 1.4em;
	text-align: center;
	padding: 5px 0px 0px 0px;
	}

h5	/*specials tekst*/
	{
	color: green;
	font-size: 0.6em;
	font-weight: bold;
	}

h6 	/* kleine grijze lettertjes, data bericht etc*/
	{
	background: transparent;
	color: #666666;
	line-height: 0.5em;
	padding: 0px 0px 10px 15px;
	margin: 0px;
	font-size: 0.6em;
	font-weight: normal;
	}

a 	{
	color: #00a6e8;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	}

a:hover 	{
	color: #ef1b84;
	}

img {
	background: transparent;
	text-decoration: none;
	border: none;
	}


.boekinfo
	{ 
	font-size: 0.7em;
	color: #4d1e65;
	padding: 0px 10px 0px 15px;
	line-height: 1.5em;
	text-align: justify;
	font-weight: normal;
	}

.breadcrums
{ 
background: transparent; 
	color: olive;
	line-height: 0.5em;
	padding: 0px 5px 0px 195px;
	margin: 0px;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
}

.breadcrums a
{ background: transparent; 
	color: #00a6e8;
	line-height: 0.5em;
	padding: 0px 5px 0px 20px;
	margin: 0px;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
}

.breadcrums a:hover
{ 
background: transparent; 
	color: #ef1b84;
}

/* prijs TABEL */

table.boeken {
	background: transparent;
	border: 2px solid #ffffff;
	border-collapse: collapse;
	font-size: 0.7em;
	text-align: center;
	color: #4d1e65;
	margin: 0px 10px 45px 10px;
	padding: 10px;
}

.boeken  th {
	background: #dde2cc;
	font-weight: normal;

}

.boeken  td {
	background: transparent;
	border: 0px solid olive;
	text-align: center;
	color: #4d1e65;
	padding: 30px 15px 5px 20px;
}


/* NAVIGATIE BALK*/

#navigatie 
{
	list-style: none;
	margin: 0;
	padding: 5px 0px 5px 0px;
	border-style: none none none none;
	border-width: 0px 0px 2px 0px;
	border-color: olive;
}

#navigatie li
	{
	background: transparent;
	padding: 5px 10px 5px 0px;
	text-align: right;
	color: red;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;

	}

#navigatie a
	{
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-size: 0.7em;
	display: block;
	padding: 0px 0px 0px 0px;
	}

#navigatie li:hover
	{
	color: #00a6e8;

	}

#navigatie a:hover
	{
	color: #00a6e8;
	font-weight: normal;
	}


/* AKTIVITEITEN BALK*/

#aktie 
{
	list-style: none;
	margin: 0;
	padding: 4px;
}

#aktie li
	{
	background: transparent;
	border-style: solid none solid none;
	border-width: 0px 0px 2px 0px;
	border-color: #926fa2;
	padding: 1px 0px 0px 4px;
	text-align: center;
	}

#aktie a
	{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	font-size: 0.6em;
	display: block;
	padding: 0px 0px 5px 0px;
	}

#aktie a:hover
	{
	color: yellow;
	}
/* AKTIVITEITEN BALK einde */


/* FOTO KADER BALK*/
#fotokader 
{
	list-style: none;
	margin: 0;
	padding: 0px;
}
#fotokader.img {	
border-style: none none none none;
border-width: 2px 0px 0px 0px;}

#fotokader li
	{
	padding: 0px;
	text-align: center;

	}

/* EINDE FOTO KADER BALK*/

img.icon
{ 
border: solid 3px #ffffff;
float: left;
margin: 0px 10px 2px 0px;
}

img.fotomini
{ 
border: solid 2px #ffffff;
float: right;
margin: 3px 3px 3px 7px;
}

img.fotoboek
{ 
border: solid 0px #ffffff;
float: center;
}


img.fotominil
{ 
border: solid 2px #ffffff;
float: left;
margin: 3px 7px 3px 1px;
}

/* Specials BALK*/

#spec 
{
	list-style: none;
	margin: 0;
	padding: 4px;
}

#spec li
	{
	background: #A1AC7D;
	color: #ffffff;
	font-size: 0.8em;
	font-weight: normal;
	border-style: solid none solid none;
	border-width: 2px 0px 2px 0px;
	border-color: #330033;
	display: block;
	padding: 5px 5px 5px 5px;
	text-align: left;
	}

#spec a
	{
	color: #purple;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	font-size: 0.9em;
	}

#spec a:hover
	{
	color: yellow;
	}
/* Specials BALK einde */




