body {
/*
	SCROLLBAR-ARROW-COLOR: #FFFFFF;
	SCROLLBAR-BASE-COLOR: #B22B2B;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	*/
	margin: 4px;
	background-color: #ECECEC;
	font-size: 80%;
	color: black;
	font-family: Verdana, "Verdana Ref", Arial, "Times New Roman";
}

/* Wenn die Farbe auch per "*" vergeben wird, dann sind z.B. auch die <b> s schwarz... (auch bei einem Link) */
* {
	color: black;
	font-family: Verdana, "Verdana Ref", Arial, "Times New Roman";
	font-size: 1em;
}

.unsichtbar {
   display: none;
}

input, .input, textarea, select{
	font-weight: bold;
}


h1{
	font-size: 2em;
}

h2{
	font-size: 1.7em;
}

h3{
	font-size: 1.5em;
}

#breadcrumb .breadcrumb{
		font-size: 1em;
		font-weight: bold;
}

#breadcrumb td.breadcrumb, a.breadcrumb, table.breadcrumb{
	text-align: right;
	color: white;
}

#breadcrumb td.breadcrumb, a.breadcrumb{
	background-color: #422511;
	color: white;
}

#breadcrumb a.breadcrumb {
	text-decoration: none;	
}

#inhalt a,
#popupgeruest a{
	text-decoration: underline;
}

#inhalt a:hover,
#popupgeruest a:hover {
	text-decoration: none;
/*	color: black; */
/*	background-color: white; */
}

/* Hier könnne alle klassen und Subklassen definiert werden... überschreibungen sollte es nicht mehr geben */
#breadcrumb a.breadcrumb:hover{
	text-decoration: underline;
}

.bildlink{
	margin: 3px;
	border: 1px solid White;
	color: black;
}

#inhalt .info, #popupgeruest .info, .fehler {
	border: thin dotted #422511;
	font-weight: bold;
	color: #422511;
	width: 95%;
	padding: 0.4em;
}

.uebersicht, .info, .fehler, #inhalt table.belegungen tr.belegungen , #popupgeruest table.belegungen tr.belegungen  {
	background-color: #DEB887;
}


#gesamterinhalt{
	/*width: 1000px;*/
	width: 78.5em;
	margin: 0px auto;
	text-align: left; /*	background-color:#E3DCB5;*/
	border: 2px solid #ffffff;
}

#gesamterinhalt,
#inhalt {
	background-color: #DADADA;	
}

#navigation {
	background-color: #CD853F;
	/* width: 15em;*/
	width: 100%;
	height: 7.5em;
	float:left;
	padding: 0px;
}

#breadcrumb{
	clear: both;
}

#inhalt {
	border: 0px solid #DADADA;
	/*width: 62.5em;*/
	padding: 0px 0px 0 2px;
	margin: 0.0em 0.0em 0.3em 1.5em;
}

#fuss{
	clear: both;
	padding: 0.5em 0 0.5em 0;
}

#fuss p{
	text-align: center;
	background-color: #CD853F;
	padding: 0.2em;
}

#inhalt th, #inhalt th *,
#popupgeruest th, #popupgeruest th *{
	font-weight: bold;
	text-align: left;
	background-color: #8E8E8E;
}

#inhalt table.belegungen,
#popupgeruest table.belegungen{
	border: thin dotted black;
}

#inhalt p.belegungen,
#popupgeruest p.belegungen {
	margin: 0;
	padding: 0.4em 0 0.6em 1em;
	font-weight: 900;
	font-size: 1.2em;
}

#inhalt tr.zeile1, #inhalt table.zeile1,
#popupgeruest tr.zeile1, #popupgeruest table.zeile1{
	background-color: #D1D1D1;
}
#inhalt tr.zeile2, #inhalt table.zeile2,
#popupgeruest tr.zeile2, #popupgeruest table.zeile2{
	background-color: #ECECEC;
}


A.tooltip,
A.tooltip:link,
A.tooltip:visited,
A.tooltip:active{
	position: relative;
}

A.tooltip:hover{
	background: transparent;
	z-index: 100;
}

A.tooltip span {
	display: none;
	text-decoration: none;
}

A.tooltip:hover span {
	display: block;
	position: absolute;
	z-index: 100;
	color: #000000;
	border: 2px solid #422511;
	border-left: 10px solid #422511;
	padding: 2px 5px 2px 5px;
	background: #DEB887;
	font-style: Normal;
	text-align: left;
	font-size: 0.9em;
}


A.tooltip:hover span {
	left: 50px;
	width: 400px;
	top: 1.4em;
}

.uebersicht{
	border: thin dotted #422511;
	font-weight: normal;
	font-size: 0.8em;
	/*color: #422511;*/
	color: white;
	width: 95%;
	padding: 0em 0.5em 0em 0.5em;
	margin: 0 1em 0 0;
}

#rechts A.tooltip:hover span {
	top: 0;
	left: -325px;
	width: 300px;
}


span.bemerkung p{
	padding: 0.2em 0.2em 0.2em 0.2em;
	margin:0.2em 1em 0.2em 1em;
	font-style: italic;
	background-color: #E3E3E3;
}

.fett{
	font-weight: bold;
}

.klein{
	font-size: 0.8em;
}

hr.statistik{
	background-color: #ff8c00;
	border: 1px solid #ff8c00;
	height: 1em;
}


/*
	=== Kalenderformatierung ANFANG ===
*/

.kalender *, .belegt, .reserviert, .belegtwe, .reserviertwe, .freiwe{
	font-family: Courier;
	font-size: 1.1em;
	text-align: center;
}

table.kalender{
	border: thin solid black;
}

#inhalt table.kalender th.we{
	background-color: #C4C4C4;
}

#inhalt table.kalender th.we{
	background-color: #C4C4C4;
}

table.kalender td.frei {
	background-color: green;
}

table.kalender td.freiwe {
	/*background-color: #32CD32; */
	background-color: green;
}


table.kalender td.belegt a,
table.kalender td.belegt {
	background-color: #FF2424;
}

table.kalender td.belegtwe a,
table.kalender td.belegtwe {
 /*	background-color: #FF713C;*/
 background-color: #FF2424;
}

td.reserviert a,
.reserviert {
	background-color: yellow;
}

td.reserviertwe a,
.reserviertwe {
/*	background-color: #FFFFC6;*/
	background-color: yellow;
}

table.kalender .kalender-monat{
	font-family: Verdana, "Verdana Ref", Arial, "Times New Roman";
	font-weight: bold;
}


table.kalender .reserviert a,
table.kalender .frei a,
table.kalender .belegt a,
table.kalender .wechsel a {
	display: block; 
	text-decoration: none;
}

table.kalender td.wechsel a,
table.kalender td.wechsel,
table.kalender td.wechselwe ,
table.kalender td.wechselwe a{
	background-color: #A8A9FF;
}

table.kalender .reserviert a:hover,
table.kalender .frei a:hover,
table.kalender .belegt a:hover
table.kalender .wechsel a:hover{
	font-weight: bold;
	background-color: #ff8c00;
	display: block;
}

span.kalender-vor ,
span.kalender-nach {
	display: inline;	
}

p.kalenderheader{
	padding: 0.5em 0.2em;
	margin: 0;
}

/*
	=== Kalenderformatierung ENDE ===
*/

.standardschrift{
		font-family: Verdana, "Verdana Ref", Arial, "Times New Roman";
}

.left{
	text-align: left;
}