/* Master Style-sheet for Spellendroom.nl */
/* ========  Start with basic colour and image settings so common theme colours can easily be found ======== */	
html {
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	}
body {
	background-color: #102A4C;
	background-image: url(/media/images/page_bg+.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	}
	
.prodSpelers {
	background-image: url(/media/icoons/spelers.gif);
	}
.prodDuur {
	background-image: url(/media/icoons/duur.gif);
	}
.prodLeeftijd {
	background-image: url(/media/icoons/leeftijd.gif);
	}
	
#frameB li a,#loginForm a {
	color: #DDDDDD;
	}
	
frameH,#mandje,#kassa:hover,#frameB,#frameB li,
#frameB li a:hover,.menuTitel,#frameB ul.level2menu,
#frameD,#loginForm a:hover,.prodNaam,.prodTitle,
.prodButton1,.prodButton2,.prodButton3,.prodButton4,
.prodButton,#frameB ul.level1menu,#prodMeer #btnVolg,
#item,#jaKnop,#neeKnop,#btnVorg,#btnVolg,.btnAdjMin,
.btnAdjPls,.btnPayment,#kassa {
	color: #FFFFFF;
	}
	
#tip, #tip a {
	color: #0099FF;
	}
	
#frameH a, #frameH a:hover {
	color: #FFFFCC;
	}
.smallPrnt,#loginForm a,a.adminBtn,#box {
	color: #CCC;
	}
.prodAdvies {
	color: #999;
	}
.scrText {
	color: #0099FF;
	}
.verplicht,.noAuth,#wwMessage {
	color: #CC0000;
	}
.chkTableHdr, .meerInfo {
	color: #0066FF;
	}
.leegMandje {
	color: #FF0000;
	}
 a.leesMeerBtn {
	color: #330000;
	}
#frameB li a.thisEntry {
	color: #ffffff;
	}
#mandje,#frameB,#frameD,#box {
	background-color: transparent;
	}

.btnPayment {
	background-color: transparent;
	background-image: url(/media/images/pay_btn_up.png);
	background-position: left top;
	background-repeat: no-repeat;	
	}
	
.btnPayment:active {
	background-image: url(/media/images/pay_btn_dn.png);
	}
	
a.leesMeerBtn {
	background-color: transparent;
	background-image: url(/media/images/lees_btn_up.png);
	background-position: left top;
	background-repeat: no-repeat;	
	}

a.leesMeerBtn:active {
	background-image: url(/media/images/lees_btn_dn.png);
	}

#kassa {
	background-color: transparent;
	background-image: url(/media/images/kassa_btn_up.png);
	background-position: left top;
	background-repeat: no-repeat;	
	}

#kassa:active {
	background-image: url(/media/images/kassa_btn_dn.png);
	}

#frameB li, #frameB li a,.prodNaam {
	background-color: transparent;
	}
	
#frameB li a {
	background-image: url(/media/images/menubtn_up.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
#frameB li a:active {
	background-image: url(/media/images/menubtn_dn.png);
	}
	
#frameB ul.level2menu a {
	background-image: url(/media/images/menubtn215_up.png);
	}
#frameB ul.level2menu a:active {
	background-image: url(/media/images/menubtn215_dn.png);
	}

.scrTop {
	width: 140px;
	height: 13px;
	padding: 0px;
	margin: 0px;
	background-image: url(/media/images/scrTop.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	}
.scrBody {
	width: 140px;
	padding: 0px;
	margin: 0px;
	background-image: url(/media/images/scrBody.gif);
	background-position: left top;
	background-repeat: repeat-y;
	}
.scrEnd{
	width: 140px;
	height: 13px;
	padding: 0px;
	margin: 0px;
	background-image: url(/media/images/scrEnd.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}

.prodButton1,.prodButton2,.prodButton3,.prodButton4 {
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 209px;
	height: 23px;
	}
	
.prodButton1 {
	background-image: url(/media/images/buy_btn_up_ora.png);
	}
.prodButton1:active {
	background-image: url(/media/images/buy_btn_dn_ora.png);
	
	}

.prodButton2 {
	background-image: url(/media/images/buy_btn_up_blu.png);
	}
.prodButton2:active {
	background-image: url(/media/images/buy_btn_dn_blu.png);
	}

.prodButton3 {
	background-image: url(/media/images/buy_btn_up_gro.png);
	}
.prodButton3:active {
	background-image: url(/media/images/buy_btn_dn_gro.png);
	}

.prodButton4 {
	background-image: url(/media/images/buy_btn_up_gee.png);
	}
.prodButton4:active {
	background-image: url(/media/images/buy_btn_dn_gee.png);
	}

#scrollrame,.noAuth,a.leesMeerBtn,
.prodSpelers,.prodDuur,.prodLeeftijd,#prodMeer,
#boxImg,.inputNormal {
	background-color:#ffffff;
	}
.menuTitel{
	left: -10px;
	background-color: transparent;
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 0px;
	}
	
#Klanten {
	background-image: url(/media/images/klantenservice.png);
	height: 79px;
	}
#Spellen{
	background-image: url(/media/images/spellen.png);
	height: 44px;
	}
#Forum {
	background-image: url(/media/images/forum.png);
	height: 38px;
	}
	
.scrImg,.chkTableHdr {
	background-color: #CCCCCC;
	}
.prodNaam {
	background-image: url(/media/images/titelbalk.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #ffffff;
	}
#btnSluit {
	background-image: url(/media/images/sluitBtn_up.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	}
#btnSluit:active {
	background-image: url(/media/images/sluitBtn_dn.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color:transparent;
	}	
#prodMeer #btnVolg,#jaKnop,#neeKnop,#btnVorg,#btnVolg {
	background-image: url(/media/images/vorige_btn_140_up.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	}
#prodMeer #btnVolg:active,#jaKnop:active,#neeKnop:active,#btnVorg:active,#btnVolg:active {
	background-image: url(/media/images/vorige_btn_140_dn.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color:transparent;
	}
.ajaxInhoud,.privacy {
	background-color: #FFFFEE;
	}
.chkTotaal {
	background-color: #99CCFF;
	}
.btnAdjMin, .btnAdjPls {
	background-color: #333333;
	}
a.btnAdjMin:hover, a.btnAdjPls:hover {
	background-color: #FF9933;
	}
.inputErr,#inputPop {
	background-color: #FFDDDD;
	}
					
#box {
	border-color: #999999;
	}
#boxImg {
	border-color: #FFFFFF;
	}
.adjAantal {
	border-color: #333333;
	}
.inputErr {
	border-color: #990000;
	}
	
.inputNormal {
	border-color: #0099FF;
	}
	
#inputPop {
	border: 1px solid #FFDDDD;
	}
	
.ajaxSuggest {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 3px;
	width: auto;
	color: #666666;
	background-color: #FFFFCC;
	border: 1px solid #EEE;
	z-index: 99;
	}
	
.ajaxSuggest a {
	text-decoration: none;	
	}
	
.ajaxSuggest a:hover {
	color: #000000;
	}
	
/* =============  the following are mostly dimension nd layout settings to control the layout ============= */	
body {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	border: 0px none;
	}
	
h3 {
	width: 100%;
	text-align: center;
	}
	
#frameH {
	position: relative;
	top: 0;
	left: 0;
	height: 178px;
	width: 1000px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	border: 0px solid green;
	z-index: 1;
	}
	
#frameH a, #frameH a:hover {
	text-decoration: none;
	}

#frameH img {
	padding: 0px;
	margin: 0px;
	border: 0px none;
	}
	
#mandje {
	position: absolute;
	top: -60px;
	left: 850px;
	height: 60px;
	width: 168px;
	margin: 0px;
	padding: 0px;
	}
	
#mandjeTotaal {
	padding: 4px;
	}
	
#mandjeTitel {
	padding: 4px;
	}

#totaal {
	display: inline;
	}
		
.smallPrnt {
	font-size: 9px;
	}

#kassa {
	position: absolute;
	display: block;
	top: -2px;
	left: 94px;
	width: 56px;
	height: 15px;
	padding: 5px 3px;
	text-decoration: none;
	text-align: center;
	}
	
#kassa:active {
	padding: 6px 2px;	
	}
	
#container {
	position: relative;
	top: -8px;
	width: 1010px;
	height: 700px;
	padding: 0px;
	margin: 0px auto;
	text-align: left;
	border: 0px solid red;
	}
	
#frameB {
	position: absolute;
	top: -47px;
	left: -3px;
	width: 186px;
	height: 600px;
	margin: 0px;
	padding: 0px;
	}
	
.menuTitel {
	position: relative;
	text-align: left;
	display: block;
	font-size: 14px;
	padding:0px 3px;
	}
	
.menuTitel a {
	text-decoration: none;
	}
	
#frameB ul {
	position: relative;
	display: block;
	list-style-image: none;
	width: 171px;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 2px;	
	overflow: visible;
	}
	
#frameB li, #frameB li a {
	position: relative;
	display: block;
	height: 28px;
	width: 180px;
	left: 0px;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	font-size: 13px;	
	}

#frameB li a {
	width: 180px;
	height: 18px;
	padding: 5px 1px 5px 8px;
	overflow: visible;
	left: 8px;
	margin-left: 8px;
	}
	
/* Hidden from IE6 */	
html>body #frameB li a {
	width: 170px;
	margin-left: 0px;
	}
	
#frameB li a.thisEntry {
	font-weight: bold;
	font-size: 12px;
	padding: 6px 1px 4px 9px;
	}
	
#frameB li a:hover {
	text-decoration: none;	
	}
	
#frameB li a.thisEntry:active {
	padding: 7px 2px 3px 10px;
	}
	
#frameB li a:active {
	padding: 6px 1px 4px 9px;
	}
	
#frameB ul.level1menu {
	position: relative;
	top: 0px;
	left: -8px;
	width: 180px;
	}

#frameB ul.level1menu li {
	position: relative;
	height: 28px;
	overflow: visible;
	}
	
#frameB ul.level2menu {
	position: absolute;
	top: 0px;
	left: 172px;
	height: 0px;
	display: block;
	}

#frameB ul.level2menu li {
	width: 215px;
	height: 29px;
	}

#frameB ul.level2menu a {
	width: 209px;
	height: 19px;
	}

#frameD {
	position: absolute;
	top: 0px;
	left: 850px;
	width: 168px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	}
	
#frameD form {
	padding: 0px;
	margin: 0px;
	}
	
#loginForm, #myAccount, #zoekForm, 
#nieuwsForm, #logoutForm{
	padding: 4px;
	margin: 0px;
	}

#loginForm a {
	font-size: 9px;
	text-decoration: none;
	}

#loginForm a:hover {
	text-decoration: underline;
	}
	
#frameC {
	position: relative;
	top: 25px;
	left: 185px;
	width: 650px;
	height: 643px;
	margin: 0px;
	padding: 0px;
	}
	
	#frameC2 {
	position: relative;
	top: 25px;
	left: 185px;
	width: 650px;
	height: 643px;
	margin: 0px;
	padding: 0px;
	}
	
#frameC .cmsDoc {
	position: absolute;
	top: 0;
	left: 0;
	width: 650px;
	height: 643px;
	overflow: auto;
	}
	
.cmsDoc {
	position: relative;
	top: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}
		
#intro {
	text-align: left;
	}
	
/* front page styling to move scroller across */
#scrollFrame {
	position: absolute;
	top: 0px;	
	left: 470px;
	width: 140px;
	height: 643px;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	}
	
#Scroller {
	position: relative;
	top: 100px;	
	width: 140px;
	visibility: hidden;
	display: block;
	}
	
#Scroller td {
	padding: 3px 3px 3px 5px;
	text-align: center;
	}
	
	
.scrImg {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	}
	
.scrText {
	position: relative;
	margin: 0 auto;
	text-align: center;
	}
	
#welkomText {
	position: relative;
	top: 0px;
	left: 20px;
	width: 400px;
	height: 643px;
	padding: 0px;
	padding-right: 230px;
	margin: 0px;
	overflow: hidden;
	
	}
	
/* user form styles */
.verplicht {
	display: inline;
	}

.userForm {
	position: relative;
	top: 0px;
	left: 0px;
	width: 460px;
	margin: 0 auto;
	}
	
.userForm td {
	padding: 4px 0px;
	}
	
.formText {
	text-align: right;
	width: 200px;
	}
.formSpacer {
	width: 16px;
	}
	
.formInput {
	text-align: left;
	width: 234px;
	}
	
/* Div giving un-authrised message */
.noAuth {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	
/* Artikel invoer form styles */
.invoerForm {
	position: relative;
	width: 560px;
	left: 30px;
	}
	
.invoerForm td {
	position: relative;
	left: 0px;
	padding: 4px 0px;
	}
	
td.invoerInput {
	width: 400px;
	}
	
td.invoerTitel {
	width: 140px;
	}

.invoerForm textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 300px;
	}
	
#fNummer, #fNaam {
	width: 300px;
	}
	
#afbeelding {
	position: absolute;
	top: 244px;
	left: 390px;
	width: 180px;
	height: 180px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #CCC;
	text-align: left;
	}
	
#afbeelding img {
	position: relative;
	top: 10px;
	left: 10px;
	width: 160px;
	height: 160px;
	padding: 0px;
	margin: 0px;
	}
	
/* Product display styles*/
#producten {
	position: relative;
	top: 0px;
	left: 0px;
	height: 643px;
	width: 650px;
	margin: 0;
	padding: 0px;
	overflow: auto;
	}
	
.product {
	position: relative;
	margin: 0 auto;
	padding: 0px;
	top: 0px;
	left: 0px;
	width: 610px;
	height: 215px;
	border: 0px none #fff;
}
	
.prodBeeld {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 180px;
	height: 180px;	
	}
	
	.prodBeeld2 {
		position: relative;
	top: 10px;
	left: 0px;
	z-index: 2;
	width: 180px;
	height: 180px;	
	}

.prodBeeld img {
	position: relative;
	top: 0px;
	left: 0px;
	width: 160px;
	height: 160px;
	}

.prodNaam {
	position: absolute;
	top: 5px;
	left: 190px;
	width: 408px;
	height: 27px;
	padding-top: 3px;
	padding-left: 8px; 
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	border: 0px;
	}

a.adminBtn {
	position: absolute;
	top: -16px;
	left: 330px;
	display: block;
	width: 46px;
	height: 16px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	}
	
.prodInfo {
	position: absolute;
	top: 24px;
	width: 406px;
	left: 191px;
	padding: 0;
	margin: 0;
	overflow: visible;
	}
	
.prodTitle {
	position: relative;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	width: 310px;
	height: 16px;
	text-align: center;
	visibility: hidden;
	}

.prodBeschrijving {
	position: relative;
	top: 0px;
	left: 0px;
	height: 30px;
	overflow: hidden;
	}
	
a.leesMeerBtn {
	position: absolute;
	top: 50px;
	left: 307px;
	width: 100px;
	height: 28px;
	text-align: center;
	text-decoration: none;
	z-index: 80;
	padding-top: 5px;
	padding-left: 1px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin: 0px;
	display: block;
	overflow: visible;
	}

a.leesMeerBtn:active {
	padding-top: 6px;
	padding-left: 0px;
	}
	
.prodIcons {
	position: relative;
	top: 4px;
	left: 0px;
	width: 300px;
	height: 40px;
	padding: 0;
	margin: 0;
	}
	
.prodSpelers {
	position: relative;
	top: 4px;
	left: 0px;
	width: 100px;
	height: 30px;
	padding-top: 10px;
	padding-left: 58px;
	font-size: 14px;
	background-position: left top;
	background-repeat: no-repeat;
	}

.prodDuur {
	position: absolute;
	top: 4px;
	left: 100px;
	width: 100px;
	height: 30px;
	padding-top: 10px;
	padding-left: 51px;
	font-size: 14px;
	background-position: left top;
	background-repeat: no-repeat;
	}

.prodLeeftijd {
	position: absolute;
	top: 4px;
	left: 200px;
	width: 100px;
	height: 30px;
	padding-top: 10px;
	padding-left: 51px;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 14px;
	}

.prodPrijs {
	position: relative;
	top: 8px;
	left: 0px;
	font-size: 16px;
	font-weight: bold;
	}	
.prodAdvies {
	position: relative;
	top: 8px;
	left: 0px;
	}
	
.prodBestel, .prodLever {
	position: relative;
	top: 14px;
	padding: 4px 0px 0px;
	font-weight: bold;
	height: 20px;
	padding: 0px 0px 0px;
	}
	
.prodButton1,.prodButton2,.prodButton3,.prodButton4,
.prodButton {
	position: relative;
	display: block;
	padding: 5px 3px;
	top: 16px;
	left: 0px;
	width: 209px;
	height: 19px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	}

.prodButton1:active,.prodButton2:active,.prodButton3:active,.prodButton4:active,
.prodButton:active {
	padding-top: 6px;
	padding-left: 2px;
	}
	
.confirmOrder,
.prodAjax {
	position: relative;	
	top: 184px;
	left: 0;
	width: 1000px;
	height: auto;
	text-align: center;
	margin: 0 auto;
	z-index: 99;
	}

#prodMeer .prodBeschrijving {	
	height: auto;
	}

#prodMeer .product {
	position: relative;
	top: 0px;
	}
	
#prodMeer .prodInfo {
	position: relative;
	}
	
#prodMeer #btnVolg {
	position: absolute;
	top: 550px;
	left: 475px;
	text-decoration: none;
	width: 144px;
	padding-top: 4px;
	padding-left: 1px;
	z-index: 1;
	}
	
#prodMeer #btnVolg:active {
	padding-top: 5px;
	padding-left: 0px;
	}
	
#btnSluit {
	position: absolute;
	display: block;
	top: 6px;
	left: 630px;
	height: 29px;
	width: 29px;
	padding-top: 4px;
	padding-left: 1px;
	text-decoration: none;
	text-align: center;
	}
	
#btnSluit:active {
	padding-top: 5px;
	padding-left: 0px;
	}

#box,
#prodMeer {
	position: relative;
	top: 0px;
	width: 660px;
	height: 600px;
	margin: 0 auto;
	text-align: left;
	}
	
.ajaxFrame #TL {
	background-image: url(/media/images/genTL.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	}
	
.ajaxFrame #T {
	background-image: url(/media/images/prodBrdrT.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	}
.ajaxFrame #TR {
	background-image: url(/media/images/genTR.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	}
	
.ajaxFrame #BL {
	background-image: url(/media/images/genBL.png);
	background-position: right top;
	background-repeat: no-repeat;
	height: 8px;
	}
	
.ajaxFrame #B {
	background-image: url(/media/images/prodBrdrB.gif);
	background-position: left top;
	background-repeat: repeat-x;
	}
.ajaxFrame #BR {
	background-image: url(/media/images/genBR.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
.ajaxFrame #L {
	background-image: url(/media/images/prodBrdrL.gif);
	background-position: right top;
	background-repeat: repeat-y;
	}
.ajaxFrame #R {
	background-image: url(/media/images/prodBrdrR.gif);
	background-position: left top;
	background-repeat: repeat-y;
	}
	
/* DIV used for AJAX popup*/
.ajaxPopup {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/media/images/trans40.png);
	text-align: center;
	display: none;
	visibility: hidden;
	z-index: 99;
	}
	
.ajaxInhoud {
	position: relative;
	top: 124px;
	left: 0px;
	width: 1000px;
	height: 800px;
	text-align: left;
	padding: 2px 10px;
	margin: 0 auto;
	border: 1px solid #888;
	overflow: auto;
	}

.ajaxFrame {
	margin: 0 auto;
	padding: 0px;
	}
	
.ajaxPopup a {
	text-decoration: none;
	/* color: #0099FF; */
	}
	
.ajaxPopup a:hover {
	/* color: #333333; */
	text-decoration: none;
	}
	
/* order confirmation popup
.orderConfirm {
	position: relative;
	top: 124px;
	left: 0px;
	width: 1000px;
	height: 800px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	}
 */	
/* Confirmation popup box
#box {
	position: relative;
	background-color: #FFFFFF;
	margin: 0 auto;
	top: 210px;
	left: 0px;
	width: 500px;
	height: 500px;
	border: 1px solid;
	}
 */	
#boxImg {
	position: absolute;
	top: 10px;
	left: 220px;
	height: 80px;
	width: 80px;
	border: 5px solid;
	}
	
#msg {
	position: relative;
	display: block;
	padding: 10px;
	top: 50px;
	left: 10px;
	width: 200px;
	}
	
#jaKnop {
	position: absolute;
	top: 550px;
	left: 476px;
	height: 24px;
	width: 144px;
	padding-top: 4px;
	padding-left: 1px;
	display: block;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
	}
#jaKnop:active {
	padding-top: 5px;
	padding-left: 0px;
	}
	
#neeKnop {
	position: absolute;
	top: 550px;
	left: 80px;
	height: 24px;
	width: 144px;
	padding-top: 4px;
	padding-left: 1px;
	display: block;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
	}	
#neeKnop:active {
	padding-top: 5px;
	padding-left: 0px;
	}

/* styles used in the Kassa pages */
#checkout {
	position: relative;
	top: 0px;
	left: 0px;
	height: 490px;
	width: 600px;
	margin: 0 auto;
	padding-top: 30px;
	text-align: center;
	overflow: auto;
	}
	
#chkTable {	
	position: relative;
	width: 600px;
	margin: 0 auto;
	}
	
#chkTable td, #chkTable tr {	
	position: relative;
	height: 20px;
	}

.chkPrijs {
	position: relative;
	padding: 0px 3px;
	margin: 0px;
	width: 50px;
	text-align: right;
	}
	
.chkRight {
	text-align: right;
	}
		
.chkLeft {
	text-align: left;
	padding: 0px 3px;
	}

.chkMunt {
	text-align: right;
	padding: 0px 3px;
	width: 14px;
	}

.chkCenter {
	text-align: center;
	}

.chkSpace {
	height: 30px;
	}
	
.chkVak {
	width: 600px;
	text-align: left;
	}
	
.chkVak h3 {
	text-align: left;
	}
	
.chkDel {
	width: 20px;
	text-align: right;
	font-weight: bold;
	background-color: #FFFFFF;
	}
.chkDel a {
	color: #990000;
	text-decoration: none;
	}
	
/* besteloverzicht table widths */
#bestel {
	width: 45px;
	}

#naam {
	width: 400px;
	overflow: hidden;
	}

#aantal {
	width: 66px;
	}

#btw {
	width: 45px;
	}

#btw2 {
	width: 45px;
	}

#prijs {
	width: 40px;
	}
.meerInfo {
	text-decoration: none;
	}

/* Checkout buttons */	
#buttons {
	position: relative;
	width: 600px;
	padding: 0px;
	margin: 0px;
	padding-top: 16px;
	}
	
#vorige {
	position: relative;
	text-align: left;
	}
	
#btnVorg {
	position: absolute;
	display: block;
	top: 1px;
	left: 1px;
	width: 144px;
	height: 29px;
	text-align: center;
	text-decoration: none;
	padding-top: 4px;
	padding-left: 1px; 
	}

#btnVorg:active {
	padding-top: 5px;
	padding-left: 0px; 
	}
		
#volgende {
	position: relative;
	text-align: left;
	}
	
#btnVolg {
	position: absolute;
	display: block;
	top: 0px;
	left: 450px;
	width: 144px;
	height: 29px;
	text-align: center;
	text-decoration: none;
	padding-top: 4px;
	padding-left: 1px;
	}
	
#btnVolg:active {
	padding-top: 5px;
	padding-left: 0px;
	}
	
/* Aantal adjuster controls */
.adjuster {
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 16px;
	width: 66px;
	}
	
.btnAdjMin, .btnAdjPls {
	position: absolute;
	top: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	}
	
.btnAdjMin {
	left: 0px;
	}
	
.btnAdjPls {
	left: 50px;
 	}
	
a.btnAdjMin, a.btnAdjPls {
	display: block;
	text-decoration: none;
	}

a.btnAdjMin:hover, a.btnAdjPls:hover {
	text-decoration: none;
	}
	
.adjAantal {
	position: absolute;
	border: 1px solid;
	top: 0px;
	left: 16px;
	width: 32px;
	height: 14px;
	margin: 0px;
	padding: 0px;
	}

/* Kassa progress bar*/
#kassaProgress {
	position: relative;
	top: 0px;
	padding: 0px;
	margin: 0 auto;
	width: 641px;	
	height: 80px;
	}

#kassaLine {
	position: absolute;
	top: 32px;
	left: 0px;
	height: 35px;
	width: 641px;
	background-image: url(/media/images/kassa_prog.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

#kassaMarker0, #kassaMarker1, #kassaMarker2, 
#kassaMarker3, #kassaMarker4 {
	position: absolute;
	top: 57px;
	padding-top: 13px;
	height: 30px;
	background-position: 35px 0px;
	background-repeat: no-repeat;
}
	
#kassaMarker0 {
	left: 0px;
	width: 40px;
	background-position: 0px 0px;
	text-align: left;
}

#kassaMarker1 {
	width: 80px;
	left: 130px;
	text-align: center;
	}
	
#kassaMarker2 {
	left: 294px;
	width: 80px;
	text-align: center;
	}
	
#kassaMarker3 {
	left: 438px;
	width: 80px;
	text-align: center;
	}
	
#kassaMarker4 {
	left: 580px;
	width: 46px;
	text-align: right;
	}


#kassaStep0,
#kassaStep1,
#kassaStep2,
#kassaStep3,
#kassaStep4 {
	position: absolute;
	top: 5px;
	left: 13px;
	width: 36px;
	height: 42px;
	background-image: url(/media/images/piece.png);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
#kassaStep1 {
	top: 7px;
	left: 160px;
	}

#kassaStep2 {
	top: 10px;
	left: 305px;
	}
	
#kassaStep3 {
	top: 8px;
	left: 448px;
	}

#kassaStep4 {
	top: 8px;
	left: 580px;
	}
	
.payTitle, .payLink {
	vertical-align: middle;
	}

.payTitle {
	width: 180px;
	}

.payLink {
	width: 240px;
	}
	
.btnPayment {
	position: relative;
	display: block;
	padding-top: 4px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
	top: 0px;
	left: 20px;
	width: 230px;
	height: 23px;
	text-align: center;
	text-decoration: none;
	}
	
.btnPayment:active {
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 2px;
	}
	
.selectBank {
	position: relative;
	top: 0px;
	left: 20px;
	}
	
/* Error information table, formatting */
.eTitle {
	vertical-align: top;
	text-align: left;
	padding-right: 10px; 
	width: 80px;
	}
	
	
/* Account registration input classes */
.inputErr {
	border: 1px solid #990000;
	}
	
.inputNormal {
	border: 1px solid #0099FF;
	z-index: 80;
	}
	
#inputPop {
	position: relative;
	visibility: hidden;
	display: block;
	}
	
.privacy {
	position: relative;
	padding: 0px;
	margin: 0 auto;
	top: 124px;
	left: 0;
	width: 660px;
	height: 600px;
	z-index: 99;
	text-align: right;
	overflow: auto;
	}
	
#privacy {	
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 600px;
	height: 600px;
	}
	
#privacy #btnVolg {
	position: relative;
	top: 4px;
	width: 144px;
	height: 29px;
	}
	
#gesloten {
	position: relative;
	top: 190px;
	height: 287px;
	background-image: url(/media/images/gesloten.gif);
	background-position: center 14px;
	background-repeat: no-repeat;
	margin: 0px;
	text-align: center;
	font-size: 20px;
	}
	
#idealLogo {
	position: absolute;
	left: 5px;
	top: 234px;
	}
	
	#FrameUpdate {
	position: relative;
	top: 20px;
	left: 185px;

	margin: 0px;
	padding: 0px;
	}