a
{
    color:#FFF;
    outline:none;
}
body, html 
{
    margin: 0;
    padding:0;
    background-color: #565655;
   /* min-width: 1000px;
    width: 1000px;*/
    text-align: center;
    margin: 0px auto;
    height: 100%;
    
}/*
.websitecontainer
{
   
    position: relative;
    /*display: block;*//*
    height: auto;
    min-height: 600px;
    width: 1000px;
    margin: 0px auto;
    text-align: center;
    visibility: hidden;
}*/
.websitecontainer
{
    position: absolute;
    height:600px;
    width:1000px;
    visibility: visible;
    top: 50%;
    margin-top:-300px;
    left:50%;
    margin-left:-500px;
}
*html .websitecontainer
{
    height: 600px;
}
.websiteinnercontainer
{
    position: relative;
    margin: 0px auto;
    text-align: left;
}
  /*  position: absolute;
    top: 50%;
    height: 50%;
    /*height: 600px;*/
   /* margin-top: -300px;
   /* left: 50%;
    margin-left: -375px;*/
    /*left: 0%;*/
     /*text-align: left;
}
*:first-child+html .websiteinnercontainer
{
    left: 50%;
    margin-left: -375px;
}*/

.websitetekst
{
    height: 200px;
    width: 300px;
    float: right;
    margin-right: 22px;
    margin-top: 90px;
    text-align:left;
   /* background-color: black;
   /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);*/
   /*filter:alpha(opacity=20);
    -moz-opacity: 0.1;*/
    /*border: solid 1px red;*/
    font-family: arial;
    font-size: 12pt;
    overflow: hidden;
    color:White;
}
.hometekst
{
    height: 180px;
    width: 180px;
    color: White;
   /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0.0;*/
    border: solid 1px red;
    
}
.contenttop
{
    position: relative;
    
    width: 1000px;
    height: 470px;
    background-image: url(../images/layout/Background_home_top.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    /*border: solid 1px lime;*/
    
}
.contentteksttop
{
    width:1000px;
    height: 470px;
    /*border: solid 1px red;*/
    text-align: left;
    font-family: Arial;
    font-size: 12pt;
    color: White;
}
.contactleft
{
    width: 445px;
    height: 400px;
    /*border: solid 1px yellow;*/
    float: left;
    clear: left;
}
.Contactright
{
    width: 445px;
    height: 400px;
   /* border: solid 1px yellow;*/
    float: right;
    clear: right;
}
.content
{
    position: relative;
    
    width: 1000px;
    height: 470px;
}
.projectklein
{
    position: relative;
    display: block;
    width: 130px;
    height: 82px;/*66px;/*55px;*/
   /* background-color: Black;*/
   float: left;
   
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    font-family: Arial;
    font-size: 6.5pt;
    color: White;
    overflow: hidden;
}
.projectfotogroot
{
     position: relative;
    display: block;
    width: 275px;
    height: 179px;
    float: left;
    font-family: Arial;
    font-size: 6.5pt;
    color: White;
    overflow: hidden; 
}
.VisieKlein
{
    position: relative;
    display: block;
    width: 485px;
    height: 220px;/*66px;/*55px;*/
   /* background-color: Black;*/
   float: left;
   
    margin-right: 30px;
    margin-bottom: 30px;
    cursor: pointer;
    font-family: Arial;
    font-size: 6.5pt;
    color: White;
    overflow: hidden;
}
.contentnav
{
    position: relative;

    width: 1000px;
    height: 130px;
    max-height: 130px;
   /* background-image: url(../images/layout/logo_beltman.gif);
    background-position: left  top;*/
     background-image: url(../images/layout/huisje.gif);
    background-position: right  top;
    background-repeat: no-repeat;
    /*border: solid 1px #565655;*/
    float: left;
    text-align: left;
    /*background-color:Purple;*/
    
   
}
.ContenctMeerNav
{
    position: relative;
    width:1000px;
    height:30px;
    max-height:30px;
    float:left;
    /* background-color:Black; */
}
.ContentMeerNavLeft
{
   position: relative;
    width:500px;
    height:30px;
    max-height:30px;
    float:left; 
}
.ContentMeerNavRight
{
   position: relative;
    width:500px;
    height:30px;
    max-height:30px;
    float:right; 
    text-align:right;
}
.projectleft
{
   position:  relative;
   display: block;
   width:275px;
   height:470px;
   float: left;
   font-family:Arial; 
   color: White;
   text-align:left;
}
.dienstleft
{
   position:  relative;
   display: block;
   width:265px;
   height:470px;
   float: left;
   font-family:Arial; 
   color: White;
   text-align:right;
   padding-right:10px;
}
.projectright
{
    position: absolute;
   /* display: block;*/
    width:710px;
    height:469px;
    float: right;
    margin-left: 288px;
    font-family:Arial; 
   color: White;
   text-align:right;
   font-weight:bold;
   /* background-color: Gray;*/
}
*:first-child+html .projectright
{
    margin-left:15px;
}
*html .projectright
{
    margin-left:7px;
}
.omschrijving
{
    position: absolute;
    /*display: block;*/
    width:710px;
    height:470px;
    float: left;
    background-color: #565655;
    margin-left: 288px;
    visibility: hidden;
    z-index: 1;
    Color: White;
   filter: alpha(opacity=90);
   opacity:0.90;
   font-family: Arial;
   font-size:10pt;
   scrollbar-base-color: #B4B4B4; scrollbar-arrow-color: #FFFFFF;
    /*background-color: Gray;*/
}
*:first-child+html .omschrijving
{
    margin-left:15px;
}
*html .omschrijving
{
    margin-left:7px;
}
.OmschrijvingTekst
{
    width:360px;
    height:420px;
    margin: 20px 0px 20px 20px;
    /*border:solid 1px green;*/
    float:left;
    overflow:hidden;
    font-family: Arial;
    /*font-weight:  bold; normal;*/
    font-size: 10pt;
}
.OmschrijvingTekst2
{
    width:660px;
    height:auto;
    min-height:400px;
    margin: 20px 0px 20px 20px;
    /*border:solid 1px green;*/
    float:left;
    font-family: Arial;
    /*font-weight:  bold; normal;*/
    font-size: 10pt;

}

.OmschrijvingArchitect
{
    position:relative;
    width:300px;
    height:400px;
    margin:20px 20px 0px 0px;
    /*border: solid 1px red;*/
    float:right;
}
.Architect
{
    width:135px;
    height:auto;
    min-height:300px;
    max-height:350px;
    overflow:hidden;
    margin-left:10px;
   /* border:solid 1px red;*/
    float:left;
}
.OmschrijvingSluiten
{
    position:relative;
    width:300px;
    height:20px;
    margin:0px 20px 0px 0px;
    float:right;
    text-align:right;
   /* border:solid 1px purple;*/
}
.projectbeschrijving
{
    position: relative;
    display: block;
    /*background-color: #ECECEC;*/
    width: 265px;/*245px;*/
    height: 246px;/*246px ;*/
    margin-bottom: 15px;
    color: White; /*Black;*/
    font-family: Arial;
    font-weight: bold;
    float: left;
  /*  padding: 15px 15px 15px 15px;*/
    text-align:left;
    padding-right:10px;
 /*   z-index:-1;*/
}
.ProjectVolBeschrijving
{
      position: relative;
    display: block;
   /* background-color: #ECECEC;*/
    width: 275px;/*245px;*/
    height: 15px;/*246px ;*/
    margin-bottom: 15px;
    color: White; /*Black;*/
    font-family: Arial;
    font-weight: bold;
    float: left;
  /*  padding: 15px 15px 15px 15px;*/
    text-align:left; 
}
.TotalNav
{
    position:relative;
    width:851px;
    height:96px;
    float:left;
}
.subnav
{
    position: relative;  
   /* margin-top: 30px;*/
    height: 29px;/*68px;*//*35px;*//*was 34px;*/
    width: 720px;
    word-spacing: 0px;
    padding-top:4px;
    /*margin-left: 179px;*/
    /*border: solid 1px fuchsia;*/
    float: left; 
    text-align: center;  
}
*:first-child+html .subnav
{
  /*  margin-left: 4px;*/
}
*html .subnav
{
   /* margin-top: 35px;
    margin-left: 179px;*/
    /*background-color:White;
    width:715px;*/
}
.subnav_part
{
    position: relative; 
    height: 29px;/*was 34px*/
    width: auto; /*120px;*/    
    float: left;
    margin-left: 10px;
    line-height: 90%;
}
*:first-child+html .subnav_part
{
    margin-left: 11px;
}

*html .subnav_part
{
  /*  margin-left: 12px;*/
}
.navdivider
{
    
    position: relative;
   /* display: block;*/
    width: 845px;
    height: 23px;/*was 18px */
    /*max-height: 5px;*/
   /* background-color: Red;*/
    float: left;
    /*clear: left;*/
    margin-left: 6px;
   
}

*html .navdivider
{   
    height: 6px;
}
.mainnav
{
    position: relative;
    display: block; 
    height: 40px;
    width: 720px;/*1000px;*/
    word-spacing: 90px;
    /*margin-top: 10px;/*10*/
    text-align: right;
     /*right; */
    /*padding-right: 78px;  */
    float: left;
    
}
*:first-child+html .mainnav
{
     text-align: left;
    word-spacing: 94px;
  /*  margin-left: 14px;*/
    
}
*html .mainnav
{
    margin-top: -2px;/*15px*/
   /* padding-right: 85px;*/
}
.mainnavbd
{
    position: relative;
    display: block; 
    height: 30px;
    width: 720px;/*1000px;*/
    word-spacing: 72px;
    /*margin-top: 10px;/*10*/
    text-align: right;
     /*right; */
    /*padding-right: 78px;  */
    float: left;
    
}
*:first-child+html .mainnavbd
{
     text-align: left;
    word-spacing: 72px;
/*    margin-left: 14px;*/
    
}
*html .mainnavbd
{
    /*margin-top: -2px;15px*/
   /* padding-right: 85px;*/
   
   margin-top:-2px;
   width:715px;
   word-spacing:66px;
}
.LogoB
{
    position:  relative;
    height: 103px;
    width: 50px;
    font-family: Arial black;
    font-weight:  normal;
    font-size: 55pt;
    /*border: solid 1px red;*/
    width: auto;
    /*margin-top:-45px;*/
    float: left;
    text-align: left;
    margin-left: -5px;
    padding-top: -5px;
    margin-top:-5px;
    font-style:normal; 
}
*:first-child+html .LogoB
{
   padding-top: -9px;
   margin-top:-10px;
}
.LogoE
{
    position: relative;
    height: 13px;
    width: 125px;
   /* border: solid 1px green;*/
    font-family: Century Gothic;
    text-transform: uppercase;
    font-size: 13pt;
    font-weight: bold;
    float: left;
    letter-spacing: 6pt;
    padding-top: 19px;
    margin-left: 5px;
}
*:first-child+html .LogoE
{
   padding-top: 15px;
}
*html .LogoE
{
 padding-top:15px;
}
.homebutton
{
    position:relative;
    width:66px;
    height:65px;
    float:right;
    display:block;
    margin-top:5px;
    text-align:center;
}
.Overzichtlink
{
    position: relative;
    height: 40px;
    width: 125px;
    /*border: solid 1px green;*/
    font-family: Century Gothic;
    text-transform: uppercase;
    font-size: 11pt;
    color: Red;
    font-weight: bold;
    float: left;
    margin-left: 5px;
    visibility: hidden;
}

*html .Overzichtlink
{
    /* background-color:White; */
}

a.overzichtnav
{
    color: Red;
    text-decoration: none;
}
a.main_nav
{
    font-family: Arial;
    font-weight: bold;
    font-size: 11pt;
    text-align: justify;
    text-transform: uppercase;
    text-decoration: none;
    color: #B4B4B4;/*#646464; */
   /* margin-left: 98px;*/
}
*html a.main_nav
{
  /*  margin-left: 95px;*/
}
a.main_nav_f2, 
a.main_nav:hover
{
    font-family: Arial;
    font-weight: bold;
    font-size: 11pt;
    text-transform: uppercase;
    text-decoration: none;
    color: White;
   /* margin-left: 98px;*/
}
*html a.main_nav_f2, 
a.main_nav:hover
{
  /*  margin-left: 95px;*/
}

a.sub_nav
{
    font-family: Arial;
    
    font-size: 9pt;
    text-transform: uppercase;
    text-decoration: none;
    line-height: -5px;
    color: #B4B4B4; /*#646464; */
}
a.sub_nav_f2, 
a.sub_nav:hover
{
    font-family: Arial;
    
    font-size: 9pt;
    text-transform: uppercase;
    text-decoration: none;
    line-height: -5px;
    color: White;
}
a.producer
{
    font-family: Arial;
    font-weight: bold;
    font-size: 6pt;
    text-transform: uppercase;
    text-decoration: none;
    color: #646464;
    word-spacing: normal;
    float: left;
    margin-top: 8px;
}
a.omschrijvingLink
{
    font-family:Arial;
    font-weight:normal;
    font-style:italic;
    font-size:12pt;
    text-decoration:none;
    color:#FFFFFF;
}
h3.projecttitel
{
    font-family: Arial;
    font-weight: bold;
    font-size: 15pt;
    margin-top: 0px;
    display:block;
    visibility:visible;
}
h3.projectplaats
{
    font-family: Arial;
    font-weight:  normal;
    font-size: 15pt;
    line-height: 100%;
    margin-top: -20px;
    display:block;
    visibility:visible;
}
*:first-child+html h3.projectplaats
{
    margin-top: -20px;
}
*html h3.projectplaats
{
    margin-top: -20px;
}
h3.projectomschrijving
{
    font-family: Arial;
    font-weight:  bold;/* normal;*/
    font-size: 10pt;
    margin-top: 30px;
    display:block;
    visibility:visible;
}
.Logo_p 
{
    filter:none;
}

.Logo_hl 
{   
    /* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    -moz-opacity: 0.25; */
     filter: alpha(opacity=25);
   opacity:0.25;
}
hr.navdiv
{
    position: relative;
    display:  run-in; 
   
    width: 844px;
    height:5px;
    color: Red;
    background-color: Red;
    border: 0;
}

label
{
    float: left;
    clear: left;
    display: inline;
     width: 100px;
     text-align: left;
    margin: 10px 0px 0px 10px;
    color: #FFFFFF;
    font-weight:normal;
   

}
.textfield
{
    margin-left:2px;
    width: 570px;
   margin-top: 10px;
}

textarea
{
    width: 570px;
    height: 100px;
    margin-top: 10px;
    margin-left:2px;
}
form
{
   margin-left: 20px;
   margin-top: 10px;
}
p
{
    margin-top:0;
    margin-bottom: 0;
    padding-top:0;
    padding-bottom:0;
}
ul
{
    margin-left:0px;
    padding-left:13px;
}
ol
{
    margin-left:0px;
    padding-left:20px;
}