/* Dies ist die screen.css Datei zum freien Layout von selfhtml.org
 * geschrieben von Jeena Paradies <http://jeenaparadies.net/webdesign/leistungen>
 * ACHTUNG! Man sollte alle Hilfskommentare hier herauslöschen, bevor man das CSS
 * produktiv nutzt, damit die Datei so klein wie möglich bleibt.
 */

/* -- Allgemeines -- */
body {
  background: #400000;
  color: black;
  margin: 0;
  padding: 1%; /* Ein wenig Abstand, damit der Anschein eines Blattes auf der Wand immer erhalten bleibt. */
  min-width: 850px;

  font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
  font-family: verdana, arial, sans-serif ;
}
a {   /* Alle unbesuchten Links bekommen eine leicht bläuliche Farbe und werden unterstrichen, damit man Sie gleich im Text erkennt. */
  color: #0B4D8C;
  text-decoration: underline;
}
a:visited {
  color: #094073;
}
.skip { /* Da ein wichtiger Screenreader das display: none; auch für sich versteht und nichts vorließt obwohl das hier sich vor allem an Blinde richtet, muss man es so lösen dass man diesen Link außerhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
  position: absolute;
  margin-left: -999px;
  width: 990px;
}
h1 { /* Die Überschrift jeder Seite stellen wir besonders da, denn sie ist sehr wichtig. */
  font-size: 2.0em;
  font-weight: normal;
  line-height: 1.2em;
  padding: 20px 0 0.2em 0px;
  margin: 0;
  margin-bottom: 10px;
  border-bottom: 1px dotted #5f0000;
  color: #5f0000;
}
h2, h3, h4 { font-weight: normal; }
h2, h3, h4, h5, h6 {
  color: #000000;
}
img {
  border: 0px;
  padding: 0px;
}
.fleft { /* Sachen, an denen der Text vorbeifließen soll, werden diese Klassen zugewiesen. */
  float: left;
  margin: 0 1em 0.2em 0; /* Man sollte einen schönen Abstand wählen, sonst kleben die Sachen so am Text. */
}
.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}
.fblank { /* Fuer BLANK-Image am linken Rand */
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  clear: left;
}


/* -- Layoutspezifisches -- */
#container {
  zoom: 1; /* Grrr, das braucht der IE7, um dem Element ein hasLayout zuzuweisen und die Darstellung richtig zu machen. */
  font-size: 0.8em;
  width:expression(document.body.clientWidth < 900? "900px": "auto" );
  max-width: 1024px;
  min-height: 300px;
  overflow:auto;
  margin: auto; /* Hiermit zentrieren wir unsere Seite. */
  border: 1px solid #7f0000; /* Eine kleine optische Abgrenzung. */
  border-top: 0; /* Ganz oben allerdings würde es mit dem grauen komisch aussehen, deshalb weg damit. */
  background: white;

  font-family:Arial,Verdana;
}
#footer {
  clear: both; /* Damit #main mindestens so hoch ausgedehnt wird wie #subnav, falls #subnav länger sein sollte. */
  padding: 0 20px;
}

/* - Logo und Trailer - */
#headline {
/*  background:#E3D4C5; */
  background:#7f0000;
  padding: 0px;
  margin: 0 0 0 0;
  overflow: hidden;
}
#logo {
/*  background:#E3D4C5; */
  background:#7f0000;
  height: 90px;
  padding: 0px;
  text-align: left;
  line-height: 90px;
  font-size: 90px;
  letter-spacing: 0px;
  margin: 0 0 0 0;
  float:left;
}
#trailer {
/*  background:#E3D4C5; */
  background:#7f0000;
  width: 650px;
  height: 90px;
  padding: 0px;
  text-align: right;
  line-height: 90px;
  font-size: 90px;
  overflow: hidden;
  letter-spacing: 0px;
  margin: 0 0 0 0;
  float:right;
}

/* - Menü - */
#menu {
  background: url('/fileadmin/sgs_v2/images/menu_background.gif') #9f0000;
  background-repeat: repeat-x;
  padding: 0px 5px;
  margin: 0;
  color: white;
  height: 26px;
}
#menu a {
  color: white;
  text-decoration: none;
}
#menu a:active {
  color: #FF8000;
  text-decoration: none;
}
#menu_topleft {
  text-align:left;
  float:left;
  font-weight:bold;
}
#menu_topright {
  text-align:right;
}

/* - Subnavigation, Rechte Spalte - */
#subnav {
  background: #E7E7E7;
  width: 26%;
  min-width: 10em;
  padding: 0;
  margin: 1em 1% 0px 1%;
  float: right;
  border-bottom: 1px solid #7f0000; /* Eine kleine optische Abgrenzung. */
}
#subnav_text {
  margin: 0 5px 0 5px;
}
#subnav h1 {
  background: url('/fileadmin/sgs_v2/images/submenu_background.gif') #5F0000;
  background-repeat: repeat-x;
  padding: 5px 0px 5px 0px;
  margin: 0;
  border: 0;

  text-align: center;
  font-family: Arial, Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}
#subnav h3 {
  font-family: Arial, Verdana;
  font-size: 1.2em;
  font-weight: bold;
}

#subnav ul {
  color: black;
  text-align: left;

  padding: 5px 0px 5px 30px;
  margin: 0;
  border: 0;
}

#subnav a {
  text-decoration: none;
  text-underline: none;
}

#subnav_news {
  background: #AFAFAF;
  padding: 0 0 0 0;
  margin: 5px 5px 5px 5px;
  font-size: 0.9em;
}

#subnav dt { /* Die einzelnen Überschriften in der Subnavigation */
  font-size: 1.2em;
  font-weight:bold;

  padding: 0em;
  margin-top: 1em;
  margin-bottom: 5px;
  border-bottom: 1px solid #5f0000;
}
#subnav dd { /* Die Unterpunkte der Subnavigation. */
  padding: 0;
  margin: 0.2em 0;
  margin-bottom: 5px;
}

/* - Der Hauptinhaltsteil - */
#main {
  background: white;
  margin-top: 0;
  margin-right: 28%;
  margin-bottom: 0;
  margin-left: 0;

  padding-top: 0;
  padding-right: 1%;
  padding-bottom: 0;
  padding-left: 1%;

  line-height: 1.5em; /* Zur besseren Lesbarkeit erhöhen wir die Zeilenhöhe. */
  border-right: 1px solid #5f0000;
}

#main .csc-textpic-caption {
  font-size: 0.8em;
}

#main .leftcol {
  border-right: 1px solid #5f0000;
  border-left: 0;

  margin-left: 1%;
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: 0px;

  padding-left: 0px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
}

#main .rightcol {
  border: 0;

  margin-left: 0px;
  margin-right: 1%;
  margin-top: 0px;
  margin-bottom: 0px;

  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

/* ---- sb_downloader CSS style für Datei-Download auf Seite "Der Verein" ---- */
/* sb_downloader CSS style */
#sb_download_category {
  visibility:hidden;
}
#sb_download_flexWrap {
  padding: 0 0 0px 0;
  margin: 0 0 20px 0;
  clear: none;
}
.sb_download_flex {
  padding: 5px;
  margin: 0px 0px 0px 0;
  width: 95%;
  height: 50px;
  background: #ffffff;
}

.sb_download_text {
        text-align: left;
        width: 95%;
}
.sb_download_image {
        text-align: left;
}
.sb_download_flex p.bodytext,
.sb_download_single p.bodytext {
  padding: 0;
  margin: 0;
}

.sb_download_flex .image img,
.sb_download_single .image img {
  padding: 0;
  margin: 0 10px 10px 0;
  width: 63px;
  height: 63px;
  border: 2px solid #D0EFED;
}
.sb_download_flex .clicks,
.sb_download_single .clicks {
        font-size: 11px;
}

.sb_download_flex .datetime,
.sb_download_single .datetime {
        font-size: 10px;
        float: right;
}
.sb_download_flex .title,
.sb_download_single .title {
  padding: 0;
  margin: 0;
  color: #004D74;
  font-weight: bolder;
}

.sb_download_flex .links,
.sb_download_single .links {
  padding: 0;
  margin: 0;
}
/* div around each link */
.sb_download_flex .linkOutput {

}
.sb_download_flex a {
  padding: 0;
  margin: 0;
  color: #000;
  text-decoration: none;
}

.sb_download_flex a.more {
  padding: 0;
  margin: 0;
}

.sb_download_flex a:hover {
  text-decoration: none;
}
.sb_download_single {
        padding: 0px;
        margin: 0px;
}
.sb_download_single .sb_download_text {
/*        width: 450px; */
}
.sb_download_flex .category,
.sb_download_single .category {
        font-weight: bold;
        font-size: 11px;
        margin: 0 0 15px 0;
}

/* ---- Formatierung Kontaktformular ---- */

.csc-mailform {
  border: 1px solid #7f0000; /* Eine kleine optische Abgrenzung. */
/*  background:#E3D4C5; */
  background:#7f0000;
  color: #F77339;
  padding: 10px;
}
.csc-mailform-field {
  font-weight: bold;
}
.csc-mailform-field label {
  display: block;
  margin-top: 5px;
}
.csc-mailform-submit {
  margin-top: 15px;
}

/* ---- News-Formatierung ---- */
.news-amenu-container {
  margin: 0;
  padding: 0;
}

.news-list-container td {
  font-size: 1.0em;
  font-family: arial, verdana, sans-serif ;
}

.news-single-imgcaption {
  margin-left:5px:
  margin-right:5px;
  padding: 0;
  font-size: 0.9em;
  background: #E7E7E7;
}

.news-single-img {
  margin: 0;
  padding: 0;
  background: #E7E7E7;
}

.news-single-item bodytext {
  font-size: 1.0em;
  font-family: arial, verdana, sans-serif ;
}

.news-single-item h3 {
  font-size: 1.0em;
  font-family: arial, verdana, sans-serif ;
}

/* LATEST element */
.news-latest-container {
  background: #E7E7E7;
  padding: 0;
  margin: 0;
  border: 0;

  font-size: 1.0em;
  font-family: arial, verdana, sans-serif ;
}

.news-latest-container .news-latest-date {
  font-size: 0.8em;
  line-height: 1.2em;
  width: 100px;

  background: #f77339;
  color: #7f0000;
  margin: 0px;
  padding: 0px 5px 2px 5px;
  border-bottom: 1px solid #7f0000;
}

.news-latest-container .news-latest-title {
  text-align: left;
  font-weight: bold;
  font-size: 1.0em;
  line-height: 1.2em;

  width: 100%;

  background: #ffffff;
  color: #7f0000;
  margin: 0px;
  padding: 0px 5px 2px 5px;
  border-right: 5px solid #7f0000;
  border-bottom: 1px solid #7f0000;
}

.news-latest-container .news-latest-morelink {
  border-bottom: 1px solid #7f0000;
  margin-bottom: 0px;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
}

.news-latest-container .news-latest-item {
  border-top: 1px solid #7f0000;
  border-bottom: 10px solid #ffffff;
  border-left: 0px;
  border-right: 0px;

  margin: 0;
  padding: 0px;
}

.news-latest-container .bodytext {
  font-size: 1.2em;
  font-family: arial, verdana, sans-serif ;
  padding: 5px 0px 0 5px;
  margin: 0;
}

.news-latest-container .news-latest-image {
  padding: 5px 5px 0 5px;
  float: left;
  clear: none;
}

/* LIST element */
.news-list-container {
  padding: 0;
  margin: 0;

  font-size: 1.0em;
  font-family: arial, verdana, sans-serif ;
}

.news-list-container .news-list-date {
  font-size: 0.8em;
  width: 100px;
  line-height: 1.2em;

  background: #f77339;
  color: #7f0000;
  margin: 0px;
  padding: 0px 5px 2px 5px;
  border-top: 1px solid #7f0000;
  border-bottom: 1px solid #7f0000;
}

.news-list-container .news-list-title {
  text-align: left;
  font-weight: bold;
  font-size: 1.0em;
  line-height: 1.2em;

  width: 100%;

  background: #ffffff;
  color: #7f0000;
  margin: 0px;
  padding: 0px 5px 2px 5px;
  border-top: 1px solid #7f0000;
  border-right: 5px solid #7f0000;
  border-bottom: 1px solid #7f0000;
}

.news-list-container .news-list-title a {
  text-decoration: none;
}

.news-list-container .news-list-morelink {
  margin-bottom: 0px;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
}

.news-list-container .news-list-content {
  background: #E7E7E7;
  border-bottom: 1px solid #7f0000;

  margin: 0;
  padding: 5px;
}

.news-list-container .news-list-images {
  background: #E7E7E7;
  border-bottom: 1px solid #7f0000;
  width: 70px;
  padding: 5px;
}

.news-list-container .news-list-emptycell {
  background: #E7E7E7;
  border-bottom: 1px solid #7f0000;
  width: 70px;
  padding: 5px;
}

.tx-rscontentcolumn-pi1 h2 {
  font-size: 1.4em;

  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #7f0000;
}

/* -- MEGA-Hack to hide the AMENU in content -- */
.content-element_amenu_toBeHidden .news-amenu-container {
  display:none;
  visibility:hidden;
}