*{
	padding: 0px;
	margin: 0px;
}

body{
	font-family: arial;
	font-size: 11px;
	line-height: 22px;
	background-attachment: fixed;
	background-position: top left;
}

div#wrapper{
	position: relative;
	margin: 0 auto 0;
	width: 100%;
	background: url('../template/wrapper.png') repeat-y;
}

h1 
{
font-size: 16px;
}



div#header{
background:#fefeff;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 100%;
}

div#container{
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	height: 100%;
}

div#outer_menu{
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	float: left;
	height: 33px;
	width: 100%;
	z-index: 1;
	background: url('../template/background_menu.png') repeat-x;
}

div#menu{
	position: relative;
	float: left;
	width: 67%;
	height: 100%;
}

div#menu ul {
	position: relative;
	margin-top: 5px;
}

div#menu ul li{
	float: left;
	list-style: none;
	border-right: 2px solid #d8e4ec;
}

div#menu ul li a{
	margin-left: 20px;
	margin-right: 20px;
}

div#menu_bg{
	position:absolute;
	left: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;	
	height: 33px;
	z-index: 0;
}

div#menu_bg div{
	overflow: hidden;
	height:1px;
}

div#menu_bg .menu_pix1
{
	margin: 0px;
	height: 33px;
}

div#searchbox{
position: relative;
	float: right;
	height: 100%;
	width: 33%;
	z-index: 1;
text-align:right;
}

div#language{
	float:right;
	position: absolute;
	top: 1px;
	left: 93%;
}

div#language img{
	width: 16px;
	height: 11px
}

/*
**
	Left column
**
*/

div#column_left{

	position: relative;
	margin-top: 10px;
	margin-left:0.5%;	
	float: left;
	height: 100%;
	width: 16%;
}

/*
**
	Right column
**
*/

div#column_right{
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left:0%;
	height: 100%;
	width: 0%;
}

/*
**
	Content
**
*/

div#error_message{
	font-weight: bold;
	color: #ff0000;
}

div#content{
	position: relative;
	float: right;
	padding: 0px;
	margin-top: 10px;
	margin-left: 0.5%;
	width: 82.5%;
}

/*
//
//	Boxen
//
*/



div.box{
	position: relative;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
}


div.boxcart{
        position: relative;
        margin-bottom: 5px;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
}

div.box_top{

	position: absolute;
	height: 25px;
	width: 100%;
	background: url('../template/menu/box_top.png') repeat-x;
	z-index: 1;
}

div.box_content{

	position: relative;
	padding: 0px;
	width: 100%;
}

div.box_content ul li{
	list-style: none;
}

div.box_content img{
	max-width: 100%px;
}

div.box_top_bg{
	position:absolute;
	height: 25px;
	width: 100%;
	z-index: 0;
}

div.box_top_bg div{
	overflow: hidden;
	height:1px;
}

div.box_top_bg .box_top_pix1
{
	margin: 0px;
	height: 25px;
}

/*
**
	Clear
**
*/

div.clear{
	clear: both;
}

/*
**
	Footer
**
*/

div#footer_top{
	position: relative;
	margin-left: 1%;
	margin-right: 1%;	
	height: 15px;
	width: 98%;
	clear: both;
}

div#footer{
	position: relative;
	margin-top: 5px;
}

/*
**
	includes/header.php
**
*/

div#breadcrums{
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	height: 22px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 1;
	background: url('../template/menu/box_top.png') repeat-x; 
}

div#breadcrums_bg{
	position:absolute;
	top: 0px;
	margin-left: 0px;
	margin-right: 0px;	
	width: 100%;	
	height: 26px;
	z-index: 0;
}

div#breadcrums_bg div{
	overflow: hidden;
	height:1px;
}

div#breadcrums_bg .breadcrums_pix1
{
	margin: 0px;
	height: 26px;
}

/*
**
	sitemap.php
**
*/

div.sitemap{
	position: relative;
	float: left;
	width: 160px;
}

div.sitemap ul{
	padding-left: 10px;
	margin-bottom: 10px;
}

div.sitemap ul li{
	list-style-image: url('../template/menu/categorieHeading.png');
}

/*
**
	product_info.php
**
*/

div#productinfo{
	position: relative;
	height: 100%;
}

div#productinfo_imagecontainer{
	position: relative;
	float: left;
	height: 100%;
	width: 225px;
	text-align: center;
	z-index: 1;

}

div#productinfo_textblock{
	position: relative;
	float: left;
	margin-left: 5px;
	width: 535px;
}

div#productinfo_name{
	position: relative;
}

div#productinfo_ean{
	position: relative;
}

div#productinfo_packingunit{
	position: relative;
}

div#productinfo_pdf{
	position: relative;
}

div#productinfo_pdf img{
	position: relative;
	top: 4px;
}

div#productinfo_rohs{
	position: relative;
}

div#productinfo_price{
	position: relative;
	margin-top: 5px;
}

div#productinfo_description{
	position: relative;
	margin-top: 5px;
	padding: 5px;
}

div#productinfo_description ul{
	margin-left: 25px;
}

div#productinfo_extra{
	position: relative;
	margin-top: 5px;
	padding: 5px;
}

div#productinfo_extra ul{
	margin-left: 25px;
}

div#productinfo_reviews{
	position: relative;
	margin-top: 5px;
	padding: 5px;
}

div#productinfo_website {
	position: relative;
	margin-top: 5px;
}

div#productinfo_dateavailable {
	position: relative;
	padding: 5px;
	font-size: 10px;
	color: #ff0000;
	background: #f2f2f2;
	border: 1px solid #999;
}

div#productinfo_bestelknop {
	position: relative;
	margin-top: 5px;
}

div#productinfo_options{
	position: relative;
	margin-top: 5px;
	padding: 5px;
}

div#productinfo_quantity{
	position: relative;
	margin-top: 5px;
	padding: 5px;
}

div#productinfo_quantity img{
	position: relative;
	top: 4px;
	margin-right: 5px;
}

div#productinfo_previous_next{
	position: relative;
	margin-bottom: 10px;
	clear: both;
}

/*
**
**		Slideshow product_info.php
**
*/
 
div#dhtmlgoodies_slideshow{
	position: relative;
	width: 225px;
}

div#previewPane{
	position: relative;
	height: 100%;
}

div#galleryContainer{
	position: relative;
	padding: 5px;
	overflow: hidden;
	height: 105px;
}

div#arrow_left{
	position:absolute;
	left:0px;
	z-index:10;
	width: 40px;	
	height: 110px;
	background: #fff;	
}

div#arrow_right{
	position:absolute;
	right: 0px;
	z-index:10;
	width: 40px;
	height: 110px;
	background: #fff;	
}

div#galleryContainer #theImages{
	position: relative;
	left: 40px;	
	width: 500%;
}

div#galleryContainer #theImages img{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer;
	max-height: 100px;
}

div#theImages #slideEnd{
	float:left;
}

div.imageCaption{
	position: relative;
}

div#vergroten{
	text-align: center;
}

/*
**
**		producten product_listing.php
**
*/


div.bestelfield{
	position: relative;
	float: left;
	padding-top:2px;
	padding-right:2px;
}

div.bestelbut{
	position: relative;
	float: left;
}

div.productcol{
	position: relative;
	margin-bottom: 7px;
	margin-left: 0px;
	float: left;
	width: 15.9%;
	margin-left:0.5%;
	height:250px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

div.product{
	position: relative;
	margin-bottom: 7px;
	margin-left: 0px;
	float: left;
	width: 90%;
	min-height: 215px;
	height: 100%;
}

div.product_content{
	position: relative;
	height: 100%;
	width: 100%;
}

div.product_content2{
	position: relative;
	height: 100%;
	width: 100%;
	border-right: 2px solid #eee;
	border-bottom: 2px solid #eee;
}

div.product_name{
	position: relative;
	float: left;
	margin-left: 5px;
	width: 100%;
	z-index: 1;
}

div.product_name h1{
	font-size: 12px;
}

div.product_name2 h1{
	font-size: 14px;
}

div.product_manufacturer{
	position: relative;
	float: left;
	margin-left: 5px;
	width: 765px;
	z-index: 1;
}

div.product_imagecontainer{
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	float: left;
	width: 100%;
	height: 150px;
	text-align: center;
}

div.product_imagecontainer img{
	max-width: 150px;
	max-height: 150px;
}
div.product_listing_top{
background:#33cc00;        
color:#ffffff;
position: relative;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        float: left;
        width: 98.5%;
padding-left:20px;
}

div.product_listing_links{
        position: relative;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        float: left;
        width: 30%;
}

div.product_listing_linkscol{
        position: relative;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        float: left;
        width: 100%;
}
div.product_listing_rechts{
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	float: left;
	width: 70%;
}

div.product_listing_rechtscol{
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	float: left;
	width: 98%;
	padding:5px;
}

div.product_listing_rechtscol a{
	text-decoration: none;
}

div.product_listing_rechtscol a:hover{
	text-decoration: underline;
}

div.product_name2{
	position: relative;
	width: 100%;
}

div.product_desc{
    position: relative;
    float: left;
	width: 500px;
	text-align: justify;
}

div.product_desc img{
	position: relative;
	top: 3px;
}

div.product_listing_price
{
position: relative;
        float: left;
width: 100%;
}
div.product_listing_staffel
{
position: relative;
        float: left;
width: 100%;
}
div.product_listing_staffelsub
{
position: relative;
        float: left;
width: 30%;
}

div.buy{
        position: relative;
        float: left;
width: 100%;
}


div.product_price{
	position: relative;
	float: left;
	text-align: left;
	width: 765px;
}

div.product_buttons{
	position: relative;
	float: left;
	margin: 5px;
	width: 765px;
}

img.info{
	position: relative;
	margin-bottom: 2px;
}

/*
//
//	Layout product listing	
//
*/

div.product_top_bg{
	position:absolute;
	width: 100%;
	z-index: 0;
}

div.product_top_bg div{
	overflow: hidden;
	height:1px;
}

div.product_top .product_top_pix1
{
	margin:0 2px;
}

div.product_top .product_top_pix2
{
	margin:0 1px;
}

div.product_top .product_top_pix3
{
	margin:0;
	height: 3px;
}

div.product_bottom_bg{
	position:absolute;
	width: 100%;
	z-index: 0;
}

div.product_bottom_bg div{
	overflow: hidden;
	height:1px;
}

div.product_bottom .product_bottom_pix3
{
	margin:0 2px;
}

div.product_bottom .product_bottom_pix2
{
	margin:0 1px;
}

div.product_bottom .product_bottom_pix1
{
	margin:0;
	height: 3px;
}


/*
**
**		producten product_listing_col.php
**
*/

div.productscol{
background:#ff0000;
        position: relative;
        margin-bottom: 3px;
        float: left;
        width: 20%;
}


div.products{
	position: relative;
	margin-bottom: 3px;
	float: left;
	width: 254px;
}

div.products_content{

	position: relative;
	height: 100%;
	width: 100%;
}

div.products_name{
	position: relative;
	height: 25px;	
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	width: 100%;
	z-index: 1;
}

div.products_name h1{
	font-size: 17px;
}

div.products_manufacturer{
	position: relative;
	float: left;
	height: 22px;
	margin-left: 5px;
	margin-right: 5px;
	width: 244px;
	z-index: 1;
}

div.products_imagecontainer{
	position: relative;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	float: left;
	width: 120px;
	height: 120px;
	text-align: center;
}

div.products_imagecontainer img{
	max-width: 120px;
	max-height: 120px;
}

div.products_price{
	position: relative;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	height: 50px;
	width: 115px;
	text-align: center;
}

div.products_buttons{
	position: relative;
	float: left;
	width: 117px;
	text-align: center;
}

/*
**
**		categorie
**
*/

div.categories {
	position: relative;
	margin-top: 5px;
	float: left;	
	height: 100%;
	width: 100%px;
}

div.categories_imagecontainer {
	position: relative;
	margin-top: 5px;
	width: 187px;
	height: 187px;
	max-height: 150px;	
	text-align: center;
}

div.categories_imagecontainer img{
	max-width: 150px;
	max-height: 150px;
}

div.categories_name {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
}

div.categories_info img {
	max-width: 772px;
}

/*
**
	Main page
**
*/

div#mainpage img{
width:400px;
}

/*
**
**		Aanbevolen en alternatieve artikelen
**
*/

div.other{
	position: relative;
	clear: both;
}


/*
**		Kleuren en grootte
**		Headings
**
*/
div.categories_name a{
	text-decoration: none;
}

div#breadcrums a{
	font-weight: bold;
	text-decoration: none;	
}

div#breadcrums a:hover{
	text-decoration: underline;
}

div#menu a{
	font-weight: bold;
	text-decoration: none;
}

div.divactive{
background:#e5dcdc;
}


div#menulinks h2,
div#menurechts h2,
div#content h2{
	font-size: 11px;
}

div#searchbox .zoeken{
	position: relative;
	margin-top: 8px;
}

div#searchbox .zoekenimg{
	position: relative;
	margin-top: 8px;
	margin-right: 5px;
}

div.box input.zoekenimg{
	position: relative;
	top: 0px;
}

div.box_top h1{
	position: relative;
	margin-left: 15px;
	margin-top: 2px;
	font-size: 12px;
}

div.box_content a{
	text-decoration: none;
}

div.boxen_schaduw_boven{
	height: 25px;
}

div.spacer1{
	left: 3px;
}

div.spacer2{
	left: 6px;
}

div.products_name h1 a,
div.product_name h1 a{
	font-size: 12px;
	text-decoration: none;
}

.search_result_link {
	color: blue;
}

div.products_name h1 img{
	position: relative;
	top: 2px;
	margin-right: 5px;
}

div#normalPrice{
	font-weight: bold;
	font-size: 12px;
}

span.specialPrice{
	font-size: 10px;
}

span.normalPrice{
	font-weight: bold;
	font-size: 12px;
}

span.required{
	color: #ff0000;
	font-weight: bold;
}

span.orderEdit{
	color: #ff0000;
	font-size: 11px;
	font-weight: bold;
}

fieldset.error{
	position: relative;
	margin-top: 5px;
	border: 1px solid red;
	background: #fff;
}

table.stappen{
	background: #f0f0f0;
	margin-bottom: 5px;
}

table.stappen a{
	font-weight: bold;
	text-decoration: none;
}

td.messageStackSuccess img{
	position: relative;
	top: 4px;
}

td.shopping_cart{
	padding: 5px;
	text-align: center;
}

td.shopping_cart img{
	max-width: 100px;
	max-height: 100px;
}

td.messageStackError img{
	position: relative;
	top: 3px;
}

td.checkout1_active{
	color: #fff;
	text-align: center;
	width: 147px;
	height: 32px;
	background: url('../template/checkout/checkout_bullet.png') repeat-x;
}

td.checkout2_active{
	color: #fff;
	text-align: center;
	width: 147px;
	height: 32px;
	background: url('../template/checkout/checkout_bullet.png') repeat-x;
}

td.checkout3_active{
	color: #fff;
	text-align: center;
	width: 147px;
	height: 32px;
	background: url('../template/checkout/checkout_bullet.png') repeat-x;
}

td.checkout4_active{
	color: #fff;
	text-align: center;
	width: 147px;
	height: 32px;
	background: url('../template/checkout/checkout_bullet.png') repeat-x;
}

td.checkout1_inactive{
	text-align: center;
	width: 147px;
	height: 32px;
}

td.checkout2_inactive{
	text-align: center;
	width: 147px;
	height: 32px;
}
td.checkout3_inactive{
	text-align: center;
	width: 148px;
	height: 32px;
}
td.checkout4_inactive{
	text-align: center;
	width: 148px;
	height: 32px;
}

/*
//
//	Uitlijning van de categorie
//
*/

img.menuLink{
	position: relative;
	top: -1px;
	margin-left: 5px;
	margin-right: 5px;
}

img.menusubLink{
	position: relative;
	top: -1px;	
	margin-left: 10px;
	margin-right: 5px;
}

img.menusubLink2{
	position: relative;
	top: -1px;	
	margin-left: 15px;
	margin-right: 5px;
}

img.menusubLink3{
	position: relative;
	top: -1px;	
	margin-left: 20px;
	margin-right: 5px;
}

img.menusubLink4{
	position: relative;
	top: -1px;	
	margin-left: 25px;
	margin-right: 5px;
}

fieldset{
	padding: 5px;
	margin-bottom: 5px;
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
div .tabberlive .tabbertabhide {
	display:none;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/  
 ul.tabbernav li
{
	margin-right: 5px;
	display: inline;
}

ul.tabbernav li a {	
	padding: 5px;
	text-decoration: none;
}

.tabberlive .tabbertab {
	padding:5px;
}

div.tabbertab ul li{
	margin-left: 20px;
}

.tabberlive .tabbertab h2 {
	font-size: 12px;
}
.tabberlive .tabbertab h3 {
	font-size: 12px;
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.debugClass {
	position: relative;
}
.debugClass div.twee {
	background: #0f0;
	position: absolute;
	top: 10px;
	z-index: 3;
}

.moduleRowOver {
	background: #cccccc;
}

.moduleRowSelected {
	background: #afafaf;
}