* {
margin: 0;
padding: 0;
}

body, html {
background: #fff url(../img/bgbody.jpg) repeat-y;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
}

img {
border-width: 0;
}

p {margin: 0;}

#container {
position: relative; top: 0; left: 0;
min-height: 532px;
height:auto !important; /* voor moderne browsers */
height:532px; /* voor IE */
width: 1000px;
background: url(../img/drop.jpg) 30px 0 no-repeat;
}

#menu {
position: relative; top: 20px; left: 93px;
width: 850px; height: 75px;
font-family: tahoma;
}
#menu img {
padding: 5px;
}

#menu ul {
list-style: none;
}
#menu li {
float: left;
}
#menu a {
display: block;
font-size: 10px;
width: 90px;
}
#menu a:link, #menu a:visited {
text-decoration: none;
color: #000;
}
#menu a:hover, #menu a:active {
text-decoration: none;
color: #000;
}

.aboutus 	{ position: absolute; top: 45px; left: -30px; width: 80px; text-align: center; }
.photo 		{ position: absolute; top: 45px; left: 56px;  width: 80px; text-align: center; }
.contact 	{ position: absolute; top: 45px; left: 165px; width: 80px; text-align: center; }
.links 		{ position: absolute; top: 45px; left: 268px; width: 80px; text-align: center; }
.products 	{ position: absolute; top: 45px; left: 367px; width: 80px; text-align: center; }
.logon 		{ position: absolute; top: 45px; left: 483px; width: 80px; text-align: center; }
.news 		{ position: absolute; top: 45px; left: 575px; width: 80px; text-align: center; }
.downloads 	{ position: absolute; top: 45px; left: 658px; width: 80px; text-align: center; }

#search {
position: absolute; top: 70px; left: 873px;
}

#language {
position: absolute; top: 95px; left: 873px;
}

.searchfield {border: green 1px solid;}
.button { position: absolute; top: 0; left: 100px; }

.welcome {
position: absolute; top: 150px; left: 410px;
color: #00A600; font-size: 16px; font-weight: bold;
}

.highlight_move_to_breda {
position: absolute; top: 100px; left: 280px;
color: red; font-size: 16px; font-weight: bold;
}

#content {
margin: 100px 0 0 140px;
}

#menuspecial {
position: relative; top: 120px; left: 116px;
width: 892px; height: 250px; 
}
#menuspecial a {
float: left;
width:134px;
height: 185px;
margin-right: 14px;
}
#menuspecial a:hover	{ text-decoration: none; background-position: 0 0;}
#menuspecial a span		{ display:none; float: left;}
#menuspecial a:hover .a { display: block; position: absolute; top: 200px; left: 0; width: 890px; height: 150px; background: url(../img/01.jpg) no-repeat; text-align: center; }
#menuspecial a:hover .b { display: block; position: absolute; top: 200px; left: 0; width: 890px; height: 150px; background: url(../img/02.jpg) no-repeat; text-align: center; }
#menuspecial a:hover .c { display: block; position: absolute; top: 200px; left: 0; width: 890px; height: 150px; background: url(../img/03.jpg) no-repeat; text-align: center; }
#menuspecial a:hover .d { display: block; position: absolute; top: 200px; left: 0; width: 890px; height: 150px; background: url(../img/04.jpg) no-repeat; text-align: center; }
#menuspecial a:hover .e { display: block; position: absolute; top: 200px; left: 0; width: 890px; height: 150px; background: url(../img/05.jpg) no-repeat; text-align: center; }


.bgenluse {
position: absolute;
top: 200px; left: 230px;
width: 600px;
font-size: 20px;
color: #009100;
}
.oilsafe {
background: url(../img/oilsafe134x185.jpg) no-repeat;
}
.greasesafe {
background: url(../img/grease134x185.jpg) no-repeat;
}
.labelsafe {
background: url(../img/label134x185.jpg) no-repeat;
}
.lubebays {
background: url(../img/lubebays134x185.jpg) no-repeat;
}
.cm {
background: url(../img/cm134x185.jpg) no-repeat;
}
.intro {
background: url(../img/intro134x185.jpg) no-repeat;
}

#bottom {
position: relative; top: 100px; left: 93px;
width: 897px;
font-size: 12px;
color: #009200;
text-align: center; 
border-top: #FFB600 1px solid;
margin-top: 40px;
}

#bottom p {
padding-top: 11px;
float: left;
padding-right: 35px;
}