@charset "UTF-8";
/* ---------------------------------------------------------------- */
/**
 * Einheitliche Standardformatierungen fuer Inhalts-Elemente
 *
 * $Rev: 9559 $ $Date: 2010-09-02 10:26:40 +0200 (Do, 02 Sep 2010) $
 * $Author: Wojewsky $
 * $URL: https://wb4serv.heinze.de/projects_and_applications/bhp_BauherrenPortal/frontend/branches/hze 0.5/application/hze/css/yaml/screen/layouts/content.css $
 *
 * @category hze_css
 * @package  HZE_Css
 * @version  $Rev: 9559 $
 * @author   $Author: Wojewsky $
 */
/* ---------------------------------------------------------------- */

@media all {

  /* ---------------------------------------------------------------- */
  /* Globale Einstellungen fuer Zeichensatz und Schriftgroessen       */
  /* ---------------------------------------------------------------- */
  BODY {
    font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
    font-size: 62.5%;
    text-align: left;
    color: #333;
  }

  /* ---------------------------------------------------------------- */
  /* Allgemein                                                        */
  /* ---------------------------------------------------------------- */
  .cssInvisible {
    visibility: hidden;
  }

  SMALL {
    font-size: 9px;
  }

  SPAN.cssNoBold {
    font-weight: normal !important;
  }

  /* ---------------------------------------------------------------- */
  /* Verweise                                                         */
  /* ---------------------------------------------------------------- */
  A {
    color: #da412b;
    text-decoration: none;
  }

  A[href] {
    color: #da412b;
    text-decoration: none;
  }

  A[href]:hover {
    color: #da412b;
    text-decoration: none;
  }

  A.cssHidden {
    text-decoration: none;
  }

  A.cssUnderline:hover {
    text-decoration: underline;
  }

  A.cssTextLink {
    text-decoration: underline;
    color: #da412b;
  }

  A:hover.cssTextLink {
    text-decoration: underline;
    color: #333;
  }

  /* ---------------------------------------------------------------- */
  /* Sub- und Superskript                                             */
  /* ---------------------------------------------------------------- */
  SUB {
    font-size: 75%;
    line-height: 100%;
    vertical-align: bottom;
  }

  SUP {
    font-size: 75%;
    line-height: 100%;
    vertical-align: top;
  }

  /* ---------------------------------------------------------------- */
  /* Top-Navigation                                                   */
  /* ---------------------------------------------------------------- */
  DIV#topnav {
    text-align: right;
    color: #cccccc;
  }

  DIV#topnav A {
    color: #cccccc;
    font-size: 1.1em;
  }

  DIV#topnav A:hover {
    text-decoration: underline;
  }

  /* ---------------------------------------------------------------- */
  /* Header (Logo + Claim)                                            */
  /* ---------------------------------------------------------------- */
  A#cssLogo,
  SPAN#cssLogo {
    float: left;
    margin: 0 19px 0 0;
  }

  DIV#cssClaim,
  H1#cssClaim {
    float: left;
    color: #b1b1b1;
    font-size: 12px;
    line-height: 15px;
    padding: 1px 0 0 0;
    display: block;
  }

  /* ---------------------------------------------------------------- */
  /* Suche                                                            */
  /* ---------------------------------------------------------------- */
  DIV#nav DIV#allSearchInput {
    float: left;
    width: 446px;
    height: 25px;
  }

  DIV#nav DIV#allSearchInput.cssSearchInputHidden {
    visibility: hidden;
    opacity: 0;
  }

  DIV#allSearchInput FORM#allSearchInputForm {
    overflow: visible;
    width: 100%;
  }

  DIV#allSearchInput FORM#allSearchInputForm DIV.type-text {
    overflow: visible;
    float: left;
    position: relative;
    border: none;
    margin: 0px;
    margin: 0 0 0 4px;
    width: 199px;
    height: 28px;
    padding: 0;
    background: transparent
                url(/application/hze/artwork/layout/horizontalGradient.png)
                repeat-x
                0 -104px;
  }

  DIV#allSearchInput FORM#allSearchInputForm DIV.type-text DIV#cssSearchInputFormSearchFieldLeftBorder {
    position: absolute;
    top: 0px;
    left: -4px;
    width: 4px;
    height: 29px;
    margin: 0px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -68px -181px;
  }

  DIV#allSearchInput FORM#allSearchInputForm DIV.type-text INPUT#allSearchInputFormSearchField {
    height: 19px;
    border: none;
    padding: 4px 0 6px 5px;
    background-color: transparent;
    color: #f4f4f4;
    width: 192px;
    float: left;
  }

  DIV#allSearchInput FORM#allSearchInputForm DIV.type-select {
    position: relative;
    overflow: visible;
    float: left;
    width: 202px;
    margin: 0px;
  }

  DIV#allSearchInput FORM#allSearchInputForm DIV.type-select SELECT {
    width: 202px;
    visibility: hidden;
  }

  DIV#allSearchInput FORM#allSearchInputForm DIV.type-button {
    float: left;
    margin: 0px;
    height: 29px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -25px -181px;
  }

  DIV#allSearchInput FORM#allSearchInputForm DIV.type-button INPUT {
    width: 41px;
    height: 29px;
  }

  /* ---------------------------------------------------------------- */
  /* Suche (Overlay)                                                  */
  /* ---------------------------------------------------------------- */
  DIV#nav DIV#allSearchInputOverlay {
    width: 561px;
    height: 65px;
    position: absolute;
    top: 270px;
    left: 212px;
    z-index: 110;
    background: transparent
                url(/application/hze/artwork/layout/searchBackground.png)
                no-repeat;
  }

  DIV#nav DIV#allSearchInputOverlay DIV#cssSearchInputOverlayClose {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 12px;
    top: 10px;
    cursor: pointer;
  }

  DIV#allSearchInputOverlay FORM#allSearchInputFormOverlay {
    overflow: visible;
    width: 555px;
    padding: 11px 0 0 11px;
  }

  DIV#allSearchInputOverlay FORM#allSearchInputFormOverlay DIV.type-text {
    overflow: visible;
    float: left;
    position: relative;
    border: none;
    margin: 0px;
    margin: 0 0 0 4px;
    width: 237px;
    height: 31px;
    padding: 0;
    background: transparent
                url(/application/hze/artwork/layout/horizontalGradient.png)
                repeat-x
                0 -155px;
  }

  DIV#allSearchInputOverlay FORM#allSearchInputFormOverlay DIV.type-text DIV#cssSearchInputFormOverlaySearchFieldLeftBorder {
    position: absolute;
    top: 0px;
    left: -4px;
    width: 4px;
    height: 31px;
    margin: 0px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -78px -842px;
  }

  DIV#allSearchInputOverlay FORM#allSearchInputFormOverlay DIV.type-text INPUT#allSearchInputFormOverlaySearchField {
    height: 19px;
    border: none;
    padding: 4px 0 6px 5px;
    color: #f4f4f4;
    width: 225px;
    float: left;
    background: transparent;
  }

  DIV#allSearchInputOverlay FORM#allSearchInputFormOverlay DIV.type-select {
    position: relative;
    overflow: visible;
    float: left;
    width: 225px;
    margin: 0px;
  }

  DIV#allSearchInputOverlay FORM#allSearchInputFormOverlay DIV.type-select SELECT {
    width: 225px;
    visibility: hidden;
  }

  DIV#allSearchInputOverlay FORM#allSearchInputFormOverlay DIV.type-button {
    float: left;
    margin: 0px;
    height: 31px;
    width: 48px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -28px -842px;
  }

  DIV#allSearchInputOverlay FORM#allSearchInputFormOverlay DIV.type-button INPUT {
    height: 31px;
    width: 48px;
  }

  /* ---------------------------------------------------------------- */
  /* Suche (DropDown)                                                 */
  /* ---------------------------------------------------------------- */
  UL.selectBox-dropdown-menu LI.cssSearchInputProductPresentations A {
    background-position: 0 -441px !important;
  }

  UL.selectBox-dropdown-menu LI.cssSearchInputProducers A {
    background-position: 0 -491px !important;
  }

  UL.selectBox-dropdown-menu LI.cssSearchInputProducts A {
    background-position: 0 -466px !important;
  }

  UL.selectBox-dropdown-menu LI.cssSearchInputArchitectureObjects A {
    background-position: 0 -516px !important;
  }

  UL.selectBox-dropdown-menu LI.cssSearchInputTender A {
    background-position: 0 -541px !important;
  }

  UL.selectBox-dropdown-menu LI.cssSearchInputCADDetails A {
    background-position: 0 -566px !important;
  }

  UL.selectBox-dropdown-menu LI.cssSearchInputCreate A {
    background-position: 0 -591px !important;
  }

  UL.selectBox-dropdown-menu LI.cssSearchInputExperts A {
    background-position: 0 -616px !important;
  }

  UL.selectBox-dropdown-menu LI.cssSearchInputOverAll A {
    background-position: 0 -641px !important;
  }

  A.selectBox SPAN.cssSearchInputProductPresentations {
    background-position: 0 -440px !important;
  }

  A.selectBox SPAN.cssSearchInputProducers {
    background-position: 0 -490px !important;
  }

  A.selectBox SPAN.cssSearchInputProducts {
    background-position: 0 -465px !important;
  }

  A.selectBox SPAN.cssSearchInputArchitectureObjects {
    background-position: 0 -515px !important;
  }

  A.selectBox SPAN.cssSearchInputTender {
    background-position: 0 -540px !important;
  }

  A.selectBox SPAN.cssSearchInputCADDetails {
    background-position: 0 -565px !important;
  }

  A.selectBox SPAN.cssSearchInputCreate {
    background-position: 0 -590px !important;
  }

  A.selectBox SPAN.cssSearchInputExperts {
    background-position: 0 -615px !important;
  }

  A.selectBox SPAN.cssSearchInputOverAll {
    background-position: 0 -640px !important;
  }

  /* ---------------------------------------------------------------- */
  /* Hauptnavigation                                                  */
  /* ---------------------------------------------------------------- */
  DIV#nav DIV#allMainNavigation {
    float: right;
    width: 490px;
    height: 25px;
  }

  DIV#nav DIV#allMainNavigation UL {
    list-style: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
  }

  DIV#nav DIV#allMainNavigation UL LI {
    list-style: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0;
    margin: 0 4px;
    display: block;
    float: left;
    position: relative;
  }
  
  DIV#nav DIV#allMainNavigation UL LI A {
    color: #d2d2d2;
    font-size: 18px;
    font-family: "Helvetica Neue W02 57 Cn", "Arial Narrow", "Times New Roman";
    line-height: 25px;
    height: 25px;
    padding: 0 12px;
    display: block;
    float: left;
    position: relative;
  }

  DIV#nav DIV#allMainNavigation UL LI A SPAN.cssMainNavigationBorderLeft {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: -3px;
    width: 3px;
    height: 25px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                0 -129px;
  }

  DIV#nav DIV#allMainNavigation UL LI A SPAN.cssMainNavigationBorderRight {
    display: none;
    position: absolute;
    top: 0px;
    right: -3px;
    width: 3px;
    height: 25px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -5px -129px;
  }

  DIV#nav DIV#allMainNavigation UL LI A:hover,
  DIV#nav DIV#allMainNavigation UL LI A.cssSelected {
    color: #c7c7c7;
    background: transparent
               url(/application/hze/artwork/layout/horizontalGradient.png)
               repeat-x
               0 -34px;
  }

  DIV#nav DIV#allMainNavigation UL LI A:hover SPAN.cssMainNavigationBorderLeft,
  DIV#nav DIV#allMainNavigation UL LI A:hover SPAN.cssMainNavigationBorderRight,
  DIV#nav DIV#allMainNavigation UL LI A.cssSelected SPAN.cssMainNavigationBorderLeft,
  DIV#nav DIV#allMainNavigation UL LI A.cssSelected SPAN.cssMainNavigationBorderRight {
    display: block;
  }

  DIV#nav DIV#allMainNavigation DIV.allMainNavigationContent UL LI {
    list-style: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    float: none;
  }

  DIV#nav DIV#allMainNavigation DIV.allMainNavigationContent UL {
    margin: 0 10px 0 0;
    padding: 0;
  }

  DIV#nav DIV#allMainNavigation DIV.allMainNavigationContent DIV.c50r UL {
    margin-right: 10px;
    margin-left: 11px;
  }

  DIV#nav DIV#allMainNavigation DIV.allMainNavigationContent UL LI A {
    font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
    color: #202020;
    font-size: 13px;
    line-height: 1.4em;
    height: auto;
    padding: 2px 5px 2px 5px;
    margin: 0;
    display: block;
    float: none;
  }

  DIV#nav DIV#allMainNavigation DIV.allMainNavigationContent UL LI A:hover,
  DIV#nav DIV#allMainNavigation DIV.allMainNavigationContent UL LI A.selected {
    background: #d3d3d3;
  }

  DIV#nav DIV#allMainNavigation DIV.allMainNavigationContent UL LI A SPAN {
    display: block;
    float: left;
    width: 14px;
    height: 20px;
    margin: 0;
    background: transparent
                url(/application/hze/artwork/layout/controls.png)
                no-repeat
                -7px -824px;
  }

  DIV#nav DIV#allMainNavigation DIV.allMainNavigationContent .c50r UL LI A SPAN {
    background-position: -9px -824px;
    width: 12px;
  }

  DIV#nav DIV#allMainNavigation DIV.allMainNavigationContent UL.cssMainNavigationContentNewGroup {
    margin: 3px 10px 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #d3d3d3;
  }
  /* ---------------------------------------------------------------- */
  /* MyBereich                                                        */
  /* ---------------------------------------------------------------- */
  DIV#allMyArea {
    position: absolute;
    width: 289px;
    height: 31px;
    top: 0px;
    right: 1px;
    text-align: left;
    background: transparent
                url(/application/hze/artwork/layout/controls.png)
                no-repeat
                0 -1009px;
  }

  DIV#allMyArea.cssMyAreaLoggedIn {
    background-position: 0 -1041px;
    width: 223px;
  }

  DIV#allMyArea DIV#allMyAreaBalloonButton {
    position: absolute;
    top: 0;
    left: 0;
    height: 29px;
    width: 198px;
    text-align: left;
    cursor: pointer;
  }

  DIV#allMyArea DIV#allMyAreaBalloonButton P.cssMyAreaBalloonButtonText {
    color: #f2f2f2;
    font-size: 14px;
    font-family: "Helvetica Neue W02 67 Md Cn", "Arial Narrow", "Times New Roman";
    padding: 7px 0 0 20px;
  }

  DIV#allMyArea.cssMyAreaLoggedIn DIV#allMyAreaBalloonButton {
    width: 220px;
  }

  DIV#allMyArea.cssMyAreaLoggedIn DIV#allMyAreaBalloonButton P.cssMyAreaBalloonButtonText {
    padding: 7px 0 0 39px;
  }

  DIV#allMyArea.cssMyAreaLoggedIn DIV#allMyAreaBalloonButton DIV#cssMyAreaUserAvatar {
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 6px;
    width: 23px;
    height: 23px;
    background: transparent
                url(/application/hze/artwork/layout/avatars.png)
                no-repeat
                -202px 0;
  }

  DIV#allMyArea.cssMyAreaLoggedIn DIV#allMyAreaBalloonButton DIV#cssMyAreaUserAvatar.cssFemale {
    background-position: -202px -25px;
  }

  DIV#allMyArea.cssMyAreaLoggedIn DIV#allMyAreaBalloonButton DIV#cssMyAreaUserAvatar.cssHasAvatar {
    background: none;
  }

  DIV#allMyArea DIV#allMyAreaBalloonButton.cssDisabled {
    cursor: default;
  }

  DIV#allMyArea DIV#allMyAreaBalloonButton.cssDisabled P.cssMyAreaBalloonButtonText {
    color: #c7c7c7;
  }

  DIV#allMyArea DIV#allMyAreaLoginButton {
    position: absolute;
    right: 0;
    right: 2px;
    height: 29px;
    width: 88px;
    cursor: pointer;
  }

  DIV#allMyArea DIV#allMyAreaLoginButton P.cssMyAreaLoginText {
    color: #f2f2f2;
    font-size: 14px;
    font-family: "Helvetica Neue W02 67 Md Cn", "Arial Narrow", "Times New Roman";
    text-align: center;
    padding: 7px 0 0 0;

  }

  DIV#allMyAreaBalloon {
    margin: 0 0 41px 0;
  }

  DIV#allMyAreaBalloon DIV.c50l {
    height: 120px;
  }

  DIV#allMyAreaBalloon DIV.c50l P {
    color: #202020;
    font-size: 11px;
    font-weight: bold;
    display: block;
    border-top: 1px solid #d3d3d3;
    padding: 5px 0 0 0;
    position: absolute;
    bottom: 8px;
    left: 2px;
    width: 221px;
  }

  DIV#allMyAreaBalloon DIV.c50l P SPAN {
    padding: 0 0 0 19px;
  }

  DIV#allMyAreaBalloon DIV.c50l P A,
  DIV#allMyAreaBalloon DIV.c50l P A:hover {
    color: #da412b;
    text-decoration: underline !important;
    font-size: 11px;
    font-weight: normal;
    float: right;
    margin: 0 10px 0 0;
  }

  DIV#allMyAreaBalloon DIV.c50l P A.cssLogout {
    color: #202020;
  }

  DIV#allMyAreaBalloon DIV.c50l P A.cssLogout:hover {
    color: #da412b;
  }

  DIV#allMyAreaBalloon UL LI {
    list-style: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    float: none;
  }

  DIV#allMyAreaBalloon UL {
    margin: 0 10px 0 0;
    padding: 0;
  }

  DIV#allMyAreaBalloon DIV.c50r UL {
    margin: 0 10px 0 11px;
  }

  DIV#allMyAreaBalloon DIV.c50r UL LI P.cssButtonLink {
    margin: 0;
  }

  DIV#allMyAreaBalloon UL LI A {
    font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
    color: #202020;
    font-size: 13px;
    line-height: 1.4em;
    height: auto;
    padding: 2px 5px 2px 5px;
    margin: 0;
    display: block;
    float: none;
    overflow: hidden;
    width: auto;
  }

  DIV#allMyAreaBalloon UL LI A:hover,
  DIV#allMyAreaBalloon UL LI A.selected {
    background: #d3d3d3;
    text-decoration: none;
    color: #202020 !important;
  }

  DIV#allMyAreaBalloon UL LI SPAN.cssInactive {
    font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
    color: #747474;
    font-size: 13px;
    line-height: 1.4em;
    height: auto;
    padding: 2px 5px 2px 5px;
    margin: 0;
    display: block;
    float: none;
    overflow: hidden;
    width: auto;
    cursor: default !important;
  }

  DIV#allMyAreaBalloon UL LI SPAN.cssArrow {
    display: block;
    float: left;
    width: 14px;
    height: 20px;
    margin: 0;
    cursor: pointer;
    background: transparent
                url(/application/hze/artwork/layout/controls.png)
                no-repeat
                -7px -824px;
  }

  DIV#allMyAreaBalloon UL LI SPAN.cssInactive SPAN.cssArrow {
    background: none;
    cursor: default;
  }

  DIV#allMyAreaBalloon UL LI SPAN.cssButtonLinkBackground {
    margin: 0 6px 0 0;
  }

  DIV#allMyAreaBalloon UL LI SPAN.cssText {
    float: right;
    width: 162px;
    cursor: pointer;
  }

  DIV#allMyAreaBalloon UL LI SPAN.cssInactive SPAN.cssText {
    cursor: default;
  }

  DIV#allMyAreaBalloon UL LI SPAN.cssTextShort {
    float: right;
    width: 150px;
    cursor: pointer;
  }

  DIV#allMyAreaBalloon UL.cssMyAreaContentNewGroup {
    margin: 3px 10px 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #d3d3d3;
  }

  DIV.allMyAreaLoginBalloon {
    font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
    color: #202020;
    font-size: 13px;
    line-height: 1.4em;
    text-align: left;
  }

  DIV.allMyAreaLoginBalloon LABEL {
    font-size: 13px;
    padding: 0 0 1px 0;
  }

  DIV.allMyAreaLoginBalloon FORM#allMyAreaLoginForm.cssError LABEL {
    color: #d10000;
  }

  DIV.allMyAreaLoginBalloon FORM#allMyAreaLoginForm.cssError P.cssError {
    color: #d10000;
    margin: 0 0 6px 0;
    font-size: 11px;
  }

  DIV.allMyAreaLoginBalloon INPUT {
    width: 194px;
    margin: 0 0 11px 0;
  }

  DIV.allMyAreaLoginBalloon FORM#allMyAreaLoginForm.cssError INPUT {
    border: 1px solid #d10000;
  }

  DIV.allMyAreaLoginBalloon A#allMyAreaLoginForgotPassword {
    color: #202020;
    text-decoration: underline;
    font-size: 11px;
  }

  DIV.allMyAreaLoginBalloon A#allMyAreaLoginForgotPassword:hover {
    color: #da412b;
  }

  DIV.allMyAreaLoginBalloon DIV.type-button {
    float: right;
    margin-top: 6px;
  }

  DIV.allMyAreaLoginBalloon DIV.type-button A,
  DIV.allMyAreaLoginBalloon DIV.type-button A:hover {
    color: #F4F4F4;
    text-decoration: none;
    font-size: 13px;
  }

  DIV.allMyAreaLoginBalloon P#cssMyAreaLoginBalloonRegistrationArea {
    color: #202020;
    font-size: 11px;
    font-weight: bold;
    display: block;
    border-top: 1px solid #d3d3d3;
    padding: 10px 0 0 0;
    margin: 4px 0 4px 0;
  }

  DIV.allMyAreaLoginBalloon P#cssMyAreaLoginBalloonRegistrationArea A,
  DIV.allMyAreaLoginBalloon P#cssMyAreaLoginBalloonRegistrationArea A:hover {
    color: #da412b;
    text-decoration: underline !important;
    float: right;
    font-size: 11px;
    font-weight: normal;
  }

  DIV.allMyAreaLoginBalloon P#cssMyAreaForgotPasswordTitle B {
    padding: 0 0 7px 0;
    display: block;
  }

  DIV.allMyAreaLoginBalloon P#cssMyAreaForgotPasswordTitle {
    margin: 0 0 7px 0;
  }

  /* ---------------------------------------------------------------- */
  /* Schatten und Ecken im Hauptbereich                               */
  /* ---------------------------------------------------------------- */
  DIV#page DIV.cssPageBorderTop {
    position: absolute;
    top: -1px;
    left: 6px;
    z-index: 2;
    height: 2px;
    width: 972px;
    background: transparent
                url(/application/hze/artwork/layout/horizontalGradient.png)
                repeat-x
                0 0;
  }

  DIV#page DIV.cssPageBorderBottom {
    position: absolute;
    bottom: -3px;
    left: 6px;
    z-index: 2;
    height: 3px;
    width: 972px;
    background: transparent
                url(/application/hze/artwork/layout/horizontalGradient.png)
                repeat-x
                0 -4px;
  }

  DIV#page DIV.cssPageCornerTopLeft {
    position: absolute;
    z-index: 2;
    top: -2px;
    left: -1px;
    width: 8px;
    height: 7px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                0 0;
  }

  DIV#page DIV.cssPageCornerTopRight {
    position: absolute;
    z-index: 2;
    top: -2px;
    right: 1px;
    width: 8px;
    height: 7px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -10px 0;
  }

  DIV#page DIV.cssPageCornerBottomLeft {
    position: absolute;
    z-index: 2;
    bottom: -3px;
    left: -1px;
    width: 8px;
    height: 7px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                0 -9px;
  }

  DIV#page DIV.cssPageCornerBottomRight {
    position: absolute;
    z-index: 2;
    bottom: -3px;
    right: 1px;
    width: 8px;
    height: 7px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -10px -9px;
  }

  /* ---------------------------------------------------------------- */
  /* Content-Footer (schwarze Trennlinie)                             */
  /* ---------------------------------------------------------------- */
  DIV.cssFooterBlackBorderShadow {
    margin: 5px 0 0 0;
    padding: 0 1px 0 0;
    position: relative;
    background: transparent
                url(/application/hze/artwork/layout/verticalGradient.png)
                repeat-y
                -1237px 0;
  }

  DIV.cssFooterBlackBorder {
    background: transparent
              url(/application/hze/artwork/layout/verticalGradient.png)
              repeat-y
              -9px 0;
    padding: 0 3px 0 42px;
  }

  DIV.cssFooterBlackBorder DIV.cssFooterBlackBorderContent {
    background: #fff;
    padding: 35px 0 35px 34px;
  }

  /* ---------------------------------------------------------------- */
  /* Footer                                                           */
  /* ---------------------------------------------------------------- */
  DIV#cssFooter DIV.cssPageCornerTopRight,
  DIV#cssFooter DIV.cssPageCornerBottomRight {
    right: 0px;
  }

  DIV#cssFooter DIV#cssFooterHeader{
    position: relative;
    height: 37px;
    background: transparent
                url(/application/hze/artwork/layout/horizontalGradient.png)
                repeat-x
                0 -65px;
  }

  DIV#cssFooter DIV#cssFooterHeader DIV#cssFooterHeaderBorderLeft {
    position: absolute;
    top: 4px;
    left: -5px;
    z-index: 11;
    width: 5px;
    height: 29px;
    background: transparent
                url(/application/hze/artwork/layout/verticalGradient.png)
                repeat-y
                -2223px 0;
  }

  DIV#cssFooter DIV#cssFooterHeader DIV#cssFooterHeaderBorderRight {
    position: absolute;
    top: 4px;
    right: -3px;
    z-index: 11;
    width: 5px;
    height: 29px;
    background: transparent
                url(/application/hze/artwork/layout/verticalGradient.png)
                repeat-y
                -2237px 0;
  }

  DIV#cssFooter DIV#allFooterContent{
    position: relative;
    padding: 0 35px 30px 35px;
    background: #606060
                url(/application/hze/artwork/layout/footerGradient.png)
                repeat-x
                0 0;
  }

  DIV#cssFooter DIV#allFooterContent DIV#allFooterContentBorderLeft {
    position: absolute;
    top: -3px;
    left: -4px;
    z-index: 11;
    width: 5px;
    height: 52px;
    background: transparent
                url(/application/hze/artwork/layout/verticalGradient.png)
                repeat-y
                -2231px 0;
  }

  DIV#cssFooter DIV#allFooterContent DIV#allFooterContentBorderRight {
    position: absolute;
    top: -3px;
    right: -4px;
    z-index: 11;
    width: 5px;
    height: 52px;
    background: transparent
                url(/application/hze/artwork/layout/verticalGradient.png)
                repeat-y
                -2245px 0;
  }

  DIV#cssFooter DIV.cssFooterContentLinks {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #a4a4a4;
  }

  DIV#cssFooter DIV.cssFooterColumn {
    float: left;
    width: 228px;
  }

  DIV#cssFooter DIV.cssFooterColumnLast {
    float: left;
    width: 224px;
  }

  DIV#cssFooter DL {
    font-size: 13px;
    line-height: 1.4em;
    color: #fff;
    padding: 20px 20px 0 0;
  }

  DIV#cssFooter DIV.cssFooterContentLinks DL {
    padding-top: 17px;
  }

  DIV#cssFooter DIV.cssFooterColumnLast DL {
    padding-right: 0;
  }

  DIV#cssFooter DL DT {
    font-weight: bold;
  }

  DIV#cssFooter DL DD SPAN {
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    margin: 4px 0 0 0;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                0px -65px;
  }

  DIV#cssFooter DL A {
    color: #d3d3d3;
    font-size: 1em;
    padding: 2px 0 2px 5px;
  }

  DIV#cssFooter DL A:hover {
    color: #fff;
  }

  DIV#cssFooter DL DT A {
    color: #fff;
    font-size: 1em;
    padding: 0;
  }

  DIV#cssFooter DL DT A:hover {
    color: #d3d3d3;
  }

  DIV#cssFooter DIV.cssFooterColumnImages A {
    padding: 2px 1px 2px 2px;
  }

  DIV#cssFooter DL#cssFooterRSS DT {
    line-height: 25px;
  }

  DIV#cssFooter DL#cssFooterTwitter DT {
    line-height: 25px;
  }

  DIV#cssFooter DL#cssFooterFacebook DT {
    line-height: 25px;
  }

  DIV#cssFooter DL#cssFooterRSS DT.cssFooterGroupIcon SPAN.cssIcon {
    width: 25px;
    height: 25px;
    margin: 0 5px 0 0;
    float: left;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                0px -89px;
  }

  DIV#cssFooter DL#cssFooterTwitter DT.cssFooterGroupIcon SPAN.cssIcon {
    width: 25px;
    height: 25px;
    margin: 0 5px 0 0;
    float: left;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -27px -89px;
  }

  DIV#cssFooter DL#cssFooterFacebook DT.cssFooterGroupIcon SPAN.cssIcon {
    width: 25px;
    height: 25px;
    margin: 0 5px 0 0;
    float: left;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -54px -89px;
  }

  DIV#cssFooter DL#cssFooterRSS DD SPAN {
    background-position: -12px -65px;
  }

  DIV#cssFooter DL#cssFooterTwitter DD SPAN {
    background-position: 0px -77px;
  }

  DIV#cssFooter DL#cssFooterFacebook DD SPAN {
    background-position: -12px -77px;
  }

  DIV#cssFooter DIV.cssFooterContentLinksSpecial DIV.cssFooterColumnLast IMG {
    float: right;
    margin: 19px 0 0 0;
  }

  /* ---------------------------------------------------------------- */
  /* Copyright                                                        */
  /* ---------------------------------------------------------------- */
  DIV#cssPageCopyRightArea {
    font-size: 12px;
    line-height: 1.4em;
    color: #f4f4f4;
    text-align: right;
    padding: 13px 3px 0 0;
    position: relative;
  }

  DIV#cssPageCopyRightArea P#cssPageCopyRight {
    float: right;
    width: 680px;
    overflow: hidden;
    white-space: nowrap;
    /*margin: 9px 0 0 0;*/
  }

  DIV#cssPageCopyRightArea DIV#cssIVW {
    float: left;
    width: 300px;
    text-align: left;
  }

  DIV#cssPageCopyRightArea DIV#cssIVW IMG {
    float: left;
  }

  DIV#cssPageCopyRightArea DIV#cssIVW P {
    float: right;
    width: 170px;
    margin: 9px 0 0 0;
  }

  /* ---------------------------------------------------------------- */
  /* NoScript                                                         */
  /* ---------------------------------------------------------------- */
  DIV#cssNoScriptArea {
    padding: 0 4px 22px 0;
    overflow: hidden;
  }

  DIV#cssNoScriptArea DIV#cssNoScript {
    position: relative;
  }

  DIV#cssNoScriptArea DIV#cssNoScript DIV.c50l {
    background: transparent
                url(/application/hze/artwork/layout/controls.png)
                repeat-x
                0px -114px;
    line-height: 14px;
    height: 24px;
    border: none;
    overflow: visible !important;
  }

  DIV#cssNoScriptArea DIV#cssNoScript DIV.c50r {
    background: transparent
                url(/application/hze/artwork/layout/controls.png)
                repeat-x
                -9px -114px;
    line-height: 14px;
    height: 24px;
    border: none;
    overflow: visible !important;
  }

  DIV#cssNoScriptArea DIV#cssNoScript DIV#cssNoScriptText {
    position: absolute;
    z-index: 2;
    top: 2;
    text-align: center;
    width: 100%;
    color: #f4f4f4;
    font-size: 13px;
    line-height: 1.4em;
  }

  /* ---------------------------------------------------------------- */
  /* Fehlermeldungen                                                  */
  /* ---------------------------------------------------------------- */
  P.cssFault {
    color: #990000;
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 4px;
    border: 1px dotted #990000;
    margin: 8px 0 0 0;
    background-color: #f4f4f4;
  }

  FORM.yform LABEL.cssFault {
    color: #9c1722;
  }

  DIV#col1 FORM.yform DIV.cssFault {
    color: #990000;
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 4px;
    border: 1px dotted #990000;
    margin: 8px 0 0 0;
    background-color: #f4f4f4;
  }

  DIV#col3 FORM.yform DIV.cssFault INPUT {
    border: 1px dotted #990000;
  }

  /* ---------------------------------------------------------------- */
  /* Spinner / Waiter                                                 */
  /* ---------------------------------------------------------------- */
  DIV.spinner {
    position: absolute;
    opacity: 0.7;
    z-index: 999;
    background: #fff;
  }

  P.spinner-msg {
    text-align: center;
    font-weight: bold;
  }

  DIV.spinner-img {
    background: url(/application/hze/artwork/ajax_loader.gif) no-repeat;
    width: 50px;
    height: 50px;
    margin: 0 auto;
  }

  /* ---------------------------------------------------------------- */
  /* Button zum Award                                                 */
  /* ---------------------------------------------------------------- */
  DIV#cssAwardButton {
    position: absolute;
    top: -8px;
    right: 1px;
  }

  DIV#cssAwardButton DIV.type-button {
    background-position: 0 -787px;
    height: 36px;
  }

  DIV#cssAwardButton DIV.type-button A {
    padding: 0 6px 2px 26px;
    font-size: 13px;
    color: #f4f4f4;
    line-height: 1.4em;
    top: 5px;
    position: relative;
  }

  DIV#cssAwardButton DIV.type-button A:hover {
    text-decoration: none;
    color: #f4f4f4;
  }

  DIV#cssAwardButton DIV.type-button DIV.cssButtonRight {
    background-position: -494px -787px;
    height: 36px;
  }

  /* ---------------------------------------------------------------- */
  /* BBCode                                                          */
  /* ---------------------------------------------------------------- */
  DIV.cssBBCode STRONG {
    font-weight: bold;
  }

  DIV.cssBBCode EM {
    font-style: italic;
  }

  DIV.cssBBCode SPAN.cssBBCodeUnderline {
    text-decoration: underline;
  }

  DIV.cssBBCode UL.cssBBCodeBlist LI {
    list-style: disc;
    list-style-position: outside;
    margin: 0 0 0 16px;
  }

  DIV.cssBBCode UL LI {
    list-style: disc;
    list-style-position: outside;
    margin: 0 0 0 16px;
  }

  DIV.cssBBCode OL LI {
    list-style: decimal;
    list-style-position: outside;
    margin: 0 0 0 16px;
  }
}