body {
    margin: 10px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #E6E6E6;
    background-color: #004991;
    font-family: 'ArialMT', 'Arial', sans-serif;
    line-height: 19px;
    font-size: 17px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
}

div {
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: left;
/*    border: 1px solid red; */
}

#main {
    position: relative;
    width: 730px;
    height: 750px;
    background-image: url(background2.png);
    background-repeat: no-repeat;
    background-position: center;
}

#header {
    width: 650px;
    height: 42px;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    border-bottom: 1px solid white
}

#header_right {
    position: absolute;
    height: 30px;
    top: 8px; right: 40px;
}

#headline {
    margin-top: 25px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 34px;
}

#text {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 25px;
    margin-right: auto;
    width: 470px;
    font-size: 85%;
}

#text_impressum {
    margin: 90px;
    text-align: center;
    line-height: 25px;
    font-size: 20px;
}

#text_haftung {
    margin: 30px;
    text-align: justify;
    line-height: 13px;
    font-size: 9px;
}

#style_bold {
    font-weight: bold;
}

#style_italic_bold {
    font-style: italic;
    font-weight: bold;
}    

#quiz {
    position: absolute;
    top: 120px; right: 15px;
    width: 200px;
    height: 362px;
}

#quiz_ipod {
    position: absolute;
    top: 0px; right: 0px;
    width: 200px;
    height: 362px;
}

#quiz_sleeve {
    position: absolute;
    top: 0px; right: 0px;
    width: 200px;
    height: 180px;
}

#quiz_content {
    position: absolute; 
    top: 68px; left: 19px; 
    width: 152px;
    height: 224px;
    padding: 0px;
    color: white;
    font-size: 13px;
    text-align: center;
}

#disclaimer {
    font-size: 9px;
    line-height: 10px;
}

#picture {
    position: absolute;
    top: 85px; right: 20px;
    width: 171px;
    height: 415px;
}

#footer {
    position: relative;
    padding: 0px 0px;
    width: 690px;
    height: 83px;
    margin-top: 10px;
    background-image: url(footer_box.png);
    background-repeat: no-repeat;
    background-position: center;
}

#footer_text1 {
    font-size: 70%;
    position: absolute;
    right: 522px; top: 23px;
    padding: 0px 0px;
    width: 145px;
    height: 3em;
    text-align: right;
}

#icon1 {
    border-style: none;
    position: absolute;
    right: 457px; top: 13px;
}

#footer_text2 {
    font-size: 70%;
    position: absolute;
    right: 305px; top: 23px;
    padding: 0px 0px;
    width: 145px;
    height: 3em;
    text-align: right;
}

#icon2 {
    border-style: none;
    position: absolute;
    right: 240px; top: 13px;
}

#footer_text3 {
    font-size: 70%;
    position: absolute;
    right: 80px; top: 23px;
    padding: 0px 0px;
    width: 145px;
    height: 3em;
    text-align: right;
}

#icon3 {
    border-style: none;
    position: absolute;
    right: 13px; top: 13px;
}

#AppStoreBadge {
    position: absolute;
    left: 20px; top: 20px;
}

#scroller_bg {
    position: relative;
    width: 690px;
    height: 140px;
    margin-top: 10px;
    background-image: url(footer_box2.png);
    background-repeat: no-repeat;
    background-position: center;
}

#scroller {
    position: absolute;
    width: 670px;
    height: 120px;
    top: 10px;
    left: 10px;
    overflow: hidden;
}

#scroller_content {
    position: absolute;
    width: 670px;
    top: 20px; left: 0px;
}

#review {
    font-size: 75%;
    font-style: italic;
    font-weight: normal;
}

#review_title {
    color: #FFCC00;  
}

#review_stars {
  text-align: right; 
}

#review_text {
  
}

#review_user {
  text-align: right; 
}

#review_zoom {
    position: absolute;
    right: 5px; top: 5px;
}

#reviews_large {
    position: absolute;
    left: 20px; top: 100px;
    width: 670px; height: 630px;
    padding-right: 20px;
    overflow: auto;
}

a {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-weight: normal;
    color: #999999;
    text-decoration: none;
}

a:hover {
    color: #FFFFFF;
}
