body{}

* {
  font-family:Arial,Helvetica,Verdana,Sans_serif;
	font-size:13px;
	line-height:1.4em;
	margin:0;
	padding:0;
	}

body {background:#648097;height:100%;width:100%;} 
div {color:#747264;}
img {border:0;}
a {color:#000;}
ul li {margin-left:1.2em;color:#004990;}
ol {margin-left:0.6em;}
ol li {margin-left:1.2em}
table {border-collapse:collapse;width:100%;text-indent:2px;margin-top:4px;}
td {border: 1px solid #747264;padding:2px 4px 2px 4px;}
p {padding-right:4px;}

.t_dblauw   {color:#004990;}
.t_roze     {color:#ed0677;}
.t_groen    {color:#5e9f33;}
.t_blauw    {color:#0081c6;}
.t_geel     {color:#ffde53;}
.t_oranje   {color:#f88b00;}
.t_paars    {color:#7c33f3;}
.t_bruin    {color:#7f3c0b;}
.t_grijs100 {color:#747264;}
.t_grijs015 {color:#ecebe8;}
.t_grijs008 {color:#f5f4f3;}
.t_wit      {color:#fff;}
.t_zwart    {color:#000;}
.t_rood     {color:#f00;}

.b_dblauw   {background:#004990;}
.b_roze     {background:#ed0677;}
.b_groen    {background:#7bc143;}
.b_blauw    {background:#0081c6;}
.b_geel     {background:#ffde53;}
.b_oranje   {background:#f88b00;}
.b_paars    {background:#7c33f3;}
.b_bruin    {background:#7f3c0b;}
.b_grijs100 {background:#747264;}
.b_grijs015 {background:#ecebe8;}
.b_grijs008 {background:#f5f4f3;}
.b_wit      {background:#fff;}
.b_zwart    {background:#000;}
.b_rood     {background:#f00;}

.sl_dblauw  {background:url(ep01/b_dblauw.gif) left;}
.sl_roze    {background:url(ep01/b_roze.gif) left;}
.sl_groen   {background:url(ep01/b_groen.gif) left;}
.sl_geel    {background:url(ep01/b_geels.gif) left;}
.sl_blauw   {background:url(ep01/b_blauw.gif) left;}
.sl_bruin   {background:url(ep01/b_bruins.gif) left;}
.sl_grijs100{background:url(ep01/b_grijs100.gif) left;}
.sl_grijs015{background:url(ep01/b_grijs015.gif) left;}
.sl_grijs008{background:url(ep01/b_grijs008.gif) left;}
.sl_wit     {background:url(ep01/b_wit.gif) left;}

.sr_dblauw  {background:url(ep01/b_dblauw.gif) right;}
.sr_roze    {background:url(ep01/b_rozes.gif) right;}
.sr_groen   {background:url(ep01/b_groens.gif) right;}
.sr_geel    {background:url(ep01/b_geel.gif) right;}
.sr_blauw   {background:url(ep01/b_blauws.gif) right;}
.sr_oranje  {background:url(ep01/b_oranjes.gif) right;}
.sr_paars   {background:url(ep01/b_paarss.gif) right;}
.sr_bruin   {background:url(ep01/b_bruins.gif) right;}
.sr_grijs100{background:url(ep01/b_grijs100s.gif) right;}
.sr_grijs015{background:url(ep01/b_grijs015.gif) right;}
.sr_grijs008{background:url(ep01/b_grijs008.gif) right;}
.sr_wit     {background:url(ep01/b_wit.gif) right;}

.b_faux {background: url(ep01/faux_cols.gif);}
.b_faux2 {background: url(ep01/faux_cols2.gif);}
.b_aanbieding {background: url(ep01/faux_aanbieding.gif);}

.rekop {clear:both;}
.verberg {display:none;}
.flo_l {float:left;}
.flo_r {float:right;}
.inspringen {padding-left:20px;}
#categorie hr {margin-left:0;width:530px;height:1px;background:#ecebe8;border:0 solid #ecebe8;}
.nieuw {width:22px;height:5em;position:absolute;right:0;background:#ffde53 url(ep01/nieuw.gif) center center no-repeat;}
.stunt {width:22px;height:5em;position:absolute;right:0;background:#ffde53 url(ep01/stunt.gif) center center no-repeat;}
.nadruk {font-weight:400;font-variant: small-caps;}
.str {text-decoration:line-through;}

.kolom {float:left;}
.links {width:241px;padding:0 20px 0 33px;}
.rechts {width:241px;padding:0 33px 0 20px;}
.rest{width:474px;}

.p_uitvoering {padding:1em 20px 2em 33px;}
.p_header,.titel {height:5em;position:relative;}
.titel {display:table-cell; vertical-align:middle;}
.p_header_logo {width:294px;margin-bottom:5px;height:5em;}
.p_kop {position:absolute;bottom:0px;font-size:3em;font-variant: small-caps;line-height:1em;}
.p_kop2 {position:absolute;bottom:0px;font-size:2em;font-variant: small-caps;line-height:1em;}
.p_kop2 h3{font-size:1.2em;line-height:0.8em;font-weight:400;}
.s_kop {position:absolute;bottom:0px;font-size:2.3em;font-variant: small-caps;line-height:1em;text-indent:8px;}
.p_payoff {position:relative;font-size:1.5em;font-variant: small-caps;font-weight:bold;line-height:1em;margin-top:1em;}
.p_streamer{font-variant: small-caps; font-size:1.25em;line-height:1em;}
.p_presentatie {background:#f5f4f3;}
.l_kop{padding:0 0 2px 0;}

.product_pres {position:relative;height:280px;}
.product_pres2 {position:relative;height:320px;}
#pres {position:relative;padding-bottom:2em;width:294px;}
#pres_groot {display:none;position:relative;width:587px;margin-right:-294px;background:url(ep01/b_grijs100.gif) left;z-index:999;}
.pres_verklein {display:block;position:absolute;top:0;left:12px;width:48px;height:49px;background:url(ep01/verklein_uit.gif);}
.pres_vergroot {display:block;position:absolute;top:0;left:12px;width:48px;height:49px;background:url(ep01/vergroot_uit.gif);}
.pres_verklein:hover {background:url(ep01/verklein_aan.gif);}
.pres_vergroot:hover {background:url(ep01/vergroot_aan.gif);}

.kader{width:199px;padding:10px 20px 10px 20px;border:1px solid #004990;margin-bottom:-1px;}

.thumb_s,.thumb_c {display:block;float:left;border:1px solid #004990;margin:12px 0 0 12px;text-decoration:none;}
.thumb_s {width:80px;}
.thumb_c {width:174px;}
.thumb_s:hover,.thumb_c:hover {float:left;border:4px solid #004990;margin:9px -3px -3px 9px;}
.thumb_c h1,.thumb_c h1 a {display:block;}
.thumb_s span,.thumb_s h2,.thumb_s h2 a,.thumb_s a,.thumb_c span,.thumb_c h2,.thumb_c h2 a,.thumb_c a,.thumb_c {display:block;}
.thumb_c h1 a {text-decoration:none;text-align:center;}
.thumb_c h3 a,.thumb_c a,.thumb_s h3 a,.thumb_s a {text-decoration:none;text-align:center;}
.thumb_t {width:100%;text-align:center;}
.thumb_a {float:left;border:0;margin:1px 1px 0 0;text-decoration:none;width:75px;height:75px;}
.thumb_a:hover .img_a,.thumb_c img,.thumb_s img{display:block;}
.img_s {width:80px;height:140px;}
.img_c {width:173px;height:139px;}
.img_r {float:right;margin-right:-14px;}
.img_a {position:absolute;left:33px;top:26.15em;border:0px;display:none;}

.a_info_uit,.a_info_aan {display:block;width:273px;padding:0 0 1px 20px;margin-bottom:-2px;border-bottom:1px solid #ecebe8;text-decoration:none;outline:none;}
.a_info_uit {height:1.2em;line-height:1.2em;font-size:1em;color:#747264;}
.a_info_aan {height:1.6em;line-height:1.6em;font-size:1.5em;color:#004990;}
.a_info_uit:hover,.a_info_aan:hover,.a_inline:hover {color:#004990;background:#f5f4f3;}
.a_terug {display:block;width:100%;color:#004990;text-align:right;text-decoration:none;text-indent:33px;font-variant: small-caps;border-bottom:1px solid #004990;}
.a_terug:hover {background:#ecebe8;}
.a_hotlink {color:#f00;}
.a_hotlink:hover,.backlinks a:hover {color:#000;}
.backlinks a {color:#747264;}

/* header, footer en omkadering */
#pagina {position:absolute;width:768px;left:50%;margin-left:-399px;top:2em;background:url(ep01/frame_hor.gif);padding:0 15px 0 15px;}
#frame_lb {position:absolute;width:15px;height:15px;left:0;top:-15px;background:url(ep01/frame_lb.gif);}
#frame_b {position:absolute;width:768px;height:15px;top:-15px;background:url(ep01/frame_b.gif) repeat-x;}
#frame_rb {position:absolute;width:15px;height:15px;right:0;top:-15px;background:url(ep01/frame_rb.gif);}
#frame_lo {position:absolute;width:15px;height:15px;left:0;bottom:-15px;background:url(ep01/frame_lo.gif);}
#frame_o {position:absolute;width:768px;height:15px;bottom:-15px;background:url(ep01/frame_o.gif);}
#frame_ro {position:absolute;width:15px;height:15px;right:0;bottom:-15px;background:url(ep01/frame_ro.gif);}

#header {position:relative;height:6em;width:768px;}
#logo {position:absolute;left:33px;top:0.75em;text-decoration:none;}
#naw{position:absolute;display:block;right:0px;}
#naw, #naw a {font-size:10px;color:#004990;}

#footer {height:1.5em;width:100%;background:#000;color:#fff;font-size:0.8em;text-indent:12px;}
#footer a {font-size:1em;color:#fff;text-decoration:none;}
#footer a:hover {color:#ffde53;}

/* content area */
#product {position:relative;width:100%;}
#content {overflow:hidden;}
#overzicht {position:relative;width:768px;}
#categorie {width:576px;margin-left:12px;}
#pres h2 {font-weight:400;}
#pres h1 {font-weight:400;}

.kleurstalen div {position:relative;height:1.75em;border:1px solid #747264;margin-top:2px;}
.kleurstalen div span{position:absolute;display:block;right:0;padding-left:1em;width:110px;height:100%;background:#fff;font-size:0.8em;line-height:2.25em;border-left:1px solid #747264;}

/* topmenu */
#topmenu {width:100%;height:3em;background:#000;overflow:hidden;}
.topmenu_item,.topmenu_aanb {float:left;display:block;height:100%;padding:0 12px 0 12px;color:#fff;font-size:13px;line-height:4em;text-decoration:none;border-right:1px solid #fff;}
.topmenu_item:hover,.topmenu_aanb:hover {text-decoration:underline;background:#747264;}
.topmenu_item:active,.topmenu_aanb:active {text-decoration:underline;background:#ecebe8;}
.topmenu_aanb {color:#ff0;}

/* sidemenu */
#sidebar {width:180px;float:left;}
#sidebar a {text-decoration:none;}
#sidebar ul li {display:block;width:100%;margin:0px;text-indent:8px;border-bottom:1px solid #fff;}
#sidebar ul li ul li {
  display:block;width:100%;height:1em;padding:0 0 6px 0;text-indent:20px;
	border-top:1px solid #fff;border-bottom:0;background:url(ep01/pijl2.gif) no-repeat left center;}
#sidebar ul li ul li:hover {background:url(ep01/b_menu_aan.gif) no-repeat left center;}
#sidebar h5 {padding:0 0 2px 0;font-size:1em;font-weight:300;}
#sidebar h5 a{color:#fff;}
#sidebar h5 a:hover{color:#000;}

/* prijzenbalk */
#prijzen{width:521px;padding:0 33px 0 33px;}
#spoed {width:521px;padding:0 33px 0 33px;text-align:center;color:#000;text-transform:uppercase;font-weight:bold;}
#categorie #prijzen{margin-left:-12px;}
#contentmenu {position:relative;}
.a_offerte {position:absolute;top:0;right:0;height:4.5em;width:5em;line-height:1em;padding:0.25em 0 0.25em 0;text-decoration:none;text-align:center;background:#004990 url(ep01/pijl_omlaag.gif) center bottom no-repeat;}
.a_offerte:hover {background:#f00 url(ep01/pijl_omlaag.gif) center bottom no-repeat;}

/* prijstabel verticaal */
.prijs_v { width:240px;margin-right:20px;text-align:center;}
.prijs_v caption { color:#fff;text-align:left;font-weight:bold;}
.prijs_v th { padding:1px;border:1px solid #747264;}
.prijs_v td { padding:1px 12px 1px 1px;border:1px solid #747264;text-align:right;}
.prijs_v thead { background:#000;color:#fff;}
.prijs_v tbody { background:#f5f4f3;color:#747264;}
.prijs_v tfoot th { background:#f00;color:#fff;}
.prijs_v tfoot a {color:#fff;}
.prijs_v tfoot a:hover {color:#800;}
.prijs_v tfoot a:visited {color:#fff;}

/* aanbiedingen */
.aanbieding {width:588px;height:200px;background:#343434;margin-bottom:6px;overflow:hidden;}
#aanbieding_foto,.aanbieding_foto {float:left;width:200px;height:100%;}
#aanbieding_gegevens,.aanbieding_gegevens 
  {float:left;width:388px;height:200px;background: url(ep01/aanbieding_back.jpg) no-repeat;}
#aanbieding_omschrijving,.aanbieding_omschrijving 
  {display:block;float:left;margin-left:10px;margin-top:28px;width:194px;margin-right:10px;color:#999;}
#aanbieding_prijzen,.aanbieding_prijzen {float:left;margin-left:6px;top:40px;width:160px;overflow: hidden;}
.a_aanbieding {color:#fff;text-decoration:none;}
.a_aanbieding:hover {color:#ff0;text-decoration:none;}
.aanbieding table {border-collapse:collapse;width:155px;text-indent:2px;margin-top:2px;}
.aanbieding td {border: 1px solid #747264;padding:0 4px 0 4px;}
.aanbieding .a_hotlink {color:#fff;}
.aanbieding .a_hotlink:hover {color:#000;}
#categorie .aanbieding {margin-left:-12px;}

/* formulieren */
#controlethumb {position:absolute;top:1em;left:580px;border:1px solid #004990;}
.formin {width:180px;padding:0 6px 0 33px;line-height:20px;}
.formout {width:368px;padding-top:0.25em;line-height:20px;margin:-0.25em 0 0.25em 0;}
.inp_txt {border:1px solid #747264;width:348px;}
.inp_txt_kort {border:1px solid #747264;width:50px;}
input:focus,textarea:focus,select:focus{background:#ffc;}
select {width:348px;}
textarea {width:348px;height:8em;}
.spoed {height:1.75em;width:100%;background:#ffde53;font-weight:bold;}

/* Buttons */
#but_area {height:39px;width:294px;border-bottom:1px solid #fff;}
#but_area_offerte {height:39px;width:100%;border-bottom:1px solid #fff;}
.but_form {padding-top:10px;}
a.but_off_best
  {display:block;width:120px;height:29px;}
#but_area a.but_prijs,#but_area a.but_off_best
  {float:left;display:block;width:120px;height:29px;margin:5px 0 0 20px;}
	
*html #but_area a.but_prijs,#but_area a.but_off_best {margin:5px 0 0 15px;}

a.but_offerte,a.but_bestelling,span.but_spoed 
  {display:-moz-inline-stack;display:inline-block;width:120px;height:39px;vertical-align:middle;margin:-5px 20px 0 0;}
a.but_prijs {background:url(ep01/but_prijs_uit.gif) no-repeat;}
a.but_prijs:hover {background:url(ep01/but_prijs_aan.gif) no-repeat;}
a.but_off_best {background:url(ep01/but_off-best_uit.gif) no-repeat;}
a.but_off_best:hover {background:url(ep01/but_off-best_aan.gif) no-repeat;}
a.but_bestelling {background:url(ep01/but_bestelling_uit.gif) no-repeat;}
a.but_bestelling:hover {background:url(ep01/but_bestelling_aan.gif) no-repeat;}
a.but_offerte {background:url(ep01/but_offerte_uit.gif) no-repeat;}
a.but_offerte:hover {background:url(ep01/but_offerte_aan.gif) no-repeat;}
span.but_spoed {background:url(ep01/but_spoed_uit.gif) no-repeat;}