@-ms-viewport{
  width: device-width;
}

@font-face {
	font-family: 'Lithos';
	src: url('http://www.kleines-orchester.de/css/LithosPro-Black.eot'); /* IE9 Compat Modes */
	src: url('http://www.kleines-orchester.de/css/LithosPro-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('http://www.kleines-orchester.de/css/LithosPro-Black.woff') format('woff'), /* Modern Browsers */
	     url('http://www.kleines-orchester.de/css/LithosPro-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('http://www.kleines-orchester.de/css/LithosPro-Black.svg#svgFontName') format('svg'); /* Legacy iOS */
	}

@font-face {
	font-family: 'Vivaldi';
	src: url('http://www.kleines-orchester.de/css/vivaldi.eot'); /* IE9 Compat Modes */
	src: url('http://www.kleines-orchester.de/css/vivaldi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('http://www.kleines-orchester.de/css/vivaldi.woff') format('woff'), /* Modern Browsers */
	     url('http://www.kleines-orchester.de/css/vivaldi.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('http://www.kleines-orchester.de/css/vivaldi.svg#svgFontName') format('svg'); /* Legacy iOS */
	}
	
.red		{ color:#FF0000; }
.white		{ color:#FFFFFF; }
.lightgray	{ color: #CCCCCC; }
.shadow		{ font-size: 12pt; color:#000000; text-shadow:2px 2px 2px #FFFFFF; font-family: Lithos }
.shadowV	{ font-size: 48pt; color:#000000; text-shadow:3px 3px 3px #666666; font-family: Vivaldi }
.shadowVW	{ font-size: 48pt; color:#FFFFFF; text-shadow:3px 3px 3px #666666; font-family: Vivaldi }
.shadowVR	{ font-size: 48pt; color:#FFFFFF; text-shadow:3px 3px 3px #FF0000; font-family: Vivaldi }
.boxshadowR { box-shadow: 8px 8px 0px #5c1317; }
.boxshadowG { box-shadow: 8px 8px 0px #333333; }

body         {  }
.bodyGray    { background-color:#5A5A5A }
.bodyRed     { background-color:#880007 }
html         { font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 12pt }
h1           { font-size: 24pt; text-transform: uppercase; font-weight: bold }
h2           { font-size: 18pt; text-transform: uppercase; font-weight: bold }
h3           { font-size: 12pt; text-transform: uppercase; font-weight: bold }
h4           { font-size: 10pt; font-weight: bold }
h5           { font-size: 8pt; font-weight: bold }
h6           { font-style: italic; font-weight: bold; font-size: 8pt }
td           { font-family: Arial, Helvetica, Verdana, Sans Serif }
p            { font-family: Arial, Helvetica, Verdana, Sans Serif }

.Composer    {font-size: 48px; font-weight: bold }
.capital     { font-size: 12pt; text-transform: uppercase; font-weight: bold }
.small_char  { font-size: smaller }
.small_charW { font-size: smaller; color:#FFFFFF;}
.H3_Shadow	 { font-size: 13pt; text-transform: capitalize;  text-shadow:#FFFFFF 2px 2px 2px; font-family: Lithos; line-height:120% }
.H3_ShadowG	 { font-size: 13pt; text-transform: capitalize;  text-shadow:#AAAAAA 2px 2px 2px; font-family: Lithos; line-height:120% }
.H3R_Shadow	 { font-size: 15pt; text-transform: capitalize;  text-shadow:#FFFFFF 1px 1px 1px; font-family: Lithos; line-height:120%; color:#FF0000 }
.nodeco      { text-decoration:none; color:#000000; line-height:28px }
.nodecoW     { text-decoration:none; color:#FFFFFF; line-height:28px }
.nodecoG     { text-decoration:none; color:#CCCCCC; line-height:28px }
.MTitel		 { font-variant:small-caps; font-size:12pt }