/* CSS Document */
body{
    margin:0;
    padding:0;

    height:100%;
    background: #000026;
}

/******************************************
/** BODY STRUCTURE
/*****************************************/

#mainContainer{
    width:845px;
    height:auto;
    float:left;
    position:absolute;
    left:50%;
    margin-left:-422px;
    background:url(images/sBackn.jpg) repeat-y;
}

#mainHeader{
    float:left;
    width:845px;
    height:54px;
    background:url(images/sHeader.jpg) no-repeat;
}

#topDate{
    float:right;
    height: auto;
    font-size: 12px;
    margin-top:35px;
    font-family:Arial, Helvetica, sans-serif;
}

    #sCompanyName{color:#0055a4;}
    #sDateStyle{color:#FFFFFF;}

/* Left side */

#leftContainer{
    float:left;
    width:273px;
    height:auto;
}

#leftLogo{
    float:left;
    height:239px;
    width:273px;
    background:url(images/sLogo.jpg) no-repeat;
}

.leftMenu{
    float:left;
    height:auto;
    width:181px;
}

ul.leftMenu{
    list-style:none;
    display:block;
    float: right;
    margin-right: 50px;
    _margin-right: 20px;
    margin-bottom: -45px;
}

.leftMenu li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 23px;
  text-decoration: none;
  letter-spacing: 1px;
  line-height: 45px;
  text-align: right;
  display: block;
}

.leftMenu li a:hover {
  color: #ec1d25;
}

.leftMenu li a.active {
  color: #ec1d25;
}

h3 {
  color: #ec1d25;
  font-size: 25px;
  letter-spacing: 2px;
  margin-bottom: -15px;
}

#leftSpace{
    float:left;
    height:132px;
    width:273px;
    background:url(images/sRow8.jpg);
}

#leftContact{
    float:left;
    height:225px;
    width:273px;
}


ul.leftContactFiles{
    list-style:none;

    margin-right:50px;
    margin-top:0px;
    width:125px;

    display:block;
    float:right;
    text-align:right;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#FFFFFF;
    font-style:italic;
}

li #contactTitle{
    float:right;
    width:100px;

    font-weight:bold;
    font-size:12px;
}

li #contactAdres{
    float:right;

    width:100px;
    margin-top:5px;
}

li #contactPlace{
    float:right;

    width:100px;
    margin-top:5px;
}

li #contactTel{
    float:right;

    width:100px;
    margin-top:15px;
}

li #contactFax{
    float:right;

    width:100px;
    margin-top:5px;
}

li #contactMail a{
    float:right;

    width:125px;
    margin-top:5px;

    color:#ffffff;
    text-decoration:none;
}

    li #contactMail a:hover{
        float:right;

        width:125px;

        color:#ec1d25;
        text-decoration:none;
    }

/* Right side */

#rightContainer{
    float:right;
    width:572px;
    height:auto;
}

.backup {
    float:left;
    width:572px;
    height:367px;
    background: url(images/sImage.jpg) no-repeat;
}

#rightImageActueel{
    float:left;
    width:572px;
    height:367px;
    background: url(images/sImage.jpg) no-repeat;
}

#rightImageBedrijf{
    float:left;
    width:572px;
    height:367px;
    background:url(images/sImageTwo.jpg) no-repeat;
}

#rightImageService{
    float:left;
    width:572px;
    height:367px;
    background:url(images/sImageThree.jpg) no-repeat;
}

#rightImageWerken_bij_Bekopak{
    float:left;
    width:572px;
    height:367px;
    background:url(images/sImageFour.jpg) no-repeat;
}

#rightImageProducten{
    float:left;
    width:572px;
    height:367px;
    background:url(images/sImageFive.jpg) no-repeat;
}

#rightImageLinks{
    float:left;
    width:572px;
    height:366px;
    background:url(images/sImageRepair.jpg) no-repeat;
}

#rightImageContact{
    float:left;
    width:572px;
    height:367px;
    background:url(images/sImageSeven.jpg) no-repeat;
}


div.rightContentStyler{
    width: 423px;

    float:left;
    margin-bottom: 50px;
    text-align:left;

    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    background: url(images/sBackContent.jpg) no-repeat;
}

div.rightContentStylerBedrijf{
    width: 423px;
    float:left;

    margin-bottom: 50px;
    background: url(images/sBackContentBedrijf.jpg) top no-repeat;

    text-align:left;

    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

div.rightContentStylerProducten{
    width: 423px;
    float:left;

    margin-bottom: 50px;
    background: url(images/sBackContentProducten.jpg) top no-repeat;

    text-align:left;

    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

div.rightContentStylerService{
    width: 423px;
    float:left;

    margin-bottom: 50px;
    background: url(images/sBackContentService.jpg) top no-repeat;

    text-align:left;

    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

div.rightContentStylerBekopak{
    width: 423px;
    float:left;

    margin-bottom: 50px;
    background: url(images/sBackContentBekopak.jpg) top no-repeat;

    text-align:left;

    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

div.rightContentStylerReferenties{
    width: 423px;
    float:left;

    margin-bottom: 50px;
    background: url(images/sBackContentReferenties.jpg) top no-repeat;

    text-align:left;

    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

div.rightContentStylerContact{
    width: 423px;
    float:left;

    margin-bottom: 50px;
    background: url(images/sBackContentContact.jpg) top no-repeat;

    text-align:left;

    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

div #tekstTitle{
    float:left;
    width: 423px;
    height:auto;
    margin-bottom:50px;
    padding-left:75px;
}

div #tekstData{
    width: 423px;
    float:left;
    text-align: justify;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 22px;
    padding-left:75px;
}

/******************************************
/** PAGE STYLERS
/*****************************************/

div .newsDataLine{
    width: 423px;
    height:auto;
    float:left;
    display:block;
}

div .newsSeperateLine{
    width: 423px;
    height:1px;
    float:left;
    background:url(images/nieuwsborder.jpg) no-repeat;
    display:block;
}

div .newsDataTitle{
    margin-top:8px;
    width: 423px;
    height:auto;
    float:left;
    color:#0055a4;
    font-size:12px;
    font-weight: bold;
    text-decoration: none;
    display:block;
}

div .newsDataTitle a{color:#0055a4; font-size:12px; font-weight: bold; text-decoration: none; }
div .newsDataTitle a:active{color:#0055a4; font-size:12px; font-weight: bold; text-decoration: none; }
div .newsDataTitle a:visited{color:#0055a4; font-size:12px; font-weight: bold; text-decoration: none; }
div .newsDataTitle a:hover{color:#ec1d25; font-size:12px; font-weight: bold; text-decoration: none; }

div .newsDataTekst{
    width: 423px;
    height:auto;
    float:left;
    font-size:11px;
    display:block;
}

div .newsDataTekst p{
    margin:0;
    padding:0;
}

div .newsDataSpace{
    width: 423px;
    height:50px;
    float:left;
    display:block;
}

#sReadMore a{color:#ec1d25; text-decoration: none;}
#sReadMore a:active{color:#ec1d25; text-decoration: none;}
#sReadMore a:visited{color:#ec1d25; text-decoration: none;}
#sReadMore a:hover{color:#0055a4; text-decoration: none;}

div .referenceTitleLine{
    margin-top:8px;
    width: 423px;
    height:auto;
    float:left;
    color:#0055a4;
    font-size:12px;
    font-weight: bold;
    text-decoration: none;
    display:block;
}

div .referenceTitleLine p{
    float:left;
    margin:0;
    padding:0;
    display:inline;
}

div .referenceTitleLine a{color:#0055a4; text-decoration: none;}
div .referenceTitleLine a:active{color:#0055a4; text-decoration: none;}
div .referenceTitleLine a:visited{color:#0055a4; text-decoration: none;}
div .referenceTitleLine a:hover{color:#ec1d25; text-decoration: none;}

div .referenceDataTitle{
    margin-top:8px;
    width: 423px;
    height:auto;
    float:left;
    color:#0055a4;
    font-size:11px;
    font-weight: bold;
    text-decoration: none;
    display:block;
}

div .referenceDataTitle a{color:#0055a4; text-decoration: none;}
div .referenceDataTitle a:active{color:#0055a4; text-decoration: none;}
div .referenceDataTitle a:visited{color:#0055a4; text-decoration: none;}
div .referenceDataTitle a:hover{color:#ec1d25; text-decoration: none;}

/* Product layout */

div .iReferenceImageOne{
    width: 212px;
    float:left;
    margin-top:20px;
    margin-bottom:5px;
}

div .iReferenceImageOne img{
    border: 1px solid #757676;
}

div .iReferenceImageTo{
    width: 211px;
    float:left;
    margin-top:20px;
    margin-bottom:5px;
}

div .iReferenceImageTo img{
    border: 1px solid #757676;
}

div .iReferenceName{
    width: 432px;
    text-align: justify;

    float:left;
}

div .iReferenceName b{
    margin-right: 8px;
    margin-left: 15px;
}

div .iReferenceReferentie{
    width: 423px;
    text-align: justify;
    float:left;
    margin-top:10px;
    margin-bottom: 15px;
}

div .iReferenceReferentie b{
    margin-right: 8px;
    margin-left: 15px;
}

div .imageView{
    float:left;
    width: 423px;
}