/*------------------------------------------------------*/
/*		 Allgemeines Format								*/
/*------------------------------------------------------*/

body		{
			color:				#DDB;
			background-color:	#334;
			font-family:		"Verdana", sans-serif;
			font-size:			13px;
			font-weight:		normal;
			font-style:			normal;
			margin:				3em 5em 5em 5em;
			}

table		{
			border:				none;
			}

th			{
			font-weight:		bold;
			font-style:			normal;
			border-color:		gray;
			}


td			{
			font-weight:		normal;
			font-style:			normal;
			border-color:		gray;
			}

dt			{
			float:				left;
			}

dd			{
			float:				none;
			margin-left:		5em;
			}

a:link		{
			color:				#EEC;
			background-color:	transparent;
			text-decoration:	none;
			}

a:visited	{
			color:				#DDB;
			background-color:	transparent;
			text-decoration:	none;
			}

a:link:before,
a:visited:before	{ content: "\2192\00A0"; }

a:hover,
a:active	{
			color:				#FFE;
			background-color:	transparent;
			text-decoration:	underline;
			}

address		{
			border-top:			1px solid gray;
			font-size:			smaller;
			font-weight:		normal;
			font-style:			italic;
			}

pre			{
			font-family:		"andale mono", "monotype.com", monospace;
			font-size:			10pt;
			font-weight:		normal;
			font-style:			normal;
			}

del			{
			text-decoration:	line-through;
			}

hr			{
			height:				1px;
			}

/*------------------------------------------------------*/
/*		 Klassen										*/
/*------------------------------------------------------*/

small,
.minor		{
			font-size:			80%;
			}

.comment	{
			color:				#FFCC99;
			font-size:			90%;
			font-weight:		normal;
			font-style:			normal;
			background-color:	black;
			}

.artist		{
			background-color:	#100020;
			}

.title		{
			background-color:	#200018;
			}

.album		{
			background-color:	#200000;
			}

th.artist	{
			background-color:	#200030;
			}

th.title	{
			background-color:	#300020;
			}

th.album	{
			background-color:	#2C0008;
			}

caption.centered,
table.centered
			{
			margin-left:		auto;
			margin-right:		auto;
			}

div.centered,
p.centered	{
			text-align:			center;
			}

ul.centered	{
			text-align:			center;
			list-style-type:	none;
			padding-left:		0;
			}

div#main	{
			margin-left:		10%;
			width:				80%;
			}

ul.menu li	{
			list-style-type:	none;
			}

strong.alert
			{
			color:				#F44;
			background:			inherit;
			font-weight:		bold;
			font-style:			italic;
			}
/*
body#title	{
			position:			absolute;
			top:				auto;
			bottom:				auto;
			border:				1px dotted gray;
			}
*/

/*------------------------------------------------------*/
/*		 "H"-Tags	 									*/
/*------------------------------------------------------*/

h1			{
			color:			#FFC;
			font-family:	"Rockwell", "Cumberland", "Courier New", sans-serif;
			text-align:		left;
			font-size:		200%;
			font-weight:	bold;
			border-bottom:	1px solid gray;
			}
h2			{
			color:			#FFC;
			font-family:	"Rockwell", "Cumberland", "Courier New", sans-serif;
			text-align:		left;
			font-size:		140%;	
			font-weight:	bold;
			margin-top:		1em;
			}

h3			{
			color:			#FFC;
			font-family:	"Rockwell", "Cumberland", "Courier New", sans-serif;
			font-weight:	bold;
			text-align:		left;
			}

caption		{
			font-family:	"Rockwell", "Cumberland", "Courier New", sans-serif;
			text-align:		center;
			font-style:		normal;
/*			font-size:		medium;	*/
			font-weight:	bold;
			color:			#FFCC66;
			}


#googlelogo	{
			margin:			25px;
			width:			71px;
			height:			23px;
			border:			none;
			}


.hidden		{
			display:		none;
			}

@media print
{
.noprint	{
			display:		none;
			}
}



img.foto			{	border: 5px #FFC ridge; margin: 5px;		}
img.thumbnail		{	border: 2px #FFC ridge; margin: 2px;		}
img.thumbnail:hover	{	border: 2px red ridge; margin: 2px;			}
a.menu:link			{	color:				inherit;				}
a.menu:visited		{	color:				#FFFFAA; /*#FF8C00*/	}
th, td				{	padding:			2px;					}