﻿* {margin:0;padding:0;}
.clear {clear:both;overflow:hidden;font-size:1px;line-height:1px;}
a img {border:0;}
ul {list-style-type:none;margin:0;padding:0;}
a {text-decoration:none;color:#f00;}
a.bullet {display:inline-block;padding:0 0 0 13px;background: transparent url('grfx/bullet.gif') center left no-repeat}
a.bullet-white {display:inline-block;color:#fff;margin:3px 0 0 0;color:#fff;padding:0 0 0 13px;background: transparent url('grfx/bullet_white.gif') center left no-repeat}
a.bullet-white:hover {color:#fff; text-decoration:underline;}

body {background:#CCCCCC url('grfx/layout/body_bg.gif') top left repeat-x;font-size:11px;font-family:Arial, Verdana, "Trebuchet MS";color:#000000;}
.solidline {border-bottom:1px solid #aaa;}
.solidline-top {border-top:1px solid #aaa;}
.dotline {background: transparent url('grfx/layout/dotline.gif') top left repeat-x;}
.dotline-bottom {background: transparent url('grfx/layout/dotline.gif') bottom left repeat-x;}
.footer-dotline {margin:5px 10px 0 0;padding:5px 0 0 0;position:relative;background: transparent url('grfx/layout/dotline.gif') top left repeat-x;}
.alt {display:none;}
.center {text-align:center;}
.alignright {text-align:right;}
a img {border:0;}
a:hover {color:#000;}
a.arrow-link {display:inline-block;color:#666666;background: transparent url('grfx/arrow_link.gif') left 4px no-repeat;padding:0 0 0 10px;}
a.arrow-link:hover {display:inline-block;color:#000;text-decoration:underline;background: transparent url('grfx/arrow_link.gif') left -27px no-repeat;padding:0 0 0 10px;}
h2 {font-size:14px;padding:0 0 0 5px;}
#container #login-form-content .bullet {color:#f00;}
.gray-text {color: #666;} 
 
/* einde popup styles */
#container {position:relative;width:920px;margin:0 auto; padding:0 0 40px 0;}

#header {position:relative;height:105px;margin:0 0 27px 0;}
.logo-byme-png {position:absolute;z-index:2;top:10px;left:60px;background: transparent url('grfx/layout/logo_byme.png') top left no-repeat;_background: transparent url('grfx/layout/byme_logo.gif') top left no-repeat;width:96px;height:95px;overflow:hidden;text-indent:-900px;}
.mkb-servicedesk {position:absolute;left:142px;top:18px;}

#header #navigation {background: transparent url('grfx/layout/navigation_bg.gif') top left no-repeat;position:absolute;bottom:-3px;width:930px;height:30px;left:-5px;}
#header #navigation ul {height:22px;position:relative;top:4px;left:180px;width:730px;}
#header #navigation ul li {float:left;}
#header #navigation ul li a {display:block; height/* was inline-block */:22px;font-weight:bold;font-size:13px;line-height:22px;color:#000;margin:0 2px 0 0;}

#header #navigation ul li a.home {width:60px;height:22px;background:transparent url('grfx/nav/home.gif') top left no-repeat;text-indent:-999px;overflow:hidden;position:absolute;left:-172px;}
#header #navigation ul li a.producten {width:80px;height:22px;background:transparent url('grfx/nav/producten.gif') top left no-repeat;text-indent:-999px;overflow:hidden;}
#header #navigation ul li a.hoehetwerkt {width:102px;height:22px;background:transparent url('grfx/nav/hoehetwerkt.gif') top left no-repeat;text-indent:-999px;overflow:hidden;}
#header #navigation ul li a.klantenservice {width:104px;height:22px;background:transparent url('grfx/nav/klantenservice.gif') top left no-repeat;text-indent:-999px;overflow:hidden;}
#header #navigation ul li a.mijnaccount {width:96px;height:22px;background:transparent url('grfx/nav/mijnaccount.gif') top left no-repeat;text-indent:-999px;overflow:hidden;}
#header #navigation ul li a.overbyme {width:86px;height:22px;background:transparent url('grfx/nav/overbyme.gif') top left no-repeat;text-indent:-999px;overflow:hidden;}
#header #navigation ul li a.winkelwagen {width:98px;height:22px;background:transparent url('grfx/nav/winkelwagen.gif') top left no-repeat;text-indent:-999px;overflow:hidden;}

#header #navigation ul li a.home-active {width:60px;height:22px;background:transparent url('grfx/nav/home.gif') bottom left no-repeat;text-indent:-999px;overflow:hidden;position:absolute;left:-172px;}
#header #navigation ul li a.producten-active {width:80px;height:22px;background:transparent url('grfx/nav/producten.gif') bottom left no-repeat;text-indent:-999px;overflow:hidden;}
#header #navigation ul li a.hoehetwerkt-active {width:102px;height:22px;background:transparent url('grfx/nav/hoehetwerkt.gif') bottom left no-repeat;text-indent:-999px;overflow:hidden;}
#header #navigation ul li a.klantenservice-active {width:104px;height:22px;background:transparent url('grfx/nav/klantenservice.gif') bottom left no-repeat;text-indent:-999px;overflow:hidden;}
#header #navigation ul li a.overbyme-active {width:86px;height:22px;background:transparent url('grfx/nav/overbyme.gif') bottom left no-repeat;text-indent:-999px;overflow:hidden;}
#header #navigation ul li a.winkelwagen-active {width:98px;height:22px;background:transparent url('grfx/nav/winkelwagen.gif') bottom left no-repeat;text-indent:-999px;overflow:hidden;}
#header #navigation ul li a.mijnaccount-active  {width:96px;height:22px;background:transparent url('grfx/nav/mijnaccount.gif') bottom left no-repeat;text-indent:-999px;overflow:hidden;}
#header #navigation ul li a:hover {background-position:left -22px}

#header #navigation ul li a.home-active:hover, 
#header #navigation ul li a.producten-active:hover,
#header #navigation ul li a.hoehetwerkt-active:hover,
#header #navigation ul li a.klantenservice-active:hover,
#header #navigation ul li a.overbyme-active:hover,
#header #navigation ul li a.winkelwagen-active:hover,
#header #navigation ul li a.mijnaccount-active:hover {background-position:bottom left;}





#header #slogan {position:absolute;width:650px;color:#ff0000;font-size:20px;line-height:40px;height:40px;top:30px;left:175px;}

#header .cart-summary-extended {position:absolute;width:340px;height:60px;right:0;top:10px;}
#header .cart-summary-extended p {color:#464646;}
#header .cart-summary-extended .left {position:absolute;left:33px;top:26px;}
#header .cart-summary-extended .right {position:absolute;left:207px;top:26px;}

#header .cart-summary-extended.loggedinwithitem {background:transparent url('grfx/layout/loggedin_withitem.gif') top left no-repeat;}
#header .cart-summary-extended.loggedinnoitem {background:transparent url('grfx/layout/loggedin_noitem.gif') top left no-repeat;}
#header .cart-summary-extended.loggedoutnoitem {background:transparent url('grfx/layout/loggedout_noitem.gif') top left no-repeat;}
#header .cart-summary-extended.loggedoutwithitem {background:transparent url('grfx/layout/loggedout_withitem.gif') top left no-repeat;}


#container #page-title {position:relative;color:#f00;margin:-23px 0 18px 0;height:40px;line-height:40px;left:23px;width:800px;font-size:20px;overflow:hidden;}

#content-container {position:relative;background:#FAFAFA url('grfx/layout/content_container_bg.gif') top left repeat-y;width:100%;padding:0 0 12px 0;}
#content-container #container-top {position:absolute;overflow:hidden;top:-18px;left:0;width:100%;height:18px;background:transparent url('grfx/layout/content_container_top_bg.gif') top left no-repeat;}
#content-container #container-bottom {position:absolute;bottom:-18px;overflow:hidden;width:100%;height:18px;background:transparent url('grfx/layout/content_container_bottom_bg.gif') top left no-repeat;}

/* layout 3 koloms */
#content-container #three-columns-container {z-index:2;position:relative;zoom:1;top:-18px;margin-bottom:-10px;}
#content-container #three-columns-container #col1 {position:relative;float:left;width:165px;}
#content-container #three-columns-container #col2 {position:relative;float:left;width:520px;}
#content-container #three-columns-container #col3 {position:relative;float:left;width:225px;}
/* einde layout 3 koloms */

/* layout 2 koloms */
#content-container #two-columns-container {z-index:2;position:relative;zoom:1;top:-18px;margin-bottom:-10px;}
#content-container #two-columns-container #col1 {position:relative;float:left;width:684px;padding:0 0 0 1px;}
#content-container #two-columns-container #col2 {position:relative;float:left;width:225px;}

#content-container #two-columns-container #col1-reversed {position:relative;float:left;width:684px;padding:0 0 0 1px;}
#content-container #two-columns-container #col2-reversed {position:relative;float:left;width:225px;}

#two-columns-product-container #col1 .kader-container .kader h3.grey {background-image:url('grfx/layout/kaders/kader_col1_h3_bg_grey.gif') !important;}

/* einde layout 2 koloms */

/* layout 2 kolom profile */
#content-container #two-columns-profile-container {z-index:2;position:relative;zoom:1;top:-18px;margin-bottom:-10px;}
#content-container #two-columns-profile-container #col1 {position:relative;float:left;width:165px;}
#content-container #two-columns-profile-container #col2 {position:relative;float:left;width:738px;}
/* einde layout 2 kolom profile */


#content-container #footer {z-index:2;position:relative;margin:0 0 0 8px;padding:8px;width:888px;background:#999999 url('grfx/layout/footer_bottom_bg.gif') bottom left no-repeat; color:#fff;}
#content-container #footer-top {position:absolute;top:0;left:0;height:3px;width:904px;overflow:hidden; background:transparent url('grfx/layout/footer_top_bg.gif') top left no-repeat;}
#content-container #footer-text .links {position:absolute;left:12px;bottom:-20px;color:#999999;}
#content-container #footer-text .links a {color:#666666;}
#content-container #footer-text .links a:hover {color:#000;text-decoration:underline;}
#content-container #footer-text .copyright {position:absolute;bottom:-20px;left:768px;_left:758px;color:#000;}
#content-container #footer-text .copyright a {color:#999999;}
#content-container #footer-text .copyright a:hover {color:#000;text-decoration:underline;}

#content-container #footer #footer-sitemap {position:relative;clear:both;zoom:1;padding:0 0 0 42px;background:transparent url('grfx/layout/sitemap_bg.gif') top left repeat-y;}
#content-container #footer #footer-sitemap .sitemap-section {margin:0 0 0 10px;display:block;float:left;width:106px;}
#content-container #footer #footer-sitemap .sitemap-section a {color:#fff;font-size:12px;font-weight:bold;}
#content-container #footer #footer-sitemap .sitemap-section a:hover {text-decoration:underline;}
#content-container #footer #footer-sitemap .sitemap-section ul li a {color:#fff;font-size:11px;font-weight:normal;}
#content-container #footer #footer-sitemap .sitemap-section ul li a:hover {text-decoration:underline;}

/* kaders voor 3 koloms*/
#col1 .kader-container .kader h3 {font-size:13px;color:#fff;padding:5px 0 0 15px;position:absolute;left:0;top:-26px;height:26px;width:158px;background: transparent url('grfx/layout/kaders/kader_col1_h3_bg.gif') top left no-repeat;overflow:hidden;}
#col1 .kader-container {position:relative;margin:34px 0 0 8px;width:158px;background:#fff url('grfx/layout/kaders/kader_col1_bg.gif') top left repeat-y;}
#col1 .kader-container .kader {width:158px;background: transparent url('grfx/layout/kaders/kader_col1_bottom.gif') bottom left no-repeat;padding:3px 0 8px 0;}
#col1 .kader-container .kader p {padding:4px 4px 8px 4px;}
#col1 .kader-container .kader .nav_bg {background: #F0F0F0 url('grfx/layout/kaders/nav_bg_bottom.gif') bottom left no-repeat;width:146px;position:relative;margin:0 auto 0 auto;}
#col1 .kader-container .kader .nav_bg .top {position:relative;width:146px;height:3px;font-size:1px;line-height:1px;overflow:hidden;background: #F0F0F0 url('grfx/layout/kaders/nav_bg_top.gif') bottom left no-repeat;}
#col1 .kader-container .kader .nav_bg ul {position:relative;width:138px;margin:0 auto;font-size:12px;}
#col1 .kader-container .kader .nav_bg ul li a {display:block;height:20px;line-height:20px;background: transparent url('grfx/layout/dotline.gif') bottom left repeat-x;padding:0 0 0 6px}
#col1 .kader-container .kader .nav_bg ul li a:hover {color:#000;}
#col1 .kader-container .kader .nav_bg ul li a.active {color:#000;font-weight:bold;}
#col1 .kader-container .kader .nav_bg ul li.last a {background-image:none;}
#col1 .kader-container .kader h4 {font-size:13px;height:20px;margin:5px auto 0 auto;padding:3px 0 0 0;text-indent:10px;border-top:1px solid #aaa;width:146px;color:#000;overflow:hidden;}

#col2 .kader-container {position:relative;margin:16px 0 0 9px;.margin-top:16px;width:514px;background:#fff url('grfx/layout/kaders/kader_col2_bg.gif') top left repeat-y;_overflow-x:hidden;}
#col2 .kader-container.home {margin-top:20px;.margin-top:16px;}
#col2 .kader-container .kader .top {font-size:13px;color:#fff;padding:5px 0 0 15px;position:absolute;top:-8px;height:8px;width:514px;background: transparent url('grfx/layout/kaders/kader_col2_top.gif') top left no-repeat;left:0;}
#col2 .kader-container .kader {width:514px;background: transparent url('grfx/layout/kaders/kader_col2_bottom.gif') bottom left no-repeat;}
#col2 .kader-container .kader p {padding:4px 8px 8px 8px;}
#col2 .kader h1 {color:#f00;font-size:20px;height:25px;line-height:25px;padding:0 0 0 8px;position:relative;margin:-7px 0 8px 0;overflow:hidden;width:500px;}
#col2 .kader h2 {color:#000;font-size:14px;font-weight:bold;font-family:Arial, Verdana;padding:0 0 0 8px;}
#col2 .kader h1.heading {margin-top:5px;}

#col3 .kader-container {position:relative;margin:34px 0 0 10px;_margin:34px 0 0 8px;width:216px;background:#fff url('grfx/layout/kaders/kader_col3_bg.gif') top left repeat-y;_overflow-x:hidden;}
#col3 .kader-container .kader h3.grey {font-size:13px;color:#fff;padding:5px 0 0 15px;position:absolute;top:-26px;height:26px;width:216px;background: transparent url('grfx/layout/kaders/kader_col3_h3_bg_grey.gif') top left no-repeat;overflow:hidden;left:0;}
#col3 .kader-container .kader h3.red {font-size:13px;color:#fff;padding:5px 0 0 15px;position:absolute;top:-26px;height:26px;width:216px;background: transparent url('grfx/layout/kaders/kader_col3_h3_bg_red.gif') top left no-repeat;overflow:hidden;left:0;}
#col3 .kader-container .kader h3.purple {font-size:13px;color:#fff;padding:5px 0 0 15px;position:absolute;top:-26px;height:26px;width:216px;background: transparent url('grfx/layout/kaders/kader_col3_h3_bg_purple.gif') top left no-repeat;overflow:hidden;left:0;}
#col3 .kader-container .kader {width:216px;background: transparent url('grfx/layout/kaders/kader_col3_bottom.gif') bottom left no-repeat;}
#col3 .kader-container .kader p {padding:4px 15px 8px 15px;}
#col3 .kader-container .kader ul.purple {position:relative;display:block;margin:-2px 0 0 15px;padding:0 0 10px 0;.padding:0}
#col3 .kader-container .kader ul.purple li {display:block;padding:1px 0 1px 10px;background: transparent url('grfx/bullet_purple.gif') center left no-repeat;}
.kader-container .kader ul.grey {position:relative;display:block;margin:-2px 0 0 15px;padding:0 0 10px 0;.padding:0}
.kader-container .kader ul.grey li {display:block;padding:1px 0 1px 10px;background: transparent url('grfx/bullet_grey.gif') left 5px no-repeat;}
.kader-container .kader ul.red {position:relative;display:block;margin:-2px 0 0 15px;padding:0 0 10px 0;.padding:0}
.kader-container .kader ul.red li {display:block;padding:1px 0 1px 10px;background: transparent url('grfx/bullet_red.gif') left 5px no-repeat;margin:0 0 2px 0}



/* rood kader */
#col3 .kader-container.vak-rood {position:relative;margin:34px 0 0 10px;_margin:34px 0 0 8px;width:216px;background:#f00 none;}
#col3 .kader-container.vak-rood  .kader h3.red {font-size:13px;color:#fff;padding:5px 0 0 15px;position:absolute;top:-26px;height:26px;width:216px;background: transparent url('grfx/layout/kaders/kader_col3_h3_bg_vol_red.gif') top left no-repeat;overflow:hidden;left:0;}
#col3 .kader-container.vak-rood  .kader {width:216px;background: transparent url('grfx/layout/kaders/kader_col3_bottom_vol_red.gif') bottom left no-repeat;}
#col3 .kader-container.vak-rood  .kader p {padding:4px 15px 8px 15px;color:#fff;}
/* einde rood kader */


/* einde kaders voor 3 koloms */


/* twee koloms */
#two-columns-container #col1 .kader-container {position:relative;margin:34px 0 0 9px;.margin-top:34px;width:676px;background:#fff url('grfx/layout/kaders/kader_col1_breed_bg.gif') top left repeat-y;}
#two-columns-container #col1 .kader-container .kader {width:676px;background: transparent url('grfx/layout/kaders/kader_col1_breed_bottom.gif') bottom left no-repeat;}
#two-columns-container #col1 .kader-container .kader p {padding:4px 8px 8px 8px;}
#two-columns-container #col1 .kader-container .kader h1 {left:0;font-size:13px;color:#fff;padding:5px 0 0 15px;position:absolute;top:-26px;height:26px;width:676px;background: transparent url('grfx/layout/kaders/kader_col1_h1_breed_bg.gif') top left no-repeat;overflow:hidden;}

#two-columns-container #col2 .kader-container {position:relative;margin:34px 0 0 10px;_margin:34px 0 0 8px;width:216px;background:#fff url('grfx/layout/kaders/kader_col3_bg.gif') top left repeat-y;}
#two-columns-container #col2 .kader-container .kader h3.grey {font-size:13px;color:#fff;padding:5px 0 0 15px;position:absolute;top:-26px;height:26px;width:216px;background: transparent url('grfx/layout/kaders/kader_col3_h3_bg_grey.gif') top left no-repeat;overflow:hidden;}
#two-columns-container #col2 .kader-container .kader h3.red {font-size:13px;color:#fff;padding:5px 0 0 15px;position:absolute;top:-26px;height:26px;width:216px;background: transparent url('grfx/layout/kaders/kader_col3_h3_bg_red.gif') top left no-repeat;overflow:hidden;}
#two-columns-container #col2 .kader-container .kader {width:216px;background: transparent url('grfx/layout/kaders/kader_col3_bottom.gif') bottom left no-repeat;position:relative;}
#two-columns-container #col2 .kader-container .kader p {padding:4px 15px 8px 15px;color:#666;}

#two-columns-container .two-parts-container {width:645px;margin:2px auto 0 auto;border-top:3px solid #fff;.border-top:4px solid #fff;position:relative;background: #fff url('grfx/layout/kaders/two_parts_container_bg.gif') top left repeat-y;}
#two-columns-container .two-parts-container h2 {color:#000;font-size:14px;font-family:Arial, verdana}
#container #two-columns-container .two-parts-container .part-one p {padding-left:0;color:#666;}
#container #two-columns-container .two-parts-container .part-two p {padding-left:0;color:#666;}
#two-columns-container .two-parts-container .part-one {position:relative;width:320px;float:left;}
#two-columns-container .two-parts-container .part-two {position:relative;width:315px;float:left;left:10px;}


#three-columns-container #col2 .kader-container .kader .vlak {position:relative;width:204px;margin:0 0 8px 6px; background:#f0f0f0 url(grfx/layout/kaders/vlak_right_bottom.gif) bottom left no-repeat; }
#three-columns-container #col2 .kader-container .kader .vlak-content {padding:8px;}
#three-columns-container #col2 .kader-container .kader .vlak p {padding-left:0;margin:0 0 2px 0;}
#three-columns-container #col2 .kader-container .kader .vlak .top {position:absolute;top:0;left:0;width:204px;height:3px;background: transparent url('grfx/layout/kaders/vlak_right_top.gif') top left no-repeat;overflow:hidden;}
#three-columns-container #col2 .kader-container .kader .vlak .details {position:relative;padding:0;line-height:16px;}
#three-columns-container #col2 .kader-container .kader .vlak .details p {position:relative;padding:0 30px 0 80px;color:#000;margin:0 0 2px 0;zoom:1;}
#three-columns-container #col2 .kader-container .kader .vlak .form-rij p {padding:0 0 5px 0;line-height:13px;margin:0;color:#666666;}


#two-columns-container #col2 .kader-container .kader .vlak {position:relative;width:204px;margin:0 0 8px 6px; background:#f0f0f0 url(grfx/layout/kaders/vlak_right_bottom.gif) bottom left no-repeat; }
#two-columns-container #col2 .kader-container .kader .vlak-content {padding:8px;}
#two-columns-container #col2 .kader-container .kader .vlak p {padding-left:0;margin:0 0 2px 0;}
#two-columns-container #col2 .kader-container .kader .vlak .top {position:absolute;top:0;left:0;width:204px;height:3px;background: transparent url('grfx/layout/kaders/vlak_right_top.gif') top left no-repeat;overflow:hidden;}
#two-columns-container #col2 .kader-container .kader .vlak .details {position:relative;padding:0;line-height:16px;}
#two-columns-container #col2 .kader-container .kader .vlak .details p {position:relative;padding:0 30px 0 80px;color:#000;margin:0 0 2px 0;zoom:1;}
#two-columns-container #col2 .kader-container .kader .vlak .details .title {position:absolute;margin:0;left:10px;color:#000;width:100px;text-align:left;}
#two-columns-container #col2 .kader-container .kader .titels {font-weight:bold;position:relative;height:17px;line-height:17px;color:#666666;}
#two-columns-container #col2 .kader-container .kader .titels .title1 {position:absolute;left:20px;}
#two-columns-container #col2 .kader-container .kader .titels .title2 {position:absolute;left:105px;}

#container #two-columns-container .two-parts-container .vlak {position:relative;width:322px;position:relative; background:#f0f0f0 url(grfx/layout/kaders/vlak_breed_bottom.gif) bottom left no-repeat; }
#container #two-columns-container .two-parts-container .vlak-content {padding:3px 8px;}
#container #two-columns-container .two-parts-container .vlak p {padding-left:0;margin:0 0 2px 0;}
#container #two-columns-container .two-parts-container .vlak .top {position:absolute;top:0;left:0;width:322px;height:2px;background: transparent url('grfx/layout/kaders/vlak_breed_top.gif') top left no-repeat;overflow:hidden;}
#container #two-columns-container .two-parts-container .vlak .details {position:relative;padding:0;line-height:16px;}
#container #two-columns-container .two-parts-container .vlak .details p {position:relative;padding:0 30px 0 80px;color:#000;margin:0 0 2px 0;}

#container #two-columns-container .two-parts-container .part-one .vlak {left:-9px;}
#container #two-columns-container .two-parts-container .part-two .vlak {left:1px;_left:0px;}
/* einde twee koloms */



/* twee koloms PROFIEL */
#two-columns-profile-container #col1 .kader-container {position:relative;margin:34px 0 0 8px;width:158px;background:#fff url('grfx/layout/kaders/kader_col1_bg.gif') top left repeat-y;}
#two-columns-profile-container #col1 .kader-container .kader h3 {font-size:13px;color:#fff;padding:5px 0 0 15px;position:absolute;left:0;top:-26px;height:26px;width:158px;background: transparent url('grfx/layout/kaders/kader_col1_h3_bg.gif') top left no-repeat;overflow:hidden;}
#two-columns-profile-container #col1 .kader-container .kader {width:158px;background: transparent url('grfx/layout/kaders/kader_col1_bottom.gif') bottom left no-repeat;padding:3px 0 8px 0;}
#two-columns-profile-container #col1 .kader-container .kader p {padding:4px 4px 8px 4px;}
#two-columns-profile-container #col1 .kader-container .kader .nav_bg {background: #F0F0F0 url('grfx/layout/kaders/nav_bg_bottom.gif') bottom left no-repeat;width:146px;position:relative;margin:0 auto 0 auto;}
#two-columns-profile-container #col1 .kader-container .kader .nav_bg .top {position:relative;width:146px;height:3px;font-size:1px;line-height:1px;overflow:hidden;background: #F0F0F0 url('grfx/layout/kaders/nav_bg_top.gif') bottom left no-repeat;}
#two-columns-profile-container #col1 .kader-container .kader .nav_bg ul {position:relative;width:138px;margin:0 auto;font-size:12px;}
#two-columns-profile-container #col1 .kader-container .kader .nav_bg ul li a {display:block;height:20px;line-height:20px;background: transparent url('grfx/layout/dotline.gif') bottom left repeat-x;padding:0 0 0 6px}
#two-columns-profile-container #col1 .kader-container .kader .nav_bg ul li a:hover {color:#000;}
#two-columns-profile-container #col1 .kader-container .kader .nav_bg ul li a.active {color:#000;font-weight:bold;}
#two-columns-profile-container #col1 .kader-container .kader .nav_bg ul li.last a {background-image:none;}
#two-columns-profile-container #col1 .kader-container .kader h4 {font-size:13px;height:20px;margin:5px auto 0 auto;padding:3px 0 0 0;border-top:1px solid #aaa;width:146px;color:#aaa;overflow:hidden;}

#two-columns-profile-container #col2 .kader-container {position:relative;margin:24px 0 0 9px;.margin-top:16px;width:738px;background:#fff url('grfx/layout/kaders/kader_profiel_breed_bg.gif') top left repeat-y;}
#two-columns-profile-container #col2 .kader-container.home {margin-top:20px;.margin-top:16px;}
#two-columns-profile-container #col2 .kader-container .kader .top {font-size:13px;color:#fff;padding:5px 0 0 15px;position:absolute;top:-8px;height:8px;width:738px;background: transparent url('grfx/layout/kaders/kader_profiel_breed_top.gif') top left no-repeat;left:0;}
#two-columns-profile-container #col2 .kader-container .kader {width:738px;background: transparent url('grfx/layout/kaders/kader_profiel_breed_bottom.gif') bottom left no-repeat;}
#two-columns-profile-container #col2 .kader-container .kader p {padding:4px 8px 8px 8px;}
#two-columns-profile-container #col2 .kader h1 {color:#f00;font-size:20px;height:25px;line-height:25px;padding:0 0 0 8px;position:relative;margin:-7px 0 8px 0;overflow:hidden;width:500px;}
#two-columns-profile-container #col2 .kader h2 {color:#000;font-size:14px;font-weight:bold;font-family:Arial, Verdana;padding:0 0 0 8px;}
#two-columns-profile-container #col2 .kader h1.heading {margin-top:5px;}
#two-columns-profile-container #col2 .kader-container .kader .inhoud-breedte {width:700px}


#two-columns-profile-container .two-parts-container {width:730px;margin:2px 4px;border-top:3px solid #fff;.border-top:4px solid #fff;position:relative;background: #fff url('grfx/layout/kaders/two_parts_container_bg.gif') top center repeat-y;}
#container #two-columns-profile-container .two-parts-container h2 {color:#000;font-size:14px;font-family:Arial, verdana;padding-left:0;margin-left:0;text-indent:0;}
#container #two-columns-profile-container .two-parts-container .part-one p {padding-left:0;color:#666;}
#container #two-columns-profile-container .two-parts-container .part-two p {padding-left:0;color:#666;}
#two-columns-profile-container .two-parts-container .part-one {position:relative;width:350px;float:left;padding:5px;}
#two-columns-profile-container .two-parts-container .part-two {position:relative;width:350px;float:left;left:10px;padding:5px;}


#two-columns-profile-container #col1 .kader-container .kader .vlak {position:relative;width:322px;margin:0 0 8px 6px; background:#f0f0f0 url(grfx/layout/kaders/vlak_right_bottom.gif) bottom left no-repeat; }
#two-columns-profile-container #col1 .kader-container .kader .vlak-content {padding:8px;}
#two-columns-profile-container #col1 .kader-container .kader .vlak p {padding-left:0;margin:0 0 2px 0;}
#two-columns-profile-container #col1 .kader-container .kader .vlak .top {position:absolute;top:0;left:0;width:204px;height:3px;background: transparent url('grfx/layout/kaders/vlak_right_top.gif') top left no-repeat;overflow:hidden;}
#two-columns-profile-container #col1 .kader-container .kader .vlak .details {position:relative;padding:0;line-height:16px;}
#two-columns-profile-container #col1 .kader-container .kader .vlak .details p {position:relative;padding:0 30px 0 80px;color:#000;margin:0 0 2px 0;}
#two-columns-profile-container #col1 .kader-container .kader .vlak .details .title {position:absolute;margin:0;left:10px;color:#000;_margin-left:-130px}
#two-columns-profile-container #col1 .kader-container .kader .titels {font-weight:bold;position:relative;height:17px;line-height:17px;color:#666666;}
#two-columns-profile-container #col1 .kader-container .kader .titels .title1 {position:absolute;left:20px;}
#two-columns-profile-container #col1 .kader-container .kader .titels .title2 {position:absolute;left:105px;}

#container #two-columns-profile-container #login-form {width:238px;margin-left:0;}
#container #two-columns-profile-container .two-parts-container .vlak {position:relative;position:relative; background:#f0f0f0 url(grfx/layout/kaders/vlak_breed_bottom.gif) bottom left no-repeat; }
#container #two-columns-profile-container .two-parts-container .vlak-content {padding:3px 8px;}
#container #two-columns-profile-container .two-parts-container .vlak p {padding-left:0;margin:0 0 2px 0;}
#container #two-columns-profile-container .two-parts-container .vlak .top {position:absolute;top:0;left:0;width:322px;height:2px;background: transparent url('grfx/layout/kaders/vlak_breed_top.gif') top left no-repeat;overflow:hidden;}
#container #two-columns-profile-container .two-parts-container .vlak .details {position:relative;padding:0;line-height:16px;}
#container #two-columns-profile-container .two-parts-container .vlak .details p {position:relative;padding:0 30px 0 80px;color:#000;margin:0 0 2px 0;}

#container #two-columns-profile-container .two-parts-container .part-one .vlak {}
#container #two-columns-profile-container .two-parts-container .part-two .vlak {left:1px;_left:0px;}

#mijnbestellingen-container {position:relative;zoom:1;margin:0 0 20px 0;}
#mijnbestellingen-overzicht {position:relative;float:left;width:520px;margin:0 0 10px 0;zoom:1;}
.bestellingen-toelichting {position:relative;float:left;width:200px;border-left:1px solid #ccc}
.bestellingen-toelichting p {color:#666;}
.bestellingen-toelichting h5 {margin:10px 0 0 10px;color:#000;font-size:14px;}
.bestellingen-toelichting h6 {margin:10px 0 0 10px;color:#000;font-size:11px;}
/* einde twee koloms PROFIEL */




/* twee koloms PRODUCT AB test  Product_Version2.aspx*/
#content-container #two-columns-product-container {z-index:2;position:relative;zoom:1;top:-18px;margin-bottom:-10px;}
#content-container #two-columns-product-container #col1 {position:relative;float:left;width:165px;}
#content-container #two-columns-product-container #col2 {position:relative;float:left;width:738px;}

#two-columns-product-container #col1 .kader-container {position:relative;margin:34px 0 0 8px;width:158px;background:#fff url('grfx/layout/kaders/kader_col1_bg.gif') top left repeat-y;}
#two-columns-product-container #col1 .kader-container .kader h3 {font-size:13px;color:#fff;padding:5px 0 0 15px;position:absolute;left:0;top:-26px;height:26px;width:158px;background: transparent url('grfx/layout/kaders/kader_col1_h3_bg.gif') top left no-repeat;overflow:hidden;}
#two-columns-product-container #col1 .kader-container .kader {width:158px;background: transparent url('grfx/layout/kaders/kader_col1_bottom.gif') bottom left no-repeat;padding:3px 0 8px 0;}
#two-columns-product-container #col1 .kader-container .kader p {padding:4px 4px 8px 4px;}
#two-columns-product-container #col1 .kader-container .kader .nav_bg {background: #F0F0F0 url('grfx/layout/kaders/nav_bg_bottom.gif') bottom left no-repeat;width:146px;position:relative;margin:0 auto 0 auto;}
#two-columns-product-container #col1 .kader-container .kader .nav_bg .top {position:relative;width:146px;height:3px;font-size:1px;line-height:1px;overflow:hidden;background: #F0F0F0 url('grfx/layout/kaders/nav_bg_top.gif') bottom left no-repeat;}
#two-columns-product-container #col1 .kader-container .kader .nav_bg ul {position:relative;width:138px;margin:0 auto;font-size:12px;}
#two-columns-product-container #col1 .kader-container .kader .nav_bg ul li a {display:block;height:20px;line-height:20px;background: transparent url('grfx/layout/dotline.gif') bottom left repeat-x;padding:0 0 0 6px}
#two-columns-product-container #col1 .kader-container .kader .nav_bg ul li a:hover {color:#000;}
#two-columns-product-container #col1 .kader-container .kader .nav_bg ul li a.active {color:#000;font-weight:bold;}
#two-columns-product-container #col1 .kader-container .kader .nav_bg ul li.last a {background-image:none;}
#two-columns-product-container #col1 .kader-container .kader h4 {font-size:13px;height:20px;margin:5px auto 0 auto;padding:3px 0 0 0;border-top:1px solid #aaa;width:146px;color:#aaa;overflow:hidden;}

#two-columns-product-container #col2 .kader-container {position:relative;margin-top:16px;width:738px;background:#fff url('grfx/layout/kaders/kader_profiel_breed_bg.gif') top left repeat-y;}
#two-columns-product-container #col2 .kader-container .kader .top {font-size:13px;color:#fff;padding:5px 0 0 15px;position:absolute;top:-8px;height:8px;width:738px;background: transparent url('grfx/layout/kaders/kader_profiel_breed_top.gif') top left no-repeat;left:0;}
#two-columns-product-container #col2 .kader-container .kader {width:738px;background: transparent url('grfx/layout/kaders/kader_profiel_breed_bottom.gif') bottom left no-repeat;}
#two-columns-product-container #col2 .kader-container .kader p {padding:4px 8px 8px 8px;}
#two-columns-product-container #col2 .kader h1 {color:#f00;font-size:20px;height:25px;line-height:25px;padding:0 0 0 8px;position:relative;margin:-7px 0 8px 0;overflow:hidden;width:500px;}
#two-columns-product-container #col2 .kader h2 {color:#000;font-size:14px;font-weight:bold;font-family:Arial, Verdana;padding:0 0 0 8px;}
#two-columns-product-container #col2 .kader h1.heading {margin-top:5px;}
#two-columns-product-container #col2 .kader-container .kader .inhoud-breedte {width:700px}

#two-columns-product-container #col2 .kader-container .kader .product-options {position:relative;background:#F0F0F0 none;border:1px solid #CCC;padding:10px;width:700px;margin:0 auto 10px auto;}
#two-columns-product-container #col2 .kader-container .kader .product-options .top {position:absolute;left:-1px;top:-1px;height:4px;overflow:hidden;width:722px;background: transparent url(grfx/detail/version2/productoptions_top.gif) top left no-repeat}
#two-columns-product-container #col2 .kader-container .kader .product-options .bottom {position:absolute;left:-1px;bottom:-1px;height:4px;overflow:hidden;width:722px;background: transparent url(grfx/detail/version2/productoptions_bottom.gif) top left no-repeat}

#two-columns-product-container #col2 .kader-container .kader .product-options .product-option-column {position:relative;float:left;width:170px;font-size:12px;}
#two-columns-product-container #col2 .kader-container .kader .product-options .product-option-column .section {min-height:50px;_height:50px;}
#two-columns-product-container #col2 .kader-container .kader .product-options .product-option-column .section p {padding:2px 0;margin:0;}
#two-columns-product-container #col2 .kader-container .kader .product-options .product-option-column .section .radio-options td {padding:2px;.padding:0;position:relative;}
#two-columns-product-container #col2 .kader-container .kader .product-options .product-option-column .section .radio-options td label {padding:0 0 0 2px;.padding:0;position:relative;}
#two-columns-product-container #col2 .kader-container .kader .product-options .product-option-column .section .arrow-link {font-size:11px;cursor:pointer;}

#two-columns-product-container #col2 .kader-container .kader .product-options .product-option-column .section .prijs {position:relative;text-align:right;font-size:28px;font-weight:bold;}
#two-columns-product-container #col2 .kader-container .kader .product-options .product-option-column .section .centen {font-size:14px;font-weight:bold;position:relative;top:-10px;}
#two-columns-product-container #col2 .kader-container .kader .product-options .product-option-column .section .prijs-incl {position:relative;text-align:right;font-size:11px;font-weight:normal;color:#6f6f6f;margin:-5px 0 0 0;}

#two-columns-product-container #col2 .kader-container .kader .product-options .product-option-column .section .prijs-container {position:relative;height:35px;}
#two-columns-product-container #col2 .kader-container .kader .product-options .product-option-column .section .prijs-container table {position:absolute;zoom:1;right:0px;}
#two-columns-product-container #col2 .kader-container .kader .product-options .product-option-column .section .prijs-action-old {display:block;white-space: nowrap;position:relative;text-align:right;font-size:11px;font-weight:bold;top:18px;}
#two-columns-product-container #col2 .kader-container .kader .product-options .product-option-column .section .prijs-action {display:inline-block;position:relative;text-align:left;font-size:28px;font-weight:bold;color:#f00;}
#two-columns-product-container #col2 .kader-container .kader .product-options .product-option-column .section .prijs-action .centen {font-size:14px;font-weight:bold;position:relative;top:-10px;}
#two-columns-product-container #col2 .kader-container .kader .product-options .product-option-column .section .prijs-action-incl {position:relative;text-align:right;font-size:11px;font-weight:normal;margin:0 0 5px 0;color:#6f6f6f;}


#two-columns-product-container #col2 .kader-container .kader .products-overview {position:relative;left:9px;zoom:1;width:730px;}
#two-columns-product-container #col2 .kader-container .kader .products-overview-head {position:relative;height:23px;margin:0 0 10px 0;}
#two-columns-product-container #col2 .kader-container .kader .products-overview-head .style-dropdown {position:absolute;top:0;right:10px;width:173px;height:23px;background:transparent url(grfx/detail/version2/style_dropdown_bg.gif) top left no-repeat;zoom:1;}
#two-columns-product-container #col2 .kader-container .kader .products-overview-head .style-dropdown select {width:120px;position:absolute;right:10px;top:2px;.top:1px;font-size:12px;height:20px;}
#two-columns-product-container #col2 .kader-container .kader .products-overview-head .style-dropdown b {color:#fff;line-height:23px;display:inline-block;padding:0 0 0 10px;font-size:12px}
#two-columns-product-container #col2 .kader-container .kader .products-overview-head h2 {top:4px;margin:0;padding:0;position:absolute;line-height:23px;}

#two-columns-product-container #col2 .kader-container .kader .products-overview .product {position:relative;width:173px;height:284px;float:left;margin:0 9px 9px 0;background: transparent url(grfx/detail/version2/product_bg.gif) top left no-repeat}
#two-columns-product-container #col2 .kader-container .kader .products-overview .product table {position:relative;width:173px;height:230px;}
#two-columns-product-container #col2 .kader-container .kader .products-overview .product table td {position:relative;}
#two-columns-product-container #col2 .kader-container .kader .products-overview .product table .icon-magnifie {position:absolute;top:215px;right:5px;display:inline-block;background: transparent url(grfx/detail/version2/icon_magnifie.gif) top left no-repeat;color:#000;font-size:12px;text-decoration:underline;padding:0 0 0 17px;}
#two-columns-product-container #col2 .kader-container .kader .products-overview .product table .icon-magnifie:hover {color:#f00;text-decoration:none;}
#two-columns-product-container #col2 .kader-container .kader .products-overview .product .bottom {position:relative;height:47px;} 
#two-columns-product-container #col2 .kader-container .kader .products-overview .product .bottom b {font-size:12px;position:relative;top:5px;}
#two-columns-product-container #col2 .kader-container .kader .products-overview .product .bottom .bullet {position:absolute;bottom:0;left:45px;color:#000;font-size:13px;text-decoration:underline;}
#two-columns-product-container #col2 .kader-container .kader .products-overview .product .bottom .bullet:hover {color:#f00;text-decoration:none;}
/* einde twee koloms PRODUCT */






/* error messages */
#container .kader .error {position:relative;margin:8px;padding:0 0 0 20px;background: transparent url('grfx/error_icon.gif') top left no-repeat;}
#container .kader .error p {position:relative;color:#ff0000;margin:0;padding:0;}
/* einde error messages */

.bottomlink {position:relative;height:15px;line-height:15px;margin:0 9px;}
.bottomlink a {display:inline-block;font-size:12px;padding:2px 0 0 15px;background: transparent url('grfx/bullet.gif') left 4px no-repeat;}
.bottomlink.centered {border-top:1px solid #aaa;width:497px;left:-14px;text-align:center}

/* default pagina */
a.vertel {position:relative;left:0;display:block;width:105px;height:24px;padding:2px 0 0 0;background: transparent url('grfx/btn_vertel.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;text-indent:10px;overflow:hidden;font-family:Arial;}
a.vertel:hover {background-position: bottom left;}
.startnu-container {position:relative;padding:0 0 10px 0;}
a.btn-startnu {position:relative;left:50px;display:block;width:104px;height:28px;background: transparent url('grfx/btn_startnu.gif') top left no-repeat;color:#000;text-indent:-999px;overflow:hidden;}
a.btn-startnu:hover {background-position: bottom left;}




.betaalmethoden {position:relative;margin:10px 0 0 10px;}
#container #login-form {position:relative;top:3px;width:202px;margin:0 0 5px 7px;height:108px;background: #f0f0f0 url('grfx/home/login_bg.gif') top left no-repeat;overflow:hidden;}
#container #login-form #login-form-content {position:relative;padding:4px 8px;}
#container #login-form p {padding:0 0 5px 0;line-height:13px;margin:0;color:#666666;}
#container #login-form input {position:relative;color:#000;display:block;margin:0;width:147px;font-size:11px;border:1px solid #AAAAAA;padding:2px 0 2px 3px;.padding:1px 0 1px 3px;}
#container #login-form p a {color:#000;}
#container #login-form p a:hover {color:#ff0000;}
.btn-home-login {position:relative;left:110px;display:block;border:0;width:78px;height:24px;padding:0 0 1px 0;background: transparent url('grfx/home/btn_login_bg.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;color:#000;font-size:11px;line-height:24px;cursor:pointer;font-family:Arial;}
.btn-home-login:hover{background-position: bottom left;}
#container .kader .error.login-home {position:absolute;margin-top:8px;margin-left:20px;}
#flash-slideshow {position:relative;margin:-12px 0 0 0;.margin:-8px 0 0 0;width:514px;height:180px;background:#fafafa;}
#flash-slideshow #noflash-header {position:relative;width:100%;height:100%;background: transparent url('grfx/noflash_header.gif') top left no-repeat;} 
#flash-slideshow #noflash-header p {position:relative;top:45px;}

#container .kader-container.home #paketten-container {position:relative;.top:15px;.height:240px;margin:12px 0 8px 1px;padding: 0;width:512px;}
/*
#container #paketten-container {position:relative;.top:15px;.height:250px;margin:12px 0 8px 1px;padding: 0;width:512px;}
#container #paketten-container .pakket {position:relative;float:left;border-right:1px solid #aaa;width:172px;overflow:hidden;}
#container #paketten-container .pakket.last {border:0;width:170px;padding:0;}
#container #paketten-container .pakket .pakket-content {position:relative;padding:0 6px;}
#container #paketten-container .pakket .pakket-content h1 {position:relative;font-family:Arial,verdana;font-size:14px;font-weight:bold;color:#000;padding:0;line-height:14px;height:14px;margin:0 0 5px 0;}
#container #paketten-container .pakket .pakket-content p {position:relative;margin:0;padding:0;color:#666666;line-height:17px;width:170px;line-height:14px;margin:0 0 5px 0;}

#container #paketten-container .pakket .pakket-content a.leesmeer {position:absolute;z-index:2;bottom:8px;.bottom:8px;left:80px;_left:70px;display:block;width:81px;height:24px;background: transparent url('grfx/home/btn_lees_meer_bg.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;font-family:Arial;}
#container #paketten-container .pakket .pakket-content a.leesmeer:hover {background-position: bottom left;}

#container #paketten-container .pakket.last-action {width:154px;top:-8px;border:0;left:6px;}
#container #paketten-container .pakket .action {background: #660066 url('grfx/action_bg.gif') top left no-repeat;width:154px;height:232px;}
#container #paketten-container .pakket .action p {color:#fff;padding-top:0;}
#container #paketten-container .pakket .action h1 {color:#fff;font-size:15px;margin:2px 0 0 0;padding-bottom:0;}
#container #paketten-container .pakket .action a.leesmeer {position:absolute;z-index:2;bottom:8px;.bottom:8px;left:64px;_left:64px;display:block;width:81px;height:24px;background: transparent url('grfx/home/btn_lees_meer_bg_purple.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;font-family:Arial;}
#container #paketten-container .pakket .action a.leesmeer:hover {background-position: bottom left;}
*/

/*
#visual-naamborden {height:164px;position:relative;border-bottom:1px solid #ccc;padding:8px;}
#visual-naamborden a.naambordenset {width:216px;height:164px;position:relative;display:block;overflow:hidden;text-indent:-999px;background: transparent url('grfx/NaamBordenSet_visual.jpg') top left no-repeat; }
#visual-naamborden #flash-naambordenset-slideshow {position:absolute;right:8px;top:8px;width:274px;height:164px;background:transparent none;}
*/

/*
#visual-kerst {height:181px;width:513px;overflow:hidden;position:relative;border-bottom:1px solid #ccc;}
*/
#visual-januari {height:181px;width:513px;overflow:hidden;position:relative; left: 1px;border-bottom:1px solid #ccc;}

/*tellfriend in popup */

.captcha {position:absolute;left:120px;top:50px;}
.btn-verzenden {position:relative;bottom:10px;left:170px;display:block;border:0;width:86px;height:24px;padding:0 0 1px 0;background: transparent url('grfx/modals/content/btn_verzenden.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;font-size:11px;line-height:24px;cursor:pointer;font-family:Arial;}
.btn-verzenden:hover{background-position: bottom left;}

#popup .error {position:relative;width:150px;margin-left:10px;margin-top:-8px;padding:0 0 0 20px;background: transparent url('grfx/error_icon.gif') top left no-repeat;}
#popup .error p {position:relative;color:#ff0000;margin:0;padding:0;}
#popup #footer {position:relative;padding:0px 0 0 0;min-height:24px;_height:24px;}
#popup #footer .btn-verzenden {position:absolute;right:0;top:0;}
#popup {overflow:hidden;}

#popup .vlak {position:relative;width:268px;margin:0 0 15px 0; background:#f0f0f0 url(grfx/modals/content/vlak_bottom.gif) bottom left no-repeat; }
#popup .vlak-content {padding:8px;}
#popup .vlak p {padding-left:0;margin:0 0 2px 0;}
#popup .vlak .top {position:absolute;top:0;left:0;width:268px;height:3px;background: transparent url('grfx/modals/content/vlak_top.gif') top left no-repeat;overflow:hidden;}



#popup .details {position:relative;}
#popup .details p {position:relative;height:17px;line-height:17px;padding:0 0 0 80px}
#popup .details .title {position:absolute;left:0px;top:1px;}

/* pacelist /staffelprijzen */
#popup .pacelist-titles {position:relative;left:8px;margin:0 auto;width:250px;font-weight:bold;color:#666;height:15px;}
#popup .pacelist-titles .amount {position:absolute;width:60px;left:0;top:0;}
#popup .pacelist-titles .price {position:absolute;width:120px;left:60px;top:0;text-align:right}
#popup .pacelist-titles .price-inc {position:absolute;width:50px;left:200px;top:0;text-align:right;}

#popup .pacelist .pace.last {background:none}
#popup .pacelist .pace {position:relative;margin:0 auto;width:250px;font-weight:normal;color:#000;height:20px;background: transparent url('grfx/layout/dotline.gif') bottom left repeat-x;}
#popup .pacelist .pace .amount {position:absolute;width:60px;left:0;top:2px;}
#popup .pacelist .pace .price {position:absolute;width:120px;left:60px;top:2px;text-align:right;font-weight:bold;font-size:12px;}
#popup .pacelist .pace .price-inc {position:absolute;width:50px;left:200px;top:2px;text-align:right;}

#popup .pacelist .pace .price-action {position:absolute;width:120px;left:60px;top:2px;text-align:right;font-size:11px;}
#popup .pacelist .pace .price-action b {font-weight:bold;color:#f00;font-size:12px}




/* producten-overzicht pagina */
#container #producten-overzicht-container {position:relative;margin:3px 0 8px 9px;width:512px;_overflow-x:hidden;}
#container #producten-overzicht-container .product {position:relative;float:left;width:168px;margin:0 0 10px 0;height:245px;overflow:hidden;}
#container #producten-overzicht-container .product .product-content {position:relative;padding:0 6px;background: transparent url('grfx/item_bg.gif') top left no-repeat;}
#container #producten-overzicht-container .product .product-content table {margin:0 0 4px 0;position:relative;left:-8px;}
#container #producten-overzicht-container .product .product-content table td {text-align:center;}
#container #producten-overzicht-container .product .product-content table td img {display:block;margin:0 auto;}
#container #producten-overzicht-container .product .product-content h2 {padding:0;}
#container #producten-overzicht-container .product .product-content h2 a {position:relative;font-family:Arial,verdana;font-size:12px;font-weight:bold;color:#000;padding:0;line-height:14px;height:14px;margin:0 0 5px 0;width:120px;}
#container #producten-overzicht-container .product .product-content h2 a:hover {color:#f00;}


#container #producten-overzicht-container .product .product-content p.price {position:relative;margin:2px 0;padding:0 10px 0 0;color:#000;line-height:17px;line-height:14px;}
#container #producten-overzicht-container .product .product-content p.price b {color:#f00;font-weight:normal;}
#container #producten-overzicht-container .product .product-content p.price-inc {color:#666;margin:0;padding:0;}


#container #product-detail .product-van-pakket {position:relative;width:210px;overflow:hidden;background: transparent url('grfx/layout/dotline.gif') bottom left repeat-x;padding:0 0 5px 0;}
#container #product-detail .product-van-pakket select {margin:0 0 5px 0}
#container #product-detail .product-van-pakket.last {background-image:none;margin:0 0 -10px 0}
#container #product-detail .product-van-pakket h1 {color:#000;font-size:14px;margin:0 0 0 0;}
#container #product-detail #product-detail-right .product-van-pakket h2 {color:#666; font-size: 12px;}



/* product detail pagina */
#container #product-detail {position:relative;}
#container #product-detail #product-detail-right ul.grey {padding-bottom:0px;}

#container #product-detail #product-detail-right {position:relative;left:240px;width:266px;overflow:hidden;min-height:339px;_height:339px;}
#container #product-detail #product-detail-right p {padding:0;margin:0 0 10px 0;}
#container #product-detail #product-detail-right h1 {margin-top:0px;padding-left:0;}
#container #product-detail #product-detail-right h2 {position:relative;font-family:Arial,verdana;font-size:12px;font-weight:bold;color:#000;padding:0;line-height:14px;height:14px;margin:0 0 5px 0;width:120px;padding:0}

#container #product-detail #product-extra-info {position:relative;width:494px;overflow:hidden;margin:0 auto;background: transparent url('grfx/layout/dotline.gif') top left repeat-x;padding:10px 0 0 0}
#container #product-detail #product-extra-info p {padding:0;margin:0 0 10px 0;}
#container #product-detail #product-extra-info h1 {margin-top:0px;padding-left:0;}
#container #product-detail #product-extra-info h2 {position:relative;font-family:Arial,verdana;font-size:12px;font-weight:bold;color:#000;padding:0;line-height:14px;height:14px;margin:0 0 5px 0;width:120px;padding:0}

#container #product-detail #product-extra-info #details-container {position:relative;width:230px;}
#container #product-detail #product-extra-info .details {position:relative;margin:0 0 10px 0;padding:0 10px 0 0}
#container #product-detail #product-extra-info .details p {position:relative;padding:0 0 0 80px;color:#000;margin:0 0 6px 0;}
#container #product-detail #product-extra-info .details .title {position:absolute;margin-left:-80px;color:#666;}

#container #product-detail #product-extra-info .vlak {position:relative;top:0;padding:8px;width:250px;margin:0 0 10px 0; background:#f0f0f0 url(grfx/layout/vlak_266_bottom.gif) bottom left no-repeat;}
#container #product-detail #product-extra-info .vlak p {padding-left:0;}
#container #product-detail #product-extra-info .vlak .top {position:absolute;top:0;left:0;width:274px;height:3px;background: transparent url('grfx/layout/vlak_266_top.gif') top left no-repeat;overflow:hidden;}

#container #product-detail #product-extra-info .vlak .prijs-action-old {position:absolute;right:10px;font-size:11px;font-weight:bold;top:7px;}
#container #product-detail #product-extra-info .vlak .prijs-action {position:absolute;right:10px;font-size:28px;font-weight:bold;top: 20px;color:#f00}
#container #product-detail #product-extra-info .vlak .prijs-action .centen {font-size:14px;font-weight:bold;position:relative;top:-10px;}
#container #product-detail #product-extra-info .vlak .prijs-action-incl {position:absolute;right:10px;font-size:11px;font-weight:normal;top:53px;color:#6f6f6f;}

#container #product-detail #product-extra-info .vlak .prijs {position:absolute;right:10px;font-size:28px;font-weight:bold;top: 15px}
#container #product-detail #product-extra-info .vlak .prijs .centen {font-size:14px;font-weight:bold;position:relative;top:-10px;}
#container #product-detail #product-extra-info .vlak .prijs-incl {position:absolute;right:10px;font-size:11px;font-weight:normal;top:47px;color:#6f6f6f;}

#container #product-detail #product-extra-info .vlak .popup {position:relative;top:10px}

#container #product-detail #product-extra-info .product-options-container {position:relative;padding:12px 8px 2px 8px;width:258px;background: transparent url(grfx/detail/product_options_container_bg.gif) bottom left no-repeat; }
#container #product-detail #product-extra-info .product-options-container h2 {width:auto;}
#container #product-detail #product-extra-info .product-options-container .top {position:absolute;top:0;left:0;width:266px;height:4px;background: transparent url(grfx/detail/product_options_container_top.gif) top left no-repeat;line-height:4px;font-size:4px;overflow:hidden;}
#container #product-detail #product-extra-info .product-options-container .dotline {position:relative;width:266px;left:-8px;}
#container #product-detail #product-extra-info .product-options-container table.radio-options {position:relative;margin:-5px 0 -2px 0;font-size:12px;}
#container #product-detail #product-extra-info .product-options-container table.radio-options td {position:relative;vertical-align:top;padding:3px 0}
#container #product-detail #product-extra-info .product-options-container table.radio-options input {position:absolute;display:inline-block;margin-top:-3px;}
#container #product-detail #product-extra-info .product-options-container table.radio-options label {position:relative;left:20px;.left:23px;top:-3px;.top:1px;display:inline-block;width:230px;}

.btn-product .btn-product-right {position:absolute;right:0;top:0;height:26px;width:11px;background: transparent url('grfx/detail/btn_product_right.gif') top left no-repeat;}
.btn-product {position:absolute;display:inline-block;right:0;border:0;height:26px;background: transparent url('grfx/detail/btn_product.gif') top left no-repeat;line-height:26px;color:#000;padding:0 20px 0 30px;font-size:12px;cursor:pointer;font-family:Arial;margin-bottom:10px;}
.btn-product:hover{background-position: bottom left;}

#container .extra-pictures {position:relative;margin:10px 0 0 0;padding:10px 0 0 0}

#container #stijlen-container {position:relative;margin:0 0 0 10px;zoom:1;}
#container #stijlen-container .stijl {float:left;margin:0 10px 0 0;}
#container #stijlen-container .stijl h2 {font-weight:bold;font-size:12px;color:#000;margin:0 0 5px 0;padding-left:0;}
#container #stijlen-container .stijl p {padding:0;margin:0;}

/* bij aktieproduct */
#container #product-detail-extra {position:relative;margin:0 0 0 8px;zoom:1;}
#container #product-detail-extra .details-extra {position:relative;margin:0 0 10px 0;}
#container #product-detail-extra .details-extra p {position:relative;padding:0 0 0 80px;color:#000;margin:0 0 6px 0;}
#container #product-detail-extra .details-extra .title {position:absolute;margin-left:-80px;color:#666;}

#container #product-detail-extra #product-detail-right {position:relative;width:215px;overflow:hidden;float:left;}
#container #product-detail-extra #product-detail-left {position:relative;width:270px;margin:0 10px 0 0;overflow:hidden;float:left}
#container #product-detail-extra #product-detail-left h2 {padding:0;margin:0 0 4px 0;font-size:12px}
#container #product-detail-extra #product-detail-right h2 {font-size:12px;}
#container #product-detail-right .vlak {position:relative;padding:8px;width:200px;margin:0 0 20px 8px; background:#f0f0f0 url(grfx/layout/vlak_extra_bottom.gif) bottom left no-repeat; }
#container #product-detail-extra #product-detail-right .vlak h2 {padding:0;}
#container #product-detail-extra #product-detail-right .vlak p {padding-left:0;}
#container #product-detail-extra #product-detail-right .vlak .top {position:absolute;top:0;left:0;width:274px;height:3px;background: transparent url('grfx/layout/vlak_extra_top.gif') top left no-repeat;overflow:hidden;}
#container #product-detail-extra #product-detail-right .vlak .prijs {position:absolute;right:10px;font-size:28px;font-weight:bold;bottom:30px;}
#container #product-detail-extra #product-detail-right .vlak .prijs .centen {font-size:14px;font-weight:bold;position:relative;top:-10px;}
#container #product-detail-extra #product-detail-right .vlak .prijs-incl {position:absolute;right:10px;font-size:11px;font-weight:normal;top:47px;}
#container #product-detail-extra #product-detail-right .vlak .popup {position:relative;top:5px}
#container #product-detail-extra #product-detail-right .btn-samenstellen {left:80px;}

.moveup {top:-83px !important;margin-bottom:-83px;}

#container #product-detail .detail-product-pic {left:8px;position:relative;float:left; width:215px;  }
#container #product-detail #thumbnails-product {   margin:10px 0 0; width:280px;  }
#container #product-detail #thumbnails-product a {display:block; float:left; height:68px;   margin:0 4px 0 0;  padding:5px; position:relative;width:57px;   }
#container #product-detail #thumbnails-product a:hover { background:transparent url(grfx/thumbnail_bg.gif) no-repeat scroll left top; }
#container #product-detail #thumbnails-product a.active {background:transparent url(grfx/thumbnail_bg.gif) no-repeat scroll left bottom; }  
    
    
    /* validatie */
.form-rij {position:relative;}
#two-columns-container #col1 .kader-container .kader .form-rij p {padding:0 0 5px 0;line-height:13px;margin:0;color:#666666;}
#col2 .kader-container .kader #contactform .form-rij p {padding:0 0 5px 0;line-height:13px;margin:0;color:#666666;}
.form-rij .label-container {display:block;position:relative;height:16px;line-height:13px;}
.form-rij .label-container p {position:relative;display:inline;}
.form-rij label {position:relative;padding:0 8px 0 0;display:inline;}
.form-rij input {position:relative;color:#000;display:block;margin:0;width:147px;font-size:11px;border:1px solid #AAAAAA;padding:2px 0 2px 3px;.padding:1px 0 1px 3px;}
.form-rij textarea {color:#000;font-size:11px;border:1px solid #AAAAAA;font-family:Arial;}
#two-columns-container #col1 .kader-container .kader .form-rij input {width:217px;}
#container #two-columns-container #col1 .form-rij .radio span input {width:auto;display:inline;line-height:20px;position:relative;top:1px;margin:0 5px 0 0;border:0;}
#container #two-columns-container #col1 .form-rij .radio span {margin:0 10px 0 0;position:relative;}

#container #two-columns-container #col1-reversed .form-rij .radio span input {width:auto;display:inline;line-height:20px;position:relative;top:1px;margin:0 5px 0 0;border:0;}
#container #two-columns-container #col1-reversed .form-rij .radio span {margin:0 10px 0 0;}
#two-columns-container #col1-reversed .kader-container .kader .form-rij p {padding:0 0 5px 0;line-height:13px;margin:0;color:#666666;}

#two-columns-profile-container #col2 .kader-container .kader .form-rij input {width:217px;}
#container #two-columns-profile-container #col2 .form-rij .radio span input {width:auto;display:inline;line-height:20px;position:relative;top:1px;margin:0 5px 0 0;border:0;}
#container #two-columns-profile-container #col2 .form-rij .radio span {margin:0 10px 0 0;}
#two-columns-profile-container #col2 .kader-container .kader .form-rij p {padding:0 0 5px 0;line-height:13px;margin:0;color:#666666;}



select {position:relative;color:#000;display:block;margin:0;width:147px;font-size:11px;border:1px solid #AAAAAA;height:19px;}
.validatie-pointer {position:absolute;right:0;top:5px;_right:auto;_margin-left:-5px;display:block;width:5px;height:5px;overflow:hidden;text-indent:-999px;background: transparent url('grfx/validation_pointer.gif') top right no-repeat}
.required {position:absolute;top:5px;right:0;_right:auto;_margin-left:-5px;display:block;width:5px;height:5px;overflow:hidden;text-indent:-999px;background: transparent url('grfx/validation_pointer_required.gif') top right no-repeat}

#popup-container .error-input,
#container .error-input {border:1px solid #f00 !important}
#popup-container .error-input-required,
#container .error-input-required {border:1px solid #f00 !important}
/*.not-required {visibility:hidden;}*/

#bottom-buttons {margin:8px 0 0 0;position:relative;height:24px;}
#bottom-buttons .btn-next {position:absolute;right:10px;display:block;border:0;width:75px;height:24px;padding:0 0 1px 15px;background: transparent url('grfx/btn_next.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;font-size:11px;line-height:24px;cursor:pointer;font-family:Arial;}
#bottom-buttons .btn-next:hover {background-position: bottom left;}
#bottom-buttons .btn-prev {position:absolute;left:20px;display:block;border:0;width:71px;height:24px;padding:0 0 1px 10px;background: transparent url('grfx/btn_prev.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;font-size:11px;line-height:24px;cursor:pointer;font-family:Arial;}
#bottom-buttons .btn-prev:hover {background-position: bottom left;}

/* registrer_or_login.aspx */
#container #two-columns-container .two-parts-container #login-form {position:relative;top:3px;width:217px;margin:0 0 5px 0px;background: #f0f0f0 url('grfx/registrer_or_login/kader_top_login_registrer.gif') top left no-repeat;}
#container #two-columns-container .two-parts-container #login-form #login-form-content {position:relative;padding:4px 6px;}
#container #two-columns-container .two-parts-container #login-form p {padding:0 0 5px 0;line-height:13px;margin:0;color:#666666;}
#container #two-columns-container .two-parts-container #login-form input {position:relative;color:#000;display:block;margin:0;width:200px;font-size:11px;border:1px solid #AAAAAA;padding:2px 0 2px 3px;.padding:1px 0 1px 3px;}
#container #two-columns-container .two-parts-container #login-form p a {color:#000;}
#container #two-columns-container .two-parts-container #login-form p a:hover {color:#ff0000;}
#container #two-columns-container .two-parts-container #login-form .bottom {position:absolute;width:217px;height:2px;font-size:1px;line-height:1px;overflow:hidden;background: transparent url('grfx/registrer_or_login/kader_bottom_login_registrer.gif') top left no-repeat;left:0;bottom:0;}
.btn-registrer-login {position:relative;left:135px;display:block;border:0;width:78px;height:24px;padding:0 0 1px 0;background: transparent url('grfx/home/btn_login_bg.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;font-size:11px;line-height:24px;cursor:pointer;font-family:Arial;}
.btn-registrer-login:hover{background-position: bottom left;}
#container #two-columns-container .two-parts-container .error.login-registrer {position:absolute;margin-top:9px;margin-left:20px;}
.btn-registrer {position:relative;display:block;border:0;width:90px;height:24px;background: transparent url('grfx/registrer_or_login/btn_registrer.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;font-size:11px;line-height:24px;cursor:pointer;font-family:Arial;}
.btn-registrer:hover{background-position: bottom left;}

/* registrer.aspx */
#container .error.error-registrer {position:absolute;bottom:10px;left:355px;}
.verplicht {color:#666666;margin:3px 0 0 0;padding:0 0 0 10px;background: transparent url('grfx/validation_pointer_required.gif') center left no-repeat;width:100px;left:255px;position:relative;}

/*cart.aspx */
.orders-vlak {position:relative;margin:0 auto;width:664px;background:#F0F0F0 url('grfx/orders_vlak_bottom.gif') bottom left no-repeat;padding:3px 0;}
.orders-vlak .top {position:absolute;height:3px;background: transparent url(grfx/orders_vlak_top.gif) top left no-repeat;overflow:hidden;top:0;left:0px;}

#cart .order-title {position:relative;height:25px;line-height:25px;left:5px;color:#666666;font-weight:bold;}
#cart .order-title .artikel {position:relative;left:10px;}
#cart .order-title .afmeting {position:absolute;left:210px;top:0px;}
#cart .order-title .prijs {position:absolute;left:330px;top:0;}
#cart .order-title .aantal {position:absolute;left:445px;top:0;}
#cart .order-title .amount {position:absolute;left:585px;top:0;}

#cart .order {position:relative;height:25px;line-height:25px;}
#cart .order .artikel {position:relative;left:10px;}
#cart .order .artikel a {color:#000;text-decoration:underline;}
#cart .order .afmeting {position:absolute;left:210px;top:0px;}
#cart .order .prijs {position:absolute;left:330px;top:0;}
#cart .order .aantal {position:absolute;left:445px;top:0;}
#cart .order .aantal select {width:100px;top:2px;}
#cart .order .amount {position:absolute;left:585px;top:0;}
#cart .order .delete  {position:absolute;right:5px;top:0;}
#cart .order .delete a.del-cart {position:relative;top:3px;display:block;width:18px;height:18px;text-decoration:none;text-indent:-999px;overflow:hidden;background: transparent url('grfx/close.gif') top left no-repeat;}
#cart .order .delete a.del-cart:hover {background-position:left -18px;}


#cart .suborder {position:relative;height:25px;line-height:25px;}
#cart .suborder .artikel {position:relative;left:20px;}
#cart .suborder .artikel a {color:#000;text-decoration:underline;}
#cart .suborder .afmeting {position:absolute;left:210px;top:0px;}
#cart .suborder .prijs {position:absolute;left:330px;top:0;}
#cart .suborder .aantal {position:absolute;left:445px;top:0;}
#cart .suborder .aantal select {width:100px;top:2px;}
#cart .suborder .amount {position:absolute;left:585px;top:0;}
#cart .suborder .delete  {position:absolute;right:10px;top:0;}

#container #two-columns-container #cart .cart-row {padding:3px 0 3px 18px;position:relative;}
#container #two-columns-container #cart .cart-row .amount {position:absolute;left:592px}
#container #two-columns-container #cart .korting {font-weight:BOLD;color:#ff0000;}
#container #two-columns-container #cart .totaal {font-weight:bold;font-size:12px;position:relative;top:3px;}

.btn-afrekenen {position:absolute;right:10px;display:block;border:0;width:87px;height:24px;padding:0 0 1px 0;background: transparent url('grfx/btn_afrekenen.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;color:#000;font-size:11px;line-height:24px;cursor:pointer;font-family:Arial;}
.btn-afrekenen:hover{background-position: bottom left;}
#bottom-buttons a {font-size:12px;position:absolute;left:25px;top:4px;}

#actiecode {position:relative;left:8px;width:270px;height:118px;background: transparent url('grfx/cart_actiecode_bg.gif') top left no-repeat;margin:5px 0 0 0;}
#actiecode p.intro {position:absolute;left:15px;top:35px;color:#666;}
#actiecode p.invoer input {position:absolute;left:15px; top:50px; color:#000;display:block;margin:0;width:150px;font-size:11px;border:1px solid #AAAAAA;padding:2px 0 2px 3px;.padding:1px 0 1px 3px;}
#actiecode p.activatie input.btn-activeren  {position:absolute;left:15px;top:85px;display:block;border:0;width:80px;height:24px;padding:0 0 1px 0;background: transparent url('grfx/btn_activeren.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;color:#000;font-size:11px;line-height:24px;cursor:pointer;font-family:Arial;}
#actiecode p.activatie input.btn-activeren:hover {background-position:bottom left;}
#actiecode .error {position:absolute;right:15px;bottom:5px;margin:8px;padding:0 0 0 20px;background: transparent url('grfx/error_icon.gif') top left no-repeat;color:#ff0000}
#actiecode .error p {position:relative;color:#ff0000;margin:0;padding:0;}
#actiecode .extra-info {position:absolute;right:8px;top:5px;}

.extra-info {display:block;width:18px;height:18px;overflow:hidden;text-indent:-999px;text-decoration:none;background: transparent url('grfx/extra_info.gif') top left no-repeat}
.extra-info:hover {background-position:bottom left;}



/* faq */
#faq {position:relative;padding:0 0 10px 0;}
#faq .faq {position:relative;background:transparent url(grfx/bullet.gif) no-repeat scroll left 4px;display:inline-block;font-size:12px;padding:2px 0 0 15px;left:10px;}
#faq .answer {position:relative;display:none;padding:0 25px 0 25px;}
#container #faq p {margin:0 0 5px 0;padding:0;}


/* tooltips/textbox/cloud */
.textbox {display:none;position:absolute;margin:0;background-color:#fff;}
.textbox .left {position:absolute;left:-3px;background: #fff url('grfx/tooltip/tooltip_left.gif') top left repeat-y;top:2px;width:10px;overflow:hidden;}
.textbox .right {position:absolute;right:-6px;background: #fff url('grfx/tooltip/tooltip_right.gif') top left repeat-y;top:5px;width:6px;overflow:hidden;}
.textbox .puntje {position:absolute;left:-3px;bottom:-10px;width:12px;height:13px;background:transparent url('grfx/tooltip/tooltip_puntje.gif') bottom left no-repeat;z-index:1000;}
.textbox .bottom {height:3px;position:absolute;bottom:0;width:100%;background:transparent url('grfx/tooltip/tooltip_bottom.png') bottom left repeat-x;z-index:999;}
.textbox .top {height:2px;position:absolute;top:0;width:100%;background:transparent url('grfx/tooltip/tooltip_top.png') top left repeat-x;z-index:999;}
.textbox .topleft {height:5px;width:12px;position:absolute;top:0;left:-3px;background:transparent url('grfx/tooltip/tooltip_topleft.gif') top left repeat-x;z-index:999;}
.textbox .topright {height:5px;width:6px;position:absolute;top:0;right:-6px;background:transparent url('grfx/tooltip/tooltip_topright.gif') top left repeat-x;z-index:999;overflow:hidden;}
.textbox .bottomright {height:7px;width:6px;position:absolute;bottom:0;right:-6px;background:transparent url('grfx/tooltip/tooltip_bottomright.gif') top left repeat-x;z-index:999;overflow:hidden;}


.textbox {_background-color:#eee;_border:1px solid #ccc;}
.textbox .left {_display:none;}
.textbox .right {_display:none;}
.textbox .puntje {_display:none;}
.textbox .bottom {_display:none;}
.textbox .top {_display:none;}
.textbox .topleft {_display:none;}
.textbox .topright {_display:none;}
.textbox .bottomright {_display:none;}




.textbox p {position:relative;top:4px;padding:5px 5px 15px 5px;}
.textbox .title {color:#827D73;}
.foto {.margin-top:80px;}

/* inhoud breedte wijzigen */
/* oud .inhoud-breedte {width:490px;margin:0 0 0 4px;} */
.inhoud-breedte {width:503px;margin:0 0 0 5px;}
.inhoud-breedte h5 {font-size:12px;padding:0 0 0 5px;margin:0 0 0 3px}
.inhoud-breedte ol {position:relative;margin:5px 0 15px 20px;.margin-left:30px;}


.product-kiezen-link {position:relative;margin:10px 0 0 10px;width:216px;height:26px;overflow:hidden;display:block;background: transparent url('grfx/product_kiezen.gif') top left no-repeat;text-indent:-999px;}


/* tabellen / grids */

/* extr asmal (3 koloms midden) */
#container #content-container #three-columns-container #col2 .table-container {position:relative;margin:10px 0 0 14px;top:-10px;padding:0 0 13px 0;width:476px;background:transparent url('grfx/layout/kaders/table_bottom_476.gif') bottom left no-repeat;}
#container #content-container #three-columns-container #col2 .table {position:relative;background: transparent url('grfx/layout/kaders/table_bg_476.gif') top left repeat-y;}
#container #content-container #three-columns-container #col2 .table h2 {display:block;position:relative;width:460px;height:25px;line-height:25px;font-size:13px;font-weight:bold;font-family:Arial;color:#fff;background: transparent url('grfx/layout/kaders/table_h2_bg_476.gif') top left no-repeat;padding:0 0 0 16px}
#container #content-container #three-columns-container #col2 .table h2.purple {background-image: url('grfx/layout/kaders/table_h2_bg_purple_476.gif'); }
#container #content-container #three-columns-container #col2 .table .content {position:relative;background:#F0F0F0;margin:6px 6px 0 6px;}
#container #content-container #three-columns-container #col2 .table table {width:100%;}
#container #content-container #three-columns-container #col2 .table table thead th {font-weight:bold;font-size:11px;color:#666;background:#fff;}
#container #content-container #three-columns-container #col2 .table table th, 
#container #content-container #three-columns-container #col2 .table table td {padding:2px;text-align:left;font-size:11px;color:#000;text-indent:8px;background: transparent url('grfx/layout/dotline.gif') bottom left repeat-x;}
#container #content-container #three-columns-container #col2 .table table td.last {background-image:none;}
#container #content-container #three-columns-container #col2 .table table td a {color:#000;text-decoration:underline;}
#container #content-container #three-columns-container #col2 .table table td a:hover {color:#f00;}


/*smal */
#container #content-container .table-smal-container {position:relative;margin:10px 0 0 10px;top:-10px;padding:0 0 13px 0;width:502px;background:transparent url('grfx/layout/kaders/table_small_bottom.gif') bottom left no-repeat;zoom:1;}
#container #content-container .table-smal {zoom:1;position:relative;background: transparent url('grfx/layout/kaders/table_small_bg.gif') top left repeat-y;}
#container #content-container .table-smal h2 {display:block;position:relative;width:502px;height:25px;line-height:25px;font-size:13px;font-weight:bold;font-family:Arial;color:#fff;background: transparent url('grfx/layout/kaders/table_small_h2_bg.gif') top left no-repeat;padding:0 0 0 16px}
#container #content-container .table-smal h2.purple {background-image: url('grfx/layout/kaders/table_small_h2_bg_purple.gif'); }
#container #content-container .table-smal .content {position:relative;background:#F0F0F0;margin:6px 6px 0 6px;}
#container #content-container .table-smal table {width:100%;}
#container #content-container .table-smal table thead th {font-weight:bold;font-size:12px;color:#666;background:#fff;}
#container #content-container .table-smal table th, 
#container #content-container .table-smal table td {padding:4px 2px;text-align:left;font-size:11px;color:#000;text-indent:8px;background: transparent url('grfx/layout/dotline.gif') bottom left repeat-x;}
#container #content-container .table-smal table td.last {background-image:none;}
#container #content-container .table-smal table td a {color:#000;text-decoration:underline;}
#container #content-container .table-smal table td a:hover {color:#f00;}

/* normaal */
#container #content-container .table-container {position:relative;margin:10px 0 0 10px;top:-10px;padding:0 0 13px 0;width:676px;background:transparent url('grfx/layout/kaders/table_bottom.gif') bottom left no-repeat;}
#container #content-container .table {position:relative;background: transparent url('grfx/layout/kaders/table_bg.gif') top left repeat-y;}
#container #content-container .table h2 {display:block;position:relative;width:676px;height:25px;line-height:25px;font-size:13px;font-weight:bold;font-family:Arial;color:#fff;background: transparent url('grfx/layout/kaders/table_h2_bg.gif') top left no-repeat;padding:0 0 0 16px}
#container #content-container .table h2.purple {background-image: url('grfx/layout/kaders/table_h2_bg_purple.gif'); }
#container #content-container .table .content {position:relative;background:#F0F0F0;margin:6px 6px 0 6px;}
#container #content-container .table table {width:100%;}
#container #content-container .table table thead th {font-weight:bold;font-size:11px;color:#666;background:#fff;}
#container #content-container .table table th, 
#container #content-container .table table td {padding:2px;text-align:left;font-size:11px;color:#000;text-indent:8px;background: transparent url('grfx/layout/dotline.gif') bottom left repeat-x;}
#container #content-container .table table td.last {background-image:none;}
#container #content-container .table table td a {color:#000;text-decoration:underline;}
#container #content-container .table table td a:hover {color:#f00;}


.table a.del:hover {background-position:left -18px;}
.table a.del {background:transparent url(grfx/close.gif) no-repeat scroll left top;display:block;height:18px;overflow:hidden;position:relative;text-decoration:none;text-indent:-999px;top:0px;width:18px;}


.btn-inwinkelwagen {position:relative;left:530px;display:block;border:0;width:121px;padding:0 0 0 20px;height:24px;margin:0 0 10px 10px;background: transparent url('grfx/btn_inwinkelwagen.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;color:#000;font-size:11px;line-height:24px;cursor:pointer;font-family:Arial;}
.btn-inwinkelwagen:hover{background-position: bottom left;}

/* reorder */
.reorder .orders-vlak {position:relative;margin:0 auto;background:#F0F0F0 none;padding:3px 0;}
.reorder-border {border-top:1px solid #AAAAAA;margin:0 0;position:relative;top:12px;width:100%;height:30px;}
.orders-vlak .top {position:absolute;height:3px;background: transparent none;overflow:hidden;top:0;left:0px;}

.reorder .order-title .order-nr {position:absolute;left:10px;}
.reorder .order-title .besteldatum {position:absolute;left:230px;}
.reorder .order .order-nr {position:absolute;left:30px;}
.reorder .order .order-nr input {margin:-1px 10px 0 0;position:absolute;left:-23px;top:5px;}
.reorder .order .order-nr a {color:#000;text-decoration:underline;}
.reorder .order .order-nr a:hover {color:#f00;}
.reorder .order .besteldatum {position:absolute;left:230px;}

.reorder .order .artikel a {color:#000;text-decoration:underline;}
.reorder .order .artikel a:hover {color:#f00;}
.reorder .order .artikel input {margin:-1px 8px 0 0;position:absolute;left:-23px;top:5px;}

.reorder .order-title {position:relative;height:25px;line-height:25px;color:#666666;font-weight:bold;background:#fff none}
.reorder .order-title .artikel {position:absolute;left:30px;}
.reorder .order-title .formaat {position:absolute;left:230px;top:0px;}
.reorder .order-title .aantal {position:absolute;left:410px;top:0;}

.reorder .order {position:relative;height:25px;line-height:25px;}

.reorder .order .artikel {position:absolute;left:50px;}
.reorder .order .formaat {position:absolute;left:230px;top:0px;}
.reorder .order .aantal {position:absolute;left:410px;top:0;}
.reorder .order .prijs {position:absolute;left:460px;top:0;}

#contactform .contactform-top {overflow:hidden;font-size:1px;line-height:2px;position:absolute;top:0;left:0;width:353px;height:2px;background: transparent url('grfx/contact/contactform_top.gif') top left no-repeat;}
#contactform {position:relative;left:10px;margin:5px 0 10px 0;width:000px;background:#F0F0F0 url('grfx/contact/contactform_bottom.gif') bottom left no-repeat;padding:10px 10px 0 10px;}
#contactform .btn-verzenden {left:220px;margin:20px 0 0 0;}
#contactform input,
#contactform textarea {width:216px}
#contactform .btn-verzenden {width:86px;}

/* registrer */
.btn-registrer-registrer {position:relative;left:590px;display:block;border:0;width:78px;height:24px;padding:0 0 1px 0;background: transparent url('grfx/home/btn_login_bg.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;color:#000;font-size:11px;line-height:24px;cursor:pointer;font-family:Arial;margin-bottom:10px;}
.btn-registrer-registrer:hover{background-position: bottom left;}
.btn-change-password {display:block;border:0;width:110px;height:24px;background: transparent url('grfx/btn_change_password.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;color:#000;font-size:11px;line-height:24px;cursor:pointer;font-family:Arial;margin-bottom:10px;}
.btn-change-password:hover{background-position: bottom left;}



/*sendlist popup */
.sendlist-titels {position:relative;height:17px;}
.sendlist-artikel {position:absolute;font-weight:bold;left:10px}
.sendlist-euro {position:absolute;font-weight:bold;right:-10px;}

/* details bestelling order.aspx */
#details-bestelling-container {position:relative;zoom:1;margin:0 0 20px 0;}
#details-bestelling-container #details-bestelling-left {position:relative;float:left;width:270px;}
#details-bestelling-container #details-bestelling-right {position:relative;float:left;padding:55px 0 0 0;.padding:65px 0 0 0;width:270px;border-left:1px solid #aaa;}
#details-bestelling-container #details-bestelling-left h2,
#details-bestelling-container #details-bestelling-right h2 {font-size:12px;color:#000;margin:10px 0 0 0;}
#container #two-columns-profile-container #col2 #details-bestelling-container .details {position:relative;height:17px;padding:0;line-height:16px;position:relative;padding:0 0 0 100px;color:#000;margin:0 0 2px 0;zoom:1;color:#666;}
#container #two-columns-profile-container #col2 #details-bestelling-container .details .title {position:absolute;margin:0;left:8px;color:#000;}


.order-detail .order-title {position:relative;height:25px;line-height:25px;left:5px;color:#666666;font-weight:bold;}
.order-detail .order-title .artikel {position:relative;left:5px;}
.order-detail .order-title .afmeting {position:absolute;left:205px;top:0px;}
.order-detail .order-title .prijs {position:absolute;left:360px;top:0;}
.order-detail .order-title .aantal {position:absolute;left:485px;top:0;}
.order-detail .order-title .amount {position:absolute;left:590px;top:0;}

.order-detail .order {position:relative;height:25px;line-height:25px;}
.order-detail .order .artikel {position:relative;left:10px;}
.order-detail .order .artikel a {color:#000;text-decoration:underline;}
.order-detail .order .afmeting {position:absolute;left:210px;top:0px;}
.order-detail .order .prijs {position:absolute;left:360px;top:0;}
.order-detail .order .aantal {position:absolute;left:485px;top:0;}
.order-detail .order .amount {position:absolute;left:595px;top:0;}


.order-detail .suborder {position:relative;height:25px;line-height:25px;}
.order-detail .suborder .artikel {position:relative;left:20px;}
.order-detail .suborder .artikel a {color:#000;text-decoration:underline;}
.order-detail .suborder .afmeting {position:absolute;left:210px;top:0px;}
.order-detail .suborder .prijs {position:absolute;left:360px;top:0;}
.order-detail .suborder .aantal {position:absolute;left:485px;top:0;}
.order-detail .suborder .amount {position:absolute;left:595px;top:0;}

.order-detail .cart-row {padding:3px 0 3px 18px;position:relative;}
.order-detail .cart-row .amount {position:absolute;left:595px}
.order-detail .korting {font-weight:BOLD;color:#ff0000;}
.order-detail .totaal {font-weight:bold;font-size:12px;position:relative;top:3px;}


#container #two-columns-profile-container #col2 .btn-prev {position:relative;display:block;border:0;width:71px;height:24px;margin:0 0 0px 20px;padding:0 0 0 10px;background: transparent url('grfx/btn_prev.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;color:#000;font-size:11px;line-height:24px;cursor:pointer;font-family:Arial;}
#container #two-columns-profile-container #col2 .btn-prev:hover {background-position: bottom left;}


/* about.aspx */
.about-intro {font-size:12px;background: transparent url('grfx/layout/dotline.gif') bottom left repeat-x;margin:0 0 10px 0;}
.about-block {background: transparent url('grfx/layout/dotline.gif') bottom left repeat-x;margin:0 0 12px 0;}
.about-block h5 {color:#000;font-size:12px;padding:0 0 0 8px;}
.oprichter {font-size:11px;color:#660066;} 
.block-oprichters {position:relative;background: transparent url('grfx/about/oprichters.jpg') top left no-repeat;width:274px;height:220px;margin:0 10px 10px 0;}
.block-oprichters p {color:#fff;position:absolute;left:3px;top:160px;}
.about-logo {}

/*contact.aspx*/

h1#page-title,
#header h1,
.kader h1.heading,
.kader h1.myriad,
#two-columns-profile-container .kader h1,
#vertel-het-door h3,
.kader h3,.kader h4,
#two-columns-container .kader h1,
#header #slogan {visibility:hidden;}

.stijl-preview {border:1px solid #ccc;position:relative;left:-2px;}

.newsitem {position:relative;width:380px;min-height:110px;_height:110px;padding:0 0 0 110px;margin:0 auto}
.newsitem .thumb {position:absolute;left:0;top:0;}
.newsitem .details {font-style:italic;font-size:11px;color:#666;margin:0 0 4px 8px;}
.newsitem .description {color:#666666;position:relative;}

/* uitbreiding default */
.twitter {margin:0 auto;width:190px;padding:10px 0 5px 0;background: transparent url('grfx/layout/dotline.gif') top left repeat-x}
.twitter a {display:block;width:100%;text-align:center;}v
.twitter a img {display:block;margin:0 auto;}
h3.purple_middle { overflow:hidden;position:relative;left:3px;padding:2px 0 0 12px;width:198px;height:20px;background: transparent url('grfx/layout/kaders/h3_purple_middle.gif') top left no-repeat;margin:5px 0 5px 0;} 
#col3 .kader-container .kader .news-teaser-home {position:relative;background: transparent url(grfx/layout/news_teaser_home_bg.gif) top left no-repeat;width:202px;height:64px;margin-bottom:8px;position:relative;left:7px;}
#col3 .kader-container .kader .news-teaser-home .details {color:#666;font-size:11px;padding:5px 5px 0px 10px;}
#col3 .kader-container .kader .news-teaser-home .details p {margin:0;padding:0;}
#col3 .kader-container .kader .news-teaser-home .desc {padding:0px 5px 5px 10px;}
#col3 .kader-container .kader .news-teaser-home .desc a {color:#000;font-size:11px;font-weight:bold;text-decoration:underline}
#col3 .kader-container .kader .news-teaser-home .desc a:hover {text-decoration:none;}
#col3 .kader-container .kader .news-teaser-home .desc p {margin:0;padding:0;}

#home-products-container {position:relative;margin:0 0 10px 0;zoom:1;left:8px;}
#home-products-container .product {position:relative;float:left;width:245px;margin:0 8px 0 0;overflow:hidden;}
#home-products-container .product h1 {color:#000;font-size:14px;font-weight:bold;width:245px;margin:8px 0;padding:0;height:auto;line-height:normal;padding:0 0 0 10px;}



.btn-uitschrijven {display:block;border:0;width:87px;height:24px;padding:0 0 1px 0;background: transparent url('grfx/btn_uitschrijven.gif') top left no-repeat;line-height:24px;color:#000;text-align:center;color:#000;font-size:11px;line-height:24px;cursor:pointer;font-family:Arial;}
.btn-uitschrijven:hover{background-position: bottom left;}

/*youtube popup*/
#youtube-popup-overlay {position:fixed;_position:absolute;top:0;left:0;_top:expression(eval(document.body.scrollTop));width:100%; height:100%;background: transparent url('grfx/modals/blank.gif');z-index:10;}
#youtube-popup {display:none;position:absolute;_top:expression(eval(document.body.scrollTop) + 100);width:684px;background:transparent url('grfx/home/youtubepopup_bg.png') top left no-repeat; _background:transparent url('grfx/home/youtubepopup_bg.gif') top left no-repeat;height:454px;margin:0 auto;z-index:20;top:100px;}
#youtube-popup .close {position:absolute;right:20px;top:15px;}
#youtube-popup h2 {font-size:12px;font-weight:bold;color:#000;position:absolute;left:20px;top:17px;}
#youtube-popup #youtube-popup-content {position:absolute;width:640px;height:385px;left:20px;top:40px;}
.open-youtube-link {position:relative;left:7px;display:block;padding:3px 0 7px 0;}


/*image popup*/
#imagepopup-overlay {position:fixed;_position:absolute;top:0;left:0;_top:expression(eval(document.body.scrollTop));width:100%; height:100%;background: transparent url('grfx/modals/blank.gif');z-index:10;}
#imagepopup {display:none;position:absolute;_top:expression(eval(document.body.scrollTop) + 100);width:364px;background:transparent url('grfx/detail/version2/imagepopup/imagepopup_bg.png') top left repeat-y; _background:transparent url('grfx/detail/version2/imagepopup/imagepopup_bg.png') top left repeat-y;margin:0 auto;z-index:20;top:100px;padding:5px 0 0 0}
#imagepopup .close {position:absolute;right:20px;top:0px;}
#imagepopup .top {position:absolute;left:0;top:-18px;height:18px;width:364px;background: transparent url(grfx/detail/version2/imagepopup/imagepopup_top.png) top left no-repeat;overflow:hidden;}
#imagepopup .bottom {position:absolute;left:0;bottom:-20px;height:20px;width:364px;background: transparent url(grfx/detail/version2/imagepopup/imagepopup_bottom.png) top left no-repeat;overflow:hidden;}

#imagepopup .btn-ontwerpen {position:relative;margin:10px auto;top:10px;display:block;border:0;width:76px;height:24px;background: transparent url('grfx/detail/version2/imagepopup/btn_ontwerpen.gif') top left no-repeat;line-height:24px;color:#000;padding:0 0 0 30px;font-size:11px;cursor:pointer;font-family:Arial;font-size:12px;}
#imagepopup .btn-ontwerpen:hover{background-position: bottom left;}

#imagepopup h2 {font-size:12px;font-weight:bold;color:#000;position:absolute;left:20px;top:0px;}
#imagepopup #imagepopup-content {position:relative;left:9px;top:20px;margin:0 0 20px 0;background:#ccc url(grfx/loading.gif) center center no-repeat;width:346px;min-height:100px;_height:100px;padding:10px 0}
#imagepopup #imagepopup-content table {}
#imagepopup #imagepopup-content .open-imagepopup-link {position:relative;left:7px;display:block;padding:3px 0 7px 0;}



/*instructionmovie.aspx*/
#instructionfilm-container {position:relative;margin:0 auto;width:480px;height:305px;}



.actiesticker {display:block;position:absolute;zoom:1;z-index:10000;width:101px;height:100px;background: transparent url(grfx/actiesticker.gif) top left no-repeat;left:447px;margin-top:-36px;}