/*
 *  Semantically correct headers
 *
 *  Copyright 2005
 *  by Martin Labuschin and Wolfgang Bartelme
 *
 ******************************************************************************/

* {
  border: none;
  margin: 0;
  padding: 0;
}
body {
  background: #fff;
  color: #000;
  font: 0.7em/160% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
#header {
  background: #1e2b4d url("bg_header.gif") repeat-x 0px 100%;;
  margin-bottom: 30px;
  height: 105px;
  overflow: hidden;
  position: relative;
}

/*** Quickskip components *****************************************************/


#quickskip {
  background: transparent url("logo.jpg") no-repeat 0px 0px;
  height: 70px;
  width: 390px;
}
#quickskip li {
  position: absolute;
  visibility: hidden;
}

/*** Navigation components ****************************************************/

#navigation,
#navigation li {
  float: left;
  list-style: none;
}
#navigation {
  position: absolute;
  bottom: 5px;
  left: 16px;
}
#navigation li a {
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0 1em;
  text-decoration: none;
}
#navigation li a:hover {
  background: transparent url("bg_navi_hover.gif") repeat-x 0px 100%;
}