/* Rucksack Club style */

/* basic elements */
body {
	background-color: #E8E8E8;
	font: 8pt/16pt georgia;
	}
label {
	width: 15em;
	float: left;
	text-align: right;
	margin: 0 1em 10px 0;
	clear: both;
	}
fieldset.sampler	{
	width: 40%;
	float: right;
	clear: right;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	}
a:hover, a:active { 
	text-decoration: underline; 
	}
ul.nav {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	border-right: 1px solid white;
	}
a.nav {
	float: left;
	width: 9em;
	text-decoration: none;
	color: white;
	background-color: purple;
	padding: 0.2em 0.6em;
	border-right: 1px solid white;
	}
a:hover.nav {
	background-color: blue;
	}
li.nav {
	display: inline;
	}
td {
    background-color: #CCCCCC;
  }
td.nav {
    background-color: #FFFFFF;
}
td.full {
    background-color: red;
}
td.empty {
    background-color: seagreen;
}
td.booked {
    background-color: orange;
}

/* specific classes */
.input-box {
	margin-bottom: 10px;
	font: 8pt/16pt georgia;
	}
.submit-button {
	margin-left: 5em;
	}
.left {
	direction: ltr;
	}
.right {
	direction: rtl;
	}
.error {
	color: red;
	}
.cb-img-right {
	float: right;
	clear: right;
	margin: 5px 5px 5px 5px;
	}
.cb-img-left {
	float: left;
	clear: left;
	margin: 5px 5px 5px 5px;
	}
.cb-table { /* tables with CSS! */
	width: 100%;
	clear: both;
	margin: 0;
	margin-top: 1em;
	}
.cb-table-b { /* bordered */
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0.1em;
	margin-top: 1em;
	}
.cb-table-s { /* spaced-out man */
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0.2em;
	margin-top: 1em;
	}
.cb-tablerow { 
	width: 100%;
	clear: right;
	float: right;
	}
.cb-table-b .cb-tablerow {
	/* border: solid 1px; */
	}

/* any combination adds up to 90% */

.cell1 { /* fills the whole row */
	width:100%;
	float: left;
	background: transparent;
	}
.cell { /* regular two-column table cell */
	width:45%;
	float: left;
	background: transparent;
	}
.cell3 { /* three column cell */
	width:30%;
	float: left;
	background: transparent;
	}
.cell4 { /* 4, etc */
	width:22.5%;
	float: left;
	background: transparent;
	}
.cell5 {
	width:18%;
	float: left;
	background: transparent;
	}
.cb-table-b .cell, .cb-table-b .cell1, .cb-table-b .cell2, .cb-table-b .cell3, .cb-table-b .cell4, .cb-table-b .cell5 {
	border: solid 1px;
	padding: 3px; /* specifying ems pads *between* the cells! weird! */
	}
.cb-table-s .cell, .cb-table-s .cell1, .cb-table-s .cell2, .cb-table-s .cell3, .cb-table-s .cell4, .cb-table-s .cell5 {
	padding: 0.5em;
	}

/* specific divs */
#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	}
#header {
	background-color: #F5F5DC;
	width: 100%;
	float: left;
	} 
#footer {
	border-top: thin dotted;
	width: 100%;
	font: 8pt georgia;
	float: left;
	}
#main {
	background-color: white;
	float: left;
	padding-right: 40px;
	padding-top: 10px;
	padding-left: 40px;
	width: 720px;
	}