/* ##############  LANDINGSPAGINA  ############## */

div.homepage, div.landingspage {
	width:540px;
	height:525px;
	margin-left:25px;
	overflow:hidden;
	}
	

.landingsblokje {
	background:#333333;
	margin-bottom:30px;
	padding:10px;
	background:url(/pics/bg_landingsblokje_laag.jpg) repeat-x;
	}
.landingsblokje.hoog {background:url(/pics/bg_landingsblokje_hoog.jpg) repeat-x;}
.landingsblokje.laag {background:url(/pics/bg_landingsblokje_laag.jpg) repeat-x; height:157px;} /* -20px padding */
	
.landingsblokje a img {border:1px solid #000000;}

.links {float:left;}
.rechts {float:right;}







/* ##############  SELECT BOX  ############## */


.landingsblokje2 {
	background:url(/pics/landings-logo1.gif) no-repeat;
	margin:0px;
	height:72px;
	}
	
.landingsblokje2 p.selectboxes {
padding-top: 30px;
padding-left: 240px;
margin-top: 0px;
}

.landingsblokje2 p.selectboxes select{
width: 120px;
margin-right: 5px;
}



.logo_blokje {
	float:left;
	position:relative;
	margin-top:-27px; 
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	}
.logo_blokje img {
	margin-bottom:-3px;
	}
	


/* ##############  TITELBALK  ############## */

.landingsbalk {
	background:url(/pics/bg_landingsblokje_balk.gif);
	width:158px;
	height:16px !important;
	color:#000000;
	text-align:center;
	border:1px solid #000000;
	border-top:none;
	margin-top:-3px;
	padding-top:2px;
	z-index:99;
	}
.homepage .landingsbalk {
	width:158px;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:none;
	margin-top:-3px;
	padding-top:2px;
	float:left;
	}


	
.landingsbalk a {
	font-size:10px;
	display:block;
	margin:0px 5px;
	text-decoration:none;
	font-weight:bold;
	}
.homepage .landingsbalk a {
	background: url(/pics/landings-pijltje.gif) right center no-repeat;
	padding-right:5px;
	}




	




	
	
	



/* ##############  ALGEMEEN  ############## */

body {	margin:0px;
	background:#565656 url('/pics/bg_body.gif') left top repeat-x;
	overflow:auto;
	text-align:center;
	}

body, table {
	font-family:Arial, Verdana, Helvetica, Sans-serif;
	font-size:11px;
	color:#444444;
	}

a {outline:none;}
a img {border:none;}

a {color:#444444;}
a:hover {color:#000000;}

a.back {
	background:url('/pics/pijltje_links.gif') 0px 2px no-repeat;
	padding-left:17px;
	font-weight:normal;
	}
a.backdonker {
	background:url('/pics/pijltje_links_donker.gif') 0px 2px no-repeat;
	padding-left:17px;
	text-decoration:none;
	font-weight:normal;
	}

a.idonker {
	background:url('/pics/i.gif') 0px 2px no-repeat;
	padding-left:17px;
	text-decoration:none;
	font-weight:normal;
	}

A img.button {filter:alpha(opacity=100); opacity:1.0; -moz-opacity:1.0;}
A:hover img.button {filter:alpha(opacity=80); opacity:0.80; -moz-opacity:0.80;}

A img.thumb {filter:alpha(opacity=100); opacity:1.00; -moz-opacity:1.00;}
A:hover img.thumb {filter:alpha(opacity=90); opacity:0.90; -moz-opacity:0.90;}

A.thumb {text-decoration: none; border:1px solid #636363; filter:alpha(opacity=100); opacity:1.00; -moz-opacity:1.00;}
A.thumb:hover {filter:alpha(opacity=90); opacity:0.90; -moz-opacity:0.90; border:1px solid #000000;}



a.thumb span.new {
   padding: 8px;
   color: white;
   background: black;
   width: 30px;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
   font-size: 9px;
   display: block;
}

a.thumb span.korting {
   padding: 8px;
   color: white;
   background: red;
   width: 30px;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
   font-size: 10px;
   display: block;
}

img.thumb {border:1px solid #636363;}

.floatleft {float:left;}
.floatright {float:right;}

.clearboth {clear:both;}

.help {cursor:help;}

hr {height:1px; color:#cccccc; border-top:1px solid #cccccc; border-bottom:none;}







/* ##############  TEKST STYLES  ############## */

h1, h2, h3, h4, h5 {margin-top:0px;}
h1 {font-size:15px;}
h2 {font-size:14px;}
h3 {font-size:13px;}
h4 {font-size:12px;}
h5 {font-size:11px;}


.left	{text-align:left !important;}
.right	{text-align:right !important;}
.center	{text-align:center !important;}

.top	{vertical-align:top !important;}
.middle	{vertical-align:middle !important;}
.bottom	{vertical-align:bottom !important;}

.rood	{color:#ff0000;}
.bold	{font-weight:bold;}
.credit {font-size:9px;}
.klein	{
	font-family:verdana, helvetica, sans-serif;
	font-style:normal;
	font-size:9px; 
	}

.dgrijs, .dgrijs a {color:#444444;}
.dgrijs a:hover {color:#999999;}

.lgrijs, .lgrijs a {color:#dddddd;}
.lgrijs a:hover {color:#ffffff;}

.wit, .wit a {color:#ffffff;}
.wit a:hover {color:#cccccc;}

.zwart, .zwart a {color:#000000;}
.zwart a:hover {color:#333333;}








/* ##############  DIV CONTAINERS  ############## */

div.logocontainer {
	position: absolute;
	top:50%; left:50%; /* ga naar het midden van de pagina */
	width:1000px; height:704px; /* bepaal de grootte van het block */
	margin-left:-500px; margin-top:-352px;  /* halveer de grootte en verschuif negatief */

	padding:0px 0px 5px 0px;
	background:url('/pics/logo_bg.gif') 0px 3px no-repeat;
	overflow:hidden;
	}

div.kader {
	width:910px;
	height:700px;
	margin:0 auto;
	background:url('/pics/bg_kader.jpg') 0px 0px repeat-x;
	overflow:hidden;
	}

div.contentcontainer {
	width:844px; 			/*** dit + padding = 894 ***/
	height:596px; 			/*** dit + padding = 644 ***/
	padding: 30px 25px 18px 25px;
	margin:7px;
	background:url('/pics/bg_contentcontainer.jpg') left top repeat-x;
	overflow:hidden;
	text-align:left;
	}

div.leftnav {
	float:left;
	width:190px;
	height:355px;
	overflow:hidden;
	}



div.bottomnav-credits {
	position:absolute;
	bottom:16px;
	left:0px;
	height:13px;
	letter-spacing:1px;
	font-size:10px;
	color:888888;
	z-index:6;
	}
div.bottomnav-credits a {color:#000; text-decoration:none;}
div.bottomnav-credits a:hover {color:#000; text-decoration:underline;}

div.bottomnav {
	clear:right;
	position:relative;
	top:10px;
	width:100%;
	height:23px;
	text-align:right;
	vertical-align:top;
	word-spacing:2px;
	letter-spacing:0px;
	text-transform:uppercase;
	font-size:9px;
	color:#999999;
	}
div.bottomnav a {color:#999999; text-decoration:none;}
div.bottomnav a:hover {color:#cccccc; text-decoration:underline;}
div.bottomnav select {width: 170px;}



#bottomlinks {display:inline; margin-right:10px; margin-top:3px;}
#quickjump {display:inline; letter-spacing:0px; word-spacing:0px;}


div.content {
	border:1px solid #3c3c3c;
	float:right;
	width:601px;			/*** dit + padding = 631 ***/
	height:533px;			/*** dit + padding = 578 ***/
	padding:15px;
	padding-top:30px;

	background:#cdcdcd url('/pics/bg_content.gif') left top repeat-x;
	overflow:auto;
	}
	
	div.content.achtergrond {
      padding: 0px;
      width: 631px;
      height: 578px;      
   }
	
#noscroll {overflow:hidden;}
#webshop_detail {padding-top:15px; height:548px; overflow:hidden !important;}


div.blokje {
	float:left;
	width:190px;
	height:209px;
	overflow:hidden;
	position:relative;
	top:19px;
	clear:left;
	}
div.blokje, div.blokje table {color:#cccccc;}

#blokje_mandje {background:url('/pics/bg_blokje_mandje.jpg') top left no-repeat; 
	height:120px; 
	margin-top:19px; 
	padding:55px 20px 0px 20px; 
	}
#blokje_nieuwsbrief {background:url('/pics/bg_blokje_nieuwsbrief.jpg') top left no-repeat;
	height:135px; 
	margin-top:19px; 
	padding:40px 20px 0px 20px; 
	}
#blokje_nieuwsbrief td input.input {width:105px;}

div.footer {
	position:relative;
	top:6px;
	width:100%;
	height:30px;
	text-align:right;
	vertical-align:top;
	}

div.logojoris {
	width:910px;
	height:15px;
	margin:0 auto;
	text-align:right;
	}
div.logojoris a {text-decoration:none; color:#999999; }
div.logojoris a:hover {text-decoration:none; color:#aaaaaa; }








/* ##############  OVERZICHTS PAGINA  ############## */

div.lijst_container {
	width:550px;
	height:257px;
	margin:0 auto;
	margin-bottom:18px;
	}
#last {margin-bottom:0px;}

div.lijst_block {
	width:156px;
	}
.blok1 {float:left;}
.blok2 {float:left; margin-left:37px;}
.blok3 {float:right;}

h1.productname {
	font-size:12px;
	font-weight:bold;
	margin-bottom:0px;
	}
h1.productname a {text-decoration:none;}



div.van-voor {margin:0px; clear:left;}
span.van {
	text-decoration:line-through;
	margin-right:5px;
	}
span.voor {
	font-weight:bold;
	}









/* ##############  DETAIL PAGINA  ############## */

div.vlaklinks {width:348px;}
div.vlakrechts {width:235px;}
div.vlaklinks, div.vlakrechts {
	height:485px;
	}

div.options_container {
	position:relative;
	top:10px;
	clear:left;
	width:100%;
	height:60px;
	}

div.keuze_holder {
	height:58px;
	width:230px; 
	background:url('/pics/arrow_left.gif') bottom left no-repeat;
	}

div.options {display:inline; margin-bottom:10px; margin-right:-3px;}
div.voegtoe{display:inline;}

div.zoomvlak {
	width:233px;		/* zelfde waarde als de img (id=bc2) in de html pagina */
	height:370px;		/* zelfde waarde als de img (id=bc2) in de html pagina */
	float:right;
	text-align:right;
	border:1px solid #636363;
	background:url(/pics/imagezoom.jpg) no-repeat 45px 140px;
	}

div.omschrijving {
	width:233px;
	height:90px;
	margin-top:22px;
	display:inline;
	float:right;
	}
div.buttons {
	display:inline;
	width:238px; 
	margin-top:28px;
	}

span.terugnaarlijst {
	position:relative; 
	float:left; 
	top:32px; left:15px; 
	z-index:20;
	}









/* ##############  WINKELMANDJE PAGINA  ############## */

div.bar {
	width:100%;
	height:19px;
	background:url('/pics/bg_bar.jpg') -30px 6px no-repeat;
	overflow:hidden;
	padding-left:1px;
	}
.tab {
	position:relative;
	float:left;
	margin-left:-1px;
	width:133px;	
	height:16px;
	background:url('/pics/bg_tab.gif') top left no-repeat;
	padding:3px 5px 0px 10px;
	font-family:verdana;
	font-weight:bold;
	font-size:9px;
	}
   .tab.klein {
   width: 123px;
   }
.active {color:#333333;}
.inactive {color:#bbbbbb;}
.inactive .rood {color:#cd9696;}

div.centered_container {
	width:570px;
	margin:0 auto;
	margin-bottom:10px;
	}

div.box_container {
	border:1px solid #000000;
	overflow:hidden;
	padding:0px;
	height:190px;
	background:url('/pics/bg_box_container.gif') 0px 0px repeat-x; 
	}
#winkelmandje {overflow:auto;}
#bg_logo {background:url('/pics/bg_logo_quik.jpg') 0px 0px no-repeat; }

div.contactgegevens {width:160px; padding:10px; border:1px dashed #ffffff;}


table.mandje {
	margin:20px;
	margin:0 auto;
	}
table.mandje th {
	padding:2px 10px;
	background:#a3a3a3;
	border: 1px solid #c9c9c9;
	border-right: 1px solid #a1a1a1;
	text-align:center;
	}
table.mandje td {
	padding:2px 8px;
	background:#b1b1b1;
	border-right: 1px solid #a1a1a1;
	border-left: 1px solid #c9c9c9;
	}
table.mandje .artikel {width:50%; text-align:left;}
table.mandje .maat {width:50px; text-align:center;}
table.mandje .aantal {width:50px; text-align:center;}
table.mandje .verwijder {width:50px; text-align:center;}
table.mandje .prijs {width:70px; text-align:right; white-space:nowrap;}


table.form {

	color:#ffffff;
	margin:0 auto;
	margin-top:30px;
	}
table.form td {padding:1px 0px 1px 12px; text-align:right;}


div.txt {padding:20px 5px 20px 10px; height:150px; overflow:auto;}


div.balk {
	padding:10px 10px;
	border:1px solid #000000;
	border-top:none;
	height:13px; 
	display:cell;
	color:#cccccc;
	font-weight:bold;
	vertical-align:middle;
	background:#3e3e3e url('/pics/bg_balk_donker.jpg') right top repeat-x; height:18px;
	}
div.balk a {color:#cccccc; text-decoration:underline;}
div.balk a:hover {color:#ffffff; text-decoration:underline;}
div.balk span {margin-top:2px;}













/* ##############  FORM STYLES  ############## */

form, form p {margin:0px; padding:0px;}

select, input, textarea {
	font-family:verdana;
	font-size:9px;
	text-transform:none;
	margin:0px;
	}
.checkbox {margin:0px;}

select {
	margin:0px;
	border:1px solid #aaaaaa;
	background-color:#efefef;
	height:17px;
	width:85px;
	}

.input {
	width:150px;
	height:14px; 
	border:1px solid #000000;
	background:#efefef url('/pics/bg_input.gif') 0px 0px repeat-x;
	padding:2px 0px 0px 3px;
	margin:0px;
	}

input.button {filter:alpha(opacity=100); opacity:1.00; -moz-opacity:1.00;}
.over {filter:alpha(opacity=80); opacity:0.80; -moz-opacity:0.80;}
.out {filter:alpha(opacity=100); opacity:1.00; -moz-opacity:1.00;}


#postcode {width:52px;}
#plaats {width:94px; border-left:none;}

#opmerking {height:53px;}
#tellafriend {height:53px;}

#image_link {
   display: block;
   width: 631px;
   height: 578px;
}