body {margin:0px; padding:0px; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; 
	font-weight: normal;font-size: 12px; }

div{position:relative}

a {color: #333;}

h1, h2, .zoeken p {font-family: Arial, Helvetica, Arial Rounded MT Bold, Arial, sans-serif; 
	font-size: 12px; color: #ffffff; font-weight: bold; line-height: 15px; 
	padding:5px 5px 5px 5px; margin:0px; margin-bottom:0px; }
h1 a, h2 a {color: #ffffff; text-decoration: none;}
h1 {background-color:#44A8CD;}
h2 {background-color: #BF2E52; border:1px solid #ccc}

h3, h4 {font-family: Arial, Arial Rounded MT Bold, Helvetica, sans-serif; 
	font-size: 12px; font-weight: normal; line-height: 15px; 
	padding:5px 5px 5px 5px; margin:0px}
h3 a, h4 a {color: #ffffff; text-decoration: none;}
h3 {color:#44A8CD;}
h4 {color: #fffff;}
p{
	line-height: 18px;
	margin: 0px 0px 5px 0px;
	padding-right: 5px;
	padding-left: 5px;
}
ul {padding-left:18px;}

.blauw {color:#44A8CD;}
.rood{color: #BF2E52;}
.tussenkopje {margin:5px 0px 10px 0px; font-weight:bold;}

#wrapper {width: 1000px; text-align:left; background-color:#FFF; margin-left:auto; margin-right:auto}

#header {height:128px;}
#logo {float:left;width:195px;bottom:-16px;}
#logo a {text-decoration: none;padding-left:48px; }
#header-tekst {float:left;bottom:-75px;}
#header-tekst h3 {font-size:22px;padding-bottom:0px; font-weight:bold}
#header-tekst p {font-size:12px;font-weight:bold;color:#fffff; line-height:28px;}
#header-right {float:right;padding-top:5px;top:0px}

#header-right td {padding-left:15px;}
#header-right .button {margin:0px;background-color: #44A8CD;}

#topnav {width:100%; padding:5px 0px; background-color:#BF2E52; font-weight: bold; border:1px solid #cccccc; }
#topnav a {color:#fff;text-decoration:none;padding-left:12px;padding-right:48px;left:-19px; }
#topnav a:hover {text-decoration:underline;}

#content {padding-left:198px; padding-right:195px; margin-top:2px; border-bottom: 2px solid #BF2E52 padding-bottom:4px;}
#content-left {float:left; width:195px; margin-left:-100%; right:198px; }
#content-left {margin-left: expression(document.all.content-center.offsetWidth * -1); /* Fix for IE7 */; }
#content-center {float:left; width:100%; vertical-align:top;}
#content-right {float:left; width:195px; margin-right:-198px; padding-left:0px;border:1px solid #ccc;}

.leftnav  {width:100%;}
.leftnav a {font-weight: bold; display: block; line-height: 15px; text-decoration: none; margin-bottom:1px; padding:5px 5px 5px 5px}
.leftnav a:hover, .leftnav a:active {text-decoration: none; color: #000; display: block;background-image:url(/img/licht1.jpg)}
.selected {background-color:#ccc;}

.zoeken {background-color:#44A8CD; margin-bottom:2px; padding-bottom:2px}
.veld {border: 0px;color: #000;background-color: #FFF;font-size: 9px; margin:0px}
.veld_rechts {border: 0px;color: #000;background-color: #FFF;font-size: 9px; margin:0px;text-align:right;}

.zoeken .veld {margin-left: 5px; padding:0px; height:20px; width:165px; font-size: 12px; top:0px; vertical-align:top; line-height:20px; }
.vergrootglas {border: 0px; color: #000;background-color: #FFF; margin:0px; padding:0px; position:relative; right:3px;cursor:pointer;}
.clear {clear:both;}

#footer {background-color:#BF2E52; padding:5px 0px; width: 100%; text-align:center; color:#fff; margin-top:3px; border:1px solid #ccc}
#footer a {color:#fff; }
#footer a:hover, #footer a:active {}

.homepage_banner_afbeelding a {}
.homepage_banner_afbeelding img{width:604px; border:1px solid #ccc; }
.homepage_banner_tekst {position:absolute; font-size:12px;color:#333;}
.homepage_banner_tekst a {text-decoration:none;}
.titel {font-size:24px;font-weight:normal;line-height:15px;}

/*styles voor de aanbiedingen op index.frag.html */
.aanbieding {width:198px;height:125px; float:left; border-bottom:2px solid #44A8CD; margin:2px}
.foto-links {padding-left:100px; overflow:hidden;}
.foto-rechts {padding-right:100px; overflow:hidden;}
.aanbieding-center {float:left; width:100%;height:100%; background-color:#EEE; z-index:1000}
.aanbieding-center .bestellen {position:absolute; bottom:0px; right:0px;}
.aanbieding-links {float:left; margin-left:-100%; left:-100px; text-align:left}
.aanbieding-rechts {float:left; width:100px; margin-right:-100px; text-align:right}

.zoekresultaat {width:500px;height:100px; float:left; margin:2px; padding-left:102px;}
.zoekresultaat .center {float:left; width:100%;height:100%; border: 1px solid #cccccc; background-color:#fffff; border-bottom:2px solid #fffff; z-index:1000}
.center .prijzen {color:#BF2E52;position:absolute;top:30px;right:5px;float:right;text-align:right;font-size:10px;font-weight:bold;}
.prijzen .exbtw{font-size:16px;}
.prijzen .inclbtw{}
.center .buttons {position:absolute; bottom:5px; right:0px; }
.buttons .bestellen {float:left;margin-left:15px;margin-right:5px;}
.buttons .meer_info {top:2px;}
.zoekresultaat .foto {width:100px; height:100px;float:left; margin-left:-100%; left:-105px; text-align:left; overflow:hidden;}

/*De navigatie bovenaan het content-gedeelte*/
.breadcrum {padding:5px 5px 5px 5px; margin-bottom:0px; margin-top:0px; line-height:15px;color:#fff; background-color:#ccc;}
.breadcrum a {font-weight:bold; color:#fff; text-decoration: none;}
.centernav {}

/*styles voor de lijst met subgroepen of productgroepen op subgroep_lijst.frag.html en op hoofdgroep.frag.html */
.subgroeplijst {margin-bottom:3px; padding:3px 2px 2px 5px; line-height:21px; background-color: #fff; border:1px solid #ccc}
.subgroeplijst a {margin-bottom:1px; display:block; font-weight:bold; text-decoration:none; }
.subgroeplijst a:hover, .subgroeplijst a:active { background-color:#fff; display:block; color:#000; font-weight:bold;}
.header {background-color:#44A8CD;}

/* styles voor de lijst met artikelen op productgroep.frag.html */
.lijst_artikelen {width:100%; border-bottom:2px solid #44A8CD; margin-top:15px; margin-bottom:8px; border-collapse:collapse }
.lijst_artikelen td, .lijst_artikelen th {padding:5px; border:1px solid #FFF; vertical-align: top;}
.lijst_artikelen th {background-color:#AAA; color: #FFF; font-weight: bold;  }
.lijst_artikelen td {}
.lijst_artikelen p {line-height:28px;}

.bedrag {text-align:right;}
.exbtw {font-weight:bold;}

.bestellen {font-weight:bold; background-image: url(/img/arrowzwart.gif); background-repeat: no-repeat; background-position: right center;
	text-align: right;}

.bestellen a{color: #000;text-decoration: none;padding-right:11px; white-space:nowrap;}
.bestellen a:hover{text-decoration: underline;}
.bestellen .veld{margin-right:3px; width:15px}

.button {background-color: #999;color: #FFF;font-weight:bold;margin:18px 0px;padding:3px 5px;border:none;cursor: pointer;} 
.button a {text-decoration:none}

.default {background-color: #BF2E52;padding-right:11px;	
	background-image: url(/img/arrowwit.gif); background-repeat: no-repeat; background-position: right center; }

.niet_voorradig { background-image:url(/img/reddot.gif); background-repeat:no-repeat;margin-bottom:12px}
.beperkt_voorradig { background-image:url(/img/greendot.gif); background-repeat:no-repeat;}
.ruim_voorradig { background-image:url(/img/2greendots.gif); background-repeat:no-repeat;}
.ruim_voorradig p, .beperkt_voorradig p, .niet_voorradig p {padding-left:36px;}

/*styles voor het winkelwagentje in de rechterkolom*/
.winkelwagen_rechts {width:100%; empty-cells:hide;margin-bottom:3px;border-bottom:2px solid #44A8CD;border-collapse:collapse}
.winkelwagen_rechts td {vertical-align:top;padding:2px 3px; border:1px solid #FFF}
.totaal_rij {background-color:#DDD;}
.knoppen {margin-top:3px;margin-right:1px;text-align:right;}

/*styles voor de bestellijst op webuser.bestellijst.frag.html */
.tabel_lijst {width:100%; empty-cells:hide; margin-bottom:3px;border-bottom:2px solid #44A8CD;border-collapse:collapse;}
.tabel_lijst td {padding:2px 3px; border:1px solid #FFF;background-color:#EEE;}
.tabel_lijst a {font-weight: bold; display: block; line-height: 20px; text-decoration: none; margin:0px;}
.tabel_lijst a:hover, .tabel_lijst a:active {text-decoration: underline; background-color:#AAA; color: #FFF; display: block}

/*styles voor de winkelwagen op bestel.winkelwagen.frag.html */
.winkelwagen {table-layout:width:100%; empty-cells:hide; margin-bottom:3px;border-bottom:2px solid #44A8CD;border-collapse:collapse;}
.winkelwagen td {padding:2px 3px; border:1px solid #FFF;background-color:#EEE;}
.winkelwagen .productfoto {width:100px; max-height:70px; overflow:hidden; z-index:0;background-color:#FFF;}
.winkelwagen .aantal {text-align:right;}
.winkelwagen .omschrijving {font-weight:bold; }
.winkelwagen .levertijd {width:100px; }
.winkelwagen .prijs_ex {width:60px; text-align: right;}
.winkelwagen .prijs_totaal {width:60px; font-weight:bold;  text-align: right;}
.winkelwagen .verwijderen {width:25px;}
.winkelwagen .wit {background-color:#FFF;}
.waarschuwing {background-color:#FF6600; font-weight:bold; font-size:14px}

/*styles voor het formulier op bestel.registreren.frag.html*/
.formulier {width:350px;padding:0px; border-spacing:2px; border-bottom:2px solid #44A8CD; margin-top:15px; margin-bottom:15px; }
.formulier th {background-color:#AAA; color: #FFF; font-weight: bold; line-height: 22px;padding-left:4px; }
.formulier td {height:18px; background-color:#EEE; border-left:1px; padding-left:4px; }

.txtagb {vertical-align:top;}

/*opmaak voor webeditor */
.webrood {color:#cc3333;}
.webblauw {color:#44a8cd;}
.weblichtgrijs {color:#eeeeee;}
.webdonkergrijs {color:#aaaaaa;}
.letter-8 {font-size:8pt;}
.letter-10 {font-size:10pt;}
.letter-12 {font-size:12pt;}
.letter-14 {font-size:14pt;}
.letter-16 {font-size:16pt;}
.letter-24 {font-size:24pt;}
.letter-36 {font-size:36pt;}