html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background: url(http://www.nadelstichverletzung.de/media/11/verlauf) repeat-x white;
  overflow: auto;
  overflow: -moz-scrollbars-vertical;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #87888A;
}

h1, h2 {
  font-size: 15pt;
  color: #2c217e;
  background-color: transparent;
  font-weight: normal;
  margin: 0 0 10px;
}

h3 {
  font-size: 15pt;
  color: #EC6501;
  background-color: transparent;
  font-weight: normal;
  margin: 0 0 10px;
}

a {
  color: #EC6501;
  background-color: transparent;
}

*.base a {
  color: #2c217e;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
}

#page {
  position: relative;
  width: 960px;
  min-height: 100%;
  margin: 0px auto;
  text-align:left;
}

#headline {
  position: relative;
  width: 780px;
  height: 138px;
  background: url(http://www.nadelstichverletzung.de/media/12/kopf) repeat-x white;
}

#headline.erstehilfe {
  background: url(http://www.nadelstichverletzung.de/media/21/Verlauf_Kopf_rot.jpg) repeat-x white;
}

#headline #topmenu {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 50px;
  margin: 3px 0px 0px 8px;
  padding: 0px;
}

#headline #topmenu li{
  float: left;
  margin: 0px;
  padding: 0px 5px 0px 5px;
  list-style: none;
  border-right: 1px solid white;
}

#headline #topmenu li a{
  text-decoration: none;
  color: white;
  font-size: 11px;
}

#headline img.logo {
  position: absolute;
  top: 0;
  left: 0;
}

#headline img.thumb {
  position: absolute;
  top: 0;
  left: 460px;
}

#headline img.InfoBild {
  position: absolute;
  top: 0;
  left: 205px;
}

#headline img.crosshair {
  position: relative;
  top: 0;
  left: 555px;
}

#headline img.shadow_left {
  position: absolute;
  top: 0;
  left: -5px;
}

#headline img.shadow_right {
  position: absolute;
  top: 0;
  right: -5px;
}

div#suche {
  position: absolute;
  top: 5px;
  right: 0px;
}

div#suche input.input {
  background: URL(http://www.nadelstichverletzung.de/media/9/suche) transparent;
  border: 0;
  padding: 2px 0 0 4px;
  width: 154px;
  font-family: arial;
  font-size: 10px;
  color: white;
}


div#suche input:focus {
  outline: 0 none;
}

div#suche input.submit {
  position: absolute;
  right: 5px;
  top: 0px;
  border: none;
  background-color: transparent;
}

div#suche ul {
  width: 160px;
  height: 80px;
  margin-top: 2px;
  overflow: auto;
  z-index: -2;
  background-color: white;
}

div#suche ul li {
  width: 135px;
}

div#suche ul li.selected /*, div#suche ul li:hover */ {

}

div#suche ul li:hover {
  cursor: pointer;
}

#werbung {
  position: absolute;
  top: 115px;
  right: 0px;
  width: 160px;
}

#main {
  width: 680px;
  background-color: white;
  padding: 20px 50px 0 50px;
}

#menu {
  float: left;
  width: 220px;
  background-color: white;
}

#menu dl {
  list-style: none;
  line-height: normal;
}

#menu dt {
  background: URL(http://www.nadelstichverletzung.de/media/2/button) transparent no-repeat;
  padding: 1px 5px;
}

#menu dd {
  background-color: #c5c6c6;
  color: white;
  padding: 1px 5px;
}

#menu h2 {
  font-size: 12px;
  padding: 30px 0px 1px;
  line-height: 120%;
  text-transform: uppercase;
  color: black;
}

/**
 * Content
 */
#content {
  position: relative;
  float: right;
  width: 400px;
  background-color: white;
}

#content div.breadcrumb {
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 11px;
  color: #B0B1B2;
  background-color: transparent;
}

#content div.breadcrumb a {
  color: #B0B1B2;
  background-color: transparent;
  text-decoration: none;
}

#content div.breadcrumb a.Current {
  color: #EC6501;
}

#content div.ontop {
  border-bottom: 1px solid #B0B1B2;
}

#content div.ontop img {
  text-align: right;
  margin-left: 393px;
}

#content p,
#content li {
  line-height: 140%;
  margin-bottom: 15px;
}

#content ul {
  list-style-position: outside;
  list-style-type: disc;
  margin: 5px 0 15px 20px;
}

#content li {
  margin: 5px;
}

#content div.base {
  position: relative;
  background-color: #ec6501;
  padding: 15px;
  margin-bottom: 20px;
  min-height: 80px;
  color: white;
}

#content div.erstehilfe div.base {
  color: white;
  background-color: #E2001A;
}

#content div.base h2 {
  color: white;
}

#content div.sub {
  position: relative;
  background-color: #e8e8e8;
  padding: 15px;
  margin-bottom: 20px;
  min-height: 80px;
}

#content div.sub a {
  color: #ec6501;
  text-decoration: none;
}

#content div.sub p {
  margin: 0px;
}

#content img.tl_corner {
  position: absolute;
  top:0;
  left: 0;
}

#content img.tr_corner {
  position: absolute;
  top: 0;
  right: 0;
}

#content img.bl_corner {
  position: absolute;
  bottom: 0;
  left: 0;
}

#content img.br_corner {
  position: absolute;
  bottom: 0;
  right: 0;
}

div.searchresult a.name {
  display: block;
  color: #2c217e;
  text-decoration: none;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 4px;
}

div.searchresult a.url {
  display: block;
  color: #ec6501;
  text-decoration: none;
  margin-top: 4px;
  margin-bottom: 10px;
}

div.searchresult span.suchtreffer {
  color: black;
}

div.searchresult *.hinweis {
  display: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-table;
}

/* Hides from IE-mac */
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}
/* End hide from IE-mac */