@charset "UTF-8";
body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url(../images/bg.gif) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	overflow-y:scroll;
}

#header { 
	color:#FFF;
	height:205px;
} 


#logo {width:295px; text-align:center; padding-top:20px; float:left; margin-right:30px; height:180px; }

#headerright { float:right;}
#language { text-align:right; width:130px; padding-top:5px;}
#language a {color:#FFF; text-decoration:none;}
#language a.active { font-weight:bold;}
#search { color:#fff; margin-top:140px; }

#search form {margin:0px; padding:0px;}
.searchfield {width:120px; border:none; color:#999; font-style:italic;}


#headernavigation {  color:#FFF;  padding-top:175px; margin:0 0 0 300px; text-transform:uppercase;}
#headernavigation ul {font-size:1.35em; margin:0px; padding:0px;}
#headernavigation li {display:inline; margin:0px 10px 0 0; padding:0px;}
#headernavigation li a {color:#FFF; text-decoration:none;}


#container {
	width: 920px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}



#leftcolumn {float:left; margin:20px 30px 0 0; }

#productnavigation {width:295px; }
#productnavigation ul, li {list-style:none; margin:0px; padding:0px; text-align:center; padding-bottom:4px;}

#productnavigation li a { text-decoration:none; color:#003882; text-transform:uppercase;}
#productnavigation li a:hover {color:#e2001a;}
#productnavigation li a.active {color:#e2001a;}

#fotothumb { width:295px; margin-top:30px;}
#fotothumb a img {border:none;}

 #mainContent {
	padding: 20px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}

#mainContent h1 { font-size:1.3em; text-transform:uppercase; font-weight:bold; color:#003882; margin:0px 0 5px 0; padding:0px;}
#mainContent h2 { font-size:1.2em; text-transform:uppercase; font-weight:bold; color:#000; margin:20px 0 5px 0; padding:0px;}
#mainContent p { font-size:1.1em; line-height:1.4em; padding-right:135px; margin:10px 0; text-align:justify;}
#mainContent p.opsomming {text-align:left;}

#mainContent img {padding-left:10px;}
#mainContent .productfoto img {padding-left:0px;}
.productfoto { width:590px; float:right; margin-bottom:15px;}
.mail {text-decoration:none; border-bottom:dotted 1px #003882; color:#003882;}

#mainContent p.logo-lev {padding-top:20px; padding-right:0px;}
p.logo-lev img {border:none; margin-right:8px; vertical-align:middle; padding-bottom:10px;}


/* Productoverzichtspagina */


#productlist {list-style-type:none; margin-left:284px;}

#productlist li {float:left; margin-right:15px; margin-bottom:15px; color:#000; text-align:left; background-position:bottom left; background-repeat:no-repeat;}

#productlist li a {text-decoration:none; color:#000;}

#productlist img {display:block; border:none; padding:0px;}

.lagertechniek a img {background-image:url(../images/producten/overzicht/lagertechniek.jpg); }
.aandrijftechniek a img {background-image:url(../images/producten/overzicht/aandrijftechniek.jpg);}
.diversen a img {background-image:url(../images/producten/overzicht/diversen.jpg);}
.hydraulic a img {background-image:url(../images/producten/overzicht/hydraulic.jpg);}
.hygiene a img {background-image:url(../images/producten/overzicht/hygiene.jpg);}
.industriele-onderhoudsproducten a img {background-image:url(../images/producten/overzicht/industriele-onderhoudsproducten.jpg);}
.industriele-producten a img {background-image:url(../images/producten/overzicht/industriele-producten.jpg);}
.industriele-uitrusting a img {background-image:url(../images/producten/overzicht/industriele-uitrusting.jpg);}
.magazijn a img {background-image:url(../images/producten/overzicht/magazijn.jpg);}
.mechanisch-handgereedschap a img {background-image:url(../images/producten/overzicht/mechanisch-handgereedschap.jpg);}
.meet-testapparatuur a img {background-image:url(../images/producten/overzicht/meet-testapparatuur.jpg);}
.oppervlaktebehandeling a img {background-image:url(../images/producten/overzicht/oppervlaktebehandeling.jpg);}
.pneumatic a img {background-image:url(../images/producten/overzicht/pneumatic.jpg);}
.pneumatisch-handgereedschap a img {background-image:url(../images/producten/overzicht/pneumatisch-handgereedschap.jpg);}
.veiligheid a img {background-image:url(../images/producten/overzicht/veiligheid.jpg);}
.bevestingsmateriaal a img {background-image:url(../images/producten/overzicht/bevestigingsmateriaal.jpg);}

#productlist li a:hover img {background-position:-291px bottom;}



/* CONTACT FORMULIER  */

#contactformulier {margin-top:10px; }
label {width:110px; float:left; font-size:1.2em; }
#contactformulier .verzend {background:url(../images/submit.jpg) no-repeat; width:100px; color:#FFF; background-color:#FFF; margin-left:325px; padding:1px 0 2px 2px; text-align:left;}
#contactformulier input, textarea {margin-bottom:8px; background-color:#e5e5e5; border:none; color:#000; padding:3px; font-family:Verdana, Geneva, sans-serif; font-size:1.1em; width:300px;}
.inputfield {background-color:#e5e5e5;}





.floatright { float:right; } 
.floatleft { float:left;}
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}


 #footer {padding: 0 10px; margin:50px 0 0 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	border-top: 1px solid #003882; display:block;
} 
 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
}
#footer p a {text-decoration:none; color:#000; border-bottom:dotted 1px #000;}