table{_font-size:11px; }
table.collor_tabelle,
table.collor_tabelle p,
table.collor_tabelle *{color:#217342;}
.ver_tabelle{width:100%; border-collapse:collapse; color:#217342!important; }
.ver_tabelle td,
.ver_tabelle th{border:0px;}

.ver_tabelle th{ text-align:left; font-weight:bold; padding:5px 10px; font-size:11px;}

table.ver_tabelle .header{color:#fff!important; background:#217342 url(/typo3conf/ext/sg_veranstaltungskalender2/gfx/ver_tabelle_background.gif) repeat-x left top; border-left:1px solid #217342; border-right:1px solid #217342;}
table.ver_tabelle .header *{color:#fff;}
.ver_tabelle .header2{background:#D4F1E2; color:#217342; }
.ver_tabelle .labelzeile_left{padding:10px 0px 10px 29px; width:250px;}
.ver_tabelle .labelzeile_right{padding:10px 0px 10px 17px;}

.ver_tabelle .b_left{border-left:1px solid #ABDBC3;}
.ver_tabelle .b_right{border-right:1px solid #ABDBC3;}
.ver_tabelle .b_top{border-top:1px solid #ABDBC3;}
.ver_tabelle .b_bottom{border-bottom:1px solid #ABDBC3;}

.ver_tabelle td,
.ver_tabelle th{vertical-align:top;}


.ver_tabelle td.first{padding-right:7px;}
.ver_tabelle td.other{padding-right:4px;}
.ver_tabelle .zeile td{padding-top:10px;}
.ver_tabelle td.zeile2{padding-top:5px;}


/*.ver_tabelle_form label,
.ver_tabelle_form span,
.ver_tabelle_form input,
.ver_tabelle_form select,
.ver_tabelle_form textarea{display:block; float:left; margin:0px 3px 0px 0px; _display:inline; font-size:11px;}
.ver_tabelle_form label{color:#217342; padding-top:2px!important;}
.ver_tabelle_form select, .ver_tabelle_form textarea, .ver_tabelle_form input.text{border:1px solid #217342; color:#217342;}
.ver_tabelle_form label, .ver_tabelle_form input{padding:0px;}
.ver_tabelle_form input.text{_height:16px;}*/

.ver_tabelle_form td,
.ver_tabelle_form th{vertical-align:middle;}
.ver_tabelle_form label,
.ver_tabelle_form span,
.ver_tabelle_form input,
.ver_tabelle_form select,
.ver_tabelle_form textarea{ font-size:11px!important; margin:0px!important;}
.ver_tabelle_form label{color:#217342; }
.ver_tabelle_form select, .ver_tabelle_form textarea, .ver_tabelle_form input.text{border:1px solid #217342!important; color:#217342!important;}

.ver_tabelle_form input.checkbox,
.ver_tabelle_form input.radio{width:13px; height:13px;}
.ver_tabelle_form select,
.ver_tabelle_form textarea{font-size:100%; border:1px solid #217342;}
.ver_tabelle_form select{padding-right:0px;}

.kategorien_box_active{margin-left:-7px; border:1px solid #ABDBC3; padding:6px;}
.kategorien_box_inactive{margin-left:-7px; border:1px solid #DEE7E2; padding:6px; background:#DEE7E2;}
.kategorien_box_inactive label{color:#959595!important;}
.kategorien_box_inactive label strong{color:#217342;}


.toolbar{background:#D4F1E2; color:#217342; padding:7px 5px;}
.toolbar table{width:100%; font-size:10px;}

.spalte_1{font-size:1px; line-height:1px; height:2px; background:#fff; overflow:hidden;}

#tpl_liste_drucken,
#tpl_liste_weiterempfehlen,
#tpl_neue_suche{ padding:17px 0px 0px 0px; margin:0px; color:#217342; font-size:10px; display:block; text-decoration:none; text-align:center;}
#tpl_liste_drucken:hover,
#tpl_liste_weiterempfehlen:hover,
#tpl_neue_suche:hover{text-decoration:underline;}


#tpl_liste_drucken{ background:url(/typo3conf/ext/sg_veranstaltungskalender2/gfx/liste_drucken.gif) no-repeat center top; }
#tpl_liste_weiterempfehlen{ background:url(/typo3conf/ext/sg_veranstaltungskalender2/gfx/liste_weiterempfehlen.gif) no-repeat center top; }
#tpl_neue_suche{ background:url(/typo3conf/ext/sg_veranstaltungskalender2/gfx/liste_neuesuche.gif) no-repeat center top; }

.spalte_orderby{ background:#EEF9F3; font-size:11px; color:#217342;}

.order_oben{ height:11px; vertical-align:bottom!important; padding-right:5px;}
.order_unten{ height:11px; vertical-align:top!important; padding-right:5px;}
.order_oben a,
.order_unten a{margin:0px 0px 1px 0px; padding:0px; display:block; width:6px; height:4px; background:url(/typo3conf/ext/sg_veranstaltungskalender2/gfx/liste_order_oben.gif) no-repeat left top;}
.order_unten a{ background:url(/typo3conf/ext/sg_veranstaltungskalender2/gfx/liste_order_unten.gif) no-repeat left top; margin:1px 0px 0px 0px;}
.order_oben a span,
.order_unten a span{display:none;}

.zuruckzursuche{text-align:right; margin:20px 0px 0px 0px;}
.zuruckzursuche a{text-decoration:underline; color:#217342;}

.spalte_listelement{margin:0px; padding:0px; height:6px; line-height:1px; font-size:1px; overflow:hidden;}

.listelementseparator{ background:url(/typo3conf/ext/sg_veranstaltungskalender2/gfx/liste_element_separator.gif) repeat-y right top;}
.listenelement td{padding:0px 2px;}



.weiterempfehlerntabelle{ border:1px solid #ABDBC3; width:100%;}
.weiterempfehlerntabelle td{padding:5px;}
.weiterempfehlerntabelle td.label{ color:#217342; padding-left:44px; width:150px;}
.weiterempfehlerntabelle .formtext{border:1px solid #37B16D; width:200px; color:#217342;}

.buttonlink{text-decoration:none; color:#217342;}
.buttonlink span{text-decoration:underline;}

.minus span,
.plus span{display:block; }
.minus span{ background:url(/typo3conf/ext/sg_veranstaltungskalender2/gfx/detail_minus.gif) no-repeat right center; cursor:pointer;}
.plus span{ background:url(/typo3conf/ext/sg_veranstaltungskalender2/gfx/detail_plus.gif) no-repeat right center; cursor:pointer;}


.cleaner{clear:both; margin:0px; padding:0px; display:block; float:none; height:1px; line-height:1px; font-size:1px; overflow:hidden;}
.buttonrow a{float:right; margin-top:10px;}


.error{margin:0px; padding:0px 0px 10px 0px; color:red!important; font-weight:bold;}
.error p{color:red!important;}



.calendar {
position: relative;
display: none;
border-top: 2px solid #fff;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #fff;
font-size: 11px;
color: #000!important;
cursor: default;
background: #d4d0c8;
font-family: tahoma,verdana,sans-serif;
}

.calendar table {
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
font-size: 11px;
color: #000!important;
cursor: default;
background: #ABDBC3;
font-family: tahoma,verdana,sans-serif;
width: 260px;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
text-align: center;
padding: 1px;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
}

.calendar .nav {
background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
font-weight: bold;
padding: 1px;
border: 1px solid #000;
background: #848078;
color: #fff!important;
text-align: center;
}

.calendar thead .headrow { /* Row TR containing navigation buttons */
}

.calendar thead .daynames { /* Row TR containing the day names */
}

.calendar thead .name { /* Cells TD containing the day names */
border-bottom: 1px solid #000;
padding: 2px;
text-align: center;
background: #f4f0e8;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
color: #f00!important;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
border-top: 2px solid #fff;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #fff;
padding: 0px;
background-color: #e4e0d8;
}

.calendar thead .active { /* Active (pressed) buttons in header */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
background-color: #c4c0b8;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day {
width: 2em;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day .othermonth {
font-size: 80%;
color: #aaa!important;
}
.calendar tbody .day .othermonth .oweekend {
color: #faa!important;
}

.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid #000;
background: #f4f0e8;
}

.calendar tbody .rowhilite td {
background: #e4e0d8;
}

.calendar tbody .rowhilite td.wn {
background: #d4d0c8;
}

.calendar tbody td.hilite { /* Hovered cells TD */
padding: 1px 3px 1px 1px;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells TD */
padding: 2px 2px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
font-weight: bold;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
padding: 2px 2px 0px 2px;
background: #e4e0d8;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
color: #f00!important;
}

.calendar tbody td.today { /* Cell showing today date */
font-weight: bold;
color: #00f!important;
}

.calendar tbody .disabled { color: #999!important; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The TR in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell TD */
background: #f4f0e8;
padding: 1px;
border: 1px solid #000;
background: #848078;
color: #fff!important;
text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
padding: 1px;
background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
background: #e4e0d8;
font-size: 90%;
padding: 1px;
z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}

.calendar .combo .label-IEfix {
width: 4em;
}

.calendar .combo .active {
background: #c4c0b8;
padding: 0px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}

.calendar .combo .hilite {
background: #048;
color: #fea!important;
}

.calendar td.time {
border-top: 1px solid #000;
padding: 1px 0px;
text-align: center;
background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #fff;
}

.calendar td.time .ampm {
text-align: center;
}

.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}

.calendar td.time span.hilite {
border-color: #000;
background-color: #766;
color: #fff!important;
}

.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0!important;
}