HTML {
  height: 100%;
  overflow: hidden;
}

BODY {
  font-family: Arial;
  font-size: 12px;
  width: 100%;
  height: 100%;
  
  background-image: url(../images/background.jpg);
}

div.container {
  position: relative;
  margin: 0px auto;
  left: 0px;
  top: 0px;
  width: 990px;
  height: 600px;
  background-color: #FFF;
  text-align: left;
  font-family: Arial;
}

div.head {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 990px;
  height: 113px;
}

div.logo {
  position: absolute;
  top: 10px;
  left: 470px;
  width: 287px;
  height: 87px;
 
}

div.termsMenu {
  position: absolute;
  top: 10px;
  left: 150px;
  width: 150px;
  height: 14px;
  font-family: Arial;
  font-size: 12px;
  z-index : 4;
}

div.menuBar{
  position : absolute;
  width : 990px;
  z-index : 10;
}

div.divTooltip{
  position : absolute;
  left : 0px;
  top : 0px;
  background-color : #FFFFFF;
  border : 1px solid #000000;
  z-index : 12;
  display : none;
}

div.contactAdres {
  position: absolute;
  top: 379px;
  left: 0px;
  width: 240px;
  height: 221px;
  background-color: #e8531e;
  z-index : 2;
}
div.KOMO{
  position: absolute;
  width: 78px;
  height: 22px;
  left: 35px; 
  top: 10px;
  background-image: url(../images/komo.jpg);
  z-index: 4;
}

div.vijfentwintigJaar {
  position: absolute;
  width: 98px;
  height: 98px;
  left: 880px; 
  top: 10px;
  background-image: url(../images/25jaar.jpg);
  z-index: 4;
}

div.bouwbeurs {
  position: absolute;
  width: 119px;
  height: 58px;
  left: 780px; 
  top: 500px;
  z-index: 4;
}

div.fillLeft {
  position: absolute;
  top: 379px;
  left: -100%;
  width: 100%;
  height: 30px;
  background-color: #e8531e; -moz-opacity: .5; filter: Alpha(opacity=50);
}
div.fillright {
  position: absolute;
  top: 280px;
  left: 990px;
  width: 100%;
  height: 30px;
  background-color: #e8531e; -moz-opacity: .5; filter: Alpha(opacity=50);
}

div.roundedFlash {
  position: absolute;
  left: 0px;
  top: 135px;
  width: 488px;
  height: 256px;
  z-index : 1;
}

div.content {
  position: absolute;
  left: 240px;
  top: 310px;
  width: 750px;
  height: 290px;
  z-index : 2;
}

div.bigVisual {
  position: absolute;
  left: 488px;
  top: 135px;
  width: 502px;
  height: 145px;
}

div.ticker {
  position: absolute;
  left: 344px;
  top: 280px;
  width: 646px;
  height: 30px;
  background-color: #e8531e;
  z-index:2;
}

.adres {
  position: absolute;
  left: 33px;
  top: 40px;
  font-size: 12px;
  color: #FFFFFF;
  
}

.linkWhite {
  text-decoration: none;
  font-size: 12px;
  color: #FFFFFF;
}
.linkBlack {
  text-decoration: none;
  font-size: 12px;
  color: #000000;
  
}

.linkBlackU {
  text-decoration: underline;
  font-size: 12px;
  color: #000000;
  
}

.contactform {
  font-size: 12px;
  font-family: Arial;
  color: #000000;
  width: 200px;
  background-color: #cccccc;
  border: #FFF 0px inset;
  
}
.contactformSelect {
  font-size: 12px;
  color: #000000;
  width: 203px;
  background-color: #cccccc;
  border: #FFF 0px inset;
  
}
.divContentLeft {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 150px;
  height: 290px;
  z-index : 0;
}

.divContentHead {
  position: absolute;
  left: 0px;
  top: 145px;
  width: 150px;
  height: 145px;
  text-align: center;
  font-size: 16px;
  
  font-weight: bolder;
}
.divContentHeadVestiging {
  position: absolute;
  left: 5px;
  top: 110px;
  width: 190px;
  height: 145px;
  text-align: center;
  font-size: 16px;
  
  font-weight: bolder;
}

.divContentMiddle {
  padding-top: 20px;
  position: absolute;
  left: 150px;
  top: 0px;
  padding-right: 10px;
  width: 340px;
  text-align: justify;
  height: 270px;
  overflow: auto;
}
.divContentMiddleWide {
  padding-top: 20px;
  position: absolute;
  left: 150px;
  top: 0px;
  padding-right: 10px;
  width: 590px;
  text-align: justify;
  height: 270px;
  overflow: auto;
}

.divContentMiddleLinks{
  padding-top: 20px;
  position: absolute;
  left: 150px;
  top: 0px;
  padding-right: 10px;
  width: 570px;
  text-align: justify;
  height: 270px;
  overflow: auto;
}

.divContentMiddleMortel {
  padding-top: 20px;
  position: absolute;
  left: 150px;
  top: 0px;
  padding-right: 10px;
  width: 480px;
  height: 270px;
  text-align: justify;
  overflow: auto;
}

.divContentMiddleContact {
  padding-top: 5px;
  position: absolute;
  left: 150px;
  top: 0px;
  padding-right: 10px;
  width: 340px;
  height: 292px;
  overflow: auto;
}
.divContentMiddleVestiging {
  
  position: absolute;
  left: 150px;
  top: 0px;
  
  width: 340px;
  height: 292px;
  overflow: auto;
}
.divContentRight {
  position: absolute;
  left: 500px;
  top: 0px;
  width: 250px;
  height: 290px;
}
.divMedewerkerFoto{
  position: absolute;
  top: 15px;
  left: 155px;
  width: 80px;
  height: 106px;
}
.divContentMiddleRight {
  position: absolute;
  left: 150px;
  top: 0px;
  width: 600px;
  height: 290px;
}

tr.mortelTable {
  background-color: #f0f0f0;
  height : 28px;
}

.mortelLink {
  color: #a3a3a3;
  font-style: italic;
}

.vestigingLink {
  color: #f2932e;
  font-size: 12px;
  text-decoration: none;
}

/* projecten */

div.textBlock {
position : absolute;
font-family: Arial;
font-size : 11px;
line-height: 16px;
color: #AAA;
top : 10px;
width : 500px;
left : 5px;
}

div.textBlock h1{
font-family : Arial;
font-size : 15px;
font-weight : bold;
line-height : 15px;
margin : 0px 0px 6px 0px;
}


div.pagecountnieuws {
position : absolute;
padding-right: 10px;
width: 354px;
height : 20px;
top : 270px;
left : 0px;
text-align : right;
}

div.pagenumber {
position : absolute;
background-color : #AAA;
top : 0px;
height : 16px;
width : 16px;
text-align : center;

}

div.pagenumberSelected {
position : absolute;
text-decoration: none;
background-color : #e8531e;
top : 0px;
height : 16px;
width : 16px;
text-align : center;
}

a.pagelink{
color : #ffffff;
text-decoration: none;
font-size : 12px;
font-family : Arial;

}



td.pagetable {
padding-left : 5px; 
width : 13px;
}

a.redLink{
color : #da1c17;
text-decoration: none;
font-size : 12px;
font-family : Arial;
}

a.redLink:hover{
color : #666666;
}

a.blackLink{
color : #000000;
text-decoration: none;
font-size : 12px;
font-family : Arial;
}

a.blackLink:hover{
color : #444444;
}

div.nieuwsBlok {
position :  absolute;
}

div.nieuwsImage {
position : absolute;
height : 100px;
z-index : 1;
}

div.nieuwsImageKader {
position : absolute;
height : 100px;
z-index : 2;
}

div.nieuwsText {
position : absolute;
left : 100px;
width : 460px;
height : 65px;
padding : 5px 0px 0px 10px;
background-color: #e2e2e2;
}

div.nieuwsImage img{
height : 70px;
width : 93px;
}

div.nieuwsDetail h2{
font-family : Arial;
font-size : 12px;
font-weight : bold;
line-height : 15px;
margin : 0px 0px 10px 0px;
}

div.nieuwsDetailImage{
position : absolute;
z-index : 1;
}

div.nieuwsDetailImageKader{
position : absolute;
z-index : 2;
}

div.nieuwsDetailText{
position : absolute;
left : 200px;
width : 200px;
height : 100px;
}
div.divContentMiddleProjecten {
  position: absolute;
  left: 150px;
  top: 0px;
  padding-right: 10px;
  width: 570px;
  height: 292px;
  overflow: hidden;
  }

div.newsTextHolder{
  overflow : auto;
  height : 200px;
  width : 370px;
  padding-left : 5px;
  padding-right : 5px;
}

div.newsTextHolder a{
  color: #000000;
  text-decoration: underline;
}

.small{
  font-weight:400;
  font-size:12px;
}
/* CMS style*/
.tdTagBlack {
  color : #000;
  font-size : 12px;
  font-family : Arial;
}
.textfield {
  border: 1px #000 inset;
  font-family: arial;
  font-size: 12px;
  width: 200px;
}

div.holderCMS {
  position: absolute;
  left: 250px;
  top: 100px;
  width: 740px;
  height: 500px;
  overflow: auto;
}

div.menuCMS {
  position: absolute;
  left: 20px;
  top: 90px;
  width: 210px;
  height: 490px;
  padding-left: 10px;
  padding-top: 10px;
  overflow: auto;
  background-color: #e8531e;
}
div.menuImageCMS {
  position: absolute;
  left: 5px;
  top: 290px;
  width: 200px;
  height: 200px;
  background-image: url(../images/menucms.jpg);
}