body {
  background: #85bad9 url(/img/layout_grad.jpg) repeat-x;
  padding: 0px;
  margin: 0px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 10pt;
  line-height: 16pt;
  color: #333;
}

img {
  border: none;
}

a:hover {
  text-decoration: underline;
  color: red;
}

#layout {
  background: #85bad9 url(/img/layout.jpg) no-repeat;
  width: 971px;
  height: 609px;
  margin: auto;
}

#layout_contentarea {
  width: 623px;
  height: 426px;
  left: 227px;
  top: 114px;
  position: relative;
  overflow: auto;
}

#layout_content {
  margin: 18px;
}

#navigation {
  margin: 7px 10px 20px 10px;
}

#navigation a:link, #navigation a:visited {
  font-family: Georgia,"Times New Roman",Times,serif;
  color: #162a4d;
  margin-right: 30px;
  text-decoration: none;
  font-weight: normal;
  font-size: 12pt;
  font-style: italic;
}

#navigation a:hover {
  text-decoration: underline;
  color: black;
}

.previewbox {
  -moz-box-shadow: 3px 3px 8px #111;
  -webkit-box-shadow: 3px 3px 8px #111;
  box-shadow: 3px 3px 8px #111;
}

.infobox {
  background-color: white;
  border: 1px solid silver;
  padding: 6px;
  margin: 10px;
  padding-right: 16px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.infoboxtitle {
  font-weight: bold;
}

a.external {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC") no-repeat scroll right center transparent;
  padding-right: 13px;
}