html,body { height: 100%; margin: 0; padding: 0;}
body { margin: 0; padding: 0; text-align: center; background-color: #959A83; align:center; background-image: url(http://img.first-impressions.nl/img/site_fi/top.png); background-position: top center; background-repeat: no-repeat;}
table {	margin: 0; padding: 0; border: 0; border-spacing: 0px;  border-collapse: collapse; }
form,p,td,li,ul {margin: 0; padding: 0;  border: 0; }
img { border: 0; display: block; }
div {  text-align: left; overflow: hidden;}
p,a,div,td,h2,span,font,li { font-family:  Arial, Helvetica, sans-serif; font-size: 11px;  font-style: normal; text-decoration: none; line-height: 19px; }
a { cursor: pointer; text-decoration: none; color: #000000;}
.bold { font-weight: bolder;}
input,select {display: inline; margin: 0; padding: 0; font-size: 9px; overflow: hidden; height:auto;}
/*select {display: inline; margin: 0; padding: 0; font-size: 9px; overflow: hidden; width:120px;}*/
input.txt {display: inline; margin: 0; padding: 0;height: 14px; padding: 1px 1px 0px 1px; } 
/* breed -7px, hoog -5px bij input. select hoog -2px, breed niets */

#main { width: 1000px; margin: auto; margin-top: 26px; height: 2500px;line-height:19px;height:100%;}
 #logo { display: block; overflow: hidden; padding: 0px 0 0px 18px; margin: 0; width: 289px; float: left;} 
  #logo img { width: 289px;} 
  
  #toplogoflash{height: auto;width:766px;background-position: 0px 20px; overflow: visible;}
 #zoeken { width: 187px; padding: 18px 0 0 102px; float: left; } 
  #zoeken .txt { width: 164px; height: 14px; margin-bottom: 6px; float: left;}
 #ga_naar_de_actie { width: 170px; padding: 18px 0 0 0; float: left;top:-2px;}
  #ga_naar_de_actie select { width: 200px; margin: 0px;}
 #topfoto{position: relative; width: 766px; float:left;}
 #innerElement { height:100%;position: relative; width: 766px; margin: 0px 180px 0px 18px;background-color: #E8E9E4;clear: both; background-position: 0px 20px; background-repeat: no-repeat; overflow: visible;height: 2300px;}
 #innerElement-bottom{position: relative; padding-top: 0px;height:10px;overflow:visible;background-image: url(../images/layout/content-bottom.gif); background-repeat: no-repeat;width:766px;margin-left: 18px;background-position: bottom right;}
  #topBalk { background-color: #7F561B; height: 20px; width:766px;}
  #topMenu { margin-top: 1px;}
  #topMenu div { font-family:  Arial, Helvetica, sans-serif; font-size: 9px;  font-style: normal; color : white;}
  #topMenu a  { font-family:  Arial, Helvetica, sans-serif; font-size: 9px;  font-style: normal; color : white;}
  #nieuwsgierig { display: block; background-image: url(../images/layout/bac-nieuwsgierig.gif); font-weight: bolder; text-decoration: none; width: 169px; height: 22px; text-align: center; padding-top: 5px; margin: 221px 0 13px 18px; clear: both;  }
  #bottomBalk{
  position:absolute;
  margin-left:234px;
  margin-top:129px;
  clear:left;
  float:left;
 }
  #bottomBalk table {width:500px;clear:left;float:left;}
  #menu-bac-top, #menu-bac-bottom, #menu-bac-back { position: relative; height:auto;overflow:visible;z-index:1;}
  #menu-bac-top { margin-top:9px; margin-left: -9px; background-image: url(../images/layout/menu-fade_top.gif); background-repeat: no-repeat; background-position: top right; width: 196px; }
  #menu-bac-bottom { background-image: url(../images/layout/menu-fade_bottom.gif); background-repeat: no-repeat; background-position: bottom right; padding: 5px 0 5px 0;}
  #menu-bac-back { background-image: url(../images/layout/menu-fade_back.gif); background-repeat: repeat-y; background-position: top right;}

   #menu { width: 196px; background-position: top right; background-repeat: no-repeat; overflow: hidden; height: auto;}
   #menu .leftPane { float: left; width: 18px; padding-bottom: 500px; margin-bottom: -500px;}
    #menu .leftPane img { border-right: solid 2px #F9C4CF; height: 151px; }
	#menu .leftPane div { background-color: #EF4F91; width: 18px; padding-bottom: 500px; margin-bottom: -500px;}
 
   #menu div ul { width: 176px; display: block; float: left; padding: 18px 0 0px 0; overflow: visible; margin-bottom: 0px;}
    #menu div li { background-color: #FFFFFF; border-top: 1px #E8E9E4 solid; line-height: 18px; height: 18px; float: left; width: 176px;display: inline;}
 #menu div li a { text-decoration: none; background-image: url(../images/layout/dot-squar.gif); background-position: 13px 5px; background-repeat: no-repeat; padding-left: 22px; display: block; width: 142px;display: inline;line-height:19px;} 
     #menu div li.lastChild { height: 12px;display: inline; }
	 
   #menuConsument { background-image: url(../images/layout/menu-right-dark.gif); background-position: top right; background-repeat: repeat-y; overflow: hidden; position: absolute; margin: 0 0 0 0;}
   #menuConsument .menuFooter { background-image: url(../images/layout/menu-bottom-consument.gif); clear: both; width: 196px; height: 26px; overflow: hidden; }

   #menuZakelijk div { float:left;position: relative; overflow: hidden;}
   #menuConsument div { float:left;position: relative; overflow: hidden;}	

   #menuZakelijk .leftPane { 
   float: left; 
   width: 18px; 
   margin-bottom:-400px;padding-bottom:0px;
   }
   #menuZakelijk 
   {
   left:178px;
  /* background-image: url(../images/layout/menu-right-dark2.gif); */
   background-repeat: repeat-y; 
   overflow: hidden; 
   position: absolute; 
   }
   
    #menuZakelijk .menuFooter { background-image: url(../images/layout/menu-bottom-zakelijk2.gif); clear: both;height: 21px; overflow: hidden; }   
   
    #menuZakelijk .leftPane img { float:left;border-right: #9EB0BD solid 2px;height:151px;}
	
	#menuZakelijk .leftPane div {background-repeat:no-repeat;background-color: #0067AC; border-right: #00528A solid 2px; width:16px;margin-bottom:0px;padding-bottom:500px;}
	
	
	#menu #menuZakelijk ul {overflow: hidden;display:none;}
	#menu #menuZakelijk li { width: 176px; overflow: hidden;}
	#menu #menuZakelijk li a { width: 176px;  overflow: hidden;}
    #menuzakelijk .submenu li { 
    width:0px;
    overflow:hidden;
	}
   	#menu #menuConsument .submenu {
   	background-color: #f8e5e9;
   	}
   	#menu #menuZakelijk .submenu {
   	background-color: #e3ecf3;
   	}
    #menu .submenu a { 
    background-image: url(../images/layout/dot-squar2.gif);
    }
  
.menutitle{
cursor:pointer;
width:160px;
padding:2px;
}

#nieuwsbrief-bac-bottom { 
background-image: url(../images/layout/nieuwsbrief-bottom.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding: 5px 0 5px 0;
}
#nieuwsbrief-content{
position:relative;
height:172px;
float:left;
width: 145px;
margin-left: 18px;
top:-12px ;
background-color: #7F561B;
display:inline;
overflow:visible;
}

#nieuwsbrief{
display:none;
position: absolute;
margin-top:-6px !important;
margin-top:-4px;
color:white;
left:322px;
width:170px;
height:200px;
}
#nieuwsbrief-content input {width:134px;}
#nieuwsbrief-background{ position: relative; height: 179px; overflow: visible;float:left;}
 /*	#nieuwsbrief-bac-bottom { background-image: url(../images/layout/yahoo-bottom.gif); background-repeat: no-repeat; background-position: bottom left; padding: 5px 0 5px 0; }*/
#nieuwsbrief-background {margin-left: 0px; background: #7F561B; width:169px;}

#banner-bac-top, #banner-bac-bottom, #banner-bac-background { position: relative; height: auto; float:left;}
#banner-bac-top {  
left: 0px;
top: 0px;
margin-left: 0px;
background-image: url(../images/layout/banner_top.gif);
background-repeat: no-repeat;
background-position: top left;
width: 504px;
}
#banner-bac-bottom { 
background-image: url(../images/layout/banner_bottom.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding: 5px 0 5px 0;
width:504px;
}
#banner-background {
margin-left: 0px;
background: #ffffff;
width:502px;
}
#banner { 
height:86px;
width: 468px;
left: 200px;
margin-top:0px;
margin-left: 17px;
background-position: top left;
background-repeat: no-repeat;
overflow: hidden;
}	
