body {
  margin: 30px;
  background-color: skyblue;
  color: #555;
  font-size: 11px;
  font-family: Verdana, Andale Sans, Arial, Adobe Helvetica, sans-serif;
}

div, p, span, a, td, th, input, select, textarea {
  color: #555;
  font-size: 12px;
}

td {
  vertical-align: top;
}

img {
  border: none;
}

td.logo {
  padding: 2px;
  text-align: center;
  vertical-align: top;
  background-color: darkslateblue;
  height: 1px;
}

td.logo img {
  width: 130px;
}

.pagetitle {
  font-size: 24px;
  color: darkslateblue;
  font-style: italic;
  letter-spacing: 2px;
  font-weight: bold;
}

.paragraph_title {
  font-size: 14px;
  padding-left: 15px;
  padding-top: 4px;
  padding-bottom: 2px;
  color: darkslateblue;
  font-style: italic;
  border-bottom: 1px groove;
  letter-spacing: 0px;
}

a {
  color: #222;
}

table.body {
  width: 100%;
  height: 100%;
  color: #555;
}

table.body td.b_left, table.body td.b_mid, table.body td.b_right {
  width: 33%;
  height: 100%;
}

table.body td.b_right {
  text-align: center;
  vertical-align: top;
}

div.keywords {
  font-size: 1px;
  color: skyblue;
  background-color: skyblue;
}

div.adsense {
  position: relative;
  background-color: skyblue;
}

table.main {
 width: 740px;
 height: 100%;
 color: black;
 background-color: #FF6;
 border: 3px double darkorange;
}

table.main table.header {
  border-bottom: 2px ridge orange;
  width: 100%;
}

table.main table.header td.flags {
  text-align: right;
  vertical-align: top;
}

table.main table.header td.flags a {
  padding-left: 1px;
}

table.main table.header img.flag {
  border: 1px solid #FF6;
  height: 15px;
  width: 24px;
}

table.main table.header a img.flag:hover {
  border: 1px solid darkorange;
}

table.main td.left {
  width: 120px;
}

table.main td.menu {
  font-size: 12px;
  padding-left: 15px;
  padding-top: 10px;
  vertical-align: top;
  background-color: darkslateblue;
  font-family: sans-serif;
}

table.main td.menu div {
  padding: 2px;
  width: 80%;
}

table.main td.menu div a {
  color: orange;
  font-size: 10px;
  text-decoration: none;
  padding-left: 2px;
}

table.main td.menu div:hover, table.main td.menu div:hover a {
  color: #222;
  background-color: #fF6;
}

table.main td.content {
  padding: 5px;
  color: black;
  vertical-align: top;
  height: 100%;
}

input, textarea, select {
  color: #555;
  background-color: #ffffa0;
  font-weight: normal;
  font-size: 12px;
  border: 1px solid red;
  padding: 1px;
}

input.button, button {
  padding: 2px;
  padding-left: 3px;
  padding-right: 3px;
  font-weight: bold;
  border: 2px solid orange;
  margin-right: 5px;
  cursor: pointer;
}

input.button:hover, button:hover {
  border-color: red;
}

input.checkbox {
  background-color: #fdf1e1;
}

th {
  font-weight: bold;
}

span.support, div.support, p.support, td.support, li.support {
  font-size: 10px;
  padding-left: 15px;
  padding-right: 10px;
  padding-top: 0px;
  font-style: italic;
}

li.support {
  padding: 0px;
}

input.checkbox {
  border: none;
}

tr.footer td {
  height: 1px;
  vertical-align: bottom;
}

tr.footer td.google_zoeken {
  text-align: left;
  padding-left: 2px;
}
tr.footer td.copyright {
  color: #333;
  font-size: 9px;
  letter-spacing: 0px;
  font-weight: normal;
  text-decoration: none;
  text-align: right;
  padding: 2px;
}

div.preview {
  position: absolute;
  width: 300px;
  visibility: visible;
  background-color: tomato;
}

div.preview div.head {
  color : white;
  padding : 5px;
  font-weight : bold;
  font-size : 14px;
  visibility: visible;
}

div.preview div.text {
  background-color : white;
  color : red;
  border-color: yellow;
  padding : 5px;
  border : 2px solid;
  visibility: visible;
}

div.hidden {
  position: absolute;
  visibility: hidden;
}

table.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  visibility: hidden;
}

table.overlay tr.border td {
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
  background-color: gray;
  width: 33%;
}

table.overlay td.content {
  vertical-align: middle;
  border: 3px solid black;
  height: 100px;
  width: 33%;
  z-index: 10;
  background-color: whitesmoke;
  color: black;
  padding: 5px;
}

.info {
  background-color: aliceblue;
  font-weight: bold;
  text-align: center;
  padding: 4px;
  border: 3px solid skyblue;
}

.success {
  font-style: italic;
  color: green;
  font-weight: bold;
  font-size: 14px;
}

.warning {
  font-style: italic;
  color: orange;
  font-weight: bold;
  font-size: 14px;
}

.fatalerror a, .warning a {
  font-size: 14px;
  color: white;
  text-decoration: underline;
}

.fatalerror {
  background-color: red;
  color: white;
  font-weight: bold;
  border: 5px white solid;
  font-size: 15px;
  padding: 4px;
}
