/*
Copyright (c) 2006 Ylab, http://www.ylab.nl
2006-07-06; adapted for Annemarike.com
*/

body {
  margin: 0;
  font-family: Verdana, sans-serif;
}
img  {
  border: 0;
}
h1 {
  font-size: 200%;
  font-weight: normal;
  margin: 0;
  color: #0b566e;
}
h2 {
  font-size: 133%;
  margin: 0;
}
h1, h2 {
  white-space: nowrap;
}
button, label, .button {
  cursor: pointer;
}
#canvas {
  width: 800px;
  position: relative;
  margin: 0 auto;
}
.pane  {
  position: absolute;
  top: 0;
}
#paneL {
  width: 140px;
  height: 100%;
  left: 0; top: 0;
  margin: 9px;
  background: #fafafa;
  border: 1px solid #e2e2e2;
  height: 580px; /*overruled by general.js*/
  z-index: 1;
}
#paneR {
  width: 600px;
  right: 0;
  background: #fff;
  padding: 20px;
}
.menu {
  position: absolute;
  width: 110px;
  right: 10px;
  top: 130px;
  padding: 0 10px;
  font-size: 90%;
  color: #004284;
}
#mnu_service img {
  width: 33px;
  height: 33px;
}
div#mnu_search {
  position: relative;
  top: 20px;
}
div#searchbox  {
  position: relative;
  top: 3px;
}
div#mnu_history {
  position: absolute;
  top: 200px;
  font-size: 75%;
}
div#mnu_history:first-line {
  font-weight: bold;
}
div#mnu_cc {
  position: absolute;
  top: 150px;
}
.menu button  {
  color: #fff;
  text-align: left;
}
div.rounded {
  width: 103px;
  height: 24px;
  padding: 2px 1px 0px 8px;
  background: transparent url('../graphics/input.gif') no-repeat top left;
  margin-bottom: 10px;
}
div.rounded input {
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
}
div.rounded input.txt {
  width: 78px;
  height: 18px;
}
button.rounded {
  border: 0;
  width: 103px;
  height: 24px;
  padding: 0 5px;
  background: transparent url('../graphics/button4.gif') no-repeat;
}
a.bullet {
  display: block;
  padding-left: 12px;
  background: url('../graphics/bullet.gif') no-repeat top left;
  margin-top: 4px;
}
a.bullet:link,
a.bullet:visited {
  color: #000;
  text-decoration: none;
}
a.bullet:hover   {
  text-decoration: underline;
}
.result {font-size: 90%; margin-top: 10px; width: 620px;}
.fl {float: right; top: 0;}
.content {
  color: #fff;
  font-size: 70%;
  line-height: 150%;
  position: absolute;
  left: 20px;
  top: 130px;
  width: 620px;
}
.content a:link,
.content a:visited {
  color: #fff;
  text-decoration: none;
}
.content a:hover {
  text-decoration: underline;
}
.hyper a:hover {
  position: relative;
  top: -2px;
  left: 1px;
}
.card {
  width: 300px;
  height: 130px;
  border: 1px solid #84C6FF;
  border: 1px solid #e2e2e2;
  margin-bottom: 20px;
  position: absolute;
}
.cardL {
  left: 0;
}
.cardR {
  right: 0;
}
.cardimg  {
  width: 130px;
  height: 130px;
  position: absolute;
  background: no-repeat center 10px;
}
.cardimg a:link,
.cardimg a:visited {display: block; width: 100%; height: 100%;}
.cardimg a:hover {background: url('../graphics/canvas.gif');}

.cardtext {
  width: 150px;
  height: 110px;
  float: right;
  padding: 10px;
  background: #f4f4f4;
  color: #0b566e;
}
.cardtext a:link,
.cardtext a:visited {
  color: #0b566e;
}
.cardtext:first-line {
  font-weight: bold;
}
.painting {
  width: 365px;
  height: 385px;
  position: absolute;
  background: url('../graphics/canvas.gif') repeat;
}
.painting div {
  margin-top: 20px;
  width: 365px;
  height: 345px;
  background: no-repeat top center;
}
.nav {
  width: 365px;
  text-align: right;
  position: absolute;
  top: 375px;
}
.props {
  width: 215px;
  height: 165px;
  position: absolute;
  top: 200px;
  right: 0;
  color: #83AEDA;
}
.props a:link,
.props a:visited {
  color: #004284;
  text-decoration: none;
}
.props a:hover   {
  text-decoration: underline;
}

.colorgif {
  vertical-align: middle;
}