/* container for each pane: video, embed and email */
#fp-holder {
	margin:10px 0 0 100px;
}

#panes {
	background-color: #eee;
	height:340px;
	width:557px;
	float:left;	
	position:relative;
	z-index:1;	
	border:1px solid #ccc;
padding: 1px;
	font-family:verdana;
	font-size:12px;
}

/* embed and email pane */
#emailPane, #embedPane {	
	display:none;	
	margin:10px;
	text-align: left;	
}

/* player container style */
#player {	
	display:block;	
	height: 340px;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	background-color:#000;	
}

#panes input, #panes textarea {
	width:430px;
	font-size:12px;
	font-family:verdana;
	border:1px inset #666; 	
	padding:2px;
}

#panes textarea {
	padding:4px;
	height:100px;
}

#panes button {
	border:1px outset #ccc;	
	cursor:pointer;
	background-color:#f9f9fa;	
}

#panes label.left {
	float:left;
	margin-right:15px;	
}

#panes label.left input {
	width:180px;		
}

#panes h2 {
	margin-top:0px;		
}

#embedPane textarea {
	height:180px;
	background-color:transparent;	
	overflow-x:hidden;
	color:#BBBBBB;
	padding:4px;
}

/* close image */
div.close {
	background:url(http://www.gral.de/script/flowplayer/close.png) no-repeat;
	position:absolute;
	top:5px;
	right:5px;
	width:35px;
	height:35px;
	cursor:pointer;
}

/* pd-edits */

#fp-video_infobox {
	width: 558px;
	height: 73px;
	background-color: #f1f1f1;
	border: 1px solid #eaeaea;
	text-align: left;
	font-size: 11px;
	line-height: 15px;
	margin: 9px 0;
        margin-left: 100px;
        overflow: hidden;
        float: left;
}
#fp-video_infobox h1 {
	color: #cc0000;
	font-size: 11px;
	margin: 5px 0 0 5px;	
}
#fp-video_infobox p {
	margin: 5px;
}
#fp-infobox-buttons {
float: left;
margin-top: 9px;
width: 50px;
}
#fp-video_infobox-plus {
width: 22px;
height: 22px;
display: block;
background: transparent url(http://www.gral.de/script/flowplayer/plus.gif) 0 0 no-repeat;
margin: 0 0 5px 5px;
}
#fp-video_infobox-minus {
width: 22px;
height: 22px;
display: block;
background: transparent url(http://www.gral.de/script/flowplayer/minus.gif) 0 0 no-repeat;
margin: 0 0 5px 5px;
}

#fp-playlist,
#fp-playlist-pre {
	font-size: 9px;
	text-align: left;
	margin-left: 28px;
}
#fp-playlist-pre {
	margin-left: 0;
}

#fp-playlist div,
#fp-playlist-pre div {
	border: 1px solid #eaeaea;
	background-color: #f1f1f1;
	width: 156px;
	height: 350px;
	position: relative;
	float: left;
	margin: 27px 27px 0 0;
}
#fp-playlist-pre div {
	margin: 0 8px 10px 0;
	width: 130px;
	height: 320px;
}
#fp-playlist div:hover,
#fp-playlist-pre div:hover {
	border: 1px solid #d1d1d1;
	background-color: #dadada;
}
#fp-playlist div.playing,
#fp-playlist-pre div.playing {
	border: 1px solid #ff7e7e;
	background-color: #dadada;
}
#fp-playlist div a,
#fp-playlist-pre div a {
	text-decoration: none;
}
#fp-playlist div span,
#fp-playlist-pre div span {
	margin: 5px 0;
	font-size: 9px;
	color: #c00;
	background: transparent url(http://www.gral.de/script/flowplayer/fp-playlist-arrow.gif) 0 3px no-repeat;
	position: relative;
	left: -13px;
	padding-left: 13px;
	margin-left: 18px;
	display: block;
	font-weight: bold;
}
#fp-playlist-pre div span {
	background-image: none;
	position: static;
	left: 0;
	padding-left: 0;
	margin-left: 5px;
}

#fp-playlist div img,
#fp-playlist-pre div img {
	width: 120px;
	margin: 13px 0 0 18px;
}
#fp-playlist div a:focus,
#fp-playlist-pre div a:focus {
	outline: 0;
}
#fp-playlist-pre div img {
	margin: 5px 0 0 5px;
}
#fp-playlist div p,
#fp-playlist-pre div p {
	overflow: hidden;
	height: 180px;
	text-align:left;
	margin: 0 18px;
}
#fp-playlist-pre div p {
	margin: 0 5px;
}

.fp-readon {
	background: transparent url(http://www.gral.de/script/flowplayer/chain.jpg) 0 0 no-repeat;
        color: black;
        display: block;
        font-weight: bold;
        height: 19px;
        padding-left: 26px;
        padding-top: 3px;
        text-decoration: none;
        position: absolute;
        bottom: 10px;
        left: 18px;
}
.fp-readon:hover {
        color: #c00;
}
#fp-playlist-pre .fp-readon {
        bottom: 5px;
        left: 5px;
}

#rahmen-mmz {
  margin: 0px auto;
  width: 770px;
  text-align: left;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  background-color: #ffffff;
  padding-bottom: 25px;
}
#rahmen-mmz #rahmen-mmz {
  border: 0;
  background-color: transparent;
  padding: 0;
}
#fp-footer {
  background: url(http://www.gral.de/script/flowplayer/flash_kl.gif) 18px 20px no-repeat;
  margin: 27px 27px 0;
  padding: 17px 18px 16px;
  padding-left: 53px;
  background-color: #F1F1F1;
  border:1px solid  #EAEAEA;
  line-height: 140%;
  font-size: 10px;
}
#fp-footer a,
#fp-footer a:link {
  color: black;
  text-decoration: none;
  font-weight: bold;
}
#fp-footer a: {
  color: black;
}

div.hr {
	border-bottom: 1px solid #ccc;
        margin: 0 28px;
clear: both;
}