/*  #####################################################
**  Domain:    www.aschau.de
**  Datei:     contentarea.css
**  Funktion:  DetailLayout des Inhaltsbereichs

**  Erstellt:  12.03.2009
**  Media:     screen, projection

**  Autor:     Axel Güldner
**  copyright: infomax websolutions GmbH
##################################################### */

/*  =========================================================

1. Breadcrumbs
2. Textformatierungen
3. Hauptbild
4. Inhaltslisten
5. Sonderelemente
6. Formulare
7. Sitemap
8. BildergalerieTemplate

========================================================== */

@media screen
{
  /*  =========================================================
   =1. Breadcrumbs
  ========================================================= */

  ul#breadcrumbs{ width:100%; clear:both; float:left; margin:0 0 1em 0;}
  ul#breadcrumbs li{ float:left; list-style:none; margin:0 .5em 0 0;}
  ul#breadcrumbs li a{ font-size:.9em;}


  /*  =========================================================
   =2. Textformatierungen
  ========================================================= */

  #contentarea h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; font-weight:bold; margin:.5em 0 .4em;}
  #contentarea h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; font-weight:bold; margin:1em 0 .4em;}
  #contentarea h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; font-weight:bold; margin:1em 0 .4em;}
  #contentarea h4{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; font-weight:bold; margin:1em 0 .4em;}
  #contentarea p{ font-size:1.1em; margin:0 0 1em 0;}
  #contentarea p.anriss{ font-weight:bold;}

  /*** Styles für Fließtext ***/
  #contentarea .fliesstext a{ text-decoration:underline;}
  #contentarea .fliesstext li{ margin:0 0 1em 2.5em!important; list-style-image:url(../../../img/objects/arrow_black_shorter.gif); font-size:1.1em;}

  /**** Styles für zweispaltigen Text ***/
  #contentarea .fliesstext .first p{ margin:0 .75em 1em 0;}
  #contentarea .fliesstext .last p{ margin:0 0 1em .75em;}

  #contentarea a.formbutton{font-size:1.6em; padding-top:2px!important; height:19px!important; float:right;}
  #contentarea a.formbutton span{ font-weight:bold; font-family:Georgia, "Times New Roman", serif; background-position:right 6px}

  #contentarea .kontaktblock{ margin:1em 0; padding:3em 0 0 0; border-top:1px #BCBCBC dotted; border-bottom:1px #BCBCBC dotted;}
  #contentarea .kontaktblock p{ line-height:1.5em;}
  #contentarea .kontaktblock p a{ text-decoration:underline;}



  /*  =========================================================
   =3. Hauptbild
          (Das Hauptbild des Textbereiches)
  ========================================================= */

  #contentarea .artikelbild{ width:46em; height:auto; margin:1em 0 2em 0; position:relative;}
  #contentarea .artikelbild img.bild{ width:46em; height:auto; overflow:hidden;}
  #contentarea .artikelbild p{ font-size:.9em;}
  #contentarea .artikelbild div{ position:relative; margin:0 0 .5em 0;}
  #contentarea .artikelbild div a.magnifier{ position:absolute; bottom:.7em; right:.6em;}

  #contentarea .artikelbild .pricepatch{ top:-20px; right:-12px; z-index:2;}
  #contentarea .artikelbild .pricepatch *{ color:black;}
  #contentarea .img_desc_wrapper {width: 100%; float: left;}
  #contentarea .artikelbild p.img_count { width: 30%; float: left; margin: 0 0 1.5em;}
  #contentarea .artikelbild p.img_desc { width: 70%; float: left; margin: 0 0 1.5em;}


  /*  =========================================================
   =4. Inhaltslisten
  ========================================================= */

  /*** CoverFlow ***/
  #contentarea .coverFlow{ width:100%; height:2em; background:#DEDFDF; margin:1.5em 0; text-align:right;}
  #contentarea .coverFlow ul{ float:right; margin:.3em 1em 0 0;}
  #contentarea .coverFlow li{ float:left; list-style:none;}
  #contentarea .coverFlow li a{ float:left; display:block; font-size:1.1em; margin:0 .4em; height:1.4em; color:#999;}
  #contentarea .coverFlow li a img{ margin:.35em 0 0;}

  #contentarea .inhaltsliste{ width:100%; float:left; padding-top:25px;}
  #contentarea .inhaltsliste li{ list-style:none; width:46em; margin:0 0 1.5em 0; padding:0 0 .5em 0; position:relative;}
  #contentarea .inhaltsliste li img.hauptbild{ width:12em; height:auto; float:left; margin:0 1.5em 0 0;}
  #contentarea .inhaltsliste li .textarea{ float:left; display:inline; width:32.5em;}
  #contentarea .inhaltsliste li h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; margin:0 0 .625em; font-weight:bold;}
  #contentarea .inhaltsliste li h2 a{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
  #contentarea .inhaltsliste li h2 a:hover,
  #contentarea .inhaltsliste li h2 a:active,
  #contentarea .inhaltsliste li h2 a:focus
  { color:#B4B4B4;}
  #contentarea .inhaltsliste li p{ font-size:1.1em;}
  #contentarea .inhaltsliste li a.textlink{ text-decoration:underline;}
  #contentarea .inhaltsliste li a.more{ display:block; position:absolute; bottom:0; right:0; width:81px; height:7px;}
  #contentarea .inhaltsliste li a.more:hover{ background:transparent url(../../../img/objects/arrow_gray_long.gif) no-repeat;}

  #contentarea .inhaltsliste li.angebot .textarea{ width:26em;}


  #contentarea .inhaltsliste li.angebot .pricepatch{ top:0; right:-12px;}

  #contentarea .inhaltsliste li .weather{ width:45%;}
  #contentarea .inhaltsliste li ul.weatherIcons{ width:55%; float:left; margin-top:15px;}
  #contentarea .inhaltsliste li ul.weatherIcons li{ width:33.3%; float:left; text-align:center; font-size:1em; color:#a0a0a0;}



  /*  =========================================================
   =5. Sonderelemente
          (Besonderheiten in der Auszeichung von Texten
          Bildern und so weiter z.B. Preispatches)
  ========================================================= */

  #contentarea a.pricepatch{ width:70px; height:64px;; position:absolute; text-align:center; padding:7px 0 0 0; color:black; font-family:Georgia, "Times New Roman", Times, serif; font-size:25px!important; font-weight:bold; text-align:center; line-height:34px;}
  html > body #contentarea a.pricepatch
  { background:transparent url(../../../img/objects/bg_pricepatch_red.png) no-repeat;}
  * html #contentarea a.pricepatch
  { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,sizingMethod=crop,src='img/objects/bg_pricepatch_red.png');}
  #contentarea .pricepatch span{ font-size:11px!important; padding:0 15px 0 0; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin:0 auto -18px!important; text-align:center; display:block;}
  #contentarea iframe{ width:100%; }
  #contentarea.fullWidth iframe { margin: 0 0 0 -2em; overflow-x:hidden; }

  /*  =========================================================
   =6. Formulare
          (Suchformular und Behördenformulare)
  ========================================================= */
  #contentarea form.shortContentForm{border-bottom:1px dotted #BCBCBC; padding:0 0 2em; margin:0 0 3em;}

  #contentarea form.shortContentForm h1{float:left; margin:0 1em 0 0;}
  #contentarea form.shortContentForm input{ width:25em; float:left;}
  #contentarea form.shortContentForm  a.arrow{ margin:-.5em 0 0 1.5em; display:block; float:left;}

  #contentarea form.shortContentForm input.list{ width:20em; float:left; height:1em; margin:0.5em 0 !important;}
  #contentarea form.shortContentForm select.list{ width:20.75em; margin:0.5em 0 !important;}

  #contentarea form.stichwortabc{border-bottom:none; padding:0; margin:2em 0 0;}
  /*  =========================================================
   =7. Sitemap
  ========================================================== */
  .sitemap {
    padding-bottom: 30px;
    overflow: hidden;
    font-size:1em;
  }

  .sitemap p{ font-size: 1em; line-height: 1.4em; margin:0 0 15px 0!important; font-weight:bold; cursor:pointer;}

  .sitemap ul#treemenu{ font-size:1.2em; margin:0;}
  .sitemap ul.lvl1,.sitemap ul.lvl2{ font-size:.9em;}
  .sitemap ul{ margin:0 0 0 2em!important;}

  .sitemap .folder{ width:9px; height:9px; margin:2px 5px 0 0!important; background:transparent url(../../../img/objects/ico_plusminus.gif) no-repeat 0px -9px; cursor:pointer; float:left;}
  .sitemap .folderclosed{ background-position: 0px 0px; }

  .sitemap ul#treemenu a{ color:#CC0000; font-weight:bold;}
  .sitemap ul.lvl1 a{ color:black!important; font-weight:bold;}

  .sitemap li{ margin:.75em 0!important; list-style:none;}


  /*  =========================================================
   =8. BildergalerieTemplate
          (Betrifft das Template nicht die JavaScriptGalerie)
  ========================================================= */

  #contentarea .bildergalerie{ width:46em; height:auto;}
  #contentarea .bildergalerie .zeile{ width:100%; height:auto; margin:1em 0 2em 0;}
  #contentarea .bildergalerie .zeile .spalte{ width:12em; height:auto; margin:0 3em 0 0!important; float:left;}
  #contentarea .bildergalerie .zeile .last{ margin:0!important;}
  #contentarea .bildergalerie .zeile .spalte div{ width:12em; position:relative; margin:0 0 .5em 0; padding:.5em; border:1px #A5A5A5 solid;}
  #contentarea .bildergalerie .zeile .spalte div img.bild{ width:12em; height:auto; overflow:hidden;}
  #contentarea .bildergalerie .zeile .spalte p{ font-size:.9em;}
  #contentarea .bildergalerie .zeile .spalte div a.magnifier{ position:absolute; bottom:.7em; right:.6em;}



  /* weiterempfehlen */
  #empfehlenbutton {
    float: left;
    margin: 0 0 0 0;
  }
  #empfehlenbutton a {
    float: left;
    padding: 2px 2px;
  }
  #empfehlenbutton .at300bs{float:right;}

  /*  =========================================================
   =9. schneebericht
  ========================================================= */
  #snowReport {
    width:100%;
    float:left;
    margin:10px 0 30px 0;
  }

  #tabNavigation {
    width:100%;
    float:left;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #tabNavigation li {
    float:left;
  }

  #tabNavigation li a,
  #tabNavigation li a:visited {
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.3em;
    color: #cc0000;
    text-decoration: none;
    padding: 10px 15px;
    background-color: #fff;
    margin:0 1px 0 0;
  }

  #tabNavigation li a.selected,
  #tabNavigation li a:hover,
  #tabNavigation li a:active,
  #tabNavigation li a:focus {
    background-color: #f2f2f2;
    outline:none;
  }
  #tabNavigation li a.selected {
    background-color: #dedfdf;
  }

  #snowReport .report {
    width: 440px;
    float: left;
    background-color: #dedfdf;
    padding: 10px;
  }

  #snowReport h2 {
    margin-top: 0;
  }

  #snowReport .row,
  #snowReport .rowspan,
  #snowReport .block {
    width: 100%;
    float:left;
    font-size: 1.1em;
    border-bottom: 1px solid #dedfdf;
  }
  #snowReport .block {
    border-bottom: 8px solid #dedfdf;
  }
  #snowReport .bright {
    background-color:#fff;
  }
  #snowReport .bright .title {
    background-color:#f8f9f9;
  }
  #snowReport .dark {
    background-color:#fafafa;
  }
  #snowReport .dark .title {
    background-color:#f4f5f5;
  }

  #snowReport .col {
    float: left;
    padding: 5px 10px;
  }
  #snowReport .block .col {
    width:405px;
    padding:5px 10px 5px 25px;
    border-bottom: 1px solid #dedfdf;
  }
  #snowReport .block .col.arrow {
    width:400px;
    padding:5px 10px 5px 30px;
    background-image:url(../../../img/objects/arrow_black_shorter.gif);
    background-repeat:no-repeat;
    background-position:10px 8px;
  }
  #snowReport .block .title {
    width:420px;
    float:left;
    font-size:1.1em;
    font-weight:bold;
    padding:5px 10px 5px 10px;
    background-color:#f2f2f2;
    border-bottom: 1px solid #dedfdf;
  }
  #snowReport .col.title {
    width:40%;
    font-size:1.1em;
    font-weight:bold;
    border-right: 1px solid #dedfdf;
  }
  #snowReport .col span.title {
    font-size:1.1em;
    font-weight:bold;
  }
  #snowReport .col a {
    text-decoration:underline;
  }
  #snowReport .open1 {
    background:transparent url(../../../img/objects/open.png) no-repeat 0 50%;
    padding-left:20px;
  }
  #snowReport .open0 {
    background:transparent url(../../../img/objects/closed.png) no-repeat 0 50%;
    padding-left:20px;
  }
  #snowReport .block .title.open1,
  #snowReport .block .title.open0 {
    width:405px;
    padding-left:25px;
    background-position: 5px 50%;
  }


}