/* algemeen */
* {margin:0;padding:0;}
ul {list-style-type:none;}
/* body {margin:15px 10px 15px 10px;font-family:Arial,Helvetica,sans-serif;font-size:11px;} */
table {font-size:11px}
.clear {clear:both;height:1px;line-height:1px;font-size:1px;overflow:hidden;}
/* #container {background-color:#FFF; }  position:relative;margin:auto; width:991px; border: 1px solid #243285; */
a {color:#F03D00;}
a:hover {color:#000;}
a img {border:0;}

.error {color:#b9441d;}
.redtext{color:#b9441d;}

.solidline {position:relative;margin:10px 0 0 0;zoom:1;border-top:1px solid #D7D7D7;height:1px;padding:0 0 10px 0}

.ajax__calendar {
    position: relative;
    left: 0px !important;
    top: 0px !important;
    visibility: visible; 
    display: block;
    z-index:10000 !important;
}
.ajax__calendar iframe
{
    left: 0px !important;
    top: 0px !important;
    z-index:1000;
}
#form .ajax__calendar .ajax__calendar_days table {left:0}
ul li {display:block;margin:0 0 3px 0;}

/* algemene kopjes */
#right-column h1.inloggen {display:block;text-indent:-999px;overflow:hidden;width:162px;height:18px;background: transparent url('grfx/kopjes_algemeen/inloggen.gif') top left no-repeat;}
#right-column h1.ingelogd {display:block;text-indent:-999px;overflow:hidden;width:162px;height:18px;background: transparent url('grfx/kopjes_algemeen/ingelogd.gif') top left no-repeat;}


/*news home*/
ul#news-home li h2 {display:block;line-height:20px;background: transparent url('grfx/senter_bullet.gif') left 7px no-repeat;display:block;text-decoration:none;color:#6e6e6e;margin:0;padding:0 0 0 10px;position:relative;top:0;left:-10px;color:#000;font-size:13px;font-weight:bold;}
ul#news-home li {padding:0 0 0 10px;}

/***** header ******/
#header {position:relative;z-index:1;}
#header a {text-decoration:none;}
#header #toptabs {position:relative;height:40px;padding:0 10px 0 0;}
#header #toptabs a {position:relative;top:15px;display:block;float:right;height:25px;overflow:hidden;text-indent:-999px}
#header #toptabs .gemeenteschoon {position:relative;left:1px;width:146px;background: transparent url('grfx/header/tab-gemeenteschoon.gif') top left no-repeat}
#header #toptabs .nederlandschoon {width:146px;background: transparent url('grfx/header/tab-nederlandschoon.gif') top left no-repeat}


#header #header-main {position:relative;height:65px;background: #243285 url('grfx/header/header_main_bg.jpg') top right repeat-y;}
#header #header-main h1 {position:absolute;left:22px;top:22px;width:345px;height:31px;overflow:hidden;text-indent:-999px;background: transparent url('grfx/header/webwinkel_title.jpg') top left no-repeat;}

/* #header #header-main #zoekfunctie {position:absolute;height: 25px;width: 170px;left:789px;top:30px;}
#header #header-main #zoekfunctie .zoekknop {border:0;width:37px;height:18px;position:relative;left:2px;top:1px;display:block;background: transparent url('grfx/header/kn_zoek.gif') top left no-repeat;cursor:pointer;} 
#header #header-main #zoekfunctie .zoek-input {background-color:#ADB3D1;border:1px solid #ADB3D1;color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:11px;height:16px;padding-bottom:1px;padding-top:1px;width:125px;}
*/
#header #header-main #header-links {position:absolute;top:38px;left:492px;}
#header #header-main #header-links ul li {float:left;}
#header #header-main #header-links ul li a {color:#ffffff;padding: 0px 10px;text-decoration:none;}
#header #header-main #header-links ul li a:hover {color:#bcc2ea; text-decoration:none; padding: 0px 10px}

/** Gridviews **/
.Gridview_style1 {position:relative;width:460px;color:#333;font-size:12px;font-family:Arial, verdana;border-top:1px solid #D7D7D7;border:1px solid #D7D7D7;margin:10px 0;border-collapse:inherit;}
.Gridview_style1 tr {position:relative;}
.Gridview_style1 tr.alt-row td {position:relative;padding:0 10px;line-height:23px;}
.Gridview_style1 td {position:relative;padding:0 10px;line-height:23px;border-top:1px solid #d7d7d7}
.Gridview_style1 td a {text-decoration:none;}
.Gridview_style1 td a:hover {text-decoration:underline;}
.Gridview_style1 th {background:#d7d7d7 none;text-align:left;text-indent:10px;color:#333;font-size:12px;font-weight:bold;height:25px;line-height:25px;padding:2px 0 0 0;}


/* Opmaak uitklap menu's */
#header #top-navigation-container {position:relative;background:transparent url(grfx/header/top-submenu-BG.jpg) top left repeat-x;font-size:11px;height:23px;padding:6px 0 0 14px;width:966px}
#header #top-navigation-container ul {position:absolute;z-index:10000;padding: 0px;margin: 0px;width:100%}

#header #top-navigation-container li {float:left;}
#header #top-navigation-container li a {display: block;padding: 0px;margin: 0px;height: 23px;overflow:hidden;text-indent:-999px;}
#header #top-navigation-container li a:hover {background-position: 0px -23px;}

#header #top-navigation-container #nav ul {display:block;padding: 0px;margin: 0px;position: absolute;width: 180px;left:-2000px;.margin-left: -2000px;	overflow:hidden;	background:none; }
#header #top-navigation-container #nav li ul li {line-height: 17px;margin:0 0 0 4px;_margin:0 0 0 2px;padding:0px;/*float: left;*/list-style-type:none;background-color: #E6DEDB;text-align:left;border-top: 1px solid #F3EFED;display: block;}
#header #top-navigation-container #nav li ul li a {width: 109px;padding-left: 16px;padding-right: 5px;padding-top: 5px;padding-bottom: 5px;line-height: 17px;/* float: left; */list-style-type:none;background-color: #E6DEDB;text-align:left;display: block;height: auto;text-indent:0; color:#333333;}
#header #top-navigation-container #nav li ul li a:hover {line-height: 17px;/* float: left; */list-style-type:none;background-color: #F5F2F1;text-align:left;height: auto;background-position: 0 0;}
#header #top-navigation-container #nav li:hover ul, #header #top-navigation-container #nav li.ie_does_hover ul {.margin-left: auto;left:auto;background-position: 0 0;background:none;z-index:1000;}
#header #top-navigation-container #nav a {display: block;text-decoration: none;}


/*footer */
#footer 
{
    position:relative;
	background: url(grfx/footer.jpg) no-repeat top left;
	height: 31px;
	clear: both;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #FFFFFF;
}
#footer .info-link {position:absolute;right:17px;top:7px;display:block;height:15px;width:15px;background: transparent none;text-decoration:none;}

#top-menu-home {background-image:url('grfx/header/kn-home.jpg');display:block;width:98px;}
#top-menu-home-active {background-image:url('grfx/header/kn-home.jpg');display:block;width:133px;background-position: 0px -23px;}
#top-menu-kennisbank {background-image:url('grfx/header/kn-kennisbank.jpg');display:block;width:108px;}
#top-menu-kennisbank-active {background-image:url('grfx/header/kn-kennisbank.jpg');display:block;width:108px;background-position: 0px -23px;}
#top-menu-campagnemateriaal {background-image:url('grfx/header/kn-campagnemateriaal.jpg');display:block;width:163px;}
#top-menu-campagnemateriaal-active {background-image:url('grfx/header/kn-campagnemateriaal.jpg');display:block;width:163px;background-position: 0px -23px;}
#top-menu-nieuws { background-image:url('grfx/header/kn-nieuws.jpg'); display:block; width:88px;}
#top-menu-nieuws-active {background-image:url('grfx/header/kn-nieuws.jpg');	display:block; width:88px;background-position: 0px -23px;}
#top-menu-activiteiten {background-image:url('grfx/header/kn-activiteiten.jpg');display:block;width:103px;}
#top-menu-activiteiten-active {background-image:url('grfx/header/kn-activiteiten.jpg');display:block;width:103px;background-position: 0px -23px;}
#top-menu-zwerfafvaltrajecten {background-image:url('grfx/header/kn-zwerfafvaltrajecten.jpg'); display:block; width:152px;}
#top-menu-zwerfafvaltrajecten-active {background-image:url('grfx/header/kn-zwerfafvaltrajecten.jpg');display:block;	width:152px; background-position: 0px -23px;}
#top-menu-kennisnetwerk {background-image:url('grfx/header/kn-kennisnetwerk.jpg');display:block;width:113px;}
#top-menu-kennisnetwerk-active {background-image:url('grfx/header/kn-kennisnetwerk.jpg');display:block;width:113px;	background-position: 0px -23px;}



/* pager */
.pager {display:block;position:relative;padding:0;height:19px;line-height:19px;text-align:right;}
.pager a {position:relative;display:inline-block;font-size:11px;color:#888888;}
.pager a:hover {text-decoration:none;color:#333;}
.pager .pages {position:relative;display:inline;margin:0 0 0 5px;top:2px;}
.pager .pages a {position:relative;display:inline-block;padding:0;margin:0 3px 0 0;width:18px;height:18px;line-height:18px;background:#FFF none;border:1px solid #D7D7D7;text-align:center;text-decoration:none;font-size:12px;font-weight:bold;color:#333;}
.pager .pages a:hover {border:1px solid #00ADEF}
.pager .pages a.active {background:#E8E8E8 none;}

/* 2 koloms layout */
#main-content-container-double {position:relative;padding:43px 0 0 0;zoom:1;margin:0 0 0 27px;}
#main-content-container-double #main-column {position:relative;color:#333333;float:left;font-size:13px;line-height:19px;padding:0;width:720px;overflow:hidden;}
#main-content-container-double #right-column {position:relative;left:17px;color:#666666;float:left;font-size:11px;line-height:14px;width:190px;padding:0}


/* 3 koloms layout */
#main-content-container {position:relative;padding:43px 0;zoom:1;margin:0 0 0 27px;}
#main-content-container #left-column {position:relative;float:left;height:auto;width:210px;}
#main-content-container #main-column {position:relative;color:#333333;float:left;font-size:12px;line-height:19px;padding:10px 15px;width:460px;overflow:hidden;left:20px;border:1px solid #D7D7D7}
#main-content-container #right-column {position:relative;color:#666666;float:left;font-size:11px;line-height:14px;width:200px;left:34px;}

/* menu linkerzijde */
#left-column ul {position:relative;width: 210px;list-style: none;margin: 0px;padding: 0px;}
#left-column li {width: 210px;list-style: none;margin: 0px;padding: 0px;float: left;}

/****** specifiek voor homepage *****/
h1.typewriter {letter-spacing:0px;}
#main-content-container-double #main-column .homepage-banner {position:relative;width:720px;height:197px;background: transparent url(grfx/home/homepagebanner_bg.jpg) top left no-repeat}
#main-content-container-double #main-column .homepage-banner .content {position:absolute;padding:10px 5px 10px 140px;width:285px;height:159px;background:#fff none;left:15px;top:15px;}
#main-content-container-double #main-column .homepage-banner .content .slideshow {position:absolute;top:0;left:5px;width:127px;height:167px;overflow:hidden;}
#main-content-container-double #main-column .homepage-banner .content a,
#main-content-container-double #main-column .homepage-banner .content p {color:#F03D00;}
#main-content-container-double #main-column .homepage-banner .content a:hover {color:#000}
#main-content-container-double #main-column .homepage-banner .content h1.typewriter {font-size:18px;line-height:26px;color:#F03D00;margin:0;}

#main-content-container-double #main-column #homepage-columns {position:relative;zoom:1;margin:15px 0 0 0;}
#main-content-container-double #main-column #homepage-columns .column-left {float:left;position:relative;width:210px;}

#main-content-container-double #main-column #homepage-columns .column-left .table-block {position:relative;border:1px solid #d7d7d7;padding:8px 0 8px 0;margin:0 0 10px 0;}
#main-content-container-double #main-column #homepage-columns .column-left .table-block .arrow-right-grey {padding:0 10px 0 0;font-size:11px;color:#F03D00}
#main-content-container-double #main-column #homepage-columns .column-left .table-block h1.typewriter {position:relative;top:5px;color:#233285;font-size:14px;letter-spacing:0;padding:0 10px 3px 20px;margin:0;background: transparent url(grfx/small_arrow.gif) 8px 2px no-repeat;.background: transparent url(grfx/small_arrow.gif) 8px 5px no-repeat}
#main-content-container-double #main-column #homepage-columns .column-left .table-block .solidline {margin:10px auto;width:180px;padding:0;}
#main-content-container-double #main-column #homepage-columns .column-left .table-block table {width:100%;color:#666666;font-size:12px;}
#main-content-container-double #main-column #homepage-columns .column-left .table-block table a {color:#F03D00;}
#main-content-container-double #main-column #homepage-columns .column-left .table-block table a:hover {color:#000}
#main-content-container-double #main-column #homepage-columns .column-left .table-block table td {padding:2px 10px;}
#main-content-container-double #main-column #homepage-columns .column-left .table-block table .even td {background-color:#E8E8E8;}

#main-content-container-double #main-column #homepage-columns .column-right {float:left;position:relative;width:490px;left:20px;font-size:11px;line-height:15px;}
#main-content-container-double #main-column #homepage-columns .column-right .kader {width:488px;}
#main-content-container-double #main-column #homepage-columns .column-right .kader .item h1 {color:#F03D00;font-size:15px;font-weight:normal;margin:0 0 5px 0;padding:0;}
#main-content-container-double #main-column #homepage-columns .column-right .kader .item .thumb {display:block;margin:0 10px 0 0}
/*** einde specifiek voor homepage ***/



/** menu **/
#left-column ul {display:block;width:210px;_overflow-x:hidden;}
#left-column ul li {display:block;min-height:30px;_height:30px;margin:0 0 4px 0;clear:both;}
#left-column ul li a {display:block;line-height:30px;padding:0 0 0 17px;background:#E8E8E8 url(grfx/nav_arrow.gif) 185px center no-repeat;border:1px solid #D7D7D7;font-size:12px;line-height:30px;color:#333;text-decoration:none;}

#left-column ul li.active a {background:#FFFFFF url(grfx/nav_arrow_active.gif) 185px center no-repeat;color:#F03D00;}
#left-column ul li a:hover {background:#FFFFFF url(grfx/nav_arrow_active.gif) 185px center no-repeat;}

#left-column ul li.active ul {position:relative;padding:0 0 0 17px;margin:6px 0 0 0}
#left-column ul li.active ul li {display:block;height:auto;min-height:16px; background: transparent none;}
#left-column ul li.active ul li a {line-height:16px; width:140px;  font-size:11px; background: transparent none;min-height:auto;border:0;padding:0;margin:0 0 4px 0;color:#888888;}
#left-column ul li.active ul li.active ul li.active a,
#left-column ul li.active ul li.active a {color:#333;}
#left-column ul li.active ul li a:hover {color:#333;}
#left-column ul li.active ul li ul {position:relative;margin:6px 0 0 0;}
#left-column ul li.active ul li.active ul li a {color:#888}
#left-column ul li.active ul li ul li a:hover {color:#333;}

/* formulier */
.form-section {background:#E8E8E8 none;border:1px solid #D7D7D7;position:relative;padding:10px;margin:10px 0;}
.form-section h1 {color:#333333;font-weight:bold;font-size:13px;}


select {background:#fff none;border:1px solid #D7D7D7;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:12px;width:100%;padding:1px;}
textarea {background:#fff none;width:195px;height:70px;border:1px solid #888888;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:12px;padding:1px 1px 1px 3px;}
input {background:#fff none;border:1px solid #888888;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:12px;padding:1px 1px 1px 3px;}
input.disabled {border:1px solid #D7D7D7;color:#888;}

/* arrows en buttons */
.btn {display:inline-block;border:1px solid #F03D00;position:relative;height:19px;line-height:19px;padding:0 25px 0 5px;background: #fff url(grfx/arrow_right_orange.gif) top right no-repeat;text-decoration:none !important;font-size:12px;color:#333 !important;margin:5px 0;}
.btn:hover {background-position: bottom right;border:1px solid #ef5830}
.arrow-right-grey {text-align:right;}
.arrow-right-grey.left-align {text-align:left}
.arrow-right-grey a {display:inline-block;padding:0 22px 0 0;text-decoration:none;height:17px;line-height:17px;background: transparent url(grfx/arrow_right_grey.gif) top right no-repeat}
.arrow-right-grey.left-align a {padding:0 0 0 22px;background-position:top left;}
.arrow-right-grey a:hover {text-decoration:underline !important;}


.arrow-right-white {text-align:right;}
.arrow-right-white a {display:inline-block;padding:0 22px 0 0;text-decoration:none;height:17px;line-height:17px;background: transparent url(grfx/arrow_right_white.gif) top right no-repeat}
.arrow-right-white a:hover {text-decoration:underline !important;}

.arrow-left-grey {text-align:left;font-size:11px;}
.arrow-left-grey a {display:inline-block;padding:0 0 0 22px;text-decoration:none;height:17px;line-height:17px;background: transparent url(grfx/arrow_left_grey.gif) top left no-repeat}
.arrow-left-grey a:hover {text-decoration:underline !important;}

.icon-x {display:inline-block;height:17px;line-height:17px;padding:0 22px 0 0;background: transparent url(grfx/icon_x.gif) top right no-repeat;font-size:11px;text-decoration:none;}


/* kaders rechterzijde */
.kader ul {position:relative;margin:0 0 10px 0;}
.kader ul li {line-height:17px;}
#main-content-container #main-column .kader-title-container {top:-10px;left:15px;}
.kader-title-container {position:relative;height:19px;}
.kader-title-container div {display:inline-block;color:#fff;font-size:12px;width:130px;padding:0 10px 0 0;text-align:right;position:absolute;right:0;height:19px;background:#F03D00 none;top:0;line-height:19px;}
/* kader styles */


/* blauw */
.kader.style1 h1 {color:#fff;}
.kader.style1 {background-color:#00ADEF;color:#fff;}
.kader.style1 p {color:#000;}
.kader.style1 a {color:#000;}
.kader.style1 a:hover {text-decoration:none;}
.kader.style1 .arrow-right-white a {color:#fff;}
/* wit met rand */
.kader.style2 h1 {color:#F03D00;}
.kader.style2 {background-color:#fff;border:1px solid #D7D7D7;width:198px;color:#333;}
.kader.style2 p {color:#333;}
.kader.style2 a {color:#333;}
.kader.style2 a:hover {text-decoration:none;color:#888}
/* grijs met rand */
.kader.style3 h1 {color:#F03D00;}
.kader.style3 {background-color:#E8E8E8;border:1px solid #D7D7D7;color:#333;}
.kader.style3 p {color:#333;}
.kader.style3 a {color:#F03D00;text-decoration:none;}
.kader.style3 a:hover {text-decoration:underline;}

/* kader algemeen */
#right-column .kader {width:200px;}
.kader {position:relative;margin:0 0 10px 0;}
.kader .kader-content {position:relative;padding:10px;}
.kader .kader-content h1 {position:relative;font-size:12px;margin:0 0 7px 0;}


/*login form*/
#right-column #login-form p {margin:0 0 4px 0;padding:0;}
#right-column #login-form input {width:165px;}
#right-column .loggedin-name {display:block;margin:5px 0;font-size:13px;font-weight:normal;}
#right-column .loggedin-orderhistory {display:inline-block;margin:5px 0;color:#333 !important;text-decoration:underline !important;}
#right-column .loggedin-orderhistory:hover {text-decoration:none !important;}


/* algemene opmaak main column */
#main-column h1 {color:#F03D00;font-size:19px;font-weight:normal;margin:0 0 15px 0;}
#main-column h2 {color:#000;font-size:13px;font-weight:bold;margin:0 0 5px 0;}
#main-column h3 {color:#b9441d;font-size:14px;font-weight:bold;margin:0 0 10px 0;}


/* overzicht campagnes */
#main-column .campagne-item {position:relative;min-height:106px;_height:106px;padding:0 0 0 155px;}
#main-column .campagne-item .price {position:absolute;right:0;top:0;width:66px;text-align:center;background-color:#00ADEF;color:#fff;height:19px;line-height:19px;font-size:15px;font-weight:bold;}
#main-column .campagne-item .image {position:absolute;top:0;left:0;}
#main-column .campagne-item h1 {position:relative;font-size:18px;margin:0;padding:0;}
#main-column .campagne-item .items-amount {position:relative;font-size:11px;color:#888888;margin:2px 0;}
/* campagne indien inactief */
#main-column .campagne-item.inactive .price {background-color:#D7D7D7;}
#main-column .campagne-item.inactive h1 {color:#333;}
#main-column .campagne-item.inactive .inactive-btn {margin:3px 0 0 0;line-height:17px;font-size:12px;border:1px solid #888888;display:inline-block;padding:0 10px}


/****** middelen overview pagina ***/
#middel-container {position:relative;width:480px;margin:0 0 -15px 0}
#middel-container .middel {float:left;display:block;position:relative;padding:0 10px 10px 10px;width:200px;height:205px;border:1px solid #D7D7D7;margin:0 15px 15px 0;_padding:0;_height:225px;}
#middel-container .middel:hover {border:2px solid #00ADEF;margin:-1px 14px 14px -1px;}
#middel-container .middel .price {position:absolute;right:0;top:0;width:66px;text-align:center;background-color:#00ADEF;color:#fff;height:19px;line-height:19px;font-size:15px;font-weight:bold;}
#middel-container .middel .image {position:relative;left:-10px;width:220px;height:100px;border-bottom:1px solid #D7D7D7;_left:0}
#middel-container .middel .image img {display:block;position:relative}
#middel-container .middel .desc {position:relative;_left:10px;}
#middel-container .middel .desc h1 {position:relative;color:#333;font-size:14px;margin:5px 0 0 0;padding:0;font-weight:bold;}
#middel-container .middel .desc h2 {position:relative;color:#F03D00;font-size:14px;margin:0;padding:0;font-weight:bold;}
#middel-container .middel .desc p {line-height:17px;font-size:12px;}
#middel-container .middel .btn {_left:10px;}


/* inactief / disabled */
#middel-container .middel.not-active .desc h2,
#middel-container .middel.not-active .desc h1 {color:#888}
#middel-container .middel.not-active .btn {border-color:#888;height:19px;line-height:19px;background-image: url(grfx/arrow_right_grey_inactive.gif)}
#middel-container .middel.not-active .overlay-soldout {position:absolute;top:0;left:0;width:220px;height:100px;background: transparent url(grfx/overlay_soldout.png) center center no-repeat;_background: transparent url(grfx/overlay_soldout.gif) center center no-repeat}
#middel-container .middel.not-active .overlay-inactive {position:absolute;top:0;left:0;width:220px;height:100px;background: transparent url(grfx/overlay_inactive.png) center center no-repeat;_background: transparent url(grfx/overlay_inactive.gif) center center no-repeat}
#middel-container .middel.not-active:hover {border:1px solid #D7D7D7;margin:0 15px 15px 0;_padding:0;_height:225px;}


/** item details pagina ***/

#item-detail {position:relative;width:460px;margin:10px 0 0 0}
#item-detail .image {display:block;border:1px solid #d7d7d7;margin:0 0 20px 0;}
#item-detail .image img {display:block;margin:0 auto;}
#item-detail .image .icon-maginfie {position:absolute;text-decoration:none;cursor:pointer;right:0;height:20px;line-height:20px;padding:0 25px 0 0;background: transparent url(grfx/icon_magifie.gif) top right no-repeat;font-size:11px;}
#item-detail .image .icon-maginfie:hover {text-decoration:underline;}





#item-detail #item-left {position:relative;float:left;width:220px;}


#item-detail #item-right .form-section {margin:5px 0 0 0}
#item-detail #item-right {position:relative;float:left;padding:0 0 0 15px;width:225px;_overflow-x:hidden;}
#item-detail #item-right h2 {font-weight:normal;font-size:15px;color:#F03D00;margin:0 0 5px 0;padding:0;}
#item-detail #item-right .thumb-selection {position:relative;width:225px;margin:5px 0 0 0}
#item-detail #item-right .thumb-selection a {position:relative;display:block;border:1px solid #D7D7D7;padding:2px;width:70px;height:70px;float:left;margin:-1px 0 0 -1px;}
#item-detail #item-right .thumb-selection a img {position:absolute;top:2px;left:2px;}

#item-detail #item-right .thumb-selection a.active {padding:1px;border:2px solid #00ADEF;z-index:100}
#item-detail #item-right .thumb-selection a.active img {top:1px;left:1px;}

#item-detail #item-right .thumb-selection a:hover {padding:1px;border:2px solid #888888;z-index:100}
#item-detail #item-right .thumb-selection a:hover img {top:1px;left:1px;}


#item-detail #item-right .form-section #addlogo {position:relative;padding:10px;margin:10px 0;background:#fff none;border-top:1px solid #D7D7D7;border-bottom:1px solid #D7D7D7;width:203px;left:-10px;}
#item-detail #item-right .form-section #addlogo .uploadedfile {position:relative;margin:0 0 10px 0;display:block;border:1px solid #888;height:17px;line-height:17px;padding:0 0 0 3px;}
#item-detail #item-right .form-section #addlogo .uploadedfile .icon-x {position:absolute;right:0;top:0;}

dl { position:relative;}
dl dt {position:absolute;color:#888;display:inline-block;margin:0 0 5px 0;font-weight:normal;padding:0 5px 0 0;width:85px;}
dl dd { display:block; clear:both; position:relative;margin:0 0 5px 0;color:#333333; font-weight: bold;padding:0 0 0 95px;}
dl dd .price {color:#00ADEF;font-weight:bold;}


.counter {text-align:right;font-size:11px; color:#6e6e6e; display:block;}
.error {position:relative;margin:10px 0 0 0;display:block;background: #F03D00 url('grfx/error.gif') top left no-repeat;border:1px solid #F03D00;padding:0 0 0 25px;color:#fff;line-height:17px;min-height:19px;_height:19px;font-size:11px;}


/*** winkelwagen **/

#cart {position:relative;padding:0;margin:10px 0;width:460px;border:1px solid #D7D7D7}
#cart #cart-heading {position:relative;height:30px;background-color:#E8E8E8;border-bottom:1px solid #D7D7D7}
#cart #cart-heading span {position:absolute;font-weight:bold;color:#333;font-size:13px;top:5px;}
#cart #cart-heading .middel {left:10px}
#cart #cart-heading .aantal {left:230px}
#cart #cart-heading .prijs {left:295px}
#cart #cart-heading .subtotaal {left:360px}

#cart .order {position:relative;width:100%;height:30px;margin:0;padding:0;border-bottom:1px solid #D7D7D7}
#cart .order.last {border:0;}
#cart .order .aantal {position:absolute;left:230px;top:5px;width:37px;}
#cart .order .aantal input {width:37px;text-align:center;}
#cart .order .middel a {color:#666;font-weight:bold;font-size:13px;text-decoration:none;}
#cart .order .middel a:hover {text-decoration:underline;}
#cart .order .middel {position:absolute;top:5px;left:10px;color:#666666;}
#cart .order .prijs {position:absolute;top:5px;left:295px;color:#666666;}
#cart .order .subtotaal {position:absolute;top:5px;width:65px;text-align:right;left:360px;color:#666666;}
#cart .order .delete {position:absolute;top:7px;right:5px;}

#cart .order-extra {position:relative;width:100%;margin:0;padding:0;border-bottom:1px solid #D7D7D7;border-top:1px solid #D7D7D7}
#cart .order-extra p {position:relative;height:27px;display:block;margin:0;padding:0;}
#cart .order-extra .subtotaal {position:absolute;top:5px;width:65px;text-align:right;left:360px;font-weight:bold;color:#333333;}
#cart .order-extra .btw {position:absolute;top:5px;width:65px;text-align:right;left:360px;font-weight:bold;color:#333333;font-weight:normal;}
#cart .order-extra .descr {position:absolute;top:5px;left:10px;}

#cart .order-total {position:relative;width:430px;margin:0;padding:0;}
#cart .order-total p {position:relative;height:32px;display:block;margin:0;padding:0;}
#cart .order-total .subtotaal {position:absolute;top:5px;width:65px;text-align:right;left:360px;font-weight:bold;color:#333;}
#cart .order-total .descr {position:absolute;top:5px;left:10px;color:#333;font-weight:bold;}


#buttons-cart {position:relative;height:70px;}
#buttons-cart .btn-bijwerken {display:block;width:120px;height:21px;background: transparent url('grfx/buttons/btn_bijwerken.gif') top left no-repeat;text-indent:-999px;position:absolute;top:10px;overflow:hidden}
#buttons-cart .btn-bijwerken:hover {background-position:bottom left;}

#buttons-cart .btn-bevestigen {display:block;width:120px;height:21px;background: transparent url('grfx/buttons/btn_bevestigen.gif') top left no-repeat;text-indent:-999px;position:absolute;left:310px;top:10px;overflow:hidden}
#buttons-cart .btn-bevestigen:hover {background-position:bottom left;}

#buttons-cart .btn-verderwinkelen {display:block;width:120px;height:21px;background: transparent url('grfx/buttons/btn_verderwinkelen.gif') top left no-repeat;text-indent:-999px;left:310px;top:45px;overflow:hidden;position:absolute}
#buttons-cart .btn-verderwinkelen:hover {background-position:bottom left;}

/***** databank */
#beelden-container {position:relative;width:500px;}
#beelden-container .beeld {float:left;display:block;position:relative;padding:3px;width:140px;_height:185px;min-height:185px;border:1px solid #D7D7D7;margin:0 10px 10px 0;}
#beelden-container .beeld:hover {border:1px solid #00ADEF;}
#beelden-container .beeld table td {position:relative;display:block;height:145px;width:140px}
#beelden-container .beeld table td * {display:block;}
#beelden-container .beeld table td img {display:block;}
#beelden-container .beeld a {display:block;}


/** preview page **/
#preview-page h1 {margin:10px 0;padding:0;font-size:15px;font-weight:normal;color:#F03D00;}
#preview-page .download-resolution a.pdf-download-icon {position:absolute;left:0;top:0;display:block;width:36px;height:42px;background: transparent url(grfx/pdf_download_icon.gif) top left no-repeat;text-decoration:none;}
#preview-page .download-resolution a.pdf-download-icon:hover {background-position:bottom left;}
#preview-page .download-resolution a.jpg-download-icon {position:absolute;left:0;top:0;display:block;width:36px;height:42px;background: transparent url(grfx/jpg_download_icon.gif) top left no-repeat;text-decoration:none;}
#preview-page .download-resolution a.jpg-download-icon:hover {background-position:bottom left;}
#preview-page .download-resolution {position:relative;padding:0 0 0 46px;}
#preview-page .download-resolution p a {font-size:12px;color:#333;text-decoration:underline;}
#preview-page .download-resolution p a:hover {color:#888;text-decoration:none;}

/** popup bij maken van bestand **/
#processingpopup {font-size:12px;}
#processingpopup h1 {font-size:15px;color:#F03D00;font-weight:normal;margin:0 0 5px 0;}
#processingpopup .loading {background:#00ADEF url(grfx/loading.gif) 15px 15px no-repeat;color:#fff;line-height:64px;padding:0 0 0 65px;margin:10px 0 0 0;}

/** popup bij maken van bestand **/
#downloadpopup {font-size:12px;}
#downloadpopup h1 {font-size:15px;color:#F03D00;font-weight:normal;margin:0 0 15px 0;}
#downloadpopup .download {color:#fff;line-height:64px;padding:0 0 10px 0;margin:10px 0 0 0;}



/* registreren pagina en checkout pagina*/
#register-form .mandatory {position:absolute;text-align:right;font-size:11px;color:#888888;width:435px;}
#register-form {position:relative;color:#333}
#register-form .form-section {width:440px;left:-3px;}
#register-form .form-section h1 {color:#333;font-size:13px;font-weight:bold;}
#register-form .error {left:-3px;width:435px;}

#register-form .rij {position:relative;height:30px;}
#register-form .rij p {position:absolute;top:0;}
#register-form .rij input,
#register-form .rij select,
#register-form .rij textarea {position:absolute;left:180px;width:250px;}
#register-form .rij select {position:absolute;left:180px;width:auto;}
#register-form .rij .value {position:absolute;left:180px;width:250px;color:#000}
/* radio */
#register-form .rij table label {position:relative;display:inline-block;margin:0 15px 0 5px;}
#register-form .rij table input {position:relative;top:3px;left:0;width:auto;height:auto;background: transparent none;border:none;display:inline}

.radiolist .rij {margin:0 0 5px 0}
.radiolist .radio-single {position:relative;top:3px;left:0;width:auto;height:auto;background: transparent none;border:none;display:inline}
.radiolist .radio-single label {position:relative;left:3px;}
.radiolist input[type="text"] {position:relative;top:2px;left:3px;width:175px}
.radiolist input[type="checkbox"] {border:0;background: transparent none;}
.radio-single input[type="checkbox"] {border:0;background: transparent none;}
.radio-single input[type="radio"] {border:0;background: transparent none;}

#registreer-buttons {position:relative;height:21px;margin:10px 0;text-align:right}
#registreer-buttons .btn-terug {position:absolute;right:130px;display:block;width:120px;height:21px;background: transparent url('grfx/buttons/btn_terug.gif') top left no-repeat;border:0;cursor:pointer;}
#registreer-buttons .btn-terug:hover {background-position:bottom left}



/* form algemeen */
#form {position:relative;}
#form .rij {position:relative;height:30px;z-index:1000;}
#form .rij p {position:absolute;top:0;color:#666666;_width:180px;}
#form .rij input,
#form .rij select,
#form .rij textarea {position:absolute;left:180px;width:250px;z-index:2000;border:1px solid #888}
#form .rij select {position:absolute;left:180px;width:250px;}
#form .rij .value {font-weight:bold;position:absolute;left:180px;}
/* radio */
#form .rij table {position:relative;left:180px;}
#form .rij table input {position:relative;left:0;width:15px;margin:0 10px;background:transparent none;border:0;}
.small {position:relative;margin:5px 0 0 0;line-height:normal;color:#888;font-size:11px;}






#item-edit-buttons {position:relative;clear:both;height:40px;}
#item-edit-buttons .btn-bijwerken {border:0;display:block;width:120px;height:21px;background: transparent url('grfx/buttons/btn_bijwerken.gif') top left no-repeat;text-indent:-999px;position:relative;margin:10px 0 0 0;overflow:hidden;position:absolute;right:0;cursor:pointer;}
#item-edit-buttons .btn-bijwerken:hover {background-position:bottom left;}
#item-edit-buttons .btn-terug {border:0;display:block;width:120px;height:21px;background: transparent url('grfx/buttons/btn_terug.gif') top left no-repeat;text-indent:-999px;position:relative;margin:10px 0 0 0;overflow:hidden;position:absolute;left:0;cursor:pointer;}
#item-edit-buttons .btn-terug:hover {background-position:bottom left;}


.validatie-pointer {position:absolute;display:block;text-indent:-999px;overflow:hidden;width:10px;}
#container textarea.errorinput,
#container input.errorinput {border:1px solid #F03D00;}



/** overlay **/
#overlay {background:#fff none;position:fixed;_position:absolute;width:100%;min-height:100%;_height:100%;top:0;left:0;z-index:11000;	opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */	filter: alpha(opacity=50); /* IE lt 8 */	-ms-filter: "alpha(opacity=50)"; /* IE 8 */	-khtml-opacity: .50; /* Safari 1.x */	-moz-opacity: .50; /* FF lt 1.5, Netscape */}
#overlay-content {position:absolute;z-index:12000;background:#fff none;/*width:434px;height:579px;*/padding:38px 10px 10px 10px;border:1px solid #d7d7d7;}
#overlay-content img {position:relative;}
#overlay-content .icon-x {position:absolute;top:10px;right:10px;}