html {
   overflow-y: scroll;
   }

body {
   background-color: white;
   color: #616161;
   background-image:url('img/bgtop.jpg');
   background-repeat:repeat-x;
   margin:0;
   padding:0;
   }

.gradient {
   width: auto;
   height: 650px;

   background: #fff; /* for non-css3 browsers */

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#ffffff'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#fff)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #666,  #fff); /* for firefox 3.6+ */
}



h1 {
   font-family: myFirstFont;
   font-size: 185%;
   font-weight: normal;
   padding: 0 0 15px 0;
   margin: 0 0 0 0;
   }
h3.contact {
   font-family: "Gill-Sans", Helvetica, Arial;
   font-size: 90%;
   font-weight: bold;
   padding: 0 0 5px 0;
   margin: 0 0 0 0;
   }
h1.paginas {
   font-family: myFirstFont;
   font-size: 185%;
   font-weight:bold;
   }
@font-face
{
font-family: myFirstFont;
src: url(CorpidCdHeavyItalic.woff);
}
h1.overigeprojecten {
   font-family: myFirstFont;
   font-size: 125%;
   font-weight:bold;
   padding: 0 0 10px 0;
   }

h2 {
   font-family: myFirstFont;
   font-size: 125%;
   font-weight:bold;
   padding: 0 0 0 0;
   margin:0 0 15px 0;
   color:#3c5ca7;
   }
h2.contact {
   font-family: myFirstFont;
   font-size: 125%;
   font-weight:bold;
   color:#616161;
   padding: 0 0 0 0;
   margin:0 0 15px 0;
   }

p {
   font-family: "Gill-Sans", Helvetica, Arial;
   font-size: 75%;
   padding: 0 0 10px 0;
   margin: 0 0 0 0;
   line-height: 155%;
   }

p.eerstealinea {
   font-weight:bold;
   font-size:80%;
   }

p.grotetekstportfolio {
   font-size:90%;
   padding: 0 0 15px 0;
   }

p.contactalert {
color:red;
padding:0 0 5px 0;
margin:0;
}
.grijs-ag{
background-color:;
}

.container {
    width: 1004px;
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF;
    }

.containerslideshow {
height:350px;
width:930px;
margin-left:auto;
margin-right:auto;
}

.grenslijnleft {
   float:left;
   }

.grenslijnright {
   float:right;
   }

.infoplacment {
background-color:black;
height:30px;
}

.infotop {
margin-left:auto;
margin-right:auto;
   width: 1004px;
   height: 30px;
   background-color: black;
   text-align: right;
   }

.infotoptext {
   font-family: "Gill-Sans", Helvetica, Arial;
   font-size: 75%;
   font-weight: bolder;
   padding: 7px 50px 0 0;
   color:#888888;
   }

.followme {
   height: 35px;
   background-color:;
   text-align: right;
   }

.followmetext {
   font-family: "Gill-Sans", Helvetica, Arial;
   font-size: 75%;
   font-weight: bolder;
   padding: 14px 2px 0 0;
   }

.followmelogos {
   padding: 0px 50px 0 0px;
   float:right;
   background-color:;
   }

div.followmelogoswm {
   margin: 0px;
   border: 0px;
   height: auto;
   width: auto;
   float: right;
   text-align: center;
   padding: 0;
   }

div.followmelogoswm img {
   display: block;
   margin: 8px 0 0 0;
   padding: 0;
   border: 0px;
   background-color:;

   }

a.followmelogoswm {
   display:block;
   width: 25px;
   height: 25px;
   padding: 0;
   margin: 0 1px 0 4px;
   }

a.followmelogoswm:hover {
   width: 25px;
   height: 25px;
   background-image:url('img/legebglinks.jpg');
   background-repeat:no-repeat;
   background-color: #FFFFFF;
   margin: 0 1px 0 4px;
   }
.container_logo_menu{
height:60px;
width:980px;
background-color:;
margin: 0 0 50px 0;
}
.logo {
   height: 60px;
   width:395px;
   background-color:;
   float:left;
   margin:15px 0 0 20px;
   }

.menubalk {
   height: 40px;
   width: 475px;
   background-color:;
   float:right;
   margin:30px 0 0 0;
   }

.menu {
   text-align:right;
   }

ul {
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
    text-align:center;
    }

li.b {
    float:left;
    padding: 0 21px 0 0;
    margin: 0 0 0 0;
    }

li.linksfooterdistance {
   float:left;
   padding: 0;
   margin: 0;
   }

li.linksfooterdistanceHome {
   float:left;
   padding: 0 10px 0 0;
   margin: 0;
   }

a.menu {
    display:block;
    width:100%;
    height: 30px;
    color:#929294;
    text-decoration: none;
    font-family: "Gill-Sans", Helvetica, Arial;
    font-size: 100%;
    font-weight: bold;
    padding: 10px 10px 0 5px;
    }
@font-face
{
font-family: mySecondFont;
src: url(DINPro-Medium.woff);
}
a.menu:hover {
    background-color:#FFFFFF;
    background-image:url('img/pijltje-hover.jpg');
    background-repeat:no-repeat;
    background-position: left center;
    color: #929294;
    }
#black{
    background-image:url('img/pijltje.jpg');
    background-repeat:no-repeat;
    background-position: left center;
    color: #3a414c;
    }

a.logolink {
   padding: 0;
   margin: 0;
   }

a.logolink:hover {
   background-image:url('img/legebglinks.jpg');
   background-repeat:no-repeat;
   background-position: left center;
   background-repeat:no-repeat;
   }

a.linksfooter {
   display: inline;
   width: 100%;
   height: 15px;
   color: #6a6664;
   border-right-style: ;
   border-width: ;
   border-color: #;
   font-size: 100%;
   font-weight: normal;
   padding: 0 15px 0 15px;
   margin:0 2px 0 0;
   }

a.linksfooter:hover {
   text-decoration: underline;
   background-image:url('img/legebglinks.jpg');
   color:#000000;
   }

a.email {
   display: inline;
   width: 100%;
   height: 15px;
   color: #6a6664;
   border-right-style: ;
   border-width: ;
   border-color: #;
   font-size: 100%;
   font-weight: normal;
   padding: 0;
   margin:0;
   text-decoration:none;
   }

a.email:hover {
   text-decoration:underline;

   color:#000000;
   }

a.linksportfolio {
   display: inline;
   background-image:url(./img/pijltjelinks.jpg);
   background-repeat:no-repeat;
   background-position: left center;
   color: #6a6664;
   border-right-style: ;
   border-width: ;
   border-color: #;
   font-size: 100%;
   font-weight: normal;
   padding: 0 0 0 14px;
   margin:0;
   text-decoration:none;
   }

a.linksportfolio:hover {
   text-decoration:underline;
   background-image:url(./img/pijltjelinks-hover.jpg);
   background-repeat:no-repeat;
   background-position: left center;
   color:#6a6664;
   }

#linksportfolio_black {
color:#3a414c;
background-image:url(./img/pijltjelinks-over.jpg);
text-decoration:underline;
}


a.linksnormal {
   display: inline;
   color: #888888;
   font-size: 100%;
   font-weight: normal;
   padding:0;
   margin:0;
   text-decoration:none;
   }

a.linksnormal:hover {
   text-decoration:underline;
   background-image:none;
   background-color:;
   color:#000000;
   }
a.linkmailtoppage {
   display: inline;
   color: #a2a2a2;
   font-size: 100%;
   font-weight: bolder;
   padding:0;
   margin:0;
   text-decoration:underline;
   }

a.linkmailtoppage:hover {
   text-decoration:underline;
   background-image:none;
   background-color:;
   color:#fff;
   }
a.contactfooter {
   display: inline;
   width: 100%;
   height: 15px;
   color: #6a6664;
   border-style:none;
   font-size: 100%;
   font-weight: normal;
   padding: 0 15px 0 15px;
   margin:0 2px 0 0;
   text-decoration:none;
   }

a.contactfooter:hover {
   text-decoration: underline;
   background-image:url('img/legebglinks.jpg');
   color:#000000;
   }

.slideshow {
   height: 350px;
   background-color: #FFFFFF;
   text-align: center;
   margin:15px 0 15px 0;
   clear:both;
   }

.content {
   height: 382px;
   background-image:url('img/bghomeContent2.jpg');
   background-color: #999999;
   color: #FFFFFF;
   font-family: "Gill-Sans", Helvetica, Arial;
   padding: 0 0 0 0;
   margin: 50px 0 0 0;
   }

.contenttext {
   width: 325px;
   height: 250px;
   float: left;
   background: ;
   padding: 40px 0 0 50px;
   }

div.rpgrootportfolio {
   margin: 0px;
   border: 0px;
   height: auto;
   width: auto;
   float: right;
   text-align: left;
   padding: 20px 45px 0 0;
   }

div.rpgrootportfolio img {
   display: block;
   margin: 0 0 5px 0;
   padding: 0 0 0 0;
   border: 0px;
   background-color:;

   }

.contentpictures {
   width: 595px;
   height: 315px;
   float: right;
   padding: 40px 0 0 0px;
   }
.containerpichome {
   float:right;
   }

a.pictureshomelinks {
    height: auto;
    color:#FFFFFF;
    text-decoration: none;
    font-family: "Gill-Sans", Helvetica, Arial;
    font-size: 75%;
    font-weight: normal;
    padding: 0 0 0 0;
    margin: 0;
    }

a.picturesportfoliogroot {
   display:inline;
   color:#FFFFFF;
   padding: 0;
   margin: 0;
    }

div.img {
   margin: 0 25px 0 0;
   border: 0px;
   height: auto;
   width: 260px;
   background-color: ;
   float: left;
   text-align: right;
   }

div.img img {
   display: block;
   margin: 0px;
   border: 0px;
   }

div.text {
   text-align: left;
   font-weight: normal;
   font-family: "Gill-Sans", Helvetica, Arial;
   font-size:75%;
   width: 260px;
   margin: 8px 0 15px 2px;
   }

.pictureshome {
   margin: 0 0 0 0;
   }

.footer {
   height: 70px;
   clear:both;
   font-family: "Gill-Sans", Helvetica, Arial;
   background-color:;
   padding: 0 0 0 0;
   margin: 30px 0 40px 0;
   }

#copyright {
   float: right;
   clear:right;
   padding: 20px 50px 0 0;
   font-size: 75%;
   color: #6a6664;
   font-family: "Gill-Sans", Helvetica, Arial;
   }

.navifooter {
   float:left;
   padding: 20px 0 0 35px;
   margin: 0 0 0 0;
   font-size: 75%;
   color:#6a6664;
   }

.linksfooter {
   text-decoration: none;
   color:#6a6664;
   font-family: "Gill-Sans", Helvetica, Arial;
   font-size: 75%;
   padding: 0 0 0 0;
   }

.streepje {
   clear:right;
   float:left;
   width: 1px;
   height: 10px;
   background-color:#6a6664;
   margin: 3px 2px 0 0;
   padding: ;
   }

.contentwm {
   height:100%;
   width:auto;
   background-color:;
   padding: 20px 0px 0 50px;
   margin:0 375px 0 0;
   font-family: "Gill-Sans", Helvetica, Arial;
   }

.contentportfolio {
   height:100%;
   width:290px;
   background-color:;
   padding: 20px 0px 0 50px;
   margin:0 0 0 0;
   font-family: "Gill-Sans", Helvetica, Arial;
   }

.contentcontact {
   height:150%;
   width:auto;
   background-color:;
   padding: 20px 0px 20px 50px;
   margin:0 0 50px 0;
   font-family: "Gill-Sans", Helvetica, Arial;
   }

.picturewm {
   float:right;
   padding:70px 40px 50px 0;
   }

.picturegrootportfolio {
   padding:5px 0 0 0;
   }