* { box-sizing: border-box; -moz-box-sizing: border-box;}
body {
  font-family: Verdana, sans-serif;
  background: black;
  color: white;
  background: black url(img/background.jpg) no-repeat fixed;
}
body.home {
  /*body special for front-page*/
  background: black;
}
p {
  margin: 1.5em 0;
}
.container {
  clear: both;
  margin: 0 auto 100px auto;
  width: 600px;
}
body.home ul#menu {
  margin-bottom: 75px;
}
.container.wide {
  width: 800px;
}
.container.short {
  margin-top: 150px;
}
h1#logo {
  height: 103px;
  background: transparent url(img/logo.jpg) no-repeat 50% 100%;
  margin: 0;
}
h1#logo2 {
  position: fixed;
  width: 266px; height: 155px;
  right: 10px; bottom: 10px;
  background: transparent url(img/logo2.png) no-repeat;
  margin: 0;
}
h1 span {
  position: absolute;
  left: -10000px;
}
ul#menu {
  margin: 25px auto 100px auto; 
  padding: 0;
  overflow: auto; /*nodig om de UL een hoogte te geven, omdat er floats in zitten*/
}
#menu li {
  list-style: none;
  float: left;
  width: 160px;
  height: 43px;
  text-align: center;
}
#menu li a:link, 
#menu li a:visited {
  text-decoration: none;
  font-weight: bold;
  color: white;
  width: 160px;
  height: 43px;
  display: block;
}
#menu li a:hover,
#menu li a.active {
  color: yellow;  
}
#menu li a span { position: absolute; left: -10000px;}
#menu li a#bio { background: no-repeat url(img/clean/bio.png) top center ; }
#menu li a.active#bio,
#menu li a#bio:hover { background: no-repeat url(img/glow/bio.png) top center; }
#menu li a#songs { background: no-repeat url(img/clean/songs.png) top center ; }
#menu li a.active#songs,
#menu li a#songs:hover { background: no-repeat url(img/glow/songs.png) top center; }
#menu li a#visuals { background: no-repeat url(img/clean/visuals.png) top center ; }
#menu li a.active#visuals,
#menu li a#visuals:hover { background: no-repeat url(img/glow/visuals.png) top center; }
#menu li a#gigs { background: no-repeat url(img/clean/gigs.png) top center ; }
#menu li a.active#gigs,
#menu li a#gigs:hover { background: no-repeat url(img/glow/gigs.png) top center; }
#menu li a#contact { background: no-repeat url(img/clean/contact.png) top center ; }
#menu li a.active#contact,
#menu li a#contact:hover { background: no-repeat url(img/glow/contact.png) top center; }
#menu li a#index { background: no-repeat url(img/clean/home.png) top center ; }
#menu li a.active#index,
#menu li a#index:hover { background: no-repeat url(img/glow/home.png) top center; }
p.img {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.inset {
  text-align: center;
  font-size: 80%;
  color: gray;
}
.left.inset { margin: 8px 8px 0 0;}
.right.inset { margin: 8px 0 0 8px;}
.footer {
  font-size: 65%;
}
.footer,
.footer a:link,
.footer a:visited {
  color: gray;
}
a:link,
a:visited {
  color: white;
}
.past,
.past a:link,
.past a:visited { color: gray; }
a:hover {
  color: yellow;
}
.icon2 {
  width: 36px;
  height: 14px;
  border: 0;
}
ol.songs {
  list-style-type: none;
  padding: 0;
}
ol.songs li { 
  margin: 0;
  padding: 0 0 1em 0;
}
ul#gigs_list {
  list-style-type: none;
  text-align: center;
}
ul#gigs_list li {
  margin: 0 0 1em 0;
}
#when {}
#where { font-weight: bold;}
#what { }
#remarks { font-style: italic;}
blockquote {
  font-style: italic;
}