@charset "utf-8"; /* CSS Document */

/* media corrections */
@media handheld and (max-width: 500px) {
    #Header {display: none; background-color: black;}
    #Book-Description{width: 75%;}
}

body{background-color: white;}

/* layout (positions, dimensions & margins) */
#Header{
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 5.7vmin; min-height: 39px;
    background-color: black;/* rgb(245,245,245)*/;
    border: 0 solid red;
    z-index:15;
}
#Footer{
    position: fixed;
    display:table;
    bottom: 0; left: 0; 
    width: 100%;
    height: 5%; min-height: 30px;
    border-top: 1px solid rgb(245,245,245) ;
    background-color: white;
    z-index: -15;
}
#ContextMenu{
    position:fixed;
    top: 7vmin; right:6vmin;
    padding-top:39px; /* min-height of Header */

}
#ContextMenu a{
    display:block;
    width:13.5vmin;
    min-width: 100px;
    padding: 0.5vmin 0;
}



/* compensation for min-height of Header */
#ContextMenu {padding-top:39px;} 



/* layout: inside Header panel */
img#logo{
    position:absolute;
    left:6vw; top:0; bottom:0; 
    height:2.1vmin; width:auto;
    margin: auto;
}
div#menu{    
    float:right;
    position:absolute;
    display:block;
    top:0; bottom:0; right:0;
    background-color: transparent;
}
div#menu a{
    display:inline-block;
    vertical-align:bottom;
    padding:2.1vmin 1.5vw;
    background-color: transparent;
}



/* borders & backgrounds */
#Header{
    border: 0 solid red;
    background-color: rgb(245,245,245);    
}
#Footer{
    border-top: 1px solid rgb(245,245,245) ;
    background-color: white;
}
#menu a{border-left:1px solid white;}
#ContextMenu a{border-bottom: 1px solid rgb(240,240,240);}
#ContextMenu a.current{border-bottom: 1px solid rgb(180,180,180);}




/* fonts & font colors*/
p, a{font-family:PTSans,Arial,sans-serif;}
a{text-decoration:none; color: #007cb9;}
#menu a{font-size:1.3vmin; color:rgb(150,150,150)}
#menu a.current{color: rgb(150,150,150); background-color: white;}
#menu a.empty, #menu a.empty:hover{color: rgb(210,210,210); background-color: transparent;}
#menu a:hover{background-color: rgb(240,240,240);}
#ContextMenu a{font-size:1.33vmin; color:#007cb9;}
#ContextMenu a.current{color: rgb(150,150,150); background-color: white;}
#ContextMenu a.empty, #ContextMenu a.empty:hover{color: rgb(210,210,210); background-color: transparent;}
#ContextMenu a:hover{background-color: rgb(240,240,240);}
#ContextMenu a.current:hover{background-color: transparent;}

/*a:link{color:#006699;}
a:visited{color:#006699;}*/
#menu a:hover{background-color: rgb(230,230,230);}
/*a:active{color:green;}*/

#Footer p{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    font-size: 1.2vmin; line-height: 133%;
    color: rgb(210,210,210);
    background-color: transparent;
}
#Footer p:hover{color:rgb(180,180,180);}