body
{
	background: url(/images/bkg_body.jpg) repeat;
	
	font-family: Verdana, Arial, Georgia;
	font-size: 10px;
	color: #333333;
	
	margin: 0px;
	padding: 0px;
	
	text-align: center;
}

* {
	font-family: Verdana, Arial, Georgia;
}


p:first-letter
{
	/* De eerste letter van een paragraaf wordt vet gedrukt */
	font-weight: bold;
}

.book_information p:first-letter
{
	/* De eerste letter van een paragraaf wordt vet gedrukt van het blok waarin de boekinformtie staat*/
	font-weight: normal;

	/* De ruimte in en buiten dit blok is op null pixels gezet */
	padding: 0px;
	margin: 0px;
}


.book_information p font
{
	font-family: Verdana, Arial, Georgia;
	font-size: 12px;
}

div#page
{
	/* Dit blok geeft content weer. Het grote blok waarin ook de linkerkolom zit genaamd 'sub' */
	
	/* Dit is de lijn rond het blok*/
	border: 1px solid #5D254C;

	/* Achtergrond-kleur linkerkolom (dit omdat content een witte achtergrondkleur heeft)*/
	background-color: #45420E;

	/* ruimte vrijlaten tot de rand van binnenuit gemeten is 5 pixels*/	
	margin: 5px auto 0;

	/* Tekst wordt links uitgelijnd*/
	text-align: left;
	
	/* Het blok is 750 pixels breed*/
	width: 750px;
}

div#header h1
{
	display: none;
}

div#nav
{
	/* Horizontaal menu tonen ja/nee (niet tonen, wel tonen onderstaande lijn verwijderen*/
	display: none; 
	
	/* Horizontaal menu aan de bovenkant heeft een witte achtergrond (#ffffff)*/
	background: #FFFFFF;
}

ul#menu
{
	/* Horizontaal menu aan de bovenkant, item*/
	/* Achtergrond kleur*/
	background: #FFFFFF;
	
	/* Geen style element tonen*/
	list-style: none;
	
	/* Ruimte buiten item*/
	padding: 0px;
	padding-left: 10px;

	/* Binnenruimte item*/
	margin: 0px;	
	
	/* Alle items links aansluiten*/
	float: left;
}
ul#menu li
{
	/* Horizontaal menu aan de bovenkant, onderdeel*/
	float: left;
	padding: 4px;
	padding-right: 2px;
	padding-left: 2px;
	color: #990066;
}
ul#menu li a
{
	text-transform: uppercase;
}
ul#languages
{
	/* Horizontaal onderdeel voor talen selectie*/
	background: #FFFFFF;
	list-style: none;
	padding: 0px;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	float: right;	
}
ul#languages li
{
	/* Horizontaal onderdeel voor talen selectie, onderdeel*/
	float: left;
	padding: 0px 10px 0px 0px;
	color: #990066;
}

/* Alle linkjes binnen de site */
a
{
	/* Vet drukken */
	font-weight: bold;
}

a:link 
{
	/* Kleur link*/
	color: #45420E;
	
	/* Geen lijn onder het woord/link*/
	text-decoration: none;
}

a:visited 
{
	/* Links die reeds bezocht zijn*/
	color: #45420E;
	text-decoration: none;
}

a:hover 
{
	/* Links waar de muis overheen beweegt*/
	text-decoration: none;
	color: #999999;
}

a:active 
{
	/* Link die nu actief is in de brower */
	text-decoration: none;
	color: #45420E;
}

div.content_hr
{
	/* Standaard horizontale lijn bovenaan de pagina*/
	/* Uitzetten in dit geval*/
	display:none;
	
	background: url(../images/content_hr.jpg) no-repeat;
	height: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px none;

	clear: both;
}

div#content
{

}

div#sub
{
	/* Linkerkolom */
	/* breedte */
	width: 202px;
	
	/* ruimte tot de rand van binnen uit gemeten */
	padding: 7px 4px 4px 4px;
	
	float: left;
	clear: both;
}

div#sub
{
	/* Tekstkleur linkerkolom */
	color: #F2DAEA;
}

div#sub span
{
	/* Titels binnen de linkerkolom */
	text-align: center;
	display: block;
}

div#sub form select
{
	/* Dropdownmenu voor de selectie van boeken */
	background: #F2DAEA;
	font-weight: bold;
	color: #333333;
	font-size: 10px;
}

div#sub table
{
	display: none;
}

div#main
{
	/* Rechterkolom, waar alle content wordt getoond */
	/* (wit)Ruimte tot de rand vanuit binnenuit gezien */
	padding: 7px 0px 4px 7px;
	
	/* Achtergrondkleur */
	background: #FFF;
	
	float: left;
	
	/* Breedte */
	width: 533px;
}

div#main
{
	/* Lettergrote in pixels */
	font-size: 13px;
}

div#main strong
{
	/* Vetgedrukt kleur los (alleen binnen rechterkolom main) */
	color: #45420E;
}

div#main p strong
{
	/* Vetgedrukt kleur binnen paragraaf(alleen binnen rechterkolom main) */
	color: #333333;
}

div#main div#rubrieken_container
{
	/* Blok rubrieken op de frontpage */
	background: url(../images/bkg_home_rubrieken.jpg) no-repeat;
	display: block;
	height: 300px;
	width: 520px;
}

div#text_container
{
	/* Blok rubrieken, De titels voor de rubrieken*/
	margin: 42px 0px 0px 0px;
	border: 0px none;
	display: block;
	width: 155px;
	padding: 0px 0px 0px 5px; 
	position: absolute;
}

div.rubriek
{
	/* Blok rubrieken, De teksten voor de rubrieken*/
	/* Standaard worden deze niet getoond, alleen door muisactie*/
	border: 0px none;
	display: block;
	
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 200px;
	position: absolute;
	width: 320px;
	
	display: none;
}

div.rubriek_show
{
	/* Tonen tekst rubriek na muisactie*/
	border: 0px none;
	display: block;
	
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 195px;
	position: absolute;
	width: 300px;
}

div.rubriek img
{
	display: block;
}



span.small_head
{
	color: #999999;
	font-size: 10px;
	font-weight: bold;
}

ul#rubrieken_list
{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	line-height: 20px;
}

ul#rubrieken_list li a
{
	color: #333333;
}
ul#rubrieken_list li a:hover
{
	color: #999999;
}


div.home_block
{
	/* Blok met actieboek en laatst verschenen*/
	background: url(../images/bkg_block.jpg) no-repeat;
	width: 245px;
	float: left;
	position: relative;
	display: block;
	height: 195px;
	
}

div.home_block
{
	/* Blok met actieboek en laatst verschenen*/
	font-size: 10px;
	padding: 5px 10px 5px 10px;;
}

div#main div.home_block strong.block_head
{
	/* Titel binnen home_block*/
	text-align: center;
	margin-left: 35px;
	
	color: #333333;
	display: block;
	width: 170px;
}

div#main div.home_block table td strong
{
	text-align: left;
	color: #C80065;
	display: inline;
	margin: 0px;
	width: inherit;
}


div#main div.home_block img
{
	/* Lijn om image/cover bij home_block*/
	border: 1px solid #990166;
}



div.boek_block
{
	/* Block wat wordt gebruikt voor het tonen van de boeken*/
	/* Rand om blok (breedte, lijn, kleur) */
	border: 1px solid #000000;
	
	/* Witruimte aan de buitenkant van het blok (rechts) */
	margin-right: 5px;
	
	/* breedte blok in pixels */
	width: 238px;
	
	/* Blokken naast elkaar en onder elkaar tonen */
	float: left;
	position: relative;
	display: block;

	/* hoogte blok */
	height: 195px;	
}

div.boek_block
{
	/* Lettertype en witruimte binnen boek_block */
	font-size: 10px;
	padding: 5px 10px 5px 10px;;
}

div.boek_block table td img
{
	/* Lijn om image/cover bij boek_block*/
	border: 1px solid #990166;
}

div#main div.boek_block strong
{
	/* Titel binnen boek_block*/
	text-align: center;
	margin-left: 35px;
	text-transform: uppercase;
	color: #BF0533;
	display: block;
	width: 170px;
}

table.book_information
{
}

td.book_information_split
{
	height: 15px;
	background: #F2F2F2;
}

table.book_personal_form
{
}

.book_personal_form p:first-letter
{
	font-weight: normal;
	padding: 0px;

	margin: 0px;

}


.book_personal_form p font
{
	font-family: Verdana, Arial, Georgia;
	font-size: 12px;

}

table.book_personal_form td span
{
	font-size: 10px;

}

td input.text_input
{
	width: 230px;
}

input.error
{
	border: 2px solid #F00;
}


div.conditionsofuse
{
	text-align: justify;
	padding-right: 5px;
}

body div#main div.conditionsofuse strong
{
	color: #333333;
}

div#local
{
	clear: both;
}

div#footer
{
	/* Onderkant website */
	border-top: 1px solid #5D254C;
	background: #CCCCCC;
	clear: both;
	padding: 2px;
	text-align: center;
}

div.error
{
	/* Errormelding bij fout bij bestellen */
	padding: 5px;
	background: #FA8E8E;
	border: 1px solid #F00;
	margin-bottom: 10px;
	margin-right: 10px;
	display: block;

}

div.correct
{
	/* Succesmelding bij bestelling*/
	padding: 5px;
	background: #B0FFB3;
	border: 1px solid #00FF22;
	margin-bottom: 10px;
	margin-right: 10px;
	display: block;
}
