/* Beispiel CSS für das EventEditor Control */

.eventEditor fieldset {
    padding: 15px;
}

.eventEditor fieldset label {
    display: block;
    float: left;
    width: 165px;
}

.eventEditor fieldset textarea {
    width: 300px;
    height: 100px;
}

.eventEditor fieldset button {
    border: 1px solid red;
}

/* Alleinstehende Klasse für den Kalender */
.calendar {
    display: none;
    position: absolute;
    left: 238px;
    
    background-color: white;
}
/* Ende EventEditor */

/* Beispiel CSS für das EventOverView Control */
.eventOverView {
    width: 570px;
    padding: 15px;
    
    border: 1px dotted gray;
}

.eventOverView table {
    margin: 10px;
    border-bottom: 1px solid gray;
}

.eventOverView table th {
    border-bottom: 1px solid gray;
    text-align: left;
}

.eventOverView table td {
    padding: 5px;
}

.eventOverView table tr {
    
}

.eventOverView table tr.alternate {
    background-color: #E5EBED;
}
/* Ende EventOverView */

/* Beispiel CSS für das EventList Control*/
.eventContainer {
    padding: 4px;
    font-size: 0.8em;
}

.eventContainer h2 {
    font-size: 0.9em;
    border-bottom: 1px solid gray;
    padding-top: 4px;
}

.eventContainer h2 a {
    text-decoration: none;
}

.eventContainer h2 a:hover {
    color: Red;
}

.eventContainer hr {
    color: #FF936A;
    height: 1px;
}

.eventContainer span 
{
    display: block;
    margin-bottom: 4px;
}

.eventContainer p {
    font-family: Verdana;
    font-size: 0.8em;
}
/* End EventList */

/* Beispiel CSS für das EventDetail Control */
.eventDetail {
    
}

.eventDetail table {
    width: 500px;
}

.eventDetail tr {
    
}

.eventDetail td {
    padding: 3px;
    background-color: #E6EBEE;
}

.eventDetail td.second {
    background-color: #C0D5D8;
}
/* End EventDetail */

/* Beispiel CSS für das EventCategoryEditor Control */

.eventCategoryEditor div
{
    float: left;
    padding: 5px;
}

.eventCategoryEditor select 
{
    height: 280px;
}

.eventCategoryEditor fieldset 
{
    padding: 10px;
}

.editPanel br
{
    clear: left;
}

.editPanel label 
{
    width: 6em;
    padding: 5px;
    float: left;
    line-height: 1em;
}

/* End EventCategoryEditor */


/* im Backend benötigt*/
.buttonLink 
{
    color: Black;
    background: #EEEEEE;
    padding: 4px;
    
    font-family: Arial;
    font-size: 0.7em;
    
    border: 1px solid #999999;
    border-left: none;
    border-top: none;
    text-decoration: none;
}

.buttonLink:hover 
{
    text-decoration: underline;
    background-color: #DDDDDD;
}