/* carousel */
.hlist {
position: relative;
}
/*
.hlist .header {
position: relative;
display: block;
height: 18px;
background: transparent url(../../../images/bewegungsmelder/layout/content/gray_dot.gif) repeat-x 0 17px;
}
*/
.hlist .body {
position: relative;
height: 76px;
}
.hlist.small .body {
height: 60px;
}
/* BUTTONS */
.carousel-prev-arrow-container, 
.carousel-next-arrow-container {
position: absolute;
width: 60px;
text-align: center;
margin-top: 8px; 
}
.hlist.small .carousel-prev-arrow-container, 
.hlist.small .carousel-next-arrow-container {
margin-top: 0;
}
.carousel-next-arrow-container {
right: 0;
}
.carousel-prev-arrow-container img, 
.carousel-next-arrow-container img {
/* image height has to be 60px */
cursor: pointer;
}
.carousel-component { 
visibility: visible; /* component turns it on when first item is rendered */
position: absolute; 
width: 540px; 
left: 60px;
height: 76px;
overflow: hidden;
}
.hlist.small .carousel-component { 
height: 60px;
}
.carousel-clip-region {
overflow: hidden;
width: 540px;
height: 76px;
position: relative;
}
.hlist.small .carousel-clip-region {
height: 60px;
}
.carousel-component ul.carousel-list { 
width:10000000px;
position:relative;
margin-top: 0 !important;
margin-top: 12px;
}
.carousel-component .carousel-list li { 
float:left;
width: 60px; /* for ie6 */
text-align: center; /* for ie6 */
height: 76px; 
line-height: 76px;
}
.hlist.small .carousel-component .carousel-list li { 
height: 60px; 
}
.carousel-component .carousel-list li a {
display: table-cell;
width: 60px; 
height: 76px;
vertical-align: middle;	
text-align: center;
}
.hlist.small .carousel-component .carousel-list li a {
height: 60px;
}
#overlay {
position: absolute;
width: 560px;
height: 76px;
background-color:  #fff;
z-index: 100;
text-align: center;
font-size: 30px;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
line-height: 76px;
vertical-align: middle;
}
.hlist.small #overlay {
height: 60px;
line-height: 60px;
}

/* picview */
.pictures {
}
.pictures .pictureframe {
text-align: center;
}
.pictures .pictureframe .image {
position: relative;
width: 100%;
overflow: visible;
min-height: 300px;
}
.pictures .pictureframe .image img {
}
.pictures .pictureframe a.previous,
.pictures .pictureframe a.next {
position: absolute;
top: 0px;
display: block;
height: 100% !important;
height: 450px;
width: 50%;
}
.pictures .pictureframe a.previous {
left: 0px;
background: transparent url(../../images/bewegungsmelder/layout/arrow_left.gif) no-repeat 0 center;
}
.pictures .pictureframe a.previous:hover {
/* background: transparent url(../../images/bewegungsmelder/layout/content/arrow_yellow_left.gif) no-repeat 5% center; */
}
.pictures .pictureframe a.next {
right: 0px;
background: transparent url(../../images/bewegungsmelder/layout/arrow_right.gif) no-repeat 100% center;
}
.pictures .pictureframe a.next:hover {
/* background: transparent url(../../images/bewegungsmelder/layout/content/arrow_yellow_right.gif) no-repeat 95% center; */
}
.pictures .pictureframe .add,
.pictures .pictureframe .save {
margin-left: 20px;
display: inline;
}
.pictures .pictureframe .save {
display: none;
}
.pictures .pictureframe .persons {
padding: 4px;
width: 560px;
font-size: 12px;
margin: 0 auto;
}

.navirow {
position: relative; 
text-align: center;
font-size:11px;
}
.navirow .back {
position: absolute;
}
.navirow .selectlist {
}
.navirow .remote {
position:absolute;
right:0;
top:0;
}



a.player {
float: left;
display: block;
height: 16px;
width: 16px;
background: url(../../images/bewegungsmelder/layout/remote.gif) no-repeat;
}
a.player.play {
background-position: 0 0;
}
a.player.play:hover {
background-position: 0 -16px;
}
a.player.playing {
background-position: 0 -16px;
}
a.player.pause {
background-position: -16px 0;
}
a.player.pause:hover {
background-position: -16px -16px;
}
a.player.paused {
background-position: -16px -16px;
}
a.player.fastforward {
background-position: -96px 0;
}
a.player.fastforward:hover {
background-position: -96px -16px;
}
a.player.fastrewind {
background-position: -80px 0;
}
a.player.fastrewind:hover {
background-position: -80px -16px;
}