﻿body
{
    margin:3px;
}

#container
{
	margin-left: auto;
	margin-right: auto;
    width:974px;
    height:576px;
    border:solid 1px #d0d2d1;
}

#de-sterke-schakel
{
    width:974px;
    height:80px;
    float:left;
    position:relative;
    background-image: url(../images/de-sterke-schakel.gif);
    background-repeat: no-repeat;
}

#matrent
{
    width:127px;
    height:77px;
    margin-top:3px;
    margin-left:10px;
    position:absolute;
}

#navigation
{
    width:420px;
    height:21px;
    position:absolute;
    margin-left:178px;
    margin-top:53px;
     
}

#navigation a
{
    font-family:Arial;
    font-size:13px;
    color:White;
    font-weight:bold; 
    text-decoration:none;
}

#navigation a:hover
{
    color:#d0d2d1;
}

#language
{
    width:100px;
    height:6px;
    position:absolute;
    margin-top:32px;
    margin-left:850px;
    text-align:right;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;  
    color:#535c57;

}

#language a
{
  color:#535c57;
  text-decoration:none;
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
}

#language a:hover
{
    text-decoration:underline;
}


#home
{
    
    width:100px;
    height:15px;
    position:absolute;
    margin-top:11px;
    margin-left:848px;
    text-align:right;

}
/*#content
{
    width:914px;
    height:187px;
    float:left;
    position:relative;
    font-family:Arial, Helvetica;
    font-size:12px;
    font-weight:normal;
    color:#2f2f2f;
    padding-left:30px;
    padding-right:30px;
    line-height:19px;
    background-color:black;
}*/
#banner
{
    width:974px;
    height:223px;
    float:left;
    position:relative;
    background-color:white;
}

#intro
{
    width:430px;
    height:142px;
    float:left;
    position:relative;
    border-right:solid 1px #d0d2d1;
    font-family:Arial, Helvetica;
    font-size:12px;
    font-weight:normal;
    color:#2f2f2f;
    padding-left:24px;
    padding-right:25px;
}

h1
{
    font-family:Arial, Helvetica;
    font-size:13px;
    font-weight:bolder;
    color:#a30a1f;
    margin-bottom:10px;
    margin-top:8px;
}

h2
{
    font-family:Arial, Helvetica;
    font-size:13px;
    font-weight:bolder;
    color:#a30a1f;
    margin-bottom:7px;
    margin-top:8px;
}

#intro ul
{
    margin-top:0px;
    margin-bottom:0px;
}

#news
{
    width:440px;
    height:142px;
    float:right;
    position:relative;
    font-family:Arial, Helvetica;
    font-size:12px;
    font-weight:normal;
    color:#2f2f2f;
    padding-left:15px;
    padding-right:27px;
}

#news a
{
    text-decoration:none;
    font-size:12px;
    color:#2f2f2f;
}

#news a:hover
{
    text-decoration:underline;
}

#machines
{
    width:954px;
    height:99px;
    float:left;
    position:relative;
    text-align:left;
    padding-left:20px;
 
}


.dotted-ligne
{
    border-right: dotted 1px #d0d2d1;
}


#pelles-sur-chenilles
{
    display: block;
    width: 101px;
    height: 83px;
    background: url("../images/Pelles-sur-chenilles.jpg") no-repeat 0 0;
}

#pelles-sur-chenilles:hover
{
    background: url("../images/Pelles-sur-chenilles-x.jpg") no-repeat 0 0;
}


#pelles-sur-pneus
{
    display: block;
    width: 120px;
    height: 83px;
    background: url("../images/Pelles-sur-pneus.jpg") no-repeat 0 0;
}

#pelles-sur-pneus:hover
{
    background: url("../images/Pelles-sur-pneus-x.jpg") no-repeat 0 0;
}

#chargeuses
{
    display: block;
    width: 120px;
    height: 83px;
    background: url("../images/chargeuses.jpg") no-repeat 0 0;
}

#chargeuses:hover
{
    background: url("../images/chargeuses-x.jpg") no-repeat 0 0;
}

#bulldozers
{
    display: block;
    width: 105px;
    height: 83px;
    background: url("../images/bulldozers.jpg") no-repeat 0 0;
}

#bulldozers:hover
{
    background: url("../images/bulldozers-x.jpg") no-repeat 0 0;
}

#dumpers
{
    display: block;
    width: 105px;
    height: 83px;
    background: url("../images/dumpers.jpg") no-repeat 0 0;
}

#dumpers:hover
{
    background: url("../images/dumpers-x.jpg") no-repeat 0 0;
}

#dumpers-rigides
{
    display: block;
    width: 115px;
    height: 79px;
    background: url("../images/Dumpers-rigides.jpg") no-repeat 0 0;
}

#dumpers-rigides:hover
{
    background: url("../images/dumpers-rigides-x.jpg") no-repeat 0 0;
}

#equipements
{
    display: block;
    width: 70px;
    height: 83px;
    background: url("../images/equipements.jpg") no-repeat 0 0;
}

#equipements:hover
{
    background: url("../images/equipements-x.jpg") no-repeat 0 0;
}

.dotted-ligne
{
    border-right: dotted 1px #d0d2d1;
}


#footer
{
    width:974px;
    height:19px;
    float:left;
    position:relative;
    background-color:#a30a1f;
    text-align:center;
}

#footer a
{
    color:White;
    font-family:Verdana;
    font-size:11px;
    text-decoration:none;
}

#footer a:hover
{
    text-decoration:underline;
}

.footer-ligne
{
    border-right: white thin dotted;
}

.lightgrey
{
    color:#acacac;
}



.gridview
{
    margin-bottom:-24px;
}

.hyperlink a
{
    text-decoration:underline;
}

#spacer
{
    width:424px;
    height:15px;
    float:left;
    position:relative;
    border-right:solid 1px #d0d2d1;
    font-family:Arial, Helvetica;
    font-size:12px;
    font-weight:normal;
    color:#a30a1f;
    padding-left:30px;
    padding-right:25px;
    font-weight:bold;
}
