/* Style CSS */

body {
background-image: url(images/background.png);
background-repeat: repeat-x;
font-family:"arial";
font-size: 14px;
margin:0;
padding:0;
height: 100%;
width: 100%;
}

span {display: none;}
a {outline: none;}
a:link {color:#b4e32f;}
a:visited {color:#b4e32f;}

.container {
min-height: 100%;
margin: auto;
width: 900px;
position:relative;
}

.logo {
background-image: url(images/logo.png);
background-repeat: no-repeat;
display: block;
float: left;
width: 281px;
height: 105px;
}

.small_logo {
background-image: url(images/small_logo.png);
background-repeat: no-repeat;
display: block;
float: left;
width: 187px;
height: 69px;
}

.header {
background-image: url(images/header.png);
background-repeat: repeat-x;
height: 70px;
}

.slideshow {
background-image: url(images/slideshow.png);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
width: 910px;
height: 275px;
}

.buttons {
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 20px;
width: 900px;
height: 200px;
}

.li_buttons {
float: left;
padding-left: 10px;
padding-right: 10px;
}

ul.buttons {
list-style-type: none;
float: center;
margin: 0;
padding: 0;
}

.deklant_button {
background-image: url(images/deklant_button.png);
background-repeat: no-repeat;
display: block;
width: 280px;
height: 210px;
}

.facility_button {
background-image: url(images/facility_button.png);
background-repeat: no-repeat;
display: block;
width: 280px;
height: 210px;
}


.milieu_button {
background-image: url(images/milieu_button.png);
background-repeat: no-repeat;
display: block;
width: 280px;
height: 210px;
}

.content {
margin-top: 30px;
text-align: left;
float: left;
width: 900px;
height: auto;
}

#tekst {
background-color: #F5F5F5;
border-radius:25px;
-moz-border-radius:25px;
text-align: left;
float: right;
padding-left: 20px;
margin-bottom: 10px;
width: 400px;
height: auto;
}

.scroll_up {
background-image: url(images/scroll_up.png);
background-repeat: no-repeat;
display: block;
float: right;
width: 65px;
height: 61px;
position: static;
}

.footer {
background-color: #ff891d;
background-repeat: repeat-x;
color: #FFF;
width:100%;
height: 100px;
clear: both;
}

.footer_logo {
float: left;
display: block;
margin-top: 15px;
margin-bottom: 15px;
}

.footer_copy {
float: left;
padding-left: 5px;
padding-top: 20px;
padding-bottom: 15px;
}

.line {
background-color: #FFF;
float: left;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 150px;
width: 1px;
height: 80px;
}

.footer_contact {
float: left;
padding-left: 50px;
text-align: left;
width: 200px;
height: 100px;
}

/* Menu */

ul.menu {
list-style-type: none;
float: right;
margin: 0;
}

ul.contact {
list-style-type: none;
text-align: left;
padding-left: 0;
}

.li_menu {
float: left;
padding-left: 5px;
padding-right: 5px;
}

/* home button */
a.home_button {
background-image: url(./images/buttons/home_button.png);
background-repeat: no-repeat;
display: block;
width: 85px;
height: 70px;
}
a.home_button:hover,a.home_button_hover {
background-image: url(./images/buttons/hover/home_button_hover.png);
background-repeat: no-repeat;
display: block;
width: 85px;
height: 70px;
}

/* Over Ons button */
a.overons_button {
background-image: url(./images/buttons/overons_button.png);
background-repeat: no-repeat;
display: block;
width: 85px;
height: 70px;
}
a.overons_button:hover,a.overons_button_hover {
background-image: url(./images/buttons/hover/overons_button_hover.png);
background-repeat: no-repeat;
display: block;
width: 85px;
height: 70px;
}

/* Diensten button */
a.diensten_button {
background-image: url(./images/buttons/diensten_button.png);
background-repeat: no-repeat;
display: block;
width: 85px;
height: 70px;
}
a.diensten_button:hover,a.diensten_button_hover {
background-image: url(./images/buttons/hover/diensten_button_hover.png);
background-repeat: no-repeat;
display: block;
width: 85px;
height: 70px;
}

/* Verkoop button */
a.verkoop_button {
background-image: url(./images/buttons/verkoop_button.png);
background-repeat: no-repeat;
display: block;
width: 85px;
height: 70px;
}
a.verkoop_button:hover,a.verkoop_button_hover {
background-image: url(./images/buttons/hover/verkoop_button_hover.png);
background-repeat: no-repeat;
display: block;
width: 85px;
height: 70px;
}

/* Vacatures button */
a.vacatures_button {
background-image: url(./images/buttons/vacatures_button.png);
background-repeat: no-repeat;
display: block;
width: 85px;
height: 70px;
}
a.vacatures_button:hover,a.vacatures_button_hover {
background-image: url(./images/buttons/hover/vacatures_button_hover.png);
background-repeat: no-repeat;
display: block;
width: 85px;
height: 70px;
}

/* Contact button */
a.contact_button {
background-image: url(./images/buttons/contact_button.png);
background-repeat: no-repeat;
display: block;
width: 85px;
height: 70px;
}
a.contact_button:hover,a.contact_button_hover {
background-image: url(./images/buttons/hover/contact_button_hover.png);
background-repeat: no-repeat;
display: block;
width: 85px;
height: 70px;
}