*{
    padding:0;
    margin:0;
    outline: 0 none;
}



/*DIVs***********/


#content_container {
    position: absolute;
    left: 50%;
    top: 50%;
   margin-left:-480px;
    margin-top: -330px ;
    width: 960px;
    height: 660px;
    border: 1px solid #000000;
    background-color: #a09fa4;
    clear: left;
    box-shadow: 6px 6px 20px #bcbbc0;


}

#headline {
    position: relative;
    left:105px;
    top: 20px;
    height:20px;
    width: 750px;
    border-bottom: 1px solid #000000;
    font-family: Cutive, serif;
    font-size: 12px;


}

#headlineTextLeft {
    position: absolute;
    left:0;
    width: 400px;
}

#headlineTextRight {
    position: absolute;
    left:400px;
    width: 350px;
    text-align: right;

}


#imageContainer {
position: relative;
    left:150px;
    top: 75px;
    width:810px;

}

#imageContainer a img
{border: 1px solid #000000;}


    /*Klassen */

.previewImageDiv {
    margin-right: 90px;
    width:160px;
    height: 180px;
    font-family: 'Cabin', sans-serif;
    font-size: 12px;
    display: inline-block;

}
a.transparentHover {

}
a.transparentHover:hover {
    opacity: 0.7 ;

}


.previewImage {
    height: 120px;
    box-shadow: 3px 6px 10px #29292b;
    margin-bottom:6px;

}




/*Klassen für Popups */
.popup {
    margin: 0 auto;
    width: 600px;
    height: 360px;
    border: 1px solid #000000;
    background-color: #a09fa4;
    box-shadow: 6px 6px 20px #000000;



}

.ui-dialog  {
    outline: 0 none;

}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #272727;
    opacity: .9;
    filter: Alpha(Opacity=90);
}

.ui-dialog-titlebar {
    display: none;
}


.popupInfo {
    position: absolute;
    top:450px;
    left:40px;
    width:640px;
    font-family: 'Cabin', sans-serif;
    font-size: 14px;
    padding-top: 12px;



}

.popupInfoText {
   position: absolute;

}

a.closeLink, a.closeLink:visited{
    text-decoration: none;
    color: #000000;



}

a.closeLink:hover {
    text-decoration: none;
    color: #343434;



}


.close {

 position: absolute;
   width: 100%;
text-align: right; }


/* styles für mp3player */



.audioPlayer {
    position: relative;
    width: 460px;
    height:304px;
   left: 130px;
    top: 30px;
    border: none;





}

.playerImage {
    width:235px;
    float: right;
}



 #player {
    list-style-type:none;
    width: 458px;
    border: 1px solid #000000;
     background-color: #5b5b5b;
    margin: 0px;
    font-family: 'Cabin', sans-serif;
    font-size: 14px;
 }



  #player img   {
      box-shadow: 3px 6px 10px #29292b;
     margin-left: 27px;
     margin-right:27px;
      margin-top: 15px;


}

 #player ul {
     width: 208px;

 }



#player  li a{
   height: 30px;
    display:block;
    width: 208px;
    padding-top: 4px;
    height: 27px;
    color: #cccccc;
    background-color:#000000;
    text-decoration: none;
    padding-left: 15px;





}



 #player li a, #player a:visited {
     color: #cccccc;
    text-decoration: none;
}





 #player li a:hover, #player  a:active  {

   width: 100%;
    background-color: #ffffff;
    color: #000000;
}

 /*specials für museumplayer */
#museumPlayer {
    list-style-type:none;
    height:275px;
    width: 458px;
    border: 1px solid #000000;
    background-color: #272727;
    margin: 0px;
    font-family: 'Cabin', sans-serif;
    font-size: 14px;
    color: #fff;
}

#museumPlayer ul {
    width: 447px;
    padding-top: 3px;
    padding-left: 10px;
   height: 27px;
    display:block;



}

#museumPlayer ul:nth-child(even){
    background-color: #000000;
}




#museumPlayer ul li {
    display: inline;
    height: 20px;


}

#museumPlayer ul ul {
    position: absolute;
    right: 0px;
    display: inline;
    background: none;
    text-align: right;




      font-size: 12px;





  }

#museumPlayer ul ul li {
    display: inline;


    padding-right: 5px;

}




#museumPlayer  li a{

    text-decoration: none;





}



#museumPlayer li a, #museumPlayer a:visited {
    color: #c8c8cc;
    text-decoration: none;
}





#museumPlayer  a:hover, #museumPlayer  a:active  {

   text-decoration: underline;
}

 .playing {
    color: #cd0a0a !important;

}