html,body
{
	width: 100%;
	height: 100%;
	text-align:center;
	font:11px 'lucida sans unicode', 'lucida grande', verdana, tahoma, sans-serif;
	margin:0;
	padding:0;
	background: #fff;
}


a
{
	text-decoration:none;
	color: #113a62;
}

a:hover
{
	text-decoration:underline;
}

.clear
{
	clear:both;
	line-height:0;
}

h1,h2,h3,h4,h5,h6
{
	color:#369;
	margin:0;
	padding:0;
}


div#wrapper
{
	width:990px;
	text-align:left;
	margin:0 auto;
	background:url( ../images/design/background.jpg ) #c6d6e6 no-repeat bottom center;
}

.clearfix:after {
	content:".";
  	display:block;
  	height:0;
   	clear:both;
   	visibility:hidden;
 }
 
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

form
{
	margin:0px;
}

/** HEADER **/

div#top
{
	position:relative;
	background:url( ../images/design/top_bg.jpg ) repeat-x;
	height:84px;
	font-size: 10px;
}

div#top h1
{
	float:left;
	background:url( ../images/design/logo.jpg ) no-repeat;
	width:335px;
	height:100%;
	text-indent:-9999em;
	margin:0;
	padding:0;
}

div#top h1 a
{
	display:block;
	width: 100%;
	height: 100%;
}

div#top ul
{
	position:absolute;
	right:0;
	bottom:9px;
	list-style:none;
	margin:0;
	padding:0;
}

div#top li
{
	background:url( ../images/design/nav_left.gif ) no-repeat;
	float:left;
	height:23px;
	margin:0 5px 0 0;
}

div#top li a
{
	background:#bcbcbc url( ../images/design/nav_right.gif ) no-repeat top right;
	display:block;
	text-decoration:none;
	color:#fff;
	margin:0 0 0 5px;
	padding:6px 5px 3px 0;
}

div#top li.active
{
	background-image:url( ../images/design/nav_left_active.gif );
}

div#top li.active a
{
	background-color:#fff;
	background-image:url( ../images/design/nav_right_active.gif );
	color:#000;
}

/** NAV **/

div#nav
{
	float: left;
	background-color:#fff;
	height:700px;
}

div#nav ul#categories
{
	background:#265684 url( ../images/design/categories_bg.jpg ) no-repeat;
	width:210px;
	list-style:none;
	float:left;
	margin:0;
	padding: 54px 0 0 0;
}

div#nav ul ul {
	display: none;
}

div#nav .opened {
	display: block;
}

div#nav ul#categories li
{
	border-bottom:1px solid #4c79a6;
}

div#nav ul#categories a
{
	display:block;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:700;
	font-size:1.1em;
	padding:10px 0 5px 10px;
}

div#nav ul#categories li a.selected
{
	color: #18436d;
	background:url( ../images/design/nav_hover.gif ) #e4e4e4 repeat-x 0 0;
}



div#nav ul#categories li a.children
{
	color: #fff !important;
	background:url( ../images/design/nav_level1_selected.gif ) no-repeat 195px 17px;	
}

div#nav ul#categories li ul li a.children
{
	background:url( ../images/design/nav_level2_selected.gif ) no-repeat 195px 17px;	
}

div#nav ul#categories ul
{
	border-top:1px solid #4c79a6;
	background:#18436d url( ../images/design/nav_level1_bg.gif ) repeat-x;
	list-style:none;
	float:none;
	margin:0;
	padding:0;
}

div#nav ul#categories ul li
{
	border-top:1px solid #355a7f;
	border-bottom:0;
}

div#nav ul#categories ul li.first
{
	border:0;
}

div#nav ul#categories ul a
{
	background:none;
	display:block;
	color:#fff;
	text-decoration:none;
	text-transform:none;
	font-weight:400;
	font-size:1em;
	padding:10px 0 5px 25px;
}

div#nav ul#categories ul li.selected a
{
	background:url( ../images/design/nav_level2_selected.gif ) no-repeat 197px 17px;
}

div#nav ul#categories ul ul
{
	border:0;
	background:#0d3357 url( ../images/design/nav_level2_bg.gif ) repeat-x;
	list-style:none;
	float:none;
	margin:0;
	padding:0;
}

div#nav ul#categories ul ul li
{
	border-top:1px solid #1d4265;
	border-bottom:0;
}

div#nav ul#categories ul ul a
{
	display:block;
	color:#7a8ea2;
	text-decoration:none;
	padding:10px 0 5px 40px;
}

div#nav ul#categories li.top
{
	border:0;
	padding:40px 0 0;
}

div#nav ul#categories li.bottom
{
	background:url( ../images/design/categories_bottom.jpg ) no-repeat;
	height:30px;
	border:0;
	padding:0;
}

div#nav ul#categories a:hover,div#nav ul#categories ul a:hover,div#nav ul#categories ul ul a:hover
{
	text-decoration:underline;
}

div#nav ul#categories li.selected ul a,div#nav ul#categories ul li.selected ul a
{
	background:none;
}

/** CONTENT **/
div#home
{
	width:420px;
	float:left;
}

div#contentWrapper {
	background: url( ../images/design/content_top.gif ) transparent no-repeat 100% 0;
	margin-left: 9px;
}

#content {
	float: left;
	width: 670px;
	margin: 120px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
}

div#content h2
{
	font-size:1.5em;
	margin:0 0 8px;
}

div#content h3
{
	font-size:1.3em;
	margin:20px 0 8px;
}

div#content h4
{
	font-size:1.1em;
	margin:0;
}

div#content h6
{
	font-size:.9em;
	text-decoration:none;
	margin:0;
}

div#content p
{
	line-height:1.5em;
	margin:0 0 10px;
	padding:0;
}


div#content ul
{
	line-height:1.5em;
	list-style:none;
	margin:0;
	padding:0;
}

div#content li
{
	background:url( ../images/design/bullet_arrow.gif ) no-repeat 1px 5px;
	padding:0 0 0 10px;
}

div#content .item {
	width: 230px;
	height:135px;
	padding: 2px;
	zoom: 0;
	float: left;
	margin: 2px;
}


/** SIDEBAR **/
div#sidebar
{
	float:right;
	width:250px;
	position:relative;
}

div#sidebar h2
{
	color:#113a62;
	font-size:1.3em;
}

div#sidebar h3
{
	color:#113a62;
	font-size:1.2em;
}

div#sidebar img
{
	float:left;
	border: 0px;
}

/** ITEM **/
.item {
	background:#fff;
	border:1px solid #18436d;
	width: 230px;
	height:135px;
	padding: 7px;
}

.item div {
	width: 140px;
	float: right;
}


.item img {
	background: #fff;
	border: 1px solid #18436d;
	float:left;
	margin:4px;
}

.item p.price
{
	color:#113a62;
	font-weight:700;
}

.item .readmore
{
	display:block;
	background:url(../images/design/more_info.jpg) transparent no-repeat 100% 0;
	margin-top: 8px;
	padding: 3px 0 5px 0;
	width:137px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color:#fff;
}


#list {
	width: 720px;
}


div#search
{
	clear:both;
	background-color:#FFF;
	float:left;
	top:15px;
	position:relative;
}

input.form_submit,input.form_reset,input.submit,input.reset
{
	font:normal 1em Verdana, Georgia, Verdana, sans-serif;
	color:#3366b5;
	border:1px solid #3366b5;
	background-color:#eef;
	width:90px;
	height:17px;
	cursor:hand;
	padding:0px;
}

input.form_search
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:110px;
	border:1px solid;
	background-color:#eef;
	float:left;
	border-color:#369;
}

input.form_input
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:240px;
	border:1px solid;
	background-color:#eef;
	float:left;
	border-color:#369;
}

textarea.form_textarea
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:200px;
	height:150px;
	border:1px solid #369;
	background-color:#eef;
	float:left;
}

#price {
	background:url(../images/design/price_back_top.gif) transparent no-repeat 0 0;
	color: #b38c87;
	margin: 16px 0;
}

#price h3 {
	position: relative;
	top: 6px;
	color: #fff;
	padding: 10px 20px 0 20px !important;
	margin: 0 !important;
}

#price p {
	padding: 0 20px 20px 20px !important;
	margin: 0 !important;
	position: relative;
	top: 12px;
	background:url(../images/design/price_back_bottom.gif) transparent no-repeat 0 100%;
}

#price strong {
	color: #fff;
}

#boekdetail img {
	padding: 4px;
	border: 1px solid #000;
}

div#boekdetail{
	background: #fff;
	padding:10px;
	line-height:1.5em;
}

#links h2 {
	margin-top:16px;
}

/*/////// BOEKDETAIL BUTTON /////*/
div#boekdetail .button
	{
	background:url(../images/design/button_background.jpg);
	cursor:pointer;
	}

div#boekdetail .button .text
	{
	margin:5px 0px 0px 0px;
	}
div#boekdetail .button img
{
	padding:0px;
	border:0px;
}	
div#boekdetail .button img.right
{
	position:relative;
	right:-10px;
}
div#boekdetail .button select
	{
	margin:1px 5px 0px 5px;
}
/*/////// BOEKDETAIL BUTTON /////*/

/* Selectboxen voor datum */
select.form_date
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 21px;
	border: 1px solid #000000;

}

/* Selectbox voor zelf ingevoerde waarden */
select.form_select
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 21px;
	border: 1px solid #000000;
}

/* Selectbox voor zelf ingevoerde waarden, lijst met meerdere mogelijkheden */
select.form_list
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:250px;

}
.input.form_submit, .input.form_reset
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px outset; 
	cursor: hand; 	
	background-color: #006c78;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
}
input.form_input
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 300px;
	border: 1px solid; border-color: #1a588e;
	background-color:#eeeeff;
}

textarea.form_textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 300px;
	height: 150px;
	border: 1px solid #1a588e;
	background-color:#ffffff;
}

/* Radio buttons Ja/Nee */
radio.form_radio
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 21px;
	border: 1px solid #000000;

}

/* Selectbox voor tijd */
select.form_time
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 21px;
	border: 1px solid #000000;
}


/* Labels voor elk formulier veld */
td.tdFormText
{
	color: #444444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border:0px;
	width: 30%;
}
td.tdInput
{
	color: #444444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border:0px;
	width: 50%;
}

/* * als veld verplicht is */
span.verplicht
{
	color:#C71E42;
}

/* Error melding onder invoer veld als invoer verplicht is en formulier verzonden */
div.errormsg
{
	color:#C71E42;
}