@charset "UTF-8";

@media all
{
	* { margin: 0; padding: 0; border: 0 }
	em { font-style: italic }
	strong  { font-weight: 700 }
	.clear-block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clear-block { display: block; }
	.clear { clear: both }
}
@media screen, projection
{
	body
	{
		font: 100%/1.5em Arial, Helvetica, "Helvetica Neue", FreeSans, "Liberation Sans", "Nimbus Sans L", sans-serif;
		color: #003A78;
		background-color: #d3021e;
		text-align: center
	}
	h1, h2, h3, h4
	{
		font: 400 2em/1.2 Arial, Helvetica, "Helvetica Neue", FreeSans, "Liberation Sans", "Nimbus Sans L", sans-serif;
		padding-bottom: .4em;
	}
	h1 { text-transform: uppercase; font-size: 1.6em }
	h2 { font-size: 1.5em }
	h3 { font-size: 1.2em; font-weight: 700 }
	h1 a, h2 a, h3 a { background: none; text-decoration: none }
	p, ul { margin: 0 0 1em }
	a, a:link, a:visited { text-decoration: underline; color: #DE021F; font-weight: 400 }
	a:hover { text-decoration: underline; color: #DE021F }
	a:active, a:focus { outline: 0 }
	img { border: 0; background: transparent; outline: none; }
	#start { margin: 20px 0 0 }
	#logos_left { margin: 0 auto; width: 950px; }
	#logos_left .logos { float: left; width: 100px; margin: 50px 0 0; display: inline }
	#logos_left .logos img { margin: 0 0 10px }
	#main
	{
		float: left;
		margin: 0 0 0 5px;
		width: 839px;
		font-size: 0.8125em;
		line-height: 1.4em;
		text-align: left;
		background: #DE021F url(../images/bg.png) repeat-y;
	}
	#header
	{
		background: url(../images/header2.jpg) no-repeat;
		height: 188px;
		width: 823px;
		margin: 0 9px 0 7px;
		position: relative
	}
	#header .stern { position: absolute; right: 50px; bottom: 5px; z-index: 1 }
	#header .book { position: absolute; right: 10px; bottom: 35px; z-index: 2 }
	#header h1, #start h1 { font-size: 0; left: -2000px; position: absolute; }
	#middle
	{
		width: 823px;
		margin: 0 0 0 7px;
		background: url(../images/sil.png) no-repeat right top;
		min-height: 340px;
	}
	#content
	{
		float: right;
		width: 640px;
		padding: 0 10px 0 20px;
		overflow: auto;
		height: 380px;
		text-align: justify;
	}
	#content .left { float: left; width: 300px; margin: 0 10px 0 0; display: inline }
	#content .right { float: left; width: 300px; }
	.image { margin: 0 0 10px }
	.imgSubline { font-style: italic; text-align: right; margin: 0 0 10px }
	#content table
	{
		width: 620px;
		text-align: left;
		border-collapse: collapse;
		border: 1px solid #fff;
		margin: 0 0 15px
	}
	#content table th
	{
		font-weight: normal;
		padding: 2px;
		background: #ED2224;
		border: 1px solid #fff;
		color: #fff;
		font-weight: 700;
		white-space: nowrap
	}
	#content table td
	{
		vertical-align: top;
		padding: 2px;
		background: #B7E2E1;
		border: 1px solid #fff;
		color: #003A78;
		border-top: 1px solid transparent;
	}
	#content table td.time { width: 25% }
	#content table tr.even td { background: #DAEFEE; }
	#content table tr:hover td { background: #DAEFEE; color: #003A78; }
	#content table.artists td, #content table.artists tr.even td, #content table.artists tr:hover td { background: transparent; }
	#content table td.artist { width: 200px }
	#content table.artists th h2 { padding: 0 }
	#sidebar ul { list-style: none; margin: 0 }
	#sidebar ul li { border-top: 2px solid #F5FBFB; height: 26px; line-height: 26px }
	#sidebar ul li.last { border-bottom: 2px solid #F5FBFB; }
	#sidebar ul li a
	{
		padding: 0 0 0 16px;
		background: none;
		text-decoration: none;
		display: block;
		color: #003A78;
		font-weight: 700;
		height: 26px;
		font-size: 11px
	}
	#sidebar ul li a:hover, #sidebar ul li.selected a { background: #C6E5E3; }
	#sidebar { float: left; width: 150px; }
	#footer
	{
		background: url(../images/footer.png) no-repeat;
		height: 35px;
		width: 839px;
		clear: both;
		color: #fff;
		font-weight: 700;
		overflow: hidden;
	}
	#footer ul, #start ul { list-style: none; height: 35px; float: left; margin: 0 }
	#start ul { float: none }
	#footer ul.right { float: right; }
	#footer ul li, #start ul li
	{
		padding: 0 12px;
		float: left;
		background: url(../images/strich.gif) no-repeat right center;
		line-height: 35px
	}
	#start ul li { float: none; display: inline }
	#footer ul li.first { padding: 0 12px 0 20px; }
	#footer ul li.last, #start ul li.last { background: none; }
	#footer ul.right li.last { padding: 0 20px 0 12px; }
	#footer ul li a, #start ul li a { background: none; text-decoration: none; display: block; color: #fff; }
	#start ul li a { display: inline; font-weight: 700; }
	.small { line-height: 1em; font-size: 0.88em }
}
@media print
{
	body
	{
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1.4;
		word-spacing: 1.1pt;
		letter-spacing: 0.2pt;
		font-family: Garamond, "Times New Roman", serif;
		color: #000;
		background: #fff;
		font-size: 12pt;
	}
	h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif }
	h1 { font-size: 19pt }
	h2 { font-size: 17pt }
	h3 { font-size: 15pt }
	h4, h5, h6 { font-size: 12pt }
	img { float: left; margin: 1em 1.5em 1.5em 0; }
	a img { border: none; }
	a:link, a:visited
	{
		background: transparent;
		font-weight: 700;
		text-decoration: underline;
		color: #000;
	}
	a:link[href^="http://"]:after, a[href^="http://"]:visited:after
	{
		content: " (" attr(href) ") ";
		font-size: 90%;
	}
	a[href^="http://"] { color: #000 }
	#header, #sidebar, #footer { display :none }
	#main, #middle, #content
	{
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		position: static !important;
		overflow: visible !important;
		border: 0 none !important;
		background: none !important;
	}
}