/* <style> */
  
    /* allgemeines */
    img       {border:none;}
    div       {vertical-align: top; font-family: arial; font-size: 9pt; text-decoration: none; color: black; text-align: justify;}
    a         {text-decoration: none; color: #909090;}
    a:hover   {text-decoration: none; color: #909090; background-color: #757575;}
    body      {text-align: center; margin: 0px; background-color: #404040; width: 100%;}
    span.rot  {font-family: arial; font-size: 9pt; text-decoration: bold; padding-left: 33px; padding-right: 34px; color: #990000;}
    .lyrics   {font-family: arial; font-size: 9pt; color: #303030;}
    
    #rahmen {
        /* umfasst die box */
        background-color: #606060;
        width: 1000px;
        height: 619px;
        margin: auto;
        margin-top: 5px;
        padding-bottom: 6px;
        vertical-align: bottom;
    }
    #topgrafik {
        /* das BOYACOSHA bild oben */
        float: left;
        width: 500px;
        height: 30px;
    }
    #vertmenu {
        position: absolute;
        left: 2px;
        top: 560px;
        width: 1000px;
        height: 12px;
    }
    #box {
        /* die box mit bild, inhalt und menu */
        background-color: #707070;
        width: 1000px;
        height: 560px;
        margin: auto;
        vertical-align: bottom;
        position: relative;
    }
    *:first-child+html #box {top: 0px;}
    div[id] #box {top: 50px;}

    #inhalt {
        /* der seiteninhalt, scrollbar */
        float: right;
        width: 790px;
        height: 550px;
        padding: 5px;
        position: absolute;
        left: 192px;
        border-left: solid 1px;
        border-color: #404040;
    }
    #menupunkte1 {
        /* der bereich der menüpunkte ganz links */
        width: 45px;
        height: 550px;
        position: absolute;
        left: 8px;
        top: 2px;
    }
    #menupunkte2 {
        /* der bereich der menüpunkte links */
        width: 45px;
        height: 550px;
        position: absolute;
        left: 53px;
        top: 2px;
    }
    #menupunkte3 {
        /* der bereich der menüpunkte mitte */
        width: 45px;
        height: 550px;
        position: absolute;
        left: 98px;
        top: 2px;
    }
    #menupunkte4 {
        /* der bereich der menüpunkte rechts */
        width: 45px;
        height: 550px;
        position: absolute;
        left: 143px;
        top: 2px;
    }
    .karos {
        /* die einzelnen menüpunkte */
        width: 30px;
        height: 30px;
        text-align: center;
        padding: 4px;
    }
    .unlink {
        /* nichtverlinkte menüpunkte */
        border: solid 1px;
        color: #555555;
    }
    .link {
        /* verlinkte grafiken */
        border: solid 1px;
        color: #555555;
    }
    .link:hover {
        /* maus drüber */
        border: solid 1px;
        color: black;
    }
    .link:active {
        /* klicken */
        border: solid 1px;
        color: white;
    }
    .thumb {
        /* kleine vorschaubilder in den alben */
        border: solid 1px;
        color: #555555;
        padding: 5px;
    }
    .thumb:hover {
        /* kleine vorschaubilder in den alben, maus drüber */
        border: solid 1px;
        color: black;
        padding: 5px;
    }
    .thumb:active {
        /* kleine vorschaubilder in den alben, klicken */
        border: solid 1px;
        color: white;
        padding: 5px;
    }

a.soundcloud-dropbox:hover {
color: white !important; 
background-color: transparent !important; 
background-position: -250px 0 !important;
}
*html a.soundcloud-dropbox {
background-image: none !important; 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.soundcloud.com/images/dropbox_small_dark.png?0ba06d)', sizingMethod='crop') !important;
}

/* </style> */