span#monat img {
    margin: 16px 0px 4px 20px;
}

span#monat a {
    margin-left: 40px;
}

img.pdf {
    border: 0px;
}

.pdflink {
    border: 0px;
}


img.picto {
    border: 0px;
    margin: 0px 0px 0px 0px;
}

/* Aufbau der Programm Tabelle */
/*    <table id='style1'>  oder anderer style 1-5 */
/*      <tr> */
/*        <td class='eyecatcher'><img class='picto' src='img/picto-new.gif' alt='Neu' titel='Neu'></td> */
/*        <td class='wotag'>Fr</td> */
/*        <td class='tag'>01</td> */
/*        <td class='event'><div class='motto'>Best of Dance</div><div class='dj'>mit DJ Daniel</div><div class='zusatzinfo'>Zusatzinformation zum Event</div></td> */
/*        <td class='bemerkung'> 1. Weinachtsfeiertag</td> */
/*      </tr> */
/*    </table> */




/**********************************************************************/
/*** style1   rosa                                                  ***/
/**********************************************************************/

table#style1 {
    color: #bbbbbb;
    border-spacing: 0px;
    margin: 4px 0px 4px 0px;
    padding: 0px 0px 0px 0px;  /* oben rechts unten links */
}

table#style1 td.eyecatcher{
    text-align: center;
    vertical-align: middle;
    width: 60px;
}

table#style1 td.wotag{
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #222222;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    color: #F799CA;
    width: 40px;
    padding: 0px 0px 0px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style1 td.tag{
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #222222;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    color: #CC3399;
    width: 40px;
    padding: 0px 0px 0px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style1 td.event{
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #222222;
    width: 350px;
    vertical-align: middle;
    padding: 4px 0px 4px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style1 td.bemerkung{
    text-align: left;
    vertical-align: middle;
    width: 220px;
    padding: 4px 0px 4px 10px;  /* oben rechts unten links */
}

table#style1 div.motto{
    font-family: Helvetica;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 16px;
    color: #F799CA;
    padding: 0px 0px 2px 0px;  /* oben rechts unten links */
}

table#style1 div.dj{
    font-family: Helvetica;
    font-weight: normal;
    font-size: 13px;
    color: #bbbbbb;
}

table#style1 div.zusatzinfo{
    font-family: Helvetica;
    font-weight: normal;
    font-size: 13px;
    color: #ffffff;
}


/**********************************************************************/
/*** style2   gelb                                                  ***/
/**********************************************************************/

table#style2 {
    color: #bbbbbb;
    border-spacing: 0px;
    margin: 4px 0px 4px 0px;
    padding: 0px 0px 0px 0px;  /* oben rechts unten links */
}

table#style2 td.eyecatcher{
    text-align: center;
    vertical-align: middle;
    width: 60px;
}

table#style2 td.wotag{
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #222211;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    color: #cccc77;
    width: 40px;
    padding: 0px 0px 0px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style2 td.tag{
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #222211;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    color: #ffff00;
    width: 40px;
    padding: 0px 0px 0px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style2 td.event{
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #222211;
    width: 350px;
    vertical-align: middle;
    padding: 4px 0px 4px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style2 td.bemerkung{
    text-align: left;
    vertical-align: middle;
    width: 220px;
    padding: 4px 0px 4px 10px;  /* oben rechts unten links */
}

table#style2 div.motto{
    font-family: Helvetica;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 16px;
    color: #cccc77;
    padding: 0px 0px 2px 0px;  /* oben rechts unten links */
}

table#style2 div.dj{
    font-family: Helvetica;
    font-weight: normal;
    font-size: 13px;
    color: #bbbbbb;
}

table#style2 div.zusatzinfo{
    font-family: Helvetica;
    font-weight: normal;
    font-size: 13px;
    color: #ffffff;
}


/**********************************************************************/
/*** style3   blau                                                  ***/
/**********************************************************************/

table#style3 {
    color: #bbbbbb;
    border-spacing: 0px;
    margin: 4px 0px 4px 0px;
    padding: 0px 0px 0px 0px;  /* oben rechts unten links */
}

table#style3 td.eyecatcher{
    text-align: center;
    vertical-align: middle;
    width: 60px;
}

table#style3 td.wotag{
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #191922;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    color: #aaaaff;
    width: 40px;
    padding: 0px 0px 0px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style3 td.tag{
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #191922;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    color: #7777ff;
    width: 40px;
    padding: 0px 0px 0px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style3 td.event{
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #191922;
    width: 350px;
    vertical-align: middle;
    padding: 4px 0px 4px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style3 td.bemerkung{
    text-align: left;
    vertical-align: middle;
    width: 220px;
    padding: 4px 0px 4px 10px;  /* oben rechts unten links */
}

table#style3 div.motto{
    font-family: Helvetica;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 16px;
    color: #aaaaff;
    padding: 0px 0px 2px 0px;  /* oben rechts unten links */
}

table#style3 div.dj{
    font-family: Helvetica;
    font-weight: normal;
    font-size: 13px;
    color: #bbbbbb;
}

table#style3 div.zusatzinfo{
    font-family: Helvetica;
    font-weight: normal;
    font-size: 13px;
    color: #ffffff;
}


/**********************************************************************/
/*** style4   orange                                                ***/
/**********************************************************************/

table#style4 {
    color: #bbbbbb;
    border-spacing: 0px;
    margin: 4px 0px 4px 0px;
    padding: 0px 0px 0px 0px;  /* oben rechts unten links */
}

table#style4 td.eyecatcher{
    text-align: center;
    vertical-align: middle;
    width: 60px;
}

table#style4 td.wotag{
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #221812;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    color: #ffbb88;
    width: 40px;
    padding: 0px 0px 0px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style4 td.tag{
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #221812;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    color: #ff9900;
    width: 40px;
    padding: 0px 0px 0px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style4 td.event{
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #221812;
    width: 350px;
    vertical-align: middle;
    padding: 4px 0px 4px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style4 td.bemerkung{
    text-align: left;
    vertical-align: middle;
    width: 220px;
    padding: 4px 0px 4px 10px;  /* oben rechts unten links */
}

table#style4 div.motto{
    font-family: Helvetica;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 16px;
    color: #ffbb88;
    padding: 0px 0px 2px 0px;  /* oben rechts unten links */
}

table#style4 div.dj{
    font-family: Helvetica;
    font-weight: normal;
    font-size: 13px;
    color: #bbbbbb;
}

table#style4 div.zusatzinfo{
    font-family: Helvetica;
    font-weight: normal;
    font-size: 13px;
    color: #ffffff;
}


/**********************************************************************/
/*** style5   grün                                                  ***/
/**********************************************************************/

table#style5 {
    color: #bbbbbb;
    border-spacing: 0px;
    margin: 4px 0px 4px 0px;
    padding: 0px 0px 0px 0px;  /* oben rechts unten links */
}

table#style5 td.eyecatcher{
    text-align: center;
    vertical-align: middle;
    width: 60px;
}

table#style5 td.wotag{
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #162216;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    color: #99ff99;
    width: 40px;
    padding: 0px 0px 0px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style5 td.tag{
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #162216;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    color: #00cc00;
    width: 40px;
    padding: 0px 0px 0px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style5 td.event{
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #162216;
    width: 350px;
    vertical-align: middle;
    padding: 4px 0px 4px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style5 td.bemerkung{
    text-align: left;
    vertical-align: middle;
    width: 220px;
    padding: 4px 0px 4px 10px;  /* oben rechts unten links */
}

table#style5 div.motto{
    font-family: Helvetica;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 16px;
    color: #99ff99;
    padding: 0px 0px 2px 0px;  /* oben rechts unten links */
}

table#style5 div.dj{
    font-family: Helvetica;
    font-weight: normal;
    font-size: 13px;
    color: #bbbbbb;
}

table#style5 div.zusatzinfo{
    font-family: Helvetica;
    font-weight: normal;
    font-size: 13px;
    color: #ffffff;
}


/**********************************************************************/
/*** style6   rot                                                   ***/
/**********************************************************************/

table#style6 {
    color: #bbbbbb;
    border-spacing: 0px;
    margin: 4px 0px 4px 0px;
    padding: 0px 0px 0px 0px;  /* oben rechts unten links */
}

table#style6 td.eyecatcher{
    text-align: center;
    vertical-align: middle;
    width: 60px;
}

table#style6 td.wotag{
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #221414;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    color: #ff9999;
    width: 40px;
    padding: 0px 0px 0px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style6 td.tag{
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #221414;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    color: #cc2828;
    width: 40px;
    padding: 0px 0px 0px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style6 td.event{
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #221414;
    width: 350px;
    vertical-align: middle;
    padding: 4px 0px 4px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style6 td.bemerkung{
    text-align: left;
    vertical-align: middle;
    width: 220px;
    padding: 4px 0px 4px 10px;  /* oben rechts unten links */
}

table#style6 div.motto{
    font-family: Helvetica;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 16px;
    color: #ff9999;
    padding: 0px 0px 2px 0px;  /* oben rechts unten links */
}

table#style6 div.dj{
    font-family: Helvetica;
    font-weight: normal;
    font-size: 13px;
    color: #bbbbbb;
}

table#style6 div.zusatzinfo{
    font-family: Helvetica;
    font-weight: normal;
    font-size: 13px;
    color: #ffffff;
}


/**********************************************************************/
/*** style7   pinnwand                                              ***/
/**********************************************************************/

table#style7 {
    color: #bbbbbb;
    border-spacing: 0px;
    margin: 4px 0px 4px 0px;
    padding: 0px 0px 0px 0px;  /* oben rechts unten links */
}

table#style7 td.eyecatcher{
    text-align: center;
    vertical-align: middle;
    width: 60px;
}

table#style7 td.wotag{
    border-left: 4px solid #994400;
    border-top: 4px solid #994400;
    border-bottom: 4px solid #994400;
    background: url('../img/back-pinnwandlight.jpg');
    font-family: Helvetica;
    font-weight: bold;
    font-size: 28px;
    text-align: center;
    vertical-align: middle;
    color: #f00000;
    width: 40px;
    padding: 0px 0px 0px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style7 td.tag{
    border-top: 4px solid #994400;
    border-bottom: 4px solid #994400;
    background: url('../img/back-pinnwandlight.jpg');
    font-family: Helvetica;
    font-weight: bold;
    font-size: 28px;
    text-align: center;
    vertical-align: middle;
    color: #f00000;
    width: 40px;
    padding: 0px 0px 0px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style7 td.event{
    border-right: 4px solid #994400;
    border-top: 4px solid #994400;
    border-bottom: 4px solid #994400;
    background: url('../img/back-pinnwandlight.jpg');
    width: 350px;
    vertical-align: middle;
    padding: 4px 0px 4px 10px;  /* oben rechts unten links */
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

table#style7 td.bemerkung{
    text-align: left;
    vertical-align: middle;
    width: 220px;
    padding: 4px 0px 4px 10px;  /* oben rechts unten links */
}

table#style7 div.motto{
    font-family: Helvetica;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 18px;
    color: #000000;
    padding: 0px 0px 2px 0px;  /* oben rechts unten links */
}

table#style7 div.dj{
    font-family: Helvetica;
    font-weight: bold;
    font-size: 14px;
    color: #aa0000;
}

table#style7 div.zusatzinfo{
    font-family: Helvetica;
    font-weight: bold;
    font-size: 14px;
    color: #555555;
}