#events h2{
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    margin:0;
    padding:0 0 2px 0;
}

#events{

    font-size:11px;
    width: 530px;
    overflow: hidden;
}

#events .navigation{
    clear: both;
    overflow: hidden;
    margin: 0 0 15px 0;
}
* html #events .navigation{
    height: 100%;
}


/* a:focus{outline: none;} Entfernt Rahmen um Links. Links lassen sich aber nicht mehr tappen -> nicht barrierefrei. */

#events .navigation .month ul{
    list-style-type:none;
    margin:0;
    padding:0;
}
#events .navigation .month li{
    display: inline;
    margin:0;
    padding:0;
}

#events .navigation .month a{
    display: inline;
    float: left;
    margin: 0 10px 3px 0;
    padding: 3px 5px 3px 20px;
    position: relative;
    width: 85px;
    border-right: none;
    text-decoration: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right 0px;
}
* html #events .navigation .month a{
    width: 90px;
}
#events .navigation .month a:hover{
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 95% 50%;
}
#events .navigation .month a.aktiv,
#events .navigation .month a.aktiv:hover {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 95% 50%;
}

#events .results{
    clear: both;
    overflow: hidden;
}

#events .results .headline .event,
#events .results .headline .ort,
#events .results .headline .kategorie,
#events .results .line .event,
#events .results .line .ort,
#events .results .line .kategorie,
#events .results .line_colored .event,
#events .results .line_colored .ort,
#events .results .line_colored .kategorie{
    float:left;
    padding-right: 5px;
}

/* zellen breiten */
#events .results .headline .details,
#events .results .line .details,
#events .results .line_colored .details{
    float: right;
}

#events .results .headline .event,
#events .results .line .event,
#events .results .line_colored .event{
    width: 210px;
    padding-left: 8px;
}

#events .results .headline .ort,
#events .results .line .ort,
#events .results .line_colored .ort{
    width: 131px;
}

#events .results .headline .kategorie,
#events .results .line .kategorie,
#events .results .line_colored .kategorie{
    width: 111px;
}

#events .results .headline .details,
#events .results .line .details,
#events .results .line_colored .details{
    width: 51px;
}

/* headline, line + line_colored */
#events .results .headline,
#events .results .line,
#events .results .line_colored{
    overflow: hidden;
    clear: both;
}
/* iE hack zur headline*/
* html #events .results .headline,
* html #events .results .line,
* html #events .results .line_colored{
    height: 100%;
}
/* headline */
#events .results .headline{
    font-weight: bold;
    margin: 0 0 6px 0;
    padding: 8px 0 8px 0;
}

/* line + line_colored */
#events .results .line,
#events .results .line_colored{
    padding: 4px 0 4px 2px;
}

/* detail - link */
#events .results .details a{
    text-decoration: underline;
}
#events .results .details a:hover{
    text-decoration: none;
}



/*
** EVENT DETAILS
** --> Seite, die geoeffnet wird
*/

#event_details{
    width: 566px;
    font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
    font-size:11px;
}

#event_details .headline,
#event_details .line{
    clear: both;
}

#event_details .headline{
    font-weight: bold;
    overflow: hidden;
    padding: 8px 0 8px 12px;
}
#event_details .headline h1{
    font-family: tahoma, arial, verdana, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #ffffff;
    line-height: normal;
}

#event_details .infos{
    padding: 5px 0 2px 0;
}

#event_details .infos .line{
    padding: 0 0 3px 0;
    overflow: hidden;
}
* html #event_details .infos .line{
    height: 100%;
}
#event_details .infos .line .label{
    font-size: 11px;
    float: left;
    padding-left: 12px;
    width: 130px;
    font-weight: bold;
}
#event_details .infos .line .value{
    float: left;
}
#event_details .beschreibung{
    padding: 12px;
}

#event_details .beschreibung .text{
    padding-bottom: 6px;
}

#event_details .beschreibung .kontakt,
#event_details .beschreibung .links,
#event_details .beschreibung .impressionen{
    padding-top: 12px;
}

#event_details .beschreibung .headline{
    font-weight: bold;
    overflow: hidden;
    padding: 8px 0 8px 12px;
    border-bottom: none;
}

#event_details .grafik{
    padding: 12px;
    text-align: center;
}
#event_details .grafikcopyright{
    padding: 0 12px 0 12px;
    text-align: center;
}
#event_details .grafiktext{
    padding: 0 12px 12px 12px;
    text-align: center;
}

#event_details a{
    text-decoration: underline;
}
#event_details a:hover{
    text-decoration: none;
}