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

a{
	color: #333;
	
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}


a.bold{
	color: #333;
	font-weight:bold;
	text-decoration: none;
}

a.bold:hover{
	text-decoration: underline;
}

body{
	font-family: arial;
	font-size: 12px;
	color: #333;
	background: url('../../images/template/background.jpg') repeat-x #e5e5e5;
}

h1{
	font-size: 14px;
	margin-bottom: 10px;
}

h2{
 font-size: 12px;
margin: 0;

}

h3{
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}
div#wrapper{
	position: relative;
	margin: 0 auto 0;
	width: 970px;
	border: 1px solid #f8911d;
	background: #fff;
}

div#container{
	position: relative;
	background: #f4f4f4;
}

/*
**
	Header
**
*/

div#header{
	position: relative;
	height: 100px;
	background-image: url(../bgr_header.png);
	background-repeat: repeat-x;
}

div#headerpage{
}
div#words{
	position:absolute;
	height:20px;
	width:100px;
	left: 280px;
	top: 10px;
	
}
div#headerpageartikel{
        position:absolute;

        height:100px;
        left: 420px;
        top: 0px;
}
div#headerpageartikelafb{
        position:absolute;

        height:100px;
        left: 420px;
        top: 28px;
}
div#headerpageartikelbes{
	position:absolute;
	color:#ffffff;
	height:100px;
	width:280px;
	left: 480px;
	top: 28px;
	font-size: 10px;
}
div#categories_header {
	position:absolute;
	color:#ffffff;
	height:100px;
	width:280px;
	left: 420px;
	top: 28px;
	font-size: 10px;
}


#logo {
	position: relative;
	width:280px;
	height:100px;
	float: left;
	top: 0px;
}
#vrij{
	position:absolute;
	
	height:100px;
	left: 320px;
	top: 0px;
}

#livesupport {
	position:absolute;
	width:240px;
	height:100px;
	left: 730px;
	top: 0px;
}



/*
**
	Menu
**
*/

div#menu{
	position: relative;
	padding-top: 4px;
	height: 17px;
	border-bottom: 1px solid #f8911d;
	background: #dddddd;
	text-align: left;
}

div#menu ul li{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	list-style: none;
	
}

/*
**
	Left column
**
*/

div#column_left{
	position: relative;
	float: left;
	margin-top: 5px;
	margin-left: 3px;
	height: 100%;
	width: 148px;
	background: #f4f4f4;
}

/*
**
	Right column
**
*/

div#column_right{
	position: relative;
	float: left;
	margin-left: 3px;
	margin-top: -24px;
	height: 100%;
	width: 148px;
	background: #f4f4f4;
}

/*
**
	Content
**
*/

div#content{
	position: relative;
	float: left;
	margin-left: 3px;
	padding: 10px;
	height: 100%;
	width: 640px;
	border: 1px solid #f8911d;
	background: #fff;
}

/*
**
	Clear
**
*/

div.clear{
	clear: both;
}

/*
**
	Footer
**
*/

div#footer{
	position: relative;
	width: 100%;
	height: 90px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
	background-color: #f8911d;
	background-image: url('../images/bgr_header.png');
	background-repeat: repeat-x;
}

div#footer a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}

div#footer ul li{
	margin-left: 5px;
	margin-right: 5px;
	list-style: none;
	float: left;
	padding-top: 8px;
}

a.ww_vergeten{
	font-size: 10px;
}

div#history{
	position: relative;
}

div#history table tr td{
	padding: 5px;
}

/*
**
	top menu
**
*/

div.top_menu{
	position: relative;
	margin-top: -10px;
	margin-left: -10px;	
	margin-bottom: 5px;
	height: 20px;
	width: 148px;
	background: url('../../images/template/menu/top_menu.jpg') no-repeat;

}

div.top_menu_cart{
	position: relative;
	margin-top: -10px;
	margin-left: -10px;	
	margin-bottom: 5px;
	height: 20px;
	width: 126px;
	background: url('../../images/top_menu_cart.jpg') no-repeat;
    padding-left: 22px;
	padding-top: 2px;
}


div.top_menu_veiligkopen{
	position: relative;
	margin-bottom: 5px;
	height: 20px;
	width: 148px;
	background: url('../../images/template/menu/top_menu.jpg') no-repeat;
}

div.top_menu_veiligkopen h2{
	position: relative;
	padding-top: 2px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
}

div.top_menu h2{
	position: relative;
	padding-top: 2px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	
}

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

div#breadcrums{
	position: relative;
	float: left;
	margin-top: 7px;
	margin-left: 3px;
	height: 20px;
	width: 664px;
	font-weight: bold;
}

/*
**
	includes/categories.php
**
*/

div#search{
	position: relative;
	padding: 10px;
	height: 100%;
	width: 128px;
	background: #ddd;
}

div#search input.zoekenimg{
	position: relative;
	top: 2px;
	margin-left: 5px;
}


/*
**
	includes/categories.php
**
*/

div#categorie{
	position: relative;
	margin-top: 5px;
	padding: 10px;
	height: 100%;
	width: 128px;
	background: #ddd;
}

div#categorie ul li{
	list-style-image: none;
	list-style-type: none;
}

img.categorieHeading{
	position: relative;
	top: -1px;
	margin-right: 7px;
}

img.categoriesubHeading{
	position: relative;
	top: 5px;
	margin-left: -2px;
	font-weight: normal;
}

img.categoriesubHeading2{
	position: relative;
	top: 5px;
	margin-left: 10px;
	font-weight: normal;
}

/*
**
	includes/boxes/manufactures.php
**
*/

div#manufactures{
	position: relative;
	margin-top: 5px;
	padding: 10px;
	height: 100%;
	width: 128px;
	background: #ddd;
}

div#manufactures ul li{
	list-style: none;
}

/*
**
	includes/boxes/newsletter.php
**
*/

div#newsletter{
	position: relative;
	margin-top: 5px;
	padding: 10px;
	height: 100%;
	width: 128px;
	background: #ddd;
}

div#newsletter span {
	font-style: italic;
}

/*
**
	includes/boxes/shopping_cart.php
**
*/

div#shopping_cart_box{
	position: relative;
	padding: 10px;
	height: 100%;
	width: 128px;
	background: #ffcc66;
}

div#shopping_cart_box ul li{
	list-style: none;
}

img.shoppingcartHeading{
	position: relative;
	top: -1px;
	margin-right: 7px;
}

/*
**
	includes/boxes/ccl.php
**
*/

div.menu_links{
	position: relative;
	margin-top: 5px;
	height: 100%;
	width: 128px;
	padding: 10px;
	background: #ddd;
}

/*
**
	includes/boxes/ccr.php
**
*/

div#menu_rechts{
	position: relative;
	margin-top: 5px;
	height: 100%;
	width: 148px;
}

/*
**
	includes/boxes/loginbox.php
**
*/

div#account{
	position: relative;
	margin-top: 5px;
	padding: 10px;
	height: 100%;
	width: 128px;
	background: #ddd;
}

div#account ul li{
	list-style: none;
}

/*
**
	includes/boxes/guestbook.php
**
*/

div#guestbook{
	position: relative;
	margin-top: 5px;
	padding: 10px;
	height: 100%;
	width: 128px;
	background: #ddd;
}

div#guestbook .buttons img{
	position: relative;
	top: 5px;
	left: 2px;
}

div#guestbook hr {
	height: 0;
	border: 0;
	border-top: 1px solid #000000;
	width: 90%;
}

/*
**
	includes/boxes/info_pages.php
**
*/

div#information{
	position: relative;
	margin-top: 5px;
	padding: 10px;
	height: 100%;
	width: 128px;
	background: #ddd;
}

div#information ul li{
	list-style: none;
}


/*
**
	sitemap.php
**
*/

div#sitemap{
	padding-left: 10px;
}

div#sitemap ul{
	padding-left: 10px;
}

/*
**
	account_edit.php
**
*/

ul#account{
	margin-top: 5px;
}

ul#account li{
	margin-top: 5px;
}


/*
**
	create_account.php
**
*/

div#gegevens{
	position: relative;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

img#pijl{
	position: relative;
	float: left;
}

div#addressbook{
	position: relative;
	float: left;
	top: 10px;
	width: 100%;
}

div#addressbook h2{
	margin-bottom: -20px;
}

/*
**
	tell_a_friend.php
**
*/
ul#friends{
	margin-top: 50px;
}

ul#friends li{
	margin-top: 7px;
}

ul#mine{
	margin-bottom: 20px;
}

ul#mine_info li{
	margin-top: 5px;
}

/*
**
	guestbook_sign.php
**
*/

ul#guestbook{
	margin-top: 5px;
}

ul#guestbook li{
	padding-top: 3px;
}

div#code{
	position: relative;
}

/*
**
	contact_us.php
**
*/

ul#contact{
	margin-top: 3px;
}

ul#contact li{
	padding-top: 5px;
}

/*
**
	product_info.php
**
*/

div.products2{
	position: relative;
	margin: 3px;
	float: left;	
	height: 160px;
	width: 312px;
	border: 1px solid #ccc;
}

div#products_name {
	position: relative;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #f8911e;
	background: #f4f4f4;
}

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

div.image_container {
	position: relative;
	float: left;
	margin-top: 5px;
	width: 170px;
}

div.image_container2 {
	position: relative;
	float: left;
	margin-top: 5px;
	width: 100%;
	border: 1px solid #cccccc;
	margin-bottom:5px;
}

div.image_container img {
	width: 150px;
}

div#products_description {
	position: relative;
	padding: 8px;
	float: left;
	width: 454px;
}

div#price_container {
	position: relative;
	float: left;
	padding: 5px;
	width: 462px;
}

div#bestel_knop {
	position: relative;
	float: right;
	width: 470px;
}

/*
**
	Classes
**
*/

.productListing-heading{
	font-weight: bold;
}

.productListing-data{
	padding-top: 5px;
}

span.price_tax {
	font-size: 11px;
}
span.specialPrice {
	color: #444;
}

span.normalPrice{
}

div.specialPrice_product_info_container{
	position: relative;
	float: left;
	margin-right: 10px;
	padding: 1px;
	border: 1px solid #f8911e;
	width: 65px;
	top: 0px;
}

div.specialPrice_product_info{
	position: relative;
	padding: 1px;
	background: #333;
	text-align: center;
}

div.specialPrice_product_info span.normalPrice{
	position: relative;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

div.levertijd_options{
	position: relative;
	float: left;
	padding-left: 5px;
	margin-top: 4px;
	margin-right: 5px;
}

div.levertijd{
	position: relative;
	float: left;
	margin-bottom: 5px;
	margin-top: 4px;
	margin-right: 5px;
}

div.schrijfreview{
	position: relative;
	margin-top: 1px;
	float: left;
	margin-right: 5px;
}

div.tellafriend{
	position: relative;
	margin-top: 1px;
	float: left;
	margin-right: 5px;
}

div.tellafriend img{
	position: relative;
	top: 3px;
	margin-right: 5px;
}

/*
**
	product_listing_col.php
**
*/

div.products{
	position: relative;
	margin: 3px;
	float: left;
	height: 150px;
	width: 312px;
	border: 1px solid #ccc;
}

div.product_info{
	position: relative;
	padding-bottom: 1px;
	height: 13px;
	background: #333;
}

div.product_info a{
	padding-left: 5px;
	color: #fff;
	text-decoration: none;
}

div#product_options{
	position: relative;
	margin-top: 35px;
	margin-bottom: 15px;
	padding-left: 5px;
	clear: both;
}

div.product_img{
	position: relative;
	float: left;
	width: 120px;
	top: 20px;
}

div.product_img img{
	
	width: 120px;
}

div.product_info_text{
	position: relative;
	float: left;
	padding: 5px;
	width: 180px;
        height:42px;	
}

div.product_price{
	position: relative;
	float: left;
	width: 180px;
	top: 0px;
	padding: 5px;
}
div.product_buttons{
	position: relative;
	float: left;
	top: 10px;
	padding: 5px;
}

div.product_info_left{
	postion: relative;
	float: left;
	width: 120px;
}

div.product_info_right{
	postion: relative;
	float: left;
	width: 180px;
	padding-left: 2px;
}

a.bestellen{
	position: relative;
	float: left;
	left: 5px;
	top: 1px;
}

a.info{
	position: relative;
	top: 29px;
	left: 20px;
}

/*
**
	index.php
**
*/

div.categories {
	position: relative;
	margin: 5px;
	float: left;	
	height: 150px;
	width: 150px;
}

div.categories_img{
	position: relative;
	margin-top: 5px;
	text-align: center;
}

div.categories_img img{
	width: 120px;
	
}

div.categories_name {
	text-align: center;
	font-weight: bold;
}

img.guestbookHeading{
	position: relative;
	top: 5px;
	margin-left: 3px;
}

div.buttons a{
	margin-left: -3px;
}

span.required{
	color: #ff0000;
}
div.sitemap_float {
	position: relative;
	float: left;
	width: 250px;
	height: 500px;
	margin-left: 20px;
}

.infoBox{
	position: relative;
	border: 1px solid #cccccc;
	padding: 5px;
}

div#aanbevolen{
	position: relative;
}

div#aanbevolen h2{
	padding: 10px;
}

div#alternatieven{
	position: relative;
}

div#aanbevolen h2{
	padding: 10px;
}
.productpage{
clear: both;
	border: 1px solid #cccccc;
	padding:5px;
	}
div.vergroten{
	position: relative;
	text-align: center;
	margin-bottom: 5px;
}
div.vergroten img{
	position: relative;
	top: 3px;
	right: 5px;
	width: 15px;
	height: 15px;
	border: 0px;
}

div.products_description2
{
        position: relative;
        padding-left: 10px;
}

/* $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!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	margin:0;
	padding: 3px 0;
	border-bottom: 1px solid #cccccc;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #f8911d;
	border-bottom: none;
	text-decoration: none;
	background-color: #f4f4f4;
}

ul.tabbernav li a:link {
	color: #000;
}
ul.tabbernav li a:visited { color: #000; }

ul.tabbernav li a:hover
{
	color: #000;
	background: #fff;
	border-color: #ccc;
}

ul.tabbernav li.tabberactive a
{
	background-color: #f4f4f4;
	border-bottom: 1px solid #fff;
	color: #f8911d;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #cccccc;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 font-size: 12px;
}
.tabberlive .tabbertab h3 {
 font-size: 12px;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.linksBox h3 { padding: 0px 10px 0px 10px; height: 28px; line-height: 28px; font-weight: bold; font-size: 14px; border-bottom: 1px solid #d1d1d1; background: url(/images/homebg-groen.gif) repeat-x; color: #fff; }
.linksBox ul {
	padding: 10px;
	list-style: none;
	margin-left: 20px;
}
.linksBox li {
	color: #000;
	list-style-image: url(images/categorieHeading.png);
	left: 5px;
	clip: rect(auto,auto,auto,10px);
} 
.linksBox li a { text-decoration: none; color: #000; }
.linksBox li a:hover { text-decoration: underline; }