@charset "utf-8";
/* CSS Document */

#contentWebshop h2{
	color: #5e709a;
	font-weight: normal;
	font-size: 1.0em;
	padding: 0px;
	margin: 30px 0px 10px 7px; 
}

#webshop {
	padding: 5px 30px 30px 30px;
}

#webshop img{
	border: none;
	float: left;
}

.wijzig{
	margin: 8px 0px 8px 0px;
	background: url(../img/pijl_bw_lft_shop.gif) left center no-repeat;
	padding: 0px 0px 0px 10px;
}

.wijzig a{
	color: #333;
	text-decoration: none;
	border-bottom: 1px dashed #0066cc;
	font-size: .8em;
}

/* infobalk */
#infoBalk{
	background: url(../img/webshop/info_balk.jpg) right top no-repeat;
	height: 20px;
	padding: 0px 5px 0px 5px;
	position: relative;
}

#infoBalk h1{
	color: #0066cc;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
}
#besteltraject{
	position: absolute;
	left: 700px;
	height: 20px;
	top: 0px;
	background: #0066cc;
	color: #fff;
	height: 20px;
	padding: 0px 4px 0px 4px;
	margin: 0px;
	font-size: 0.8em;
	line-height: 20px;
	width: 80px;
}
#besteltrajectstappen{
	left: 790px;	
	top: 0px;
	height: 20px;
	width: 190px;
	position: absolute;
}
#besteltrajectstappen ul{
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#besteltrajectstappen img{
	display: inline;
	float: left;
}

#besteltrajectstappen ul li{
	float: left;
	display: inline;
	margin: 0px 6px 0px 6px;
	line-height: 20px;
	color: #0066cc;
	font-size:0.8em;
}

#besteltrajectstappen ul li a{
	color: #bfc6d7;
}


/* kies uw verzendmethode */
.forwardBut{
	background: url(../img/webshop/forward_but.gif) right top no-repeat;
	float: right;
	height: 21px;
	padding: 0px 13px 0px 0px;
}

.backBut{
	background: url(../img/webshop/back_but.gif) left top no-repeat;
	float: left;
	height: 21px;
	padding: 0px 0px 0px 13px;	
	margin: 0px 0px 30px 0px;
}
.submit{
	background: none;	
	border: none;
	color: #FFF;
	margin: 0px 0px 30px 0px;
}

/* kies uw card */
#kiesUwCard{
	padding: 0px 22px 30px 22px;
}

.bestelcards{
	margin: 8px;
	float: left;
	width: 296px;
	height: 156px;
	position: relative;
}
#bestelvrijetijd{ background: url(../img/webshop/vrijetijdcard_back.gif) no-repeat top left;}
#bestelshopping{ background: url(../img/webshop/shoppingcard_back.gif) no-repeat top left;}
#bestelsauna{ background: url(../img/webshop/saunacard_back.gif) no-repeat top left;}
#bestelverjaardag{ background: url(../img/webshop/verjaardagscard_back.gif) no-repeat top left;}
#bestelkerst{ background: url(../img/webshop/kerstcard_back.gif) no-repeat top left;}
#bestelkerstsleeve{ background: url(../img/webshop/kerstsleeve_back.gif) no-repeat top left;}
.bestelinhoud{
	position: absolute;
	left: 135px;
	top: 10px;
}
.bestelextra{
	position: absolute;
	left: 30px;
	top: 10px;
	width: 50px;
	color: #0066cc;
	font-size: 12px;
}
.bestelinhoudTop{
	float: left;
	width: 40px;
	
	height: 14px;
	color: #0066cc;
	font-size: 12px;
	margin: 0px 30px 3px 10px;
}
.bestelinhoudPrijs{
	float: left;
	width: 40px;
	height: 20px;
	line-height: 20px;
	color: #5e709a;
	font-size: 12px;
	margin: 0px 30px 5px 10px;
	text-align: center;
}
.bestelinhoudInput{
	float: left;
	width: 30px;
	height: 20px;
	color: #333;
	font-size: 12px;
	margin: 0px 30px 5px 10px;
}
.bestelinhoudInput input{
	width: 30px;
	margin: 1px 0px 0px 0px; 
	color: #333;
	font-size: 12px;
	height: 13px;
	border: 1px solid #bfc6d7;
	text-align: center;
}

/* gegevensformulier en overzicht bestelling */

#webshopLeft{
	float: left;
	width: 446px;
	background: url(../img/rondehoeken_top.gif) top left no-repeat #f0f3fa;
	padding: 12px 0px 0px 0px;
}

#webshopLeftFlash{
	float: left;
	width: 560px;
	height: 420px;
	background: #f0f3fa;
}

#webshopRight{
	float: right;
	width: 446px;
	background: url(../img/rondehoeken_top.gif) top left no-repeat #f0f3fa;
	padding: 12px 0px 0px 0px;
}
#webshopRightSmal{
	float: right;
	width: 332px;
	background: url(../img/rondehoeken_top.gif) top left no-repeat #f0f3fa;
	padding: 12px 0px 0px 0px;
}

.webshopBottom{
	background: url(../img/rondehoeken_bottom.gif) top left no-repeat;
	margin: 10px 0px 0px 0px;
	height: 8px;
}
.webshopContent{
	padding: 0px 12px 0px 12px;
}
.webshopContentSmal{
	padding: 0px 12px 0px 12px;
	height: 391px;
}
.webshopContent textarea,.webshopContentSmal textarea{
	width: 300px;
	height: 90px;
	border: 1px solid #5e709a;
	color: #5e709a;
	margin: 6px 0px 12px 0px;
}

.webshopContentSmal select{
	width: 80px; 
	padding: 0px; 
	color: #5e709a; 
	font-size: 12px; 
	height: 16px; 
	border: 1px solid #bfc6d7; 
}
.webshopContentSmal input{
	width: 200px; 
	padding: 0px; 
	color: #5e709a; 
	font-size: 12px; 
	height: 16px; 
	border: 1px solid #bfc6d7; 
}
.webshopContent h3,.webshopContentSmal h3{
	font-size: 0.9em;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font-weight: bold;
	color: #0066cc;
}
.webshopContent h4,.webshopContentSmal h4{
	font-size: 0.8em;
	padding: 7px 0px 2px 0px;
	margin: 0px;
	font-weight: bold;
	color: #5e709a;
}
.WebshopOverzicht{
	height: 18px;
	margin: 4px 0px 4px 0px;
	padding: 2px 0px 2px 2px;
	background: #fff;
	position: relative;
	width: 422px;
	font-size:12px;
	color: #5e709a;
}

.WebshopOverzicht img{border: none; margin: 0px 10px 0px 0px }
.WebshopOverzicht input{width: 30px; margin: 0px 14px 0px 0px; padding: 0px; color: #5e709a; font-size: 12px; height: 16px; border: 1px solid #bfc6d7; text-align: center; display: inline;}
.WebshopOverzicht span{	line-height:18px;}

.WebshopOverzichtProduct{
	position: absolute;
	left: 120px;
	top: 2px;
	width: 230px;
	height: 18px;
	line-height:18px;
}
.WebshopOverzichtPrijs{
	position: absolute;
	left: 360px;
	top: 2px;
	width: 55px;
	height: 18px;
	line-height:18px;
	color: #5e709a;
	text-align: right;
}
.WebshopOverzichttotaalPrijs{
	position: absolute;
	left: 190px;
	top: 2px;
	width: 55px;
	height: 18px;
	line-height:18px;
	color: #5e709a;
	text-align: right;
}
.totaal{
	margin: 10px 0px 0px 170px;
	padding: 2px 0px 2px 2px;
	background: #FFF;
	height: 18px;
	width: 254px;
	font-weight: normal;
	font-size:12px;
	color: #5e709a;
	font-weight: bold;
	line-height: 22px;
	position: relative;
}

.WebshopForm{
	position: relative;
	width: 422px;
	height: 20px;
	line-height: 20px;
	color: #5e709a;
	font-size: 12px;
	margin: 5px 20px 5px 0px;
}

.WebshopForm .input{
	padding: 0px; 
	width: 275px;
	color: #5e709a; 
	font-size: 12px; 
	height: 16px; 
	border: 1px solid #bfc6d7; 
	text-align: left; 
	display: inline;
}
.WebshopForm .radio{
	padding: 0px; 
	width: 275px;
	color: #5e709a; 
	font-size: 12px;
	line-height: 12px;
	float: left;
	position: absolute;
	top: 0px;
	left: 125px;
}

.WebshopForm label{
	padding: 0px 5px 0px 0px; 
	text-align: right;
	width: 120px;
	display: block;
	float: left;
}

.e-cardsThumb{
	width: 65px;
	height: 75px;
	float: left;
	margin: 5px 0px 5px 0px;
	background: #bfc6d7;
}
.e-cardsThumb a{
	line-height: normal;
	margin: 0px 0px 0px 1px;
	color: #FFF;
	font-size: 11px;
}
.e-cardsThumbMarg{
	width: 16px;
	height: 75px;
	float: left;
	margin: 5px 0px 5px 0px;
}

/* kies uw cheriocard */

.titelKiesuwcard{
	width: 205px;
	float: left;
}

.contentKiesuwcard{
	background: #FFF;
	width: 201px;
	float: left;
	padding: 4px 0px 4px 4px;
	height: 110px;
}
.contentUwcard{
	background: #FFF;
	width: 410px;
	clear: both;
	padding: 6px;
	height: 110px;
}

.contentUwcard p{
	font-size: 0.8em;
	padding: 0px;
	margin: 0px;
	color: #5e709a;
}
.contentUwcard h4{
	font-size: 0.8em;
	font-weight: bold;
	padding: 0px 0px 4px 0px;
	color: #5e709a;
}

.contentUwcard h5{
	font-size: 0.8em;
	font-weight: normal;
	padding: 0px 0px 4px 0px;
	color: #5e709a;
}

.contentKiesuwcard label{
	color: #5e709a;
	font-size: 0.8em;
}