body {
font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
padding: 0px;
margin: 0px;
background-color: #000000;
background-image: url("/images/bg.jpg");
background-size: auto 100%;
background-repeat: no-repeat;
background-position: left top;
background-attachment: fixed;
}

h1 {
font-weight: normal;
color: #ffffff;
font-size: 1.5em;
margin: 0px;
margin-top: auto;
margin-bottom: auto;
}

h2 {
font-weight: lighter;
}

a {
text-decoration: none;
}

div.header {
box-sizing: border-box;
margin: auto 0px 0px 0px;
padding-left: 8px;
height: 45px;
background-color: #0082c9;
width: 100%;
}

div {
padding: 8px;
}

ul {
font-size: 1.1em;
list-style-type: none;
margin: 0;
padding: 0;
}

li a {
color: #222;
position: relative;
z-index: 1;
display: block;
width: 150px;
padding: 4px 18px;
background-color: white;
transition: box-shadow 0.2s;
}

li a:hover {
background-color: #999;
color: #fff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
z-index: 2;
}