/*bildbereiche*/
#oeuffTitel{
    font-size:87%;
    font-weight:bold;
    background:rgba(255,255,255,0.7);
}
#textfeld{
    margin:auto;
    margin-top:123px;
    height:190px;
    width:549px;
    padding-left:10px;
    background:white;
    border:dashed 1px #979c8d;
    box-shadow:1px 1px 5px black;
}
#textfeld a{
    cursor:pointer;
}
#textfeld a:hover{
    color:turquoise;
}
#box{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);    
}
#exit{
    float:right;
    margin-top:11px;
    margin-right:137px;
    width:19px;
    height:19px;
    background:url(../img/x.png) center no-repeat;
    border:solid 1px black;
    box-shadow:1px 1px 5px black;
}
/* album */
#showBox{
    width:731px;
    height:500px;
    margin:auto;
    margin-top:67px;
    border:solid 1px rgba(0,0,0,0);
}
#showBox p{
    margin-top:102px;
    margin-left:283px;
    color:white;
    cursor:pointer;
}
#fotoBox{
    float:left;
    width:640px;
    height:480px;;
    margin:-250px 7px 0 43px;
    text-align:center;
}
#fotoBox img{
    box-shadow:1px 1px 5px black;
}
.navBtn{
    float:left;
    margin-top:-267px;
    padding:5px 3px 3px 3px;
    color:white;
    border:solid 1px black;
    box-shadow:1px 1px 5px black;
    cursor:pointer;
}
/* fang die katz */
#katzbox{
    width:900px;
    height:500px;
    margin:auto;
    margin-top:5px;
    box-shadow:1px 1px 5px black;
}
#katz{
    width:900px;
    height:500px;
    margin:auto;
}
#weg{
    position:absolute;
     top:-4px;
     left:0px;
}
#katzplayer{
    position:absolute;
    top:11px;
    left:555px;
    width:440px
}
/*--------- videoplayer ---------*/
#videoContain{
    width:768px;
    height:576px;
    margin:auto;
    margin-top:31px;
    border:solid 1px black;
    box-shadow:1px 1px 5px black;
}
#vidControl{
    position:relative;
    width:768px;
    height:31px;
    margin-top:-33px;
    background:rgba(43,43,43,0.5);
    opacity:1;
    transition:all 0.5s ease-in;
    -webkit-transition:all 0.5s ease-in;
}
#playCtrl{
    float:left;
    width:63px;
    height:31px;
    padding-left:5px;
    cursor:pointer;
}
.btn{
    float:left;
    margin:3px 7px 0 0;
    width:24px;
    height:24px;
    cursor:pointer;
}
#play{
   background:url(../img/play.png) center no-repeat;
}
#stopp{
   background:url(../img/stop.png) center no-repeat;
}
#playhead{
    position:absolute;
    left:3px;
    top:3px;
    width:0px;
    height:7px;
    background:rgba(255,255,255,0.7);
}
#headBg{
    position:relative;
    float:left;
    width:586px;
    height:13px;
    margin:9px 0 0 19px;
    background:rgba(255,255,255,0.33);
    cursor:pointer;
}
#vol{
    float:right;
    width:73px;
    height:25px;
    cursor:pointer;
    background:url(../img/volBG.png) right no-repeat;
}
#plus{
   background:url(../img/plus.png) center no-repeat;
}
#minus{
   background:url(../img/minus.png) center no-repeat;
}
.volbtn{
    float:left;
    margin:7px 11px 0 0;
    width:17px;
    height:17px;
    cursor:pointer;
}