﻿
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;
}
*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;
}
.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;
    
   
}
.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:left;
   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:15px;
}
.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;
   overflow:auto;
    /*background-color: Gray;*/
}
*:first-child+html .omschrijving
{
    margin-left:15px;
}
*html .omschrijving
{
    margin-left:15px;
}
.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;

}
.OmschrijvingTekst
{
    width:500px;
    height:420px;
    margin: 20px 0px 20px 20px;
    /*border:solid 1px green;*/
    float:left;
    /* overflow:hidden; */
    font-family: Arial;
   font-size: 10pt;
}
*html .OmschrijvingTekst
{
   /* border:solid 1px lime;*/
    margin-right:0px;
    margin-left:10px;
}
.OmschrijvingArchitect
{
    position:relative;
    width:150px;/*300px;*/
    height:400px;
    margin:20px 20px 0px 0px;
    /*border: solid 1px red;*/
    float:right;
    top:0;
}
*html .OmschrijvingArchitect
{
    /* border: solid 1px red;*/
    margin-left:0px;
    
}
.Architect
{
    width:135px;
    height:auto;
    min-height:120px; /*300px */
    max-height:150px; /* 350px; */
    overflow:hidden;
    margin-left:10px;
   /* border:solid 1px red;*/
    float:right;
}
.OmschrijvingSluiten
{
    position:relative;
    width:160px;
    height:20px;
    margin:0px 20px 0px 0px;
    float:right;
    text-align:right;
   /* border:solid 1px purple;*/
}
*html .OmschrijvingSluiten
{
  /*  margin-top:-30px;
    margin-right:-300px; */
}
.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;

}
.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; 
  /*  z-index:-1; */
    z-index:44;
}
.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:34px;
    /*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;*/
}
.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: 40px;
    width: 720px;/*1000px;*/
    word-spacing: 76px;
    /*margin-top: 10px;/*10*/
    text-align: right;
     /*right; */
    /*padding-right: 78px;  */
    float: left;
    
}
*:first-child+html .mainnavbd
{
     text-align: left;
    word-spacing: 76px;
    margin-left: 14px;
    
}
*html .mainnavbd
{
    /*margin-top: -2px;15px*/
   /* padding-right: 85px;*/
   
   margin-top:-2px;
   width:715px;
   word-spacing:70px;
}
*html .mainnav
{
    margin-top: -2px;/*15px*/
   /* padding-right: 85px;*/
}
.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: 25px;
    font-style:normal;
 
}
*:first-child+html .LogoB
{
   padding-top: 21px;
}
.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: 49px;
    margin-left: 5px;
}
*:first-child+html .LogoE
{
   padding-top: 45px;
}/*
.homebutton
{
    position:absolute;
    width:40px;
    height:15px;
    border:solid 1px black;
    float:right;
}*/
.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;
}
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:bold;
    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;
    margin-bottom:0px;
}
span.projecttitel
{
    font-family: Arial;
    font-weight: bold;
    font-size: 15pt;
    margin-top: 0px;
    display:block;
    visibility:visible;
    /*margin-bottom:-15px;*/
}
h3.projectplaats
{
    font-family: Arial;
    font-weight:  normal;
    font-size: 15pt;
  /*  line-height: 100%;
    margin-top: -20px;*/
    display:block;
    visibility:visible;
    z-index:1;
}
span.projectplaats
{
    font-family: Arial;
    font-weight:  normal;
    font-size: 15pt;
  /*  line-height: 100%;
    margin-top: -20px;*/
    display:block;
    visibility:visible;
    z-index:1;
}
*: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: 20px;
    display:block;
    visibility:visible;
}
.Logo_p 
{
    filter:none;
}

.Logo_hl 
{   
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
}
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
{
    width: 250px;
   margin-top: 10px;
}

textarea
{
    width: 250px;
    height: 100px;
    margin-top: 10px;
}
form
{
   margin-left: 20px;
   margin-top: 10px;
}*/

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;
}