body {
  behavior: url("/htc/csshover.htc");
}

body {
  padding: 0;
  margin: 0;
  width: 100%;
  background: #972525;
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  color: #FFFFFF;
}

a {
  color: #FFFFFF;
  text-decoration: none;
}

img {
  border: 0;
}

hr {
  height: 1px;
  color: #FFFFFF;
  background-color: #FFFFFF;
  border: 1px none;
}

br {
  line-height: 90%;
}

small {
  font-size: 0.8em;
  line-height: 140%;
}

code {
  display: block;
  text-align: left;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid black;
  padding: 0.5em 1em 0.5em 1em;
  overflow: auto;
  font-size: 0.8em;
  font-family: Monaco,"Courier New";
  line-height: 130%;
}

code .codeHighlight {
  color: #FF0000;
}

.code {
  font-size: 1em;
  font-family: Monaco,"Courier New";
}

dl dd {
  margin-bottom: .5em;
}

/* ---------- TABLES ---------- */

  table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
    line-height: 100%;
    width: 100%;
    border: 1px solid #CA6027;
  }

  th {
    background: #AB2929;
    padding: 5px;
    border: 1px solid #CA6027;
  }

  td, th {
    padding: 0;
    color: #FFFFFF;
    font-size: 100%;
    text-align: left;
    padding: 5px;
  }

  td {
    border-bottom: 1px solid #CA6027;
    line-height: 150%;
  }

/* ---------- /TABLES ---------- */

/* ---------- TABLES: WYSIWYG COMMANDS ---------- */

  table.wysiwyg_commands {
    background: #F7F7F7;
  }

  table.wysiwyg_commands th {
    background: #FFFFFF;
    color: #972525;
  }

  table.wysiwyg_commands td {
    color: #972525;
    border-bottom: 1px solid #CA6027;
  }

/* ---------- /TABLES: WYSIWYG COMMANDS ---------- */

/* ---------- TABLES: PHP CONSTANTS ---------- */

  table.php_constants {
    background: #F7F7F7;
  }

  table.php_constants th {
    background: #FFFFFF;
    color: #972525;
  }

  table.php_constants td {
    color: #972525;
    border-bottom: 1px solid #CA6027;
  }

/* ---------- /TABLES: WYSIWYG COMMANDS ---------- */

/* ---------- TABLES: SAMPLES ---------- */

  .samples td:hover {
    cursor: pointer;
  }

  .samples td a {
    border: 0 ! important;
  }

/* ---------- /TABLES: SAMPLES ---------- */

/* ---------- LIST HEADER & FOOTER ---------- */

  .listHeader {
    padding-bottom: 0.2em;
  }

  .listHeader hr {
    padding: 0;
    margin: 0;
    height: 1px;
    color: #CA6027;
    background-color: #CA6027;
    border: 1px none;
  }

  .listHeaderLeft {
    float: left;
    width: 40%;
  }

  .listHeaderRight {
    float: right;
    text-align: right;
    width: 40%;
  }

  .listHeaderCleaner {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
  }

  .listFooter {
    padding-top: 0.2em;
  }

  .listFooter hr {
    padding: 0;
    margin: 0;
    height: 1px;
    color: #CA6027;
    background-color: #CA6027;
    border: 1px none;
  }

  .listFooterLeft {
    float: left;
    width: 40%;
  }

  .listFooterRight {
    float: right;
    text-align: right;
    width: 40%;
  }

  .listFooterCleaner {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
  }

/* ---------- /LIST HEADER & FOOTER ---------- */

/* ---------- FORMS ---------- */

  form {
    margin: 0;
    padding: 0;
  }

  fieldset {
    margin: 0;
    padding: 0;
    border: 1px solid #CA6027;
    -moz-border-radius: 0.8em;
  }

  .fieldsetButton {
    margin-bottom: 0;
    border: 1px solid #972525;
  }

  .fieldsetContent {
    padding: 1em;
  }

  .fieldsetButton .fieldsetContent {
    padding-top: 0;
    padding-bottom: 0;
  }

  legend {
    margin: 0 0 0 1em;
    padding: 0 0.2em 0 0.2em;
    color: #FFFFFF;
  }

  label {
    cursor: pointer;
  }

  textarea {
    font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
    font-size: 0.905em;
  }

  form div.line {
    margin: 0.5em 0 0.5em 0;
  }

  form div.button {
    float: left;
    cursor: pointer;
    background: url('/images/layout/button/normalLeft.png') top left no-repeat;
  }

  form div.button:hover {
    background: url('/images/layout/button/rolloverLeft.png') top left no-repeat;
  }

  form div.button:active {
    background: url('/images/layout/button/pressedLeft.png') top left no-repeat;
  }

  form div.button input {
    padding: 0 0.5em 0.2em 0.5em;
    margin: 0;
    border: 0;
    height: 22px;
    color: #FFFFFF;
    cursor: pointer;
    background: url('/images/layout/button/normalRight.png') top right no-repeat;
  }

  form div.button input:hover {
    background: url('/images/layout/button/rolloverRight.png') top right no-repeat;
  }

  form div.button input:active {
    padding: 0.2em 0.5em 0.2em 0.5em;
    background: url('/images/layout/button/pressedRight.png') top right no-repeat;
  }

  /* ---------- FORM SEARCH ---------- */

    form#FormSearch {
      padding-top: 0.3em;
    }

    form#FormSearch input#q {
      float: left;
      margin-right: 1em;
      width: 20em;
      border: 1px solid #CA6027;
      background: #CA6027;
      color: #FFFFFF;
    }

  /* ---------- /FORM SEARCH ---------- */


  /* ---------- FORM TAG REFERENCE SELECT ---------- */

    form#FormTagReferenceSelect {
      padding-top: 0.3em;
      margin-bottom: 1.5em;
      float: left;
      width: 48%;
    }

    form#FormTagReferenceSelect select#tag {
      float: left;
      margin-right: 1em;
      border: 1px solid #CA6027;
      background: #CA6027;
      color: #FFFFFF;
    }

  /* ---------- /FORM TAG REFERENCE SELECT ---------- */


  /* ---------- FORM TAG REFERENCE SEARCH ---------- */

    form#FormTagReferenceSearch {
      padding-top: 0.3em;
      margin-bottom: 1.5em;
      float: right;
      width: 48%;
    }

    form#FormTagReferenceSearch input#q {
      float: left;
      margin-right: 1em;
      width: 20em;
      border: 1px solid #CA6027;
      background: #CA6027;
      color: #FFFFFF;
    }

  /* ---------- /FORM TAG REFERENCE SEARCH ---------- */


  /* ---------- FORM CONTACT ---------- */

    form#FormContact label {
      float: left;
      width: 10em;
    }

    form#FormContact select#salutation {
      border: 1px solid #CA6027;
      background: #CA6027;
      color: #FFFFFF;
    }

    form#FormContact input#firstname,
    form#FormContact input#lastname,
    form#FormContact input#email {
      width: 20em;
      border: 1px solid #CA6027;
      background: #CA6027;
      color: #FFFFFF;
    }

    form#FormContact textarea#message {
      width: 52em;
      height: 8em;
      border: 1px solid #CA6027;
      background: #CA6027;
      color: #FFFFFF;
    }

  /* ---------- /FORM CONTACT ---------- */

  /* ---------- FORM LOGIN ---------- */

    form#FormLogin {
      padding-top: 0.3em;
    }

    form#FormLogin label {
      float: left;
      width: 10em;
    }

    form#FormLogin input#username,
    form#FormLogin input#password {
      width: 20em;
      border: 1px solid #CA6027;
      background: #CA6027;
      color: #FFFFFF;
    }

    form#FormLogin input#autoLogin {
      border: 1px solid #972525;
      color: #FFFFFF;
    }

  /* ---------- /FORM LOGIN ---------- */

  /* ---------- FORM LOGIN DATA ---------- */

    form#FormLogindata label {
      float: left;
      width: 10em;
    }

    form#FormLogindata input#email {
      width: 20em;
      border: 1px solid #CA6027;
      background: #CA6027;
      color: #FFFFFF;
    }

  /* ---------- /FORM LOGIN DATA ---------- */

  /* ---------- FORM PROFILE ---------- */

    form#FormProfile {
      padding-top: 0.35em;
    }

    form#FormProfile fieldset {
      margin-bottom: 1em;
    }

    form#FormProfile label {
      float: left;
      width: 10em;
    }

    form#FormProfile input#Username,
    form#FormProfile input#Password,
    form#FormProfile input#Anrede_Title,
    form#FormProfile input#Forename,
    form#FormProfile input#Surname,
    form#FormProfile input#Kontakt_Email,
    form#FormProfile input#Kontakt_ICQNummer {
      width: 20em;
      border: 1px solid #CA6027;
      background: #CA6027;
      color: #FFFFFF;
    }

    form#FormProfile select#Anrede_Salutation {
      border: 1px solid #CA6027;
      background: #CA6027;
      color: #FFFFFF;
    }

    form#FormProfile input#Newsletter_HTML {
      float: left;
      margin-right: 1em;
      border: 1px solid #972525;
      color: #FFFFFF;
    }

    form#FormProfile label#labelForNewsletter_HTML {
      width: 30em;
    }

  /* ---------- /FORM PROFILE ---------- */

/* ---------- /FORMS ---------- */

#background {
  width: 100%;
  height: 8.813em;
}
    
#logo {
  display: block;
  position: absolute;
  top: 1.438em;
  left: 3.375em;
  width: 1.938em;
  height: 2.25em;
}
    
#title {
  position: absolute;
  top: 1.563em;
  left: 7.438em;
}
    
#title h1,
#title span {
  margin: 0;
  padding: 0;
  font-size: .8em;
}

#menu {
  position: absolute;
  top: 1.063em;
  left: 20.85em;
  margin: 0;
  padding: 0;
  line-height: 2.938em;
}
    
#menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
  font-size: .8em;
  background: url(/images/layout/menuCutter.png) no-repeat right center;
}

#menu li.last {
  background: none;
}
    
#menu li a {
  margin: 0 .8em 0 .7em;
  text-decoration: none;
}
    
#menu li a:hover {
  text-decoration: underline;
}

#menu li a.current {
  text-decoration: underline;
}
    
#content {
  position: absolute;
  top: 6.944em;
  left: 8.264em;
  width: 59.722em;
  font-size: .9em;
  line-height: 150%;
}

#content h4 {
  font-size: 1em;
}

#content h5 {
  font-size: 1em;
}

#content a {
  border-bottom: 1px solid #CA6027;
}

#content a:hover {
  border-bottom: 1px solid #FFFFFF;
}

#content .subHeadline {
  margin-bottom: 0;
  padding-bottom: 0;
}

#content .metaInformation {
  margin: 0.5em 0 0 0;
  padding: 0;
  font-size: 0.8em;
  line-height: 140%;
}

#content ul li .shortDescription {
  font-size: 0.9em;
  padding: 0 0 1em 2em;
  line-height: 140%;
}

#adsense {
  position: absolute;
  top: 6.944em;
  left: 63em;
  padding: 0.4em 1em 1em 0;
}

/* ---------- AUTHOR ---------- */

  .authorLabel {
    float: left;
    width: 9em;
  }

/* ---------- /AUTHOR ---------- */

/* ---------- WE:TAGS ---------- */

  ul.weTagsListABC {
    margin: 0;
    padding: 0;
  }

  ul.weTagsListABC li {
    list-style: none;
    display: inline;
    margin-right: 0.5em;
  }

  ul.weTagsListABC li.current a {
    border-bottom: 0 ! important;
  }

  ul.weTagsListABC li.last {
    margin-left: 0.5em;
  }

/* ---------- /WE:TAGS ---------- */


/* ---------- WE:TAGS REFERENCE ---------- */

  .tagReference .backAndNextTag {
    background: #AB2929;
    padding: 5px;
    -moz-border-radius: 0.8em;
  }

  .tagReference .backAndNextTag.top {
    margin-bottom: 1.5em;
  }

  .tagReference .backAndNextTag.bottom {
    margin-top: 1.5em;
  }

  .tagReference .left {
    float: left;
    width: 50%;
  }

  .tagReference .right {
    float: right;
    width: 50%;
    text-align: right;
  }

  .tagReference .attributeDescription {
    margin-top: 0;
  }

/* ---------- /WE:TAGS REFERENCE ---------- */


/* ---------- ADDITIONAL ITEMS ---------- */

  .additionalItem {
    margin-top: 2em;
    padding: 1em 0 1em 0;
    border-top: 1px solid #CA6027;
    border-bottom: 1px solid #CA6027;
  }

  .additionalItem2 {
    margin-top: 0;
    border-top: 0;
  }

  .additionalItem h4 {
    margin-top: 0;
    padding-top: 0;
  }

  .additionalItem img {
    display: block;
    float: left;
    margin-right: 1em;
    width: 1.806em;
    height: 1.806em;
  }

  .additionalItem div.cb {
    border-top: 1px solid #972525;
  }

  .additionalItem div.additionalItemContent {
    float: left;
    width: 56.9em;
  }

  .additionalItem div.additionalItemContent a.additionalItemContentMainLink {
    display: block;
    float: left;
  }

  .additionalItem div.additionalItemContent div.additionalItemContentLinkInformation {
    float: left;
    font-size: 0.8em;
    width: 40em;
  }

  .additionalItem div.additionalItemContent div.additionalItemContentInformation {
    clear: both;
    padding-top: 1em;
    font-size: 0.8em;
    line-height: 140%;
  }

  .additionalItem div.additionalItemContent div.additionalItemContentInformation ul {
    padding-bottom: 0;
    margin-bottom: 0;
  }

/* ---------- /ADDITIONAL ITEMS ---------- */

/* ---------- COMMENTS ---------- */

  #comments {
    margin-top: 2em;
  }

  #comments h4 {
    margin-top: 0;
    padding-top: 0;
  }

  #comments ol {
    margin: 0;
    padding: 0;
  }

  #comments ol .comment {
    list-style: none;
    border: 1px solid #CA6027;
    margin-bottom: 2em;
    padding: 1em;
    -moz-border-radius: 0.8em;
  }

  #comments ol .comment hr {
    color: #CA6027;
    background-color: #CA6027;
  }

  #comments .addComment td {
    background-image: none ! important;
  }

  #comments .addComment iframe#we_ui_we_global_formCommentsTextedit {
    border: 0 ! important;
    margin: 0 0 1em 0 ! important;
    padding: 0 ! important;
  }

/* ---------- /COMMENTS ---------- */

/* ---------- IMAGE GALLERY ---------- */

  ul.imageGallery {
    margin: 0;
    padding: 1em 0 0 0;
  }

  ul.imageGallery li {
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #972525;
  }

  ul.imageGallery li div.imageGalleryImage {
    float: left;
    width: 13.89em;
  }

  ul.imageGallery li div.imageGalleryImage a {
    border: 0 ! important;
  }

  ul.imageGallery li div.imageGalleryDescription {
    float: left;
    margin-left: 2em;
    width: 43.5em;
  }

  ul.imageGallery li div.imageGalleryDescription h4 {
    padding: 0;
    margin: 0 0 1em 0;
    border-bottom: 1px solid #CA6027;
  }

/* ---------- /IMAGE GALLERY ---------- */


/* ---------- TEASER ---------- */

  p.teaser {
    margin: 0 0 .5em 0;
    padding: 0;
  }

/* ---------- /TEASER ---------- */

#footer {
  font-size: 0.8em;
  line-height: 140%;
  margin-top: 3em;
  padding-bottom: 6em;
}
    
#footer img {
  display: block;
  float: left;
  width: 2.257em;
  height: 2.257em;
  margin-top: 0.3em;
}

#footer div {
  float: left;
  margin-left: 1em;
}
    
.cb {
  clear: both;
}

.invisible {
  display: none;
}