/* $Id: screen.css,v 1.4 2007-12-06 08:36:29 jasper Exp $ */

* { margin: 0; padding: 0;}

#skip { position: absolute; top: -9999px; }

#header *, ul.buttons a {
  display: block;
  overflow: hidden;
  list-style-type: none;
  font-size: 1px;
  letter-spacing: -1px;
  line-height: 1px;
  text-indent: -99px;
  text-decoration: none;
  background-repeat: no-repeat;
}

body { font-family: "Verdana"; font-size: 11px; line-height: 16px; }

p, ul, ol, form { margin: 6px 0 16px 0; }
h2 { margin: 16px 0 6px 0; font-size: 14px; }
ul { margin-left: 25px; }
a { color: #00a0e1; text-decoration: none; }
a:hover {color: #fff; background:#00a0e1; }

iframe { position: absolute; width: 10px; height: 10px; top: -999px }

#header, #adviesblok, #footer { width: 727px; margin: 0 auto; }
#adviesblok { width: 687px; }
* html #adviesblok { width: 727px; }
* html body { text-align: center; }
* html #header, * html #adviesblok, * html #footer { text-align: left; }
#header { height: 114px; background: url("h_pers_advies.gif") 19px 40px no-repeat; }

#main { background: #E8E9EB; padding: 25px 0; }

#footer p { margin-top: 0; }
#footer img { display: block; margin-bottom: -10px; }
#footer a, #footer a:hover { color: #999; background: transparent; margin-left: 18px; }

#adviesblok { padding: 4px 20px; background: #fff; overflow: auto; }

ul.buttons { float: left; margin: 16px 0; }
#ongelding { margin: 10px; padding: 10px; }
.advies ul.buttons { float: right; }
ul.buttons li { float: left; list-style-type: none; }
ul.buttons a { height: 28px; margin: 0 17px 0 0; }
.advies ul.buttons a { margin: 0 0 0 17px; }
ul.buttons a:hover { background-position: 0 -28px !important; }
li.print a, li.print a:hover { width: 115px; background: url("b_print_advies.gif");  }
li.email a, li.email a:hover { width: 121px; background: url("b_mail_advies.gif"); }
li.terug a, li.terug a:hover { width: 72px; background: url("b_terug.gif"); }

#copyright { position: absolute; top: 0; left: 50%; margin-left: -363px; text-align: right; font-size: 10px; }
#copyright a { color: #0133A7; text-decoration: none; }
#copyright a:hover { color: #0133A7; background: #fff; text-decoration: none; }

#flashcontent{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -290px;
  margin-left: -50%;
  width: 100%;
  height: 560px;
}
.container, legend{
  display: block;
  overflow: hidden;
  list-style-type: none;
  font-size: 1px;
  letter-spacing: -1px;
  line-height: 1px;
  text-indent: -99px;
  text-decoration: none;
  width: 1px;
  height: 1px;
}