/* algemene instellingen en reset's*/
html,body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form,div,ul,li{
	margin: 0;
	padding: 0;
}
body{
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;
	color: #000;
    width:100%;
    line-height:25px;
    font-weight:100;
    background:#ffffff url(../images/website_achter.png) center 19px repeat;
    font-family: arial;
    font-variant: small-caps;
    font-size:11pt;

}

h1
{
    font-family: arial;
    font-variant: small-caps;
    font-size:14pt;
    text-decoration:none;
    color:#ffff00;
}

a
{
    text-decoration:none;
    color:#ff0000;
}

a:visited
{
    text-decoration:none;
    color:#ff0000;
}

a:hover
{
    text-decoration:underline;
    color:#ff0000;
}

html,body { height:100%; }

.container
{
    width:960px;
    margin:0 auto;
    position:relative;
}
.top
{
    height:20px;
}
.sfeer
{
    margin:0;
}
.whiteback
{
    background:#FFF;
}

.content
{
    background:#000;
    margin:0;
    padding:1%;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    width: 459px;
    float:left;
    color:#fff;
}
.content2
{
    background:#000;
    margin:0;
    padding:1%;
    width: 459px;
    float:right;
    color:#fff;
}
.content_links
{
    background:#000;
    margin:0;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    width: 479px;
    float:left;
    color:#fff;
}

.menuitem
{
    margin:0;
    width:160px;
    float:left;
}
.menuitem a
{
    display:block;
    width:160px;
    height:161px;

}

.handmatig a
{
    background:url(../images/menu.png) 0 -161px repeat;
}
.handmatig a:hover, .handmatig a.hover
{
    background:#ffffff url(../images/menu.png) 0 0 repeat;
}


.machinaal a
{
    background:url(../images/menu.png) -160px -161px repeat;
}
.machinaal a:hover, .machinaal a.hover
{
    background:#ffffff url(../images/menu.png) -160px 0 repeat;
}

.thuiswerk a
{
    background:url(../images/menu.png) -320px -161px repeat;
}
.thuiswerk a:hover, .thuiswerk a.hover
{
    background:#ffffff url(../images/menu.png) -320px 0 repeat;
}

.logistiek a
{
    background:url(../images/menu.png) -480px -161px repeat;
}
.logistiek a:hover, .logistiek a.hover
{
    background:#ffffff url(../images/menu.png) -480px 0 repeat;
}

.contact a
{
    background:url(../images/menu.png) -640px -161px repeat;
}
.contact a:hover, .contact a.hover
{
    background:#ffffff url(../images/menu.png) -640px 0 repeat;
}

.route a
{
    background:url(../images/menu.png) -800px -161px repeat;
}
.route a:hover, .route a.hover
{
    background:#ffffff url(../images/menu.png) -800px 0 repeat;
}

.product
{
    margin:0;
    width: 160px;
    float: left;
}
.product_einderegel
{
    width:159px;
}