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

body {
	background-image:url(../images/backgroundTop.jpg);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	background-color: #eeeeee;
	margin-top: 0;
	margin-bottom: 0;
	#margin-top: -25px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 22px;
}
a {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
#container {
	background-image:url(../images/contentBackground.jpg);
	margin-right: auto;
	margin-left: auto;
	width: 975px;
	height: auto;
	z-index: 1;
	margin-top: 0px;
}
#header {
	background-image:url(../images/headerBackground.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 975px;
	min-height: 538px;
	z-index: 2;
}
#header p#hdr {
	display: block;
	position: absolute;
	font-weight: bold;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 76px;
	margin-left: 348px;	
	width: 359px;
}
	   
	#header p#hdr u {
		clear: both;
		float: right;
		margin-top: 45px;
		#margin-top: 25px;
		display: block;
		font-size: 14px;
		text-decoration: none;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0){
		#header p#hdr u {
		  margin-top: 25px;  
		}
	}
 
/* Metanavigatie */
#metaAlign {
	padding-top: 4px;
	padding-left: 720px;
}

#metaAlign ul li a {
	display: block;
	color: #FFFFFF;
	height: 15px;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
}
#metaAlign ul li a:hover {
	text-decoration:underline;
}
#metaAlign ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#metaAlign ul li {
	float: left;
}

/* Winkelwagen */
a#wnkAlgn {
	position: absolute;
	display: block;
	width: 155px;
	margin-top: 70px;
	padding-top: 20px;
	margin-left: 743px;
	#margin-left: -185px;
	_margin-left: -185px;		
	height: 80px;
	text-decoration: none;
}
a#wnkAlgn b {
	color: 	#8b6825;
	font-weight: normal;
	font-size: 14px;
}
a#wnkAlgn:hover {
	cursor: pointer;	
}
a#wnkAlgn:hover span {
	color: #573900;	
}
a#wnkAlgn:hover em {
	color: #573900;	
}
a#wnkAlgn:hover b {
	color: #573900;	
}
a#wnkAlgn:hover strong {
	text-decoration: underline;	
}
a#wnkAlgn span {
	display: block;
	width: 153px;
	height: 15px;
	float: left;
	color: #8b6825;
	font-size: 11px;
	margin-top: 3px;
	margin-bottom: 0px;
}
a#wnkAlgn span em {
	display: block;
	width: 63px;
	text-align: right;
	height: 15px;
	float: right;
	color: #8b6825;
	font-size: 11px;
	margin-top: 2px;
	#margin-top: -20px;
	_margin-top: -20px;
	margin-bottom: 0px;
	font-style: normal;
}
#lblBedrag {
	display: block;
	width: 90px;
	height: 15px;
	float: left;
	color: #8b6825;
	font-size: 11px;
	margin-top: 0px;
}
#txtBedrag {
	display: block;
	width: 63px;
	text-align: right;
	height: 15px;
	float: left;
	color: #8b6825;
	font-size: 11px;
	margin-top: 0px;
}
#txtAfrekenen {
	display: block;
	width: 100px;
	text-align: right;
	height: 15px;
	float: right;
	margin-top: 17px;
}
#wnkAlgn strong {
	font-size: 11px;
	color: #940000;
	margin-top: 15px;
	float: right;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
	margin-right: 3px;
}
#wnkAlgn a:hover {
	text-decoration: underline;
}

/* Hoofdnavigatie */
#mnu {
	margin-top: 151px;
	margin-left: 32px;
}
#mnu ul {
	position: absolute;
}
#mnu ul li {
	border-right: 1px #999999 solid;	
}
#mnu ul li a {
	background: url(../images/mnuBg.jpg) repeat-x top left;
	display: block;
	line-height: 41px;
	padding-left: 31px;
	padding-right: 31px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #656565;
	
}
	#mnu ul li a:hover {
		background: url(../images/mnuBg.jpg) repeat-x bottom left;
		padding-left: 30px;
		padding-right: 30px;
		border-left: 1px #adadad solid;
		border-right: 1px #adadad solid;
		color: #FFF;
	}
#mnu ul li a.mnuHome {
	background-image:url(../images/mnu/normal/home.jpg);
	width: 105px;
	height: 41px;
}
#mnu ul li a.mnuHome:hover {
	background-image:url(../images/mnu/hover/home.jpg);
	width: 105px;
	height: 41px;
}
#mnu ul li a.mnuHomeActive {
	background-image:url(../images/mnu/hover/home.jpg);
	width: 105px;
	height: 41px;
}
#mnu ul li a.mnuInformatie {
	background-image:url(../images/mnu/normal/informatie.jpg);
	width: 141px;
	height: 41px;
}
#mnu ul li a.mnuInformatie:hover {
	background-image:url(../images/mnu/hover/informatie.jpg);
	width: 141px;
	height: 41px;
}
#mnu ul li a.mnuInformatieActive {
	background-image:url(../images/mnu/hover/informatie.jpg);
	width: 141px;
	height: 41px;
}
#mnu ul li a.mnuVoorwaarden {
	background-image:url(../images/mnu/normal/voorwaarden.jpg);
	width: 165px;
	height: 41px;
}
#mnu ul li a.mnuVoorwaarden:hover {
	background-image:url(../images/mnu/hover/voorwaarden.jpg);
	width: 165px;
	height: 41px;
}
#mnu ul li a.mnuVoorwaardenActive {
	background-image:url(../images/mnu/hover/voorwaarden.jpg);
	width: 165px;
	height: 41px;
}
#mnu ul li a.mnuContact {
	background-image:url(../images/mnu/normal/contact.jpg);
	width: 125px;
	height: 41px;
}
#mnu ul li a.mnuContact:hover {
	background-image:url(../images/mnu/hover/contact.jpg);
	width: 125px;
	height: 41px;
}
#mnu ul li a.mnuContactActive {
	background-image:url(../images/mnu/hover/contact.jpg);
	width: 125px;
	height: 41px;
}
#mnu ul li a.mnuOfferte {
	background-image:url(../images/mnu/normal/offerte.jpg);
	width: 117px;
	height: 41px;
}
#mnu ul li a.mnuOfferte:hover {
	background-image:url(../images/mnu/hover/offerte.jpg);
	width: 117px;
	height: 41px;
}
#mnu ul li a.mnuOfferteActive {
	background-image:url(../images/mnu/hover/offerte.jpg);
	width: 117px;
	height: 41px;
}
#mnu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#mnu ul li {
	float: left;
}
#breadcrumbs {
	position:absolute;
	margin-top: 53px;
	margin-left: 26px;
	width: 700px;
	font-size: 11px;
	color: #c5c5c5;
}
#active {
	color: #c5c5c5;
	font-size: 11px;
}
#breadcrumbs a.link {
	color: #cccccc;
	font-size: 11px;
	text-decoration: none;
}
#breadcrumbs a.link:hover {
	color: #cccccc;
	font-size: 11px;
	text-decoration: underline;
}
#content {
}
#left {
	float: left;
	margin-top: 96px;
	width: 150px;
	margin-left: 58px;
	padding-bottom: 20px;
}
/* ProductenMenu */
#left h6 {
	font-size: 14px;
	color: #666666;
	margin-bottom: 25px;
	margin-left: 0px;
	margin-top: 0px;
	font-weight: bold;
}
#left h3 {
	font-size: 14px;
	color: #666666;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 15px;
}
#left h3 a {
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}
#left h3 a:hover {
	font-size: 14px;
	color: #666666;
	text-decoration: underline;
}
#left ul a {
	display: block;
	color: #016e96;
	font-size: 11.5px;
	height: 15px;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
}
#left ul a:hover {
	text-decoration:underline;
}
#left ul, #left ul {
	padding: 0;
	margin: 0;
	list-style: none;
	padding-bottom: 15px;
	margin-right: 13px;
	border-bottom: #d9d9d9 solid 1px;
}
#left ul, #left ul li {
}
#middle {
	width: 517px;
	margin-left: 22px;
	float: left;
	margin-top: 88px;
}
#middle p#voorraad {
	position: absolute;
	margin-top: -23px;
	margin-left:327px;
	#margin-left:318px;
	_margin-left:318px;
	float: left;
	font-size: 12px;
	color: #009900;
	font-style:italic;	
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #3086a6;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 5px;
	margin-left: 8px;
	margin-right: 8px;
}
h1 .stap {
	margin-left: 341px;
	font-weight: bold;
	font-size: 14px;
}
h1 .stap2 {
	margin-left: 269px;
	font-weight: bold;
	font-size: 14px;
}
h1 .stap3 {
	margin-left: 323px;
	font-weight: bold;
	font-size: 14px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #3086a6;
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 0px;
	margin-top: 5px;
	margin-left: 8px;
	margin-right: 8px;
}
p {
	margin-top: 5px;
	margin-left: 8px;
	margin-right: 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 20px;
	margin-bottom: 5px;
	color: #000;
	
}
#middle a#hdr {
	margin-left: 6px !important;
	margin-bottom: 17px !important;
	display: block;
}
#middle a#hdr:hover {
   	opacity:0.8;
   	filter:alpha(opacity=80);
}
#middle a#banLft {
	margin-left: 6px !important;
	margin-bottom: -4px !important;
	margin-top: 15px !important;
	display: block;
	float: left;
}
#middle a#banLft:hover {
	opacity:0.8;
   	filter:alpha(opacity=80);
}
#middle a#banRgt {
	margin-right: 5px !important;
	margin-bottom: -4px !important;
	margin-top: 15px !important;
	display: block;
	float: right;
}
#middle a#banRgt:hover {
	opacity:0.8;
   	filter:alpha(opacity=80);
}
#right {
	width: 160px;
	margin-left: 25px;
	float: left;
	margin-top: 88px;
}
#right p {
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 15px;
	font-size: 11px;
}
#right p span {
	color: #000000;
	width: 50px;
	display: block;
	float: left;
	font-size: 11px;
}
#right p em {
	color: #090;
	font-style: normal;
}
h3 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3d8eac;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 6px;
	margin-right: 6px;
	font-weight: normal;
}
h6 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3d8eac;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 6px;
	margin-right: 6px;
	font-weight: normal;
}
.rightLine {
	border-bottom: #d9d9d9 1px solid;
	margin-top: 0px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 10px;
}
.gegeven {
	color: #000000;
	width: 50px;
	display: block;
	float: left;
}
#footer {
	background-image:url(../images/footerBackground.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #eeeeee;
	margin-right: auto;
	margin-left: auto;
	width: 975px;
	height: 168px;
}
#footerAdwords {
	margin-top: 18px;
	margin-left: 55px;
	height: 58px;
	float: left;
	width: 900px;
	display: block;
}
#footerAdwords a {
	font-size: 11px;
	color: #CCC;
	text-decoration: none;
	margin-right: 45px;
}
#footerAdwords a:hover {
	text-decoration: underline;
}
.footerBTW {
	font-size: 11px;
	color: #525151;
	margin-left: 32px;
	margin-top: 0px;
	float: left;
	width: 914px;
	display: block;
	border-bottom: #CCCCCC 1px solid;
	margin-bottom: 10px;
	text-align: center;
	padding-bottom: 10px;
	line-height: 18px;
}
.footerBTW a {
	font-size: 11px;
	color: #CCC;
	text-decoration: none;
	margin-right: 15px;
}
.footerBTW a:hover {
	text-decoration: underline;
}
.footerVcreations {
	font-size: 11px;
	margin-top: 0px;
	margin-right: 29px;
	text-align: right;
	color: #525151;
	float: right;
	width: 150px;
	display: block;
}
.footerVcreations a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #525151;
}
.footerVcreations a:hover {
	text-decoration: none;
}
.footerBeetronics {
	font-size: 11px;
	margin-left: 32px;
	color: #5c5b5b;
	float: left;
	width: 640px;
	display: block;
	padding-bottom: 10px;
}
.footerBeetronics a {
	font-size: 11px;
	color: #4a95b1;
	text-decoration: none;
}
.footerBeetronics a:hover {
	text-decoration: underline;
}
.inputVeld {
	background-image:url(../images/inputBG.jpg);
	background-color:#FFFFFF;
	border: solid #999999 1px;
	width: 200px;
}
.tekstVeld {
	background-image:url(../images/textBG.jpg);
	background-color:#FFFFFF;
	border: solid #999999 1px;
	width: 300px;
	height: 100px;
}
.LV_validation_message {
	font-weight:normal;
	margin:0 0 0 0px;
}
.LV_valid {
	color:#000000;
}
.LV_invalid {
	color:#000000;
	font-style: italic;
}
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active {
	/*border: 1px solid #00CC00;
	background-color: #e4ffda;*/
}
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {
	border: 1px solid #de7d03;
	background-color: #ffefda;
}
input:hover, textarea:hover, select:hover {
	border:1px solid #000000;
}
input, select {
	padding:3px;
}
input, textarea, select {
	border:1px solid #AAAAAA;
	margin-top:2px;
	padding:2px;
}
.button {
	background-image:url(../images/bgButWinkelwagen.jpg);
	background-repeat: repeat-x;
	width: 150px;
	height: 30px;
	color: #FFFFFF;
	border: px #1b7698 solid;
	cursor: pointer;
}
.contactbutton {
	background-image:url(../images/bgButWinkelwagen.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	margin-left: 155px;
	width:150px;
	height: 30px;
}




a img {
	border: none;
}
#page-wrap {
	width: 518px;
}
#slider {
	background: #FFF;
	border: #dbdbdb 1px solid;
	height: 179px;
	overflow: hidden;
	position: relative;
	margin: 0px 0;
	margin-left: 8px;
}
/* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover {
	width: 2880px;
	position: relative;
}
.slide {
	padding: 10px 10px;
	width: 504px;
	float: left;
	position: relative;
}

.slide h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3d8eac;
	margin-top: -5px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-left: 0px;
}
.slide p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	top: 0px;
	line-height: 16px;
	margin-left: 0px;
	margin-right: 0px;
	width: 290px;
}
.slide img {
	position: absolute;
	top: 10px;
	left: 306px;
	border: #dbdbdb 1px solid;
}
#slider-stopper {
	position: absolute;
	top: -6px;
	right: 0px;
	padding: 0px 0px;
	text-transform: uppercase;
	z-index: 1000;
}
a#slider-stopper {
	color:#3d8eac;
	text-decoration: none;
	font-size: 8px;
}


.subCategorieen {
	padding: 10px;
	margin-left: 8px;
	margin-bottom: 0px;
	background-image:url(../images/catBg.jpg);
	background-color: #fbfbfb;
	width: 482px;
	border-bottom: #d8d8d8 solid 1px;
}
.subCategorieen a {
	color: #636363;
	text-decoration: none;

}
.subCategorieen p {
	margin-left: 0px;
}
.productOpties {
 	float: right;
	margin-right: 5px;
}
.productLink {
	float: left;
	width: 382px;
	font-size: 13px;
	font-weight: bold;
}
.productPrijs {
	font-size: 15px;
	color: #5ba4bd;
	font-weight: bold;
	width: 92px;
	_width: 100px;
	#width: 100px;
	display: block;
	text-align:right;
	float: left;
}
.productAfbeelding {
	margin-top: 5px;
	width: 110px;
	float: left;
	font-size: 11px;
	color: #009900;
}
.productInhoud {
	margin-top: 5px;
	float: left;
	width: 372px;
	height: 90px;
}
.productInhoud p {
	margin-top: 0px;
}
.productIMG {
	width: 100px;
}
.productOptieInfo {
	margin-right: 7px;
}
.productSlider {
	float: left;
	margin-right: 10px;
	margin-top: 0px;
}
.productSlider a#vergroten {
	position:absolute;
	margin-top: -30px;
	margin-left: -32px;
	text-indent: -9999px;
	background-image:url(../images/zoom_in.png);
	background-repeat:no-repeat;
	background-position: 3px 3px;
	height:21px;
	width: 21px;
}
/* To target a safari browser issue */

@media screen and (-webkit-min-device-pixel-ratio:0){

.productSlider a#vergroten{margin-left: 195px;}


} 
.producttop {
	margin-top: 0px;
	float: left;
}
.producttop h1 {
	margin-top: 0px;
	font-weight: bold;
}
.productPagePrijs {
	color: #3086a6;
	width: 80px;
	padding: 4px;
	background-color: #EEE;
	margin-left: 0px;
	font-size: 18px;
	font-weight: bold;
	display: block;
	text-align: center;
	float: right;
	margin-top: 10px;
	margin-bottom: 0px;
}
.productPagePrijs small {
	color: #999999;
	font-size: 11px;
	font-weight: normal;
}
.producttop p {
	font-weight: bold;

}
.productPageInhoud {
	margin-top: 0px;
	margin-left: 4px;
	float: left;
	width: 271px;
	overflow: hidden;
}
.productPageInhoud h1 {
	height: 22px;
	overflow: hidden;
	display: block;
	margin-left: 3px;
}
.productPageInhoud p {
	margin-bottom: 10px;
	height: 61px;
	display: block;
	overflow: hidden;
	margin-left: 3px;
}
.productPageDetails {
	border-top: #D4D4D4 1px solid;
	padding-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	color: #000000;
	width: 271px;
	display: block;
	text-align:left;
	float: left;
	overflow: hidden;
}
.productPageDetailsHeading {
	color: #999999;
	font-weight: bold;
	vertical-align: bottom;
}
.productPageInput {
	vertical-align: top;
}
.productPageAantal {
	width: 57px;
}
.productPageBestelcode {
	width: 50px;
}
.productPageStatus {
	width: 55px;
}
.productPageStatusInput {
	color: #009900;
	padding-left: 17px;
}
.prdPrs {
	width: 95px;
	color:#000000;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	padding-right: 5px;
}
.prdPrs small {
	font-size: 11px;
	font-weight: normal;
}
.butWinkelwagen {
	width: 268px;
	height: 30px;
	text-align: left;
	padding-left: 70px;
	background-image:url(../images/btnWinkelwagen2.jpg);
	background-position: top;
	color: #FFFFFF;
	font-weight: bold;
	border: none;
	cursor: pointer;
	margin-top: 11px;
	#margin-top: 7px;
}
.butWinkelwagen:hover {
	background-image:url(../images/btnWinkelwagen2.jpg);
	background-position: bottom;
	border: none;
}

.werktsamen {
	WIDTH: 520x;
	margin-left: 0px;
	margin-bottom: -12px;
	#margin-bottom: 0px;
}
.werktsamen table {
	border: #D4D4D4 1px solid;
	width: 157px;
	margin: 5px;
	background-color: #FFF;
}
.werktsamen table th {
	background-color: #fbfbfb;
	line-height: 16px;
	border-bottom: #D4D4D4 1px solid;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 45px;
}
.werktsamen table th a {
	color: #3086a6;
	text-decoration: none;
	font-weight: bold;
}
.werktsamen table th a:hover {
	text-decoration: underline;
}
.werktsamenImage {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 95px;
}
.werktsamenOptie {
	vertical-align:bottom;
}
.werktsamenPrijs {
	text-align: left;
	color: #000;
	line-height: 15px;
}
.werktsamenPrijs small {
	color: #999999;
}
.werktsamenLeesMeer {
	text-align: right;
}
.werktsamenLeesMeer a {
	color: #3086a6;
	text-decoration: none;
}
.werktsamenLeesMeer a:hover {
	color: #3086a6;
	text-decoration: underline;
}
.winkelwagenTabel {
	margin-left: 8px;
	width: 502px;
}
.winkelwagenTabel tr td#free {
	vertical-align: top;
	font-style: italic;
	font-weight: bold;	
}
	.winkelwagenTabel tr td#free label {
		display: block;
		font-style: normal;
		float: left;
		width: 70px;	
		margin-top: 22px;
	}
	.winkelwagenTabel tr td#free select {
		margin-top: 22px;	
	}
.winkelwagenHeading {
	background-image:url("../images/bgButWinkelwagen.jpg");
	color: #FFFFFF;
	font-weight: bold;
}
.winkelwagenProduct {
	background-color: #fbfbfb;
}
.winkelwagenProductLinks {
	background-color: #EEE;
}
.winkelwagenProductLinks:hover {
	background-color: #FFF;
}
.winkelwagenProductLinks a {
	color: #3086a6;
	text-decoration: none;
}
.winkelwagenProductLinks a:hover {
	color: #3086a6;
	text-decoration: underline;
}
.winkelWagenDel {
	width: 15px;
}
.winkelWagenNaam {
	width: 255px;
	padding-left: 5px;
}
.winkelWagenAantal {
	width: 60px;
	padding-left: 5px;
}
.winkelWagenPrijsPs {
	width: 70px;
	padding-left: 5px;
}
.winkelWagenPrijs {
	width: 70px;
	padding-left: 5px;
}
.buttonAfrekenen {
	margin-left: 10px;
	background-image:url(../images/btnAfrekenen2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 137px;
	height: 35px;
	border: none;
	cursor: pointer;
	margin: 10px;
	color:#FFF;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
}
.buttonAfrekenen:hover {
	background-image:url(../images/btnAfrekenen2.jpg);
	background-repeat: no-repeat;
	background-position: 0px -35px;
	border: none;
}
.buttonVerder {
	margin-left: 10px;
	background-image:url(../images/btnVerder.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 137px;
	height: 35px;
	border: none;
	cursor: pointer;
	margin: 10px;
}
.buttonVerder:hover {
	background-image:url(../images/btnVerder.jpg);
	background-repeat: no-repeat;
	background-position: 0px -35px;
	border: none;
}
.lnkVerzend {
	text-decoration: none;
}	
.winkelwagenBetaalMethode {
	border: #D4D4D4 1px solid;
	width: 502px;
	margin-left: 8px;
	background-color: #fbfbfb;
}
.winkelwagenBetaalMethode input {
	margin: 3px;
}
.butSubmitMethode {
	margin-left: 10px;
	background-image:url(../images/bgButWinkelwagen.jpg);
	background-repeat: repeat-x;
	width: 150px;
	height: 30px;
	color: #FFFFFF;
	border: 1px #1b7698 solid;
	cursor: pointer;
}
.gegevensInvoerenTabel {
	border: #D4D4D4 1px solid;
	width: 502px;
	margin-left: 8px;
	background-color: #fbfbfb;
	font-size: 11px;
}
.gegevensContactTabel {
	border: #D4D4D4 1px solid;
	width: 465px;
	margin-left: 8px;
	margin-bottom: 8px;
	background-color: #fbfbfb;
	font-size: 11px;
	padding: 10px;
}
.butUpdate{
	background-image:url(../images/butRefresh.jpg);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 17px;
	height: 18px;
	border: none;
	cursor: pointer;
	margin-left: 3px;
	margin-top: 0px;
}
.butUpdate:hover{
	background-image:url(../images/butRefresh.jpg);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 17px;
	height: 18px;
	border: none;
	cursor: pointer;
	margin-left: 3px;
	margin-top: 0px;
}
.lnkTerug {
	background-image:url(../images/btnTerug.png);
	background-position: left;
	background-repeat:no-repeat;
	color: #3086A6;
	padding-left: 18px;
	font-size: 12px;
	margin-left: 10px;	
}
ul#fotoRight  {
	float: left;
	list-style: none;
	margin-top: -20px;
	margin-left: -33px;
	#margin-left: 7px;
	margin-bottom: 12px;
}
ul#fotoRight li {
	margin-top: 20px;	
}
ul#fotoRight li a {
	border: 1px #d9d9d9 solid;	
	display: block;
}
ul#fotoRight li a:hover {
	border: 1px #EEE solid;	
	display: block;
}
ul#fotoRight li a img {
	width: 146px;	
}


/* Contactformulier */
div.mailer_ext {
	margin: 22px 0;
	margin-left: 8px;
}
div.mailer_ext p {
	margin-top: 10px;
	font-size: 11px !important;
}
.mailer_left {
	width: 300px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.mailer_left fieldset {
	border: none;
	margin-left: 2px;
}
.mailer_right_left {
	width: 155px;
	margin: 0px;
	margin-bottom: 20px;
	float: left;
}
.mailer_right {
	width: 310px;
	float: left;
	margin-left: 30px;
	margin-bottom: 0px !important;
}
.mailer_right iframe {
	width:310px;
	height:245px;
	border:none; 
	margin:0px; 
	overflow:hidden;
}
.mailer_Bottom {
	width: 508px;
	margin-top: 0px;
	float: left;
	text-align: right;
	font-style: italic;
}
div.mailer_ext h2 {
	margin: 0 0 0px 0;
}
div.mailer_ext div.message {
	cursor: pointer;
}
div.mailer_ext div.message p.error {
	border-top: 3px solid #e9e9e9;
	padding-top: 10px;
	margin: 0;
}
div.mailer_ext div.message br {
	display: none;
}
div.mailer_ext label {
	display: block;
	float: left;
	width: 130px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
}
div.mailer_ext label.rad {
	display: block;
	float: left !important;
	width: 90px !important;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	cursor: pointer;
	margin: 0px !important;
	padding: 0px !important;
	margin-bottom: 0px;
}
div.mailer_ext label.rad:hover {
	color: #000;
}
div.mailer_ext label.rad input.radio {
	width: 10px;
}
div.mailer_ext input {
	margin-bottom: 3px;
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
}
div.mailer_ext textarea {
	width: 270px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.mailer_ext input.versturen {
	text-transform: capitalize;
	cursor: pointer;
	width: auto;
}
div.mailer_ext div.textarea {
	width: 472px;
	#margin-bottom: -30px;	
}
div.mailer_ext div.textarea label {
	display: block;
	width: 472px;
}
div.mailer_ext div.textarea textarea {
	width: 465px;
	margin-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div.mailer_ext div.radio_buttons {
	margin-bottom: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 27px;
	display: block;
}
div.mailer_ext label.rad2 {
	float: left;
	width: 120px;
	margin-top: 12px !important;
	margin-bottom: 0px !important;
	padding: 0px !important;
	display: block;
	height: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	cursor: pointer;
}
div.mailer_ext label.rad2:hover {
	color: #000;
}
div.mailer_ext div.radio_buttons input {
	width: auto;
	border: none;
	margin: 0px;
	height: 10px;

}
div.mailer_ext div.radio_buttons .radio {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	height: 12px;
	width: 12px !important;
	padding: 0px !important;
}
div.mailer_ext .radio {
	margin-top: 2px;
	margin-bottom: 2px;
	height: 12px;
	width: 12px !important;
	margin-bottom: 10px;
	padding-right: 10px;
	border: none;
}
div.mailer_ext div.radio_buttons label {
	float: none;
	display: block;
	width: 270px;
	margin-bottom: 5px;
}
#barStap1 {
	background-color: #3D8EAC;
	height: 25px;
	width: 502px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 6px;
	border-bottom: #FFF 1px solid;
}
#barStap1:hover {
	background-color: #5fa4bd;
	cursor: pointer;
}
#inhoudStap1 {
	background-image: url(../images/bgBestelInhoud.jpg);
	background-repeat: repeat-x;
	background-color: #f8f8f8;
	width: 472px;
	padding: 15px;
	height: 210px;
}
#barStap2 {
	background-color: #3D8EAC;
	height: 25px;
	width: 502px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 6px;
	border-bottom: #FFF 1px solid;
}
#barStap2:hover {
	background-color: #5fa4bd;
	cursor: pointer;
}
#inhoudStap2 {
	background-image: url(../images/bgBestelInhoud.jpg);
	background-repeat: repeat-x;
	background-color: #f8f8f8;
	width: 472px;
	padding: 15px;
	height: 525px;
}
#barStap3 {
	background-color: #3D8EAC;
	height: 25px;
	width: 502px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 6px;
	border-bottom: #FFF 1px solid;
}
#barStap3:hover {
	background-color: #5fa4bd;
	cursor: pointer;
}
#inhoudStap3 {
	background-image: url(../images/bgBestelInhoud.jpg);
	background-repeat: repeat-x;
	background-color: #f8f8f8;
	width: 472px;
	padding: 15px;
	height: 240px;
	overflow: hidden;
}

.inhoudLeft {
	float:left;
	width: 315px;
}
.inhoudLeft textarea {
	width: 280px;
	height: 82px;
}
.inhoudMidden {
	width: 595px;
	clear: both;
}
.inhoudMidden p {
	line-height: 15px !important;
	margin-top: 10px !important;
	display: block;	
}
.inhoudRight {
	float:left;
	padding-left: 15px;
	width: 300px;
}

.button-offerte {
	background: url(../images/btnBestellen2.jpg) no-repeat top left;
		   background-color: #f48900;	   
		   height:34px;
		   padding:0;
		   padding-left: 5px;
		   width:173px;
		   color: #FFF;
		   font-family: Verdana, Geneva, sans-serif;
		   font-size: 12px;
		   font-weight: bold;
		   float: right;
		   text-decoration: none;
		   margin-right: -25px;
		   margin-top: 17px;
		   border: none;
		   cursor: pointer;
		   text-align: left;
}
.button-offerte:hover {
	background: url(../images/btnBestellen2.jpg) no-repeat bottom left;
	border: none;
}


ul#categorie {
	list-style: none;
	margin: 0px;
	padding: 0px;	
	margin-left: 6px;
	margin-top: 11px;
	margin-bottom: -21px;
}
	ul#categorie li {
		margin-bottom: 17px;	
		#margin-bottom: 15px;
		margin-top: 0px;
	}
		ul#categorie li a {
			background-image:url(../images/btnCat2.jpg);
			background-position: top;
			background-repeat: no-repeat;
			display: block;
			width: 472px;
			height: 104px;
			padding: 17px;	
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 20px;
			text-decoration: none;
			color: #000;
		}
			ul#categorie li a:hover {
				background-position: bottom;
			}
			ul#categorie li a img {
				float: left;
				width: 136px;
				height: 102px;
				margin-right: 30px;
				border: 1px #FFF solid;
			}
			ul#categorie li a:hover img {
				border: 1px #d8d8d8 solid;
			}
			ul#categorie li a strong {
				float: left;
				display: block;
				width: 257px;
				margin-left: -13px;
				margin-top: -4px;
				margin-bottom: 3px;
				line-height: 20px;
				font-size: 14px;
				color: #378aaa;
			}
				ul#categorie li a em {
					float: right;
					color: #000;
					font-style: normal;	
					display: block;
					line-height: 23px;
					width: 60px;
					height: 100px;
					font-size: 14px;
					font-weight: bold;
					text-align: right;
					margin-top: -4px;
				}
			ul#categorie li a u {
				background-image: url(../images/opVoorraad2.png);
				background-position: 0px 0px;
				background-repeat: no-repeat;
				display: block;
				width: 77px;
				line-height: 19px;
				padding: 0px;
				float: left;
				color: #FFF;
				font-size: 10px;
				text-decoration: none;
				text-align: center;
				margin-top: 4px;
				margin-left: -13px;
			}
			ul#categorie li a i {
				display: block;
				float: left; 
				left: 0px;
				margin-top: 77px;
				font-style: normal;
				color: #FFF;
				font-size: 12px;
				font-weight: normal;
				clear: both;
				margin-left: -5px;
			}
			
	div#checkOut {
		width: 878px;
		display: block;
		float: left; 
		background-color: #FFF;
		margin-left: 32px;
		margin-top: 72px;
		margin-bottom: -30px;
		padding-left: 24px;
	}
		div#checkOut h1 {
			margin-left: 1px;	
		}
		div#checkOut h2 {
			margin-left: 1px;	
		}
			div#checkOut h2 em {
				color: #f48900;
				font-style: normal;
				font-weight: bold;
			}
		div#checkOut p {
			margin-left: 1px;	
		}
		div#checkOut table.tblGeg {
			
		}
		div#checkOut div#checkOut1, div#checkOut div#checkOut2, div#checkOut div#checkOut3 {
			float: left;
			width: 286px;
			margin: 0px;
			padding: 0px;
			display: block;
			margin-left: 0px;
			padding-top: 10px;
			border-top: 1px #EEE solid;	
		}
		div#checkOut div#checkOut1 {
			border-right: 1px #EEE solid;
			padding-bottom: 15px;
		}
		div#checkOut div#checkOut2 {
			border-right: 1px #EEE solid;	
			padding-left: 15px;
			width: 271px;	
		}
		div#checkOut div#checkOut2 label {
			line-height: 28px;
			margin: 0px;
			padding: 0px;
			float: left;
			width: 280px;
			font-size: 11.5px;
		}
			div#checkOut div#checkOut2 label:hover {
				color: #666;
				cursor: pointer;
			}
			div#checkOut div#checkOut2 label input {
				margin-top: 5px;
				margin-right: 8px;	
				border: none;
				margin-left: 0px;
				width: 15px;
				height: 15px;
				float: left;
			}
			
		div#checkOut div#checkOut3 {
			padding-left: 15px;
			width: 271px;	
		}
			div#checkOut div#checkOut3 table.tblGeg small {
				color: #999;
				line-height: 18px;	
			}
	div#checkOut table.tblGeg {
		width: 280px;
		background-image: url("../images/bg_tab.png");
		background-position: center top;
		background-repeat: repeat-x;
		color: #000;
		margin-bottom: 20px;
		padding: 0px;	
		font-size: 11.5px;
	}
		div#checkOut table.tblGeg td:first-child {
			width: 130px;	
		}
		div#checkOut table.tblGeg tr td label input {
			float: left; 
			height: 15px;
			width: 15px;
			margin-top: 5px;
			margin-right: 8px;	
			border: none;
			margin-left: 0px;
		}
		div#checkOut table.tblGeg tr td input#ao {
			float: left; 
			height: 15px;
			width: 15px;
			margin-top: 0px;
			margin-right: 5px;	
		}
		div#checkOut table.tblGeg tr td label {
			width: 60px;
			float: left;
			cursor: pointer;
		}
			div#checkOut table.tblGeg tr td label:hover {
				color: #666;
			}
		div#checkOut table.tblGeg tr td a {
			color:#261B62;	
		}
			div#checkOut table.tblGeg tr td a:hover {
				color:#000;
				text-decoration: none;	
			}
		div#checkOut table.tblGeg textarea{
		   width:267px;
		   height:42px;
		   padding:4px;
		   padding-top: 10px;
		   padding-bottom: 10px;
		   font-style:italic;
		   margin-bottom:4px;
		   float: left;
		   font-family: Verdana, Geneva, sans-serif;
		   font-size: 11px;
		}
		div#checkOut table.tblGeg input {
			width: 110px;	
		}
		
	ul#ulWw {
		float: left;
		width: 860px;
		height: 35px;
		display: block;	
		border-top: #EEE 1px solid;
		background-position: top;
		background-repeat: repeat-x;
		padding: 10px;
		padding-right: 0px;
		margin-top: 0px;
		overflow: hidden;
		clear: both;
		margin-bottom: 0px;
		list-style: none;
	}
		ul#ulWw li {
			float: left;
			text-align: right;	
			width: 50%;
		}
			ul#ulWw li:first-child {
				text-align: left;	
			}
				ul#ulWw li:first-child a{
					font-size: 11px;
					color: #666;
					line-height: 30px;
					margin-left: -10px;	
				}
					ul#ulWw li:first-child a:hover{
						text-decoration: none;	
					}
			ul#ulWw li form {
				width: 175px;
				margin: 0px;
				padding: 0px;
				float: right;	
			}
		div#checkOut button {
		   background: url(../images/btnBestellen2.jpg) no-repeat top left;
		   background-color: #f48900;	   
		   height:34px;
		   padding:0;
		   padding-left: 5px;
		   width:173px;
		   color: #FFF;
		   font-family: Verdana, Geneva, sans-serif;
		   font-size: 12px;
		   font-weight: bold;
		   float: right;
		   text-decoration: none;
		   margin-right: 0px;
		   margin-top: 17px;
		   border: none;
		   cursor: pointer;
		   text-align: left;
		}
		div#checkOut button:hover {
			background: url(../images/btnBestellen2.jpg) no-repeat bottom left;
		}
		div#checkOut button.iDEALeasy {
		   background:url("../images/ideal-logo.png") no-repeat 10px 10px;
		   border: 2px #f48900 solid;
		   background-color: #FFF;	   
		   height:74px;
		   padding:0;
		   width:340px;
		   color: #000;
		   font-family: Verdana, Geneva, sans-serif;
		   font-size: 14px;
		   font-weight: bold;
		   float: left;
		   text-align: left;
		   text-decoration: none;
		   margin-right: 0px;
		   margin-top: 17px;
		   padding-left: 75px;
		   cursor: pointer;
		   clear: both;
		   text-indent: -0px;
		}
		div#checkOut button.iDEALeasy:hover {
		   border: 2px #f48900 solid;
		   background-color: #f48900;  
		   color: #FFF;
		}
	div#checkOut button.paypal {
			background:url("../images/paypal.png") no-repeat 10px 27px;
		   border: 2px #f48900 solid;
		   background-color: #FFF;	   
		   height:74px;
		   padding:0;
		   width:350px;
		   color: #000;
		   font-family: Verdana, Geneva, sans-serif;
		   font-size: 14px;
		   font-weight: bold;
		   float: left;
		   text-align: left;
		   text-decoration: none;
		   margin-right: 0px;
		   margin-top: 17px;
		   padding-left: 75px;
		   cursor: pointer;
		   clear: both;
		   text-indent: -0px;
		}
		div#checkOut button.paypal:hover {
		   border: 2px #f48900 solid;
		   background-color: #f48900;  
		   color: #FFF;
		}
		div#checkOut img#keurUitcheck {
			float: right; 
			margin-top: -53px;	
			margin-right: 17px;
		}
	div#ordFtr {
		display: block;
		border: 1px solid #CDCDCD;
		background-color: #FBFBFB;
		border-style: solid;
		margin-bottom: 1em;
		margin-top: -12px;
		margin-left: 8px;
		padding: 10px;
		width: 481px; 
		height: 67px;
	}
		div#ordFtr ul {
			margin: 0px;
			padding: 0px;
			display: block;
			width: 481px;
			height: 50px;
			list-style: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #000;
			clear: both;
		}
			div#ordFtr ul li {
				float: left;	
				text-align: center;
				display: block;
			}
			div#ordFtr ul li.nr1 {
				width: 60px;
			}
			div#ordFtr ul li.nr1 img {
				margin-top: 3px;
			}
			div#ordFtr ul li.nr2 {
				width: 80px;
			}
			div#ordFtr ul li.nr3 {
				width: 201px;
				text-align: left;
			}
			div#ordFtr ul li.nr4 {
				width: 50px;
			}
			div#ordFtr ul li.nr5 {
				width: 90px;
			}
				div#ordFtr ul li b {
					color: #999999;	
					display: block;
					clear:both;
				}
				div#ordFtr ul li input {
					width: 30px;	
				}
				div#ordFtr button {
					background: url(../images/btnOrdFtr2.jpg) no-repeat top;
					display: block;
					width: 89px;
					height: 27px;
					text-align: left;
					font-size: 11px;
					padding-left: 10px;
					color: #FFF;
					border: none;
					float: right;
					margin-top: 0px;
					margin-right: -10px;
				}
					div#ordFtr button:hover {
						background: url(../images/btnOrdFtr2.jpg) no-repeat bottom;
						cursor: pointer;
					}