/*hoeren.css*/

#contentCol {
	margin-left: 20px;
	width: 640px;
}
/*Muss das hier sein? Gehoert doch eigentlich ins basis.css hier duerfen nur Anpassungen rein um Doppelungen wenn moeglich zu verhindern!*/
#kopf {
	position: relative;
	top: 0;
	left: 0;
	width: 940px;
	height: 169px;
	background-color: #FFFFFF;
	background-image: url(../img/bckgr_k.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#navCol
{
	float: left;
	margin-top: 25px;
	width: 200px;
	min-height: 265px;
}
#container
{
	position: relative;
	width: 940px;
	background-color: #fff !important;
	min-height: 600px;
	margin: 0 auto 0 auto;
	color: #000;
}
#contentContainer
{
	background-color: #e4f1f6;
	
}

/*Slider*/
#slider div {
/*notwendig wenn zwei blaue nebeneinander, bzw. wenn blau Position aendert*/
	position: relative;
	width: 225px;
	height: 177px;
	float: left;
	background-image: url(../img/linie_weiss_grau.png);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #BBCEC8;
}

#slider div:hover {
	background-image: none;
	background-color: #66FF00;
}

#slider div h2 {
	padding: 8px 10px 4px 10px;
	margin: 0;
}

#slider div p {
	padding: 0 10px 0 10px;
	margin: 0;
}

/*Wieder zurückgesetzt gb*/
#slider div.aktion img {
	position: absolute;
	left: 8px;
	bottom: 0;
	float: left;
	margin: 0;
}

#slider div.aktion p {
	padding: 0 10px 0 100px;
	margin: 0;
}

#slider div img {
	float: right;
	padding: 8px 0 0 0;
	margin: 0;
}

#slider div a {
	text-decoration: none;
}

/*ggf besser Loesbar mit CSS3 Hintergrund*/
#slider div div.lastSlideDiv {
	background-image: url(../img/linie_weiss_grau.png);
	background-repeat: repeat-y;
	background-position: right top;
	width: auto;
	height: 177px;
	float: none;
	background-color: Transparent;
	padding: 0;
	margin: 0;
}

#slider div div.lastSlideDiv:hover {
	width: auto;
	height: 177px;
	float: left;
	background-image: none;
	background-color: #66FF00;
}

#slider div#buttonLeft {
	width: 20px;
	height: 177px;
	background-color: #BBCEC8;
	padding: 0;
	margin: 0;
}

#slider div#buttonLeft img {
	float: none;
	padding: 0;
	margin: 0;
}

#slider div#buttonRight {
	width: 20px;
	height: 177px;
	background-color: #BBCEC8;
	padding: 0;
	margin: 0;
}

#slider div#buttonRight img {
	float: none;
	padding: 0;
	margin: 0;
}

#slider div.aktion {
	background-image: url(../img/linie_weiss_blau.png);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #3E607A;
}

#slider div.aktion:hover {
	background-image: none;
	background-color: #66FF00;
	color: #fff;
}

#slider div.aktion h2, #slider div.aktion p, #slider div.aktion a {
	color: #fff;
}

#slider div.aktion h2:hover, #slider div.aktion p:hover, #slider div.aktion a:hover {
	color: #fff;
}

/*Player*/
#player {
	position: relative;
	height: 299px;
	width: 620px;
	padding: 0 20px 0 20px;
}

#kapitel {
	position: absolute;
	left: 0;
	bottom: 22px;
	height: 55px;
	width: 660px;
	background-color: transparent;
}

#kapitelHintergrund {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: .85;
}

#audioSteuerung {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
}

#audioVor {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 4;
}

#audioZurueck {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
}

#infoAlter {
	position: absolute;
	right: 31px;
	top: 10px;
	z-index: 4;
}

#player .audioIcon {
	float: left;
	padding: 3px 10px 0 31px;
}

#player .infoIcon {
}

#player .altersIcon {
}

#player h1 {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

/*KapitelNavigation*/
#player div.browsebox {
	margin: 0;
	width: 450px;
	padding: 0;
}

#player div.browsebox ul {
	margin: 0;
	list-style-type: none;
	text-align: center;
	white-space: nowrap;
	padding: 0;
}

#player div.browsebox ul li {
	margin: 0;
	display: inline;
	color: #000;
	padding: 0;
}

#player div.browsebox ul li.back {
	float: left;
	vertical-align: middle;
}

#player div.browsebox ul li.next {
	float: right;
}

#player div.browsebox ul.resultCount li {
	padding: 0;
}

#player div.browsebox ul.resultCount li img {
	padding: 1px 6px 0 0;
}

/*PlayerNavigation*/
#player a.sm2_button {
	background-image: url(../img/player/play.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#player a.sm2_button:hover {
	background-image: url(../img/player/play.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#player a.sm2_button.sm2_playing {
	background-image: url(../img/player/pause.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#player a.sm2_button.sm2_playing:hover {
	background-image: url(../img/player/pause.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#player a.sm2_button.sm2_paused {
}

#player a.sm2_button.sm2_paused:hover {
}

#player .playerNavigation {
position: absolute;
left:20px;
bottom:0;
	width: 620px;
	height: 22px;
	background-color: #3E607A;
	line-height: 100%;
	color: #fff;
}

#player .playerNavigation p {
	float: left;
	padding-left: 8px;
}

#player .playerNavigation p.playerNavigationText {
	padding: 3px 4px 0 4px;
	color: #fff;
}

#player .playerNavigation p.playerNavigationTextLast {
	padding: 3px 0 0 8px;
	color: #fff;
}

#player .playerNavigation p.ZwischenraumG {
	padding-left: 14px;
}

#player #playIcon {
	position: absolute;
	z-index: 5;
	left: 44%;
	top: 35%;
	width: 78px;
	height: 63px;
	cursor:pointer;
}

/*Player Aktualisierung*/
#player .kapitelBox {
overflow: hidden;
	margin: 0;
	width: 450px;
	padding: 0;
}

#player .kapitelTxt {
	float: left;
	padding: 2px 0 0 0;
}

#player .kapitelBack {
	float: left;
	margin: 0 8px 0 8px;
	vertical-align: middle;
	line-height: 100%;
	padding: 2px 0 0 0;
}
#player .next{
	z-index:100000;
}

#player .kapitelNumbers {
	overflow: hidden;
	height: 20px;
	max-width: 235px;
	float: left;
	padding: 2px 0 0 0;
}

#player .kapitelNext {
	float: left;
	margin-left: 8px;
	padding: 2px 0 0 0;
}

#player #audioSteuerung h1 {
	padding: 8px 0 0 0;
}

#player .audioIcon {
	margin: 6px 0 0 0;
}
#containerPlay
{
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 20px;
	width: 620px;
	height: 277px;
	z-index: 1;
}


.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #081422;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	overflow:auto;
}
.white_content {
	display: none;
	position: absolute;
	top: 5%;
	left: 10%;
	width: 780px;
	background-color: #fff;
	min-height: 500px;
	margin: 0px;
	color: #000;
	z-index:1002;
	overflow: auto;
}


.opacity{
	filter:alpha(opacity=50); /* IE */
	opacity:0.5; /* allgemein */
	-moz-opacity:0.5; /* Mozilla */
	-khtml-opacity:0.5; /* KTHML */
	-opera-opacity:0.5; /* Opera */
}
.opacity70{
	filter:alpha(opacity=70); /* IE */
	opacity:0.7; /* allgemein */
	-moz-opacity:0.7; /* Mozilla */
	-khtml-opacity:0.7; /* KTHML */
	-opera-opacity:0.7; /* Opera */
}

#playerCursor{
	width:375px;
	background-image: url(../img/player/fischlinie_player.png);
	background-repeat: no-repeat;
	background-position: center center;
	display:inline;
}