/* Force scrollbars */
html {
  height: 100%; margin-bottom: 1px;
}

/* General styles for our body */
body {
  margin: 0px;
  padding: 0px;
  background-color: #cfcfcf;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* Table cells of our layout */
td {
  font-size: 12px;
  line-height: 20px;
  color: #406ca9;
  text-align: justify;
  vertical-align: top;
}

/* Content cell (the most important one overall!) */
td.content {
  background-color: white;
  background-image: url('../gfx/layout/innerborder_right.jpg');
  background-repeat: repeat-y;
  background-position: right;
}

/* (Basically, we could also add a padding to td.content, but IE doesn't seem to appreciate this) */
div.content {
  margin-left:   30px;
  margin-top:    20px;
  margin-right:  70px;
  margin-bottom: 15px;
}

td.menu {
  background-color: #ffffff;
  background-image: url('../gfx/layout/dotted_border.jpg');
  background-repeat: repeat-y;
  background-position: right top;

  vertical-align: top;
}

/* (Basically, we could also add a padding to td.menu, but IE doesn't seem to appreciate this) */
div.menu {
  margin-left:   20px;
  margin-top:    40px;
}


/* Headlines */
h1 {
  font-size: 20px;
  font-weight: 700;
}

h2 {
  font-size: 14px;
  font-weight: 700;
  clear: both;
}

h3 {
  font-size: 12px;
  font-weight: 700;
  font-style: italic;
}

h4 {
  margin-bottom: 3px;
  padding-top: 20px;
  font-weight: 500;
  border-bottom: 1px dotted #067ad4;
}

/* Hyperlinks */
a {
  color: #639eef; /*#067ad4; */
  text-decoration: none;
}

a.menu_link {
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
  color: #067ad4;
  text-decoration: none;
}

a:hover, a.menu_link:hover {
  text-decoration: underline;
}


/* Images */
img.bordered_img, img.bordered_img_right {
  border: 1px dashed #067ad4;

  margin-left:    5px;
  margin-top:    10px;
  margin-right:  15px;
  margin-bottom:  5px;

  padding: 4px;
  float: left;
}

img.bordered_img_right {
  margin-left:   15px;
  margin-right:   5px;
  float: right;
}

img.pdf, img.download {
  vertical-align: middle;
  border-width: 0px;
  width: 17px;
  height: 17px;
  padding-bottom: 2px;
}

img.bordered_gallery_pic {
  border: 1px dashed #067ad4;

  margin-left:    0px;
  margin-top:     5px;
  margin-right:   6px;
  margin-bottom:  2px;

  padding: 4px;
  float: left;
}

/* Captions (of tables/images) */
caption {
  font-size: 10px;
  font-weight: 700;
}


/* Individual styles for layout elements */
#header, #footer {
  margin:0px;
  padding: 0px;
}

#shadowborder_left {
  background-image:url('../gfx/layout/shadowborder_left.jpg');
  background-repeat: repeat-y;
}

#shadowborder_right {
  background-image:url('../gfx/layout/shadowborder_right.jpg');
  background-repeat: repeat-y;
  background-position: left;
  background-color: red;
}

.copyright {
  font-size: 10px; line-height: 16px;
  clear: both;
}

div.copyright {
  background-image:url('../gfx/layout/dotted_border_h.jpg');
  background-repeat: repeat-x;
  background-position: left top;

  margin-top: 80px;
  padding-top: 10px;
}

div.hr {
  background-image:url('../gfx/layout/dotted_border_h.jpg');
  background-repeat: repeat-x;
  background-position: left top;

  margin-top: 15px;
  margin-bottom: 5px;
  padding-top: 10px;
}


td.copyright {
  vertical-align: middle;
}