#site {
	padding-bottom: 95px;
}

#left #recent {
	margin-top: 7px;
}

#left #recent table td {
	height: 37px;
	line-height: 28px;
	width: 276px;
	vertical-align: top;
}

#left #recent table td.veld {
	background: url(../images/template/bg_input.jpg) 0 -112px no-repeat;
}

#left #recent table td.veld .text {
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	margin: 6px 14px 0 7px;
	width: 135px;
	border: 0;
	color: #a5a5a5;
}

#left #recent table td .fout {
	width: 140px;
	height: auto;
	position: relative;
	float: left;
	margin: 18px 0 12px 10px;
	color: #cc2900;
}

#left #recent table .button {
	font: bold 11px/34px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-indent: 3px;
	text-align: left;
	text-decoration: none;
	color: #fff;
	background: url(../images/template/button_nuinschrijven.jpg) 0 -81px no-repeat;
	height: 37px;
	border: 0;
	width: 84px;
	display: block;
	float: left;
	margin: 10px 0 0 0;
	cursor: pointer;
}

#middle.details {
	width: 702px;
	margin-left: 20px;
	padding-bottom: 30px;
}

#middle.details #titel h1 {
	width: 525px;
}

#informatie {
	width: 702px;
	height: auto;
	position: relative;
	float: left;
	margin-bottom: 35px;
}

#fotos {
	width: 320px;
	height: 398px;
	position: relative;
	float: left;
	background: url(../images/template/bg_kader_foto.jpg) 0 0 no-repeat;
}

#fotos .big {
	width: 320px;
	height: 328px;
	position: relative;
	float: left;
}

#fotos .big .foto {
	width: 320px;
	height: 328px;
	position: relative;
	float: left;
	overflow: hidden;
	display: table;
}

#fotos .big .center_big {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#fotos .big .center_big a {
	width: auto;
	height: auto; 
	position: relative;
	margin: 0 auto;
}

#fotos .thumbs {
	width: 320px;
	height: 59px;
	position: relative;
	float: left;
	margin-top: 12px;
}

#fotos .thumbs .item {
	width: 63px;
	height: 59px;
	position: relative;
	float: left;
	overflow: hidden;
	margin-right: 9px;
	background: url(../images/template/bg_kader_thumb.jpg) 0 0 no-repeat;
	cursor: pointer;
}

#fotos .thumbs .item .foto {
	width: 63px;
	height: 59px;
	position: relative;
	float: left;
	overflow: hidden;
	display: table;
}

#fotos .thumbs .item .foto .center {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#kenmerken {
	width: 343px;
	height: auto;
	position: relative;
	float: right;
}

#kenmerken h2 {
	font: 18px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #4a4a4a;
	margin: 8px 0;
}

#kenmerken p {
	color: #999;
	margin: 0 0 35px 0;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
}

#kenmerken table td {
	font: 12px/23px Arial, Helvetica, sans-serif;
	vertical-align: text-top;
}

#kenmerken table td strong {
	font: bold 12px/23px Arial, Helvetica, sans-serif;
}

#kenmerken table col.col1 {
	width: 115px;
}

#kenmerken table col.col2 {
}

#kenmerken table td.maten {
	text-transform: uppercase;
}

#kenmerken table td.prijs {
	font: bold 19px/32px Arial, Helvetica, sans-serif;
}

#kenmerken table td span {
	width: 100px;
	height: 16px;
	margin-bottom: -2px;
	display: block;
}

#kenmerken table td span.vierentwintig {
	background: url(../images/template/bezorgen/duratie.gif) right 0 no-repeat;
}

#kenmerken table td span.achtenveertig {
	background: url(../images/template/bezorgen/duratie.gif) right -16px no-repeat;
}

#kenmerken table td span.tweetotdrie {
	background: url(../images/template/bezorgen/duratie.gif) right -32px no-repeat;
}

#kenmerken table td span.drietotvijf {
	background: url(../images/template/bezorgen/duratie.gif) right -47px no-repeat;
}

#kenmerken table td span.vijftottien {
	background: url(../images/template/bezorgen/duratie.gif) right -63px no-repeat;
}

#normeringen {
	width: 181px;
	height: auto;
	position: relative;
	float: left;
	background: url(../images/template/bg_normeringen.jpg) 0 0 no-repeat;
	padding: 0 0 7px 25px;
}

#normeringen .bottom {
	width: 206px;
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/template/bg_normeringen_bottom.jpg) 0 0 no-repeat;
}

#normeringen h3 {
	font: bold 13px/13px Arial, Helvetica, sans-serif;
	color: #2d2d2d;
	text-transform: uppercase;
	margin: 25px 0 22px 0;
}

#normeringen .norm {
	width: 28px;
	height: 37px;
	float: left;
	margin: 0 12px 12px 0;
	cursor: help;
}

#normeringen .norm.en533 {
	background: url(../images/template/normen/en533.gif) 0 0;
}

#normeringen .norm.en342 {
	background: url(../images/template/normen/en342.gif) 0 0;
}

#normeringen .norm.en343 {
	background: url(../images/template/normen/en343.gif) 0 0;
}

#normeringen .norm.en471 {
	background: url(../images/template/normen/en471.gif) 0 0;
}

#normeringen .norm.en1149 {
	background: url(../images/template/normen/en1149.gif) 0 0;
}

#normeringen .norm.en1149-1 {
	background: url(../images/template/normen/en1149_1.jpg) 0 0;
}

#normeringen .norm.en1149-2 {
	background: url(../images/template/normen/en1149_2.jpg) 0 0;
}

#normeringen .norm.en1149-3 {
	background: url(../images/template/normen/en1149_3.jpg) 0 0;
}

#normeringen .norm.en1149-5 {
	background: url(../images/template/normen/en1149_5.jpg) 0 0;
}

#normeringen .norm.en531 {
	background: url(../images/template/normen/en531.gif) 0 0;
}

#normeringen .norm.en470-1, #normeringen .norm.EN470 {
	background: url(../images/template/normen/en470-1.gif) 0 0;
}

#normeringen .norm.en13034 {
	background: url(../images/template/normen/en13034.gif) 0 0;
}

#normeringen .norm.en345, #normeringen .norm.en345s1p, #normeringen .norm.en345s2, #normeringen .norm.en345s3 {
	background: url(../images/template/normen/en346.gif) 0 0;
}

#normeringen .norm.en347, #normeringen .norm.en34701, #normeringen .norm.en34702, #normeringen .norm.en34703,
#normeringen .norm.en150, #normeringen .norm.en943-1, #normeringen .norm.en466, #normeringen .norm.en1511,
#normeringen .norm.en465, #normeringen .norm.en1512, #normeringen .norm.en13982, #normeringen .norm.en467, 
#normeringen .norm.en1513, #normeringen .norm.en381-5, #normeringen .norm.en1073, #normeringen .norm.en469,
#normeringen .norm.en468, #normeringen .norm.en463, #normeringen .norm.en812, #normeringen .norm.en511, 
#normeringen .norm.en61482 {
	background: url(../images/template/normen/algemeen.gif) 0 0;
}

/* tooltip */

.tip {
	width: 260px;
	padding-top: 38px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 1000;
	background: transparent url(../images/template/tooltip/tipTop.png) no-repeat 0 0;
}
	
.tipMid {
	background: transparent url(../images/template/tooltip/tipMid.png) repeat-y; 
	padding: 10px 45px 18px 45px;
	font: normal 12px/19px Arial, Helvetica, sans-serif;
}

.tipBtm {
	background: transparent url(../images/template/tooltip/tipBtm.png) no-repeat 0 bottom;
	height: 45px;
}

.tipMid strong {
	font: bold 16px/17px Arial, Helvetica, sans-serif;
	display: block;
	height: 20px;m
	width: 240px;
	margin-bottom: 15px;
}

/* overige functies */

#normeringen .overigefuncties {
	width: 181px;
	height: auto;
	position: absolute;
	bottom: -105px;
	left: 25px;
}

#normeringen .overigefuncties .print, #normeringen .overigefuncties .fout,
#normeringen .overigefuncties .normeringen, #normeringen .overigefuncties .offerte {
	height: 17px;
	padding-left: 25px;
	display: block;
	background: url(../images/template/bg_overigefuncties.gif) 0 0 no-repeat;
	font: normal 11px/17px Arial, Helvetica, sans-serif;
	color: #999;
	margin-bottom: 5px;
}

#normeringen .overigefuncties .fout {
	background: url(../images/template/bg_overigefuncties.gif) 0 -17px no-repeat;
}

#normeringen .overigefuncties .normeringen {
	background: url(../images/template/bg_overigefuncties.gif) 0 -32px no-repeat;
}

#normeringen .overigefuncties .offerte {
	background: url(../images/template/bg_overigefuncties.gif) 0 -50px no-repeat;
}

#hoeveelheid {
	width: 466px;
	height: auto;
	position: relative;
	float: right;
	z-index: 2;
}

.artikel {
	width: 466px;
	height: auto;
	position: relative;
	float: left;
	margin-bottom: 15px;
	z-index: 2;
}

.artikel .nvt {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	cursor: not-allowed;
}

.artikel .nvt.size {
	width: 185px;
	height: 28px;
	margin-right: 195px;
	background: url(../images/template/bg_nvt_detail.jpg) no-repeat 0 0;
}

.artikel .nvt.color {
	width: 180px;
	height: 28px;
	background: url(../images/template/bg_nvt_detail.jpg) no-repeat right 0;
}

.artikel .nvt.sizecolor {
	width: 381px;
	height: 28px;
	background: url(../images/template/bg_nvt_detail.jpg) no-repeat 0 0;
}

.artikel .aantal, .artikel .maat, .artikel .kleurkader {
	height: 28px;
	position: relative;
	float: left;
	z-index: 2;
}

.artikel .aantal {
	width: 75px;
	background: url(../images/template/bg_input_aantal.gif) right 0 no-repeat;
}

.artikel .maat {
	width: 169px;
	margin-left: 27px;
}

.artikel .maat div.selectbox-wrapper, .artikel .kleurkader div.selectbox-wrapper {
	position: relative;
}

.artikel .kleurkader {
	width: 170px;
	margin-left: 25px;
}

.artikel .aantal label, .artikel .maat label, .artikel .kleurkader label {
	font: bold 12px/28px Arial, Helvetica, sans-serif;
	float: left;
	margin-right: 10px;
}

.artikel .kleurkader .selectbox_kleuren {
	float: left;
	width: 100px;
}	

.artikel .aantal input {
	width: 20px;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	height: 25px;
	color: #333;
	border: 0;
	float: right;
	margin: 5px 5px 0 0;
	text-align: center;
	background: none;
	z-index: 1;
}

.artikel.nobg * {
	color: #999;
	z-index: 1;
}

.artikel.nobg label {
	color: #666;
}

.artikel.nobg .aantal {
	background: none;
}

.artikel.nobg .maat {
	width: 100px;
	margin-left: 27px;
}

.artikel.nobg .kleurkader {
	width: 238px;
}

.artikel.nobg .kleurkader .verwijderartikel {
	position: relative;
	float: right;
	margin: 5px 0px 0px 0px;
	cursor: pointer;
}

.artikel .kleurkader .kleurtitel, .select .kleurtitel, .aantal .kleurtitel {
	position: relative;
	float: left;
	height: 27px;
	line-height: 27px;
	color: #999;
	margin-left: 7px;
	overflow: hidden;
}

.aantal .kleurtitel {
	text-indent: 4px;
	margin-top: 1px
}

.meertoevoegen {
	width: 288px;
	height: 28px;
	position: relative;
	float: right;
	margin-top: 15px;
	z-index: 1;
}

.meertoevoegen a {
	font: normal 11px/28px Arial, Helvetica, sans-serif;
	color: #999;
	padding-right: 25px;
	background: url(../images/template/bg_toevoegen.gif) right 7px no-repeat;
	height: 28px;
	width: 200px;
	display: block;
	float: right;
	position: relative;
	z-index: 1;
}

.toevoegenwinkelwagen {
	width: 288px;
	height: 37px;
	position: relative;
	float: right;
	margin-top: 30px;
}

.toevoegenwinkelwagen input {
	font: bold 11px/35px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-indent: 12px;
	text-align: left;
	text-decoration: none;
	color: #fff;
	background: url(../images/template/button_voegtoe.jpg) 0 0 no-repeat;
	height: 37px;
	width: 227px;
	float: right;
	border: 0;
	cursor: pointer;
}

.blockUI {
	cursor: default;
}

#meldeenfout {
}

#meldeenfout table {
	width: 360px;
	height: auto;
	margin: 20px 30px 30px 30px;
}

#meldeenfout h3 {
	font: bold 15px/15px Arial, Helvetica, sans-serif;
	margin: 23px 0 0 30px;
}

#meldeenfout td {
	height: 37px;
	line-height: 28px;
	width: 276px;
	vertical-align: top;
	font: normal 13px/20px Arial, Helvetica, sans-serif;
}

#meldeenfout td.icon {
	padding: 5px 0px 0px 5px;
}

#meldeenfout td.veld {
	background: url(../images/template/bg_input_nieuwsbrief.gif) 0 0 no-repeat;
	position: relative;
	vertical-align: top;
	height: 10px;
	padding: 5px 0 0 7px;
}

#meldeenfout .fout {
	width: 150px;
	height: auto;
	padding-top: 10px;
	position: relative;
	float: left;
	margin: 0;
	background: none;
	color: #cc2900;
}

#meldeenfout td.veld .text {
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	margin: 0;
	width: 138px;
	overflow: hidden;
	border: 0;
	color: #a5a5a5;
	position: relative;
	float: left;
}

#meldeenfout td.veld .text.fout {
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	margin: 0;
	width: 138px;
	overflow: hidden;
	border: 0;
	padding: 0;
	color: #a5a5a5;
	position: relative;
	float: left;
}

#meldeenfout td.veld textarea {
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	width: 230px;
	height: 50px;
	padding: 5px;
	border: 0;
	color: #a5a5a5;
	position: relative;
	float: left;
	background: url(../images/template/bg_textarea_fout.jpg) 0 0 no-repeat;
}

#meldeenfout td .button {
	font: bold 11px/23px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	width: 132px;
	height: 37px;
	background: url(../images/template/button_verzenden.jpg) 0 0 no-repeat;
	border: 0;
	display: block;
	float: left;
	margin-top: 10px;
	cursor: pointer;
}

#meldeenfout .close {
	width: 22px;
	height: 22px;
	background: url(../images/template/button_close_melding.png) 0 0 no-repeat;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}