#article{
	width:650px;
}

#article .bold{
	font-weight: bold;
}
#article dd{
	display: block;
}
#article .title{
	margin-bottom:10px;
	font-weight:bold;
	height:21px;
}

#article .title *{
	float:left;
	display:block;
	border-width:0px;
	margin-right:8px;
}

#article .title p{
	padding-top:3px;
}
#article .nomargin{
	margin:0px;
}

/*
PJ's
*/

#article .subgroepen {
	width:300px;
	float:left;
	border-width:0xp;
	margin-bottom:20px;
}

#article .complete {
	width:650px;
	clear:both;
}

#article .complete p {
	margin:4px 2px 10px 6px;
}

#article .complete .spectable {
	margin:4px 2px 10px 6px;
}

#article .complete .spectable td {
	height: 15px;
}

#article .big2 {
	width:340px;
	float:left;
	margin-bottom:20px;
	margin-left:10px;
}

#article .big p {
	margin:0px 0px 6px 0px;
}

#article .big2 p {
	margin:6px 2px 0px 6px;
}

#container #content #article div table tr td ul {
	margin: 0px 0px 0px -5px;
	padding: 0px;
}
#container #content #article div table tr td ul li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	list-style-type:circle;
	list-style:circle;
}
#article .subgroepen strong, #article .big2 strong, #article .complete strong, #article .small_left strong  {
	display:block;
	background-color:#ccc;
	padding:1px 2px 1px 5px;
	border-bottom:1px solid #666;
	margin:0px;
}

#article .subgroepen .thumb {
	width:140px;
	float:left;
	margin:10px 4px 0px 4px;
	border:solid 1px #fff;
}
#article .subgroepen .thumb2 {
	width:140px;
	float:right;
	margin:10px 4px 0px 4px;
	border:solid 1px #fff;
}
#article .thumbinfo {
	float:left;
}
#article .thumb3  {
	float: right;
}
#article .thumb3 img {
	width:134px;
	margin:2px;
	text-align: right;
}

#article .clickable  td {
	cursor:pointer;
}

#article .small .productfoto {
	width:190px;
	margin:6px 0px 6px 0px;
	/*border: 1px solid #999;*/
}

#article .complete .accessoires {
	width:100px;
	border:1px solid #999;
}

#article div a.pdf2 {
	padding-left:20px;
	background-image:url('/assets/icons/pdf.png');
	background-repeat:no-repeat;
	display:block;
	margin:2px 0 4px 0px;
}

#article .subgroepen .thumb strong, #article .subgroepen .thumb2 strong {
	text-align:center;
	border-top:1px solid #666;
	border-bottom:none;
	margin:0px;
}	

#article .subgroepen .thumb img, #article .subgroepen .thumb2 img {
	width:134px;
	margin:2px;
}

#article .small_left img {
	width:200px;
}

#article .small{
	width:190px;
	float:left;
	margin-bottom:20px;
}
#article .small2{
	width:250px;
	float:left;
	margin-bottom:20px;
}

#article .big{
	width:450px;
	float:left;
	margin-bottom:20px;
}
#article .big table tr td.specheader{
	width: 230px;
	background-color:#eee;
	border-bottom:1px solid #fff;
}

/* verlichting explosiebeveiliging */
#article .exsmall{
	width:190px;
	float:left;
	margin-bottom:10px;
}
#article .exdescsmall{
	width:190px;
	float:left;
	margin-bottom:4px;
}
#article .exzonesmall{
	width:60px;
	float:left;
	margin-bottom:10px;
}
#article .exbig{
	width:580px;
	float:left;
	margin-bottom:10px;
}
#article .big .exspecheader {
	width: 130px;
	background-color:#eee;
	border-bottom:1px solid #fff;
}
#article .exinfobig{
	width:415px;
	float:left;
	margin-bottom:4px;
}
#article .exzonesmall .zone {
	margin: 2px 0px 0px 10px;
	font-weight: bold;
}
#article * ul li.ok{
	padding:0px 0px 0px 0px;
	background-image:url('/assets/icons/tick.png');
	background-repeat:no-repeat;
	background-position: right;
	width:40px;	
}

#article * ul li.nok{
	padding:0px 0px 0px 0px;
	background-image:url('/assets/icons/cross.png');
	background-repeat:no-repeat;
	background-position: right;
	width:40px;
}
#article .exsmall strong, #article .exdescsmall strong, #article .exbig strong, #article .exinfobig strong, #article .exzonesmall strong{
	display:block;
	background-color:#ccc;
	padding:1px 2px 1px 5px;
	border-bottom:1px solid #666;
}
#article .exsmall .thumb {
	width:180px;
	margin:5px 4px 0px 4px;
	border:solid 1px  #fff;
}
#article .big .eximgid{
	width: 20px;
	color: #fff;
	background-color: #999999;
	text-align: center;
	font-weight: bold;
	border: 1px solid #666666;
	margin: 2px 0px 0px 0px;
}
#article .big .exmaatthumb{
	float: left;
}
#container #content #article #extabs .extabtable{
	padding: 0px;
	margin: 0px !important;
	width: 100%;
}
#container #content #article #extabs .extabtable td{
	padding: 0px 4px 0px 4px;
	margin: 0px;
	border-top: 1px solid #fff;
	border-right: 1px solid #aba;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	background-color: #f5e601;
	vertical-align: middle;
}
#container #content #article #extabs .extabtable td.extabactive{
	padding: 0px 4px 0px 4px;
	margin: 0px;
	border-bottom: 0px solid #CCCCCC;
	background-color: #f49120;
}
#container #content #article #extabs .extabtable td a{
	/*float: left;*/
	display: block;
	margin:0px;
	padding: 3px 0px 3px 0px;
	color: #333333;
	/*background-color: #ddd;
	border-top: 1px solid #666;
	border-right: 0px solid #666;
	border-bottom: 0px solid #666;
	border-left: 1px solid #666;*/
	text-decoration: none;
	text-align: center;
}
#container #content #article #extabs .extabtable td a:hover{
	color: #FFFFCC;
}
#container #content #article #extabs .extabtable td.extabactive a{
	/*float: left;*/
	display: block;
	margin:0px;
	padding: 3px 0px 3px 0px;
	color: #FFFFCC;
	/*
	background-color: #ddd;
	border-top: 1px solid #666;
	border-right: 0px solid #666;
	border-bottom: 0px solid #666;
	border-left: 1px solid #666;
	*/
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
#article #extabs p{
	padding: 2px;
}
#article #extabs .desctoeb{
	vertical-align:top;
	float: left;
}
#article #extabs a.exthumbtoeb, #article #accordeon a.exthumbtoeb{
	vertical-align:top;
	float: right;
	margin: 5px 5px 0px 0px;
}
#article #extabs .extabbar{
	display:block;
	height: 22px;
}
#article .exsmall ul .aanvsubheader{
	list-style: none;
	background-image: none;
	background:#eee;
	padding: 0px 0px 0px 6px;
	border-bottom: 1px solid #FFFFFF;
}
#container #content #article .complete tr .extblleftheader, #container #content #article .complete tr .extbltoptheader {
	color:#fff;
	background-color:#999;
	text-align:center;
	border-left:1px solid #BBBBBB;
	border-right:1px solid #999999;
	height:18px;
	margin:0px;
	padding:1px 4px 0px;
}
#container #content #article .complete tr .extblleftheader {
	border-top:0px solid #BBBBBB;
	border-right:1px solid #999999;
	border-bottom:1px solid #BBBBBB;
	border-left:1px solid #999999;
	width: 60px;
}
#container #content #article .complete tr .extbltoptheader {
	vertical-align: middle; 
}
#container #content #article .complete tr .extbldata{
	text-align: center;
}
#container #content #article .complete tr .extbllightblue{
	text-align: center;
	background-color: #d0ccef;
	width: 20px;
}
#container #content #article .complete tr .extblblue{
	text-align: center;
	background-color: #003263;
	width: 20px;
}
#container #content #article .complete tr .extbldata a{
	text-decoration: none;
	color: #333333;
}
#container #content #article .complete tr .extbldata a:hover{
	color: #0066FF;
}
#container #content #article .exkruis table thead tr th{
	text-align: center;
}
#container #content #article .complete .exkruisdesc, #container #content #article .complete .exkruisbestc, #container #content #article .complete .exkruiscert{
	float: left;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	color: #333333;
}
#container #content #article .complete .exkruisdesc span, #container #content #article .complete .exkruisbestc span, #container #content #article .complete .exkruiscert span{
	font-size: 9px;
	color: #0099CC;
}
#container #content #article .complete .exkruisdesc div, #container #content #article .complete .exkruisbestc div, #container #content #article .complete .exkruiscert div{
	background-color: #FFFFFF;
	border: 1px solid #0099CC;
	margin: 0px 0px 4px 0px;
	padding: 2px 5px 2px 5px;
	width: 450px;
}
#container #content #article .complete .exkruisbestc div{
	width: 100px;
}
#container #content #article .complete .exkruiscert div{
	width: 332px;
}
/* end */

#article .big strong, #article .small strong, #article .small2 strong{
	display:block;
	background-color:#ccc;
	padding:1px 2px 1px 5px;
	border-bottom:1px solid #666;
}

#article .left{
	margin-right:10px;
}
#article .bottom{
	margin-bottom:6px;
}

#article * ul{
	margin:0px;
	padding:0px;
}

#article * ul li{
	list-style-type:none !important;
	background-image:url('/assets/icons/bullet_black.png');
	background-repeat:no-repeat;
	padding:0px 0px 0px 18px;
	margin:0px;
}

#container #content #article div dl{
	width:450px;
	overflow:hidden;
}

#container #content #article div dl dt{
	background-color:transparent;
	background-image:none;
	text-indent:0px;
	color:#000;
	float:left;
	clear:left;
	width:140px;
	padding:0px;
	padding-right:10px;
	margin:0px;
	border-top:1px solid #ccc;	
}

#container #content #article div dl dd{
	color:#000;
	float:left;
	clear:right;
	width:280px;
	padding:0px;
	padding-right:10px;
	margin:0px;	
	border-top:1px solid #ccc;
	outline:1px dotted #0cf;
}
#container #content #article div table {
	margin-bottom: 10px;
}
#container #content #article div table tr th {
	border-right: 1px solid #999;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #aaa;
	color: #fff;
}
#container #content #article div table tr th a {
	color: #fff;
	text-decoration: none;
	border: 0px;
}
#container #content #article div table tr th a:hover {
	color: #ff6;
	text-decoration: none;
	border: 0px;
}
#container #content #article div table tr td, #container #content #article div table tr th{
	vertical-align:top;
	text-align: left;
}

#container #content #article div table tr td.alt1{
	background-color:#f7f7f7;
}

#container #content #article div table tr td.alt2{
	background-color:#dedfdf;
}

#container #content #article div table tr.alt1{
	background-color:#f7f7f7;
}

#container #content #article div table tr.alt2{
	background-color:#dedfdf;
}
#container #content #article div table tr.activerow { 
	background-color: #FFFF66;
}

#container #content #article div table tr.alt1 td, #container #content #article div table tr.alt2 td, #container #content #article div table tr.activerow td {
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding: 1px 4px 0px 4px;
	margin: 0px;
	height: 18px;
}

#container #content #article div table tr th{
	font-weight:bold;
	background-color:#999;
	text-align: left;
	padding-left: 4px;
	/*white-space: nowrap;*/
}

#container #content #article div table tr td.label{
	font-weight:bold;
	border-bottom:solid 1px #000;
	height:24px;
	vertical-align:bottom;
}

.middle{
	text-align:center;
}

#container #content #article div a.pdf{
	padding-left:20px;
	background-image:url('/assets/icons/pdf.png');
	background-repeat:no-repeat;
	display:block;
	float:left;
	margin-top:5px;
}

#container #content #article .btwinfo {
	width: 100%;
	text-align: right;
	font-style: oblique;
	color: #0033CC;
	margin: -10px 0 0 0;
	padding: 0;
}
#container #content #article .bestc {
	width: 120px;
}
#container #content #article .prijsc {
	width: 65px;
	max-width: 65px;
	text-align: right;
}


/***************************/
/******* colapse menu *****  not used anymore */
/***************************/
#container #content #article dl#expcol, #container #content #article dl#expcol2{
	width:100%;
	overflow:hidden;
}

#container #content #article dl#expcol dt, #container #content #article dl#expcol2 dt{
	background-color:transparent;
	background-image: none;
	text-indent:0px;
	color:#000;
	float:none;
	clear:none;
	width:100%;
	padding:0px;
	margin:0px;
	border:0px;
}

#container #content #article dl#expcol dd, #container #content #article dl#expcol2 dd{
	color:#000;
	float:none;
	clear:none;
	width:100%;
	padding:0px;
	margin:0px;	
	border:0px;	
	outline:0px;
	overflow:hidden;
	display: block;
}
#container #content #article dl#expcol dt .kopen {
	background-color: #FF9900;
	background-repeat: no-repeat;
	background-position:right;
	cursor: default;
}
#container #content #article dl#expcol dt .open {
	background: #FF9900 url(../assets/down.png);
	background-repeat: no-repeat;
	background-position:right;
}
#container #content #article dl#expcol dt .close {
	background: #CCC url(../assets/right.png);
	background-repeat: no-repeat;
	background-position:right;
}
#container #content #article dl#expcol2 dt {
	width: 98%;
}
#container #content #article dl#expcol2 dd {
	width: 98%;
}
#container #content #article dl#expcol2 dt .open {
	background: #FFCC00 url(../assets/down.png);
	background-repeat: no-repeat;
	background-position:right;
}
#container #content #article dl#expcol2 dt .close {
	background: #DDD url(../assets/right.png);
	background-repeat: no-repeat;
	background-position:right;
}

/*lightbox table*/
#lightboxDetails table{
	width: 400px;
	border: 1px solid #FFFFFF;
}
#lightboxDetails table tr td{
	text-align:left;
	vertical-align:top;
	border-color:#FFFFFF rgb(204, 204, 204) rgb(204, 204, 204) rgb(255, 255, 255);
	border-style:solid;
	border-width:1px;
	height:18px;
	margin:0px;
	padding:1px 4px 0px;
}
#lightboxDetails table tr th{
	background-color:#999999;
	font-weight:bold;
	padding-left:4px;
	text-align:left;
	border-left:1px solid #BBBBBB;
	border-right:1px solid #999999;
	border-top:0px solid #BBBBBB;
	border-bottom:0px solid #BBBBBB;
	color:#FFFFFF;
	margin: 0px;
}