/* CSS Document */
/* Kaskadenreihenfolge und !important Regel:
   hier die komplette Kaskadenreihenfolge, wie sie der Browser bearbeitet:

   1)Der Browser sucht nach gleichen Stylesheet-Angaben.
   2)Gleichwertige Angaben werden zunächst nach ihrer Herkunft sortiert.
       a)Benutzer-Stylesheets mit !important haben Vorrang vor Autoren-Stylesheets mit !important
       b)Autoren-Stylesheets mit !important haben Vorrang vor Autoren-Stylesheets ohne !important
       c)Autoren-Stylesheets ohne !important haben Vorrang vor Benutzer-Stylesheets ohne !important
       d)Benutzer-Stylesheets ohne !important haben Vorrang vor Browser-Stylesheets
   3)Für gleichwertige Angaben innerhalb eines Stylesheets (Benutzer, Autor oder Browser) wird die Spezifität berrechnet und entsprechend sortiert.
   4)ei Angaben innnerhalb eines Stylesheets mit gleicher Spezifität wird die zuletzt auftretende verwendet.*/


/*die Formular Suchen/Resetbutton Formatierung*/

.button_vereinsdb {
        background-color:#AAAAAA;
        color:#FFFFFF;
        width:200px;
        border:6px solid #DDDDDD;
        font-weight:bold;
}

.clr {
        clear: both;
}

span.m { color:#ff0000; }


#main_outline {
        /*+165px Verbreiterung*/
        width: 967px !important;
        width: 973px;
        border: 0px solid #cccccc;
        padding: 2px;
        background: #ffffff;
}


#pathway_outline {
        /*+165px*/
        width: 798px !important;
        width: 800px;
        float: left;
        border: 0px solid #cccccc;
        margin-bottom: 2px !important;
        margin-bottom: -2px;
        /*background: #eeeeee;*/
}

#pathway {
        float: left;
        padding: 4px 3px 3px 5px;
}

#buttons {
        float: right;
        margin: 0px;
        padding: 0px;
        /*von 50% auf 5% gesetzt, damit der IE, der den Bereich auch bei leerem Inhalt vorhält, die
         Kopfzeile oben "Home ..." nicht umbricht und wir kein Modul user3 eingebunden haben*/
        width: 5%;
}


ul#mainlevel-nav
{
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 0.8em;
}

ul#mainlevel-nav li
{
        display: block;
        background-image: none;
        padding-left: 0px;
        padding-right: 0px;
        float: right;
        margin: 0;
        width: auto !important;
        width: 15%;
        font-size: 11px;
        line-height: 21px;
        white-space: nowrap;
        border-left: 1px solid #cccccc;
}

ul#mainlevel-nav li a
{

        display: block;
        padding-left: 15px;
        padding-right: 15px;
        text-decoration: none;
        color: #333333;
        background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

        ul#mainlevel-nav li a:hover
{
        color: #ff0000;
        background: #000000;
}


#search {
        float: right;
        border: 0px solid #cccccc;
        padding: 0px;
        width: 163px !important;
        width: 165px;
        height: 21px !important;
        height: 23px;
        overflow: hidden;
        /*background: #eeeeee;*/
}

#search .inputbox {
        border: 0px;
        padding: 4px 3px 3px 5px !important;
        padding: 3px 3px 3px 5px;
        font-family: arial, helvetica, sans-serif;
        font-size: 11px;
        /*von 17 auf 15 gesetzt*/
        height: 15px !important;
        height: 19px;
        width: 153px !important;
        width: 159px;
        color: #ff0000;
}

#header_area {
        /*+165px*/
        width: 967px !important;
        text-align: left;
        border: 0px;
        margin: 0px;
}

#header {
        float: left;
        padding: 0px;
        margin: 0px;
        /*+165px*/
        width: 800px;
        height: 150px;
        background: url(../images/header_bg.jpg) no-repeat;
}


#top_outline {
        border: 0px solid #cccccc;
        padding: 2px;
        float: left;
        margin-left: 2px;
        height: 144px !important;
        height: 150px;
        width: 159px !important;
        width: 165px;
        overflow: hidden;
        /*background: #eeeeee;*/
}


#left_outline {
        /*neu, wenn die Rahmenbegrenzungen entfallen notwendig*/
        clear: both;
        margin-top: 2px;
        border: 0px solid #cccccc;
        padding: 2px;
        float: left;
        width: 159px !important;
        /*von 165 auf 163*/
        width: 163px;
}

#content_area {
        padding: 0px;
        margin-top: 0px;
        margin-left: 2px;
        /** border: 1px solid #cccccc; **/
        float: left;
        /*+165px*/
        width: 800px;
}

#banner_area {
        /*+165px*/
        width: 800px;
        margin-top: 2px;
        margin-bottom: 0px !important;
        margin-bottom: -3px;
}

#banner {
        float: left;
        padding: 0px;
        /*+165px*/
        width: 633px;
}

#poweredby {
        float: left;
        margin-left: 2px;
}

#right_outline {
        border: 0px solid #cccccc;
        margin-top: 2px;
        float: right;
        padding: 2px;
        width: 159px !important;
        width: 165px;
}


/*wird statt sandbox_area_1 verwendet, wenn es right-Module gibt*/
#sandbox_area_2 .sandbox_area {
        float: left;
        margin-top: 2px;
        /*+165px*/
        width: 633px;
}

/*wird angewendet, wenn keine right-Module implementiert sind*/
#sandbox_area_1 .sandbox_area {
        float: left;
        margin-top: 2px;
        /*635 + 165px = 800;
        da der neu definierte rechte Bereich nicht als right-Modul eingebunden ist, kommt diese CSS-Definition
        weiterhin zur Anwendung. Die Breite des neu definierten Bereichs, muss hier auch abgezogen werden:
        800 - 165px = 356px (sandbox_area_2 Definition wird simuliert!)
        635-2, wegen Abstand zur rechten Infoleiste, siehe Fall sandbox_area_2.
        Sollte einmal die rechte neu-definierte Infoleiste entfernt werden, dann muss der Wert
        auf 800(635+165px) gesetzt werden, damit die gesamte zur Verfügung stehende Breite für die Content-Items
        genutzt wird*/
        width: 633px;
}


/*die folgenden CSS-Definitionen bis --Ende-- müßten angepaßt werden, wenn user1/2-Module eingebunden werden*/
/** with both user1 and user2 visible **/
#user1_2 .user1_outline {
        width: 227px !important;
        width: 233px;
        border: 1px solid #cccccc;
        float: left;
        margin: 0px;
        padding: 2px;
        margin-bottom: 2px;
}

#user2_2 .user2_outline {
        width: 227px !important;
        width: 233px;
        border: 1px solid #cccccc;
        float: right;
        margin-left: 2px;
        margin-bottom: 2px;
        padding: 2px;
}

/** with either user1 or user2 visible **/
#user1_1 .user1_outline {
        width: 462px !important;
        width: 468px;
        border: 1px solid #cccccc;
        float: left;
        margin: 0px;
        padding: 2px;
        margin-bottom: 2px;
}

#user2_1 .user2_outline {
        width: 462px !important;
        width: 468px;
        border: 1px solid #cccccc;
        float: right;
        margin-bottom: 2px;
        padding: 2px;
}

/** based on 100% content width **/
#user1_4 .user1_outline {
        width: 311px !important;
        width: 317px;
        border: 1px solid #cccccc;
        float: left;
        margin: 0px;
        padding: 2px;
        margin-bottom: 2px;
}

#user2_4 .user2_outline {
        width: 310px !important;
        width: 316px;
        border: 1px solid #cccccc;
        float: right;
        margin-left: 2px;
        margin-bottom: 2px;
        padding: 2px;
}

/** with either user1 or user2 visible **/
#user1_3 .user1_outline {
        width: 629px !important;
        width: 635px;
        border: 1px solid #cccccc;
        float: left;
        margin: 0px;
        padding: 2px;
        margin-bottom: 2px;
}

#user2_3 .user2_outline {
        width: 629px !important;
        width: 635px;
        border: 1px solid #cccccc;
        float: right;
        margin-bottom: 2px;
        padding: 2px;
}
/*--Ende--*/


/** adjust content area based on right nav **/
#sandbox_area_2 .content_outline {
        /*+165px*/
        width: 627px !important;
        /*+165px*/
        width: 633px;
        border: 0px solid #cccccc;
        padding: 2px;
}

#sandbox_area_1 .content_outline {
        width: 627px !important;
        /*800-165px des neu definierten rechten Bereichs = 635px;
        635-2, wegen Abstand zur rechten Infoleiste, siehe Fall sandbox_area_2.
        Sollte einmal die rechte neu-definierte Infoleiste entfernt werden, dann muss der Wert
        auf 800(635+165px) gesetzt werden, damit die gesamte zur Verfügung stehende Breite des content_area
        genutzt wird*/
        width: 633px;
        border: 0px solid #cccccc;
        padding: 2px;
}

#active_menu {
        color:#000000;
        font-weight: bold;
}

a#active_menu:hover {
        color: #ff0000;
}

.maintitle {
        color: #ffffff;
        font-size: 40px;
        padding-left: 15px;
        padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

.back_button {
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 10px;
  border: 0px solid #cccccc;
  width: 40px;
  padding: 4px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #cccccc;
  width: auto;
  padding: 4px;
  margin: 1px;
}

.pagenavbar {
        padding-right: 5px;
        float: right;
}

#footer {
        text-align: center;
        padding: 3px;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}

ul li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;
}


/*Listen in den Lehrgangsmodalitäten; muss aber direkt in der Datei formatiert werden; kann nicht via
class="lgmodus" eingebunden werden??*/
ul.lgmodus
{
list-style:square;
padding-left:40px;
margin-bottom:10px;
}
ul.lgmodus li
{
background-image:none;
}
/*ENDE*/


ol
{
/*margin: 0;*/
padding: 0;
list-style: decimal;
}

ol li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
}

td {
        text-align: left;
        font-size: 11px;
}



body {
        margin: 15px;
        height: 100%;
        padding: 0px;
        font-family: Arial, Helvetica, Sans Serif;
        font-size: 11px;
        color: #333333;
        background: #ffffff;
}

/* mambo core stuff */
a:link, a:visited {
        color: #ff0000; text-decoration: none;
        font-weight: bold;
}

a:hover {
        color: #000000;        text-decoration: none;
        font-weight: bold;
}


table.contentpaneopen {
        width: 100%;
        padding: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
}

/*für das Archivlayout im Jan 07 ergänzt; padding: 4px statt 0px*/
table.contentpaneopen_archive {
        width: 100%;
        padding: 4px;
        border-collapse: collapse;
        border-spacing: 0px;
}
/*für das Archivlayout im Jan 07 ergänzt; padding-left/right: 4px statt padding:0px*/
table.contentpaneopen_archive td {
        margin: 0px;
        padding-left: 4px;
        padding-right: 4px;
}

table.contentpane td {
        margin: 0px;
        padding: 0px;
}

table.contentpane td.componentheading {
        padding-left: 4px;
}

table.contentpane td.contentheading {
  padding-left: 15px;
  padding-top: 9px;
}

.button {
        padding: 2px 5px 2px 5px;
        height: 22px;
        border:solid 1px #cccccc;
        background-color: #ffffff;
        color: #ff0000;
        font-family: Arial, Helvetica, Sans Serif;
        text-align: center;
        font-size: 11px;
        font-weight: bold;
}

.inputbox {
        padding: 2px;
        border:solid 1px #cccccc;
        background-color: #ffffff;
}

#sandbox_area_2 .componentheading {
        background: url(../images/subhead_bg.png) repeat-x;
        color: #666666;
        text-align: left;
        padding-top: 4px;
        padding-left: 4px;
        height: 21px;
        font-weight: bold;
        font-size: 10px;
        text-transform: uppercase;
        width: 623px !important;
        /*800-165-2=633; 633-6px*/
        width: 627px;
}

#sandbox_area_1 .componentheading {
        background: url(../images/subhead_bg.png) repeat-x;
        color: #666666;
        text-align: left;
        padding-top: 4px;
        padding-left: 4px;
        height: 21px;
        font-weight: bold;
        font-size: 10px;
        text-transform: uppercase;
        width: 623px !important;
        /*800-165-2=633; 633-6px*/
        width: 627px;
        /*wenn der neu definiere rechte Bereich entfällt, auf 800-6=794 Pixel setzen
        und width !important dann auf 790px*/
}

/*für das Archivlayout im Jan 07 ergänzt*/
#sandbox_area_1 .componentheading_archive {
        background: url(../images/subhead_bg.png) repeat-x;
        color: #666666;
        text-align: left;
        padding-top: 4px;
        padding-left: 4px;
        height: 21px;
        font-weight: bold;
        font-size: 10px;
        text-transform: uppercase;
        width: 623px !important;
        /*800-165-2=633; 633-6px*/
        width: 627px;
        /*wenn der neu definiere rechte Bereich entfällt, auf 800-6=794 Pixel setzen
        und width !important dann auf 790px*/
}

.contentcolumn {
        padding-right: 5px;
}

.contentheading {
        height: 30px;
        background: url(../images/contenthead.png)  repeat-x;
        color: #666666;
        text-align: left;
        padding-top: 9px;
        padding-left: 15px;
        font-weight: bold;
        font-size: 11px;
        white-space: nowrap;
}

/*.contentheading_archive; nur der Suffix _archive darf als Parameter PageClassSuffix für Menüs und ConentItems
angegeben werden; ergänzt im Jan 07 für das Archivlayout*/
.contentheading_archive {
        height: 30px;
        /*background: url(../images/contenthead.png)  repeat-x;*/
        color: #666666;
        text-align: left;
        padding-top: 9px;
        /*padding-left: 15px;*/
        font-weight: bold;
        font-size: 11px;
        /*neu:*/
        text-decoration: underline;
        /*white-space: nowrap;*/
}

.contentheading_vereinsdatenbank {
        height: 30px;
        background: url(../images/contenthead_vereinsdatenbank.png)  repeat-x;
        color: #666666;
        text-align: left;
        padding-top: 9px;
        padding-left: 15px;
        font-weight: bold;
        font-size: 11px;
        white-space: nowrap;
}

.contentpagetitle {
        font-size: 13px;
        font-weight: bold;
        color: #cccccc;
        text-align:left;
}

table.searchinto {
        width: 100%;
}

table.searchintro td {
        font-weight: bold;
}

table.moduletable {
        width: 100%;
        margin-bottom: 5px;
        padding: 0px;
        border-spacing: 0px;
        border-collapse: collapse;
}

table.moduletable th {
        background: url(../images/subhead_bg.png) repeat-x;
        color: #666666;
        text-align: left;
        padding-top: 4px;
        padding-left: 4px;
        height: 21px;
        font-weight: bold;
        font-size: 10px;
        text-transform: uppercase;
}

table.moduletable td {
        font-size: 11px;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
        background-color : #ffffff;
}

.sectiontableentry2 {
        background-color : #f9f9f9;
}

.small {
        color: #999999;
        font-size: 11px;
        font-weight: bold;
}

.createdate {
        height: 15px;
        padding-bottom: 10px;
        color: #999999;
        font-size: 11px;
        font-weight: bold;
}

.modifydate {
        height: 15px;
        padding-top: 10px;
        color: #999999;
        font-size: 11px;
        font-weight: bold;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
        text-align: left;
        padding-top: 2px;
        padding-left: 4px;
        height: 21px;
        font-weight: bold;
        font-size: 10px;
        text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
        display: block;
        background: url(../images/menu_bg.png) no-repeat;
        vertical-align: middle;
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
        text-align: left;
        padding-top: 5px;
        padding-left: 18px;
        height: 19px !important;
        height: 24px;
        width: 100%;
        text-decoration: none;
}

a.mainlevel:hover {
        background-position: 0px -25px;
        text-decoration: none;
        color: #ff0000;
}

a.sublevel:link, a.sublevel:visited {
        padding-left: 1px;
        vertical-align: middle;
        font-size: 11px;
        font-weight: bold;
        color: #ff0000;
        text-align: left;
}

a.sublevel:hover {
        color: #000000;
        text-decoration: none;
}
.highlight {
        background-color: Yellow;
        color: Blue;
        padding: 0px 2px 0px 2px;
}
.code {
        background-color: #ddd;
        border: 1px solid #bbb;
}


/*------------------------------------------------------------------------------------------------------------------*/
/*die Style-Definitionen für den GET-Newsletter*/
/* body {
        margin:15px;
        height:100%;
        padding:0px;
        font-family:Tahoma,Arial,Helvetica,Sans Serif;
        font-size:10.0pt;
        color:#333333;
        letter-spacing:0.2mm;
        word-spacing:0.8mm;
        background:#ffffff;
 }
 */

#main_outline_newsletter {
        width:620px;
        border:5px solid #eb1e25;
        padding:0px;
        text-align:left;
}

.bigletter_newsletter {
             /*font-size:15.0pt;*/
             font-size:15px;
             font-weight:bold;
}

.rubrik_newsletter {
             padding-top:0px;
             /*font-size:13.0pt;*/
             font-size:13px;
             font-weight:bold;
             text-decoration:underline;
             color:#ff0000;
}

.headline_newsletter {
            padding-top:0px;
            /*font-size:13.0pt;*/
            font-size:13px;
            font-weight:bold;
}

.font_face_newsletter {
             font-family:Kunstler Script,Tahoma,Arial,Helvetica,Sans Serif;
             /*font-size:26pt;*/
             font-size:26px;
             font-weight:bold;
             padding-top:10px;
}

/*nicht verwendet*/
hr.trennlinie_newsletter {
                width:100%;
                color:#cccccc;
                border:2px solid #cccccc;
}

table.newsletter {
        padding:0px;
        border-collapse:collapse;
        border-spacing:0px;
}

.head_newsletter {
     text-align:left;
     vertical-align:top;
     /*font-size:10.0pt;*/
     font-size:10px;
     padding:0px 15px 0px 15px;   /*top right bottom left*/
}

td.newsletter {
     text-align:left;
     vertical-align:top;
     /*font-size:10.0pt;*/
     font-size:10px;
     padding:10px 0px 0px 0px;   /*vorher: padding:0px*/
}

/*  ist generell schon definiert
a:link, a:visited {
          color:#eb1e25;
          text-decoration:none;
          font-weight:bold;
}
a:hover {
          color:#000000;
          text-decoration:none;
          font-weight:bold;
}
*/

/*nicht verwendet*/
ul.newsletter  {
      list-style:square;
      padding-left:5px;
      margin-bottom:10px;
      color:red;
      font-weight:bold;
      /*font-size:10.0pt;*/
      font-size:10px;
}

/*nicht verwendet*/
li.newsletter {
     background-image:none;
     font-weight:normal;
     padding-top:20px;
     /*font-size:10.0pt;*/
     font-size:10px;
}