/* Produkt Player */

.playernavi {
float: left;
margin: 0 16px 0 0;
padding: 0;
border-top: #999999 10px solid;
background: #dddddd;
}

.playernavi li { 

list-style-type: none;
}

.playernavi li a {
color: #000 !important;
display: block;
width: 211px;
padding: 12px 0 12px 14px;
border-bottom: #999999 1px solid;
}

.player-content {
float: left;
width: 430px;
}

.player-content h2 {
font-size: 1.2em; 
color: #F11A29; 
font-weight: bold; 
margin-bottom: 20px; 
}


.player-content p {
line-height: 1.5em;
margin-bottom: 15px;
}

.bildnavi {
width: 457px;
padding: 20px 0 20px 0;
text-align: center;
}

.bildnavi a {
color: #000 !important;
font-weight: bold;
}

.bildnavi .right {
color: #000 !important;
font-weight: bold;
padding: 3px 15px 3px 0;
background: url(../images/player_arrow_right.gif) right center no-repeat;
}

.bildnavi .left {
padding: 3px 0 3px 20px;
background: url(../images/player_arrow_left.gif) left center no-repeat;
float: left;
}


.bildnavi .left:hover,
.bildnavi .lefton {
color: #f11a29!important;
background: url(../images/player_arrow_left_on.gif) left center no-repeat;
}

.bildnavi .right {
padding: 3px 20px 3px 0;
background: url(../images/player_arrow_right.gif) right center no-repeat;
float: right;
}

.bildnavi .right:hover,
.bildnavi .righton {
color: #f11a29!important;
background: url(../images/player_arrow_right_on.gif) right center no-repeat;
}

#player-img-counter{
font-weight: bold;
position: relative;
z-index: 10;
top: 280px;
right: -420px;
width: 60px;
}

#player-control-restart {
padding: 5px 0;
padding-left: 18px;
background: url(../images/player_restart.gif) left center no-repeat;
}

#player-control-restart:hover {
color: #f11a29!important;
background: url(../images/player_restart_on.gif) left center no-repeat;
}

#player-control-play {
padding-left: 18px;
background: url(../images/player_play.gif) left center no-repeat;
}

#player-control-play:hover,
#player-control-play.on {
color: #f11a29!important;
background: url(../images/player_play_on.gif) left center no-repeat;
}

#player-control-stop {
padding-left: 18px;
background: url(../images/player_stop.gif) left center no-repeat;
}

#player-control-stop:hover,
#player-control-stop.on {
color: #f11a29!important;
background: url(../images/player_stop_on.gif) left center no-repeat;
}

#player-image {
width:454px;
height:300px;
}