body {	color: #660000; background-color: #F0F0F0; background-image: url('../images/background.png'); background-repeat: repeat-x; margin: 0px 0px 0px 0px;  }

div {  font-family: Arial, Verdana; font-size: 9pt; line-height: 18px; color: #5A5A5A; }

#printfax { display: none; }

a img { border: 0px; }

#check { width: 100%; text-align: center; }

#wrap { text-align: left;  width: 780px; background: url(../images/mainbg.png) repeat-y center #fff; margin: 0 auto; border-left: 3px solid #fff; border-right: 3px solid #fff;  }

#header {  height: 160px; width: 100%;  background: #fff; text-align: center; }

#linksboven { float: left; width: 215px; height: 60px; background: #491965; } 

#navi { float: left; width:  100%;  height: 28px; background: url(../images/titlebg.png) repeat-x; border-top: 2px solid #000; border-bottom: 2px solid #000; } 

#cart { float: right; width: 78px; margin: -20px 5px 0 15px; color: #FFF; }
#cart img {vertical-align: top; }

#links { float: left; width: 215px; background: url(../images/left_bg.jpg) no-repeat left top #491965; } 

#rechts { float: left; width: 565px; background: url(../images/main_bg.jpg) repeat-y left top #fff; } 

#footer { margin: 0 auto; width: 786px; border-top: 4px solid #CA403A;   text-align: center; color: #CA403A; font-size: 8pt; padding-top: 3px; } 

#tekst { color: #491965; padding: 20px; width: 65%; text-align: justify; line-height: 20px; font-size: 9pt; }

.clearfix:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; } 

#navigatie {	margin: 1px 0px 0px 0px; padding: 0px;  line-height: 16px; font-size: 7pt; }
#navigatie li { list-style: none; padding: 2px 5px 3px 25px; color: #fff; border-bottom: 1px solid #7C419F; border-top: 1px solid #160023; background: url(../images/blokje.png) no-repeat left top #491965; ) font-size: 7pt; font-weight: bold;  }
#navigatie li:hover { background: url(../images/blokje.png) no-repeat left top #DCD4E3; ) }
#navigatie a { color: #fff; text-decoration: none; }
#navigatie a:hover { color: #ff0000; text-decoration: none; }

h1 {  color: #A0150F; font-size: 10pt; padding: 0px 0px 0px 0px; margin: 3px 0px 12px 0px; }
h2 {  color: #003EC4; font-size: 10pt; padding: 0px 0px 0px 17px; margin: 3px 0px 12px 0px; text-align: left; background: url(../images/logo_small.png) no-repeat; }
h3 {  color: #003EC4; font-size: 10pt; padding: 0px 0px 0px 0px; margin: 3px 0px 12px 0px; }

.afbeelding { margin:  10px 20px 10px 10px; }
.boxje { border: 0px solid #fff; }
.submit { float: right; margin-top: 3px; border: 1px solid #ccc; background: #0C0028; color: #ccc; } 
input.buttonbg-red{background: url('../images/buttonbg-red.gif'); color: white; font-size: 10px; width: 180px; height: 19px;  border: 0px; padding: 0; margin: 0; font-weight: bold; padding-bottom: 1px; cursor: pointer;}
input.buttonbg-grey{background: url('../images/buttonbg-grey.gif'); color: white; font-size: 10px; width: 180px; height: 19px;  border: 0px; padding: 0; margin: 0; font-weight: bold; padding-bottom: 1px; cursor: pointer;}

a image { border: 0px; }

form { padding: 0px; margin: 0px; } 
form.input { height: 10px; }
#betaalmogelijkheden { padding: 10px 3px 0 0; margin: 0 0 0 0; float: right; overflow: hidden; }

.login { width: 80px; }
textarea { border: 1px solid #CABDCF; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#header_left { float: left; width: 190px; text-align: left; border-right: 1px solid #ccc; }
#header_center { float: left; width: 405px; height: 100%; text-align: left; border-right: 1px solid #ccc;  }
#header_right { float: left; width: 183px; height: 100%; text-align: left; background: #0C0028; color: #eee; }

#content_left { float: left; width: 190px; text-align: left;  height: 100%; }
#content_center { float: left; width: 405px; text-align: left; border-right: 1px solid #ccc; border-left: 1px solid #ccc; height: 100%;  background: url(../images/mainbg.jpg) no-repeat; }
#content_right { float: left; width: 183px; text-align: left; height: 100%; }

#content_left #holder { text-align: left;  }

#main_content_center { float: left; width: 588px; text-align: left; border-left: 1px solid #ccc; height: 100%;  background: url(../images/mainbg.jpg) no-repeat; padding-bottom: 10px; }

#holder { padding: 15px; font-family: Arial, Verdana; font-size: 9pt; line-height: 18px; text-align: justify; color: #5A5A5A; }
#holder2 { padding: 6px 15px 15px 15px; font-family: Arial, Verdana; font-size: 9pt; line-height: 18px; text-align: justify; color: #5A5A5A; }

#langselect{
	margin-bottom: 3px;
}

#langselect a{
	color: #fff;
	font-size: 11px;
	margin: 0 5px 0 0;
	padding-left: 20px;
}
#langselect a#langnl{
	background-image: url(../images/nl.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}
#langselect a#langfr{
	background-image: url(../images/fr.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

#langselect a.highlight{
	color: #fff;
	text-decoration: underline;
}


#navi_left { padding: 0px; margin: 0px; list-style: none; }
#navi_left li { padding: 2px 2px 2px 15px; margin: 0px; list-style: none; text-align: left; border-bottom: 1px dashed #ccc; background: url(../images/arrow.png) no-repeat; }

#navi_text { padding: 0px; margin-left: 10px; list-style: none; }
#navi_text li { padding: 0px 0px 0px 20px; margin: 0px; list-style: none; background: url(../images/dot.png) no-repeat; }

#imageholder { padding: 5px; background: #fff; border: 1px solid #ccc; width: 135px; margin: 16px 6px 6px 6px; }

#field {  font-family: Arial, Verdana; font-size: 8pt; color: #ccc; float: left; width: 150px; } 
#prefield {  font-family: Arial, Verdana; font-size: 8pt; color: #ccc; float: left; width: 60px; } 

#form { color: #ccc; }
#login { border-bottom: 1px solid #ccc; font-weight: bold; margin: 0px 0px 5px 0px; font-size: 8pt; }

a { color: #990000; text-decoration: none; }
a:hover { color: #ff0000; text-decoration: underline; }
a:visited { color: #990000; text-decoration: none; }
a:visited:hover { color: #ff0000; text-decoration: underline; }

a.footer { color: #990000; text-decoration: none; font-size: 8pt; }
a.footer:hover { color: #ff0000; text-decoration: none; font-size: 8pt; }
a.footer:visited { color: #990000; text-decoration: none; font-size: 8pt; }
a.footer:visited:hover { color: #ff0000; text-decoration: none; font-size: 8pt; }

a.nav_cart { color: #FFFFFF; text-decoration: none; }
a.nav_cart:hover { color: #FFFFFF; text-decoration: none; }
a.nav_cart:visited { color: #FFFFFF; text-decoration: none; }
a.nav_cart:visited:hover { color: #FFFFFF; text-decoration: none; }

a.redline { color: #990000; text-decoration: underline; }
a.redline:hover { color: #FF0000; text-decoration: underline; }
a.redline:visited { color: #990000; text-decoration: underline; }
a.redline:visited:hover { color: #FF0000; text-decoration: underline; }

#testimonials { font-size: 8pt; padding: 5px; border: 1px solid #ccc; margin-top: 5px; }
#master { font-size: 8pt; }
#product { width: 44%; min-height: 170px; padding: 10px; margin: 5px; float: left; border: 1px solid #ccc; text-align: left; font-size: 8pt; }
#product_front { width: 247px; height: 200px; min-height: 200px; padding: 10px; margin: 7px 7px 0px 0px;  border: 1px solid #ccc; text-align: left; font-size: 8pt; background: #f5fdff; float: left; }

/* IMAGE GALLERY */
div.container {
  border: 1px solid #ccc;
  padding: 0px 0px 0px 10px;
  clear: both;
  background: #f5fdff;
  /* width: 525px; */
  }

div.spacer {
  clear: both;
  }

div.float {
  float: left;
  height: 130px;
  width: 120px;
  margin: 2px;
  padding: 10px;
  }
  
.float img { padding: 3px; border: 1px solid #CCC; margin: 0px 0px 5px 0px; clear:right; background: #FFFFFF; }
.img_content { padding: 3px; border: 1px solid #CCC; margin: 0px 5px 5px 0px; background: #FFFFFF;  }
.img_content_cat { padding: 3px; border: 1px solid #CCC; background: #FFFFFF; }

div.float_big {
  margin: 2px;
  text-align: left;
  line-height: 20px;
  padding: 10px;
  width: 480px;
  }
  
/*.float_big img { padding: 0px; border: 1px solid #CCC; margin: 0px 15px 5px 0px; clear:right; background: #FFFFFF; }*/

.product_left { float: left; width: 100px; padding: 0 0 0 0px; } 
.product { float: right; width: 300px; padding: 0 0 0 10px; } 
.product_noimage { float: left; } 
.product h2, h2.cat{ margin: 0 0 0 0; } 

.title { display: block; background: #DAD7D7; padding: 5px; width: 112px; }
a.title:link, a.title:visited, a.title:active { background: #DAD7D7; color: #000; text-decoration: none;}
a.title:hover { color: #FFF; background: #8A1E04; }

div.error {
  border: 1px solid red;
  background-color : #FFCCCC;
  width: auto;
  margin: 5px 0px 5px 0px;
  padding: 15px;  
  color: black;
}

/* DATATABLE */
table.datatable {
	padding: 0px;
	border-collapse: collapse;
	border: 1px solid #CCC;
	width: 100%;	
}

table.datatable td { padding: 5px; margin: 0; vertical-align: top; }
table.datatable tr.odd { background: #F7F7F7; }
table.datatable thead th { font-size:11px; font-weight: bold; background: #F7F7F7; margin: 0; padding: 3px; border: 1px solid #CCCCCC; }

/* { border: 1px solid #F00; } */

#holder table { border: 1px solid #ccc; }
#holder table td { border: 2px solid #fff; background: #f5fdff; color: #325b65; font-size: 9pt; }
#holder table td.bestel img { border: 0px; }

#holder table td.tablehead { background: #eee;  color: #747474; }

#schaduw { background: url(../images/shadow.gif) no-repeat; width: 247px; height: 7px; margin: 0px; padding: 0px; line-height: 0px; }

#banner_front { width: 513px; padding: 3px 10px;  margin: 0px 7px 5px 0px;  border: 2px solid #D20000; text-align: left;  float: left; font-weight:bold; font-size:14px; text-decoration: bold; color: #282828; }
#banner_front p{  padding: 0px;  margin:  0px;   }


/* leftcol jeroen */ 

h2#jeroenduvekot{
	margin: 20px 0 10px 0;
	padding-top: 10px;
	border-top: 1px solid #CCCCCC;
	background-position: 0px 10px;
}

img#leftcolimg{
	margin: 0px 0 0px 0;
	border: 1px solid #333;
}


/* demo pagina */

div.demoproduct{
	border: 1px solid #ccc;
	padding: 10px 10px 10px 10px;
	
	background: #f5fdff;
	margin: 10px 0 10px 0;
	min-height: 166px;
 } 
 
 * html div.demoproduct{
 	height: 166px;
 }
 
 div.demoproduct a img{
 	margin-right: 30px;
 	
 }

