/* ============================================================== */
/* fietstekoop.nl */

#shopcontainer *{
	/*margin          : 0px;
	padding         : 0px;
	color           : #000;*/
}

#shopcontainer {
/*width:660px;float:left; padding-top:20px;*/
	padding-top: 0px;
	width           : 690px;
	/*margin          : 0px auto;*/
	background      : transparent;
	background-color: inherit;
	text-align      : left;
	font-family:"Comic Sans MS" Verdana,Helvetica,sans-serif;
	font-size:10pt;
	float           : left;
}
#shopcontainer #zoekfunctie {
	background      : transparent;
	border-top     : 2px solid #E3E3FF;
	padding         : 0px 0px 15px 0px;
	margin          : 0px 0px 15px 0px;
}
#shopcontainer .zoeken_input {
	width           : 120px;
	border          : 1px solid #a5cee9;
	background      : #fff;
	color           : #000;
}
#shopcontainer .zoeken_button {
    border          : 0px;
	vertical-align  : absmiddle;
}


#shopcontainer #winkelwagen {
	width           : 157px;
	background      : transparent;
	/*background      : #dfdfdf;
	background:url(../images/winkel_mid.gif) repeat-y;	*/
	margin-right	: 5px;
	margin-left		: 0px;
	margin-top 		: 25px;
	/*padding         : 5px 15px 5px 3px;*/
	float           : right;
}
html>body #shopcontainer #winkelwagen{
    width           : 150px;
	margin-right	: 24px;
}

#shopcontainer #inhoud_shop {
	width           : 478px; /*420*/
	background      : transparent;
	background-color: inherit;	
	float           : left;
	padding         : 10px 10px 10px 10px;
}

html>body #shopcontainer #inhoud_shop{
    width: 490px;
}

#shopcontainer #inhoud_caddy {
	width           : 460px; /*610*/
	background      : transparent;
	background      : inherit;	
	float           : left;
	padding         : 10px 10px 10px 10px;
}

/* ===== Kruimelpad ===== */
#shopcontainer #kruimelpad, #shopcontainer #zoekpad, #shopcontainer #resultatenpad{
	font-size       : 10pt;
	color           : #000;
	padding         : 0px 0px 5px 5px;
}
#shopcontainer #kruimelpad a {
	color           : #000;
    text-decoration : none;
}
#shopcontainer #kruimelpad a:hover {
	color           : #343399;
    text-decoration : underline;
} 
#shopcontainer .winkelwagenlisting, 
#shopcontainer #kruimelpad a{
	font-size       : 10pt;
}
#shopcontainer h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13pt;
	line-height: 15px;
	font-weight: bolder;
	color:#777777;	
	padding-left:20px;
	padding-top:2px;
	padding-bottom:4px;	
/*	font-size       : 17px;
	font-weight     : bold;
	color           : #000;
	margin          : 0px;
	padding         : 0px;*/
}
#shopcontainer h2 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13pt;
	line-height: 15px;
	font-weight: bolder;
	color:#707070;
	text-decoration : none;
	/*background      : transparent;*/
}
#shopcontainer h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size       : 14px;
	font-weight     : bold;
	color           : #000;
	margin          : 0px 0px 10px 0px;
}


/* CATEGORIE-, SUBCATEGORIE- EN PRODUCTVLAKKEN */
#shopcontainer .hoofdcategorie_inhoud { 
	/*background      : transparent;*/
	background:url(../images/inhoud_mid.gif) repeat-y;		

}
#shopcontainer .subcategorie_inhoud { 
	
	/*background      : transparent;*/
	background:url(../images/inhoud_mid.gif) repeat-y;		
}
#shopcontainer .product_inhoud { 
	/*background      : transparent;*/
	background:url(../images/inhoud_mid.gif) repeat-y;	

}
#shopcontainer .hoofdcategorie_inhoud, 
#shopcontainer .subcategorie_inhoud,  
#shopcontainer .product_inhoud { 
	width           : 464px;
	padding         : 0px 10px 10px 10px;
	margin          : 0px 0px 0px 0px;	
}
/* breedte voor firefox */
html > body #shopcontainer .hoofdcategorie_inhoud, 
html > body #shopcontainer .subcategorie_inhoud,
html > body #shopcontainer .product_inhoud{
	width           : 464px;
} 
/*=========================================================*/



#shopcontainer .ref_nr {	
	margin-right:80px;
	padding-top:5px;
	color:#333333;
	float           : right;
	display:none;
}
#shopcontainer .product_nav {
	border-top      : 1px solid #D3D3D3;
	margin          : 5px 0px 0px 0px;
	padding         : 5px 0px 0px 0px;
	clear           : both;
}
#shopcontainer .product_nav_form {
	float           : right;
}

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

#shopcontainer .product_input_bestellen{
	height:24px;
	background:url(../images/bestel.jpg) center no-repeat;
/*	background      : #efefef;*/
	border          : 0px solid #cfcfcf;
	width           : 120px;
	color           : #000;
	margin          : 0px 0px 0px 10px;
	font-size       : 11px;
	font-weight     : bold;
}
html>body #shopcontainer .product_input_bestellen {
	padding         : 1px 0px 1px 0px;
}
/* ekstra */
#shopcontainer .product_input_bestellenx{
	height:24px;
	background:url(../images/webwinkelsb.jpg) right no-repeat;
/*	background      : #efefef;*/
	border          : 1px solid #efefef;
	width           : 120px;
	color           : #000;
	margin          : 0px 0px 0px 10px;
	font-size       : 11px;
	font-weight     : bold;
	text-align:left;
	cursor:pointer;
}

#shopcontainer .product_input_bestellen:hover {
	background:url(../images/bestelover.jpg) center no-repeat;
}
#shopcontainer .product_input_nubestellen {
	clear           : right;
	float           : right;
	background      : #efefef;
	border          : 1px solid #cfcfcf;
	width           : 150px;
	color           : #FFF;
	margin          : 4px 0px 0px 0px;
}
#shopcontainer .tekst {
	padding         : 10px 0px 10px 0px;
}







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



/* Caddy */ 

#shopcontainer #winkelwagen .prijslijst, #shopcontainer #winkelwagen .prijslijst_totaal {
	border-top      : 2px solid #efefef;
	clear           : right;
}

#shopcontainer #winkelwagen .prijslijst_totaal {
	font-size       : 12px;
	font-weight     : bold;
	padding         : 10px 0px 0px 0px;
	margin          : 0px 0px 10px 0px;
}
#shopcontainer #winkelwagen input {
	font-size       : 85%;
}

#shopcontainer .winkelwagen_prijs {
	font-size       : 85%;
	display         : block;
	float           : right;
	text-align      : right;
}

#shopcontainer .winkelwagen_totaalprijs {
	float           : right;
}

#winkelwagen h3{
	color:#1e82be;
	padding-top:4px;
	font-family:"Comic Sans MS" Verdana,Helvetica,sans-serif;
	font-size:12pt;
	font-stretch:expanded;
	font-weight:normal;
	height:20px;
	text-align:right;
	background:url(../images/webwinkelsb.jpg) no-repeat;		
}

/* ===== Navigatie van de webshop ===== */
#shopcontainer #navigatie_shop {
	background      : transparent;
	background      : #5ef;
	width           : 180px;
	padding         : 5px 5px 5px 5px;
	float           : left;
}
html>body #shopcontainer #navigatie_shop{
    width: 170px;
}


#shopcontainer #navigatie_shop ul {
	list-style-type : none;
	display         : none;
	margin          : 0px 0px 5px 0px
}
#shopcontainer #navigatie_shop ul li {
	display         : none; /*block*/
}
#shopcontainer #navigatie_shop a.link_hoofdcategorie {
	display: block;
	/*border-bottom: 1px solid #ddd; background-color: #EBEBEB;*/
	height: 14px;

	/*background: url(images/menulink.jpg) no-repeat;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top:4px;
	padding-bottom:4px;
	color:#efefef;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	text-decoration:none;
	z-index:1;
	text-align:left;
	background-color:#494244;
	border-bottom: 1px solid #3b3436;
	letter-spacing:0.4pt;
}
#shopcontainer #navigatie_shop a.link_hoofdcategorie:hover {
	/*border-bottom: 1px solid #ddd; background-color: #EBEBEB;*/
	height: 14px;
	
	/*background: url(images/menuover.jpg) no-repeat;*/
	background-color:#635f60;
	padding-left: 10px;
	padding-right: 10px;
	background-position:left;
	color:#efefef;	
	font-size: 11pt;
	text-decoration:none;
	z-index:1;	
}
#shopcontainer #navigatie_shop ul li a {
	font-size       : 11px;
	font-weight     : bold;
	color           : #000;
	display         : block; /*block*/
	text-decoration : none;
	padding         : 0px 0px 0px 5px;
}
#shopcontainer #navigatie_shop ul li a:hover {
	text-decoration : none;
	color           : #000;
	text-decoration : underline;
}

/* ===== Lees meer-link ===== */
#shopcontainer a.leesmeerx {
	display         : block;
	clear           : right;
	float           : right;
	padding         : 1px 20px 1px 0px;
	background      : url('images/leesmeervg.gif') no-repeat right center;
	color           : #343399;
	text-decoration : none;
}
#shopcontainer a.leesmeerx:hover {
	color           : #000;
	text-decoration : none;
}


/* ===== Lees meer-link ===== */
#shopcontainer a.leesmeer {
	display         : block;
	clear           : right;
	float           : right;
	padding         : 1px 20px 1px 0px;
	background      : url('images/leesmeer.gif') no-repeat right center;
	color           : #343399;
	text-decoration : none;
}
#shopcontainer a.leesmeer:hover {
	color           : #000;
	text-decoration : none;
}

/* ===== Listings ===== */
#shopcontainer .listings, #shopcontainer .listings2 {
	clear           :both;
	padding         :4px 0px 0px 0px;
}
#shopcontainer .listings {
	border-top      :1px solid #D3D3D3;
}
#shopcontainer .listings2 {
	border-top      :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 #productfotos{
   text-align       : center;
   margin           : 5px 0px 0px 0px;
   background-color :#FFFFFF;
}
#shopcontainer .fototabel{
   width            : 88px;
   height           : 88px;
   border           : 1px solid #aaa;
   float            : left;
   margin           : 3px 3px 3px 3px;
}
#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;
}


/* ===== Foto bij product ===== */ 
#shopcontainer ul.fotolijst{
	list-style-type : none;
	float           : left;
	width           : 130px; 
	height          : auto;
}
#shopcontainer ul.fotolijst li{
	display         : block;
	float           : left;
	width           : 124px; 
}
#shopcontainer ul.fotolijst li a img{
	width           : 120px; 
	border          : 0px;
}
#shopcontainer ul.fotolijst li a {
	display         : block;
	padding         : 1px 1px 1px 1px;
	/*border          : 1px solid #ffffff; */
	background      : inherit;
}
#shopcontainer ul.fotolijst li a:hover {
	/*border          : 1px solid #777777;*/
} 



/* CADDY.ASP EXTRA OPMAAK */

#shopcontainer #winkelwagen_inhoud {
	background      : #fff;
	width           : 550px;	
	float           : left;
	padding         : 10px 10px 10px 10px;
}




/* BREEDTE VAN WINKELWAGENVLAKKEN*/

#shopcontainer .caddy_inhoud { 
	/*background      : #f6f6f6;
		
	border          : 1px solid #cfcfcf;*/
	background:url(../images/inhoud_mid.gif) repeat-y;
}
#shopcontainer .caddy_inhoud_fout { 
	border          : 1px solid red;
	color           : red;
	background      : #eee;
}

#shopcontainer .caddy_inhoud, 
#shopcontainer .caddy_inhoud_fout { 
	width           : 464px; /*600*/
	padding         : 10px 10px 10px 10px;
	margin          : 0px 0px 0px 0px;
}
/* breedte voor FireFox */
html>body #shopcontainer .caddy_inhoud, 
html>body #shopcontainer .caddy_inhoud_fout { 
	width           : 464px; /*580*/
}
#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;
	margin          : 0 0 1em 0;
	background      : #ffffff;
	color           : #000;
	border          : 0px solid #555;
}

#shopcontainer .winkelwagen_stappen_aktief {
	color           : #000;
	background      : #ed6f65;
}

#shopcontainer .winkelwagen_formulier, #shopcontainer .winkelwagen_formulier2 {
	width           : 420px;
	border          : 0px;
}
#shopcontainer .winkelwagen_formulier tr td, #shopcontainer .winkelwagen_formulier2 tr td{
	font-size       : 11px;
}
#shopcontainer .winkelwagen_left, .winkelwagen_left2{
    text-align      : left;
	vertical-align  : top;
	width           : 150px;
}

#shopcontainer .winkelwagen_right{
    text-align      : right;
	vertical-align  : top;
	width           : 300px;
}
#shopcontainer .winkelwagen_right input, #shopcontainer .winkelwagen_right textarea{
	width           : 240px;
}
#shopcontainer .winkelwagen_right textarea{
	height          : 100px;
}


#shopcontainer .winkelwagen_formulier_buttons {
	background      : #E3E3FF;
	border          : 1px solid #000;
	width           : 200px;
	color           : #000;
	margin          : 10px 0px 0px 0px;
	font-size       : 10px;
	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 #productloop, 
#shopcontainer #betaalwijzeloop{
    padding         : 5px 5px 5px 5px;
    border          : 0px solid #555;
    background      : #ffffff; 
}



/* ===== WINKELWAGEN - afhandelen ===== */
#shopcontainer .caddysubtotaal,
#shopcontainer .caddysubtotaal2,
#shopcontainer .caddysubtotaal3,
#shopcontainer .caddysubtotaal4,{
    background      : #ffffff; 
	font-weight     : bold;
	color           : #000;
	font-size       : 12px;
}
#shopcontainer .caddysubtotaal{
	border-top      : 1px solid #000; 
	padding         : 10px 5px 5px 5px;
}
#shopcontainer .caddysubtotaal2{
	border-top      : 1px solid #000; 
	padding         : 5px 5px 2px 5px;
}
#shopcontainer .caddysubtotaal3{
	border-top      : 0px solid #fff; 
	padding         : 2px 5px 2px 5px;
}
#shopcontainer .caddysubtotaal4{
	border-top      : 2px solid #000; 
	padding         : 10px 5px 5px 5px;
}


#shopcontainer .caddytotaalprijs{
    float           : right; 
	text-align      : right; 
	width           : 250px; 
	font-size       : 12px;
}
#shopcontainer .caddytotaalprijs input{
    width           : 150px; 
	text-align      : right;
	border          : 0px;
	font-size       : 10px;
	font-weight     : bold;
	color           : #000;
	background      : #ffffff;
}
#shopcontainer .caddytotaalprijs .totaal3{
	font-size       : 14px;
}
#shopcontainer .totaal3euro{
	font-size       : 12px;
	font-weight     : bold;
}
#shopcontainer .caddyproduct{
    background      : #ffffff; 
	border-bottom   : 1px solid #222; 
	padding         : 5px 5px 5px 5px;
}
#shopcontainer .caddyproductprijs{
    float           : right; 
	text-align      : left; 
	width           : 250px; 
}
#shopcontainer .prijstabel{
	width           : 250px;
	border          : 0px;
}
#shopcontainer .prijs1,
#shopcontainer .prijs2,
#shopcontainer .prijs3{
	font-size       : 11px;
    text-align      : right;
}
#shopcontainer .prijs1{
	width           : 80px;
}
#shopcontainer .prijs2{
	width           : 95px;
}
#shopcontainer .prijs3{
	width           : 75px;
}

#shopcontainer #print{
    float           : right
}
#shopcontainer img{
    border          : 0px;
}
#shopcontainer .wijzigcaddy{
    text-align      : right;
}
#shopcontainer .verwijdercaddy{
    text-align      : right;
	padding         : 3px 0px 0px 0px;
}
/*
#shopcontainer #subtotalhidden{
    color: red;
	font-size: 14px;
}*/

/* ===== Paginanummering als er meer producten zijn dan op 1 pagina kan ===== */
#shopcontainer #nummering{
	height          : 20px;
	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           : #000;
	text-decoration : none;
	background      : #ccc;
	padding         : 2px 4px 2px 4px;
	margin          : 0px 1px 0px 1px;
}
#shopcontainer a.paginanummering:hover{
	font-size       : 10px;
	color           : #000;
	text-decoration : none;
	background      : #9DD5FA;
}
#shopcontainer b.paginanummering_ok{
	font-size       : 10px;
	font-weight     : bold;
	color           : #555;
	text-decoration : none;
	background      : #9dd5fa;
	padding         : 2px 4px 2px 4px;
	margin          : 0px 1px 0px 1px;
}
#shopcontainer span.paginanummering_extra{
	font-size       : 10px;
	color           : #000;
	text-decoration : none;
	background      : #eee;
	padding         : 2px 4px 2px 4px;
	margin          : 0px 1px 0px 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      : #fff;
}


.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      : 2px solid #E3E3FF;
	padding         : 10px 0px 0px 0px;
	margin          : 10px 0px 0px 0px;
	text-align      : center;
}

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