/* ===================================================== */
/* Global Settings                                       */
/* ----------------------------------------------------- */

html
{ font-size       : 100%;
}

body
{ margin          : 0;
  padding         : 0 0 8px 0;
  color           : #000;
  background      : #444 url(images/body-bg.png);
  font            : normal 0.8em Verdana, Tahoma, Helvetica, sans-serif;
}

/* ===================================================== */
/* Header Settings                                       */
/* ----------------------------------------------------- */

#header
{ margin          : 0 8px 0 0;
  padding         : 0;
  height          : 44px;
  color           : #FFF;
  background-color: #9CF;
  border          : solid 2px #999;
  border-top      : none;
  border-left     : none;
} 

#header h1
{ margin          : 0;
  padding         : 8px 4px 0 0;
  font            : small-caps normal 26px Verdana, Tahoma, Helvetica, sans-serif;
  letter-spacing  : 2px;
  text-align      : right;
}

/* ===================================================== */
/* Content Settings                                      */
/* ----------------------------------------------------- */

#content
{ margin          : 0 8px 4px 194px;
  padding         : 0 0 2px 0;
  border          : solid 2px #999;
  border-top      : none;
  color           : #000;
  background-color: #FFFFF7;
}

#content h2, #content h3, #content h4
{ font-family     : Arial, Tahoma, Verdana, Helvetica, sans-serif;
  letter-spacing  : 2px;
}

#content h2
{ width           : 100%;
  margin          : 0;
  padding         : 4px 0;
  color           : #339;
  background-color: #EEE;
  background-image: url(./images/contentH2BG.jpg);
  background-repeat: repeat-x;
  border-bottom   : solid 1px #CCC;
  font-size       : 18px;
  font-weight     : normal;
  text-align      : center;
}

#content h3
{ margin          : 8px 8px 0 8px;
  font-size       : 18px;
  color           : #00A;
}

#content h4
{ margin          : 4px 8px 0 8px;
  font-size       : 15px;
  color           : #006;
  letter-spacing  : 1px;
}

#content p, #content p.abstract
{ margin           : 0;
  padding          : 6px 8px;
}

#content p, #content ul
{ color           : #000;
  background-color: #FFFFF7;
}

#content p.abstract
{ color            : #339;
  background       : #F7F7F7;
  font             : normal 1.1em Arial, Tahoma, Verdana, Helvetica, sans-serif;
  border-bottom    : solid 1px #CCC;
}

#content ol, #content ul
{ margin-top       : 0px;
  padding-top      : 0px;
  margin-right     : 4px;
  padding-right    : 4px;
}

#content pre 
{ margin           : 6px;
  padding          : 4px;
  color            : #007F3F;
  background       : #F7F7FF;
  border           : 2px solid #44DDCC;
  font-size        : 14px;
}

#content code 
{ color            : #0000A0;
  font-size        : 15px;
}

/* ===================================================== */
/* Galerie Settings                                      */
/* ----------------------------------------------------- */

#tabgal
{ margin           : 0 -2px;
  pading           : 0;
}

#tabgal td
{ margin           : 0;
  padding          : 0;
  vertical-align   : top;
}

#galerie
{ margin           : 0;
  padding          : 2px 0 0 2px;
  width            : 162px;
  background       : #999;
}

#galerie h2
{ padding          : 3px 0 2px 0;
  margin           : 0 0 2px 0;
  width            : 162px;
  color            : #369;
  background       : #EEE;
  background-image : url(./images/navHeaderBG.jpg);
  background-repeat: repeat-x;
  font             : bold 16px Arial, Tahoma, Verdana, Helvetica, sans-serif;
  letter-spacing   : 2px;
  text-align       : center;
}

#galerie img
{ margin           : 0;
  margin-bottom    : -1px;
  padding          : 0;
  height           : 120px;
  width            : 160px;
  border-top       : solid 1px #036;
  border-right     : solid 1px #CC9;
  border-bottom    : solid 1px #CC9;
  border-left      : solid 1px #036;
}

/* ===================================================== */
/* Navigation Settings                                   */
/* ----------------------------------------------------- */

#navdiv 
{ position        : absolute;
  left            : 8px;
  top             : 15px;
  width           : 178px;
  padding         : 0;
}

div.navbox
{ border           : solid 2px #999;
  width            : 100%;
  margin           : 0 0 6px 0;
  padding          : 0 0 4px 0;
  background-color : #F7F7F7;
}

div.adsense_h
{ margin          : 0px 8px 6px 194px;
  text-align      : center;
}

div.adsense_v
{ width            : 180px;
  margin           : 0 0 4px 1px;
  padding          : 0;
  background-color : transparent;
}

div.navbox h2
{ font             : bold 16px Arial, Tahoma, Verdana, Helvetica, sans-serif;
  letter-spacing   : 1px;
  text-align       : center;
  color            : #369;
  background       : #EEE;
  background-image : url(./images/navHeaderBG.jpg);
  background-repeat: repeat-x;
  padding          : 3px 0 2px 0;
  margin           : 0;
  border-bottom    : solid 1px #CCC;
}

div.navbox h3
{ font             : bold 14px Arial, Tahoma, Verdana, Helvetica, sans-serif;
  margin           : 4px 3px 0 3px;
  border           : 1px solid #789;
}

div.navbox h3.menubtn
{ background       : #DEF;
  padding          : 4px;
  background-image : url(./images/navButtonBG.jpg);
  background-repeat: repeat-x;
}

div.navbox h3.pressed
{ background       : #9CF;
  color            : #369;
  padding          : 4px 2px 3px 6px;
  border-top-width : 2px;
  border-left-width: 2px;
}

div.navbox a 
{ color            : #000;
  text-decoration  : none;
}

div.navbox a:hover 
{ color            : #369;
  margin-left      : 2px;
  border           : dashed 1px #369;
}

div.navbox a:visited 
{ color            : #369;
}

/* ===================================================== */
/* External references                                   */
/* ----------------------------------------------------- */

#refs
{ margin          : 0px 8px 0 194px;
  text-align      : center;
}

#refs img
{ border           : none;
}

/* ===================================================== */
/* Footer Settings                                       */
/* ----------------------------------------------------- */

#footer
{ margin          : 0px 8px 0 194px;
  padding         : 0 0 6px 0;
  font            : normal 11px Arial, Tahoma, Verdana, Helvetica, sans-serif;
  letter-spacing  : 1px;
  text-align      : center;
  color           : #999;
}

