/* GENERAL SITE CODE */

body {
	background:#eff0f1;
	margin-top:0px;	
}

#wrapper {
	width:1200px;
	background:#eff0f1;
	height:100%;
	position:relative;
	box-shadow:2px 2px 5px #999, -2px -2px 5px #999;
	margin:0 auto;
}

#head {
	background:#eff0f1;
	height:54px;
	width:1200px;
	position:fixed;
	border-bottom:1px solid #000;
	z-index:300;
}

#head img {
	border:0px;
}

#loesung {
	border:0px;
}

#sheet {
	height:4550px;
	width:100%;
	position:relative;
	z-index:100;
}

#sheetImpressum {
	height:2005px;
	width:100%;
	position:relative;
	z-index:100;
}

#head img {
	position:absolute;
	right:44px;
	top:17px;
}

.image {
	box-shadow:2px 2px 5px #999, -2px -2px 5px #999;
	border:6px solid #FFF;
	position:absolute;
	z-index:200;
	opacity: 1;
	transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
}

.image:hover {
	opacity: 0.1;
}

#impressum {
	top:0px;
	left:0px;
}

.txt, .jp-audio {
	position:absolute;
	z-index:200;
}

.imgtxt {
	position:absolute;
	z-index:101;
}

#img01, #imgtxt01 {
	top:118px;
	left:534px;
}

#img02, #imgtxt02 {
	top:394px;
	left:88px;
}

#img03, #imgtxt03 {
	top:1096px;
	left:599px;
}

#img04, #imgtxt04 {
	top:1435px;
	left:240px;
}

#img05, #imgtxt05 {
	top:1719px;
	left:860px;
}

#img06, #imgtxt06 {
	top:2120px;
	left:572px;
}

#img07, #imgtxt07 {
	top:2729px;
	left:50px;
}

#img08, #imgtxt08 {
	top:2928px;
	left:679px;
}

#img09, #imgtxt09 {
	top:3285px;
	left:868px;
}

#img10, #imgtxt10 {
	top:3857px;
	left:812px;
}

#img11, #imgtxt11 {
	top:3975px;
	left:139px;
}

#img12, #imgtxt12 {
	top:4164px;
	left:508px;
}

#loesung {
	top:63px;
	left:1052px;
}

#txt01 {
	top:182px;
	left:174px;
}

#txt02 {
	top:435px;
	left:1003px;
}

#txt03 {
	top:517px;
	left:393px;
}
#txt04 {
	top:820px;
	left:817px;
}

#txt05 {
	top:1389px;
	left:44px;
}

#txt06 {
	top:1560px;
	left:536px;
}

#txt07 {
	top:2024px;
	left:58px;
}

#txt08 {
	top:2361px;
	left:761px;
}

#txt09 {
	top:3081px;
	left:353px;
}

#txt10 {
	top:3715px;
	left:560px;
}

#txt11 {
	top:3901px;
	left:50px;
}

#txt12 {
	top:3941px;
	left:460px;
}

#txt13 {
	top:4360px;
	left:755px;
}

#jp_container_1 {
	top:233px;
	left:775px;
}

#jp_container_2 {
	top:1018px;
	left:102px;
}

#jp_container_3 {
	top:1864px;
	left:640px;
}

#jp_container_4 {
	top:2219px;
	left:332px;
}

/* FANCYBOX CODE */

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #FFF;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* JPLAYER CODE */

div.jp-audio {
	width:160px;
}

div.jp-interface {
	position: relative;
	width:100%;
}

div.jp-audio div.jp-type-single div.jp-interface {
	height:40px;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
	height:40px;
}

div.jp-audio-stream div.jp-type-single div.jp-interface {
	height:40px;
}

div.jp-controls-holder {
	clear: both;
	width:160px;
	margin:0 auto;
	position: relative;
	overflow:hidden;
	top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
	margin:0;
	padding: 0;
	overflow:hidden;
}

div.jp-audio ul.jp-controls {
	width: 160px;
}

div.jp-interface ul.jp-controls li {
	display:inline;
	float: left;
}

div.jp-interface ul.jp-controls a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	width:29px;
	height:22px;
	margin-left:66px;
}

a.jp-play2,
a.jp-pause2 {
	width:13px;
	height:22px;
	margin-left:73px;
}

a.jp-play3,
a.jp-pause3 {
	width:28px;
	height:20px;
	margin-left:66px;
}

a.jp-play4,
a.jp-pause4 {
	width:19px;
	height:18px;
	margin-left:71px;
}

a.jp-play {
	background: url("../images/jplayer/love_ewes.png") 0 -24px no-repeat;
}
a.jp-play:hover {
	background: url("../images/jplayer/love_ewes.png") 0 0 no-repeat;
}
a.jp-pause {
	background: url("../images/jplayer/love_ewes.png") 0 0 no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("../images/jplayer/love_ewes.png") 0 -24px no-repeat;
}

a.jp-play2 {
	background: url("../images/jplayer/schneeflockchen.png") -14px 0 no-repeat;
}
a.jp-play2:hover {
	background: url("../images/jplayer/schneeflockchen.png") 0 0 no-repeat;
}
a.jp-pause2 {
	background: url("../images/jplayer/schneeflockchen.png") 0 0 no-repeat;
	display: none;
}
a.jp-pause2:hover {
	background: url("../images/jplayer/schneeflockchen.png") -14px 0 no-repeat;
}

a.jp-play3 {
	background: url("../images/jplayer/fish.png") 0 0 no-repeat;
}
a.jp-play3:hover {
	background: url("../images/jplayer/fish.png") -29px 0 no-repeat;
}
a.jp-pause3 {
	background: url("../images/jplayer/fish.png") -29px 0 no-repeat;
	display: none;
}
a.jp-pause3:hover {
	background: url("../images/jplayer/fish.png") 0 0 no-repeat;
}

a.jp-play4 {
	background: url("../images/jplayer/stone.png") -20px 0 no-repeat;
}
a.jp-play4:hover {
	background: url("../images/jplayer/stone.png") 0 0 no-repeat;
}
a.jp-pause4 {
	background: url("../images/jplayer/stone.png") 0 0 no-repeat;
	display: none;
}
a.jp-pause4:hover {
	background: url("../images/jplayer/stone.png") -20px 0 no-repeat;
}

div.jp-progress {
	overflow:hidden;
}
div.jp-audio div.jp-progress {
	position: absolute;
	top:32px;
	height:2px;
}
div.jp-audio div.jp-type-single div.jp-progress {
	width:160px;
}

div.jp-seek-bar {
	background: url("../images/jplayer/progress_bar.png") 0 0 repeat-x;
	width:0px;
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("../images/jplayer/progress_bar.png") 0 -4px repeat-x ;
	width:0px;
	height:100%;
}

div.jp-title {
	width:100%;
}

.jp-title img {
	display:block;
	margin:5px auto;
}

div.jp-type-single div.jp-title {
	border-top:none;
}

div.jp-jplayer audio,
div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer {
	background-color: #000000;
}





/* @group TOGGLES */

/* The audio toggles are nested inside jp-time-holder */

ul.jp-toggles {
	list-style-type:none;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}

div.jp-audio .jp-type-single ul.jp-toggles {
	width:25px;
}

ul.jp-toggles li {
	display:block;
	float:right;
}

ul.jp-toggles li a {
	display:block;
	width:25px;
	height:18px;
	text-indent:-9999px;
	line-height:100%; /* need this for IE6 */
}

.jp-no-solution {
	padding:5px;
	font-size:.8em;
	background-color:#eee;
	border:2px solid #009be3;
	color:#000;
	display:none;
}

.jp-no-solution a {
	color:#000;
}

.jp-no-solution span {
	font-size:1em;
	display:block;
	text-align:center;
	font-weight:bold;
}

/* OTHER CODE */