body {
  background-image: url(../bilder/background.png);
}

div.container {
  background: url(../bilder/schatten.png) repeat-y;
  margin: 0 auto;
  width: 1000px;
}

div.center {
  margin-left: 25px;
  width: 950px;
}

div#header {
  float: left;
  position: relative;
}

div#header h1 {
  float: left;
  margin-bottom: 0;
  padding-bottom: 0;
  width: 371px;
}

div#header h2 {
  font-size: small;
  left: 371px;
  position: absolute;
  top: 65px;
}

div#search {
  left: 371px;
  position: absolute;
  top: 92px;
  width: 250px;
}

div#search td {
  padding-left: 0;
}

div#logoErsteHilfe {
  background: #FFFFFF url(../bilder/erste-hilfe.png);
  float: right;
  height: 190px;
  width: 286px;
}

div#navigation {
  background: url(../bilder/shadow-vertical.png) right repeat-y;
  float: left;
  width: 218px;
}

div#navigation ul {
  list-style-type: none;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 38px;
}

div#navigation ul li {
  margin-bottom: 5px;
}

div#navigation ul li a {
  background: #8E999F;
  border: 1px solid #677074;
  color: #FFFFFF;
  display: block;
  font-size: 1em;
  padding-bottom: 4px;
  padding-left: 11px;
  padding-top: 3px;
  text-decoration: none;
  width: 146px;
}

div#navigation ul li a:hover {
  background: #748C9A url(../bilder/navi-bg-hover.png) scroll 50% 50%;
  border: 1px solid #677074;
}

div#navigation ul li a.active {
  background: #EE6B11 url(../bilder/navi-bg-active.png) scroll 50% 50%;
  border: 1px solid #EE6B11;
}

div#navigation ul ul {
  padding-bottom: 0;
  padding-left: 0;
}

div#navigation ul ul li {
  margin-bottom: 0;
  padding-top: 2px;
}

div#navigation ul ul li a {
  background: #576853;
  border: 1px solid #31432F;
  font-size: 0.85em;
  padding-bottom: 1px;
  padding-top: 1px;
}

div#navigation ul ul li a:hover {
  background: #3A4E37 url(../bilder/navi-bg-sub-hover.png) scroll 50% 50%;
  border: 1px solid #31432F;
}

div#navigation ul ul li a.active {
  background: #32AE2C url(../bilder/navi-bg-sub-active.png) scroll 50% 50%;
  border: 1px solid #20871B;
}

div.facebook-i-like {
  position: absolute;
  right: 0;
  top: 15px;
}

div.back {
  height: 17px;
  left: 0;
  position: absolute;
  top: -18px;
  width: 10px;
}

div#content {
  border-top: 1px solid #D6D6D6;
  float: right;
  margin-right: 30px;
  padding-top: 22px;
  padding-left: 10px;
  position: relative;
  width: 692px;
}

ul {
  list-style-type: square;
  padding-left: 30px;
}

div#content div.csc-header h1.csc-firstHeader {
  color: #576853;
  font-size: 1.4em;
}

div#content div.csc-header h1,
div#content h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

div#content h3 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 5px;
}

div#content div.csc-textpic div.csc-textpic-imagerow ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#content div.csc-textpic img {
  border: 1px solid #333;
}

div#content div.csc-textpic img:hover {
  border: 1px solid #F1A502;
}

pre {
  background-color: #DDDDDD;
  border: 1px solid #6B757E;
  font-family: "Courier new";
  font-size: 1em;
  margin-bottom: 10px;
  overflow: auto;
  padding: 10px;
}

div.footer {
  background-color: #D3D3D3;
  clear: both;
}

div.footer a {
  outline: medium none;
}

div#shadow {
  background-image: url(../bilder/unten.png);
  height: 50px;
  margin: 0 auto;
  width: 1000px;
}
