* {
  font-family:      Arial, Helvetica, Verdana, sans-serif;
  font-size:        10pt;
  margin:           0px;
  padding:          0px;
  color:            black;
}

body {
  background-color: #e1e1c8;
}

h1 {
  font-weight:      bold;
  font-style:       normal;
  font-size:        22pt;
  margin:           5px 2px 15px 2px;
}

p {
  font-weight:      normal;
}

a {
  color:            navy;
  font-weight:      normal;
  text-decoration:  none;
}

a.menu {
  font-weight:      bold;
}

a:hover {
  color:            cornflowerblue;
}

ul {
  list-style-type:  disc;
  margin-left:      20px;
}

li {
  color:            navy;
}

img {
  border-width:     0px;
}

img.werbung {
  border:           1px solid black;
  padding:          2px;
}

span.note, span.note a {
  font-size:        7pt;
}

span.red {
  color:            red;
}

hr {
  margin:           20px 0px 20px 0px;
  border:           1px solid black;
}

/* Links */
ul.links li {
  font-size:        12pt;
  padding:          3px 0px 3px 0px;
}

ul.links a {
  font-size:        12pt;
}

/* Tabellen generell */
td {
  text-align:       left;
  vertical-align:   top;
}

/* Shoutbox */
div.shoutBox {
  height:           250px;
  overflow:         auto;
}

/******************************************************/
/* Tabellenansicht (Telefonliste, Auftrittsplan, ...) */
/******************************************************/

table.view {
  width:            100%;
  border-collapse:  separate;
  border-spacing:   1px;
}

table.view th {
  background-color: #444444;
  color:            white;
  padding:          2px;
  text-align:       center;
}

table.view td {
  padding:          2px;
  text-align:       center;
}

table.view tr.light {
  background-color: white;
}

table.view tr.dark {
  background-color: #dddddd;
}

table.view tr.over {
  background-color: #bbbbbb;
}

table.view tr.marked {
  background-color: bisque;
}

table.view td.shoutentry {
  text-align:       left;
  border:           1px solid black;
  padding:          4px;
}

table.view td.shoutentry hr {
  margin:           2px 0px 2px 0px;
  padding:          0px;
  border:           1px solid #444444;
}

table.view td.clean {
  padding:          0px;
}


/*********************/
/* Navigationsleiste */
/*********************/

table.navBar {
  width:            100%;
  margin:           5px 0px 5px 0px;
}

table.navBar td {
  background-color: #cccccc;
  padding:          2px;
  vertical-align:   middle;
}

table.navBar p {
  color:            #444444;
}

table.navBar a {
/*  color:            #444444;
  text-decoration:  underline;*/
  color:            #3e65fe;
  text-decoration:  none;
}

table.navBar a:hover {
/*  color:            #ff3333;
  text-decoration:  none;*/
  color:            #3e65fe;
  text-decoration:  underline;
}


/**********************/
/* Gästebuch-Einträge */
/**********************/

table.gb_entry {
  width:            100%;
  margin:           5px 0px 5px 0px;
  border:           1px solid black;
  padding:          1px;
}

table.gb_entry td {
  padding:          10px 5px 10px 5px;
}

table.gb_entry td.gb_entry_info {
  background-color: #444444;
  padding:          2px 5px 2px 5px;
}

table.gb_entry td.gb_entry_info_red {
  background-color: red;
  padding:          2px 5px 2px 5px;
}

table.gb_entry td.gb_entry_info p, table.gb_entry td.gb_entry_info strong, table.gb_entry td.gb_entry_info_red p,
table.gb_entry td.gb_entry_info_red strong {
  color:            white;
}


/**************/
/* Datepicker */
/**************/

.dpTable {
	background-color: white;
	border:           1px solid black;
}

.dpTR {
  height:           20px;
}

.dpDayTR {
	background-color: #444444;
}

.dpTD {
  text-align:       center;
	border:           1px solid #aaaaaa;
}

.dpDayHighlightTD {
	background-color: #cccccc;
	border:           1px solid #ff3333;
  text-align:       center;
}

.dpTDHover {
  text-align:       center;
	border:           1px solid #444444;
	cursor:           pointer;
}

.dpDayTD {
	padding:          1px;
	width:            30px;
	text-align:       center;
	color:            white;
}

.dpToday {
	color:            #ff3333;
	font-weight:      bold;
}

.dpMonthCombo {
  width:90px;
}

.dpYearCombo {
  width:60px;
}


/*************/
/* Formulare */
/*************/

input, select {
  font-weight:      normal;
  width:            300px;
  margin:           3px;
}

input.short, select.short {
  width:            100px;
}

textarea {
  font-weight:      normal;
}

/* Formulartabelle */
table.formular {
  border:           3px ridge #778899;
  padding:          5px 20px 5px 20px;
}

table.formular td.description {
  font-weight:      normal;
  text-align:       right;
  vertical-align:   middle;
}

table.formular td.descriptionTop {
  font-weight:      normal;
  text-align:       right;
}

/* Fehlermeldungen */
h1.error {
  margin:           5px 2px 5px 2px;
  color:            #ff3333;
}

h2 {
  font-weight:      bold;
  font-style:       normal;
  font-size:        18pt;
  margin:           5px 2px 15px 2px;
}

p.error {
  color:            red;
}

ul.error {
  margin:           5px 0px 0px 40px;
}

ul.error li {
  color:            red;
}

input.error, select.error, textarea.error {
  border:           2px solid red;
}

input.shortError, select.shortError {
  border:           2px solid red;
  width:            100px;
}


/***************/
/* PAGE-LAYOUT */
/***************/

td#header {
  height:           100px;
  padding:          5px;
}

td#navbar {
  width:            160px;
  padding:          25px 5px;
}

td#content {
  padding:          10px 5px;
}

td#footer {
  text-align:       center;
  padding:          5px;
}

td#footer p {
  font-size:        8pt;
}