/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13.08.2014, 16:12:54
    Author     : Benjamin
*/
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: Arial, sans-serif; }

.pad,
.phone {
  display: none; }

#site,
.wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul li {
    list-style: none;
    margin: 0 20px 0 0;
    padding: 0;
    display: inline; }
    ul li img {
      position: relative !important; }

#content {
  padding-top: 0px; }

header {
  background: url(../img/01-Header/Header-01.png) no-repeat top center;
  min-height: 665px;
  position: fixed;
  width: 100%; }
  header .wrapper {
    position: relative; }
  header figure {
    right: 0;
    top: 20px;
    margin: 50px;
    position: absolute; }

#numbers-and-kids {
  background: url(../img/02-Kids+Number/k-01-Malin.png) no-repeat center 400px;
  margin: 0 -500%;
  padding: 0.5em 500%;
  position: relative;
  min-height: 2200px; }
  #numbers-and-kids .kids {
    position: relative; }
    #numbers-and-kids .kids .lisa {
      position: absolute;
      top: 1150px;
      right: -50px; }
    #numbers-and-kids .kids .leni {
      position: absolute;
      top: 1600px;
      left: 20px; }
  #numbers-and-kids .equals {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -160px; }
  #numbers-and-kids .numbers {
    position: fixed; }
    #numbers-and-kids .numbers img {
      position: absolute;
      top: 0;
      left: 0; }

#cd {
  min-height: 800px;
  position: relative; }
  #cd img {
    margin: 0;
    position: absolute; }
    #cd img.jewel {
      left: 0;
      top: 100px; }
    #cd img.stickers {
      top: 0;
      left: 400px; }
    #cd img.tracks {
      top: 10px;
      left: 400px; }
    #cd img.lyrics {
      right: 0;
      bottom: 10px; }
  #cd ul {
    position: relative;
    top: 660px; }

#video {
  text-align: center;
  padding: 2em 0;
  position: relative;
  z-index: 100;
  background-image: url(../img/04-Video/Stars-01.svg), url(../img/04-Video/Stars-02.svg);
  background-repeat: no-repeat;
  background-position: 100px top, 880px top; }
  #video iframe {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); }

#buy {
  min-height: 900px;
  background: url(../img/05-Buy/Buy-BG.png) no-repeat 260px top;
  padding-top: 980px;
  top: 0;
  left: 0;
  position: relative;
  z-index: 1; }
  #buy .bar {
    background: #18b582;
    margin: 0 -500%;
    padding: 0 500%;
    position: relative;
    height: 200px;
    z-index: 100; }
    #buy .bar .inner {
      position: relative; }
      #buy .bar .inner h1 {
        float: left; }
      #buy .bar .inner ul {
        float: right;
        padding-top: 62px; }
    #buy .bar .arrow {
      position: absolute;
      bottom: -30px;
      left: 50%;
      margin-left: -230px; }

footer {
  padding: 0 1em 1em; }
  footer a {
    float: right;
    display: inline-block;
    padding-top: 1em;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    weight: bold; }
    footer a:hover {
      text-decoration: underline; }

/*# sourceMappingURL=styles.css.map */