.start { color: #3399FF;
	font-weight: bold;
	font-family: 'DejaVu Sans', Verdana, sans-serif;
	}

.songtable {border: 2px solid #CCCCCC;
	width: 800px;
	font-family: 'DejaVu Sans', Arial, Verdana, sans-serif;
	}

.songcell { border: 2px solid #CCCCCC;
	padding: 6px;
	font-size: 14px;
	color: #EEEEEE;
	}
	
.not_selected_cell { border: 2px solid #BA0000;
	padding: 6px;
	font-size: 14px;
	color: #EEEEEE;
	height:160px;
	font-size:16px;
}

.extraspace {padding: 16px;}

.songtitel {font-size: 22px;}

.song_space { padding-top: 4px;
	padding-bottom: 4px;
}

.song_selected { color: black; background: #00FF00; }

a.song:link {color: #EEEEEE; text-decoration: none;}
a.song:visited {color: #EEEEEE; text-decoration: none;}
a.song:active {color: #EEEEEE; text-decoration: none;}
a.song:hover .song_frame { color: black; background: #00FF00;}

.main {background: black;
	color: white;
	padding: 8px;
	margin: 0px;
	position: absolute;
	left: 230px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
	text-align: center;
	background-image: url(../backgrounds/musik/mischpult-v-amp-blurred2.jpg);
	}

a.link_sonate:link {color: white; text-decoration: none;}
a.link_sonate:visited {color: white; text-decoration: none;}
a.link_sonate:active {color: white; text-decoration: none;}


/* Mittels text-indent:-9999px; wird der Text total aus der Webseite geschoben und damit unsichtbar.
Beim Überfahren mit der Maus (hover) wird er wieder zurück geholt und das Hintergrundbild entfernt.
So macht es den Eindruck, als ob das Bild den Text verdeckt (eigentlich sitzt der Text AUF dem Bild)
und beim verschwinden den Text zum Vorschein bringt.*/

.sonate { width: 300px;
	height: 150px;
	background-image: url('../Musik/sonate-button-blank.jpg');
	text-indent: -9999px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 24px;
}

.trigger_sonate { width: 300px;
	height: 150px;
}

.trigger_sonate:hover .sonate{ background-image: none;
	text-indent: 0px;
	border: 8px solid blue;
	border-image: linear-gradient(#1ACEFF, #0884FF) 45% round;
}