html, body { background-color: #000; font-family: Arial, verdana, sans-serif; font-size: 12px;  }
html { height: 100%; overflow: hidden; }
div.horizontal_center { height: 1px; width: 100%; position: absolute; top: 50%; display: block; margin: 0 auto; z-index: 2; }
div#container { width: 712px; height: 600px; position: relative; top: -300px; margin: 0 auto; z-index: 10; background: #fff url('./bg_intro_3.jpg') left top no-repeat; }

div#container.intro { background: #000; }
div#container.intro div.navigation { display: none; }
div#container.intro a.skip_intro { color: #F00; position: absolute; bottom: 1%; z-index: 15; text-align: center; width: 100%; text-decoration: none; }
div#container.intro a.skip_intro:hover { color: #00BDBF; }
div#container.intro img { position: absolute; top: 0; left: 0; }
div#container.intro_after { background: #fff url('./bg_intro_3.jpg') left top no-repeat; }
div#container.home { background-image: url('./bg_home.jpg'); }
div#container.credits { background-image: url('./bg_credits.jpg'); }
div#container.video_coldcase,
div#container.video { background-image: url('./bg_video.jpg'); }
div#container.pictures { background-image: url('./bg_pictures.jpg'); }
div#container.reviews { background-image: url('./bg_reviews.jpg'); }
div#container.playlist { background-image: url('./bg_playlist.jpg'); }

h1 { font-size: 19px; position: absolute; left: 159px; top: 106px; color: #f00; }
div.content { position: absolute; top: 155px; left: 135px; height: 345px; width: 355px; padding: 1em; }
div.content p { margin: 0; }

/* Navigatie */
div.navigation { position: absolute; }
div.navigation.top { top: 72px; right: 45px; }
div.navigation.bottom { bottom: 12px; }
div.navigation.bottom.left { left: 43px; }
div.navigation.bottom.right { right: 150px; }
div.navigation a { margin: 0 3px; }
div.navigation a { color: #00BDBF; text-decoration: none; }
div.navigation a:hover,
div.navigation a:active,
div.navigation a.active { color: #f00; }