@charset "utf-8";
/* CSS Document */

@import url("page-with-menu.css")  ;
@import url("home.css") ;
@import url("login.css") ;
@import url("products02.css") ;
@import url("contact.css") ;
@import url("products03.css") ;
@import url("products01.css")  ;
@import url("search.css")  ;
@import url("newsletter-page.css")  ;
@import url("newsletter-letter.css")  ;
@import url("basket.css")  ;
@import url("services01.css")  ;
@import url("error.css")  ;
@import url("services02.css")  ;
@import url("company-details.css")  ;
@import url("footer-special.css")  ;
@import url("order-process-02.css")  ;
@import url("order-process-03.css")  ;
@import url("order-process-04.css")  ;
@import url("order-process-05.css")  ;
@import url("order-process-06.css")  ;
@import url("settings.css")  ;
@import url("about-us.css")  ;
@import url("group-info-oil-safe.css")  ;
@import url("group-info-label-safe.css")  ;
@import url("group-info-grease-safe.css")  ;
@import url("product-group-info.css")  ;
@import url("menu-left.css")  ;
@import url("competence")  
;@import url("customers")  ;



/*begin algemeen*/

* {
    margin: 0;
}



html, body{
    height: 100%;
font-family: Arial, Helvetica, sans-serif;
color:#0A55A1;
}

.all{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -235px;
width:906px;
background-color:#FFFFFF;
}

p{
font-size:12px
}

a{
text-decoration:none;
color:#0A55A1;
}

.button-2{
text-decoration:none;
color:#FB5200;
font-size:12px;
}

.button-2:hover{
text-decoration:none;
color:#007AFF;
}

h4{
	color:#0A55A1;
}

/*einde algemeen*/






/*begin top*/

.spacer-bovenkant-scherm{
position:relative;
height:10px;
overflow:hidden;
}

.top{
position:relative;
height:95px;
width:906px;
background-image: url("../img/background/header.jpg");
z-index:5;
}

.top a {
text-decoration:none;
color:#FFFFFF;
}

.top #logo-button{
position:absolute;
left:19px;
top:9px;
}

.top #logo-button{
list-style-type:none;
}

.top #logo-button a{
position:absolute;
left:0px;
top:0px;
width:58px;
height:45px;
display:block;
}

.top #slogan{
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
letter-spacing:2px;
position:absolute;
left:78px;
top:20px;
}

.top #slogan #name{
color:#0A55A1;
}

.top #slogan #text{
color:#FFFFFF;
}

.top .login-butt a{
position:absolute;
left:650px;
top:10px;
width:38px;
height:17px;
background-image: url("../img/buttons/login-img-normal.jpg");
}

.top .login-butt a:hover{
background-image: url("../img/buttons/login-img-hover.jpg");
}


.top #basket-button li{
list-style-type:none;
z-index:100;
}

.top #basket-button a{
position:absolute;
left:713px;
top:11px;
width:36px;
height:36px;
display:block;
background-image: url("../img/buttons/basket.jpg");
z-index:100;

}

.top #basket {
text-decoration:none;
position:absolute;
left:758px;
top:13px;
width:135px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:1px;
}

.top #basket a{
color:#0A55A1;
}


.top #login-text a{
text-decoration:none;
position:absolute;
left:758px;
top:31px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:1px;
color:#FB5200;
}



.top #search{
position:absolute;
bottom:12px;
left:638px;
background-color:#FFFFFF;
border: 1px solid #0A55A1;
width: 95px;
height:14px;
z-index:3;
}

.top #search-but{
position:absolute;
bottom:12px;
left:741px;
height:20px;
width:20px;
cursor:pointer;
z-index:3;
background-image: url("../img/buttons/btn-search.jpg");
border:none;
}

.top select{
position:absolute;
bottom:12px;
left:776px;
width: 110px;
height:20px;
border: 1px solid #0A55A1;
background-color:#FFFFFF;
z-index:3;
margin:0px;
padding:0px;
overflow:hidden;
}
/*einde top*/









/*Begin Menu*/
.buttons{
position:absolute;
top:60px;
left:0px;
z-index:2;
}

.buttons li{
list-style-type:none;
text-align:center;
font-size:12px;
font-weight:bold;
float:left;
}

.buttons a{
height:20px;
display:block;
text-decoration:none;
letter-spacing:1px;
color:#0A55A1;
padding-top:6px;
}

.buttons a:hover{
	color:#0A55A1;
}

.buttons #b1{
position:absolute;
left:9px;
width:65px;
background-color: #FFFFFF;
}


.buttons #b2{
position:absolute;
left:77px;
width:100px;
background-color: #FFFFFF;
}

.buttons #b3{
position:absolute;
left:180px;
width:100px;
background-color: #FFFFFF;
}

.buttons #b4{
position:absolute;
left:283px;
width:124px;
background-color: #FFFFFF;
}

.buttons #b5{
position:absolute;
left:410px;
width:120px;
background-color: #FFFFFF;
}

.buttons #b6{
position:absolute;
left:533px;
width:90px;
background-color: #FFFFFF;
}

.buttons #opvulling{
position:absolute;
left:626px;
width:271px;
height:26px;
background-color: #FFFFFF;
}

.buttons a:hover{
background-color:#D8EDFD;
}

.buttons li:hover a{
background-color:#D8EDFD;
height:20px;
border-bottom: 1px solid #81C5FF;
}

/*begin subknoppen*/

.buttons li ul{
display:none;
}

.buttons li:hover > ul{
display:block;
position:absolute;
left:-1px;
padding-left:0px;
margin-left:0px;
}

.buttons li:hover > ul li{
list-style-type:none;
border-left: 1px solid #81C5FF;
border-right: 1px solid #81C5FF;
width:90px;
background-color:#FFFFFF;
}

.buttons li:hover > ul a{
padding-left:3px;
font-size:10px;
text-align:left;
}

.buttons li:hover > ul a:hover{
background-color:#FFFFFF;
}
/*Einde Menu */






/*begin site content*/

.footer, .push {
    height: 235px;
}
/*einde site content*/







/*begin footer*/

.footer{
width:906px;
margin: 0 auto;
}

.footer #brands {
position:relative;
height:66px;
z-index:2;
}

.footer #brands #background-top{
background-image: url("../img/background/field-top-906.jpg");
background-repeat:no-repeat;
background-position : left top;
height:14px;
overflow:hidden;
}

.footer #brands #background-center{
background-image: url("../img/background/field-center-906.jpg");
background-repeat:repeat-y;
background-position : left top;
height:40px;

}

.footer #brands #background-bottom{
background-image: url("../img/background/field-bottom-906.jpg");
background-repeat:no-repeat;
background-position : left top;
height:12px;
overflow:hidden;
}

.footer #brands #bar{
position:absolute;
left:6px;
bottom:8px;
height:5px;
width:894px;
background-color:#0A55A1;
overflow:hidden;
}

.footer #brands img{
border:none;
}


.footer #brands .logo1{
position:absolute;
left:40px;
bottom:13px;
}

.footer #brands .logo2{
position:absolute;
left:123px;
bottom:13px;
}

.footer #brands .logo3{
position:absolute;
left:217px;
bottom:13px;
}

.footer #brands .logo4{
position:absolute;
left:333px;
bottom:13px;
}

.footer #brands .logo5{
position:absolute;
left:470px;
bottom:13px;
}

.footer #brands .logo6{
position:absolute;
left:582px;
bottom:13px;
}

.footer #brands .logo6b{
position:absolute;
left:671px;
bottom:13px;
}

.footer #brands .logo7{
position:absolute;
left:804px;
bottom:13px;
}

.spacer-1{
position:relative;
height:8px;
overflow:hidden;
}

.footer .address{
position:relative;
text-align:center;
height:50px;
}

.footer .address #background-color{
background-color:#B8E5FF;
height:37px;
width:894px;
position:absolute;
left:6px;
top:6px;
}

.footer .address #address-text{
position:absolute;
top:17px;
left:9px;
font-size:12px;
font-weight:bold;
letter-spacing:normal;
width:894px;
z-index:1;
}

.footer .address #background-top{
background-image: url("../img/background/field-top-906.jpg");
background-repeat:no-repeat;
background-position: left top;
height:14px;
overflow:hidden;
}

.footer .address #background-center{
background-image: url("../img/background/field-center-906.jpg");
background-repeat:repeat-y;
background-position: left top;
height:24px;

}

.footer .address #background-bottom{
background-image: url("../img/background/field-bottom-906.jpg");
background-repeat:no-repeat;
background-position: left top;
height:12px;
overflow:hidden;
}

.spacer-2{
position:relative;
height:13px;
overflow:hidden;
}


.footer .rest{
position:relative;
left:2px;
height:98px;
}

.footer .rest #more-info{
position:absolute;
top:0px;
height:82px;
width:288px;
border: solid 1px #008DFF;
}

.footer .rest #more-info #read-more{
position:absolute;
top:28px;
left:10px;
font-size:15px;
color:#1141CD;
}

.footer .rest #more-info #options{
position:absolute;
top:57px;
left:10px;
font-size:10px;
}

.footer .rest #more-info #options a{
font-size:10px;
color:#007AFF;
text-decoration:none;
}

.footer .rest #more-info #options a:hover{
color:#FB5200;
}

.footer .rest #copyright{
position:absolute;
top:0px;
left:305px;
height:82px;
width:288px;
border: solid 1px #008DFF;
}

.footer .rest #copyright img{
position:absolute;
top:10px;
left:50%;
margin-left:-75px;
}



.footer .rest #umros{
position:absolute;
top:0px;
left:609px;
height:82px;
width:288px;
border: solid 1px #008DFF;
}

.footer .rest #umros #powered-by a{
position:absolute;
top:57px;
left:10px;
font-size:11px;
text-decoration:none;
color:#007AFF;
}

.footer .rest #umros #powered-by a:hover{
color:#FB5200;
}

.footer .rest #umros img{
position:absolute;
top:12px;
left:183px;
border:none;
}

#test{
position:relative;
}
/*einde footer*/