.buttonscontainer {
/* next line experimental */
 float: left;
 padding: .5em 1em .5em .5em;
 margin: 1em 1em 1em 0em;
 width: 8.5em;
 background: #bfcdd5
}

.buttons a {
/* my experiment */
min-height: 2.1em;


color: #FFFFFF;
border: 1px solid;
background-color: #5A7798;
padding: 2px;
padding-left: 3px;
font-size: medium;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #869CB4 #234A76 #234A76 #869CB4;
display: block;
margin: 0px;
width: 100%;
text-align: left
}

.buttons a:hover {
border: 1px solid;
padding: 3px 1px 1px 4px;
background-color: #44658A;
border-color: #234A76 #869CB4 #869CB4 #234A76;
color: #FFFFFF;
text-decoration: none
}


/* =================================================== */



/* general settings */

body {
  margin-top: 0.5em;
  margin-bottom: 0.5em
}

h1,h2,h3,h4 {
  font-family: sans-serif;
  text-align: left;
  color:#0066cc;
  margin-top: 1.5em
}

h1 {font-size: x-large; text-decoration: underline}
h2 {font-size: large}
h3 {font-size: medium}
h4 {font-size: small}



/* header */
div.header {
  width: 100%; 
  font-size: xx-large;
  font-family: sans-serif;
  font-weight: bold;
  color: #0066cc;
  border-top: solid #0066cc;
  border-bottom: solid #0066cc;
  border-width: thin;
  background-color: #FFFF99;
}

div.header div:first-child {
  float: left;
  margin: .5em 5em .5em .5em;
}

div.header div:first-child + div {
  vertical-align: middle;
  margin: 1em .5em .5em .5em;
}

div.header img {border: 0}

div.header span {font-size: x-small}

div.dummy {clear: both}



/* main */
div.main{
  margin-left: 12em;
  max-width: 40em;
  font-size: medium;
  font-family: sans-serif;
  padding: 0em 0em 2em 0em;
}

/* footer */
div.footer {
  clear: both;
  text-align: center;
  vertical-align: middle;
  background: #bfcdd5;	 
  font-size: small;
  font-family: serif;
  color: #000000;
  border-bottom: solid #0066cc;
  border-top: solid #0066cc;
  border-width: thin;
  padding: 0.5em
}

div.footer img {
  vertical-align: middle;
  border: 0;
  margin: 0em 1em 0em 1em;
}


/* main contents */
img.adobe {
  border: 0;
  margin: 33px
}

span.byline {
  font-size: x-small;
  font-weight: bold
}


/* previewlink */
div.previewlink
{
  margin: 0.5em;
/*  border: 1px solid #eeeeee; */
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	

div.previewlink img
{
  display: inline;
  margin: 3px;
  border: 1px solid #bbbbbb;
}

div.previewlink a
{
text-decoration: none;
}

div.previewlink a:hover img {
 border: 1px solid #0000ff;
}