/*<![CDATA[*/
  

html, body, #content
{
  min-height: 100%;
  width: 100%;
  height: 100%;

}

/* The "height" above is a hack for IE5+/Win.  Below we adjust it using the child selector to hide from IE5+/Win  */

html>body, html>body #content
{
  height: auto;
}


UL.special, LI.spec { 
 margin: 0px; padding: 0px; 
}

/* Without this, Moz1.0 adds a vertical scrollbar */

body 
{
  position: relative;
  margin: 0; 
  background: transparent url(/imag/background.gif);
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
   
img  {  border: none;  }

label {  padding-left: 6px; }

td
{
  font-family: Verdana, sans-serif;
  font-size: 10px;
  padding-top: 1px; 
  margin: 0px;
  height: 18px;
  /* redundant rules for bad browsers  */
  voice-family: "\"}\""; 
  voice-family: inherit;  
  font-size: 11px;
}
html>body td   
{
  font-size: 11px;
}

#content
{
  position: absolute;
  left: 50%;
  top: 190px;
  width: 580px;
  margin-left: -206px;
  color: #182035;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}
   
#balk_onder
{
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 770px;
  height: 50px;
 
  margin-left: -470px;
 
  border-spacing: 0;
  background-color: #D8FF6D;
}   

#main 
{
  margin-bottom: 50px;
  height: auto;
}
   
#logoblok
{
  position: absolute;
  left: 50%;
  top: 5px;
  width: 178px;
  height: 178px;
  margin-left: -205px;
  background: transparent url("/imag/Logo.gif");
  z-index: 3;
}

#procentblok
{
  position: absolute;
  left: 50%;
  top: 5px;
  width: 178px;
  height: 178px;
  margin-left: -385px;
  background: transparent url("/imag/procenttop.gif") 20px 30px no-repeat;
  border-left: 2px solid #DEFF7B;
  border-top: 2px solid #DEFF7B;
  z-index: 9;
}

#home
{
  position: absolute;
  left: 50%;
  top: 100px;
  width: 87px;
  height: 87px;
  margin-left: -303px;
  background: transparent url("/imag/home.gif") left top no-repeat;
  z-index: 20;
}
#home A       { display: block; width: 87px; height: 87px; background: transparent url("/imag/home.gif") top left no-repeat; z-index: 21; }
#home A:hover { background-position: 0 -87px; }
     
     
#rentenieuws
{
  position: absolute;
  left: 50%;
  top: 200px;
  width: 160px;
  height: 128px;
  margin-left: -385px;
  background: transparent url("/imag/Rentenieuws.gif") left top no-repeat;
  z-index: 20;
}
#rentenieuws A       { display: block; width: 160px; height: 128px; background: transparent url("/imag/Rentenieuws.gif") top left no-repeat; z-index: 21; }
#rentenieuws A:hover { background-position: 0 -128px; }


#rekenmodule
{
  position: absolute;
  left: 50%;
  top: 310px;
  width: 90px;
  height: 90px;
  margin-left: -305px;
  background: transparent url("/imag/max_hypotheek.gif") left top no-repeat;
  z-index: 20;
}
#rekenmodule A       { display: block; width: 90px; height: 90px; background: transparent url("/imag/max_hypotheek.gif") top left no-repeat; z-index: 21; }
#rekenmodule A:hover { background-position: 0 -90px; }

 
#stunttarieven
{
  position: absolute;
  left: 50%;
  top: 385px;
  width: 87px;
  height: 94px;
  margin-left: -370px;
  background: transparent url("/imag/stunttarieven.gif") left top no-repeat;
  z-index: 20;
}
#stunttarieven A       { display: block; width: 87px; height: 94px; background: transparent url("/imag/stunttarieven.gif") top left no-repeat; z-index: 21; }
#stunttarieven A:hover { background-position: 0 -94px; }


#hypotheek
{
  position: absolute;
  left: 50%;
  top: 470px;
  width: 88px;
  height: 87px;
  margin-left: -300px;
  background: transparent url("/imag/Watiseenhypotheek.gif") left top no-repeat;
  z-index: 20;
}
#hypotheek A       { display: block; width: 88px; height: 87px; background: transparent url("/imag/Watiseenhypotheek.gif") top left no-repeat; z-index: 21; }
#hypotheek A:hover { background-position: 0 -87px; }


#leftborder
{
  position: absolute;
  left: 50%;
  top: 183px;
  width: 2px;
  height: 100%;
  min-height: 800px;
  margin-left: -385px;
  background: #DEFF7B;
  z-index: 32;
}
html>body #leftborder { height: auto; }


#speciale
{
  position: absolute;
  margin: 0px;
  padding: 3px;
  left: 50%;
  top: 560px;
  width: 160px;
  height: 110px;
  margin-left: -380px;
  border: 2px solid #BEDF5B;
  font-size: 11px;
  z-index: 20;
}
html>body #speciale 
{  
  padding: 2px;
}
#speciale A         { font-size: 11px;color: red;  font-weight: normal;text-decoration: underline;  }
#speciale A:visited { font-size: 11px;color: red;  font-weight: normal;text-decoration: underline;  }
#speciale A:hover   { font-size: 11px;color: green;font-weight: normal;text-decoration: underline;  }    


#formulier
{
  position: absolute;
  left: 50%;
  top: 870px;
  width: 148px;
  height: 68px;
  line-height: 36px;
  font: 11px Verdana, Arial, sans-serif; 
  color: #224422;
  text-decoration: underline;
  border: 2px solid #DEFF7B;
  padding: 4px;
  margin-left: -375px;
  z-index: 20;
}
#formulier A         { font: 11px Verdana, Arial, sans-serif;color: blue; text-decoration: underline; }
#formulier A:VISITED { font: 11px Verdana, Arial, sans-serif;color: blue; text-decoration: underline; }
#formulier A:HOVER   { font: 11px Verdana, Arial, sans-serif;color: red; text-decoration: underline; }


/* Soorten hypotheek */

#soort0			{ position: absolute; left: 50%; width: 165px; height: 17px; margin-left: -379px; top: 685px;font-size: 11px; }

#soort1         { position: absolute; left: 50%; width: 165px; height: 17px; margin-left: -379px; top: 705px; }
#soort1 A       { display: block; width: 165px; height: 17px; background: transparent url("/imag/soorten.gif") 0px 0px no-repeat; line-height:17px;font-size: 10px; z-index: 21;text-decoration: none; }
#soort1 A:hover { background-position: 0px -17px; line-height:17px;font-size: 10px; color: red;text-decoration: none; }

#soort2         { position: absolute; left: 50%; width: 165px; height: 17px; margin-left: -379px; top: 725px; }
#soort2 A       { display: block; width: 165px; height: 17px; background: transparent url("/imag/soorten.gif") 0px 0px no-repeat;font-size: 10px; z-index: 21;text-decoration: none; }
#soort2 A:hover { background-position: 0px -17px; font-size: 10px; color: red;text-decoration: none; }

#soort3         { position: absolute; left: 50%; width: 165px; height: 17px; margin-left: -379px; top: 745px; }
#soort3 A       { display: block; width: 165px; height: 17px; background: transparent url("/imag/soorten.gif") 0px 0px no-repeat;font-size: 10px; z-index: 21;text-decoration: none; }
#soort3 A:hover { background-position: 0px -17px; font-size: 10px; color: red;text-decoration: none; }

#soort4         { position: absolute; left: 50%; width: 165px; height: 17px; margin-left: -379px; top: 765px; }
#soort4 A       { display: block; width: 165px; height: 17px; background: transparent url("/imag/soorten.gif") 0px 0px no-repeat;font-size: 10px; z-index: 21;text-decoration: none; }
#soort4 A:hover { background-position: 0px -17px; font-size: 10px; color: red;text-decoration: none; }

#soort5         { position: absolute; left: 50%; width: 165px; height: 17px; margin-left: -379px; top: 785px; }
#soort5 A       { display: block; width: 165px; height: 17px; background: transparent url("/imag/soorten.gif") 0px 0px no-repeat;font-size: 10px; z-index: 21;text-decoration: none; }
#soort5 A:hover { background-position: 0px -17px; font-size: 10px; color: red;text-decoration: none; }

#soort6         { position: absolute; left: 50%; width: 165px; height: 17px; margin-left: -379px; top: 805px; }
#soort6 A       { display: block; width: 165px; height: 17px; background: transparent url("/imag/soorten.gif") 0px 0px no-repeat;font-size: 10px; z-index: 21;text-decoration: none; }
#soort6 A:hover { background-position: 0px -17px; font-size: 10px; color: red;text-decoration: none; }

#soort7         { position: absolute; left: 50%; width: 165px; height: 17px; margin-left: -379px; top: 825px; }
#soort7 A       { display: block; width: 165px; height: 17px; background: transparent url("/imag/soorten.gif") 0px 0px no-repeat;font-size: 10px; z-index: 21;text-decoration: none; }
#soort7 A:hover { background-position: 0px -17px; font-size: 10px; color: red;text-decoration: none; }

#soort8         { position: absolute; left: 50%; width: 165px; height: 17px; margin-left: -379px; top: 845px; }
#soort8 A       { display: block; width: 165px; height: 17px; background: transparent url("/imag/soorten.gif") 0px 0px no-repeat;font-size: 10px; z-index: 21;text-decoration: none; }
#soort8 A:hover { background-position: 0px -17px; font-size: 10px; color: red;text-decoration: none; }


/* Advertorials */

#advertorials
{
  position: absolute;
  top: 5px;
  left: 50%;
  width: 414px;
  height: 178px;
  margin-left: -27px;
  background: #EAFFB3;
  border-top: 2px solid #DEFF7B;
  border-right: 2px solid #DEFF7B;
  z-index: 4;
}
html>body #advertorials
{
  width: 412px;
  height: 176px;
}

#advertorials TD A         { font: 12px "Trebuchet MS", Arial, Helvetica, Verdana normal;color: blue;text-decoration: underline; }
#advertorials TD A:visited { font: 12px "Trebuchet MS", Arial, Helvetica, Verdana normal;color: blue;text-decoration: underline; }
#advertorials TD A:hover   { font: 12px "Trebuchet MS", Arial, Helvetica, Verdana normal;color: #7E9F0B; text-decoration: none;  }    
   
   
.adv1
{
  position: absolute;
  left: 50%;
  top: 13px;
  width: 355px;
  height: 60px;
  padding: 2px;
  margin-left: -185px;
  font: 12px "Trebuchet MS", Arial, Helvetica, Verdana normal;
  /* text-align: center; */
  color: #4E6F00;
  z-index: 5;
  border: 2px solid #BEDF5B;
  -moz-border-radius: .5em .5em .5em .5em;
  border-spacing: 0;
}
   
.adv3
{
  position: absolute;
  left: 50%;
  top: 94px;
  width: 355px;
  height: 60px;
  margin-left: -185px;
  font: 12px "Trebuchet MS", Arial, Helvetica, Verdana normal;
  color: #4E6F00;
  padding: 2px;
  z-index: 5;
  border: 2px solid #BEDF5B;
  -moz-border-radius: .5em .5em .5em .5em;
  border-spacing: 0;
}
   
* A, A { font-family: Verdana, Helvetica, sans-serif; font-style: normal; padding: 0; margin: 0; }
 
#content TD A            { font-size: 10px; color: blue; }
#content TD A:visited    { font-size: 10px; color: blue; }
#content TD A:hover      { font-size: 10px; color: red;  }

#content TD A.bank:hover { font-size: 10px; color: red; text-decoration: underline overline; }    

#content TD A.offer         { font-size: 9px; color: blue; text-decoration: none; }    
#content TD A.offer:visited { font-size: 9px; color: blue; text-decoration: none; }    
#content TD A.offer:hover   { font-size: 9px; color: red; text-decoration: none; }    

A.linx, A.linx2                 { font-size: 10px;color: blue;text-decoration: underline; }
A.linx:visited, A.linx2:visited { font-size: 10px;color: blue;text-decoration: underline; }

A.linx:hover    { font-size: 10px;color: #9EAF2B; text-decoration: underline overline; }    
A.linx2:hover   { font-size: 10px;color: red; text-decoration: underline overline; }    

#content TD A.linx3, #content TD A.linx3:visited { font-size: 13px;color: blue;text-decoration: underline; }
#content TD A.linx3:hover            { font-size: 13px;color: #7E9F0B; text-decoration: none; }    

A.linx4, A.linx4:visited { font: 12px Verdana, Helvetica, sans-serif;color: blue;text-decoration: underline;  }
A.linx4:hover            { font: 12px Verdana, Helvetica, sans-serif;color: red; text-decoration: none;  }    


td.leftblok
{
  font-family: Verdana, sans-serif;
  font-size: 10px;
  padding: 0px; 
  margin: 0px;
  border-spacing: 0; 
  font-size: 11px;
}

th 
{
  /* font-family: "Times New Roman", Times, serif; */
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 0px; 
  margin: 0px;
  border-spacing: 0; 
  font-size: 12px;
  background: #EAFFB3;
}
   
/*]]>*/