@import url(../../kymbala.css);

/* Anchor reference with different colors for each state and underlined when actived */
A.coloree:link {
	color: #3300CC;
}
A.coloree:visited {
	color: #0066CC;
}
A.coloree:hover {
	color: #3333CC; background-color: #CCFF00;
}
A.coloree:active {
	color: #99CC00; background-color: #F7F7F7; text-decoration: underline;
}

.bildlegende {
	font-family: arial, helvetica,  sans-serif;
	font-size: x-small;
	line-height: 133%;
}

.textlegende {
	font-family: 'Palatino', 'Book Antiqua', 'Droid Serif', times, serif;
	font-style: oblique;
	line-height: 133%;
}

.tonbeispiele {
	font-family: arial, helvetica,  sans-serif;
	line-height: 125%;
}

div#voe-klangbeispiele {
	margin-top: 1ex;
}

.klein {
	font-size: x-small;
}
.larger {
	font-size: larger;
}
.smaller {
	font-size: smaller;
}
.ea {
	font-size: x-small;
}

.satznr {
	font-family: 'Palatino', 'Book Antiqua', 'Droid Serif', times, serif;
	font-style: oblique;
	font-weight: bold;
	border: 1px solid gray;
	padding-left: 1px;
	padding-right: 2px;
}

.einzeltitel {
	text-transform: uppercase;
	font-weight: bold;
}

.serientitel {
	text-transform: uppercase;
}

.gedichttitel {
	text-transform: uppercase;
}

.auslassung {
	color: #7E7E7E;
}

H3.komponist {
	font-weight: normal;
	font-style: oblique;
}

TD.links {
	text-align:left;
}

TD.dynamik {
	font-family: serif;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

audio.abspielflaeche {
	width: 490px;
        margin-top: 1ex;
        margin-bottom: 1ex;
}
@supports (-webkit-touch-callout: none) {
  /* just for Safari iOS */
  audio.abspielflaeche {
    height: 64px;
  }
}
div#AudioFrame {
  margin-top: 1ex;
  margin-bottom: 1ex;
}
iframe#AudioFrame {
	min-height: 40px;
	max-height: 64px;
	width: 100%;
}

table.formplan {
	border-collapse: collapse;
}
table.formplan td {
 	border-style: solid;
 	border-width: 1px;
 	border-spacing: 0px;
 	padding: 2px;
}
table.formplan tr.text {
 	font-size: small;
 	font-family: Times;
}
table.formplan .dur {
	font-size: small;
}	
table.formplan tr.pitches {
 	vertical-align: top;
}
table.formplan td.transition {
 	text-align: center;
}