/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) draft for a central stylesheet
 * (de) Vorlage für ein zentrales Stylesheets
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision: 443 $
 * @lastmodified    $Date: 2009-12-31 18:05:05 +0100 (Do, 31. Dez 2009) $
 */

/* import core styles | Basis-Stylesheets einbinden */
/* @import url(yaml/core/base.css);*/

/* import screen layout | Screen-Layout einbinden */
/* @import url(yaml/navigation/nav_shinybuttons.css); */
/* @import url(screen/basemod.css); */
/* @import url(screen/content.css); */
/* @import url(screen/forms.css); */

/* import print layout | Druck-Layout einbinden */
/* @import url(print/print_003.css); */

/* Anpassungen für IE einbinden */
/* @import url(patches/patch_my_layout.css); */

/* ---  Spaltenaufteilung in Navigations- und Inhaltsspalte  --------------------------------- */
  .c27l { float:left; width:27%; border:solid #cc1f2f; }
  .c73r { float:left; width:73%; border:solid #497216; }

  .subcl, .subcr { padding:0; }

  .equalize .c27l,
  .equalize .c73r {
    display:table-cell;
    vertical-align:top;
    float:none;
    margin:0;
    overflow:hidden;
  }

  #header .c27l,
  #header .c73r { border-width:8px 0; }

  #footer .c27l,
  #footer .c73r { border-width:10px 0 0 0; }

/* ---  Header  ------------------------------------------------------------------------------ */
  #header h1 { margin:0; font-size:125%; }

  #header img { width:100%; display:block;}

/* ---  Navigationsmenue  -------------------------------------------------------------------- */
  #navcontainer { padding:2.5em 0 0 0; }

  .navlist {
    padding:0;
    margin-left:0;
    width:100%;
    border:solid #497216;
    border-width:1px 0 0 0;
  }

  .navlist li {
    margin:0;
    list-style:none outside;
  }

  .navlist :link,
  .navlist :visited,
  .navlist span {
    border:solid #497216;
    border-width:0 0 1px 1em;
    padding:0.4em 0.5em 0.4em 1em;
    display:block;
    font-weight:bold;
    text-decoration:none;
    color:#497216;
  }

  .navlist :link:focus,
  .navlist :visited:focus,
  .navlist :link:hover,
  .navlist :visited:hover {
    border-color:#497216 #497216 #497216 #cc1f2f;
    color:#cc1f2f;
    text-decoration:underline;
  }

  .navlist :link:active,
  .navlist :visited:active,
  .navlist .active span,
  .navlist .active ul li :link:active,
  .navlist .active ul li :visited:active,
  .navlist .active ul li span  {
    border-color:#497216 #497216 #497216 #cc1f2f;
    color:#cc1f2f;
    background:#c9d4c0;
    text-decoration:none;
  }

  .navlist .active :link,
  .navlist .active :visited,
  .navlist .active ul li :link,
  .navlist .active ul li :visited {
    background:#d5dcce; 
  }

  .navlist ul {
    font-size:100%;
    margin:0;
  }

  .navlist li li :link,
  .navlist li li :visited,
  .navlist li li span {
    padding:0.4em 0.5em 0.4em 2.25em;
  }

/* --- Adressangabe in Navigationsspalte ----------------------------------------------------- */
  #adr_col1 {
    font-size:0.8em;
    color:#222;
    padding:5em 0 5em 3em;
  }

  #adr_col1 .tel {
    font-size:1.2em;
    line-height:1.5em;
  }

  #adr_col1 a { font-weight:bold; }

/* --- Galerie: Thumbnail- und Großansicht der Bilder ---------------------------------------- */
  .thumbs { margin:0 -0.75em 0 -0.75em; }

  .thumbs li { display:inline; margin:0; list-style:none outside; }

  .thumbs li .th_horiz, 
  .thumbs li .th_vert {
    float:left;
    margin:20px 9px;
    background:#c9d4c0;
    border:solid #497216 1px;
  }
  .thumbs li .th_vert { width:109px; height:145px; padding:0 18px; }
  .thumbs li .th_horiz { width:145px; height:109px; padding:18px 0; }

  .picturecontainer .picture .imageview {
    display:inline;
    max-width:100%;
    margin:30px 0;
    padding:15px;
    background:#c9d4c0;
    border:1px solid #497216;
  }

/* --- Galerie: Unternavigation -------------------------------------------------------------- */
  .picturecontainer .nav_gal { margin:2.5em 0 1em 0; }

  .picturecontainer .nav_gal li {
    display:inline;
    margin:0.5em;
    list-style:none outside;
    font-weight:bold;
    font-size:1em;
  }

  .picturecontainer .nav_gal :link,
  .picturecontainer .nav_gal :visited {
    border:1px #497216 solid;
    border-width:1px 2px 2px 1px;
    padding:0.4em 0.5em;
    background:#e7ebe6;
    color:#497216;
    text-decoration:none;
  }

  .picturecontainer .nav_gal span {
    border:1px #e6e6e6 solid;
    border-width:1px 2px 2px 1px;
    padding:0.4em 0.5em;
    background:#f9f9f9;
    color:#e6e6e6;
    text-decoration:none;
  }

  .picturecontainer .nav_gal :link:focus,
  .picturecontainer .nav_gal :visited:focus,
  .picturecontainer .nav_gal :link:hover,
  .picturecontainer .nav_gal :visited:hover { 
    border-color:#cc1f2f;
    border-width:2px 1px 1px 2px;
    color:#cc1f2f;
    text-decoration:underline;
  }

  .picturecontainer .picture { margin-top:2.5em; }

  .nav_img_gal {
    display:block;
    max-width:100%;
    margin:10px 5em 10px 0;
    padding:10px;
    background:#e7ebe6;
    border:1px solid #497216;
  }

  .gal_uebersicht {
    margin:0 8.75em 0 0;
  }

/* --- Sitemap ------------------------------------------------------------- */
  .sitemap {
    margin-left:0;
    padding-left:0;
  }

  .sitemap ul {
    font-size:100%;
    margin:1em 0 1em 2em;
  }

  .sitemap li {
    list-style:none outside;
    margin-left:0;
    padding-left:0;
  }

/* --- Bilder im Fließtext ------------------------------------------------------------- */
  .img_text_left { float:left; display:inline; margin:0 1em 1.25em 0; }
  .img_text_right { float:right; display:inline; margin:0 0 1.25em 1em; }

  img.img_text_left,
  img.img_text_right  {
    padding:10px;
    background:#c9d4c0;
    border:1px #497216 solid;
  }
  
  
  
  .gruen { color:#497216; }
  .rot { color:#cc1f2f; }

