/* ------------------------------------------------------------
 Title: Ehrenamtsakademie Sachsen - Default Stylesheet
 Author: webit! CS 07 - Ueberarbeitung im Dez 08
 Update: 15:42 18.03.2009
 ------------------------------------------------------------ */

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, Helvetica, FreeSans, sans-serif;
    text-align: center;
    color: #404345;
    font-size: 12px;
    background: #FFF url(/img/bas/body_bg.png) repeat-y 50% 0;
    _background-image: url(/img/bas/body_bg.gif);
}

/* ------------------------------------------------------------
General Styles
 ------------------------------------------------------------ */

p {
    margin: 0 0 12px;
}
a {
    color: #A2081B;
    text-decoration: none;
}
a:hover {
    color: #A2081B;
    text-decoration: none;
}
a img {
    border: none;
}
a.more:link,
a.more:visited {
    color: #A2081B;
    text-decoration: none;
}
a.more:hover,
a.more:active {
    color: #A2081B;
    text-decoration: underline;
}
em {
    font-size: 12px;
}
pre {
    padding: 1em;
}
h1, h2, h3, h4 {
    font-weight: normal;
}
h1 {
    color: #E69734;
    font-size: 25px;
    padding-top: 16px;
    margin-bottom: 16px;
    }
@media screen {
    h1 {
        line-height: 43px;
        padding-right: 14px;
        padding-left: 18px;
        background-color: White;
        margin-left: 191px;
        *margin-left: 192px;
        margin-bottom: 0;
        }
    }
h2 {
    color: #626468;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
}
h3 {
    color: #A2081B;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 2px;
}
h3 a:hover,
h3 a:active {
    text-decoration: none !important;
    border: none;
}
h4 {
    color: #626468;
    font-size: 100%;
}
/* ------------------------------------------------------------
Layout
 ------------------------------------------------------------ */
/*Header*/
@media screen {
    #header {
      position: relative;
        height: 98px;
        background: url(/img/bas/bg-header.gif) repeat-x;
        }
    }
p#logo {
    margin: 0;
    margin-right: -12px;
    }
@media screen {
    p#logo {
        background: url(/img/bas/ehrenamt-akademie-screen.png) no-repeat;
        margin-right: 0;
        position: absolute;
        right: 0;
        bottom: 0;
        }
    * html p#logo {
        right: -1px;
        }
    }
@media screen {
    p#logo a {
        display: block;
        color: White;
        position: relative;
        }
    }
p#logo img {
    display: block;
    width: 270px;
    height: 69px;
    margin-left: auto;
    }
@media screen {
    p#logo img {
        width: 352px;
        height: 71px;
        margin-left: 0;
        visibility: hidden;
        }
    }
/*Container*/
#container {
    text-align: left;
    }
@media screen {
    #container {
        position: relative;
        margin: 0 auto;
        width: 999px;
        padding-bottom: 30px;
    }
}
/*Navi*/
#navigation {
    width: 176px;
    padding-top: 5px;
    padding-left: 14px;
    float: left;
}
@media print {
    #navigation {
          display: none;
    }
}
#navigation ul {
    padding-top: 0;
}
#navigation div.search {
    margin-top: 20px;
}
/*Content*/
@media screen {
    #content {
        width: 610px;
        margin-top: 10px;
        margin-left: 22px;
        margin-right: 18px;
        float: left;
    }
    body#index #content {
        width: 745px;
    }
    * html #content {
        width: 739px !important;
        /*margin-left: 25px;*/ /*Doctype jetzt ok*/
    }

    *+html #content {
        margin-left: 23px;
    }
}
#rightcolumn {
    width: 145px;
    float: left;
}
body#index #rightcolumn {
    display: none;
}

/*Footer*/
#footer {
    text-align: right;
}
/*Diverse*/
.left,
.right {
    min-height: 130px;
    _height: 130px;
    width: 48%;
    margin-top: 15px;
    overflow: auto;
}
.left {
    float: left;
}
.right {
    float: right;
}
div.top_bottom {
    margin: 15px 0;
}
div.top_bottom ul {
    margin: 0 35px;
    width: 100%;
    list-style-type: disc;
}
.clearer {
    clear: both;
}
@media print {
    #spacer {
        padding-left: 80px;
    }
}
/* ------------------------------------------------------------
Listen
 ------------------------------------------------------------ */
ul, li {
    /*width: 100%;*/
}
ul {
    padding-top: 5px;
    /*width: 200px;*/
    list-style-type: none;
}
li {
    margin-top: 10px;
}
#content ul {
    margin: -14px 0 16px 30px;
    _margin-top: 0;
    /*width: auto;*/
    list-style-type: disc;
}
#content ul ul {
    padding-top: 0;
    margin: 0 0 12px 19px;
}
#content ol ul {
    margin-top: 0;
}
ol {
    margin-left: 35px;
}
dl {
    line-height: 2em;
    margin: 0em 1em;
}
dt.require {
    font-weight: bold;
    vertical-align: top;
}
dt.optional {
    vertical-align: top;
}
dd {
    margin-left: 200px;
    margin-top: -2em;
    vertical-align: top;
}
/*Navigation*/
a.navi {
    color: white;
    text-decoration: none;
    font-size: 17px;
}
a.navi:hover {
    color: #F6E9D9;
    text-decoration: none;
    font-size: 17px;
}
ul.admin {
    width: 180px;
    list-style-type: none;
}
ul.admin a.navi {
    color: white;
    text-decoration: none;
    font-size: 14px;
}
ul.admin a.navi:hover {
    color: #F6E9D9;
    text-decoration: none;
    font-size: 14px;
}
ul.admin a.navi_isactive {
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}
ul.admin a.navi_isactive:hover {
    color: #F6E9D9;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}
li.subnav {
    display: block;
    width: 150px;
    padding-left: 10px;
}
li.subnav a {
    color: white;
    text-decoration: none;
    font-size: 13px;
}
li.subnav a:hover {
    color: #F6E9D9;
    text-decoration: none;
    font-size: 13px;
}
a.navi_isactive {
    color: white;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
}
a.navi_isactive:hover {
    color: #F6E9D9;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
}
a.subnavi_isactive {
    color: white;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
}
a.subnavi_isactive:hover {
    color: #F6E9D9;
    text-decoration: none;
    font-size: 13px;
}
*+html a.navi_isactive,
*+html a.subnavi_isactive { /*IE7 - Schrift mit Kantenglaettung besser hervorheben*/
    /*font-weight: normal;*/
    background: transparent url(/img/bas/bullet-navi.gif) 0 5px no-repeat;
    padding-left: 10px;}

/*Einzelne Veranstaltungsbereiche auf Starseite*/
#content ul.sections-homepage {
    margin-left: 0px;
    list-style-type: none;
}
ul.sections-homepage li {
    width: 104px;
    height: 146px;
    margin-right: 18px;
    padding: 21px 13px 8px 13px;
    background: #fff url(/img/bas/bg-sections-homepage.gif) no-repeat;
    overflow: hidden;
    float: left;
}
    * html ul.sections-homepage li {
        margin-right: 16px;
    }    

ul.sections-homepage li img {
    display: block;
    margin-bottom: 3px;
}
ul.sections-homepage li a {
    display: block;
    font-weight: bold;
}
/* ------------------------------------------------------------
Tabellen
 ------------------------------------------------------------ */
table {
    background-color: #FFFFFF;
    clear: both;
    width: 100%;
}
th {
    background-color: #e2e2e2;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #003d4c;
    border-bottom: 1px solid #003d4c;
    text-align: center;
    padding: 1px 4px;
}
table tr td {
    vertical-align: top;
}
table tr.altRow td {
    background: #F4F4F4;
} #cakeSqlLog td {
    text-align: left;
    padding: 4px 8px;
    background: #fff;
    border-bottom: 2px solid #ccc;
}
td.filter_label {
    text-align: left;
    border: none;
}
td.filter_select {
    text-align: left;
    border: none;
}
/* ------------------------------------------------------------
Formulare
 ------------------------------------------------------------ */
form ol li ol li,
form ol li {
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    _padding-bottom: 0;
    list-style-type: none;
    *clear: left; /*umbruch erzeugen, wenn vorheriges label sehr lang*/
    /* clearfix */
    overflow: hidden;
    _display: inline-block;
    }
form ol {
    margin: 1em 0;
    padding-left: 0;
    }    
form ol ol {
    margin-left: 185px; 
    margin-top: 3px; 
    top: -20px; /*vorherigen float umgehen*/
    }
    
form ol li ol li {     
    height: 1%; /*IE Fix*/
    }
form div {
    vertical-align: text-top;
    overflow: auto;
}
form div.date {
    margin-left: 0em;
}
span.label,
label {
    display: block;
    width: 175px;
    float: left;
    margin-top: 3px;
    padding-right: 6px;
}
ol li ol li label {
    float: none;
    margin-left: 24px;    
    width: 370px;
    cursor: pointer; 
}
input,
textarea {
    font-weight: normal;
    font-size: 12px;
    font-family: inherit;
    _margin-left: 185px;
    margin-top: 0;
}
input {
    width: 370px;
    _margin-top: -13px;
}
.radio input,
.check input {
    float: left;
        clear: left;
    width: auto;
    margin-left: 0;
    _margin-top: 0;
}
select {
    background-color: #E69734;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    vertical-align: text-bottom;
    font-size: 12px;
    font-family: inherit;
}
option {
    background-color: #E69734;
    font-size: 12px;
    font-family: inherit;
    padding-left: 3px;
}
input[type=submit] {
    color: #FFFFFF;
    background-color: #E69734;
    border: 1px outset #FFFFFF;
    display: inline;
    vertical-align: bottom;
    width: auto;
}
input.submit { /*wie oben -> fuer ie6*/
    color: #FFFFFF;
    background-color: #E69734;
    border: 1px outset #FFFFFF;
    display: inline;
    vertical-align: bottom;
    width: auto;
    margin-top: 0;
}
.submit_spacer {
    clear: both;
    margin-top: 40px;
    margin-left: 140px;
}
.required {
    clear: both;
    color: #000000;
    font-weight: bold;
}
.optional {
    clear: both;
    color: #000000;
}
/*Suche-Seitenleiste*/
#navigation input {
    margin: 0;
        width: 100px;
        font-size: 14px;
        font-family: inherit;
}
#navigation fieldset {
    width: 160px;
    padding: 5px 0;
    border: none;
}
#navigation div.search input[type = submit] {
    width: 50px;
    font-size: 12px;
    margin-top: 0;
    margin-left: 3px;
    cursor: pointer;
}
#navigation div.search input.submit { /*ie6 - muss so getrennt stehen!*/
    width: 50px;
    font-size: 12px;
    margin-top: 0;
    margin-left: 3px;
    cursor: pointer;
}
    
/*Suchform Inhaltsbereich*/
input.search_submit {
    width: 20px;
    margin-left: 3px;
    cursor: pointer;
}
/*Form Veranstaltungsuebersicht*/
#eventlist form {
    padding-bottom: 19px;
}
#eventlist form ol li {
    width: auto;
    float: left;
    padding-right: 5px;
    clear: none;
}
#eventlist form label {
    display: none;
}
#eventlist form input.submit {
    margin: 0;
}
@media print {
    #eventlist form  {
        display: none;
    }
}
/*Fehlermeldungen und Hinweise*/
#flashMessage, .error, .error_message {
    color: #900;
    font-size: 13px;
    background-color: #fff;
    margin: 8px 0px;
    font-weight: bold;
}
.error_message {
    clear: both;
}
.error em {
    font-size: 16px;
    color: #003d4c;
}
.notice {
    color: #656565;
    font-size: 14px;
    background-color: #f4f4f4;
    padding: 0.5em;
    margin: 1em 0;
    display: block;
}
.tip {
    color: #656565;
    background-color: #ddd;
}
/* ------------------------------------------------------------
Content Styles
 ------------------------------------------------------------ */
img.textimg {
    margin: 0 0 5px 5px;
    float: right;
}
img.indeximg {
    margin-left: 5px;
    float: right;
}
/*Aktuelle Meldungen und Veranstaltungen - Uebersichtsleisten*/
div.eventteaser,
div.newsteaser {
    width: 47%;
    margin-bottom: 15px;
    float: left;
}
div.newsteaser {
    margin-right: 30px;
}
body#news div.eventteaser {
    padding-bottom: 45px;
}
div.eventteaser h2,
div.newsteaser h2 {
    margin-bottom: 10px;
    padding-bottom: 3px;
    background-color: #fff;
    border-bottom: 1px solid #A2081B;
}
div.newsteaser a:link,
div.newsteaser a:visited {
    color: #A2081B;
    text-decoration: none;
}
div.newsteaser a:hover,
div.newsteaser a:active {
    color: #A2081B;
    text-decoration: none;
}
div.eventteaser img,
div.newsteaser img {
    float: left;
    margin: 2px 6px 4px 0;
}
div.eventteaser span,
div.newsteaser span {
    float: left;
    margin-right: 5px;
}

div.eventteaser a.more,
div.newsteaser a.more {
    display: block;
    margin-top: -12px;
    margin-bottom: 14px;
}

/*Aktuelle Meldung/News -> Detailansicht*/
p.date {
    display: inline;
    float: left;
    color: #626468;
}
p.back-to-overview {
    margin-bottom: 0;
    padding-bottom: 4px;
    text-align: right;
    border-bottom: 1px solid #A2081B;
}
.teasertext { /*Anreisser in Detailansicht oben fett darstellen*/
    font-weight: bold;
    margin-top: 13px;
}

div.newsimage img {
    float: left;
    margin: 2px 6px 4px 0;
}

div.news {
clear: left;
}

/*Veranstaltungsuebersicht*/
#eventlist h2 {
    clear: left;
}
#eventlist table tr.odd td {
    border-bottom: 1px solid #A2081B;
}
#eventlist table tr.odd td em {
    font-style: normal;
    font-size: 110%;
}
#eventlist table tr.odd td a {
    font-weight: bold;
}
#eventlist table tr.even td {
    padding-bottom: 14px;
}
#eventlist table tr .cel1 {
     width: 250px;
 }
/*Tabdarstellung oberhalb Veranstaltungsuebersicht*/ 
#eventlist #tabview-filter {
    width: 609px;
    height: 25px;
    margin: -10px 0 11px -19px;
    padding-left: 19px;
    padding-top: 11px;
    background-color: #EFEFEF;
} 
#eventlist #tabview-filter a {
    display: inline-block;
    margin-right: 2px;
    padding: 5px 13px;
    color: #424345;
    background-color: #D5D5D5;
} 
#eventlist #tabview-filter a.active {
    background-color: #FFF;
}
* html #eventlist #tabview-filter { /*IE6*/
    position: relative;
    margin-left: -19px;
}
@media print {
    #eventlist #tabview-filter  {
        display: none;
    }
}

p.back-to-all-categories {
    height: 32px;
    text-align: right; 
}
* html p.back-to-all-categories {
    padding-top: 4px;
    width: 607px;
}
*+html p.back-to-all-categories {
    width: 607px;
}

/*Info (Detailansicht Veranstaltung)*/
.eventdetails .col1,
.eventdetails .col2 {
    width: 45%;
    margin-bottom: 15px;
    float: left;
    padding-top: 12px;
}
.eventdetails .col1 {
        margin-right: 30px;
    width: 45.4%;
}    
.eventdetails .col2 {
    background-color: #efefef;    
    padding: 12px 14px 45px;
}
/* // CS //
.overview {
    background-color: #FFFFFF;
}
.detail {
    background: #FFFFFF url(/img/bas/view_bg.gif) repeat-y 0 0;
}
.detail div {
    margin: 5px;
}
.detail h2 {
    background-color: #FFFFFF;
    margin: 0;
    padding: 5px;
}
div.detail td {
    padding: 5px;
}
div.detail td.spacer {
    border-bottom: 1px solid #A2081B;
}
div.detail td.eventtitle {
    width: 30%;
}
div.detail .right {
    text-align: right;
} 
.detail .overview {
    text-align: right;
    border-bottom: 1px solid #A2081B;
    margin-bottom: -5px;
}
* html .detail .overview {
    margin-right: 10px;
}
.detail .view1,
.detail .view2,
.detail .view1 div,
.detail .view2 div {
    margin: 5px;
}
.view1 div, .view2 div {
    margin-top: 10px;
}
.view1 {
    width: 265px;
    float: left;
    padding: 5px;
}
.view2 {
    width: 285px;
    float: right;
    background-color: #EFEFEF;
    padding: 5px;
}
div.info {
    clear: both;
    margin-top: 10px;
}
div.info td.datetitle {
    width: 175px;
    font-size: 115%;
    border-bottom: 1px solid #A2081B;
    vertical-align: bottom;
}
div.info td.img {
    width: 80px;
    text-align: right;
    border-bottom: 1px solid #A2081B;
    padding-right: 2px;
}
div.info .eventtitle {
    width: 58%;
    color: #A2081B;
    font-weight: bold;
}
div.info .alternate {
    color: #404345;
    font-weight: bold;
    background-color: #EFEFEF;
}
div.info a {
    color: #A2081B;
    text-decoration: none;
    font-size: 100%;
}
div.info a:hover {
    color: #A2081B;
    text-decoration: underline;
    font-size: 100%;
}
// CS // */
/*Registrierung*/
div.register .eventtitle {
    width: 30%;
    color: #A2081B;
    font-weight: bold;
}
div.register td.alternate {
    width: 70%;
}
div.register .registersubmit {
    text-align: left;
    padding-left: 186px;
}
* html div.register .registersubmit {
    padding-left: 182px;
}
* + html div.register .registersubmit {
    padding-left: 182px;
}
* html div.register .registersubmit input {
    border: none;
}
/*Leiteinrichtungen*/
.leiteinrichtung {
    margin-bottom: 5px;
    padding-top: 10px;
    border-top: 1px solid #A2081B;
    clear: both;
}
.leiteinrichtung span {
    display: inline;
    float: left;
    margin-right: 5px;
}
.leiteinrichtung img {
    float: left;
    margin-right: 10px;
}
.leiteinrichtung p {
    margin: 0;
}
.leiteinrichtung p a:hover {
    text-decoration: underline;
}
.news .leiteinrichtung img {
    float: left;
    margin-right: 10px;
}
/*"scaffold show"*/
div.related {
    clear: both;
    display: block;
}
/*Suchergebnisse*/
.results {
    margin-top: 15px;
}
.pagenator {
    margin: 15px 0;
    padding-left: 100px;
}
.pagenator span {
    margin-right: 10px;
    margin-left: 10px;
}
.pagenator span.pagenumber {
    margin-right: 2px;
    margin-left: 2px;
}
.pagenator span.recentpage {
    margin-right: 2px;
    margin-left: 2px;
    font-weight: bold;
}
.hit {
    margin-top: 15px;
    margin-left: 10px;
}
.hit h3 {
    display: inline;
}
.hittext {
    margin-top: 3px;
}
.hittext span.highlight {
    font-weight: bold;
}
.hit span {
    display: inline;
}
/*Materialien*/
.materialien {
    margin-bottom: 15px;
}
#content .materialien ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 19px;
}
.materialien li {
    width: 600px;
}
.materialien li div {
    width: 100%;
}
/*Rightcolum*/
#rightcolumn .contact h2.contact_h {
    margin: 15px 0;
    text-align: left;
}
#rightcolumn .contact p.m {
    margin-bottom: 15px;
}
#rightcolumn .contact a:link,
#rightcolumn .contact a:visited {
    color: #A2081B;
}
#rightcolumn .contact img {
    width: 133px;
    height: 143px;
}
/* ------------------------------------------------------------
Clearfix
 ------------------------------------------------------------ */
/* clearfix */
ul.sections-homepage:after,
#container:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
* html ul.sections-homepage,
* html #container {
    display: inline-block;
}
* + html ul.sections-homepage,
* + html #container {
    overflow: hidden;
}
/* ------------------------------------------------------------
 EVLKS - Logo
 ------------------------------------------------------------ */
p#evlks {
    display: none;
    margin: 0;
    }
@media screen {
    p#evlks {
        display: block;
        width: 191px;
        *width: 192px;
        background-color: White;
        position: absolute;
        top: 0;
        left: 0;
        }
    }
p#evlks * {
    display: block;
    }
p#evlks a {
    padding-bottom: 7px;
    }
p#evlks img {
    display: block;
    margin: 0 auto;
    }
/* ------------------------------------------------------------
 RedDot
 ------------------------------------------------------------ */
p.reddot {
    clear: left;
    color: Red;
}
p.reddot img {
    height: auto !important;
    width: auto !important;
}