/************************************
 * STLYESHEET HOLGERSTOLZENBURG.DE  *
 ************************************/
 
body, html {
    width               : 100%;
    height              : 101%;
    margin              : 0px;
    padding             : 0px;
    background-color    : #606060;
    font-size           : 10px;
    font-family         : Arial, Helvetica;
    color               : #000000;
} 

a:link {
    color               : #700000;
    text-decoration     : none;
    font-weight         : bold;
}

a:visited {
    color               : #700000;
    text-decoration     : none;
    font-weight         : bold;
}

a:hover {
    color               : #700000;
    text-decoration     : underline;
    font-weight         : bold;
}


ul {
    margin              : 0px;
    padding             : 0px;
    border              : 0px solid blue;
}

li {
    margin              : 0px;
    padding             : 0px;
    border              : 0px solid red;
}

h1 {
    font-size           : 14px;
    color               : white;
    text-decoration     : underline;
}

/************************************
 *              FRAMEWORK           *
 ************************************/
 
img {
    border              : 0px solid;
}

#blind_top {
    position            : fixed;
    top                 : 0px;
    left                : 0px;
    height              : 80px;
    width               : 100%;
    z-index             : 8;
    background-color    : black;
}
#uppermain_blind {
    position            : fixed;
    top                 : 80px;
    left                : 0px;
    width               : 100%;
    height              : 10px;
    z-index             : 7;
    background-color    : #606060;
}

#lowermain_blind {
    position            : fixed;
    bottom              : 60px;
    left                : 0px;
    width               : 100%;
    height              : 10px;
    z-index             : 7;
    background-color    : #606060;
}

#headline {
    position            : fixed;
    top                 : 10px;
    left                : 60px;
    right               : 60px;
    z-index             : 9;
    font-size           : 14px;
    color               : #444444;
    font-weight         : bold;
    text-align          : center;
    line-height         : 1.4;
}

#menu {
    position            : fixed;
    display             : inline; /* block */
    top                 : 59px;
    left                : 40px;
    height              : 20px;
    z-index             : 9;
    background-color    : #000000;
}

#menu li{
    display             : inline;
}

#menu a {
    color               : #888888;
    text-decoration     : none;
    display             : inline; /* block */
    padding-top         : 5px;
    padding-bottom      : 5px;
    padding-right       : 5px;
    padding-left        : 5px;
    }

#menu a:hover {
    background-color    : #111111;
    text-decoration     : underline;
    color               : #BBBBBB;
}
#menu a.naviactive {
    background-color    : #111111;
    text-decoration     : none;
    color               : #BBBBBB;
}

#left {
    position            : fixed;
    top                 : 0px;
    left                : 0px;
    height              : 101%;
    width               : 20px;
    z-index             : 9;
    background-color    : #000000;
    text-align          : center;
    font-size           : 10px;
}

#upper_hr {
    position            : absolute;
    top                 : 95px;
    left                : 60px;
    right               : 190px;
    z-index             : 6;
    font-size           : 14px;
    color               : #700000;
}

#pic {
    position            : fixed;
    top                 : 0px;
    right               : 0px;
    width               : 150px;
    height              : 101%;
    z-index             : 7;
    background-color    : black;
    background-image    : url(../pics/side/side.jpg);
}
#bottom {
    position            : fixed;
    bottom              : 0px;
    height              : 60px;
    width               : 100%;
    z-index             : 8;
    background-color    : black;
}

#site {
    position            : absolute;
    top                 : 160px;
    left                : 60px;
    right               : 200px;
    padding-bottom      : 100px;
}

/************************************
 *              Referenzen          *
 ************************************/ 

.discoCover {
    float               : left;
    padding             : 0px;
}

.discoText {
    margin-top          : 0px;
    margin-left         : 120px;
    padding-left        : 0px;
    padding-top         : 20px;
    padding-bottom      : 10px;
    height              : 80px;
    border              : 0px solid black;
    background-color    : #505050;
}
.discoBand {
    margin              : 5px;
    font-size           : 14px;
    color               : white;
    font-weight         : bold;
}
.discoTitle {
    display             : inline;
    margin              : 5px;
    margin-right        : 0px;
    padding-left        : 10px;
    font-size           : 12px;
    color               : white;
}
.discoDate {
    display             : inline;
    margin              : 5px;
    margin-left         : 0px;
    font-size           : 10px;
    color               : #888888;
}
    
.discoJob {
    margin              : 5px;
    padding-left        : 10px;
    color               : #888888;
}

.discoHr {
    clear               : left;
    margin              : 15px;
    height              : 1px;
    border              : 0px solid;
    color               : #404040;
    background-color    : #404040;
}

/************************************
 *              IMPRESSUM           *
 ************************************/ 

.imprint {
    margin-bottom       : 30px;
    padding-left        : 20px;
    text-align          : justify;
    max-width           : 400px;
}

/************************************
 *              SAE                 *
 ************************************/
 

.sae {
    margin              : 0px;
    padding             : 0px;
    border              : 0px solid red;
    display             : block;
    font-size           : 11px;
    line-height         : 1.5;
}

.sae a {
    color               : #AAAAAA;
    text-decoration     : none;
}

.sae a:hover {
    text-decoration     : underline;
    color               : #BBBBBB;
}

/************************************
 *              PLAYER              *
 ************************************/
 
.player {
    border              : 1px solid;
    padding             : 10px;
    margin-top          : 20px;
    width               : 550px;
    background-color    : #000000;
    font-weight         : bold;
    background-image    : url(../pics/icons/bgstripes.jpg);
}

.player_pressplay {
    text-align          : center;
    margin-bottom       : 10px;
    color               : #ffffff;
    font-size           : 12px;
}

.player_play {
    display             : table-cell;
}

.player_interpret {
    display             : table-cell;
}

.player_title {
    display             : table-cell;
}

.player_info {
    display             : table-cell;
    color               : #000000;
}

.player_credits {
    display             : table-cell;
    color               : #000000;
}

.player_hp {
    display             : table-cell;
}