/* ============================================================== */

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

#shopcontainer {
	width           : 960px;
	font-size:9pt;
}
#shopcontainer #zoekfunctie {
	background      : transparent;
	margin-top		: 10px;
}
#shopcontainer .zoeken_input {
	width           : 180px;
	border          : 1px solid #3c1c0a;
	background      : #fff;
	color           : #000;
	margin-top		: 5px;
	height:15px;
}
#shopcontainer .zoeken_button {
	background: url(images/zoeken.png) no-repeat left center;
	width: 80px;
	height: 23px;
	padding-top:2px;
	padding-left:23px;
	float:right;
	font-size:11pt;
	font-weight:bold;
	background-color:#3c1c0a;
	color:#fff;
	border:1px solid #000;
}

#shopcontainer .koopnu {
	width			: 80px;
	padding         : 3px 5px 5px 24px;
	margin          : 0 5px 0 10px;
	background      : url('images/koopnu.png') no-repeat left center;
	color           : #000;
	text-decoration : none;
	font-size		: 9pt;
	font-weight		: bold;
	border			: 0;
	height:20px;
  	cursor: pointer;
}
#shopcontainer .koopnu:hover {
	color           : #fff;
}

#shopcontainer #winkelwagen {
    width: 180px;
	float: right;
}

html > body #shopcontainer #winkelwagen{
    width           : 180px;
}

#shopcontainer #inhoud_shop {
	width           : 570px;
	float			: left;	
}
html > body #shopcontainer #inhoud_shop {
    width: 570px;
}
#links {
	width           : 195px;
	float			: left;
}
#rechts {
	width           : 765px;
	float			: right;
}

#shopcontainer #inhoud_caddy {
	width           : 585px;
	float			: left;	
}

/* ===== Kruimelpad ===== */
#shopcontainer #kruimelpad, #shopcontainer #zoekpad, #shopcontainer #resultatenpad{
	font-size       : 9pt;
	color           : #fff;
	padding         : 10px 0px 10px 5px;
}
#shopcontainer #kruimelpad a {
	color           : #fff;
    text-decoration : none;
}
#shopcontainer #kruimelpad a:hover {
	color           : #e0cc46;
    text-decoration : underline;
} 
#shopcontainer .winkelwagenlisting {
	font-size       : 8pt;
	color			: #fff;
}
#shopcontainer h2 {
	font-size       : 8pt;
	font-weight     : bold;
	text-decoration : underline;
}
#shopcontainer h3 a {
	font-size: 11pt;
	font-weight: bold;
	color: #000;
	margin: 62px 0 0 18px;
	text-align:center;
	width:134px;
	height:35px;
	display:block;
	text-decoration:none;
	border:none;
}

#shopcontainer h3 a:hover {
	color			: #fff;
	border			: none;
}

#shopcontainer h4 {
	font-size       : 11pt;
	font-weight     : bold;
	margin          : 2px 0;
	padding         : 2px 0 2px 10px;
	display			: block;
	border-bottom   : 1px solid #E0CC46;
	margin-left		: 5px;
	width			: 505px;
	height			: 16px;
	color			: #000;
}
#shopcontainer h1 {
	font-size       : 10pt;
	font-weight     : bold;
	margin          : 2px 10px;
	padding         : 2px 0 2px 10px;
	background-color: #953e14;
	display			: block;
}
#shopcontainer h6 {
	font-size       : 10pt;
	font-weight     : bold;
	margin          : 2px 0;
	padding         : 2px 10px;
	background-color: #953e14;
	display			: block;
}
#shopcontainer h5 {
	font-size       : 8pt;
	padding         : 0 0 0 10px;
}
#shopcontainer p {
	font-size       : 8pt;
	color           : #000;
	margin          : 0 0 5px 0;
	padding         : 4px 0 0 10px;
}
#shopcontainer p.zoeken, #shopcontainer p.winkel {
	font-size       : 11pt;
	color           : #fff;
	margin          : 0;
	padding		    : 15px 0 0 0;
	font-weight     : bold;
	background-image:url(images/p-bg.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='webshop/images/p-bg.png', sizingMethod='scale');	
	background-repeat:no-repeat;
	width			: 180px;
	height			: 35px;
	margin-bottom	: 10px;
	text-align		: center;
}
#shopcontainer .prijs {
	font-size       : 11pt;
	color           : #000;
}


/* CATEGORIE-, SUBCATEGORIE- EN PRODUCTVLAKKEN */
#shopcontainer .hoofdcategorie_inhoud, 
#shopcontainer .subcategorie_inhoud,
#shopcontainer .product_inhoud2 { 
	width:177px;
	height:177px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}
  
#shopcontainer .product_inhoud { 
	padding: 30px 20px 0 15px;
	width: 525px;
	margin-right:15px;
	background:url(images/product-bg.png);
	_background:url(images/product-bg_IE6.gif) top center no-repeat;
}
#shopcontainer .product_inhoud_down { 
	background:url(images/product-bg-down.png);
	_background:url(images/product-bg-down_IE6.gif) top center no-repeat;
	width: 560px;
	margin-right:15px;
	height:30px;
}

/* breedte voor firefox */
html > body #shopcontainer .hoofdcategorie_inhoud, 
html > body #shopcontainer .subcategorie_inhoud {
	width           : 177px;
} 
html > body #shopcontainer .product_inhoud{
	width           : 525px;
} 

/*=========================================================*/



#shopcontainer .ref_nr {
	padding			: 0 0 5px 10px;
	font-size		: 8pt;
	border-bottom	: 1px solid #953e14;
}
#shopcontainer .product_nav {
	border-top      : 1px solid #953e14;
	margin          : 5px 0 0 0;
	padding         : 5px 10px 0 10px;
	clear           : both;
}
#shopcontainer .product_nav_form {
	float           : right;
	width:180px;
	border-left      : 1px solid #953e14;
}

#shopcontainer .product_input_aantal {
	width           : 20px;
	font-size       : 12px;
	border          : 1px solid #000;
	color           : #000;
	text-align		: center;
}

#shopcontainer .product_input_bestellen, #shopcontainer .product_input_nubestellen {
	width           : 19px;
	height			: 19px;
	margin          : 0px 0px 0px 10px;
	vertical-align	: middle;
}
#shopcontainer .product_input_bestellen2 {
	width           : 88px;
	height			: 22px;
	vertical-align	: middle;
}
#shopcontainer .tekst {
	padding         : 0 5px;
	color           : #000;
}
#shopcontainer .tekst2 {
	padding         : 5px 5px 0 5px;
	color           : #000;
	float			: right;
	width			: 390px;
	border-left     : 1px solid #953e14;
}
#shopcontainer .foto {
	padding         : 0;
	color           : #000;
	float			: left;
	width			: 110px;
	text-align		: center;
}

/* #shopcontainer .subcategorie_inhoud img {
	border          : 0px;
	width           : 80px;
	height          : auto;
}
*/


/* Caddy */ 

#shopcontainer #winkelwagen .prijslijst, #shopcontainer #winkelwagen .prijslijst_totaal {
	border-top      : 1px solid #e0cc46;
	clear           : right;
	padding         : 5px;
}

#shopcontainer #winkelwagen .prijslijst_totaal {
	font-size       : 9pt;
	font-weight     : bold;
	padding         : 10px 5px 0px 5px;
	margin          : 0px 0px 10px 0px;
}
#shopcontainer #winkelwagen input {
	font-size       : 8pt;
}

#shopcontainer .winkelwagen_prijs {
	font-size       : 8pt;
	display         : block;
	float           : right;
	text-align      : right;
	margin-bottom   : 5px;
}

#shopcontainer .winkelwagen_totaalprijs {
	float           : right;
}



/* ===== Navigatie van de webshop ===== */
#shopcontainer #navigatie_shop {
	width           : 180px;
	float           : left;
}
html>body #shopcontainer #navigatie_shop{
    width: 180px;
}


#shopcontainer #navigatie_shop ul {
	list-style-type : none;
	display         : none;
}
#shopcontainer #navigatie_shop ul li {
	display         : block;
	padding			: 5px 0 5px 38px;
	display			: block;
	height			: 15px;
	width			: 120px;
}
#shopcontainer #navigatie_shop a.link_hoofdcategorie {
	font-size       : 10pt;
	font-weight     : bold;
	color           : #fff;
	text-decoration : none;
	padding			: 13px 0 0 33px;
	height			: 25px;
	background: url(images/menu.png) center left no-repeat;
	_background: url(images/menu_IE6.png) center left no-repeat;
	display         : block;
}
#shopcontainer #navigatie_shop a.link_hoofdcategorie:hover {
	color           : #e0cc46;
}
#shopcontainer #navigatie_shop ul li a {
	font-size       : 9pt;
	color           : #e0cc46;
	display         : block;
	text-decoration : none;
}
#shopcontainer #navigatie_shop ul li a:hover {
	color           : #fff;
	text-decoration : underline;
}



/* ===== Lees meer-link ===== */
#shopcontainer a.leesmeer {
	display         : block;
	clear           : right;
	float           : right;
	padding         : 3px 23px 5px 0px;
	margin          : 3px 10px 1px 0px;
	background      : url('images/leesmeer.png') no-repeat right center;
	color           : #fff;
	text-decoration : none;
}
#shopcontainer a.leesmeer2 {
	display         : block;
	clear           : left;
	padding         : 3px 5px 5px 24px;
	margin          : 0 0 0 10px;
	background      : url('images/leesmeer.png') no-repeat left center;
	color           : #000;
	text-decoration : none;
	font-size:9pt;
}
#shopcontainer a.leesmeer3 {
	display         : block;
	clear           : left;
	padding         : 0 24px 5px 0;
	margin          : 0 40px 0 0 ;
	background      : url('images/leesmeer.png') no-repeat right center;
	color           : #fff;
	text-decoration : none;
	font-size:9pt;
}

#shopcontainer a.leesmeer3:hover, #shopcontainer a.leesmeer:hover {
	color           : #e0cc46;
}
#shopcontainer a.leesmeer2:hover {
	color           : #fff;
}


/* ===== Listings ===== */
#shopcontainer .listings, #shopcontainer .listings2 {
	clear           :both;
	padding         :8px 10px 5px 10px;
}
#shopcontainer .listings3 {
	clear           :both;
	padding         :8px 0 5px 0;
}
#shopcontainer .listings {
	border-top      : 1px solid #953e14;
}
#shopcontainer .listings2 {
	border          :0px solid #D3D3D3;
}
#shopcontainer .listings span, #shopcontainer .listings2 span {
	display         : block;
	width           : 100px;
	clear           : both;
	float           : left;
}
#shopcontainer .listings select, #shopcontainer .listings2 select {
	font-size       : 10px;
	float           : right;
	display         : block;
	margin          : 0px 0px 2px 0px;
}
#shopcontainer .listings select {
	width           : 145px;
}
#shopcontainer .listings2 select {
	width           : 350px;
}


/*
#shopcontainer .fototabel{
   width            : 88px;
   height           : 88px;
   border           : 1px solid #d5a003;
   float            : left;
   margin           : 3px 3px 3px 3px;
   padding          : 5px 10px 5px 0;
}
#shopcontainer .fotocell{
   text-align       : center;
   vertical-align   : middle;
   background       : #fff;
}
#shopcontainer .fotocell a img{
   border           : 0px;
}
#shopcontainer p.producttext{
   clear            : both;
   margin           : 10px 0px 0px 0px;
}
*/

#shopcontainer #productfotos {
   margin           : 0;
   padding          : 0;
}

/* ===== Foto bij product ===== */ 
#shopcontainer ul.fotolijst, #shopcontainer #productfotos ul.fotocell{
	list-style-type : none;
	width           : 110px; 
	height          : auto;
	padding         : 10px 0 0 10px;
}
#shopcontainer ul.fotolijst li, #shopcontainer #productfotos ul.fotocell li{
	display         : block;
	width           : 100px;
	text-align		 :center;
}
#shopcontainer ul.fotolijst li img, #shopcontainer #productfotos ul.fotocell li a img{
	border           : 0;
    max-height       : 100px; 
    max-width        : 100px; 
    height            : expression(this.height > 100 ? 100: true); 
    width           : expression(this.width > 100 ? 100: true);
	text-align		 :center;
}
#shopcontainer ul.fotolijst li a, #shopcontainer #productfotos ul.fotocell li a {
	border          : 0px solid #e0cc46; 
	text-align		 :center;
}
#shopcontainer ul.fotolijst li a:hover, #shopcontainer #productfotos ul.fotocell li a:hover {
	border          : 0px solid #000;
} 



/* CADDY.ASP EXTRA OPMAAK */

#shopcontainer #winkelwagen_inhoud {
	width           : 585px;	
}




/* BREEDTE VAN WINKELWAGENVLAKKEN*/

#shopcontainer .caddy_inhoud { 
	width           : 585px;
	border			: 1px solid #e0cc46;
}
#shopcontainer .caddy_inhoud2 { 
	width           : 585px;
	border			: 1px solid #e0cc46;
	padding			: 5px;
}
#shopcontainer .caddy_inhoud_fout { 
	border          : 1px solid red;
	color           : red;
	background      : #000;
	width           : 585px;
}
#shopcontainer .caddy_inhoud, 
#shopcontainer .caddy_inhoud_fout { 
	margin          : 0px 0px 15px 0px;
}
/* breedte voor FireFox */
html>body #shopcontainer .caddy_inhoud, 
html>body #shopcontainer .caddy_inhoud_fout { 
	width           : 585px;
}
#shopcontainer .caddy_inhoud_fout ul.fout li,
#shopcontainer .caddy_inhoud_fout h5{ 
    color           : red;
}
#shopcontainer .caddy_inhoud_fout ul.fout{ 
	list-style-type : disc;
}
/* listing 20px naar rechts in FireFox*/
html>body #shopcontainer .caddy_inhoud_fout ul.fout{ 
	margin          : 0px 0px 0px 20px;
}
/*============================================================================*/




#shopcontainer .winkelwagen_stappen {
	padding         : 5px 10px;
	border-top  	: 1px solid #e0cc46;
	border-bottom  	: 1px solid #e0cc46;
}
#shopcontainer .winkelwagen_stappen2 {
	padding         : 5px 10px;
	border-bottom  	: 1px solid #e0cc46;
	border-top  	: 1px solid #e0cc46;
}

#shopcontainer .winkelwagen_stappen_aktief {
	font-weight		: bold;
}

#shopcontainer .winkelwagen_formulier, #shopcontainer .winkelwagen_formulier2 {
	width           : 550px;
	border          : 0px;
}
#shopcontainer .winkelwagen_formulier tr td, #shopcontainer .winkelwagen_formulier2 tr td{
	font-size       : 9pt;
}
#shopcontainer .winkelwagen_left, .winkelwagen_left2{
    text-align      : left;
	vertical-align  : top;
	width           : 200px;
	padding			: 0 0 0 10px;
}

#shopcontainer .winkelwagen_right{
    text-align      : right;
	vertical-align  : top;
	width           : 300px;
	padding		    : 0 10px 5px 0;
}
#shopcontainer .winkelwagen_right input, #shopcontainer .winkelwagen_right textarea{
	width           : 300px;
	border          : 1px solid #204174;
	background      : #fff;
}
#shopcontainer .winkelwagen_right textarea{
	height          : 100px;
}


#shopcontainer .winkelwagen_formulier_buttons {
	background      : #87bce5;
	border          : 1px solid #204174;
	width           : 300px;
	color           : #000;
	margin          : 10px 0px 0px 0px;
	font-weight     : bold;
}
#shopcontainer .winkelwagen_left2{
    padding         : 4px 0px 4px 0px;
}
#shopcontainer .winkelwagen_right2{
    padding         : 4px 0px 4px 0px;
    font-weight     : bold;
    width           : 400px;
}
#shopcontainer #betaalwijzeloop{
    padding         : 5px;
}
#shopcontainer #productloop, #shopcontainer #productloop2 {
	width			: 565px; 
	padding			: 5px 10px;
}


/* ===== WINKELWAGEN - afhandelen ===== */
#shopcontainer .caddysubtotaal,
#shopcontainer .caddysubtotaal2,
#shopcontainer .caddysubtotaal3,
#shopcontainer .caddysubtotaal4,{
	font-weight     : bold;
	font-size       : 10pt;
}
#shopcontainer .caddysubtotaal{
	padding         : 5px 10px 0 10px;
	color           : #fff;
}
#shopcontainer .caddysubtotaal2{
	padding         : 5px 5px 2px 5px;
	color           : #fff;
}
#shopcontainer .caddysubtotaal3{
	padding         : 2px 0px 0px 0px;
	color           : #fff;
}
#shopcontainer .caddysubtotaal4{
	padding         : 5px 0px 5px 0px;
	color           : #fff;
}


#shopcontainer .caddytotaalprijs{
    float           : right; 
	text-align      : right; 
	width           : 250px; 
	font-size       : 9pt;
}
#shopcontainer .caddytotaalprijs input{
    width           : 150px; 
	text-align      : right;
	font-size       : 10px;
	font-weight     : bold;
	color           : #fff;
}
#shopcontainer .caddytotaalprijs .totaal3{
	font-size       : 14px;
}
#shopcontainer .totaal3euro{
	font-size       : 10pt;
	font-weight     : bold;
}
#shopcontainer .caddyproduct{
	padding         : 10px;
	border          : 1px solid #e0cc46;
}
#shopcontainer .caddyproduct2{
	padding         : 5px 10px;
	border-top      : 1px solid #e0cc46;
	border-bottom   : 1px solid #e0cc46;
}

#shopcontainer .caddyproduct-in{
	padding     	: 0; 
}

#shopcontainer .caddyproductprijs{
    float           : right; 
	text-align      : right; 
	width           : 250px; 
	border-left 	: 1px solid #953e14;
}
hr {
	background:#fff;
}
#shopcontainer .prijstabel{
	width           : 250px;
	border          : 0px;
}
#shopcontainer .prijs1 {
	font-size       : 9pt;
    text-align      : right;
	float			: right;
	width           : 250px;
}

#shopcontainer #print{
    float           : right;
	padding			: 5px;
}
#shopcontainer img{
    border          : 0px;
}
#shopcontainer .wijzigcaddy{
    text-align      : right;
	border-bottom  	: 1px solid #e0cc46;
	padding 		: 0 0 5px 0;
}
#shopcontainer .verwijdercaddy{
    text-align      : right;
	padding         : 3px 0px 0px 0px;
}

#shopcontainer #subtotalhidden, #shopcontainer #tempopostcharg, #shopcontainer #nieuwtotaal{
	font-size		: 8pt;
	background-color: #FFFFFF;
	color 			: #000;
	border			: 1px solid #000;
}

/* ===== Paginanummering als er meer producten zijn dan op 1 pagina kan ===== */
#shopcontainer #nummering{
	text-align      : center;
	padding         : 5px 0px 0px 0px;
}
#shopcontainer #nummering2{
	text-align      : center;
	padding         : 10px 0px 0px 0px;
}
#shopcontainer a.paginanummering{
	font-size       : 10px;
	color           : #fff;
	text-decoration : none;
	padding         : 2px 4px 4px 4px;
	margin          : 0px 1px 3px 1px;
}
#shopcontainer a.paginanummering:hover{
	font-size       : 10px;
	color           : #fff;
	text-decoration : none;
	background      : #d4ca2f;
}
#shopcontainer b.paginanummering_ok{
	font-size       : 10px;
	font-weight     : bold;
	color           : #000;
	text-decoration : none;
	background      : #d4ca2f;
	padding         : 2px 4px 4px 4px;
	margin          : 0px 1px 3px 1px;
}
#shopcontainer span.paginanummering_extra{
	font-size       : 10px;
	color           : #000;
	text-decoration : none;
	background      : #d4ca2f;
	padding         : 2px 4px 4px 4px;
	margin          : 0px 1px 3px 1px;
}




/* ===== Div's met knoppen "Terug naar de webshop" ===== */
#shopcontainer #terugcaddy{
    text-align      : right;
}

#shopcontainer #terugshop{
    padding         : 5px 0px 0px 0px;
    text-align      : right;
}
#shopcontainer #betaalwijzeradio{
    padding         : 5px 0px 0px 0px;
}
#shopcontainer .radiolist{
	height          : 30px;
	margin          : 3px 0px 0px 0px
}
#shopcontainer .radiolist img{
    width           : 35px;
	height          : 30px;
	border          : 1px solid #fff;
	float           : left;
}
#shopcontainer .radiolist div{
    padding         : 5px 0px 0px 0px;
}
html>body #shopcontainer .radiolist div{
    padding         : 8px 0px 0px 45px;
}


button.iDEALeasy {
    background      : transparent;
}


.idealfout{
    background      : red; 
    color           : yellow;
    padding         : 10px 0px 10px 0px;
    text-align      : center;
    font            : bold 17px Verdana, arial, Geneva, helvetica, sans-Serif;
	border          : 2px solid #000;
}
.idealfout span{
    font            : normal 11px Verdana, arial, Geneva, helvetica, sans-Serif;
}


#betaallogo{
	border-top      : 1px solid #e0cc46;
	border-bottom   : 1px solid #e0cc46;
	padding         : 10px 0;
	margin          : 10px 0;
	text-align      : center;
}
#keurmerking{
	padding         : 10px 0;
	margin          : 10px 0;
	text-align      : center;
}

#betaallogo img{
	border          : 1px solid #e0cc46;
	margin          : 0px 5px 5px 0px;
}
#keurmerking img {
	border			: 0;
}