/***** file: stiehl_blue.css *****************************/

/***** Color ***********************************/

body
 {
  color: rgb(51,51,51);
  background-color: rgb(255,255,255);
 }

#content
 {
  background-color: rgb(220,220,225);
  border-left: 1px solid rgb(80,125,165);
  border-right: 1px solid rgb(80,125,165); 
 }

#content a
 {
  color: rgb(80,125,165);
 }

#footer
 {
  color: rgb(0,0,0);
  background-color: rgb(80,125,165);
  border-left: 1px solid rgb(80,125,165);
  border-right: 1px solid rgb(80,125,165); 
 }

#footer a
 {
  color: rgb(210,210,210);
 }

#header
 {
  background-color: rgb(204,204,204);
 }

#navi, #navi a
 {
  color: rgb(245,245,245);
 }

#navi a:hover
 {
  border-bottom: 2px solid rgb(23,12,130);
 }

#navi .selected, #navi a:hover
 {
  color: rgb(51,102,153);
  background-color: rgb(245,245,245);
 }

h1
 {
  border-top: 2px dotted rgb(80,125,165);
 }

h2 span
 {
  border-bottom: 1px dotted rgb(80,125,165);
 }

img
 {
  border: solid 1px rgb(23,12,130);
  border: solid 1px rgb(80,125,165);
  background-color: rgb(245,245,245);
 }

strong
 {
  color: rgb(23,12,130);
  color: rgb(80,125,165);
 }

/***** Background-Images ***********************/

#header
 {
  background-image: url(../images/header_01.jpg);
  background-position: right center;
  background-repeat: no-repeat;
 }

h1
 {
  background-position: left bottom;
  background-repeat: no-repeat;
 }

li.wave
 {
  background-image: url(../images/list.gif);
  background-position: left center;
  background-repeat: no-repeat;
 }

/***** Fonts ***********************************/

body
 {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 75%;
  text-align: justify;
 }

html > body
 {
  font-size: 9pt;
 }

#content
 {
  line-height: 1.5em;
 }

#content h1, #footer a, #navi a, .wave a
 {
  font-weight: bold;
 }

#content h1
 {
  font-size: 175%;
  text-align: left;
 }

#content h2, #content h3
 {
  font-size: 100%;
 }

#footer
 {
  font-size: 90%;
  text-align: right;
 }

#navi
 {
  font-size: 110%;
  text-align: left;
 }

#navi a, a:hover
 {
  text-decoration: none;
 }

ul
 {
  list-style-type: none;
  list-style-position: outside;
 }

/***** Structure *******************************/

body
 {
  margin: 0;
  padding: 0;
 }

#content
 {
  margin: 0 106px 0 106px;
  padding: 0px 40px 20px 40px;
 }

#footer
 {
  margin: 0 106px 0 106px;
  padding: 0.75em 40px 0.75em 40px;
 }

#header
 {
  height: 200px;
  position: relative;
 }

#navi
 {
  margin: 0 106px 0 106px;
  padding: 0.35em 0 0.35em 2.75em;
  position: absolute;
  bottom: 8px;
 }

#navi a
 {
  padding: 0 0.25em;
 }

.hide
 {
  display: none !important;
 }

.indent
 {
  padding: 0 0 0 1.25em;
 }

.spacer-h
 {
  margin: 20px 0 30px 0;
  padding: 0;
  border-top: 2px dotted rgb(80,125,165);
 }

.spacer-s
 {
  margin-top: 5px;
 }

.wir
 {
  margin-left: 153px;
 }

h1
 {
  height: 50px;
  margin: 20px 0 20px 0;
  padding: 0;
 }

h1 span
 {
  display: none;
 }

h3
 {
  margin: 0 0 0.5em 1.25em;
  padding: 0;
 }

img
 {
  float: left;
  padding: 5px;
  margin: 5px 20px 20px 0;
 }

li.wave
 {
  margin: 0;
  padding: 0 0 0 2.5em;
 }

p
 {
  margin: 0 0 1em 0;
  padding: 0;
 }

ul
 {
  margin: 0 0 1em 1.25em;
  padding: 0;
 }

/***** headlines *******************************/

h1.h0101
 {
  margin-top: 0;
  border-top: 0;
  background-image: url(../images/headlines/h0101.gif);
 }

h1.h0201
 {
  margin-top: 0;
  border-top: 0;
  background-image: url(../images/headlines/h0201.gif);
 }

h1.h0202
 {
  background-image: url(../images/headlines/h0202.gif);
 }

h1.h0301
 {
  margin-top: 0;
  border-top: 0;
  background-image: url(../images/headlines/h0301.gif);
 }

h1.h0401
 {
  margin-top: 0;
  border-top: 0;
  background-image: url(../images/headlines/h0401.gif);
 }

h1.h0501
 {
  margin-top: 0;
  border-top: 0;
  background-image: url(../images/headlines/h0501.gif);
 }

h1.error_400
 {
  margin-top: 0;
  border-top: 0;
  background-image: url(../images/headlines/error_400.gif);
 }

h1.error_403
 {
  margin-top: 0;
  border-top: 0;
  background-image: url(../images/headlines/error_403.gif);
 }

h1.error_404
 {
  margin-top: 0;
  border-top: 0;
  background-image: url(../images/headlines/error_404.gif);
 }

h1.error_500
 {
  margin-top: 0;
  border-top: 0;
  background-image: url(../images/headlines/error_500.gif);
 }
