/* layout */

body {
	font-size: 62.5%;
	text-align: center;
}

#wrapper {
	margin: 2em auto 0 auto;
	text-align: left;
	width: 733px;
}

#header {
	background: url('../img/bg-header.jpg') no-repeat 0 0;
	height: 313px;
	width: 733px;
}

#header a {
	display: block;
	height: 20px;
	margin: 280px 0 0 600px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	width: 90px;
	z-index: 2;
}

#header h1 {
	margin-left: 419px;
	margin-top: 113px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}

#pg-start #header h1 {
	background: url('../img/headline-start.png') no-repeat 0 0;
	height: 66px;
	width: 277px;
}

#pg-how #header h1 {
	background: url('../img/headline-how.png') no-repeat 0 0;
	height: 64px;
	width: 273px;
}

#pg-programm #header h1 {
	background: url('../img/headline-programm.png') no-repeat 0 0;
	height: 200px;
	width: 310px;
}

ul#navi {
	background: url('../img/bg-navi.jpg') no-repeat 0 0;
	height: 106px;
	margin: 0;
	width: 733px;
}

ul#navi li {
	float: right;
	margin: 1.5em 1em 0 0;
}

ul#navi a {
	cursor: pointer;
	display: block;
	height: 90px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999px;
}

#navi #nav-programm a {
	background: url('../img/btn-programm.png') no-repeat 0 0;
	width: 140px;
}

#navi #nav-how a {
	background: url('../img/btn-how.png') no-repeat 0 0;
	width: 303px;
}

#navi #nav-start a {
	background: url('../img/btn-start.png') no-repeat 0 0;
	width: 140px;
}

#content {
	margin: 1em 0 0 0;}

/* - - - - - - page: start - - - - - - */

#player {
	background: url('../img/bg-player.jpg') no-repeat 0 0;
	float: left;
	height: 279px;
	width: 262px;
}

#player object {
	margin: 20px 0 0 21px;
}

#player embed {
	margin-top: 20px;
}

#rightcol {
	background: url('../img/bg-rightcol.jpg') repeat-y 0 0;
	float: right;
	width: 466px;
}

#rightcol h2 {
	background: url('../img/bg-rightcol-h2.jpg') no-repeat 0 0;
	color: #3c3836;
	font: bold 1.6em/1.2em georgia,serif;
	margin: 0 0 1em 0;
	padding: 1.5em 1.5em 1em 1.5em;
}

#rightcol p {
	font: normal 1.2em/1.5em arial,sans-serif;
	margin: 1em 2em 0 2em;
}

#rightcol strong {
	font-weight: bold;}

#rightcol hr {
	display: none;}

#rightcol .hr {
	background: url('../img/bg-rightcol-hr.jpg') no-repeat 0 0;
	height: 39px;
	width: 466px;
}

#rightcol ul {
	background: url('../img/bg-rightcol-ul.jpg') no-repeat 0 0;
	height: 38px;
	margin: 2em 0 0 0;
	overflow: hidden;
	text-align: center;
	width: 466px;
}

#rightcol ul li {
	background: url('../img/bg-rightcol-li.gif') no-repeat center right;
	display: inline;
	font: bold 1.3em/1.2em georgia,serif;
	line-height: 3.5em;
	padding: 0 1em;
}

#rightcol ul a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-shadow: #000 0px 0px 5px;
}

/* - - - - - - page: how - - - - - - */

#pg-how #content {
	background: #f4f4f4 url('../img/headline-order.gif') no-repeat top center;
	height: 320px;
	margin-top: 0;
	width: 730px;
}

#pg-how #content ul {
	padding: 50px 0 0 0;}

#pg-how #content ul li {
	float: left;
	list-style: none;
}

#pg-how #content ul li a {
	color: #333;
	display: block;
	font: normal 1.4em/1em arial,sans-serif;
	padding-top: 190px;
	text-align: center;
	width: 240px;
}

#pg-how #content #germany {
	background: url('../img/btn-germany.gif') no-repeat center center;}

#pg-how #content #switzerland {
	background: url('../img/btn-switzerland.gif') no-repeat center center;}

#pg-how #content #austria {
	background: url('../img/btn-austria.gif') no-repeat center center;}

/* - - - - - - page: programm - - - - - - */

#tipp {
	background: url('../img/bg-tipbox.gif') no-repeat center bottom;
	width: 733px;
}

#tipp img {
	margin: 1.5em 0 0 1.5em;
	position: absolute;
}

#tipp h2 {
	background: url('../img/bg-tipbox-h2.gif') no-repeat 0 0;
	height: 6em;
	overflow: hidden;
	text-indent: -9999px;
	width: 733px;
}

#tipp p {
	font: normal 1.5em/1.4em arial,sans-serif;
	padding: 0 2em 2em 13em;
}

ul#weeknav {
	width: 750px;}

#weeknav li {
	background: url('../img/bg-weeknav-tab.gif') no-repeat 0 0;
	float: left;
	height: 40px;
	width: 105px;
}

#weeknav a {
	display: block;
	height: 40px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999px;
	width: 105px;
}

#weeknav .current, #weeknav .current:hover {
	background-position: 0 -40px;
}

#weeknav li:hover {
	background-position: 0 -80px;
}

#mon {
	background: url('../img/day-mon.png') no-repeat center center;}

#tue {
	background: url('../img/day-tue.png') no-repeat center center;}

#wed {
	background: url('../img/day-wed.png') no-repeat center center;}

#thu {
	background: url('../img/day-thu.png') no-repeat center center;}

#fri {
	background: url('../img/day-fri.png') no-repeat center center;}

#sat {
	background: url('../img/day-sat.png') no-repeat center center;}

#sun {
	background: url('../img/day-sun.png') no-repeat center center;}

#programsheet {
	background: url('../img/bg-programm-table.gif') no-repeat bottom center;
	padding-bottom: 6em;
}

#pg-programm table {
	border-collapse: collapse;
	clear: both;
	margin: 0 0 0 3px;
	width: 730px;
}

#pg-programm td {
	background: #e6e6e6;
	border: #fff 5px solid;
	color: #333;
	font: normal 1.2em/1em arial,sans-serif;
	padding: .2em 1em;
}

#pg-programm td.time {
	color: #aaa;
	font: bold 1.8em/1em "times new roman",serif;
	text-align: center;
	width: 4.5em;
}

#pg-programm table strong {
	color: #f37717;
	font-weight: bold;
}

#pg-programm h3 {
	clear: both;
	color: #666;
	font: bold 1.8em/1em "times new roman",serif;
	padding: 1em;
}

#footer {
	color: #000;
	font: normal 1.1em/1em arial,sans-serif;
	padding: 0 .5em 1em 0;
	text-align: right;
}

#pg-how #footer {
	padding-top: 1em;
}

#footer a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}