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

#tblMain {background-color:#FFFFFF; background:#FFFFFF;}
.ctl00_Bottommenu_1 a{color:#000000 !important;  !important}
.ctl00_Bottommenu_1{color:#333333 !important; margin-right:5px;}

/** bg color **/
html{font-family:Calibri, Verdana, Geneva, sans-serif; font-size:15px;  overflow-y: scroll; color:#595857; background-color:#666; #a1c11e; background-repeat:repeat-x; }
body{margin:0px; padding:0px;  line-height:20px;}
a{color:#595857; text-decoration:none;}
a:hover{color:#666; text-decoration:underline;}
.clear{clear:both;}
.pics{width:100%;}
.center{text-align:center;}

#headerWrap{width:100%;    }
#header2{width:100%; max-width:1100px; margin-left:auto; margin-right:auto; background:#FFFFFF; padding-bottom:60px; }
#header{width:100%; max-width:1100px; margin-left:auto; margin-right:auto; background:#FFFFFF;}

.mediaWrap{ width:90%; margin-bottom:30px;}
.mediaWrap .mediaFoto{ float:right; margin-left:10px; margin-bottom:10px; width:25%;  }
.mediaWrap .mediaFoto .mediaPic{width:100%; max-width:250px;}

.leus{font-family: 'Arizonia'; font-size:60px;  line-height:10px;}
.leus1a{font-family: 'Arizonia'; font-size:60px;  line-height:10px; font-style:normall} 
.leus2{font-family: 'Damion'; font-size:60px; line-height:10px;} 
.leus3{font-family: 'Leckerli One'; font-size:60px;  line-height:10px;} 
.leus4{font-family: 'Norican'; font-size:60px;  line-height:10px;} 
.leus5{font-family: 'Playball'; font-size:60px;  line-height:10px;}
.leusArial{ font-family:Arial, Helvetica, sans-serif; font-size:40px;  line-height:10px;}

.sub{font-style:italic; font-size:14px; color:#666666;}
ul{list-style:disc;}

/* op de koffie bij */

.odkb-txt{ width:100%; height:auto; min-height:150px; padding-bottom:15px;}
.odkb-foto{ width:300px; height:auto; float:right; margin-left:10px; }
.odkb-pic{width:100%;}
.bijschrift{font-size:12px;}

.rowline{ background:url(../opmaak.02.2015/rowline.jpg); background-repeat:repeat-x;}
.ProKop{width:150px;}

.mail{width:50%; float:left; max-width:550px; min-width:300px;}
.news{width:750px;}
.meerinfo{font-style:italic; font-size:13px;}
.meerinfo2{font-weight:bold; color:#333333;}
.newspic{width:250px;}
.lijntje{ width:90%;}
.txt-plain{background-color:#FFFFFF;}

.parkeer{width:100%; max-width:500px;}

.prowrap2 {width:100%; height:auto; float:left; }
.prowrap2 .prostad{ width:150px; float:left; height:auto; font-weight:bold;}
.prowrap2 .project{ width:150px; float:left; height:auto; vertical-align:top; margin-left:5px;}

.prowrap{width:100%; height:auto; float:left; background:url(../opmaak.02.2015/rowline.jpg); background-repeat:repeat-x; background-position:bottom; padding-bottom:3px; }
.prowrap .prostad{ width:155px;   font-weight:bold; padding-top:3px; float:left; height:25px; margin-bottom:5px;}
.prowrap .project1{ width:700px;  vertical-align:top; padding-top:3px; float:left; padding-bottom:2px; margin-bottom:5px;  }

.bedrijf{width:100%; max-width:550px; margin-bottom:10px;}
.weg{display:none; visibility:hidden;}
.wit{color:#FFFFFF;}
.grijs{color:#666; text-decoration:none;}
.desktop{display:inherit; visibility:visible;}

.map{width:100%; height:150px;}
.mapContact{width:100%; height:250px;}

H1{color:#595857; font-size:16px; }
H2{color:#595857; font-size:13px; }
H3{color:#595857; font-size:20px;}
H4{color:#595857; font-size:16px; margin-top:0px; margin-bottom:2px;}
H5{ }

.more a{width:75px; height:12px; background:url(../opmaak.02.2015/lees-meer.png); display:block; background-repeat:no-repeat;}
.more a:hover{ background:url(../opmaak.02.2015/lees-meerO.png); background-repeat:no-repeat;}
.right{float:right;}
.left{float:left;}


.company{ color:#999; padding-left:2px; padding-right:2px;}
.companyA{ color:#000; font-weight:bold; padding-left:2px; padding-right:2px;}
.companyN{ color:#ccc; padding-left:2px; padding-right:2px;}


/* main-nav{width:100%; height:auto; background:#7DA6D8; background-color:#fff; margin-bottom:0px; padding-bottom:0px;} */

#greyWrap{width:100%; height:auto;   padding-top:0px;  padding-bottom:0px; height:5px; }
#greyfooter{width:100%; max-width:1100px; margin-left:auto; margin-right:auto; background:#d43120; background-color:#1771b9;}
.greylogo{width:90%; float:none; height:65px; background:#FFFFFF; padding-top:5px; margin-left:5px;}

#imageWrap{width:100%; height:100%;  }
#image{width:100%; max-width:1100px; margin-left:auto; margin-right:auto;}

#contentWrap{width:100%; max-width:1100px; min-width:250px; height:auto; min-height:500px; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto; background:#FFFFFF;  }
/*#contentWrap{width:99%; height:auto; min-height:500px; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto;}*/

#content{width:95%; margin-left:auto; margin-right:auto; }
#contentR{width:50%; float:right; margin:10px; }
#contentL{width:45%; float:left; margin:10px; height:auto; visibility:hidden; display:none; }

.paginaPic{width:50%; max-width:300px; float:left; margin-right:15px; margin-bottom:15px;}


#content2{width:98%; max-width:1100px; margin-left:auto; margin-right:auto;}
.content2{width:33%; float:left; padding-right:1%;}
.content3{width:33%; float:left; padding-right:1%; padding-left:0; margin-left:auto; margin-right:auto; }
.content4{width:32%; float:right; }
.logo{width:100%; max-width:300px; height:auto; float:right; height:auto; text-align:right; padding-bottom:10px; padding-top:0px;}

.content2 h3, .content3 h3, .content4 h3{border-bottom:dashed; border-bottom-width:thin; border-bottom-color:#666666; padding-bottom:6px;}
.content2Pic{width:100%; height:auto;}

.foto-monique{min-width:25%; max-width:300px; float:right; margin-left:10px; margin-bottom:10px;}
#ron{width:35%; max-width:172px; float:right; margin:10px;}
.ron{width:100%;}

.project{width:32%; float:left; height:auto; margin-bottom:10px;}
.project .foto{width:100px; float:left; height:auto;}
.project .tekst{width:190px; float:left; padding-left:5px;  }
.projectP{width:auto; float:left; height:auto; margin-bottom:10px;}
.projectP .tekstProject{width:100%; float:left; padding-left:5px;  }

#nawWrap{width:100%; height:auto; background:#b2cd3f; background-color:#1771b9;}
#naw{width:95%; max-width:1100px; margin-left:auto; margin-right:auto; color:#FFFFFF; padding-top:10px; padding-bottom:10px; text-align:center;}
#naw a{color:#FFFFFF; text-decoration:none; }

.nawL{width:300px; float:left;}
.nawM{width:300px; float:left;}
.naw{width:50%;  max-width:250px;  vertical-align:top; float:left;  }
.bold{font-weight:bold;}

#footerWrap{width:100%; height:auto; background:#cdcdcd; background-color:#cdcdcd;  padding-top:5px;  padding-bottom:15px; }
#footer{width:95%; max-width:1100px; margin-left:auto; margin-right:auto;}
.footer-blok{ width:23%; max-width:300px; float:left; padding-bottom:15px; margin-right:10px;}
.footer-blok a{color:#584F2E; text-decoration:none;}
.footer-blok a:hover{color:#fff; text-decoration:underline;}



@media screen and (max-width:700px){


.project{width:300px; float:left; height:auto; margin-bottom:10px;}
.project .foto{width:100px; float:left; height:auto;}
.project .tekst{width:190px; float:left; padding-left:5px;  }
.project .tekstProject{width:auto; float:left; padding-left:5px;  }

.mediaWrap .mediaFoto{ float:right; margin-left:10px; margin-bottom:10px; width:50%;  }

.mapContact{width:100%; height:200px;}
.leusArial{ font-family:Arial, Helvetica, sans-serif; font-size:40px;  line-height:10px;}

.news{width:600px;}
.meerinfo{font-style:italic; font-size:13px;}
.meerinfo2{font-weight:bold; color:#333333;}
.newspic{width:150px;}

.prowrap{width:100%; height:auto; float:left; background:url(../opmaak.02.2015/rowline.jpg); background-repeat:repeat-x; background-position:bottom; padding-bottom:3px; }
.prowrap .prostad{ width:155px;   font-weight:bold; padding-top:3px; float:left; height:25px; margin-bottom:5px;}
.prowrap .project1{ width:100%;  vertical-align:top; padding-top:3px; float:left; padding-bottom:2px; margin-bottom:5px;  }
}

@media screen and (max-width:450px){

.mediaWrap .mediaFoto{ float:right; margin-left:10px; margin-bottom:10px; width:50%;  }

.mapContact{width:100%; height:200px;}
.leusArial{ font-family:Arial, Helvetica, sans-serif; font-size:20px;  line-height:10px;}
#content2{width:100%; max-width:500px; margin-left:auto; margin-right:auto;}
.content2{width:95%; float:inherit; padding-right:2%; padding-left:0; margin-left:auto; margin-right:auto;}
.content3{width:95%; float:inherit; padding-right:2%; padding-left:0; margin-left:auto; margin-right:auto; }
.content4{width:95%; float:inherit; padding-right:2%; padding-left:0; margin-left:auto; margin-right:auto; }

.news{width:300px;}
.meerinfo{font-style:italic; font-size:13px;}
.meerinfo2{font-weight:bold; color:#333333;}
.newspic{ visibility:hidden; display:none;}

.naw{width:100%;  max-width:250px;  vertical-align:top; float:left;  }

{