@charset "utf-8";
/**
 * @site          spd-steinweiler.de
 * @media         screen
 * @section       Layout
 * @author        Thorsten Walk | Mediendesign <thorsten@walk-steinweiler.de>
 * @lastmodified  $LastChangedDate: 2010-01-08 15:26:43 +0100 (Fr, 08. Jan 2010) $
 * @todo          -
 *
 *  Inhalt:
 *
 *  1.     Allgemeine Formatierungen
 *  1.1      Dokumentweite bzw. allgemeine Klassen

 *  2.     Layout                       (#seite)
 *  2.1      Kopf                       (#kopf)
 *  2.2      Inhalt                     (#mitte + #inhalt)
 *  2.2.1      Inhalt-Innen
 *  2.2.2      Seitenleiste
 *  2.2.2.1      Navigation
 *  2.3      Fuss
 *  3.     Layout Unterseiten
 *  3.1      Aktuelles
 *  3.2      Vorstand
 *  3.3      Satzung
 *  3.4      Chronik
 *  3.5      Archiv
 *  3.6      Suchen
 *  3.7      Impressum / Kontakt
 *  4.     Plugins
 *  4.1      MooTools SimpleTabs
 *
 */

@media screen, projection {

/**
 * 1. Allgemeine Formatierungen
 */

  body {
    background: #b50000 url(../images/bg_body.png) center;
    font-family: candara, "liberation sans", "trebuchet ms", "lucida grande", helvetica, sans-serif;
    color: #000;
    line-height: 1.3;
  }

  /* Links */
  a {
    text-decoration: none;
  }

  a:link {
    color: #000;
    text-decoration: underline;
  }

  a:visited {
    color: #999;
    text-decoration: none;
  }

  a:focus,
  a:hover {
    color: #999;
  }

  a:active {
    background: #fff;
    color: #000;
  }

  /* Überschriften */
  h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 1em 0 0.5em 0;
  }

  h2 {
    margin-top: 0;
    font-size: 1.6em;
  }

  /* Tabellen */
  table {
    margin: 0;
    text-align: left;
  }

  table caption {
    font-size: 1.2em;
    text-align: left;
  }

  table th {
    background: #ccc;
    padding: .25em;
  }

  table h4 {
    margin-top: .3em;
  }

  table td {
    border-bottom: 1px dotted #ccc;
    padding: .25em;
  }

  /* Formulare */
  label {
    display: block;
    margin-bottom: 0.5em;
    cursor: pointer;
  }

  input,
  textarea {

    padding: 0;
    margin: 0;
    height: 25px;

    /*
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    */
  }

  /*
  input:hover,
  input:focus,
  textarea:hover,
  textarea:focus {
    background: #ededed;
  }
  */

  .suchfeld {
    width: 200px;
    height: 20px;
    border: 1px solid #666;
    margin: 0 0 0 0;
    padding: 3px;
    float: left;
    letter-spacing: 1px;
    background: #fff url(../images/bg_input.png) repeat-x bottom;
  }

  .button {
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 28px;
    height: 28px;
  }

  /*
  .button:hover,
  .button:active {
    cursor: pointer;
  }
  */

  hr {
    display: none;
  }

  blockquote {
    font-style: italic;
    padding: 0.5em 0.5em 0 0.5em;
    border: 2px dotted #666;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #eaeaea;
  }

/**
 * 1.1 Dokumentweite bzw. allgemeine Klassen
 */

  /* Easy-Clearing: http://www.jassesnee.de/easyclear/ */
  .clearfix:after,
  div#kopf:after,
  div#navigation:after,
  div#mitte:after,
  .navigation:after,
  .post:after,
  .eintrag:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  .clearfix,
  div#kopf,
  div#navigation,
  div#mitte,
  .navigation,
  .post,
  .eintrag {
    display: inline-block;
  }

  /* Hides from IE-mac \*/
  * html .clearfix,
  * html div#kopf,
  * html div#navigation,
  * html div#mitte,
  * html .navigation,
  * html .post,
  * html .eintrag {
    height: 1%;
  }

  .clearfix,
  div#kopf,
  div#navigation,
  div#mitte,
  .navigation,
  .post,
  .eintrag {
    display: block;
  }
  /* End hide from IE-mac */

  /* YAML Subtemplates */
  .subcolumns { width:100%; overflow:hidden; }

  .subcolumns_oldgecko { width:100%; float:left; }

  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {float:right; margin-left:-5px; }

  .c20l, .c20r { width:20%; }
  .c40l, .c40r { width:40%; }
  .c60l, .c60r { width:60%; }
  .c80l, .c80r { width:80%; }
  .c25l, .c25r { width:25%; }
  .c33l, .c33r { width:33.333%; }
  .c50l, .c50r { width:50%; }
  .c66l, .c66r { width:66.666%; }
  .c75l, .c75r { width:75%; }
  .c38l, .c38r { width:38.2%; }
  .c62l, .c62r { width:61.8%; }

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }

  .equalize > div {
    display:table-cell;
    float:none;
    margin:0;
    overflow:hidden;
    vertical-align:top;
  }

  /* Skip-Links */
  .hide-skip {
    display: inline;
    height: 0;
    left: -9999px;
    position: absolute;
    top: -9999px;
    width: 0;
  }

  .tab-skip:focus,
  .tab-skip:active {
    position: absolute;
    top: 9999px;
    left: 9999px;
    display: inline;
    width: 8em;
    height: auto;
    background: #fff;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 0.3em;
    border: 1px solid #000;
  }

/**
 * 2. Layout
 */

  #seite {
    width: 780px;
    margin: 0 auto;
    margin-top: .5em;
    background: #b50000;
    border: 2px solid #000;
  }

/**
 * 2.1 Kopf
 */

  #kopf {
    background: #b50000;
    padding: 0;
    margin-bottom: 20px;
  }

  #kopf h1 {
    background: url(../images/kopf.png) no-repeat;
    height: 140px;
    text-indent: -9999px;
    line-height: 0;
    margin: 0;
    padding: 0;
  }

  #kopf ul#linkliste {
    padding: 0;
    margin: 0 auto;
  }

  #kopf ul#linkliste li {
    list-style: none;
    float: right;
    padding: 0;
    margin: 0 1em 0 0;
  }

  #kopf ul#linkliste li a:link {
    color: #fff;
  }

  #kopf ul#linkliste li a:hover {
    color: #ccc;
  }

  #kopf ul#linkliste li a:visited {
    text-decoration: underline;
  }

/**
 * 2.1.1 Navigation
 */

  ul#navigation {
    margin: 0;
    padding: 0;
  }

  ul#navigation li {
    list-style: none;
    margin: 0 0 .5em 0;
    padding: 0;
  }

  ul#navigation li a {
    display: block;
    border-top: 1px solid #b50000;
    border-bottom: 1px solid #b50000;
    border-left: 1px solid #b50000;
    padding: 5px;
    margin-bottom: 2px;
    color: #fff;
    text-decoration: none;
  }

  /* Hover-Effekt und aktive Seite*/
  body ul#navigation li a:hover,
  body.home ul#navigation li#nav_aktuelles a,                                     /* Aktuelles */
  body.category-wahlen-2011 ul#navigation li#nav_aktuelles ul li#wahlen-2011 a,     /* Wahlen 2011 */
  body.category-geothermie ul#navigation li#nav_aktuelles ul li#geothermie a,       /* Geothermie */
  body.category-schnelles-internet ul#navigation li ul li#schnelles-internet a,     /* Schnelles Internet */
  body.category-neue-turnhalle ul#navigation li ul li#neue-turnhalle a,             /* Neue Turnhalle */
  body.page-id-29 ul#navigation li#nav_vorstand a,                                /* Vorstand */
  body.page-id-78 ul#navigation li#nav_termine a,                                 /* Termine */
  body.page-id-8 ul#navigation li#nav_ziele a,                                    /* Unsere Ziele */
  body.page-id-4 ul#navigation li#nav_archiv a,                                   /* Archiv */
  body.page-id-5 ul#navigation li#nav_suchen a,                                   /* Suchen */
  body.page-id-10 ul#navigation li#nav_kontakt a  {                               /* Kontakt */
    background: #fff;
    color: #000;
    font-weight: bold;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    cursor: hand;
  }
  body.home ul#navigation li ul li#wahlen-2011 a,
  body.home ul#navigation li ul li#geothermie a,
  body.home ul#navigation li ul li#schnelles-internet a,
  body.home ul#navigation li ul li#neue-turnhalle a  {
    background: none;
    color: #fff;
    border-top: 1px solid #b50000;
    border-bottom: 1px solid #b50000;
    border-left: 1px solid #b50000;
    cursor: hand;
  }
  body.home ul#navigation li#nav_aktuelles ul li#wahlen-2011 a:hover,  
  body.home ul#navigation li#nav_aktuelles ul li#geothermie a:hover,
  body.home ul#navigation li#nav_aktuelles ul li#schnelles-internet a:hover,
  body.home ul#navigation li#nav_aktuelles ul li#neue-turnhalle a:hover  {
    background: #fff;
    color: #000;
    font-weight: bold;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    cursor: hand;
  }
  /* Abstände Ebene 2 */
  ul#navigation li ul.ebene_2 {
    margin: .5em 0 .5em 0;
  }

  ul#navigation li ul.ebene_2 li {
    margin: 0 0 0 1em;
    padding: 0;
    list-style: none;
  }

  /* Schriftgröße Ebene 2 */
  ul#navigation li ul.ebene_2 li a {
    font-size: 0.8em;
    font-style: italic;
  }

  /* Aktive Seite auf der zweiten Ebene wieder deaktivieren */
  /*
  body.category ul#navigation li#nav_aktuelles > a {
    background: none;
    border: 0;
    font-weight: normal;
    text-decoration: none;
  }
  */

  /* Standard Mauszeiger bei aktiver Navigation */
  /*
  body.home ul#navigation li#nav_aktuelles a {
    cursor: default;
  }
  */

/**
 * 2.2 Inhalt
 */

  #mitte {
    background: #b50000;
    min-height: 400px;
    margin: 0 10px 0 10px;
  }

  #inhalt {
    float: right;
    width: 620px;
    background: #b50000;
  }

  #inhalt-innen {
    background: #fff;
    border: 1px solid #fff;
    padding: 15px 15px 15px 15px;
    margin: 0;
    min-height: 500px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
  }

  body.home #inhalt-innen {
    border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
  }

  #inhalt .post {
    margin-bottom: 1.5em;
    text-align: justify;
  }

  #inhalt .post h3 {
    margin-top: 0;
    margin-bottom: .5em;
  }

  #inhalt .post p.datum {
    font-size: 0.8em;
    font-style: italic;
    margin: 0 0 0 0;
    padding: 0;
  }

  #inhalt .eintrag {
    margin-top: 1em;
  }

  #inhalt p.info {
    margin-bottom: .5em;
    padding: 0 1em 0 1em;
    font-style: italic;
  }

  /* Weiterlesen */
  #inhalt .more-link {
    display: block;
    margin-top: 1em;
  }

  #inhalt .postmetadata {
    font-size: 0.8em;
    font-style: italic;
    padding: 0.5em;
    background: #eaeaea;
    border: 1px solid #666;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }

  #inhalt .postmetadata ul,
  #inhalt .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
  }

  #inhalt .postmetadata a:link,
  #inhalt .postmetadata a:visited {
    color: #000;
    text-decoration: underline;
  }

  #inhalt .postmetadata a:hover {
    color: #666;
  }

  /* Positionierung */
  body #inhalt img.aligncenter {
    display: block;
    margin: 1em auto 1em auto;
  }

  /*
  #inhalt img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    border: 1px solid #666;
  }

  #inhalt img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    border: 1px solid #666;
  }
  */

  body #inhalt .alignright,
  body #fuss .alignright {
    float: right;
    margin-left: 1em;
  }

  body #inhalt .alignleft,
  body #fuss .alignleft {
    float: left;
    margin-right: 1em;
  }

  #inhalt .wp-caption {
    border: 1px solid #d5d5d5;
    background: #e6e6e6;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 0.8em;
  }

  #inhalt .wp-caption .wp-caption-text {
    margin: 0 0 .5em 0;
    font-style: italic;
  }

  #inhalt img {
    border: 1px solid #505050;
  }

  #inhalt img.size-full {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  /* In den Beiträgen blättern */
  #inhalt .navigation {
    margin: 0 0 1em 0;
  }

  /* Listen in den Beiträgen */
  html>body .eintrag ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
  }

  html>body .eintrag li {
    margin: 2px 0 2px 10px;
  }

  .eintrag ul li:before {
    content: "\00BB \0020";
  }

  .eintrag ol {
    padding: 0 0 0 35px;
    margin: 0;
  }

  .eintrag ol li {
    margin: 0;
    padding: 0;
  }

  /* Überschrift in Liste */
  #inhalt .post .eintrag li h5 {
    margin: 0;
  }

  /* Beschreibung von Listenelementen */
  #inhalt .post .eintrag li em {
    font-size: 0.8em;
    display: block;
  }

  /* Bearbeiten-Link */
  .bearbeiten {
    float: right;
    font-size: 0.8em;
  }

  /* Kommentare */
  #inhalt div#comments,
  #inhalt div#respond {
    margin-bottom: 1em;
    padding: 0em 1em 0 1em;
  }

  #inhalt ol#kommentarliste,
  #inhalt ol#kommentarliste li {
    list-style: none;
    margin-left: 0;
  }

  #inhalt ol#kommentarliste li div.kommentar {
    border-bottom: 1px dotted #666;
    margin-bottom: 1em;
    font-size: 0.8em;
  }

  #inhalt ol#kommentarliste li div.kommentar span.wer {
    display: block;
    font-size: 1.2em;
    margin-bottom: 0.5em;
  }

  #inhalt ol#kommentarliste li div.kommentar span.wer img.avatar {
    padding: 3px;
    border: 1px solid #666;
    float: left;
    margin: 0 1em 1em 1em;
  }

  #inhalt ol#kommentarliste li div.kommentar div.text {
    display: block;
    margin-left: 8em;
  }

  #inhalt div#respond fieldset#kommentar-daten {
    float: left;
    width: 25%;
    border: 1px dotted #666;
    padding: 0.3em;
  }

  #inhalt div#respond fieldset#kommentar-text {
    float: left;
    width: 65%;
    border: 1px dotted #666;
    padding: 0.3em;
    margin-left: 1em;
  }

  body.logged-in #inhalt div#respond fieldset#kommentar-text {
    width: 95%;
  }

  #inhalt div#respond fieldset#kommentar-text code {
    font-size: 0.8em;
  }

  #inhalt div#respond fieldset legend {
    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
  }

  #inhalt div#respond fieldset#kommentar-daten label,
  #inhalt div#respond fieldset#kommentar-text label {
    font-size: 0.8em;
  }

  #inhalt div#respond fieldset#kommentar-daten input {
    width: 95%;
  }

  #inhalt div#respond fieldset#kommentar-text textarea {
    width: 95%;
    margin-bottom: 1em;
  }

  body.logged-in #inhalt div#respond fieldset#kommentar-text textarea {
    width: 98%;
  }

/**
 * 2.2.1 Seitenleiste
 */

  #seitenleiste {
    float: left;
    width: 140px;
  }

  /* Innen/Aussen-Abstaende und Listen-Style in den Listen der Seitenleiste resetten */
  #seitenleiste ul,
  #seitenleiste li {
    margin: 0;
    padding: 0;
  }

  /* Innen/Aussen-Abstaende in den Listen der Seitenleiste neu definieren */
  #seitenleiste li {
    list-style: none;
    padding: 3px 0 3px 0;
  }

  /* Listen-Grafik in der Seitenleiste */
  #seitenleiste ul li ul li {
    margin-left: 2em;
    list-style-type: square;
  }

  /* Überschriften in der Seitenleiste */
  #seitenleiste h2 {
    display: none;
  }

/**
 * 2.3 Fuss
 */

  #fuss {
    font-size: 0.8em;
    background: #b50000 url(../images/fuss.png) bottom no-repeat;
    color: #fff;
    padding: .5em;
    margin-top: 1em;
  }

  #fuss ul,
  #fuss li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
  }

  #fuss li#copyright {
    float: right;
    text-align: right;
  }

  #fuss li#nachoben {
    float: left;
    text-align: left;
  }

  #fuss a:link,
  #fuss a:visited {
    color: #ccc;
  }

  #fuss a:hover {
    color: #000;
  }

/**
 * 3. Layout Unterseiten
 *
 * 3.1 Aktuelles
 */

  body.archive #inhalt .postmetadata,
  body.home #inhalt .postmetadata {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0 0 1em 0;
  }

  body.home #newsbox {
    font-size: 0.8em;
    background: #fff;
    margin-bottom: 1em;
    padding: 5px;
    border: 1px solid #ccc;
    -moz-box-shadow: 3px 3px 5px #ccc;
    -webkit-box-shadow: 3px 3px 5px #ccc;
    box-shadow: 3px 3px 5px #ccc;
  }

  body.home #newsbox li {
    margin: 0 0 5px 0;
    padding: 0;
  }

 /**
 * 3.2 Vorstand
 */

  body.page-id-74 #inhalt #eintrag img {
    float: right;
  }

  #inhalt div.mitglied {
    margin-bottom: 1em;
  }

  #inhalt div.mitglied ul {
    margin: 0;
    padding: 0;
  }

  body.page-id-74 #inhalt div.mitglied li {
    list-style-type: none;
    margin: 0 0 0 1em;
    padding: 0;
  }

  body.page-id-74 #inhalt div.mitglied li:before {
    content: none;
  }

 /**
 * 3.3 Satzung
 */



 /**
 * 3.4 Chronik
 */



/**
 * 3.5 Archiv
 */



/**
 * 3.6 Suchen
 */



/**
 * 3.7 Kontakt / Impressum
 */



/**
 * 4. Plugins
 *
 * 4.1 MooTools SimpleTabs, @see http://digitarald.de/project/simple-tabs/
 */

  .tab-wrapper {
    padding: 10px;
    margin: 0;
    border: 1px solid #eee;
    clear: both;
  }

  .tab-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto;
  }

  .tab-menu li {
    margin: 0;
    padding: 0;
    float: left;
    line-height: 2em;
  }

  .tab-menu li a {
    padding: 0 .5em;
    font-weight: bold;
  }

  .tab-menu li a:hover,
  .tab-menu li a:focus {
  }

  .tab-menu li.tab-selected a {
    background: #b50000;
    padding: 3px;
    color: #fff;
  }

}