﻿/* Unset all margins */
* {
	padding: 0;
	margin: 0
}

/* General style */
body {
	background-color: #D9E2E8;
	font-size: 11pt;
	line-height: 120%;
	font-family: "Helvetica", Verdana, Tahoma, sans-serif;
}

hr {
	height: 0px;
	border: none;
	border-top: 1px #000 solid;
	margin: 0.5em 0
}

img {
	border: none
}

sup {
	font-size: 8pt;
	padding-left: 2px;
}

a {
	color: #000000;
}

a:hover {
	color: #547283;
}

p {
	margin-bottom: 0.8em
}

h1 {
	font-size: 22pt;
	font-weight: bold;
	font-variant: small-caps;
	margin-bottom: 1em
}

h2 {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 0.5em
}

h3 {
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 0.4em
}

h4, h5, h6 {
	font-size: 12pt;
	font-weight: normal;
	margin-bottom: 0
}

th, td {
	padding: 2px
}

/* General classes */
.normal {
	font-size: 11pt;
}

.bold {
	font-weight: bold
}

.italic {
	font-style: italic
}

.inline {
	display: inline
}

.indent {
	margin-left: 30px
}

.clear {
	clear: both
}

.nowrap {
	white-space: nowrap
}

.text_center {
	text-align: center
}

.margin_bottom {
	margin-bottom: 0.8em !important
}

.hidden {
	visibility: hidden;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0
}

div.back_link {
	float: right;
	font-size: 10pt
}

/* Header */
div#header {
	background-color: #F0F0F0;
	height: 230px
}

div#logo_left {
	float: left;
	margin-top: 50px;
	margin-left: 5px
}

div#logo_left img {
	height: 21px;
	width: 421px
}

div#logo_right {
	float: right
}

div#logo_right img {
	height: 230px;
	width: 242px
}

a#header_link {
	position: absolute;
	top: 0;
	left: 0;
	height: 230px;
	width: 100%;
	z-index: 2;
	text-decoration: none
}

/* Body */
div#body {
	margin: 10px
}

div#sidebar {
 	background-color: #95ADBB;
 	float: left;
 	width: 200px;
	white-space: nowrap;
	margin-right: 20px;
}

/* Sidebar */
div#sidebar ul {
 	list-style: none;
 	margin: 10px
}

div#sidebar ul ul {
	margin: 0 15px
}

div#sidebar ul li {
	margin: 2px 0
}

div#sidebar ul li.space {
	margin-bottom: 1em
}

/* Content */
div#content {
	padding: 15px 12px 10px;
	background-color: #BDCCD5;
	overflow: hidden;
}

/* Footer */
div#footer {
	clear: left;
	margin: 2em 0 1em;
	text-align: center;
	font-size: 10pt;
	line-height: 110%
}

/* Values table */
table.values th {
	white-space: nowrap;
	font-weight: normal;
	text-align: left;
	vertical-align: top
}

/* lists */
ul, ol {
	margin: 0 30px;
	list-style-position: outside
}

ul {
	list-style-type: disc
}

ol {
	list-style-type: decimal
}

ul.semantic, ul.semantic ul {
	list-style: none
}

ul.semantic, ol.semantic {
	margin: 0
}

ul.space li, ol.space li {
	margin: 0.5em 0
}

/* Box */
div.box {
	width: 90%;
	margin: 1.5em auto;
	background-color: #CAD8DF;
	padding: 12px 10px
}

/* Concerts */
table.concert1, table.concert2 {
	width: 100%
}

table.concert1 td.composer {
	vertical-align: top;
	width: 40%
}

table.concert1 td.title {
	width: 60%;
	vertical-align: top
}

table.concert2 td.composer {
	width: 30%
}

table.concert2 td.title {
	width: 30%
}

table.concert2 td.instrument {
	width: 40%
}

span.instrument, ul.instrument {
	font-style: italic
}

div.pause {
	margin: 15px 0 10px;
}