/*
6c0 6c3 cf9
*/

* {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
}
  
html {
  height: 100%;
}
  
body {
  text-align: center;
  background: #fff;
  height: 100%;
  margin-bottom: 1px;
  background: #eee;
}
  
#page {
  margin: 10px auto;
  text-align: left;
  width: 800px;
  background: #fff url(../files/schatten_v.gif) repeat-y center;
  border: 1px solid #906; /* #906;*/
  padding: 0 5px;
  font-size: 70%;
}

#header {
  display: block;
  background: #fcf url(../files/logo.jpg) no-repeat;
  height: 100px;
  text-align: center;
  border-top: 5px solid #fff;
}

#navi {
  height: 143px;
  width: 200px;
  padding-top: 7px;
  background: #906;
  float: left;
  position: relative;
  font-size: 110%;
}

#image {
  height: 150px;
  width: 600px;
  float: left;
  z-index: 1;
}

#left {
  width: 200px;
  /*background: #fcf;*/
  float: left;
  clear: left;
  margin-bottom: 20px;
}

#content {
  width: 410px;
  padding: 10px 20px 20px 20px;
  /*background: #fff0f5;*/
  background: url(../files/schatten_h.gif) no-repeat left top;
  float: left;
}

#sidebar {
  width: 150px;
  background: url(../files/schatten_h.gif) no-repeat right top;
  float: left;
  margin-bottom: 20px;
}

#footer {
  /*height: 20px;*/
  background: #906;
  padding: 3px 10px;
  color: #fff;
  clear: both;
  border-bottom: 5px solid #fff;
  position: relative;
}

#header span {
  display: none;
}

#left img {
  margin: 5px 0 0 0;
}

#navi li {
  list-style-type: none;
  display: block;
}

#navi li a,
#navi li span {
  display: block;
  color: #fff;
  text-decoration: none;
  height: 28px;
  line-height: 25px;
  vertical-align: middle;
  padding: 0 20px;
}

#navi li a:hover,
#navi li span {
  background: url(../files/menue.gif) repeat-x;
  color: #906;
}

#navi li span {
  font-weight: bold;
}

#navi li a img {
  border: 0 none;
  display: block;
  height: 1px;
  width: 1px;
  position: absolute;
  left: -9000px;
  top: -9000px;
  z-index: 0;
}

#navi li a:hover img {
  display: block;
  position: absolute;
  z-index: 3;
  height: 150px;
  width: 600px;
  left: 200px;
  top: 0;
}

#subnavi {
  min-height: 10px;
  margin-bottom: 20px;
  font-size: 110%;
}

#subnavi ul {
  margin-top: 5px;
  border-top: 1px solid #fff;
}

#subnavi li,
#loginnavi li {
  list-style-type: none;
  border-bottom: 1px solid #fff;
}

#subnavi li a,
#subnavi li span {
  font-size: 90%;
}

#subnavi li a,
#subnavi li span,
#loginnavi li a,
#loginnavi li span {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 3px 20px 3px 35px;
}

#loginnavi li a {
  background: #cf9;
}

#subnavi li a:hover,
#subnavi li a.rootline,
#subnavi li span,
#loginnavi li a:hover,
#loginnavi li a.rootline,
#loginnavi li span {
  background: #6c3;
  color: #fff;
}

#subnavi li a.rootline,
#subnavi li span,
#loginnavi li a.rootline,
#loginnavi li span {
  font-weight: bold;
}

#sidebar {
  padding-top: 2px;
}

#sidebar dt,
#loginnavi dt {
  display: block;
  margin-top: 5px;
}

#sidebar dt,
#loginnavi dt {
  display: block;
  text-decoration: none;
  /* background: #6c0; */
  background: url(../files/news.gif) repeat-x;
  color: #fff;
  height: 23px;
  padding: 0 10px;
  font-size: 110%;
}

#sidebar dt span,
#loginnavi dt span {
  display: block;
  line-height: 20px;
  vertical-align: middle;
  background: url(../files/3eck.gif) no-repeat right center;
}

#sidebar dt.hide span,
#loginnavi dt.hide span {
  background-image: url(../files/3eck_r.gif);
}

#sidebar dd,
#loginnavi dd {
  display: block;
}

#sidebar dd li,
.news li,
.articlenavi li,
.gallery li,
.glossar li,
.symptoms li,
.seminars li {
  list-style-type: none;
}

.glossar li,
.symptoms li {
  clear: left;
}

#sidebar dd li a,
#sidebar dd li span,
#sidebar dd li strong,
#sidebar dd fieldset,
#content .news li a,
#content .articlenavi li a,
#content .articlenavi li span,
#content .glossar li a,
#content .symptoms li a {
  display: block;
  background: #cf9;
  color: #333;
  margin-bottom: 1px;
  padding: 3px 10px;
  text-decoration: none;
  border: 0 none;
}

#content .articlenavi li a {
  background: #fcf;
  color: #906;
}

#sidebar dd li a:hover,
#sidebar dd li strong,
#content .news li a:hover,
#content .articlenavi li a:hover,
#content .articlenavi li span,
#content .glossar li a:hover,
#content .glossar li a.ui-state-active,
#content .symptoms li a:hover,
#content .symptoms li a.ui-state-active {
  background: #6c3;
  color: #fff;
  text-decoration: none;
}

#content .articlenavi li a:hover,
#content .articlenavi li span {
  background: #906;
  color: #fff;
}

#sidebar dd li strong,
#content .articlenavi li span,
#content .glossar li a.ui-state-active,
#content .symptoms li a.ui-state-active {
  font-weight: bold;
}

#sidebar dd fieldset span,
#sidebar dd fieldset a {
  display: block;
}

#sidebar dd fieldset .error {
  color: red;
  margin-bottom: 3px;
}

#sidebar dd fieldset a,
#content a,
#content #breadcrumb a {
  color: #333;
  text-decoration: underline;
}

#sidebar dd fieldset a:hover,
#content a:hover,
#content #breadcrumb a:hover {
  color: #000;
}

#sidebar dd fieldset .extrabox {
  margin: 5px -10px 0 -10px;
  padding: 1px 10px;
  background: #dfb;
}

#sidebar dd fieldset #register {
  margin-top: 2px;
}

#sidebar dd fieldset div.hide {
  background: #cf9;
}

#sidebar dd fieldset .extrabox a,
#sidebar dd fieldset .extrabox span,
#sidebar dd input {
  margin-bottom: 3px;
}

#sidebar dd fieldset .extrabox strong {
  display: block;
}

#sidebar dd label {
  display: block;
}

input,
#sidebar dd input {
  border: 1px solid #6c3;
  display: block;
  background: #fff;
}

#sidebar dd input {
  width: 128px;
}

#sidebar dd input:hover,
#sidebar dd input:focus {

}

input.submit,
input.submit:hover,
input.submit:focus,
#sidebar dd input.submit,
#sidebar dd input.submit:hover,
#sidebar dd input.submit:focus {
  background: #6c3;
  color: #fff;
  cursor: pointer;
}

#sidebar dd input.submit,
#sidebar dd input.submit:hover,
#sidebar dd input.submit:focus {
  width: 70px;
  margin-left: 60px;
}

#sidebar dd input.logout {
  margin-top: 5px;
}

#breadcrumb {
  margin-bottom: 1.3em;
  font-size: 90%;
}

#content h1 {
  color: #906;
  font-size: 130%;
  margin-bottom: 1em;
}

#content h2 {
  font-size: 100%;
  color: #906;
  font-weight: bold;
  display: block;
  margin-bottom: 1em;
  padding-top: 1em;
}

#content h1 + h2 {
  padding-top: 0;
}

#content {
  color: #333;
}

#content p,
#content table,
#content .articlenavi,
#content .gallery,
#content form,
#content .glossar,
#content .symptoms {
  margin-bottom: 1em;
  display: block;
}

#content img.left,
#content img.right {
  display: block;
  float: left;
  margin: 0px 10px 5px 0;
}

#content img.right {
  float: right;
  margin: 0px 0 5px 5px;
}

/*#content a {
  color: #606;
  text-decoration: none;
}

#content a:hover {
  text-decoration: underline;
}*/

#content a img {
  border: 0 none;
}

#content table td {
  border: 0;
  vertical-align: top;
  padding-right: 10px;
  white-space: nowrap;
}

#content ul {
  margin-left: 1.5em;
  margin-bottom: 1em;
}

#content .news,
#content .articlenavi,
#content .gallery,
#content .pharmacies,
#content .glossar,
#content .symptoms,
#content .symptoms ul,
#content .seminars {
  margin-left: 0;
}

#content .symptoms ul {
  margin-bottom: 0;
}

#content .gallery {
  margin-right: -10px;
}

#content .gallery li {
  margin: 0 10px 10px 0;
  display: block;
  float: left;
}

#content .gallery li a {
  display: block;
  margin: 0 0 0 0;
  text-decoration: none;
}

#content .gallery li a img {
  border: 0 none;
  margin-bottom: 1px;
  display: block;
  width: 130px;
  height: 130px;
}

#content .gallery li a.download {
  background: #6c3;
  display: block;
  color: #fff;
  padding: 2px 3px;
}

#content .gallery li a.download:hover {
  
}

.qtip {
  margin: 0;
  padding: 0;
   /* #fb0; */
  overflow: visible;
  width: auto !important;
  text-align: center;
}

.qtip * {
  overflow: visible !important;
}

.qtip img {
  margin: 0;
  display: block;
  border: 1px solid #6c3;
  padding: 5px;
  background-color: #fff;
}

#content fieldset {
  border: 0 none;
}

form.gallery-download input.submit {
  width: 130px;
}

.gallery-download a {
  font-weight: bold;
  color: #6c3;
}

.gallery-download a:hover {
  color: #3b0;
}

.pharmacies li {
  list-style-type: none;
  display: block;
  margin-bottom: 1em;
  /*float: left;
  width: 50%;*/
}

.pharmacies strong,
.pharmacies span {
  display: block;
}

.pharmacies strong span.premium {
  display: inline;
  color: red;
}

#content p.premium {
  font-weight: bold;
}

#content p.premium span {
  color: red;
}

#content .symptoms ul li a,
#content .symptoms ul li a:hover {
  background: #dfb;
  color: #000;
  padding-left: 20px;
  cursor: default;
}

#content .glossar li div,
#content .symptoms ul li div {
  padding: 0 0 5px 0;
}

#content .glossar li div a,
#content .symptoms ul li div a,
#content .symptoms ul li div a:hover {
  display: block;
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  background: none;
}

#content .glossar li div dl,
#content .symptoms ul li div dl {
  display: block;
  float: left;
  width: 250px;
}

#content .glossar li div dt,
#content .symptoms ul li div dt {
  font-weight: bold;
  display: block;
  padding: 5px 0 1px 0;
}

#content .glossar li div dd,
#content .symptoms ul li div dd {
  
}

#content .seminars {
  border-top: 1px dotted #906;
  padding-top: 0.5em;
}

#content .seminars li {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px dotted #906;
}

#content .seminars li span {
  display: block;
  float: left;
}

#content .seminars li .first {
  width: 115px;
}

#content .seminars li .second {
  width: 130px;
}

#content .seminars li .third {
  width: 165px;
}

#footer a {
  color: #fff;
}

#footer span {
  display: block;
  position: absolute;
  right: 10px;
  top: 3px;
}

.gallery:after,
.gallery li:after,
.glossar li div:after,
.symptoms ul li div:after,
.seminars li:after,
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both; 
  visibility: hidden;
}