/* Nur bei aelteren Websites mit Tabellenlayout noetig */
.subcolumns{width:100%;overflow:hidden;}
.c50l{float:left;}
.c50r{float:right;margin-left:-5px;}
.c50l,.c50r{width:50%;}
.subcl{padding:0 1em 0 0;}
.subcr{padding:0 0 0 1em;}

/* ---------- Liste - Uebersicht oder Suchergebnis ---------- */
/* Wrapper um alle Veranstaltungen, die Seitennavigation und das Suchformular */
#events{width:500px;}
#events *{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;line-height:13px;color:#000;}
/* Wrapper um eine Veranstaltung */
#events .subcolumns{background:#D9C6A6;padding:5px 0;border:solid #7A6238;border-width:0 1px 1px 0;margin-bottom:6px;}
/* Neuer Tag (Achtung! Wenn anderes Tag als <h2> definiert, hier aendern!) */
#events h2{width:495px;color:#fff;background:#7A6238;font-family:Arial,Helvetica,sans-serif;border:solid #000;border-width:0 0 1px 0;font-size:12px;padding:2px 3px;margin:10px 0 0 0;}
/* Bild */
#events img{float:left;margin:0 10px;border:0;}
/* Titel der Veranstaltung (Achtung! Wenn anderes Tag als <h3> definiert, hier aendern!) */
#events h3{margin:0 0 0 120px;padding:2px 2px 9px 2px;width:230px;border-right:1px solid #7A6238;}
#events h3 a{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;text-decoration:underline;}
#events h3 a:hover{color:#000;font-size:12px;text-decoration:none;}
/* Teaser */
#events .teaser{margin-left:120px;width:230px;padding-right:4px;min-height:68px;border-right:1px solid #7A6238;}
* html #events .teaser{height:68px;}
/* Box mit Datum, Uhrzeit, Ort */
#events .info{width:120px;float:right;margin-left:10px;padding:0 5px;}
#events .info p{margin:0 0 10px 0;}
/* Seitennavigation */
#events_navi{color:#fff;padding:3px;margin-top:5px;}
#events_navi *,#events_navi a{color:#fff;font-size:12px;padding:0 4px;}
#events_navi a{text-decoration:underline;}
#events_navi a:hover{text-decoration:none;}
/* Suchformular */
#event_form label{display:block;}
#event_form input.event_f_text{width:120px;}
#event_form input.event_f_date{width:70px;}
#event_form input.event_f_submit{width:auto;color:white;background-color:#7A6238;font-weight:normal;font-size:11px;height:22px;border:1px solid #999;font-family:Verdana,Arial,Helvetica,sans-serif;cursor:pointer;}
#event_form img.event_f_smallcal{cursor:pointer;}
/* Suchbegriffe */
.event_keywords,.event_keywords *{color:#fff !important;}
/* Leeres Suchergebnis */
.event_no_result{margin:10px;padding:10px;border:1px solid red;}
/* ---------- Einzelne Veranstaltung ---------- */
/* Wrapper um die gesamte Veranstaltung */
#event{width:500px;}
#event *{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:15px;color:#000;}
/* Titel der Veranstaltung (Achtung! Wenn anderes Tag als <h2> definiert, hier aendern!) */
#event h2,#event h2 span{color:#fff;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:18px;padding:3px 3px 1px 3px;}
#event h2 span{padding:0;}
/* Datum, Uhrzeit, Ort der Veranstaltung (Achtung! Wenn anderes Tag als <h3> definiert, hier aendern!) */
#event h3{padding:1px 3px 3px 3px;margin:0;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:normal;border-bottom:1px solid #000;}
/* Inhalt (umfasst Bild, Thumbs und Text) */
#event_content{padding:3px 0 10px;background:#D9C6A6;}
/* Bild (Achtung! Breite ergibt sich aus 250px Bildbreite plus Abstand von 3px links und rechts) */
#event_pic{width:256px;text-align:center;margin:0 5px 3px 3px;padding-bottom:3px;border:1px solid #ccc;background:#fff;float:left;}
#event_pic img{margin:3px;}
#event_pic_text{text-align:center;color:#666;}
/* Thumbs */
#event_thumbs{margin-bottom:10px;overflow:hidden;}
#event_thumbs img{float:left;margin:3px 0 3px 4px;cursor:pointer;}
/* Text */
#event_text{padding:0 6px 10px 6px;background:#D9C6A6;}
/* Veranstaltungsort u. Veranstalter (Achtung! Wenn anderes Tag als <h4> definiert, hier aendern!) */
#event_info{background:#D9C6A6;padding:0 6px 6px 6px;width:488px;}
#event_info h4{margin:0 0 4px 0;font-size:12px;padding:3px 3px 3px 10px;}
#event_info p{padding-left:10px;}
#event_info .c50l p{border-right:1px solid #666;}
#event_info .c50r .subcr{padding-left:0;}
#event_info .c50l .subcl{padding-right:3px;}
/* zurueck-Link*/
div.back{margin:3px 0;color:#fff !important;}
div.back a{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#fff !important;font-weight:normal;}
/* Abgesagt, ausverkauft etc. */
#events .cancelled,#event .cancelled{color:#ef1505;}
#events .cancelled,#event div.cancelled{margin-bottom:5px;}
#event div.cancelled{font-weight:bold;}
#event .soldout{color:#ef1505;font-weight:bold;}
