html, body {
	padding: 0px;
	margin: 0px;
	height: 100%;
} /* code voor 100% hoogte */

body.normal {
  background: url("../gfx/bgs/main.jpg") top center repeat-y;
  background-color: rgb(213,217,225);
  font-family: "verdana", arial, helvetica, tahoma;
  font-style: normal;
  font-size: 9pt;
  color:#494949;
}

body.splash {
  background:url('../gfx/bgs/splash.jpg') repeat-y top center rgb(213,217,225);; 
  font-family: "verdana", arial, helvetica, tahoma;
  font-style: normal;
  font-size: 9pt;
  color:#494949;
}

body.mailafriend {
  padding: 10px;
  margin: 10px;
  background-color: rgb(213,217,225);
  font-family: "verdana", arial, helvetica, tahoma;
  font-style: normal;
  font-size: 9pt;
  color:#494949;
}


/*
 * -------------------------------------------------------------
 * div containers
 * -------------------------------------------------------------
 *
 */

/*
 * Containers within body:
 *   -  main container: container, aligned at page centre
 * The following containers live inside main: 
 *   -  header container
 *   -  menu container, which lives inside the header
 *   -  content container
 *
*/
 
  
#main {							/* main container div */	
  display: block;
  position: relative;
  width: 850px;
  margin: 0px auto 0px auto;	/* aligns main div at page centre */
  padding: 0px 0px 0px 1px;
  min-height: 100%;
}

#header {						/* the header div contains an image and the menu div */	
  display: block;
  clear: both;
  width: 100%;
  height: 172px;
}

#menu {
  display: block;
  clear: both;
  width: 100%;
  height: 42px;
  font-size: 9pt;
  line-height:12pt;
}


#content {
  display: block;
  clear: both;
  width: 810px;
  padding: 5px 20px 10px 20px;
  /*text-align: left;*/
}



/* begin splash page only */

#content #splashbox {
  font-size: 0pt;				/* fixes layout problem at splash page */
}

#content #payment {
  position: relative;
  width: 750px;
  margin: 50px auto 20px auto;
  text-align: center;
}

#content #payment img {
  border: 0px;
}

/* end splash page only */





#content_order {
  clear: both;
  width: 810px;
  padding: 5px 20px 10px 20px;
  text-align: left;
}


#content_left{
  float: left;
  width: 75%;
  padding: 0px;
  text-align: left;
}

#content_right{
  float: right;
  width: 24%;
  padding: 0px;
}

#product_img{
  float: right;
  width: 390px;
  padding: 0px;
  text-align: left;
}

#product_txt{
  float: left;
  width: 200px;
  padding: 15px 0px 0px 0px;
  text-align: left;
}


/*
 *
 *  Sub containers within Menu
 *
 */

/*  div for menu-item "home" */

#home {
  clear: both;
  width: 100%;
  height: 18px;
  /*background-color: rgb(255,255,255);*/
  border-bottom: 1px solid;
  border-color: black;
  margin: 0px;
}

#home a, #home a:visited {
  font-weight: bold;
  color: rgb(45,64,107);
  text-decoration: none;
  margin: 0px 1px 1px 20px;
}

#home a:hover {
  font-weight: bolder;
  color:#687BA8;
  text-decoration: none;
  margin: 0px 1px 1px 20px;
}


/*  div for menu-items */

#submenu {
  clear: both;
  width: 100%;
  height: 18px;
  /*background-color: rgb(255,255,255);*/
  margin: 0px;
}

#submenu a.menu, #submenu a.menu:visited {
  font-weight: bold;
  color: rgb(45,64,107);
  text-decoration: none;
  margin: 0px 1px 1px 20px;
}

#submenu a.menu:hover {
  font-weight: bolder;
  color:#687BA8;
  text-decoration: none;
  margin: 0px 1px 1px 20px;
}

#submenu a.pink {
  font-weight: bold;
  color: rgb(255,57,93);
  text-decoration: none;
  margin: 0px 1px 1px 20px;
}

#submenu a.pink:hover {
  font-weight: bolder;
  color:#687BA8;
  text-decoration: none;
  margin: 0px 1px 1px 20px;
}



/*
 * -------------------------------------------------------------
 * content lay out
 * -------------------------------------------------------------
 *
 */



h1, h2, h3, p, ul.left, ul.right, h2roze, .splash_entershop {
 font-family: "verdana", arial, helvetica, tahoma;
}

h1 {
 font-size: 16pt;
 font-weight: bold;
 margin-bottom: -2px;

}

h2 {
 font-size: 12pt;
 font-weight: bold;
}

h3 {
 font-size: 10pt;
 font-weight: bold;
}

td
{
	font-size:8pt;
	vertical-align:top;
}

.h2roze {
 font-size: 12pt;
 font-weight: bold;
 color:#FF395D;
 padding-bottom:10px;
}

.h2roze a {
  font-weight: bolder;
  color:#FF395D;
}

.splash_entershop
{
 font-size: 10pt;
 font-weight: bold;
}

.h2 {
 font-size: 12pt;
 font-weight: bold;
 margin-bottom:5px;
}


p {
 font-size: 8pt;
 line-height:13pt;
 font-style: normal;
 display: block;
 width: 600px;
 text-align: justify;
 clear: both;
}

ul.inParagraph {
 font-size: 8pt;
 line-height:13pt;
 font-style: normal;
 display: block;
 width: 560px;
 text-align: justify;
 clear: both;
}

ul.left {
 font-size: 8pt;
 line-height:13pt;
 font-style: normal;
 float: left;
 width: 200px;
 margin-left: 20px;
 list-style-type: disc;
}

ul.right {
 font-size: 8pt;
 line-height:13pt;
 font-style: normal;
 float: right;
 width: 200px;
 margin-right: 20px;
 list-style-type: disc;
}

p a, a{
	color:#687BA8;
	text-decoration:none;
}

p a:hover, a:hover{
	text-decoration:underline;
}

div.location
{
	font-size:7pt;
}

div#searchbox{
  font-size:8pt;
  width: 150px;
  margin-left:15px;
  padding: 10px 10px 10px 10px;
  background: url('../gfx/bgs/box.jpg') no-repeat rgb(255,255,255);
  border: 1px dotted rgb(46,64,107);
}

div#searchbox_roze{
  font-size:8pt;
  width: 150px;
  display: block;
  margin-left:15px;
  padding: 10px 10px 10px 10px;
  background: url('../gfx/bgs/box-roze.jpg') rgb(255,255,255);
  border: 1px dotted rgb(255,57,93);
}

div#footer
{
    position: relative;
    width:790px;
    display: block;
    text-align: center;
    height: 40px;
    margin:20px 0 0;
    clear: both;
}

div#dsj
{
	position:relative;
	width:790px;
	height:20px;
	clear: both;
	display:block;
	font-size:9pt;
	font-family:calibri,verdana,arial,helvetica;
	font-style: normal;
	text-align:center;
	color: #E0E0E0;
}

div#dsj a{
	color:#E0E0E0;
	text-decoration:none;
}

div#dsj a:hover{
	color:#FF8000;
	text-decoration:underline;
}


hr
{
	border:0;
	color:rgb(213,217,225);
	background-color:rgb(213,217,225);
	height:1px;
}

.light_blue
{
	color:#687BA8;
}

/*
 * -------------------------------------------------------------
 * tables
 * -------------------------------------------------------------
 */


table.order_form
{
	table-layout: auto;
	width:100%;
}

table.order_form th
{
	background-color:rgb(213,217,225);
}

table.order_form tr:hover
{
	background-color:rgb(213,217,225);
}

/*
 * -------------------------------------------------------------
 * forms
 * -------------------------------------------------------------
 */

 #searchbox input
 {
	font-size: 9pt;
	width:145px;
	padding:2px;
 }

 #searchbox select
 {
	font-size: 9pt;
	width:145px;
	padding:2px;
 }

 input.orderField, textarea.orderField
 {
	padding:2px;
	background-color:#F9FAFB;
	border:1px solid #2e406b;
 }

 input.fieldOk, textarea.fieldOk
 {
	padding:2px;
	background-color:#E1FFC4;
	border:1px solid #33CC00;
 }

 input.fieldError
 {
	padding:2px;
	background-color:#FFD7D8;
	border:1px solid #ff0000;
 }

 input.bestelknop
 {
	font-size: 12pt;
	font-weight:bold;
	font-family:verdana,arial,tahoma;
	color:rgb(46,64,107);
	padding:5px 0px 5px 0px;
	width:200px;
	background:url('../gfx/bgs/box.jpg');
 }

 input.bestelknop2
 {
	font-size: 12pt;
	font-weight:bold;
	font-family:verdana,arial,tahoma;
	color:rgb(46,64,107);
	padding:5px 0px 5px 0px;
	background:url('../gfx/bgs/box.jpg');
 }

/*
 * -------------------------------------------------------------
 * shopping cart table divs
 * -------------------------------------------------------------
 */

div.cart_table 
{
	display:  table;
	table-layout: fixed;
	width:800px;
	font-size:8pt;
	vertical-align:top;
}
div.cart_cellhead1
{
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:28px;
	background-color:rgb(213,217,225);
	padding:3px;
	margin:0 1px 1px 0;
	font-weight:bold;
}
div.cart_cellhead2
{
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:56px;
	background-color:rgb(213,217,225);
	padding:3px;
	margin:0 1px 1px 0;
	font-weight:bold;
}
div.cart_cellhead3
{
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:84px;
	background-color:rgb(213,217,225);
	padding:3px;
	margin:0 1px 1px 0;
	font-weight:bold;
}
div.cart_cellhead4
{
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:100px;
	background-color:rgb(213,217,225);
	padding:3px;
	margin:0 1px 1px 0;
	font-weight:bold;
}

div.cart_cell1
{
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:28px;
	padding:3px;
	margin:0 1px 1px 0;
}
div.cart_cell2
{
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:56px;
	padding:3px;
	margin:0 1px 1px 0;
}
div.cart_cell3
{
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:84px;
	padding:3px;
	margin:0 1px 1px 0;
}
div.cart_cell4
{
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:100px;
	padding:3px;
	margin:0 1px 1px 0;
}
div.cart_cell9
{
	float:left;/*fix for  buggy browsers*/
	text-align:right;
	display:  table-cell;
	width:634px;
	padding:3px;
	margin:0 1px 1px 0;
}
div.cart_row  
{
	display:  table-row;
	width:800px;
	background-color:#ffffff;
}

div.cart_row:hover
{
	background-color:rgb(213,217,225);
}

/*
 * -------------------------------------------------------------
 * thumbnail mouse-over
 * -------------------------------------------------------------
 */


div.thumbnail_container {
/*	display: table-cell; */
	vertical-align:	middle;
	width:127px; /* 125px img + 2 * 1px border */
	height:152px;
	border: 0px;
	padding:0px;
	margin-bottom:5px;
	margin-top:20px;
}

div.thumbnail_container img {
	padding:0px;
	border: 1px solid #d5d9e1;
	width:125px;
	height:125px;
}

div.thumbnail_container img:hover {
	padding:0px;
	border: 1px solid #2e406b;
	width:125px;
	height:125px;
}

div.thumbnail_caption
{
	width: 127px;
	height: 25px;
	padding: 1px;
	border: 0px;
	text-align: left;
}


div.prodInfoDiv
{
	position:absolute;
	z-index:9999;
	display:none;
	width:200px;
	height:55px;
	font-size:8pt;
	padding:10px;
	border: 1px solid rgb(46,64,107);
	background: url('../gfx/bgs/box.jpg') rgb(213,217,225);
	filter:Alpha(opacity=90);
	-moz-opacity:0.9;
}


/*
div.thumbcontainer:hover {
	display: table-cell;
	text-align :center;
	vertical-align: middle;
	width:125px;
	height:125px;
	border:1px solid #9FA8BB;
	padding:0px;
}
*/