* {
   margin: 0;
   padding: 0;
   border: 0;
}

html {
   height: 100%;
}

body {
   background: #18406b url(hintergrund.jpg) 50% 0 no-repeat;
   font-family: vHelvetica, Arial, sans-serif;
   font-size: 25px;
   line-height: normal;
   color: #0c316c;
   display: table;
   width: 100%;
   height: 100%;
   min-width: 1024px;
}

a {
   color: #0c316c;   
}

#wrap {
   margin: 0 auto;
   width: 1024px;
   height: 855px;
   position: relative;
}

#countdown {
   position: absolute;
   left: 25px;
   top: 300px;
   width: 230px;
   color: #000000;
   font-size: 38px;
   font-weight: bold;
   text-align: center;
}

h1 {
   position: absolute;
   left: 20px;
   top: 30px;
}

h1 a {
  display: block;
  width: 430px;
  height: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 500px;
}

ul {
   position: absolute;
   left: 35px;
   top: 411px; 
   text-transform: uppercase;
   list-style: none;
}

ul li {
   margin-bottom: 30px;
}

ul a {
   color: #ffffff;
   text-decoration: none;
}

ul a:hover {
   text-decoration: underline;
}

#content {
   position: absolute;
   left: 335px;
   top: 425px;
   width: 660px;
}

#content h2 {
   font-size: 30px;
   color: #c32710;
   margin-bottom: 20px;
}

#content p {
   margin-bottom: 20px;
}

#content p.small {
   font-size: 17px;
}

#facebook {
   position: absolute;
   left: 945px;
   top: 330px;
   vertical-align: bottom;
}

#twitter {
   position: absolute;
   left: 880px;
   top: 330px;
}

#meta {
   position: absolute;
   right: 0;
   top: 3px;
   font-size: 11px;
}

#meta a {
   color: #ffffff;
   text-decoration: none;
}

#meta a:hover {
   text-decoration: underline;
}