* { /* Mit dem Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;
}
/*
Seitenhintergrund: 										#FFFFF0
Hintergrund Datum, KW, Tag usw.:	 		#800000
Zellhintergrund normale Zelle: 				#FFFFE0
Zellhintergrund hervorgehoben 1:			#FFDAB9
Zellhintergrund hervorgehoben 2:			#
Zellhintergrund stark hervorgehoben:	#
Textfarbe Überschrift:								#800000
Textfarbe normaler Text:							#800000
*/
BODY {
  COLOR: #800000;
  FONT-FAMILY: Arial, Helvetica;
	BACKGROUND-COLOR: #FFFFF0;
	text-align: center; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
}
div {
	text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
}
#playlist_container {
	width: 600px;
	margin: auto;
	border: 2px solid #800000;
}
#playlist_headline {
  color: #800000;
  background-color: #FFFFF0;
	text-align: left;
	padding: 3px 5px;
	font-weight: bold;
	font-size: 1.4em;
	border-bottom: 1px solid #800000;
}
#playlist_tabelle {
	
}
.datum {
  color: #800000;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	background-color: #FFDAB9;
	padding: 3px 5px;
	border-bottom: 1px solid #800000;
}
#buttons {
	margin: auto;
	padding-top: 20px;
	width: 250px;
}
#BT_Aktualisieren {
	float: right;
}
.text {
	display: none;
	font-size: 0.9em;
	width: 596px;
	float: right;
}
div.wrapper0, div.wrapper1 {
	color: #800000;
	margin: 0;
	border-bottom: 1px solid #800000;
	font-size: 0.8em;
}
div.wrapper0 {
	background-color: #FFFFE0;
}
div.wrapper1 {
	background-color: #FFFFF0;
}
div.leftCol {
	float: left; 
	width: 100px;
	height: 20px;
	margin: 0;
	padding: 3px;
}

div.rightCol {
	float: right;
	width: 200px;
	height: 20px;
	margin: 0;
	padding: 3px 0;
}
div.rightCol span{
	width: 50px;
}
div.rgtText{
	float: left;
}
div.centerCol {
	width: 288px;
	height: 20px;
	margin: 0 0 0 100px;
	padding: 3px;
}
.icons{
	float: right;
	width: 60px;
	height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.edit {
	float: left;
	width: 20px;
	height: 20px;
	background: url("edit.gif") no-repeat;
}
.del {
	float: left;
	width: 20px;
	height: 20px;
	background: url("del.gif") no-repeat;
}
.down{
	float: left;
	width: 20px;
	height: 20px;
	background: url("down.gif") no-repeat right top;
}
.sender{
	margin-top: 8px;
	font-weight: normal;
}
ul.bttext{
	float: right;
	width: 20px;
	height: 20px;
	list-style-type: none;
}
li.bttext {
	float: left;
	width: 20px;
	height: 20px;
	background: url("up.gif") no-repeat;
}

/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

A {
    COLOR: #800000;
    FONT-FAMILY: Arial, Helvetica;
}
.Headline {
    FONT-SIZE: 20pt;
    FONT-WEIGHT: bold;
    COLOR: #FF9933;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-ALIGN: center
}
.Headline A:hover {
    TEXT-DECORATION: underline
}
a.webcalendar{
	color: #800000;
}