/* RESET */
*        { padding: 0; margin: 0; border: 0;}
INPUT,
SELECT,
TEXTAREA { border: 1px solid #999; font-size: 99% }
OPTION   { padding-left: 0.4em } /* avoid clipping in select-boxes */
HTML     { height: 100%; }
BODY     { height: 101%; font-size: 100.01%; position: relative; } /* always show vertical scrollbar, correct fontsize, reposition on resize */   

/* COMMON SEMANTICS */
ACRONYM, ABBR { font-style: italic; border: none; text-decoration: none; }
STRONG        { font-weight: bold; }
EM            { font-style: italic; color: #555; /*color: #C00028;*/ }
TABLE         { border-collapse: collapse; }
TH            { text-align: left; }
TH, TD        { padding: .5em; vertical-align: top; }
DT            { margin-top: .5em; font-weight: bold; }
DD            { margin-left: 0; padding-left: 0; margin-bottom: 1em; }
P             { margin: 1em 0; }
UL, OL        { }
OL OL, UL UL  { margin-top: 1em; }
PRE, CODE     { display: block; background-color: #FFF; border: 1px solid #999; padding: 0.5em; margin: 1em 0; color: #666; font: 1.2em monospace; }
BLOCKQUOTE    { display: block; border-left: 1px dotted #666; }
H1, H2, H3    { margin: 0.4em 0; }
H3            { font-size: 1em; }

/* COMMON PAGE ELEMENTS */
.topofpage { display: block; text-align: right; }

/* COMMON LINKS */
A, A:LINK  { color: #C00028; text-decoration: none; }
A:VISITED  { color: #C00028; text-decoration: none; }
A:HOVER    { color: #C00028; text-decoration: underline; }
A:FOCUS,
A:ACTIVE   { outline: 0; }
A IMG      { border: none; }

/* GENERAL CLASSES */
.left      { float: left; margin-right: 1em; }
.right     { float: right; margin-left: 1em; }
.center    { text-align: center; margin-left: 1em; margin-right: 1em; }
.justify   { text-align: justify; }
.small     { font-size: smaller; line-height: 1.3em; }
.large     { font-size: larger; line-height: 1.3em; }
.hide      { display: none; }
.clear     { clear: both; }

BODY       { font-size: 12px; font-family: Arial, "Sans Serif"; line-height: 1.5em; }

/* AREAS / STRUCTURE */
#wrapper   { background: url(images/bg_wrapper.gif) top right no-repeat; padding: 0 27px 0 14px;}
#header    { background: url(images/bg_header.gif) top left no-repeat; }
#container { padding: 20px 0; }
#main      { }
#left      { }
#right     { padding: 0 0 0 30px; }
#footer    {  }
#logo      { position: absolute; top: 60px; }
#login     {  }

/* Header */
.heldenreise #header          { background-image: url(images/bg_header_heldenreise.gif); }
.schatten #header             { background-image: url(images/bg_header_schatten.gif); }
.lovers-journey #header       { background-image: url(images/bg_header_lovers_journey.gif); }
.family-circles #header       { background-image: url(images/bg_header_family_circles.gif); }
.tod-und-auferstehung #header { background-image: url(images/bg_header_tod_und_auferstehung.gif); }
.sonstiges #header            { background-image: url(images/bg_header_sonstiges.gif); }

/* SMALL LOGO */
.heldenreise #logo IMG,
.schatten #logo IMG,
.lovers-journey #logo IMG,
.family-circles #logo IMG,
.tod-und-auferstehung #logo IMG,
.sonstiges #logo IMG          { width: 85px; height: 82px; padding: 41px 85px 41px 0; }

/* CONTENT */
/* General */
#main H1   { text-transform: uppercase; font-family: Courier, Serif; font-size: 14px; /*color: #C00028;*/ }
#main H2   { text-transform: uppercase; font-family: Courier, Serif; font-size: 12px; }
#main UL   { list-style-type: disc; margin: 1em 0 1em 2em; }
/* Forms */
#main INPUT        { padding: .2em .4em; }
#main INPUT.submit { background: #C00028; color: #FFF; }
.back,
.more,
.previous,
.next,
.archive,
.register          { text-transform: uppercase; font-family: Courier, Serif; font-size: 12px; font-weight: bold; color: #C00028; }
.next              { padding-top: 2em; }


/* NAVIGATION */
/* Main */
#nav_main                { position: absolute; top: 205px; left: 184px; }
#nav_main UL             { list-style-type: none; }
#nav_main LI             { float: left; }
#nav_main A,
#nav_main SPAN           { display: block; height: 20px; background-repeat: no-repeat; text-indent: -10000px; }
#nav_main A:HOVER,
#nav_main .trail A,
#nav_main .active SPAN   { background-position: 0 -20px; }
#nav_main .verein A,
#nav_main .verein SPAN   { width: 126px; background-image: url(images/bt_verein.png); }
#nav_main .seminare A,
#nav_main .seminare SPAN { width: 120px; background-image: url(images/bt_seminare.png); }
#nav_main .termine A,
#nav_main .termine SPAN  { width: 120px; background-image: url(images/bt_termine.png); }
#nav_main .spenden A,
#nav_main .spenden SPAN  { width: 115px; background-image: url(images/bt_spenden.png); }

/* Sub */
#nav_sub               { width: 170px; margin-bottom: 3em; }
#nav_sub UL            { list-style-type: none; text-transform: uppercase; font-family: Courier, Serif; font-size: 13px; font-weight: bold; letter-spacing: -1px; }
#nav_sub LI            { border-bottom: 1px dotted #C00028; }
#nav_sub LI.last       { border-bottom: none; }
#nav_sub A,
#nav_sub SPAN          { line-height: 29px; color: #797978; padding: 0 1em; }
#nav_sub A:HOVER,
#nav_sub A.trail,
#nav_sub SPAN.active   { color: #C00028; text-decoration: none; }
#nav_sub .level_2      { margin-top: 0; }
#nav_sub .level_2 A,
#nav_sub .level_2 SPAN { font-weight: normal; /*padding-left: 2em;*/ }
#nav_sub .level_2 SPAN:before { content: ">> "; }
#nav_sub .level_2 SPAN.noselector:before { content: ""; }

/* Help */
#nav_help          { position: absolute; top: 32px; right: 255px; text-transform: uppercase; font-family: Courier, Serif; }
#nav_help UL       { list-style-type: none; }
#nav_help LI       { display: inline; border-right: 1px solid #C00028; }
#nav_help LI.last  { border-right: none; }
#nav_help A,
#nav_help SPAN     { padding-right: .6em; color: #C00028; }
#nav_help .login,
#nav_help .logout  { font-weight: bold; }

/* PAGINATION */
.pagination        { margin: 1em 0; }
.pagination LI     { display: inline; padding: .4em; }

/* FORMS */
P.error            { color: #C00028; }
SPAN.mandatory     { color: #C00028; }
INPUT.checkbox,
INPUT.radio        { border: none; }
.checkbox_container SPAN,
.radio_container SPAN { display: block; }
FIELDSET           { position: relative; background: #FAFAFA; border: 1px solid #999; padding: 1em 0; margin: .5em 0 1.5em 0; }
LEGEND             { position:absolute; top: -.5em; left: .5em; font-size: 14px; font-weight: bold; color: #C00028; line-height: 14px; margin: 0 1em; background-color: #FFF; }

/* LOGIN */
/* Sidebar
.mod_login         { position: absolute; }
.mod_login H3      { font-family: Courier, Serif; font-size: 14px; font-weight: bold; color: #FFF; text-transform: uppercase; line-height: 18px; margin: 0; padding: 0; }
.mod_login LABEL   { font-family: Courier, Serif; font-size: 11px; color: #FFF; text-transform: uppercase; }
.mod_login #col1   { float: left; padding-right: 6px; }
.mod_login #col2   { float: left; padding-right: 6px; }
.mod_login #col3   { float: left; }
.mod_login .text   { width: 75px; height: 16px; border: 1px solid #797978; padding: 2px; }
.mod_login .submit { width: 20px; height: 20px; background: url(images/ic_lock-unlock.gif) 2px 2px no-repeat; text-indent: -10000px; cursor: pointer; margin: 0; padding: 0; border: none; }
.mod_login .error  { position: absolute; top: -70px; color: #FFF; font-size: 12px; font-weight: bold; width: 190px; }
.lost-password A   { position: absolute; top: 60px; font-family: Courier, Serif; font-size: 11px; color: #FFF; text-transform: uppercase; line-height: 18px; }
.userdata          { position: absolute; font-family: Courier, Serif; font-size: 11px; font-weight: bold; color: #FFF; text-transform: uppercase; line-height: 18px; }
.userdata .name    { float: left; font-size: 14px; line-height: 20px; }
.userdata .name A  { color: #FFF; }
.userdata .logout  { display: block; float: left; width: 20px; height: 20px; background: url(images/ic_lock.gif) 2px 2px no-repeat; text-indent: -10000px; }
*/
.mod_login H3      { display: none; }
.mod_login LABEL   { font-family: Courier, Serif; font-size: 11px; text-transform: uppercase; }
.mod_login #col1   { float: left; padding-right: 6px; }
.mod_login #col2   { float: left; padding-right: 6px; }
.mod_login #col3   { float: left; }
.mod_login .text   { width: 75px; height: 16px; border: 1px solid #797978; padding: 2px; }
#main .mod_login .submit { width: 20px; height: 20px; background: url(images/ic_lock-unlock.gif) 2px 2px no-repeat; text-indent: -10000px; cursor: pointer; margin: 0; padding: 0; border: none; }
.mod_login .error  { font-size: 12px; font-weight: bold; width: 190px; }
.lost-password A   { font-family: Courier, Serif; font-size: 11px; text-transform: uppercase; line-height: 18px; }
.userdata          { font-family: Courier, Serif; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 18px; }
.userdata .logout  { display: block; float: left; width: 20px; height: 20px; background: url(images/ic_lock.gif) 2px 2px no-repeat; text-indent: -10000px; }

/* SEMINARE */
#termine H3        { text-transform: uppercase; }
#termine .event    { padding: .5em 0; border-bottom: 1px solid #888; }
#termine .more A   { color: #888; }

/* REGISTRATION */
.agreement P       { color: #5B5B5A; }
LABEL.agreement    { font-weight: bold; }

/* NEWS */
.mod_newslist.sidebar { padding-top: 110px; }
.mod_newslist H1      { text-transform: uppercase; font-family: Courier, Serif; font-size: 16px; font-weight: bold; color: #C00028; margin: 0; padding: 0; line-height: 30px; border-top: 1px solid #C00028; }
.mod_newslist H2      { text-transform: uppercase; font-family: Courier, Serif; font-size: 14px; font-weight: bold; color: #C00028; margin: 0; padding: 4px 0 0 0; line-height: 20px; border-top: 1px dotted #C00028; }
.mod_newslist P       { margin: 0 0 .5em 0; line-height: 1.3em; color: #5B5B5A; }
.archive              { border-top: 1px dotted #C00028; line-height: 30px; }

/* NEWSLETTER */
.mod_nl_list LI       { border-top: 1px dotted #C00028; line-height: 30px; }

/* CALENDAR */
.minicalendar           { margin-top: 1px; }
.minicalendar TD,
.minicalendar TH        { padding: .4em; }
.minicalendar .head     { text-align: center; border-bottom: 1px solid #C00028; border-top: 1px solid #C00028; }
.minicalendar .previous,
.minicalendar .next     { background-color: #EEE; }
.minicalendar .week_0,
.minicalendar .week_1,
.minicalendar .week_2,
.minicalendar .week_3,
.minicalendar .week_4,
.minicalendar .week_5   { border-top: 1px dotted #C00028; }
.minicalendar .active   { font-weight: bold; }
.minicalendar .weekend  { background-color: #FAFAFA; }

/* FORUM */
.mod_helpdesk .functions     { display: block; border-top: 1px solid #C00028; border-bottom: 1px solid #C00028; line-height: 30px; }
.mod_helpdesk .functions IMG { vertical-align: middle; padding-right: 2px; }
.mod_helpdesk .functions A   { padding-right: 5px; }

/* SPENDENFORMULAR */
#spendenformular              { }
#spendenformular .row         { clear: both; padding: .5em 0; }
#spendenformular .field       { margin-left: 215px; }
#spendenformular .label       { display: block; width: 200px; float: left; text-align: right; font-weight: bold; }
#spendenformular .radio_container    { float: left; }
#spendenformular .row:nth-child(odd) { background: #FFF; }