body { 
  background-color:#5997fa; 
  background-attachment: fixed;
  background-image:url(images/photo-background.jpg); 
  background-position:bottom; 
  background-repeat:no-repeat;
  font-family: sans-serif; 
}
.content, .menu, .footer { margin-left:8%; margin-right:8%; }

.title { padding:1em 8%; margin-bottom:0 }
.title * { padding:0; margin:0; color:white }
.title h1 { font-size:xx-large}

.menu .activeTab { background-color:#ccdffd; }
.menu .tab { background-color:white; color:#5997fa }
.menu a { border:solid white 1px; text-decoration:none; color:#5997fa; padding:0.25em; white-space:nowrap }
.menu a:hover { border:solid #5997fa 1px; color:#5997fa; text-decoration:none }
.menu { background-color:white; padding:0.25em;  line-height:2em }
.menu    { -moz-border-radius: 8px 8px 0 0; }

.content { -moz-border-radius: 0 0 8px 0; }
.content    { padding:1ex; background-color:#ccdffd; min-height: 200px;  }
.content .image { margin-right:-1ex; margin-top:-1ex; margin-bottom:1ex; margin-left:1ex }
/*.content > * { margin:0 1em; padding:0 }*/
/*.content ul,
.content ol { padding-left:2em }*/
.content p { text-align:justify; /*padding:0 0 1ex*/ }
.content p + p:before { content:"  "; padding-left:2em }
.content h2 { text-align:right }
.content a { color:blue; text-decoration:none }
.content h2 + p:first-letter, 
.content h3 + p:first-letter { font-weight:bold; font-size:x-large }
.content .indent { margin-left:2em }
.content .center { text-align:center }

.footer td { margin-bottom:430px; padding-bottom:430px } /*again IE wickedness: margin should be enough*/
.footer td { vertical-align:top }
.footer  { width:84%; empty-cells:show }
.footer td { text-align:left; width:33% }
.footer td + td { text-align:center; width:34% }
.footer td + td + td { text-align:right; width:33% }
.footer td.right { text-align:right } /* because IE again is broken -- it does not support the prev. line*/

.image { width:140px; }

a { color:#ccdffd; text-decoration:none }
a img { border:none }