/* ----------------------------------------------------- */
/* COMMON RULES
/* ----------------------------------------------------- */
* { margin: 0; }
body { background:#C1001F; color:#FFF; margin:0; padding:0; font:11px/16px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h5 { font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
html, body { height: 100%; }
h2 { font-size:12px; margin-bottom:5px; font-weight:bold; color:#FFF; }
a { color:#FFF; outline:none; }
button { text-align:left; }

/* ----------------------------------------------------- */
/* LAYOUT RULES
/* ----------------------------------------------------- */
#wrapper #taalkeuze { position:absolute; top:0px; left:20px; padding:0px 12px; height:30px; line-height:30px; color:#DFCFC5; background:#A11522; font-size:12px; text-decoration:none; }
#wrapper { background:transparent; width:960px; margin:0px auto; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -114px; }
#wrapper #inner-wrapper { width:960px; padding-top:35px; }
#wrapper #inner-wrapper #content { position:relative; width:960px; min-height:450px; }
#footer { background:transparent; width:960px; height:114px; margin:0 auto; overflow:hidden; }
.push { height: 114px; }

body.portal .push { height:180px; }
* html body.portal .push { height:114px; }

#footer .footer-flesjes { float:left; }
#footer .footer-logo { float:left; padding:0; margin:0 0 0 75px; width:236px; height:110px; margin-top:5px; }
#footer .footer-text { position:absolute; margin-left:625px; margin-top:5px; }
#footer .footer-tt { margin-left:8px; }
#footer .footer-text a { float:left; text-decoration:none; padding:6px; }
#footer .footer-text a:hover { background:#FFF; color:#C1001F; text-decoration:underline; }
#footer .footer-text img { float:left; margin-top:8px; }

#detail-overlay { display:none; background:#000; position:fixed; width:100%; height:100%; top:0; left:0; z-index:5; }
#detail-overlay.visible { display:block; }
* html #detail-overlay { position:absolute; }

/* ----------------------------------------------------- */
/* MENU RULES
/* ----------------------------------------------------- */
#menu { width:960px; height:50px; margin:0 auto; }
#menu ul { float:right; }
#menu li { float:left; display:inline; height:35px; }
#menu.nl li a { float:left; display:block; margin-left:10px; height:35px; background:url('../img/pic-menu-nl.png') no-repeat 0px 0px; }
#menu.fr li a { float:left; display:block; margin-left:10px; height:35px; background:url('../img/pic-menu-fr.png') no-repeat 0px 0px; }
#menu li a span { display:none; }
#menu #btn1 a { width:140px; background-position:-6px -11px; }
#menu #btn2 a { width:140px; background-position:-150px -11px; }
#menu #btn3 a { width:140px; background-position:-290px -11px; }
#menu #btn1 a:hover, #menu #btn1 a.active { background-position:-6px -46px; }
#menu #btn2 a:hover, #menu #btn2 a.active { background-position:-150px -46px; }
#menu #btn3 a:hover, #menu #btn3 a.active { background-position:-290px -46px; }

/* ----------------------------------------------------- */
/* UITLEG RULES
/* ----------------------------------------------------- */
#uitleg { position:relative; margin-left:45%; height:auto; }
#uitleg .uitleg { width:550px; margin-bottom:25px; margin-top:25px; }
#uitleg .uitleg .data { margin-left:15px; margin-top:7px; }
#uitleg .uitleg ul { margin-top:20px; margin-left:50px; }
#uitleg .uitleg ul li { margin-bottom:15px; }
#uitleg .uitleg ul li ul { margin-top:7px; margin-left:35px; }
#uitleg .uitleg ul li ul li { margin:0; }

#uitleg .uitleg ol { margin-left:20px; }
.uitleg div.uitleg_cont{margin-left:50px; margin-top:20px;}

/* ----------------------------------------------------- */
/* PRODUCTEN RULES
/* ----------------------------------------------------- */
#producten { float:right; }
#producten .uitleg { width:570px; margin-bottom:25px; margin-top:15px; }
#producten .uitleg p { line-height:180%; }
#producten p span.small { color:#652020; /*color:#762221;*/ font-size:9px; float:right; }

#producten .product .extrafietsen { position:absolute; margin-top:128px; margin-left:-104px; z-index:10; }
#producten .product { color:#000; background:transparent url('../img/bg-product.png') no-repeat; float:left; width:135px; height:239px; margin:0; padding:5px; }
#producten .product .name { height:32px; margin:16px 0 8px 5px;}
#producten .product .prijs, #producten .product .actieprijs { margin-left:5px; font:9px Verdana, Arial, Helvetica, sans-serif; }
#producten .product .actieprijs { font-weight:bold; }
#producten .product .prijs span, #producten .product .actieprijs span { margin-right:17px; }
#producten .product .foto { background:transparent; width:113px; height:109px; margin:7px 0 0 5px; }
#producten .product .btnBestellen { position:relative; margin-left:3px; top:-15px; }
#producten .product .btnInfo { cursor:pointer; cursor:hand; position:relative; float:left; margin-left:4px; top:-18px; }
#producten .product .btnTellafriend { cursor:pointer; cursor:hand; position:relative; float:left; margin-left:2px; top:-18px; }
#producten .product .uitverkocht { position:absolute; margin-left:4px; z-index:1;}

#producten .product .shadow01 { background:transparent url('../img/shadow-01.png') no-repeat; width:185px; height:55px; margin-left:-55px; margin-top:8px; position:relative; z-index:-1; }
#producten .product .shadow02 { background:transparent url('../img/shadow-02.png') no-repeat; width:148px; height:56px; margin-left:-19px; margin-top:7px; position:relative; z-index:-1; }
#producten .product .shadow03 { background:transparent url('../img/shadow-03.png') no-repeat; width:149px; height:56px; margin-left:-5px; margin-top:8px; position:relative; z-index:-1; }
#producten .product .shadow04 { background:transparent url('../img/shadow-04.png') no-repeat; width:186px; height:55px; margin-left:-4px; margin-top:8px; position:relative; z-index:-1; }

.bag-container { background:transparent; position:absolute; left:0; top:25px; z-index:0; width:50%; min-width:576px; height:630px; overflow:hidden; margin:0; padding:0; }
.bag-mask { position:absolute; right:0; margin-right:0px; background:transparent url('../img/bg-bag.png'); width:852px; height:622px; }

/* DETAILVIEWS */
div.detail .foto { background:transparent url('../img/bg-detail-foto.png'); width:348px; height:305px; float:left; }
div.detail .data { background:transparent url('../img/bg-detail-data.png'); width:470px; height:305px; float:left; margin-left:18px;}
div.detail .close { position:relative; float:right; margin-right:25px; margin-top:-280px; }
div.detail { position:absolute; z-index:10; display:none; background:transparent url('../img/bg-detail.png'); width:836px; height:305px; padding:20px; left:50%; margin-left:-438px; top:50%; margin-top:-152px; }

div.detail .data .titel { margin:25px 0 0 20px; }
div.detail .data .specs { margin:25px; }
div.detail .data .specs td { padding:5px 5px 2px 5px; border-bottom:1px solid #CF7F61; }
div.detail .data .specs .maten td { text-align:center; padding:0; border:none; }
div.detail .data .specs .maten td.label { text-align:left; }
div.detail .foto .pic { margin:15px 0 0 13px; }
div.detail .bol { position:absolute; left:0; margin:-70px 0 0 250px; }

/* TELLAFRIEND */
div.taf .foto { position:absolute; background:transparent url('../img/pic-bag-big.png') no-repeat; width:625px; height:416px; right:-40px; bottom:-80px; }
div.taf .data { background:transparent url('../img/bg-tellafriend.png') no-repeat; width:904px; height:371px; float:left; padding:25px; }
div.taf .data p { margin:5px 0 10px 0; width:410px; color:#FFF; font:12px Arial; font-weight:bold; line-height:20px; }
div.taf .data form { width:300px; margin:25px 0 0 0; }
div.taf .data form p { width:300px; border-top:1px solid #CD7E61; border-bottom:1px solid #CD7E61; padding:10px 0 0 0; }
div.taf .data form label { float:left; font:12px Arial; font-weight:bold; display:block; padding:3px; width:60px; color:#FFF; margin-bottom:10px; }
div.taf .data form input { width:220px; font:12px Arial; font-weight:bold; display:block; padding:3px; margin-bottom:10px; outline:none; }
div.taf .data form input.error {  }
div.taf .data form .erricn { position:absolute; margin-top:-30px; margin-left:275px; z-index:20; }
div.taf .data form button { background:transparent; border:none; cursor:pointer; }
div.taf .data .addthis_default_style { padding:5px; width:130px; background:#FFF; }
div.taf .data .addthis_default_style, div.taf .data .addthis_default_style a:link { color:#000; }
div.taf .close { position:relative; float:right; margin-right:25px; margin-top:-400px; }
div.taf { position:absolute; z-index:10; display:none; background:transparent url('../img/bg-detail.png'); width:904px; height:371px; padding:20px; left:50%; margin-left:-452px; top:50%; margin-top:-185px; }

div.taf_feedback { color:#FFF; }

/* ----------------------------------------------------- */
/* MANDJE RULES
/* ----------------------------------------------------- */
.mandje_shadow { background:transparent url('../img/shadow-mandje.png') no-repeat; width:915px; height:55px; margin:-48px 0 0 10px; }
#mandje { color:#000; background:transparent url('../img/bg-mandje.png') no-repeat; width:822px; height:433px; margin:0 0 0 56px; padding:25px 20px 20px 20px; }
#mandje a { color:#000; }
#mandje button { background:transparent; cursor:pointer; border:none; width:auto; padding:0; margin:0; }
#mandje .error { clear:left; color:#C1001F; margin-left:8px; font-weight:bold; }

#mandje .btnleft  { width:525px; float:left; }
#mandje .btnright { width:180px; float:right; }

#mandje .heading { float:left; }
#mandje .crumb { float:right; width:458px; height:25px; margin:0 50px 0 0; background:url('../img/pic-progress-nl.png') no-repeat 0px 0px; }
#mandje .crumb.fr { float:right; width:458px; height:25px; margin:0 50px 0 0; background:url('../img/pic-progress-fr.png') no-repeat 0px 0px; }
#mandje .crumb.artikels { background-position:0px 0px; }
#mandje .crumb.gegevens { background-position:0px -25px; }
#mandje .crumb.overzicht { background-position:0px -50px; }
#mandje .crumb.betaling { background-position:0px 75px; }

#mandje table.mandje { color:#000; clear:left; }
#mandje table.mandje tr.product { height:45px; }
#mandje table.mandje th { font-weight:bold; padding:5px; border-bottom:1px solid #EDEDED; }
#mandje table.mandje td { padding:5px; border-bottom:1px solid #EDEDED; }
#mandje table.mandje th.gray, #mandje table.mandje td.gray { background:#EDEDED; }
#mandje table.mandje th.prijs, #mandje table.mandje td.prijs { text-align:right; }
#mandje table.mandje th.delete, #mandje table.mandje td.delete { text-align:center; }
#mandje table.mandje .totaal { color:#C1001F; line-height:15px; }
#mandje table.mandje .totaal span.error { float:right; color:#C1001F; margin-left:8px; font-weight:bold; position:absolute; }

#mandje table.mandje td.maten label { display:block; float:left; padding:3px 0 3px 0; width:50px; }
#mandje table.mandje td.maten span { display:block; float:left; width:15px; padding:3px; text-align:right; font-weight:bold; }
#mandje table.mandje td.stuks span { display:block; float:left; width:15px; padding:3px; font-weight:bold; }
#mandje table.mandje td.naam { font-weight:bold; padding-top:15px; }
#mandje table.mandje td.naam img { width:70px; height:43px; border:none; float:left; margin:-13px 10px 0 0; }

#mandje input.txt { outline:none; border:1px solid #CCC; padding:4px; float:left; }
#mandje input.txt:hover { outline:none; background:#EDEDED; }
#mandje input.txt:focus { outline:none; background:#EDEDED; }

#mandje input.txt.aantal { width:20px; }
#mandje input.txt.code { width:115px;  }
#mandje input.txt.error { border:1px solid #FF0000; }
#mandje table.mandje td.stuks input.txt.error { margin:0; }
#mandje table.mandje td.gray .erricn { position:absolute; margin-left:-20px; margin-top:3px; z-index:20; }

/* GEGEVENS */
#mandje #gegevens .left { clear:both; float:left; width:360px; margin-left:20px; }
#mandje #gegevens .right { float:left; width:360px; height:300px; margin-left:40px; }
#mandje #gegevens .right .betaal { height:40px; width:360px; padding:10px 0 10px 0; border-bottom:1px solid #EDEDED; border-top:1px solid #EDEDED; }
#mandje #gegevens p { margin-top:5px; width:350px; clear:both; height:25px; }
#mandje #gegevens p.small { width:290px; font-size:9px; line-height:12px; }

#mandje #gegevens label { width:100px; font-weight:bold; float:left; }
#mandje #gegevens label.chk { width:270px; font-weight:bold; }
#mandje #gegevens input.chk { float:left; margin-left:5px; margin-right:10px; }
#mandje #gegevens input.txt { width:230px; outline:none; border:1px solid #CCC; padding:4px; float:left; }
#mandje #gegevens input.txt:hover { outline:none; background:#EDEDED; }
#mandje #gegevens input.txt:focus { outline:none; background:#EDEDED; }
#mandje #gegevens .right .betaal label { padding-top:12px; width:175px; font-weight:normal; }
#mandje #gegevens .right .betaal span { height:40px;  }
#mandje #gegevens input.txt[disabled=disabled] { background:#EDEDED; }
#mandje #gegevens select { width:240px; background:transparent; float:left; outline:none; border-color:#CCC; }

#mandje #gegevens label.small { width:30px; margin-left:10px; }
#mandje #gegevens input.large { width:160px; }
#mandje #gegevens input.small { width:20px; }

#mandje #gegevens input.error { margin:0; clear:none; }
#mandje #gegevens .erricn { position:absolute; margin-left:3px; margin-top:2px; z-index:20; }
* html #mandje #gegevens .erricn { margin-left:0px; }

.ac_results { color:#000; padding:0px; border:1px solid #EDEDED; border-top:0; background-color:white; overflow:hidden; z-index:30; }
.ac_results ul { width:100%; list-style-position:outside; list-style:none; padding:0; margin:0; }
.ac_results li { margin:0px; padding:2px 5px; cursor:default; display:block; font-size:12px; line-height:16px; overflow:hidden; }
.ac_loading { background:white url(../img/ajax-loader.gif) right center no-repeat; }
.ac_over { background-color:#EDEDED; color:#000; }


/* OVERZICHT */
#mandje.overzicht p.uitleg { clear:both; width:780px; }
#mandje.overzicht div.left  { width:440px; padding:0px 8px 5px 8px; border-bottom:1px solid #EDEDED; border-top:1px solid #EDEDED; float:left; }
#mandje.overzicht div.left tr.product { height:35px; }
#mandje.overzicht div.left td { padding:5px; }
#mandje.overzicht div.left .maten label { float:left; clear:both; }
#mandje.overzicht div.left .maten span { float:left; margin-right:5px; }
#mandje.overzicht div.right { width:290px; padding:5px 8px 5px 8px; border-bottom:1px solid #EDEDED; border-top:1px solid #EDEDED; float:left; margin-left:20px; }
#mandje.overzicht div.right h2 { color:#000; }
#mandje.overzicht div.right .erricn { position:absolute; margin-left:-20px; margin-top:0px; z-index:20; }

/* BETALING - OGONE */
#mandje.ogone { }

/* FEEDBACK */
#mandje.feedback h1 { font-size:14px; margin:15px 0 15px 0; }
#mandje.feedback div { margin-left:15px; }


/* ----------------------------------------------------- */
/* FAQ RULES
/* ----------------------------------------------------- */
.uitleg#faq ul.accordion{list-style-type:none; margin: 20px 0px 0px 50px;}
.uitleg#faq ul.accordion li{margin:5px 0px 0px 0px; padding-bottom:5px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CF7F61;}
.uitleg#faq ul.accordion li a{text-decoration:none;}
.uitleg#faq ul.accordion li ul{margin:10px 0px 10px 20px;}
.uitleg#faq ul.accordion li ul li{border:none; list-style-type:disc;}
.uitleg#faq ul.accordion li ul a{text-decoration:underline;}
.uitleg#faq .specs { margin:5px 0px 10px 0px; }
.uitleg#faq .specs td { padding:5px 5px 2px 5px; border-bottom:1px solid #CF7F61; }

/* ----------------------------------------------------- */
/* PRIVACY RULES
/* ----------------------------------------------------- */
.uitleg#privacy h2{margin: 20px 0px 5px 0px;}
.uitleg#privacy p{margin: 5px 0px 5px 0px;}
.uitleg#privacy ul{margin: 5px 0px 0px 20px;}
.uitleg#privacy ul li{margin: 0px 0px 0px 0px;}

/* OGONE */
.ncoltable1 tbody, .ncoltable2 tbody, .ncoltable3 tbody { padding:3px; width:95%; text-align:center; }
.ncolh1 { width:95%; text-align:center; }
#ncol_ref { width:95%; }
.ncoltable1 { width:auto; text-align:center; }
.ncoltable3 { text-align:center; }
.ncoltable2 { width:95%; text-align:center; }
.ncoltable1 .ncoltxtl { width:50%; text-align:right; }
.ncoltable1 .ncoltxtr { width:50%; text-align:left; }
.ncoltxtl2 { text-align:right; }
.ncollogoc { text-align:center; }
.ncol { width:auto; margin:0 auto; }

input.hidden { display:none; border:none; padding:0; margin:0; background:transparent; }