html, body, form { height:100%; }
/*---------------------Voorlopige In Uitschrijf oplossing-----------------------------*/
div#ctl00_ContentPlaceHolder1_success a
{
background:none;
}
/*--EINDE---------Voorlopige In Uitschrijf oplossing-----------------------------*/
/* -------------------------------------------------------------------------------------------------------------------------------------AANPASBAAR-------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------ALGEMEEN----------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------LET OP: DEZE GEGEVENS OOK KOPIEREN IN ACMSEDITOR.CSS------------------------------------------------------------*/
body
{
font-family: Arial, Tahoma, Geneva, Verdana, Sans-Serif;/*Pas het lettertype voor heel de site aan*/
font-size:12px;/*Pas de lettergrootte van de normale tekst voor de site aan.*/
color:#fff;/*Pas de letterkleur van de normale tekst voor de site aan.*/
background-color:#000000; /*Pas de achtergrondkleur dat buiten de site valt aan*/
}
/*Pas hier de grootte,kleur,dikte en afstanden aan van de 5 titels*/
h1 { font-weight:bold;color:#ffffff;padding:0;margin:0;font-size:16px;padding:0 0 20px 0; }
h2 { font-weight:bold;color:#ffffff;padding:0;margin:0;font-size:14px;padding:0 0 12px 0; }
h3 { font-weight:bold;color:#e31716;padding:0;margin:0;font-size:13px;padding:0 0 10px 0; }
h4 { font-weight:bold;color:#ffffff;padding:0;margin:0;font-size:12px;padding:0 0 8px 0; }
h5 { font-weight:bold;color:#e31716;padding:0;margin:0;font-size:12px;padding:0 0 8px 0; }
div#menu ul#hoofdmenu li ul.submenu li span,
div#menu ul#hoofdmenu li span,
a, a:link, a:visited
{
color:#e3201a;/*pas de algemene linkkleur aan ----------------- LET OP: DEZE KLEUR OOK KOPIEREN IN ACMSECOMPOPUP.CSS*------------*/
background-color:#e3201a;/*Pas de algemene kleur voor de buttons aan*/
}
a:hover, a:active
{
color:#ffffff;/*Pas de actieve linkkleur aan*/
}
div#footer
{
/*background-color:#000000; *//*Pas de achtergrondkleur dat buiten de footer valt aan.*/
}
div#innerfooter,
div#innerfooter a,
div#innerfooter a:link,
div#innerfooter a:visited
{
color:#999;/*Pas de tekstkleur van de footer aan*/
}
/*EINDE----------------------------------------------------------LET OP: DEZE GEGEVENS OOK KOPIEREN IN ACMSEDITOR.CSS------------------------------------------------------------*/
/*EINDE --------------------------------------------------------------------------------------------------- ALGEMEEN----------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------Mandje en mandje detail ------------------------------------------------------------------------------------------*/
div#basket
{
border:1px solid #000000; /*pas de randkleur van het winkelmandje aan*/
}
div#basket, table#basket tr td.foot3
{
background-color:#000000;/*Pas de achtergrondkleur van het winkelmandje aan*/
color:white;/*Pas de letterkleur aan van het winkelmandje*/
/*INFO: Op de detailpagina van het winkelmandje gaan deze kleuren ook overgenomen worden voor de totaalprijs*/
}
/*EINDE---------------------------------------------------------------------------------------------Mandje en mandje detail ------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------Promo's en Nieuw ------------------------------------------------------------------------------------------------*/
.imgNieuw,
.productdetailpromonieuw
{
background-color:#262626;/*Geef desgewenst een andere kleur voor het 'nieuw icoontje'*/
/*Opmerking: Het Promo icoontje gaat deze kleur ook overnemen in de detailpagina van een product*/
}
.imgPromotie,
.imgPromotiemetNieuw,
table#basket tr td.promotie img
{
background-color:#007bc2;/*Geef desgewenst een andere kleur voor het 'Promo icoontje'*/
}
/*EINDE ----------------------------------------------------------------------------------------------- Promo's en Nieuw ------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------Taalkeuze-------------------------------------------------------------------------------------------------------*/
#talen
{
color:white;/* Pas de kleur aan van de geselecteerde taal*/
}
/*EINDE ---------------------------------------------------------------------------------------------------- Taalkeuze-------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------Zoeken----------------------------------------------------------------------------------------------------------*/
div#zoeken input
{
background-color:#fff;/*Pas de achtergrondkleur van het zoekveld aan*/
border-color:#fff;/*Pas de randkleur van het zoekveld aan*/
color:#000;/*Pas de tekstkleur van het zoekveld aan*/
}
/*EINDE ----------------------------------------------------------------------------------------------------- Zoeken----------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------Betaalmogelijkheden------------------------------------------------------------------------------------------------*/
/*Plaats de gewenste betaalmogelijkheden in commentaar om ze zichtbaar te maken op de site.*/
/* .visa,
.mastercard,*/
.paypal,
.dexia,
.kbc,
.ing
/*.ideal*/
{
display:none;
}
.visa{margin-left:49px;}
/*EINDE---------------------------------------------------------------------------------------------Betaalmogelijkheden-------------------------------------------------------------------------------------------------*/
/* EINDE -------------------------------------------------------------------------------------------------------------------- AANPASBAAR------------------------------------------------------------------------------------------------------*/
body
{
padding:0;
margin:0;
/* background-image:url(../images/content_bg.png);
background-repeat:repeat-y;
background-position:center top; */
}
form { padding:0; margin:0; }
/*div#nonFooter //deze voorlopig uitzetten
{
background-image:url(../images/header_bg.gif);
background-repeat:repeat-x;
display:block;
clear:both;
margin-bottom:20px;
}
*/
div#nonFooter
{
background-image:url(../images/header_bg.gif);
background-repeat:repeat-x;
min-height:100%;
display:block;
}
* html #nonFooter { height:100%; }
div#container
{
width:906px;
margin:0 auto;
display:block;
clear:both;
padding-bottom:40px;
}
div#logo
{
float:left;
width:280px;
height:95px;
margin-top:45px;
/* margin-left:3px; */
background-image:url(/images/logo.gif.v=1);
background-repeat:no-repeat;
background-position:left top;
}
/*------------Header-------------*/
div#header
{
/* background-image:url(/images/header.jpg.v=1);
background-repeat:no-repeat;
background-position:top center; */
width:906px;
height:152px;
}
div.headerNL
{
background-image:url(/images/headerNL.jpg.v=1);
background-repeat:no-repeat;
background-position:top center;
width:906px;
height:120px;
}
div.headerEN
{
background-image:url(/images/header_en.jpg.v=1);
background-repeat:no-repeat;
background-position:top center;
width:906px;
height:120px;
}
div.headerFR
{
background-image:url(/images/header_fr.jpg.v=1);
background-repeat:no-repeat;
background-position:top center;
width:906px;
height:120px;
}
div.headerDE
{
background-image:url(/images/header_fr.jpg.v=1);
background-repeat:no-repeat;
background-position:top center;
width:906px;
height:120px;
}
/*------EINDE Header-------------*/
/*------------Taalkeuze----------*/
#talen
{
float:right;
}
#talen div
{
float:left;
padding-left:2px;
width:16px;
height:16px;
display:block;
text-align:center;
}
#talen div a
{
/*background:none;*/
color:white;
width:16px;
height:16px;
display:block;
text-align:center;
}
/*------EINDE Taalkeuze----------*/
/*--------------BETAALMOGELIJKHEDEN-----------*/
.visa
{
background-image:url(/images/ecom/visa.gif.v=1);
background-repeat:no-repeat;
width:40px;
height:21px;
float:left;
}
.mastercard
{
background-image:url(/images/ecom/mastercard.gif.v=1);
background-repeat:no-repeat;
width:40px;
height:21px;
float:left;
}
.paypal
{
background-image:url(/images/ecom/paypal.gif.v=1);
background-repeat:no-repeat;
width:40px;
height:21px;
float:left;
}
.dexia
{
background-image:url(/images/ecom/dexia.gif.v=1);
background-repeat:no-repeat;
width:40px;
height:21px;
float:left;
}
.kbc
{
background-image:url(/images/ecom/kbc.gif.v=1);
background-repeat:no-repeat;
width:40px;
height:21px;
float:left;
}
.ing
{
background-image:url(/images/ecom/ing.gif.v=1);
background-repeat:no-repeat;
width:40px;
height:21px;
float:left;
}
.ideal
{
background-image:url(/images/ecom/ideal.gif.v=1);
background-repeat:no-repeat;
width:40px;
height:21px;
float:left;
}
.bancontact
{
background-image:url(/images/ecom/bancontact.gif.v=1);
background-repeat:no-repeat;
width:40px;
height:21px;
float:left;
}
/*---EINDE------BETAALMOGELIJKHEDEN-----------*/
/*Link*/
div#menu ul#hoofdmenu li ul.submenu li span,
div#menu ul#hoofdmenu li span,
a, a:link, a:visited
{
font-weight:bold;
text-decoration:underline;
}
a:hover, a:active
{
font-weight:bold;
text-decoration:none;
}
/*EINDE LINK*/
div#subHeader
{
float:right;
margin-right:3px;
/* height:31px; */
width:290px;
}
div#subHeader h1
{
float:left;
margin-left:-45000px;
}
div#basket
{
padding-left:10px;
padding-right:4px;
margin-top:116px;
height:35px;
border-bottom:none;
}
div#basket span#producten
{
padding-top:1px;
width:55px;
display:block;
color:white;
}
div#basket span#aantalProducten
{
padding-top:1px;
text-align:right;
width:85px;
display:block;
margin-left:60px;
position:relative;
margin-top:-14px;
}
div#basket span#bedrag
{
width:55px;
display:block;
color:white;
}
div#basket span#bedragTotaal
{
padding-top:1px;
text-align:right;
width:85px;
display:block;
margin-left:60px;
position:relative;
margin-top:-14px;
}
div#basket a, div#basket a:link, div#basket a:visited
{
height:19px;
width:125px;
display:block;
float:right;
background-image:url(/images/btn_mandje.gif.v=1);
background-repeat:no-repeat;
background-position:left top;
text-align:center;
padding-top:3px;
text-indent:10px;
margin-top:-22px;
color:White;
font-weight:bold;
font-size:13px;
text-decoration:none;
}
div#basket a:hover, div#basket a:active
{
height:19px;
width:125px;
display:block;
float:right;
background-image:url(/images/btn_mandje.gif.v=1);
background-repeat:no-repeat;
background-position:left bottom;
text-align:center;
padding-top:3px;
text-indent:10px;
margin-top:-22px;
color:#2b2b2b;
font-weight:bold;
font-size:13px;
text-decoration:none;
}
div#basket a.leeg, div#basket a:link.leeg, div#basket a:visited.leeg, div#basket a:active.leeg, div#basket a:hover.leeg
{
}
div#zoeken a, div#zoeken a:link, div#zoeken a:visited
{
height:19px;
width:94px;
display:block;
float:right;
background-image:url(/images/btn_zoeken.gif.v=1);
background-repeat:no-repeat;
background-position:left top;
text-align:center;
padding-top:1px;
text-indent:10px;
color:White;
font-weight:bold;
font-size:13px;
text-decoration:none;
}
div#zoeken a:hover, div#zoeken a:active
{
height:19px;
width:94px;
display:block;
float:right;
background-image:url(/images/btn_zoeken.gif.v=1);
background-repeat:no-repeat;
background-position:left bottom;
text-align:center;
padding-top:1px;
text-indent:10px;
color:#2b2b2b;
font-weight:bold;
font-size:13px;
text-decoration:none;
}
div#header div.clear { clear:both; }
div#subHeader div.clear { clear:both; }
div#content
{
/* padding:8px;
padding-top:5px;
padding-bottom:62px; */
margin-top:10px;
clear: both;
display:block;
}
div#menuEnAdres
{
height:22px;
/*position:absolute;
margin-left:235px;
margin-top:-27px;*/
margin-left:53px;
padding-left:0;
clear:both;
}
div#menu
{
margin:0;
padding:0;
}
div#menu ul
{
margin:0;
padding:0;
}
div#menu ul li
{
list-style-type:none;
}
ul#hoofdmenu li
{
float:left;
font-size:13px;
height:22px;
margin-right:54px;
}
div#menu ul#hoofdmenu li a,
div#menu ul#hoofdmenu li a:link,
div#menu ul#hoofdmenu li a:visited,
div#menu ul#hoofdmenu li a span
{
display:block;
height:19px;
background:none;
color:white;
font-weight:bold;
text-decoration:none;
padding-top:3px;
}
div#menu ul#hoofdmenu li a.selected,
div#menu ul#hoofdmenu li a:hover,
div#menu ul#hoofdmenu li a:active,
div#menu ul#hoofdmenu li span
{
display:block;
height:19px;
background:none;
color:#e3201a;
font-weight:bold;
text-decoration:none;
padding-top:3px;
}
.navMenuLinks
{
float:left;
clear:both;
display:block;
margin-left:53px;
}
ul#categorien
{
margin:0;
padding:0;
width:220px;
clear:both;
}
ul.submenu
{
margin:0;
padding:0;
margin-top:5px;
background-color:#000000;
min-height:100%;
padding-left:0px;
list-style-type:none;
display:block;
width:220px;
}
ul.submenu li
{
margin:0;
padding:0;
display:block;
height:17px;
text-align:left;
width:220px;
}
div#menu ul#hoofdmenu li ul.submenu li.first
{
}
ul.submenu li a,
ul.submenu li a:link,
ul.submenu li a:visited,
ul.submenu li a:active,
ul.submenu li span
{
padding-top:0px;
display:block;
height:15px;
background-image:none;
background-color:black;
text-decoration:none;
color:white;
font-size:12px;
}
ul.submenu li a:link.selected,
ul.submenu li a:visited.selected,
ul.submenu li a:active.selected,
ul.submenu li a:hover,
ul.submenu li span
{
padding-top:0px;
display:block;
height:15px;
background-image:url(/images/btn_submenu.gif.v=1);
background-position: left top;
background-color:#e31716;
color:#e31716;
text-decoration:none;
font-size:12px;
}
div#adres
{
position:absolute;
top:-18px;
left:0px;
font-size:10px;
color:white;
display:none;
}
div#adres .adresBedrijfsnaam
{
font-weight:bold;
}
div#adres .adresStraat
{
}
div#adres .adresPlaats
{
}
div#adres .adresTelefoon
{
}
div#adres .adresEmail
{
}
div#content div.clear { clear:both; }
div#subContent
{
/*margin-left:295px;*/
width:600px;
margin-top:30px;
float:right;
}
input, select, textarea
{
margin-bottom:5px;
width:203px;
border:1px solid #fff;
color:#000;
margin-right:0;
}
.formulier td.input
{
width:201px;
margin:0;
padding:0;
}
.checkboxlijst table,
.radiobuttonlist table
{
margin-bottom:10px;
}
.checkboxlijst td input,
.radiobuttonlist td input
{
width:15px;
padding:0;
margin:0;
}
.input img
{
margin-bottom:5px;
}
.verplicht
{
font-size:11px;
padding-bottom:10px;
text-align:right;
}
.verzenden a:link,
.verzenden a:visited
{
padding-right:15px;
display:block;
width:55px;
height:15px;
text-decoration:none;
color:white;
background-image:url(/images/btn.gif.v=1);
background-repeat:no-repeat;
background-position:right top;
float:right;
}
.verzenden a:hover,
.verzenden a:active
{
padding-right:15px;
display:block;
width:55px;
height:15px;
text-decoration:none;
color:#2b2b2b;
background-image:url(/images/btn.gif.v=1);
background-repeat:no-repeat;
background-position:right bottom;
float:right;
}
.Tekst
{
padding-bottom:10px;
}
textarea { height:50px; }
div#contactText
{
width:600px;
float:left;
}
div#contactForm
{
float:right;
width:306px;
}
.label
{
vertical-align:top;
display:block;
width:89px;
line-height:20px;
}
.mandatory
{
vertical-align:top;
width:5px;
text-align:left;
}
.input textarea, .input input
{
width:201px;
}
div.errors { color:#D00; }
div#productFiller
{
position:absolute;
background-color:black;
width:100%;
height:100%;
z-index:99;
filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
display:none;
}
div#productInMandje
{
position:relative;
position:absolute;
width:300px;
z-index:100;
left:50%;
top:50%;
margin-left:-150px;
margin-top:-75px;
border:1px solid #333333;
display:none;
background-color:#111111;
padding:10px;
padding-right:0px;
}
div#productInMandje span
{
display:block;
position:relative;
padding-right:10px;
}
div#productInMandje span#productInMandjeTekst em
{
font-weight:bold;
}
div#productInMandje div#productInMandjeTitel
{
font-weight:normal;
/* color:#262626; */
margin:0;
padding-bottom:8px;
font-size:14px;
}
div#productInMandje span.productInMandjeKnop
{
text-align:center;
float:right;
cursor:pointer;
font-weight:bold;
margin-top:15px;
}
div#productInMandje span.productInMandjeKnop a:link,
div#productInMandje span.productInMandjeKnop a:visited
{
display:block;
width:125px;
height:19px;
padding-top:3px;
background-image:url(/images/btn_mandje.gif.v=1);
background-repeat:no-repeat;
background-position:left top;
text-align:center;
text-indent:10px;
text-decoration:none;
color:white;
}
div#productInMandje span.productInMandjeKnop a:hover, div#productInMandje span.productInMandjeKnop a:active
{
display:block;
width:125px;
height:19px;
padding-top:3px;
background-image:url(/images/btn_mandje.gif.v=1);
background-repeat:no-repeat;
background-position:left bottom;
text-align:center;
text-indent:10px;
text-decoration:none;
color:#2b2b2b;
}
div#zoeken
{
clear:both;
width:220px;
padding-left:0;
padding-top:30px;
}
div#zoeken input
{
width:190px;
float:left;
font-size:11px;
text-indent:8px;
padding:3px 0;
width:122px;
}
div.nieuwsbrief
{
width:220px;
margin-top:170px;
/*overflow:auto; */
display:block;
height:60px;
clear:both;
}
div.nieuwsbrief a.uit
{
background:none;
}
div.nieuwsbrief a.in, div.nieuwsbrief a:link.in, div.nieuwsbrief a:visited.in
{
background-image:url(/images/btn.gif.v=1);
background-position:left top;
background-repeat:no-repeat;
color:white;
display:block;
float:right;
margin-right:2px;
text-decoration:none;
text-indent:10px;
width:116px;
height:15px;
}
div.nieuwsbrief a:hover.in, div.nieuwsbrief a:active.in
{
background-image:url(/images/btn.gif.v=1);
background-position:left bottom;
background-repeat:no-repeat;
color:#262626;
display:block;
float:right;
margin-right:2px;
text-decoration:none;
text-indent:10px;
width:116px;
}
/*div#footer //Deze voorlopig uitzetten
{
clear:both;
width:906px;
margin:0 auto;
text-align:center;
display:block;
}*/
div#footer
{
clear:both;
height:30px;
margin-top:-30px;
position:relative;
display:block;
}
div#innerfooter
{
/* background-image:url(/images/innerfooter_bg.png.v=1);
background-repeat:no-repeat; */
width:906px;
/*height:34px;*/
margin:0 auto;
font-size:11px;
text-align:right;
/*margin-top:124px;*/
clear:both;
display:block;
}
div.innerfootertekst
{
padding-right:8px;
}
div#innerfooter a,
div#innerfooter a:link,
div#innerfooter a:visited
{
font-weight:normal;
text-decoration:none;
background:none;
}
div#innerfooter a:hover,
div#innerfooter a:active
{
font-weight:normal;
color:#999;
text-decoration:underline;
background:none;
}
.innerfooterclear{clear:both}
div.faqTerugblok a:link, div.faqTerugblok a:visited
{
background-image:url(/images/btn_terug.gif.v=1);
background-position:left top;
background-repeat:no-repeat;
color:white;
display:block;
float:right;
text-decoration:none;
text-indent:15px;
width:116px;
height:15px;
}
div.faqTerugblok a:hover, div.faqTerugblok a:active
{
background-image:url(/images/btn_terug.gif.v=1);
background-position:left bottom;
background-repeat:no-repeat;
color:#262626;
display:block;
float:right;
text-decoration:none;
text-indent:15px;
width:116px;
height:15px;
}
input.name { position: absolute; left: -4000px; }
div.alterOverons { width: 600px; }
.linkterug a:link, .linkterug a:visited
{
color:white;
display:block;
float:right;
text-decoration:none;
text-indent:15px;
width:185px;
height:15px;
}
.linkterug a:hover,.linkterug a:active
{
color:#262626;
display:block;
float:right;
text-decoration:none;
text-indent:15px;
width:185px;
height:15px;
background-color:white;
}
.tbl404
{
width:600px;
text-align:center;
}
.tbl404 a
{
background:none;
}
#inschrijvenNieuwsbrief a,
#uitschrijvenNieuwsbrief a
{
color:#fff;
text-decoration:none;
padding:1px 5px;
float:right;
}