/* ---------------------------------------------------------------------------- */
/* HerrOtto IT Services Ltd.                                                    */
/* Tim David Otto                                                               */
/* Eitzensweg 8                                                                 */
/* 20537 Hamburg                                                                */
/* http://www.herrotto.de                                                       */
/* ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------- */
/* Basic Layout                                                                 */
/* ---------------------------------------------------------------------------- */

BODY {
  margin: 0px;
  padding: 0px;
}

TD, BODY, DIV, P, LI {
  font-size: 14px;
  font-family: Verdana, sans-serif;
}

H2 {
  color: #9F0016;
  font-size: 12pt;
  font-family: Arial;
  font-weight: bold;
}

H3 {
  color: #000000;
  font-size: 12pt;
  font-family: Arial;
  font-weight: bold;
}

TH {
  font-size: 14px;
  font-family: Verdana, sans-serif;
  background-color: #CACACA;
  color: #000000;
}

a {
  color: #000000;
  cursor: pointer;
}

a:hover {
  color: #004d9f;
}

/* ---------------------------------------------------------------------------- */
/* Content (Image auf Groesse anpassen, IE BUG!)                                */
/* ---------------------------------------------------------------------------- */

#CONTENT_CONTAINER {
  position: relative;
  width: 100%;
  border:0px;
  margin:0px;
  padding:0px;
}

#CONTENT_BOX {
  position: absolute;
  top: 0px;
  width: 100%;
}

#CONTENT_IMG {
  display:block;
  width: 100%;
}

.CONTENT_TABLE TD {
  padding-right:17px;
}

/* ---------------------------------------------------------------------------- */
/* Navigation                                                                   */
/* ---------------------------------------------------------------------------- */

.NAVIGATION {
  margin-bottom:6px;
  color: #b2b2b2;
  font-size: 8pt;
}

.NAVIGATION a {
  color: #b2b2b2;
  cursor: pointer;
  text-decoration:none;
}

.NAVIGATION a:hover {
  color: #004d9f;
}

/* ---------------------------------------------------------------------------- */
/* Picture Box                                                                  */
/* ---------------------------------------------------------------------------- */

.PICBOX {
  display: block;
  width: 170px;
  padding-bottom:10px;
  border: 0px;
  margin:0px;
}

.PICBOX IMG {
  display: inline;
  float: left;
  width: 170px;
  padding-bottom:1px;
  border: 0px;
  margin:0px;
}

/* ---------------------------------------------------------------------------- */
/* Slimtable                                                                    */
/* ---------------------------------------------------------------------------- */

.SLIMTABLE TD {
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #C0C0C0;
  color:#000000;
  border-top-width: 0px;
}

.SLIMTABLE TH {
  border-left: 0px solid black;
  border-right: 0px;
  border-bottom: 0px;
  border-top: 1px solid black;
  background-color:#C0C0C0;
  color:#000000;
}

/* ---------------------------------------------------------------------------- */
/* Menu am oberen Bildschirmrand                                                */
/* ---------------------------------------------------------------------------- */

.TOPMENU {
  display: inline;

  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right:12px;

  font-size:8pt;
  font-family:Arial;
}

.TOPMENU a {
  display: inline;
  
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 9px;

  color:#000000;

  cursor:pointer;
  text-decoration:none;
}

.TOPMENU a:hover {
  color: #004d9f;
}

/* ---------------------------------------------------------------------------- */
/* Menu Links                                                                   */
/* ---------------------------------------------------------------------------- */

.SIDEMENU_HEADING {
  display: block;
  width:141px;
  height:24px;
  line-height:24px;

  color: #000000;
  background-image: url("/template/MenuBG.gif");

  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;

  overflow:hidden;
}

.SIDEMENU_HEADING_TEXT {
  display: inline;

  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 9px;
  margin-right: 0px;

  vertical-align:middle;

  font-size: 10pt;
  font-family: Arial;
  font-weight: bold;

  white-space: nowrap;
}

.SIDEMENU_HEADING_TEXT A {
  text-decoration:none;
  white-space: nowrap;
}

.SIDEMENU_SUBITEMS {
  display: block;
  width:141px;

  margin-top: 9px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  
  white-space: nowrap;
  overflow:hidden;
}

.SIDEMENU_SUBITEMS A {
  display: block;
  height:13px;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 9px;
  margin-right: 0px;

  font-size: 10pt;
  font-family: Arial;
  text-decoration:none;
}

.SIDEMENU_SUBITEMS A:hover {
  color: #004d9f;
}