@charset "UTF-8";
/* ---------------------------------------------------------------- */
/**
 * Stylesheet fuer das Journal
 *
 * $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/scripts/Expertss.css $
 *
 * @category bhp_css
 * @package  BHP_Css
 * @version  $Rev: 9559 $
 * @author   $Author: Wojewsky $
 */
/* ---------------------------------------------------------------- */

  /* ---------------------------------------------------------------- */
  /* Infoanfrage-Formulare                                            */
  /* ---------------------------------------------------------------- */

  #cssRequestContent {
    padding-left: 0px;
    background-color: white;
    padding-bottom: 0px;
    width: 500px;
  }

  #cssIndividualTeaser,
  #cssIndividualTeaserSplit,
  #cssIndividualMessage,
  #cssIndividualMessageSplit {
    padding-bottom: 15px;
    font-size: 12px;
  }

  #cssTitle {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
  }

  #cssProducerInfo,
  #cssIndividualMessage,
  #cssIndividualMessageSplit {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  #cssIndividualMessageSplit .c33l {
    width: 156px;
    padding-left: 15px;
  }

  #cssIndividualMessageSplit .c33l .subcl {
    text-align: center;
  }

  #cssIndividualMessageSplit .c66r {
    padding-left: 15px;
    width: 318px;
  }

  #cssProducerInfo .c33l {
    width: 171px;
  }

  #cssProducerInfo .c66r {

  }

  .cssGreyRoundBackgroundBody {
    background-image:url('/application/hze/artwork/formulars/greyRoundMiddle.jpg');
    background-repeat:repeat-y;
  }

  .cssGreyRoundBackgroundHeader {
    height: 7px;
    width: 500px;
    background-repeat:no-repeat;
    background-image:url('/application/hze/artwork/formulars/greyRoundTop.jpg');
  }

  .cssGreyRoundBackgroundFooter {
    height: 7px;
    width: 500px;
    margin-bottom: 15px;
    background-repeat:no-repeat;
    background-image:url('/application/hze/artwork/formulars/greyRoundBottom.jpg');
  }

  #cssProducerInfo #producerLogoTop {
    height: 5px;
    width: 154px;
    background-repeat:no-repeat;
    background-image:url('/application/hze/artwork/formulars/logoBorderTop.jpg');
    margin-left: 15px;
  }

  #cssProducerInfo #producerLogoBottom {
    height: 7px;
    width: 154px;
    background-repeat:no-repeat;
    background-image:url('/application/hze/artwork/formulars/logoBorderBottom.jpg');
    margin-left: 15px;
  }

  #cssProducerInfo #producerLogo {
    margin-left: 15px;
    background-repeat:no-repeat;
    background-image:url('/application/hze/artwork/formulars/logoBorderMiddle.jpg');
    background-repeat:repeat-y;
    width: 154px;
  }

  #cssProducerInfo #producerLogo img {
    margin-left: 1px;
  }

  #cssProducerInfo #producerName {
    font-size: 12px;
    margin-left: 15px;
  }

  #cssProducerInfo .subcolumns #producerName {
    margin-top: 8px;
    line-height:17px;
    font-size:12px;
  }

  #cssProducerInfo .subcolumns #producerNameVob {
    font-size: 12px;
    margin-left: 15px;
    line-height:17px;
    font-size:12px;
  }

  #cssProducerInfo #producerName h3,
  #cssProducerInfo #producerNameVob h3 {
    font-weight: bold;
    margin-bottom: 3px;
  }

  #cssRequestForm #cssContactOptions {
    margin-bottom: 10px;
  }

  #cssRequestForm #cssAddress {
    margin-bottom: 13px;
  }

  #cssRequestForm #cssSubject {
    margin-bottom:15px;
    font-size: 1.2em;
    line-height: 15px;
  }

  #cssRequestForm #cssMandatoryFieldsHint {
    text-align:right;
    margin-top: 6px;
    width:97%;
  }

  #cssRequestForm #cssNewsletterOption {
    margin-top: 8px;
    width:97%;
  }

  #cssRequestForm #cssConsent {
    margin-top: 15px;
    margin-bottom: 1px;
    width: 97%;
  }

  #cssRequestForm #cssAdditionalElements {
    margin-bottom:15px;
  }

  #cssRequestForm #cssAdditionalElements .type-text {
    height:23px;
  }

  #cssRequestForm .cssFormDescriptionLine {
    font-size: 1.2em;
    margin-top: 12px;
  }

  #cssRequestForm .cssFormDescriptionLineBold {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 12px;
    margin-top: 12px;
  }

  #cssRequestForm #input {
    display:none;
  }

  /* ---------------------------------------------------------------- */
  /* Response-Seiten                                                  */
  /* ---------------------------------------------------------------- */

  #cssRequestThankYouContent {
    font-size: 13px;
  }

  #cssRequestThankYouContent #cssThankYouCompany {
    margin-top:25px;
    font-weight: bold;
  }

  #cssRequestThankYouContent #cssThankYouMessage {
    margin-top:5px;
    line-height:1.4em;
  }

  #cssRequestThankYouContent p.cssBold {
    font-weight: 700;
}

  /* ---------------------------------------------------------------- */
  /* Newsletter-Formulare                                            */
  /* ---------------------------------------------------------------- */

  div#cssNewsletter {
    margin: 0 0 20px;
    padding-right: 30px;
  }

  div#cssNewsletter .type-button {
    float:left;
  }

  div#cssNewsletter div#cssFormularsNewsletter {
    margin: 25px 0 0;
  }

  div#cssNewsletter div.cssNewsletterGroup {
    border-top: 1px solid #D9D9D9;
    padding: 21px 0 40px;
  }

  div#cssNewsletter h3.cssHeadlineWithSpacing {
    color: #666666;
    font-size: 13px;
    line-height: 1.4em;
    padding: 0 0 29px;
  }

  div#cssNewsletter p {
    font-size: 13px;
    line-height: 1.4em;
  }

  div#cssNewsletter #cssConsent p {
    font-size:11px;
  }

  div#cssNewsletter p.cssBold {
    font-weight: 700;
  }

  div#cssNewsletter p.cssSmall {
    font-size: 11px;
  }

  div#cssNewsletter #cssCostHint {
    margin-top: 18px;
  }

  .cssNewsletterMainColumn {
    float:left;
    width: 602px;
  }

  .cssNewsletterToolColumn {
    float: right;
    width: 242px;
  }

  .cssContentContainerGrey {
    width: 240px;
  }

  #cssNewsletterForm label {
    padding-bottom: 4px;
    font-size: 11px;
  }

  #cssNewsletterForm #cssMandatoryFieldsHint {
    text-align:right;
    margin-top: 6px;
    width:97%;
    font-size: 11px;
  }

  #cssNewsletterContent #cssConsent {
    margin-top:21px;
    font-size: 11px;
  }

  #cssNewsletterForm .subcolumns {
    margin-bottom: 14px;
  }

  #cssNewsletterForm .type-text #userFirstname,
  #cssNewsletterForm .type-text #userLastname {
    width: 96%;
  }

  #cssNewsletterForm .type-text #userEmail {
    width: 98%;
  }

  #cssNewsletterForm .type-select {
    margin-bottom: 0;
  }

  #cssNewsletterForm div.type-select select {
    padding-bottom: 2px;
    padding-top: 2px;
  }

  #cssNewsletter #cssNewsletterUnsubscribeForm {
    margin-top: 15px;
  }

  DIV#cssNewsletter DIV#cssNewsletterArchive {
    border-top: 1px solid #d9d9d9;
    padding: 21px 0 0 0;
  }

  DIV#cssNewsletter DIV#cssNewsletterArchive DIV.allToggleArea DIV.allToggleContent {
    margin: 11px 0 41px 0;
    overflow: hidden;
  }


  DIV#cssNewsletter DIV.cssNewsletterArchiveImageColumn {
    float: left;
    width: 180px;
  }

  DIV#cssNewsletter DIV.cssNewsletterArchiveTextColumn {
    float: left;
    width: 422px;
    font-size: 13px;
    line-height: 1.4em;
  }

  DIV#cssNewsletter DIV#cssNewsletterArchive DIV.cssNewsletterArchiveColumnContainer {
    margin: 17px 0 0 0;
    float: none;
  }

  DIV#cssNewsletter DIV#cssNewsletterArchive DIV.cssNewsletterArchiveColumnContainer DIV.cssImageContainerGreyCornerBottomLeft {
    background-position: -16px -26px;
  }

  DIV#cssNewsletter DIV#cssNewsletterArchive DIV.cssNewsletterArchiveColumnContainer DIV.cssImageContainerGreyCornerBottomRight {
    background-position: -24px -26px;
  }

  DIV#cssNewsletter DIV#cssNewsletterArchive DIV.cssNewsletterArchiveColumnContainer DIV.cssNewsletterArchiveContentArea {
    width: 600px;
    font-size: 13px;
    line-height: 1.4em;
  }

  DIV#cssNewsletter DIV#cssNewsletterArchive DIV.cssNewsletterArchiveColumnContainer DIV.cssGreyRow {
    padding: 4px 12px;
  }

  DIV#cssNewsletter DIV#cssNewsletterArchive DIV.cssNewsletterArchiveColumnContainer DIV.cssWhiteRow {
    padding: 4px 12px;
  }

  DIV#cssNewsletter DIV#cssNewsletterArchive DIV.cssNewsletterArchiveColumnContainer DIV.cssNewsletterArchiveDate {
    float: left;
    width: 120px;
  }

  DIV#cssNewsletter DIV#cssNewsletterArchive DIV.cssNewsletterArchiveColumnContainer DIV.cssNewsletterArchiveDevider {
    float: left;
    width: 55px;
    text-align: center;
  }

  DIV#cssNewsletter DIV#cssNewsletterArchive DIV.cssNewsletterArchiveColumnContainer DIV.cssNewsletterArchiveText {
    float: left;
    width: 401px;
  }
}

  /* ---------------------------------------------------------------- */
  /* Abstaende und Formatierung YAML-Formulare                         */
  /* ---------------------------------------------------------------- */

  #cssRequestForm .type-text,
  #cssRequestForm .type-select {
    height: auto;
    margin-top: 4px;
    margin-bottom: 0px;
  }

  #cssRequestForm .type-check {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 2px;
  }

  #cssRequestForm label {
    padding-top: 0px;
    padding-right: 0px;
  }

  #cssRequestForm .type-check label {
    padding-left: 5px;
  }

  #cssRequestForm .type-check input {
    border: 0;
  }

  #cssSubmitButton .type-button {
    float: right;
  }

  #cssRequestForm textarea {
    float: none;
    width: 483px;
    max-width: 483px;
    height: 74px;
    max-height: 74px;
    font-size: 1.2em;
    padding: 6px;
    resize: none;
  }

  #cssRequestForm .type-check input {
    margin-left: 0;
  }

  #cssRequestForm .type-text label,
  #cssRequestForm .type-select label {
    width: 40%
  }

  #cssRequestForm div.type-text input {
    width: 56.8%;
    font-size: 1.2em;
  }

  #cssRequestForm div.type-select select {
    width: 57.6%;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 1.2em;
  }

  #cssRequestForm div.country label {
    width: 96px;
  }

  #cssRequestForm div.type-select #country {
    width:398px;
  }

  #cssRequestForm fieldset {
    background:none;
    border:none;
    margin:0;
    padding:0;
  }

  #cssRequestForm dt {
    display:none;
  }

  /* ---------------------------------------------------------------- */
  /* Anpassungen Anfragen bei Experten-Profile                        */
  /* ---------------------------------------------------------------- */

  .cssFormTypeExperts #cssRequestForm #cssSubject {
    margin-bottom: 9px;
  }

  .cssFormTypeExperts #cssTitle {
    margin-bottom: 20px;
  }

  .cssFormTypeExperts .cssGreyRoundBackgroundFooter {
    margin-bottom: 20px;
  }

  /* ---------------------------------------------------------------- */
  /* Darstellung von Fehlern bei der Eingabe                          */
  /* ---------------------------------------------------------------- */

  .yform div.error,
  #cssRecommendContent div.error,
  #cssRequestForm div.error {
    border: none;
    padding: 0;
    background: none;
  }

  #cssRecommendContent div.error label,
  #cssRequestForm div.error label {
    color: #E36C0A;
  }

  #cssRequestForm div textarea:focus,
  #cssRequestForm div textarea:hover,
  #cssRequestForm div textarea:active,
  #cssRecommendContent div textarea:focus,
  #cssRecommendContent div textarea:hover,
  #cssRecommendContent div textarea:active {
    border: 1px solid #DDDDDD;
  }

  #cssRequestForm div.error input,
  #cssRequestForm div.error input:focus,
  #cssRequestForm div.error input:focus,
  #cssRequestForm div.error input:focus,
  #cssRequestForm div.error textarea,
  #cssRequestForm div.error textarea:focus,
  #cssRequestForm div.error textarea:hover,
  #cssRequestForm div.error textarea:active,
  #cssRecommendContent div.error input,
  #cssRecommendContent div.error input:focus,
  #cssRecommendContent div.error input:focus,
  #cssRecommendContent div.error input:focus,
  #cssRecommendContent div.error textarea,
  #cssRecommendContent div.error textarea:focus,
  #cssRecommendContent div.error textarea:hover,
  #cssRecommendContent div.error textarea:active {
    border: 1px solid #E36C0A;
    background: white;
  }

  /* ---------------------------------------------------------------- */
  /* Empfehlen-Formular                                               */
  /* ---------------------------------------------------------------- */

  #cssRecommendContent {
    padding-left: 0px;
    background-color: white;
    padding-bottom: 0px;
    width: 500px;
  }

  #cssRecommendContent label {
    float:left;
    width:120px;
    font-weight:bold;
  }

  #cssRecommendContent .type-text input,
  #cssRecommendContent .type-text textarea {
    float:left;
    width:375px;
  }

  #cssRecommendContent #cssSubTo {
    /*margin-bottom:5px;*/
  }

  #cssRecommendContent #cssSubMessage,
  #cssRecommendContent #cssSubFrom,
  #cssRecommendContent #cssSubLink {
    margin-bottom:18px;
  }

  #cssRecommendContent #cssSubToDescription {
    margin-bottom:16px;
  }

  #cssRecommendContent .type-button {
    margin-top:30px;
  }

  #cssRecommendContent #cssToDescription {
    margin-top:5px;
    font-size:11px;
  }

  #cssRecommendContent #cssLink {
    padding-bottom:20px;

  }

  #cssRecommendContent #cssLink .right {
    font-size:1.2em;
  }

  #cssRecommendContent #cssConsent {
    font-size:11px;
    margin-top:-6px;
  }

  #cssRecommendContent .left {
    float:left;
    width:120px;
    font-weight:bold;
    font-size:1.2em;
    color:#333333;
  }

  #cssRecommendContent .right {
    float:left;
    width:375px;
  }

  /* ---------------------------------------------------------------- */
  /* Mediadaten-Formular                                              */
  /* ---------------------------------------------------------------- */

  .cssCheckboxColumn {
    margin-top:7px;
  }

  #cssContactImageArea {
    margin-left:15px;
  }

  /* ---------------------------------------------------------------- */
  /* Horizontale Linien                                               */
  /* ---------------------------------------------------------------- */

  .cssRequestLineContainer,
  #cssRequestThankYouContent #cssRequestLineContainer   {
    margin-bottom: 14px;
    width: 500px;
  }

  .cssRequestLineContainer .cssRequestLine,
  #cssRequestThankYouContent #cssRequestLineContainer #cssRequestLine   {
    width: 100%;
    height: 1px;
    border-top: 1px solid #EAEAEA;
  }