/* NTG style sheet */

body {
 color: #000;
 background-color: #fff;
 padding: 0;
 margin: 0 auto auto auto;
 text-align: center; /* to let IE center the content in the window */
 font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", serif
}

html {
 font-size: 90%;
 min-width: 100px; /* centering;  actual measure doesn't seem to matter */
}

/* some defaults */
div {
 text-align: left;
 padding: 6px;
 margin: 6px;
}

ul {
 margin: 12px 0 12px 0;
 padding-left: 2em;
}

li {
 margin-left: 0;
 padding-left: 6px;
 list-style-image: url(graphics/bullet.png);
}

a {
 text-decoration: none;
 color: #046;
 background-color: transparent;
}

a:visited {
 color: #035;
 background-color: transparent;
}

a:hover {
 background-color: #def;
}

div#everything {
 padding: 0;
 margin: 12px auto 12px auto;
 /*
 */
 diagnostic: background-color: #f00;
 max-width: 77em;
}

div#header, div#notheader {
 width: 90%;
 padding-left: 0;
 padding-right: 0;
 margin: 0 auto;
 overflow: auto; /* ensures that div wraps around floating elements */
}

div#header {
 background-color: #068;
 padding-bottom: 0;
 border-style: solid;
 border-width: 0 1px 0 1px;
 border-color: #068;
}

#header :link, :visited {
 background-color: #068;
}

#header img {
 /*
 */
 display: block;
 float: left;
 border-style: none;
 border-width: 0;
 margin: 0 auto 6px 6px;
}

#header p {
 text-align: right;
 /*
 font-weight: bold;
 */
 font-size: small;
 font-family: Verdana, sans-serif;
 color: #fff;
 margin: 3px 12px 0 auto;
}

#header form {
 display: block;
 text-align: right;
 margin-right: 12px;
 margin-top: 27px;
}

#header form p {
 margin: 0 0 0 auto;
 padding: 0;
}

div#notheader {
 /*
 margin-top: 0;
 margin-bottom: auto;
 */
 padding-top: 0;
 border-style: solid;
 border-color: #000;
 border-width: 0 1px 1px 1px;
}

div#main {
 float: right;
 text-alignment: left;
 padding-left: 3px;
 padding-right: 0;
 margin-top: 0px;
 margin-right: 12px;
 width: 72%;
}

div.belangrijk {
 float: right;
 padding: 0 6px 12px 12px;
 width: 30%;
 background-color: #ffa;
}

p {
 max-width: 50em;
}
/*
*/

ul#links {
 display: block;
 float: left;
 width: 20%;
 padding: 6px;
 margin-left: 12px;
 overflow: visible;
 background-color: #eee;
 list-style-type: none;
}

#links * {
 /*
 font-weight: bold;
 */
 font-family: Verdana, sans-serif;
}

#links a {
 text-decoration: none;
 color: #057;
 background-color: #eee;
}

#links a:hover {
 background-color: #def;
}

#links li {
 list-style-type: none;
 list-style-image: none;
 padding: 0;
}
#links > li {
 font-weight: bold;
 margin: 3px 0 3px 6px;
}

#links > li > ul {
 margin: 3px auto auto 12px;
 padding: 0;
}

#links > li > ul > li {
 font-weight: normal;
 margin: 0;
}

p#copyright {
 color: #999;
 font-family: Verdana, sans-serif;
 font-size: small;
 text-align: center;
 width: 90%; /* should match [not]header */
 margin: 0 auto;
 padding-top: 3px;
}

h1, h2, h3, h4  {
 font-family: Verdana, sans-serif;
 font-weight: bold;
 color: #057;
}

h1 {
 font-size: xx-large;
 margin: 0.7em auto 0.5em auto;
}

h2 {
 font-size: large;
 margin: 0.7em auto 0.15em auto;
}

h3 {
 font-size: medium;
 margin: 0.5em auto 0 auto;
}

h4 {
 font-size: medium;
 font-weight: normal;
 margin: 0.5em auto 0 auto;
}

p {
 font-size: medium;
 margin: 0.5em auto 0 auto;
}

input {
  font-family:Verdana, sans-serif;
  font-size:11px;
} 

textarea {
  font-family:Verdana, sans-serif;
  font-size:11px;
}