/*----- [RESET] -----------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*----- [MAIN] -----------------------------------------------------------------------*/
body {background: top repeat-x #bbb; text-align:center;}
#navigatie{text-align:left; background:url(/images/navigatie_background.gif); height:87px; margin:0 20px 0 20px;}
#wrapper {
	background-color:#FFF;
	margin:0 auto;
	padding:0;
	text-align:left;
	width:960px;
}
#header{ background:url(/images/BGheader.jpg) no-repeat; height:164px; padding:15px 15px 0 15px;}
#logo{ float:left; margin-bottom:31px;}
#account{ text-align:right;}
#breadcrumbs{ float:left; width:100%; padding: 12px 0 0 15px;}

#content{ padding: 0 30px 30px 30px;}
	#main{ width: 700px; padding-right:30px; float:left; padding-top: 11px;}
	#sidebar{ padding-top:20px; width:170px; float:left; }
		#sidebar li{ margin: 0; padding:0; list-style-type: none; }
		#searchbar{ height:42px; }
.contentwrapper{ width:700px;}

/* INPUT FIELDS*/
input {
	color: #666;
	background: url(/images/inputBG.gif) #fff repeat-x;
	height:24px;
	border: 1px solid #a8acad;
	font-size:11px;
}
.small{ width: 45px;}
.medium { width: 133px;}
.large{ width: 180px;}

.submit input {
	color: #000;
	background: #ffa20f;
	border: 2px outset #d7b9c9
} 

/* INPUT FIELDS*/
input {
    padding-top: 4px;
}

input.button {
    padding-top: 0px;
}

input, textarea {
                color: #666;
                background: url(/images/inputBG.gif) #fff repeat-x;
                height:20px;
                border: 1px solid #a8acad;
                font-size:11px;
}
input:hover, textarea:hover{
                border: 1px solid #bd5656; } textarea:focus, input:focus{
                border: 1px solid #0079c2; }


/* ELEMENTS */
hr  {
	border: 0;
	height: 1px;
	color: #CCC;
	background-color: #CCC;
}
.contacttable td{ height:auto;}
.tablebar{ background:url(/images/barBG.gif) repeat-x; height:23px; padding:10px 0 0 6px; border-left: 1px solid #ccc; }
.clearleft{ clear:left;}
.footer{ height:42px;}
.paddingbottom{ padding-bottom:30px;}
.paddingtop{ padding-top:3px;}
.paddingleft{ padding-left:60px;}
.floatright{ float:right;}
#sideprijsaanv img{ margin-bottom:10px;}

/* HOME ELEMENTS*/
.homeitem{ float:left; padding-right:12px;}
.last{ padding-right:0;}

/* Schuifafsluiters overzicht*/
.schuifafsluitersoverzichimg{ float:left; padding-right:13px; text-align:left; height:200px; width:160px; padding-bottom:15px;}
.schuifafsluitersoverzichimg a img{ border:1px solid #CCC;}
.schuifafsluitersoverzichimg a img:hover{ border:1px solid #d10000;}

/* Hulpstukken voor flenzen overzicht*/
.hulpstukkenflenzenverzichimg{ float:left; padding-right:13px; text-align:left; height:150px; width:160px; padding-bottom:30px; line-height:16px;}
.hulpstukkenflenzenverzichimg a img{ border:1px solid #CCC; margin-bottom:4px;}
.hulpstukkenflenzenverzichimg a img:hover{ border:1px solid #d10000;}

/* Product Niveau*/
.producttable{ padding-bottom:20px;}
.twocolwrap{ float:left; width:700px;}
.twocolleft{ float:left; width: 352px; /*width:421px;*/ margin-right:20px;}
.twocolright{ float:right; /*width:259px; text-align:right*/}
.twocolright img{ border: 1px solid #CCC; text-decoration:none;}
.twocolimgleft { margin-right:20px;}
.twocolimgright { margin:0;}
.twocolimgwrap{ width:160px; /*width:116px;*/ float:left; margin-right:8px;}
/*\*/ * html .twocolimgwrap{ width:160px; /*width:118px;*/ float:left; margin-right:8px;} /**/
.twocolimgwrapright{ width:160px; /*width:116px;*/ float:left;}

.prijsaanvraagbuttons{ padding:20px 0; width:100%;}
.prijsaanvraagbuttons img{ margin-right:10px;}

/*----- [TABLE] -----------------------------------------------------------------------*/
td{}
th{vertical-align:bottom;}
.producttable td{ height:auto;}
/* ONE */
#tableone table{
	border-collapse:collapse;
}
#tableone thead{ color:#0079c2;}
#tableone th{ font-weight:100; text-align:center;}
#tableone td.hover, #tableone tbody tr:hover {
	background-color: #f0f0f0;
}
#tableone td.betterhover, #tabletwo tbody tr:hover {
	background: #f0f0f0;
}
#tableone td { height:25px; text-align:center;}
.borderright{
	border-right: 1px solid #CCC;
}
#tableone{ width: 700px; padding-bottom:20px;}
#tableone tr{ padding:1px 0;}

tr.alt td{ background: #f0f0f0;}
tr.over td{ background: #fff;}

/* TWO */
#tabletwo table{
	border-collapse:collapse;
}
#tabletwo thead{ color:#0079c2;}
#tabletwo th{ font-weight:100;}
#tabletwo td.hover, #tableone tbody tr:hover {
	background-color: #f0f0f0;
}
#tabletwo td.betterhover, #tabletwo tbody tr:hover {
	background: #f0f0f0;
}
#tabletwo td { height:25px; text-align:center;}
#tabletwo { width: 700px; padding-bottom:20px;}
#tabletwo tr{ padding:1px 0;}
#tabletwo td{ text-align:left;}

/* THREE */
.tablethree tr, td{ height:30px;}

thead.kiekakoekkonijn {
    visibility: hidden;
}
thead.kiekakoekkonijn tr, thead.kiekakoekkonijn tr th {
    height: 1px !important;
    line-height: 1px;
}
thead.kiekakoekkonijn tr th.borderright {
    border: 0px;    
}

/*----- [FONT] -----------------------------------------------------------------------*/
body{	font-family:Arial, Helvetica, sans-serif; font-size:8pt; color: #666; line-height:20px;}
strong{	font-weight:bold;}
em{		font-style:italic;}
#sidebar p {	margin:0;}
p {		margin-bottom:20px;}
ul {
		list-style-type: none;
		padding: 0;
		margin: 0 0 10px 0;
}
li {
		list-style-type: square;
		background-repeat: no-repeat;
		background-position: 0px 5px;
		margin-left: 30px;
		padding-left: 5px;
}
h1 {
		color:#d10000;
		font-size:18px;
		font-weight:bold;
		padding-top:10px;
		text-transform:uppercase;
		margin-bottom:5px;
}
h2 {
		color:#d10000;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		margin-bottom:0px;
}
.overzichttitelone{ position: relative; width: 100%; height: auto; color:#d10000; font-size:14px; font-weight:bold; margin:0; padding:0;}

#productgroep{
	float: left;
	width: auto;
    height: auto;
    margin: 0 0 20px 0;
}

.productgroep{
	float: left;
	width: auto;
    height: auto;
    margin: 0 0 20px 0;
}

*:first-child+html .productgroep_ie7_fix { min-width: 346px; }


h3 { 	font-weight:bold; color:#d10000; font-size:13px;}
a {		color:#0079c2;}
a:hover{ 	color:#333;}
pre {
		background-color:transparent;
		color:#564B47;
		font-family: Courier,Monaco,Monospace;
		font-size:12px;
}
.first{ font-weight:bold;}
#staticmenu{ text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#0079c2;}
#staticmenu a{ text-decoration:none; color:#666;}
#staticmenu a:hover{ text-decoration:underline; color:#0079c2;}

#breadcrumbs{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999;}
#breadcrumbs a { font-weight:bold; }

#sidebar a{ font-size:11px;}


#account a{ font-size:11px;}

.bold{ font-weight:bold;}
.black{ color:#000;}
.blue{ color:#0079c2;}
.red{ color:#d10000;}

.options{ line-height: 25px;}
.footer{ text-align:justify; color: #999;}
.center{ margin:0 auto; text-align:center; width:100%;}