body {
 color: #777;
 background-color: #fff;
 padding: 0;
 margin: 0 auto auto auto;
 text-align: center; /* to let IE center the content in the window */
 font-family: serif
}

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

/* some defaults */
div {
 text-align: left;
}

ul,ol {
 margin: 0px 0 0px 0;
 padding-left: 1.3em;
}

li {
 margin-left: 0;
 padding-left: 0px;
}

ul {
   list-style-image: url(graphics/bullet.png);
}

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

a:visited {
 color: #000;
 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: large;
 font-family: 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: 77%;
}

div.lugcountries {
 margin-top:0px;
 float: right;
 padding: 0px 0px 6px 6px;
 width: 20%;
}

div.belangrijk {
 margin-top:-9px;
 float:right;
 width:auto;
 padding-left:10px;
 padding-right:10px;
 background-color: #ffd;
}


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

#links a {
 text-decoration: none;
 color: #38a;
 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: sans-serif;
 font-size: xx-small;
 text-align: center;
 width: 90%; /* should match [not]header */
 margin: 0 auto;
 padding-top: 3px;
}

h1, h2, h3, h4  {
 font-family: 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;
}

h2.black { color:#777; }

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

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

input,textarea {
  font-family: serif;
  font-size:small;
  background-color:#ddd;
  color: #555;
}

input.ntg,textarea.ntg {
  width: 18em;
} 

input.lug,textarea.lug {
  width: 15em;
} 

input[type="submit"] {
  font-family: serif;
  font-size:normal;
  background-color:#777;
  color: #fff;
} 

span.red {
  color:#f00;
}

th.lug, a.lug {
  background-color:#068;
  color:#fff;
  text-align:center;
  padding:4px;
}

.skip { margin-top:20px; }