/*  #####################################################
**  Datei:     verfuegbarkeit.css
**  Funktion:  layout verfuegbarkeitskalender
**
**  Erstellt:  02.02.2009
**  Media:     screen, projection
**
**  Autor:     Michael Degener
**  copyright: infomax websolutions GmbH
##################################################### */

body {
 font-family: verdana, arial, helvetica, sans-serif;
 color: #000;
 background-color: #d6dee8;
 margin: 10px auto;
 padding: 0;
 text-align: center;
}

/* rahmen-container fuer inhalt */
#wrapper {
 width: 906px;
 margin: 0 auto;
}
#v_container {
 width: 902px;
 padding: 1px;
 float: left;
 border: 1px solid #003471;
}

/* ueberschrift */
#headline {
 width: 100%;
 float: left;
 background-color: #003471;
}
#headline h1, #headline h2 {
 float: left;
 color: #fff;
 padding: 0;
 margin: 0;
}
#headline h1 {
 font-size: 1.0em;
 padding: 14px 20px;
}
#headline h2 {
 font-size: 0.8em;
 font-weight: normal;
 padding: 15px 5px;
}

/* tabelle */
#v_container table {
 width: 100%;
 float: left;
 background-color: #eee;
 font-size: 0.55em;
 border-collapse: separate;
 border-spacing: 1px;
}

#v_container table th {
 font-weight: normal;
 text-align: left;
 background-color: #eeeeee;
 border-bottom: 1px solid #fff;
}
#v_container table tr {
 background-color: #fff;
}
#v_container table th select {
 font-size: 1.1em;
 padding: 0;
 margin: 0;
}

#v_container table td.free {
 background-color: #c4df9b;
 border: 1px solid #c4df9b;
}
#v_container table td.selected {
 background-color: #99cc33;
 border: 1px solid #000;
}
#v_container table td.occupied {
 background-color: #f9ad81;
 border: 1px solid #f9ad81;
}

/* legende */
ul#legend {
 float: left;
 list-style-type: none;
 padding: 10px 0 0 118px;
 margin: 0;
}
ul#legend li {
 float: left;
}
ul#legend li span {
 float: left;
 font-size: 0.6em;
 margin: 0 15px 0 0px;
}
ul#legend li span.free , ul#legend li span.selected, ul#legend li span.occupied {
 width: 9px;
 height: 9px;
 float: left;
 display: block;
 background-color: #c4df9b;
 border: 1px solid #fff;
 margin: 0 5px 0 0;
}
ul#legend li span.selected {
 background-color: #99cc33;
 border: 1px solid #000;
}
ul#legend li span.occupied {
 background-color: #f9ad81;
 border: 1px solid #fff;
}