@CHARSET "ISO-8859-1";

.productFotoSlider
{
	float: right;
}

.productFotoSliderContent
{
	max-height: 100%;
}

#map-canvas {
  width: 1000px;
  height: 850px;
}

#alle-producten .ui-widget-content a
{
	color: #005dff;
}

#alle-producten .groen, #alle-producten .groen.ui-state-hover 
{
 	background: #11ee11 !important;
	border: 4px solid fe9b00 !important;
}

#alle-producten .geel, #alle-producten .geel.ui-state-hover
{
 background: #FFcc00 !important;
}

#alle-producten .rood, #alle-producten .rood.ui-state-hover
{
 background: #FF0000 !important;
}

#alle-producten .blauw, #alle-producten .blauw.ui-state-hover
{
 background: #00aaff !important;
}

#alle-producten .oranje, #alle-producten .oranje.ui-state-hover
{
 background: #ff8800 !important;
}

#alle-producten .groen2, #alle-producten .groen2.ui-state-hover
{
 background: #02CD00 !important;
}

#alle-producten h3
{
 xcolor: #666;
 xbackground: #fdfdff;
 border-style: solid;
 font-family: Calibri, Verdana;
 font-size: 22px !important;
 padding-top: 4px;
 padding-bottom: 4px;
 font-weight: normal;
}

#alle-producten .categorie
{
	border: 4px solid White;
 	border-width: 4px;	
}

#alle-producten h3 a
{
 color: white;
}

#alle-producten h3.ui-state-hover{
	border: 4px solid #fe9b00 ;
}

#alle-producten h3.ui-state-hover a {
	color:#fe9b00;
}


#alle-producten .ui-accordion-content
{
	overflow: visible;
}

#alle-producten .ui-accordion-header-icon
{
	color: #fe9b00;
}

/*
How To Clear Floats
http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */

.product
{
	padding: 20px;
}

.centeredText
{
	text-align: center;
}

.centeredTable
{
	margin-left: auto;
	margin-right: auto;
}

.producten-tabel input[type=text]
{
	padding: 1px!important;
}



.orderError {
  font-size: 90%;
  color: red;
  xmargin: 0 0 0 5px;
  margin: -2px 0 6px 1px;
}

/* lijst van producten in bestelformulier */
.noborders td {
    border: none !important;;
}

.producten-tabel td{
    padding: 3px !important; /*padding: 0px 3px 0px 1px !important;*/
}

.noborders th {
    border: none !important;
}

.noborders table {
    border: none !important;
}

.noborders{
    border: none !important;
}

body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1) {
    background-color: #FFFFFF;
}


.hovertable>tbody>tr:hover {
    background-color: #f5f5f5 !important;
}

.producten-tabel td.euro {
	text-align: right;
}

.producten-tabel .amount {
	text-align: center;
}

.producten-tabel .prijs {
	text-align: right;
	width: 3%;
}
.producten-tabel .btw-kosten {
	font-size:85%;
}

.producten-tabel .lijn
{
    border-bottom:1pt solid black !important;
}

.producten-tabel th{
	font-weight: bold;
}

.producten-tabel input, .producten-tabel select, .producten-tabel textarea
{
	border: 1px solid #444 !important;
	border-bottom: 1px solid #444;
	background-color: white;
}

.producten-tabel td.opmerking
{
	font-size: 80%;
}

.producten-tabel .opmerking
{
	padding-left: 30px;
}


#content h5, #sidebar h5 {
font-size: 14pt;
line-height: 18pt;
padding: 5px 0 3px 0;
margin: 3px 0 15px 0;
color: #0268cd;
border-bottom: 3px solid #c0c0c0;
}

.tooltipHref a:link, .tooltipHref a:visited{
	color: white !important;
}
 
#alle-producten .nectar-button
{
	color: white !important;
}


.bestellen-terug-verder {
	margin: 20px 0;
	padding: 10px;
	border: 2px solid #C0C0C0;
}
.bestellen-verder {
	font-size: 110%;
	xwidth: 20em;
	padding: 1px 5px;
	float: right;
	xfont-weight: bold;
	cursor:pointer;
}
.bestellen-terug {
	font-size: 85%;
	padding-top: 4px;
	display:block;
	width: 20%;
	white-space:nowrap;
}

.bestellen-terug-verder input, .workshop{
	background-color: #005dff !important;
	font-size: 18px !important;
}
