*{
	padding: 0px;
	margin: 0px;
}

body{
	font-family: arial;
	font-size: 12px;
	line-height: 18px;
}

div#wrapper{
	position: relative;
	margin: 0 auto 0;
	width: 980px;
}

.mainbox {
border : 1px solid #FFFFFF; 
padding : 20px; 
background-image : url(http://www.haarenhem.nl/images/main.jpg);
background-repeat : no-repeat; 
background-position : right bottom;
}

.box_kop1 {
	background: url('../template/menu/top_menu.gif') no-repeat;
	color : #FFFFFF;
	font-size : 12px;
}

.box_kop2 {
	background: url('../template/menu/top_menu2.gif') no-repeat;
	color : #FFFFFF;
	font-size : 12px;
}

.box_border{
	border-left: 1px solid rgb(210, 210, 210);
	border-right: 1px solid rgb(210, 210, 210);
	border-bottom: 1px solid rgb(210, 210, 210);
}

#best_sellers .inhoud {
text-align:center;
padding : 1px 0 9px;
}

.txtborder{
border: 1px solid rgb(210, 210, 210);
}
.txtbordertop{
border-top: 1px solid rgb(210, 210, 210);
}
.txtborderbottom{
border-bottom: 1px solid rgb(210, 210, 210);
}
.txtborderright{
border-right: 1px solid rgb(210, 210, 210);
}
.txtborderleft{
border-left: 1px solid rgb(210, 210, 210);
}

div.n_product {
background:url("../template/menu/n_product.gif") no-repeat scroll 0 0 transparent;
height:28px;
padding:9px 0 0 15px;
margin : 0 0 0 -4px;
position:absolute;
width:594px;
z-index:1;
}

div.n_product h2 {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
line-height:normal;
margin:0;
position:relative;
}

.product2 {
float : left;
text-align: left;
display : block;
padding-left: 9px;
padding-top: 6px;
padding-bottom: 6px;
margin-bottom: 9px;
background-color: #e8e8e8;
border:1px solid #e8e8e8;
width : 167px;
}

a.product2{
color : #080808;
font-weight: bold;
text-decoration : none;
}

a.product2:hover{
text-decoration : underline;
}

.product2_img{
padding-bottom: 9px;
}

.aboveProductpages{
	/*margin-left: -3px; 
	height: 11px;
	border-top: 1px solid #d2d2d2;
*/}

.underSecondProduct {
	margin-bottom:-1px;
	width:588px;
	border-top:1px solid #e8e8e8;
	}
	
.underSecondProduct2{
	position: relative;
	bottom: -1px;
	width:590px;
	border-top:1px solid #e8e8e8;
	}	

.pageholder {
	padding-left:3px;
	padding-right: 3px;
	padding-bottom: 3px;
	width: 774px;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}

.pageResultText{
	float:left; 
	margin-left:-4px;
	margin-right:10px;
	font-weight:bold;
}

.pageResultNummer{
	text-align: center;
	text-decoration: none;
}

.pageResultNummer a{
width: 20px;
	padding: 3px 6px;
	color: #000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:#e8e8e8;
	border:1px solid #bbbbbb;
}

.pageResultNummer a:hover{
	width: 20px;
	padding: 3px 6px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-color: #bc0825;
	border: 1px solid #bc0825;
}

.pageResultPageShowing{
	width: 20px;
	padding: 3px 6px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-color: #bc0825;
	border: 1px solid #bc0825;
}


div#mainpage {
	padding : 30px 0 0;
	border-bottom:1px solid #D2D2D2;
	margin:0 0 31px;
}
div#header{
	position: relative;
	height: 100%;
	background: #fff;
}

div#container{
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	height: 100%;
}

div#outer_menu{
	position: relative;
	height: 33px;
	clear: both;
	width: 100%;
	z-index: 1;
}

div#menu{
	position: relative;
	background: url('../template/menu/menu_l.gif') no-repeat;
	background-color : #BD0926;
	float: left;
	height: 33px;	
	width: 725px;
	z-index: 1;
}

div#menu ul {
	position: relative;
	top: 5px;
}

div#menu ul li{
	float: left;
	padding : 4px 0 0;
	list-style: none;
	line-height : normal;
}

div#menu ul li a{
	line-height : normal;
	margin-left: 20px;
	margin-right: 20px;
}

div#menu_background{
	position: absolute;
	width: 100%;
	z-index: 0;
}

div#menu_background #menu_background_pix
{
	margin:0;
	height: 33px;
}

div#searchbox{
	position: relative;
	background: url('../template/menu/menu_r.gif') no-repeat;
	background-position : right top;
	background-color : #BD0926;
	padding-right: 60px;
	text-align: right;
	font-weight: bold;
	float: left;
	height: 33px;
	width: 185px;
	z-index: 1;	
}

div#searchbox .zoeken {
    border : none;
    background-color : #FFFFFF;
	padding : 5px;
	font-size : 12px;
	font-family : Arial;
	color : #1B191E;
	height : 11px;
	width:198px;
}

div#language{
	position: absolute;
	top: 1px;
	left: 901px;
}

div#language img{
	width: 30%;
	height: 30%;
}

/*
**
	Left column
**
*/

div#column_left{
	position: relative;
	margin-top: 14px;
	float: left;
	height: 100%;
	width: 180px;
}

/*
**
	Right column
**
*/

div#column_right{
	position: relative;
	float: left;
	margin-top: 14px;	
	margin-left: 5px;
	height: 100%;
	width: 180px;
}

/*
**
	Content
**
*/

div#error_message{
	font-weight: bold;
	color: #ff0000;
}

div#content{
	position: relative;
	float: left;
	padding-left:3px;
	padding-right: 3px;
	padding-bottom: 3px;
	margin-top: 14px;
	margin-left: 9px;
	width: 774px;
}

.contentholder	{
	margin-left:-4px;
	margin-top : 1px;
	/*padding-left:2px;
	padding-right:2px;*/
	padding-bottom:-3px;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}

div.contentholder h2{
font-size:12px;
font-weight : bold;
padding : 0;
}

div#content h1{
font-size:20px;
font-weight : normal;
padding : 0 0 7px;
}

div.top_menu{
	position: absolute;
	background: url('../template/menu/top_menu.gif') no-repeat;
	padding : 9px 0 0 15px;
	height: 28px;
	width: 165px;
	z-index: 1;
}

div.top_menu_bg{
	position:absolute;
	width: 180px;
	z-index: 0;
}

div.top_menu_bg div{
	overflow: hidden;
	height:1px;
}

div.top_menu_bg .top_menu_pix
{
	margin:0;
	height: 33px;
}

div.bottom_menu{
	position: relative;
	height: 0;
}

/*
**
	Clear
**
*/

div.clear{
	clear: both;
}

/*
**
	Footer
**
*/

div#footer_top{
	position: relative;
	clear: both;
margin : 8px 0 0;
	height: 5px;
	background: #909090;
width : 975px;
}

div#footer{
	position: relative;
font-size : 11px;
line-height : normal;
padding : 10px 20px;
	background: #ebebeb;
float : left;
width : 935px;
}

div#footer a{
color : #BD0926;
text-decoration : none;
}

div#footer a:hover{
color : #1A181D;
text-decoration : underline;
}

/*
**
	includes/header.php
**
*/

div#breadcrums{
	margin-top: -30px;
	line-height : normal;
	font-size : 10px;
	text-transform : uppercase;
}

#breadcrums_bg{
	padding-top:9px;
	padding-left:9px;
	margin-left:-4px;
	height:24px;
	width: 600px;
	line-height : normal;
	font-size : 12px;
	color: #000000;
	text-transform : capitalize;
	background:url('../template/content_top_bg.jpg') no-repeat;
}

.breadcrumPijltje{ /* hier kun je oa. de kleur van het pijltje bepalen. */
	color:#fff;
	/* de onderstaande opties zijn handig om de ruimte tussen de text en het pijltje te veranderen */
	margin-left: 0px;
	margin-right: 0px;
	}

/*
**
	includes/boxes/search.php
**
*/

div#zoeken{
	position: relative;
	height: 100%;
	margin-bottom: 5px;
	width: 180px;
}

div#zoeken .zoeken{
	position: relative;
	margin-left: 3px;
}

div#zoeken .zoekenimg{
	position: relative;
	margin-left: 5px;
	top: 2px;
}

/*
**
	includes/boxes/categories.php
**
*/

div#categorie{
	position: relative;
	margin-bottom: 14px;	
	height: 100%;
	width: 180px;
}

div#categorie ul{
	padding : 15px 0 0;
	border-left : 1px solid #D2D2D2;
	border-right : 1px solid #D2D2D2;
}

div#categorie ul li{
	list-style: none;
	padding : 5px 0;
	border-bottom: 1px solid #D2D2D2;
}

div#categorie ul li a , div#categorie ul li a:link, div#categorie ul li a:active, div#categorie ul li a:visited {
	text-decoration : none;
}

div#categorie ul li a:hover {
	text-decoration : underline;
}


/*
**
	includes/boxes/shopping_cart.php
**
*/

div#shopping_cart_box{
	position: relative;
	margin-bottom: 16px;
	height: 100%;
	width: 180px;
}

div#shopping_cart_box a:hover {
	text-decoration: none;
}

div#shopping_cart_box .info_buttons_cart{
	position: relative;
	text-align: center;
}

/*
**
	includes/boxes/loginbox.php
**
*/

div#account{
	position: relative;
	margin-bottom: 14px;
	height: 100%;
	width: 180px;
}

div#account ul li{
	list-style: none;
	padding : 5px 0;
	border-bottom: 1px solid #D2D2D2;
}

div#account ul{
	position: relative;
	padding : 15px 0 0;
	border-left : 1px solid #D2D2D2;
	border-right : 1px solid #D2D2D2;
}

div#account ul li a , div#account ul li a:link, div#account ul li a:active, div#account ul li a:visited {
	text-decoration : none;
}

div#account ul li a:hover {
	text-decoration : underline;
}

/*
**
	includes/boxes/info_pages.php
**
*/

div#information{
	position: relative;
	margin-bottom: 16px;	
	height: 100%;
	width: 180px;
}

div#information ul li{
	list-style: none;
	padding : 5px 0;
	border-bottom: 1px solid #D2D2D2;
}

div#information ul{
	position: relative;
	padding : 15px 0 0;
	border-left : 1px solid #D2D2D2;
	border-right : 1px solid #D2D2D2;
}

div#information ul li a , div#information ul li a:link, div#information ul li a:active, div#information ul li a:visited {
	text-decoration : none;
}

div#information ul li a:hover {
	text-decoration : underline;
}

/*
**
	includes/boxes/guestbook.php
**
*/

div#guestbook{
	position: relative;
	margin-bottom: 14px;
	height: 100%;
	width: 180px;
}

div#guestbook ul li{
	list-style: none;
	padding : 3px 0;
	border-bottom: 1px solid #D2D2D2;
}

div#guestbook ul{
	position: relative;
	padding : 15px 0 0;
	border-left : 1px solid #D2D2D2;
	border-right : 1px solid #D2D2D2;
}

div#guestbook ul li a , div#guestbook ul li a:link, div#guestbook ul li a:active, div#guestbook ul li a:visited {
	text-decoration : none;
}

div#guestbook ul li a:hover {
	text-decoration : underline;
}

/*
**
	includes/boxes/manufacturers.php
**
*/

div#manufacturers{
	position: relative;
	margin-bottom: 14px;
	height: 100%;
	width: 180px;
}

div#manufacturers ul{
	position: relative;
	padding : 15px 0 0;
	border-left : 1px solid #D2D2D2;
	border-right : 1px solid #D2D2D2;
}

div#manufacturers ul li{
	list-style: none;
	padding : 5px 0;
	border-bottom: 1px solid #D2D2D2;
}

div#manufacturers ul li a , div#manufacturers ul li a:link, div#manufacturers ul li a:active, div#manufacturers ul li a:visited {
	text-decoration : none;
}

div#manufacturers ul li a:hover {
	text-decoration : underline;
}

/*
**
	includes/boxes/newsletter.php
**
*/

div#newsletter{
	position: relative;
	margin-bottom: 14px;
	height: 100%;
	width: 180px;
}


/*
**
	includes/boxes/tagcloud.php
**
*/

div#tagcloud{
	position: relative;
	margin-bottom: 14px;
	height: 100%;
	width: 180px;
}

/*
**
	includes/boxes/promotion.php
**
*/

div#promotion{
	position: relative;
	margin-bottom: 14px;
	height: 100%;
	width: 180px;
}

div#promotion_name{
	position: relative;
	font-weight: bold;
	margin-bottom: 5px;
}

div#promotion_imagecontainer{
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

div#promotion_imagecontainer img{
	width: 150px;
}

div#promotion_price{
	position: relative;

	text-align: center;
}

/*
**
	includes/boxes/best_sellers.php
**
*/

div#best_sellers {
	position: relative;
	margin-bottom: 14px;	
	height: 100%;
	width: 180px;
}

div#best_sellers h2{
	position: relative;
	font-weight: bold;
	color : #FFFFFF;
	line-height:normal;
	margin:0;
	font-size: 12px;
}

/*
**
	linkermenu en rechtermenu
**
*/

div#menulinks{
	position: relative;
	margin-bottom: 14px;
	height: 100%;
	width: 170px;
}

div#menurechts{
	position: relative;
	margin-bottom: 14px;
	height: 100%;
	width: 170px;
}

div#menulinks img,
div#menurechts img{
	max-width: 170px;
}

/*
**
	sitemap.php
**
*/

div.sitemap{
	position: relative;
	float: left;
	width: 160px;
}

div.sitemap ul{
	padding-left: 14px;
	margin-bottom: 14px;
}

div.sitemap ul li{
	list-style-image: url('../template/menu/categorieHeading.png');
}

/*
**
	product_info.php
**
*/

div#productinfo{
	position: relative;
	/*padding : 10px 8px;*/
	height: 100%;
}

div#productinfo_imagecontainer{
	position: relative;
	float: left;
	height: 100%;
	width: 225px;
	text-align: center;
	z-index: 1;
	background: #fff;
}

div#productinfo_textblock{
	position: relative;
	float: left;
	margin-left: 5px;
	width: 543px;
}

div#productinfo_name{
	margin-top: 10px;
	position: relative;
}

div#productinfo_name h1{
	margin :0;
padding :0;

}

div#productinfo_price{
	position: relative;
	padding: 5px 0 20px;
}

div#productinfo_description{
	position: relative;
	/*margin-top: 5px;*/
	margin-left: 0px;
	padding: 16px;
}

div#productinfo_description ul{
	margin-left: 25px;
}

div#productinfo_extra{
	position: relative;
	/*margin-top: 10px;*/
	margin-left: 0px;
	margin-bottom: -1px;
	padding: 16px;
}

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;
	padding: 0 0 20px;
}

div#productinfo_options h1{
	font-size : 12px;
font-weight : bold;
}

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.product{
	position: relative;
	margin-bottom: 14px;
	float: left;
	width: 775px;
}

div.product_content{
	position: relative;
	height: 100%;
	width: 100%;
}

div.product_name{
	position: relative;
	float: left;
	margin-left: 5px;
	width: 765px;
	z-index: 1;
}

div.product_manufacturer{
	position: relative;
	float: left;
	margin-left: 5px;
	width: 765px;
	z-index: 1;
}

div.product_imagecontainer{
	position: relative;
	margin-top: 5px;
	margin-left: 5px;
	float: left;
	width: 150px;
	height: 150px;
	text-align: center;
	background: #fff;
}

div.product_imagecontainer img{
	max-width: 150px;
	max-height: 150px;
}

div.product_description{
	position: relative;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	width: 610px;
}

div.product_price{
	position: relative;
	float: left;
	text-align: center;
	width: 775px;
}

div.product_buttons{
	position: relative;
	float: left;
	margin: 5px;
	width: 765px;
}

div.product_buttons a.info{
	float: right;
}

div.product_buttons a.bestellen{
	float: right;
	margin-right: 5px;
}

/*
//
//	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.products{
	position: relative;
	margin-bottom: 0px;
	padding-right:-2px;
	float: left;
	width: 292px;
}

div.products_left{
	border-left: 1px solid #fff;
	border-right: 1px solid #E8E8E8;
	}

div.products_right{
	}


div.productsBorder_norm{
	border: 1px solid #d2d2d2;
	}
	
div.products_content{
	position: relative;
	height: 100%;
	width: 100%;
}

div.products_name{
	position:absolute;
	top:1px;
	z-index:1;
	left : -1px;
	float: left;
	background-color: #e8e8e8;
	padding:7px 0 0 15px;
	width: 283px;
	height : 26px;
	z-index: 1;
}

div.products_name1{
	position:absolute;
	top:1px;
	z-index:1;
	left : -1px;
	float: left;
	background-color: #e8e8e8;
	padding:7px 0 0 15px;
	width: 279px;
	height : 26px;
	z-index: 1;
	margin-left: -1px; 
	border-right: 1px solid #fff;	
}


div.products_name h1 a,
div.products_name1 h1 a{
	font-size : 12px;
color : #000000;
padding : 0;
margin : 0;
}



div.products_manufacturer{
	position: relative;
	float: left;
margin : 32px 0 0;
	width: 256px;
	z-index: 1;
}

div.products_imagecontainer{
	position: relative;
	margin-top: 26px;	
	float: left;
padding:15px 0 15px 15px;
	width: 95px;
	text-align: center;
	background: #FFF;
}

div.products_imagecontainer img{
	max-width: 120px;
	max-height: 120px;
}

div.products_description{
	position: relative;
	margin-top: 26px;
	float: left;
	font-size : 11px;
	padding:15px 15px 15px 5px;
	width: 137px;
}

div.products_price{
	position: relative;
	float: left;
	padding : 0 0 15px 5px;
	width: 136px;
}

div.products_buttons{
	position: relative;
	float: right;
padding:0 15px 10px 0;
}

div.products_buttons a.info{
	float: right;
margin : 0 0 0 5px;
}

div.products_buttons a.bestellen{
	float: right;
}

/*
**
**		categorie
**
*/

div.categories {
	position: relative;
	margin-top: 5px;
	float: left;	
	height: 100%;
	width: 188px;
}

div.categories_imagecontainer {
	position: relative;
	margin-top: 5px;
	width: 188px;
	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: 775px;
}

/*
**
	Main page
**
*/

div#mainpage img{
	max-width: 775px;
}

/*
**
**		Aanbevolen en alternatieve artikelen
**
*/

div.other{
	position: relative;
	clear: both;
}

.other_kijknaar{
	background:url('../template/kijkook.png');
	color:#ffffff;
	height:27px;
	padding-top:15px;
	padding-left:16px;
	margin-left:-1px;
	margin-right:-1px;
	margin-top:1px;
}

/*
**		Kleuren en grootte
**		Headings
**
*/
div.categories_name a{
	text-decoration: none;
}

div#breadcrums a{
	font-weight: bold;
	color : #FFFFFF;
	font weight: bold;
	text-decoration: none;	
}

#breadcrums_bg a{
	font-weight: bold;
	color : #ffffff;
	font weight: bold;
	text-decoration: none;	
}

.vergelijkingsbox{
	position: relative; 
	float: right; 
	text-transform:lowercase;
	margin-top:-4px;
	padding-right: 20px;
}

.vergelijkingsbox select {
	float : right;
    border : 1px solid #FFFFFF;
    background-color : #FFFFFF;
	padding : 2px 2px 2px 2px;
	font-size : 12px;
font-weight : bold;
	font-family : Arial;
	color : #000000;
	width : 140px;
}


div#breadcrums a:hover{
	color : #1A171B;
	text-decoration: none;
}

div#menu a{
	font-weight: bold;
	text-decoration: none;
}

div#menu a:hover{
	font-weight: bold;
	text-decoration: underline;
}

div#menulinks h1,
div#menurechts h1{
	font-size: 12px;
}

div#searchbox .zoeken{
	position: relative;
	margin-top: 6px;
}

div#searchbox .zoekenimg{
	position: absolute;
	top:6px;
	left:208px;
}

div.inhoud{
	padding : 27px 15px 15px;
	border-left : 1px solid #D2D2D2;
	border-right : 1px solid #D2D2D2;
	border-bottom : 1px solid #D2D2D2;
}

div.top_menu h1{
	position: relative;
	font-weight: bold;
	line-height:normal;
	margin: 0;
	font-size: 12px;
}

div.spacer1{
	left: 1px;
	right:-1px;
}

div.spacer2{
	left: 1px;
}

div.products_name h1 a,
div.products_name1 h1 a,
div.product_name1 h1 a{
	font-size: 12px;
font-weight : bold;
	text-decoration: none;
}

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: #9cd0fc;
	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;
	margin-left: 15px;
	margin-right: 7px;
}

img.menusubLink{
	position: relative;
	margin-left: 30px;
	margin-right: 5px;
}

img.menusubLink2{
	position: relative;
	margin-left: 45px;
	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;
}

div.invoice_onder{
	position: absolute; 
	z-index: 0; 
	width:100%;
}

div.invoice_boven{
	position: absolute; 
	top: 550px;
	z-index: 1; 
	width:100%;
}
