/*
Wola.nl
=================================================================*/

/* Hoofdlayout
=================================================================*/
* {
	margin:0;
	padding:0;
	}
img {
	border:0;
	display:block;
 }
body {
	font-family:arial;
	line-height:1.5em;
	background-color:#fff;
	font-size:76%;
	padding-bottom:20px;
	}
.noshow {
	position:absolute;
	left:-9000px;
	}
.clearlaag {
	clear:both;
	line-height:1px;
	font-size:1px;
	}
#wrapitall {
	position:relative;
	width:780px;
	font-size:1em;
	margin-left:auto;
	margin-right:auto;
	}
#topbar {
	position:relative;
	background:transparent url(../gfx/topbarbg.gif) repeat-x left bottom;
	width:780px;
	height:120px;
	}
#servicebar {
	overflow:hidden;
	width:780px;
	}
#logowola {
	position:absolute;
	left:15px;
	top:0px;
	}
#midden {
	overflow:hidden;
	height:1%; /* Zorgt er voor dat overflow ook werkt in IE */
	margin:15px 0px 0px 0px;
	width:780px;
	}
#footer {
	padding:10px 0px;
	color:#555;
	background-color:#ddd;
	font-weight:bold;
	text-align:center;
	width:780px;
	}
.linkerkant {
	float:left;
	width:195px;
	}
.rechterkant {
	float:left;
	padding-left:15px;
	width:180px;
	}
.binnenkant {
	float:left;
	padding-top:6px;
	}

/* Content
=================================================================*/
h1,h2,h3,h4,h5,h6 {
	margin:0px;
	padding:0px;
	font-size:1em;
	}
a:link {
	color:#369;
	}
a:hover {
	color:#69c;
	}
a:visited {
	color:#636;
	}
a:visited:hover {
	color:#969;
	}
.content {
	overflow:hidden;
	height:1%; /* Zorgt er voor dat overflow ook werkt in IE */
	padding-left:15px;
	}
.content h1 {
	font-size:1.8em;
	margin-bottom:20px;
	color:#2c5c9e;
	}
.content h2 {
	font-size:1.2em;
	color:#2c5c9e;
	clear:both;
	}
.content h3 {
	}
.content p {
	margin-bottom:15px;
	}
.contentlist {
	margin-bottom:20px;
	clear:left;
	}
.contentlist li {
	list-style:none;
	padding-left:20px;
	background:url('../gfx/listarrow.gif') no-repeat 10px 7px;
	}
.contentlist li ul li {
	padding-left:20px;
	background:url('../gfx/listsubarrow.gif') no-repeat 10px 7px;
	}
.fotolinks {
	position:relative;
	float:left;
	margin:3px 20px 6px 0px;
	width:180px;
	}
.fotorechts {
	position:relative;
	float:right;
	margin:3px 0px 6px 20px;
	width:180px;
	}
.fotolinks img,
.fotorechts img {
	width:180px;
	}
.fotolinks img.vergroot,
.fotorechts img.vergroot,
.fotobreed img.vergroot {
	width:32px;
	}
.fotobreed {
	margin-bottom:10px;
	}
.fotobreed span {
	display:block;
	width;260px;
	padding:2px 0px;
	font-size:0.8em;
	border-bottom:1px solid #ddd;
	}
.fotolinks span,
.fotorechts span {
	display:block;
	width;150px;
	padding:2px 0px;
	font-size:0.8em;
	border-bottom:1px solid #ddd;
	}
.vergroot {
	position:absolute;
	right:0px;
	top:0px;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	}
.filmlinks {
	width:220px;
	height:165px;
	float:left;
	margin:0px 20px 20px 0px;
	}
.filmrechts {
	width:220px;
	height:165px;
	float:right;
	margin:0px 0px 20px 20px;
	}
.nieuwvenster {
	background:url('../gfx/nieuwvenster.gif') no-repeat right top;
	padding-right:14px;
	}

/* Blokken
=================================================================*/
.blok {
	background-color:#e9eef5;
	margin-bottom:15px;
	}
.blok dt {
	background-color:#c3d1e4;
	color:#2c5c9e;
	font-size:1.2em;
	font-weight:bold;
	padding:6px 15px 4px 15px;
	}
.blok dd {
	background-color:#e9eef5;
	padding:6px 15px 4px 15px;
	}
.blok .contentlist {
	margin-bottom:10px;
	}
.blok a:link,
.blok a:visited,
.blok a:hover,
.blok a:visited:hover {
	font-weight:bold;
	}

.groentxt {
	color:#41a62a}

/* A-Z List
=================================================================*/
#azlist {
	margin-bottom:15px;
	padding-left:15px;
	}
#azlist li {
	list-style:none;
	display:inline;
	margin:0px 5px 5px 5px;
	}



/* Kruimelpad
=================================================================*/
#kruimelpad {
	float:left;
	color:#888;
	padding:5px 15px 0px 15px;
	height:25px;
	width:470px;
	}
#kruimelpad a:link,
#kruimelpad a:visited {
	color:#888;
	}
#kruimelpad a:hover,
#kruimelpad a:visited:hover {
	color:#000;
	}

/* Contentopties
=================================================================*/
.contentopties {
	margin-bottom:18px;
	}
.contentopties li {
	list-style:none;
	display:inline;
	padding:0px 20px 0px 0px;
	}
.printen {
	background:url(../gfx/printknop.gif) no-repeat 2px left;
	padding:0px 0px 0px 20px;
	}
.mailen {
	background:url(../gfx/mailknop.gif) no-repeat 2px left;
	padding:0px 0px 0px 20px;
	}

/* Service menu
=================================================================*/
#servicemenu {
	float:left;
	height:25px;
	text-align:right;
	padding:5px 15px 0px 15px;
	width:250px;
	}
#servicemenu li {
	display:inline;
	list-style:none;
	padding:0px 0px 0px 15px;
	}
#servicemenu li a:link,
#servicemenu li a:visited {
	color:#888;
	}
#servicemenu li a:hover,
#servicemenu li a:visited:hover {
	color:#000;
	}
#servicemenu li a.select:link,
#servicemenu li a.select:visited {
	color:#000;
	font-weight:bold;
	}

/* Store Menu
=================================================================*/
#mainmenu {
	position:absolute;
	left:210px;
	bottom:0px;
	background-color:transparent;
	font-size:1.4em;
	width:570px;
	}
#mainmenu li {
	position:relative;
	float:left;
	height:35px;
	list-style:none;
	}
#mainmenu li.tab01 {
	z-index:30;
	}
#mainmenu li.tab02 {
	z-index:20;
	}
#mainmenu li.tab03 {
	z-index:10;
	}
#mainmenu a:link,
#mainmenu a:visited,
#mainmenu a:hover,
#mainmenu a:visited:hover {
	display:block;
	float:left;
	height:35px;
	font-weight:bold;
	text-decoration:none;
	}
#mainmenu a:link span,
#mainmenu a:visited span,
#mainmenu a:hover span,
#mainmenu a:visited:hover span {
	display:block;
	float:left;
	height:25px;
	padding:10px 22px 0px 15px;
	}
#mainmenu a:link,
#mainmenu a:visited {
	color:#fff;
	background:transparent url(../gfx/tabhoeklinks.gif) no-repeat top left;
	}
#mainmenu a:hover,
#mainmenu a:visited:hover {
	color:#fff;
	background:transparent url(../gfx/tabhoeklinkshover.gif) no-repeat top left;
	}
#mainmenu a:link span,
#mainmenu a:visited span {
	color:#fff;
	background:transparent url(../gfx/tabhoekrechts.gif) no-repeat top right;
	cursor:pointer;
	}
#mainmenu a:hover span,
#mainmenu a:visited:hover span {
	color:#fff;
	background:transparent url(../gfx/tabhoekrechtshover.gif) no-repeat top right;
	cursor:pointer;
	}
#mainmenu a.select:link,
#mainmenu a.select:visited {
	color:#000;
	background:#fff url(../gfx/tabhoeklinksselect.gif) no-repeat top left;
	}
#mainmenu a.select:link span,
#mainmenu a.select:visited span {
	color:#000;
	background:transparent url(../gfx/tabhoekrechtsselect.gif) no-repeat top right;
	cursor:pointer;
	}
#mainmenu a.select:hover,
#mainmenu a.select:visited:hover {
	color:#fff;
	background:transparent url(../gfx/tabhoeklinkshover.gif) no-repeat top left;
	}
#mainmenu a.select:hover span,
#mainmenu a.select:visited:hover span {
	color:#fff;
	background:transparent url(../gfx/tabhoekrechtshover.gif) no-repeat top right;
	cursor:pointer;
	}

/* Submenu
=================================================================*/
#submenucontainer {
	width:195px;
	margin-bottom:15px;
	}
#submenucontainer h2 {
	background-color:#2c5c9e;
	color:#fff;
	padding:6px 15px 4px 15px;
	font-size:1.2em;
	width:165px;
	}
#submenu {
	background-color:#e9eef5;
	width:195px;
	}
#submenu li {
	border-bottom:1px solid #c3cede;
	list-style:none;
	width:195px;
	}
#submenu li a:link,
#submenu li a:visited,
#submenu li a:hover,
#submenu li a:visited:hover {
	display:block;
	text-decoration:none;
	padding:2px 15px;
	width:165px;
	}
#submenu li a:link,
#submenu li a:visited {
	color:#000;
	}
#submenu li a:hover,
#submenu li a:visited:hover {
	color:#000;
	background-color:#c3cede;
	}
#submenu .select {
 font-weight:bold;
 background-color:#c3cede;
 }

#submenu li .subsubmenu {
	background-color:#fff;
	width:195px;
	}
#submenu li .subsubmenu li {
 border-bottom:0px;
	border-top:1px solid #c3cede;
	list-style:none;
	width:195px;
	font-weight:normal;
	}

#submenu li .subsubmenu li a:link,
#submenu li .subsubmenu li a:visited,
#submenu li .subsubmenu li a:hover,
#submenu li .subsubmenu li a:visited:hover {
	display:block;
	text-decoration:none;
	padding:2px 30px;
	width:135px;
	}
	
#submenu .select .subsubmenu .select {
 font-weight:bold;
 background-color:#c3cede;
 }
 
/* Bottommenu
=================================================================*/
#bottommenu {
	width:780px;
	text-align:center;
	padding:10px 0px;
	}
#bottommenu li {
	display:inline;
	margin:0px 5px;
	}
#bottommenu li a:link,
#bottommenu li a:visited {
	color:#888;
	}
#bottommenu li a:hover,
#bottommenu li a:visited:hover {
	color:#000;
	}

/* Formulieren
=================================================================*/
input,
select,
textarea {
	font-size:1em;
	font-family:arial;
	}
.formulier {
	margin-bottom:20px;
	background-color:#eee;
	clear:both;
	margin-left:15px;
	display:block;
	}
.formulier legend {
	padding:10px 10px 5px 10px;
	color:#555;
	font-size:1.6em;
	margin-bottom:10px;
	}
.formulier em {
	color:#f00;
	}
.formulier h2 {
	padding:4px 10px 4px 10px;
	background-color:#ddd;
	font-size:1.2em;
	}
#rechterkant .formulier legend {
	padding:10px 10px 0px 10px;
	margin-bottom:0px;
	}
.formulier input,
.formulier select {
	width:180px;
	}
.formulier #postcode,
.formulier #huisnummer,
.formulier #huisnrtoevoeging,
.formulier #titel {
	width:60px;
	}
.formulier #land {
	width:140px;
	}
.formulier fieldset {
	border:0px;
	}
.formulier div {
	padding:4px 0px 4px 0px;
	clear:both;
	border-bottom:1px solid #ddd;
	overflow:hidden;
	margin:0px 10px;
	height:1%;
	}
.formulier div div {
	clear:both;
	border-bottom:0px;
	overflow:hidden;
	margin:0px 0px;
	}
.formulier div.errorfield {
	border-top:1px solid #f00;
	border-right:1px solid #f00;
	border-bottom:1px solid #f00;
	border-left:1px solid #f00;
	padding:6px 9px 8px 9px;
	margin:10px 10px 6px 10px;
	background-color:#fff;
	}
.formulier textarea {
	width:340px;
	}
.formulier textarea.breed {
	width:526px;
	}
.formulier label {
	float:left;
	display:block;
	padding-top:2px;
	font-weight:bold;
	width:160px;
	}
.formulier big {
	display:block;
	color:#df0024;
	font-weight:bold;
	padding:3px 0px 6px 22px;
	background:url(../gfx/alert.gif) no-repeat 0px 4px;
	}
.formulier big span {
	font-size:0.7em;
	display:block;
	font-weight:normal;
	}
.formulier em {
	color:#f00;
	}
.formulier .buttons {
	clear:both;
	border-bottom:0px;
	}
.formulier .buttons input {
	float:right;
	color:#fff;
	font-weight:bold;
	font-family:arial;
	border:0px;
	cursor:pointer;
	border-top:1px solid #fff;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #fff;
	width:auto;
	padding:2px 10px;
	background:transparent url(../gfx/knopbg.gif) repeat-x left top;
	}
.formulier .buttons input:hover {
	border-top:1px solid #000;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #000;
	background:transparent url(../gfx/knopbg.gif) repeat-x left bottom;
	}
.formulier .buttons input#btn_update {
	float:left;
	}
.formulier .stuurcc input {
	width:auto;
	margin-right:6px;
	}
.formulier .stuurcc label {
	width:auto;
	display:inline;
	float:none;
	font-weight:normal;
	}
.formulier div .stuurcc {
	padding:4px 0px 0px 160px;
	}
input.knop,
a.knop:link,
a.knop:visited {
	background:transparent url(../gfx/knopbg.gif) repeat-x left top;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	border-top:1px solid #fff;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #fff;
	}
input.knop:hover,
a.knop:hover,
a.knop:visited:hover {
	background:transparent url(../gfx/knopbg.gif) repeat-x left bottom;
	color:#fff;
	border-top:1px solid #000;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #000;
	}
a.knop:link,
a.knop:visited,
a.knop:hover,
a.knop:visited:hover {
	display:block;
	}
.buttons #btn_update,
input.knopgrijs,
a.knopgrijs:link,
a.knopgrijs:visited {
	background:transparent url(../gfx/knopbggrijs.gif) repeat-x left top;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	border-top:1px solid #fff;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #fff;
	}

.buttons #btn_update:hover,
input.knopgrijs:hover,
a.knopgrijs:hover,
a.knopgrijs:visited:hover {
	background:transparent url(../gfx/knopbggrijs.gif) repeat-x left bottom;
	color:#fff;
	border-top:1px solid #000;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #000;
	}
a.knop:link,
a.knop:visited,
a.knop:hover,
a.knop:visited:hover {
	display:block;
	}
#verderregistreren {
	width:170px;
	}
.registreren {
	background-color:#ccc;
	}
.registreren h2 {
	background-color:#666;
	color:#fff;
	}
.registreren div {
	border-bottom:1px solid #bbb;
	}



/* Zoeken
=================================================================*/
#zoekformulier {
	float:right;
	width:242px;
	padding:25px 0px 0px 0px;
	}
#zoekformulier fieldset {
	border:0px;
	}
#zoekveld {
	width:180px;
	}

*:first-child+html #zoekveld {width:165px;}
*html #zoekveld {width:165px;}

#zoekknop {
	position:relative;
	top:1px;
	left:0px;
	}
#zoekformulier p {
	color:#fff;
	}
#zoekformulier p a:link,
#zoekformulier p a:visited {
	color:#9ac;
	}
#zoekformulier p a:hover,
#zoekformulier p a:visited:hover {
	color:#fff;
	}

/* Nieuwsbrief aanmelden
=================================================================*/
#nieuwsbriefaanmelden {
	width:195px;
	background-color:#e9eef5;
	margin-bottom:15px;
	}
#nieuwsbriefaanmelden h2 {
	color:#2c5c9e;
	background-color:#c3d1e4;
	padding:6px 15px 4px 15px;
	font-size:1.2em;
	width:165px;
	}
#nieuwsbriefaanmelden fieldset {
	border:0px;
	padding:0px 0px 0px 15px;
	}
#nieuwsbriefaanmelden #mailadres {
	width:163px;
	}
#nieuwsbriefaanmelden div.knoppen {
	text-align:right;
	padding:5px 15px 15px 0px;
	}

/* Productoverzicht (matrix)
=================================================================*/
.overzicht_matrix {
	font-size:0.9em;
	line-height:1.3em;
	overflow:hidden;
	border-bottom:1px solid #2c5c9e;
	margin-bottom:15px;
	margin-left:15px;
	height:1%;
	}
.tweecols {
	width:390px;
	}
.driecols {
	width:585px;
	float:right;
	}
.overzicht_matrix li {
	float:left;
	width:180px;
	list-style:none;
	text-align:center;
	}
.overzicht_matrix li ul li {
	float:none;
	width:auto;
	}
.overzicht_matrix .oz_foto {
	position:relative;
	width:100px;
	padding:10px 40px 5px 40px;
	min-height:100px;
	_height:100px;
	}
.overzicht_matrix .oz_naam {
	font-weight:bold;
	}
.overzicht_matrix .oz_aanbieding {
	position:absolute;
	top:0px;
	left:20px;
	}
.overzicht_matrix .oz_info {
	padding:0px 5px 4px 5px;
	width:170px;
	height:70px;
	}

.overzicht_matrix .oz_prijs .vanprijs {
	text-decoration:line-through;
	color:#000;
	}
.overzicht_matrix .oz_prijs .voorprijs {
	font-weight:bold;
	color:#f00;
	}
.overzicht_matrix .oz_prijs .normaalprijs {
	font-weight:bold;
	}
.overzicht_matrix  .oz_acties {
	padding:2px 5px;
	background-color:#ddd;
	overflow:hidden;
	width:170px;
	}
.overzicht_matrix .oz_acties .oz_bestel {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:1px 5px;
	display:block;
	}
.overzicht_matrix .oz_acties .oz_bestel img {
	position:relative;
	top:1px;
	left:0px;
	display:inline;
	margin-right:3px;
	}
.overzicht_matrix label {
	position:relative;
	top:-2px;
	}
.overzicht_matrix .product_01 {
	padding:0px 0px 10px 0px;
	}
.overzicht_matrix .product_02 {
	padding:0px 0px 10px 15px;
	}
.overzicht_matrix .product_03 {
	padding:0px 0px 10px 15px;
	}

/* Sorteerformulier
=================================================================*/
.sorteerformulier {
	overflow:hidden;
	background-color:#e9eef5;
	border-bottom:1px solid #2c5c9e;
	margin-left:15px;
	margin-bottom:10px;
	padding:0px 0px 20px 0px;
	position:relative;
	width:570px;
	}
.sorteerformulier fieldset {
	border:0px;
	padding:0px;
	}
.sorteerformulier label {
	margin-left:4px;
	}
.sorteerformulier h6 {
	padding:6px 15px 4px 15px;
	font-size:1.3em;
	color:#2c5c9e;
	background-color:#c3d1e4;
	}
.sorteerformulier h5 {
	margin:5px 0px 0px 0px;
	width:139px;
	}
.sorteerformulier #sorteervariabelen {
	padding:0px 0px 0px 15px;
	}
.sorteerformulier #sorteervariabelen .criteria {
	position:relative;
	float:left;
 width:200px;
 height:70px;
	clear:both;
	}
#radio_p_group_1_1{
 position:absolute;
 top:30px;
 left:10px;
 width:200px;
 }
#radio_p_group_1_2{
 position:absolute;
 top:50px;
 left:10px;
 width:200px;
 }
#radio_p_group_1_3{
 position:absolute;
 top:30px;
 left:215px;
 width:200px;
 }
#radio_p_group_1_4{
 position:absolute;
 top:50px;
 left:215px;
 width:200px;
 }
#radio_p_group_1_1 input,
#radio_p_group_1_2 input,
#radio_p_group_1_3 input,
#radio_p_group_1_4 input{
 float:left
 }
#radio_p_group_1_1 label,
#radio_p_group_1_2 label,
#radio_p_group_1_3 label,
#radio_p_group_1_4 label{
 white-space:nowrap;
 }
.sorteerformulier .rechtsuitlijn {
	clear:both;
	text-align:right;
	padding:2px 5px;
	margin:0px;
	width:530px;
	background-color:#d9dfe6;
	}
.ongedaanmaken {
	position:absolute;
	top:5px;
	left:95px;
	font-size:0.9em;
	}
.inklapuitklap {
	position:absolute;
	bottom:0px;
	left:230px;
	background-color:#2c5c9e;
	color:#fff;
	width:109px;
	cursor:pointer;
	}
.inklapuitklap li {
	color:#fff;
	list-style:none;
	font-size:0.9em;
	padding:1px 15px 0px 15px;
	height:17px;
	width:79px;
	}
#inklappen {
	background:#2c5c9e url('../gfx/inklapuitklapbg.gif') no-repeat top left;
	}
#uitklappen {
	background:#2c5c9e url('../gfx/inklapuitklapbg2.gif') no-repeat top left;
	}
.tonenperpagina {
	position:absolute;
	top:5px;
	right:15px;
	font-size:0.9em;
	}
.tonenperpagina dt,
.tonenperpagina dd {
	padding-left:3px;
	}
.tonenperpagina dt,
.tonenperpagina dd {
	display:inline;
	}


/* Vorige Volgende
=================================================================*/
.vorigevolgende {
	float:right;
	margin-bottom:15px;
	}
.vorigevolgende li {
	float:left;
	list-style:none;
	padding-left:3px;
	}
.vorigevolgende a:link,
.vorigevolgende a:visited,
.vorigevolgende a:hover,
.vorigevolgende a:visited:hover {
	display:block;
	border:1px solid #bbb;
	font-weight:bold;
	text-decoration:none;
	padding:0px 5px;
	}
.vorigevolgende a:link,
.vorigevolgende a:visited {
	color:#666;
	}
.vorigevolgende a:hover,
.vorigevolgende a:visited:hover {
	color:#000;
	background-color:#ddd;
	}
.vorigevolgende .select {
 padding:0px 5px;
 margin-left:3px;
	background-color:#2c5c9e;
	color:#fff;
	border:1px solid #2c5c9e;
	font-weight:bold;
	}
.vorigevolgende .disabled{
 padding:0px 5px;
 margin-left:3px;
	background-color:#fff;
	color:#666;
	border:1px solid #bbb;
	font-weight:bold;
 }

/* Levertijden
=================================================================*/
.levertijd_snel {
	color:#6a0;	
	}
.levertijd_normaal {
	color:#f80;	
	}
.levertijd_langzaam {
	color:#f00;	
	}

/* Bestelstappen
=================================================================*/
#bestelstappen {
	overflow:hidden;
	width:580px;
	margin-bottom:20px;
	background:url(../gfx/bestelstappenbg.gif) no-repeat left top;
	}
#bestelstappen li {
	float:left;
	width:100px;
	padding-right:20px;
	list-style:none;
	text-align:center;
	line-height:1.2em;
	font-weight:bold;
	color:#888;
	padding-top:65px;
	}
#bestelstappen #stap1 {
	background:url(../gfx/bestelstap01.gif) no-repeat left top;
	}
#bestelstappen #stap1.actief {
	background:url(../gfx/bestelstap01actief.gif) no-repeat left top;
	color:#000;
	}
#bestelstappen #stap2 {
	background:url(../gfx/bestelstap02.gif) no-repeat left top;
	}
#bestelstappen #stap2.actief {
	background:url(../gfx/bestelstap02actief.gif) no-repeat left top;
	color:#000;
	}
#bestelstappen #stap3 {
	background:url(../gfx/bestelstap03.gif) no-repeat left top;
	}
#bestelstappen #stap3.actief {
	background:url(../gfx/bestelstap03actief.gif) no-repeat left top;
	color:#000;
	}
#bestelstappen #stap4 {
	background:url(../gfx/bestelstap04.gif) no-repeat left top;
	}
#bestelstappen #stap4.actief {
	background:url(../gfx/bestelstap04actief.gif) no-repeat left top;
	color:#000;
	}
#bestelstappen #stap5 {
	background:url(../gfx/bestelstap05.gif) no-repeat left top;
	padding-right:0px;
	}
#bestelstappen #stap5.actief {
	background:url(../gfx/bestelstap05actief.gif) no-repeat left top;
	color:#000;
	}
.besteladres input,
.verzendmogelijkheid input {
	width:auto;
	margin-right:10px;
	float:left;
	display:block;
	position:relative;
	top:5px;
	}
.formulier .verzendmogelijkheid label {
	width:500px;
	}
.formulier .besteladres div {
	width:260px;
	float:left;
	clear:none;
	}
.besteladres ul {
	width:140px;
	float:left;
	}
.besteladres ul li {
	list-style:none;
	}
.besteladres label {
	width:auto;
	font-weight:bold;
	}	
.verzendmogelijkheid label {
	width:auto;
	}
#div_checkbox #ok,
#zelfde_adres #chk_same_address{
 float:left;
 width:auto;
 margin-top:6px;
 margin-right:6px;
}
#div_checkbox label,
#zelfde_adres label{
 float:left;
 width:auto;
}

/* Adressen
=================================================================*/

#adreslijst{
	margin-bottom:20px;
	background-color:#eee;
	clear:both;
	margin-left:15px;
 }
#adreslijst h2{
	padding:4px 10px 4px 10px;
	background-color:#ddd;
	font-size:1.2em;
 }
#adreslijst address{
	border-bottom: 1px solid #ddd;
 position:relative;
 padding:10px 0px 10px 10px;
 font-style:normal;
 }
#adreslijst address p{
 position:absolute;
 top:10px;
 right:100px;
 }

/* Winkelmandje
=================================================================*/
#winkelmandjegroot {
	width:570px;
	background-color:#fff;
	border-collapse:collapse;
	}
#winkelmandjegroot th {
	text-align:left;
	background-color:#eee;
	}
#winkelmandjegroot th,
#winkelmandjegroot td {
	padding:3px 5px;
	border-right:1px solid #eee;
	border-bottom:1px solid #bbb;
	border-left:1px solid #eee;
	}
#winkelmandjegroot .col1 {
	padding:3px 5px 3px 10px
	}
#winkelmandjegroot .col3,
#winkelmandjegroot .col4,
#winkelmandjegroot .col5,
#winkelmandjegroot .col6 {
	text-align:right;
	}

#winkelmandjegroot .peenheid {
	background:#ddd;
	font-weight:bold;
	}

#winkelmandjegroot .col5 {
	padding:3px 10px 3px 5px
	}
#winkelmandjegroot .col4,
#winkelmandjegroot .col6 {
	white-space:nowrap;
	}
#winkelmandjegroot .col3 input {
 width:30px;
 float:left;
 }
#winkelmandjegroot .col3 select {
	width:50px;
	}
#winkelmandjegroot .verversbalk td {
	background-color:#eee;
	padding:3px 10px;
	}
.winkelmandjesubtotaal td,
.winkelmandjetotaal td {
	text-align:right;
	}

.lijntest {
	background:#ddd url(../gfx/bg-dbstreep.gif) bottom repeat-x;
	font-weight:bold;
	}

.txtschuin {
	font-style:italic;}

.winkelmandjetotaal td {
	text-align:right;
	font-weight:bold;
	}

#winkelmandjegroot .verversbalk td input {
	float:none;
	width:170px;
	}
.veiligheid {
	padding:0px 0px 0px 16px;
	background:url(../gfx/veiligheid.gif) no-repeat left top;
	font-weight:bold;
	}
#opnieuwplaatsen {
	width:210px;
	}

/* Top 10
=================================================================*/
.top10 {
	background-color:#e9eef5;
	width:180px;
	margin-bottom:15px;
	}
.top10 a:link,
.top10 a:visited,
.top10 a:hover,
.top10 a:visited:hover {
	font-weight:bold;
	}
.top10 thead th,
.top10 thead td {
	background-color:#c3d1e4;
	color:#2c5c9e;
	padding:6px 15px 4px 15px;
	font-size:1.2em;
	font-weight:bold;
	}
.top10 th,
.top10 td {
	vertical-align:top;
	text-align:left;
	}
.top10 tbody th {
	padding:2px 5px 2px 15px;
	border-bottom:1px solid #c3d1e4;
	line-height:1.3em;
	}
.top10 tbody td {
	padding:2px 10px 2px 0px;
	border-bottom:1px solid #c3d1e4;
	}
.top10 li {
	list-style:none;
	line-height:1.3em;
	}
.top10 .top10naam {
	font-weight:bold;
	}
.top10 .top10omschrijving a:link,
.top10 .top10omschrijving a:visited,
.top10 .top10omschrijving a:hover,
.top10 .top10omschrijving a:visited:hover {
	font-weight:normal;
	}
.top10 .top10omschrijving tfoot td {
	padding:2px 0px 2px 15px;
	}
a.top10nr:link,
a.top10nr:visited {
	display:block;
	width:30px;
	height:23px;
	padding-top:7px;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	color:#777;
	text-decoration:none;
	position:absolute;
	top:10px;
	left:10px;
	background-color:#fff;
	border:1px solid #ddd;
	}
a.top10nr:hover,
a.top10nr:visited:hover {
	background-color:#f50;
	color:#fff;
	}
.top10prijs .vanprijs {
	text-decoration:line-through;
	color:#000;
	}
.top10prijs .voorprijs {
	font-weight:bold;
	color:#f00;
	}

/* Topaanbiedingen
=================================================================*/
#topaanbiedingen {
	position:relative;
	width:780px;
	height:240px;
	margin:15px 0px;
	background:transparent url(../gfx/topaanbiedingenbg.gif) repeat-x left top;
	color:#fff;
	}
#topaanbieding1,
#topaanbieding2 {
	float:left;
	width:390px;
	height:240px;
	}
#topaanbiedingen img {
	float:left;
	}
#topaanbiedingen ul {
	float:left;
	width:195px;
	}
#topaanbiedingen ul li {
	width:195px;
	list-style:none;
	}
.ta_bestel a:link,
.ta_bestel a:visited,
.ta_bestel a:hover,
.ta_bestel a:visited:hover {
	float:right;
	padding:2px 10px;
	text-decoration:none;
	}
.ta_bestel img {
	position:relative;
	top:4px;
	left:0px;
	display:block;
	margin-right:3px;
	}
.ta_naam {
	font-weight:bold;
	font-size:1.8em;
	padding:20px 0px 5px 0px;
	}
.ta_subnaam {
	font-weight:bold;
	font-size:1.4em;
	color:#cbdaee;
	margin-bottom:10px;
	}
.ta_omschrijving {
	line-height:1.3em;
	margin-bottom:10px;
	}
.ta_prijs {
	font-weight:bold;
	margin-bottom:15px;
	text-align:right;
	}
.ta_prijs .vanprijs {
	font-size:1.4em;
	color:#cbdaee;
	text-decoration:line-through;
	margin-right:15px;
	}
.ta_prijs .voorprijs {
	font-size:1.8em;
	}

/* Profielstatus
=================================================================*/
#profielstatus {
	float:left;
	width:570px;
	margin:0px 0px 15px 0px;
	border-left:15px solid #fff;
	overflow:hidden;
	background:transparent url(../gfx/profielstatusbg.gif) repeat-y left top;
	}
#profielstatus h2 {
	font-size:1.2em;
	}
#loginstatus {
	float:left;
	padding:6px 15px;
	width:360px;
	}
#winkelmandjestatus {
	float:left;
	padding:6px 15px;
	width:150px;
	}
#winkelmandjestatus a:link,
#winkelmandjestatus a:visited,
#winkelmandjestatus a:hover,
#winkelmandjestatus a:visited:hover {
	font-weight:bold;
	}
#loginstatus .contentlist {
	margin-bottom:0px;
	}
#profielstatus #winkelmandjestatus h2 {
	background:transparent url(../gfx/bestelwagentjezwart.gif) no-repeat 0px 4px;
	padding-left:16px;
	}

/* Profielmenu
=================================================================*/
#profielmenu dl {
	width:265px;
	padding:0px 20px 20px 0px;
	float:left;
	}
#profielmenu dl.eerste {
	clear:left;
	}
#profielmenu dt {
	font-size:1.2em;
	font-weight:bold;
	}
.ikbenniet {
	position:relative;
	top:2px;
	font-size:0.9em;
	float:right;
	}

/* Bestelstappen
=================================================================*/
#bestelstappen {
	overflow:hidden;
	width:570px;
	margin-bottom:20px;
	margin-left:15px;
	background:url(../gfx/bestelstappenbg.gif) no-repeat left top;
	}
#bestelstappen li {
	float:left;
	width:100px;
	padding-right:15px;
	list-style:none;
	text-align:center;
	line-height:1.2em;
	font-weight:bold;
	color:#888;
	padding-top:65px;
	}
#bestelstappen #stap1 {
	background:url(../gfx/bestelstap01.gif) no-repeat left top;
	}
#bestelstappen #stap1.actief {
	background:url(../gfx/bestelstap01actief.gif) no-repeat left top;
	color:#000;
	}
#bestelstappen #stap2 {
	background:url(../gfx/bestelstap02.gif) no-repeat left top;
	}
#bestelstappen #stap2.actief {
	background:url(../gfx/bestelstap02actief.gif) no-repeat left top;
	color:#000;
	}
#bestelstappen #stap3 {
	background:url(../gfx/bestelstap03.gif) no-repeat left top;
	}
#bestelstappen #stap3.actief {
	background:url(../gfx/bestelstap03actief.gif) no-repeat left top;
	color:#000;
	}
#bestelstappen #stap4 {
	background:url(../gfx/bestelstap04.gif) no-repeat left top;
	}
#bestelstappen #stap4.actief {
	background:url(../gfx/bestelstap04actief.gif) no-repeat left top;
	color:#000;
	}
#bestelstappen #stap5 {
	background:url(../gfx/bestelstap05.gif) no-repeat left top;
	padding-right:0px;
	}
#bestelstappen #stap5.actief {
	background:url(../gfx/bestelstap05actief.gif) no-repeat left top;
	color:#000;
	}
.besteladres input,
.verzendmogelijkheid input {
	width:auto;
	margin-right:10px;
	float:left;
	display:block;
	position:relative;
	top:5px;
	}
.formulier .besteladres div {
	width:260px;
	float:left;
	clear:none;
	}
.besteladres ul {
	width:140px;
	float:left;
	}
.besteladres ul li {
	list-style:none;
	}
.besteladres label {
	width:auto;
	font-weight:bold;
	}
.verzendmogelijkheid label {
	width:auto;
	}

/* Categoriepagina
=================================================================*/
#categorien {
	position:relative;
	overflow:hidden;
	width:570px;
	padding:0px 0px 0px 15px;
	}
#categorien li {
	position:relative;
	float:left;
	width:180px;
	list-style:none;
	}
#categorien img {
	margin-left:25px;
	}
#categorien a:link,
#categorien a:visited,
#categorien a:hover,
#categorien a:visited:hover {
	display:block;
	width:150px;
	padding:14px;
	text-decoration:none;
	min-height:120px;
	_height:120px;
	}
#categorien a:link,
#categorien a:visited {
	border:1px solid #ddd;
	}
#categorien a:hover,
#categorien a:visited:hover {
	border:1px solid #000;
	}
#categorien span {
	display:block;
	width:150px;
	}
#categorien a span.cattitel {
	text-decoration:underline;
	}
#categorien a span.catomschrijving {
	color:#000;
	}
#categorien .cat_01 {
	padding:0px 15px 15px 0px;
	}
#categorien .cat_02 {
	padding:0px 15px 15px 0px;
	}
#categorien .cat_03 {
	padding:0px 0px 0px 0px;
	}

/* Productdetail
=================================================================*/
.productdetail {
	width:570px;
	margin-bottom:20px;
	}
.productdetail fieldset {
	border:0px;
	width:570px;
	overflow:hidden;
	}
.detaillinks {
	width:220px;
	float:left;
	}
.detaillinks img {
	margin-bottom:15px;
	}
.detailrechts {
	width:335px;
	float:left;
	padding:0px 0px 0px 15px;
	}
.productdetailspecs {
	width:335px;
	border-bottom:1px solid #ddd;
	border-collapse:collapse;
	}
.productdetailspecs th {
	text-align:left;
	}
.productdetailspecs th,
.productdetailspecs td {
	border-top:1px solid #ddd;
	padding:2px 0px;
	}
.productdetailspecs .oudeprijs {
	text-decoration:line-through;
	}
.productdetailspecs .nieuweprijs {
	font-weight:bold;
	font-size:1.4em;
	color:#f00;
	}
.detailrechts .buttons {
	text-align:right;
	padding:10px 0px 0px 0px;
	overflow:hidden;
	width:335px;
	}
.detailrechts .buttons a:link,
.detailrechts .buttons a:visited,
.detailrechts .buttons a:hover,
.detailrechts .buttons a:visited:hover {
	float:right;
	padding:4px 10px;
	text-decoration:none;
	}
.detailrechts .buttons img {
	display:inline;
	margin-right:4px;
	}
.aanverwant {
	margin-bottom:30px;
	}

/* Recensies
=================================================================*/
.recensies {
	margin-bottom:10px;
	padding-left:15px;
	}
.recensies dt {
	padding:2px 10px 2px 98px;
	}
.recensies dt.ster1 {
	background:transparent url(../gfx/ster1.gif) no-repeat 10px 2px;
	}
.recensies dt.ster2 {
	background:transparent url(../gfx/ster2.gif) no-repeat 10px 2px;
	}
.recensies dt.ster3 {
	background:transparent url(../gfx/ster3.gif) no-repeat 10px 2px;
	}
.recensies dt.ster4 {
	background:transparent url(../gfx/ster4.gif) no-repeat 10px 2px;
	}
.recensies dt.ster5 {
	background:transparent url(../gfx/ster5.gif) no-repeat 10px 2px;
	}
.recensies dd {
	background-color:#eee;
	padding:2px 10px;
	margin-bottom:10px;
	}


/* Documenten
=================================================================*/
.documenten {
	margin-bottom:10px;
	width:560px;
	}
.documenten li {
	list-style:none;
	margin-bottom:5px;
	width:560px;
	}
.documenten a,
.documenten a:visited,
.documenten a:hover,
.documenten a:visited:hover {
	display:block;
	padding:2px 10px 3px 27px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-weight:bold;
		width:523px;
	}
.documenten a,
.documenten a:visited {
	background-color:#eee;
	background-repeat:no-repeat;
	background-position:5px 3px;
	}
.documenten a:hover,
.documenten a:visited:hover {
	background-color:#fff;
	}
.docgif {
	background-image:url('../gfx/icons/gif.gif');
	}
.docjpg {
	background-image:url('../gfx/icons/jpg.gif');
	}
.docbmp {
	background-image:url('../gfx/icons/bmp.gif');
	}
.docpdf {
	background-image:url('../gfx/icons/pdf.gif');
	}
.docdoc {
	background-image:url('../gfx/icons/doc.gif');
	}
.docxls {
	background-image:url('../gfx/icons/xls.gif');
	}
.doczip {
	background-image:url('../gfx/icons/zip.gif');
	}
.doctxt {
	background-image:url('../gfx/icons/txt.gif');
	}
.docwmp {
	background-image:url('../gfx/icons/wmp.gif');
	}
