/* Gerneral Definitions */

html, body  { height: 100%; margin: auto; font-size: 12px; font-family: "Century Gothic", Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif }
body {background: url('../img/bg/verlauf.jpg') bottom repeat-x}
/* body {background: #101010; } */
img { border: 0px }
form {margin: 0px; padding: 0px}
p {margin: 10px 0px 0px}
hr { margin: 5px 0px; padding: 0px; height: 1px; border: 1px dashed white }
ul {margin-top: 0px}

/* Fonts */
h1, h2, h3, h4 {margin: 0px}
h1 {text-transform: uppercase; font-size: 15px; font-weight: normal; }
h2 {font-size: 12px; border-bottom: 1px solid white; padding-bottom: 5px; margin-top: 5px; margin-bottom: 10px; font-weight: normal; }
h3 {margin-top: 10px}
h4 {font-size: 16px; margin: 15px 0px 0px}
#movie h4 {font-size: 18px; margin: 30px 20px 20px 20px}
.text2 {font-size: 10px; line-height: 12px}

/* Newsbereich oben */
#news p {font-size: 10px; line-height: 12px; margin-top: 10px}
#newsberichte a {float: right}

#newsletteranmeldung .text {width: 150px; margin-top: 5px; border: 1px solid black}
#newsletteranmeldung .submit {width: 150px; margin-top: 5px; }

#gewinnspiel, #onlineticket {text-align: right; padding: 10px;} 
#gewinnspiel select {margin: 5px 212px 0px 5px}
#onlineticket select {margin: 5px 0px 0px 5px}
#gewinnspiel .text, #onlineticket .text {width: 320px; margin: 5px 0px 0px 5px; border: 1px solid white}
#gewinnspiel .submit, #onlineticket .submit {width: 200px; margin-top: 10px; }
#gewinnspiel textarea,  {float: right; width: 320px; height: 100px; margin: 5px 0px 0px 5px; border: 1px solid white}

#gewinnspieltop {float: right; width: 210px;}

/* Images */ 
#sites img {float: right; margin: 5px 0px 20px 20px; border: 1px solid white} 

/* Links */
a {color: black}
img a:link {text-decoration: none}
h1 a, h2 a, h3 a {text-decoration: none; color: white}
#sitetext a {color: white} 
.eventlink {position: absolute; bottom: 60px; right: 100px}
.buttonlink {position: absolute; bottom: 60px; right: 35px}
.buttonlink2 {position: absolute; top: 0px; right: 30px;}
.buttonlink-suncompany {position: absolute; top: 60px; left: 40px}
.buttonlink-youngstyle {position: absolute; bottom: 45px; left: 40px}
.teaserlink {position: absolute; bottom: 20px; left: 30px}

/* Lists */
li {margin-top: 5px}

/* Layout - Container */ 
#main {position: relative; width: 960px; height: 960px; margin: auto; }
#logo, #logolink {position: absolute; top: -50px; left: 20px; z-index: 100;}
#logo {z-index: 90;}  
#homebutton {position: absolute; top: 180px; left: 362px; z-index: 90}
#onlinetickets {position: absolute; top: 231px; left: 900px; z-index: 90}
#onlinetickets2 {position: absolute; top: 241px; left: 920px; z-index: 90}
#tagline {position: absolute; top: 145px; left: 50px; font-size: 10px; text-align: center; width: 250px; line-height: 10px; z-index: 100} 
.playmovie {position: absolute; top: 20px; left: 160px; z-index: 100} 
#movie {position: absolute; top: 200px; left: 180px; width: 760px; height: 640px; background-color: white; text-align: center; z-index: 100; border: 1px solid black; }
#news {position: absolute; top: 10px; left: 420px}
#newsberichte {float: left; width: 270px; padding-right: 30px; border-right: 1px solid black;}

/* #newsletter {float: right; width: 160px; height: 110px; margin-right: 40px; padding-left: 25px} */

#showstars {margin-top: 420px}
#teaser {position: absolute; top: 570px; left: 0px; width: 190px; height: 270px; background: url('../img/teaser.jpg'); padding: 10px 0px 0px 30px; overflow: hidden}
#teaser2 {position: absolute; top: 580px; left: 0px; width: 150px; height: 170px;; color: white; padding: 0px 45px; background: url('../img/button-newsletter.jpg')}
#partner {position: absolute; top: 960px; left: 0px; width: 100%; height: 60px; margin: auto; text-align: center;  }
#footer {position: absolute; top: 1010px; width: 100%; text-align: center; font-size: 10px; border-top: 1px solid #fff; padding: 5px 0px 10px; color: #fff}
#footer a {color: #fff}
 
/* Startseite */
#event {position: absolute; top: 150px; left: 235px; width: 180px; height: 190px; color: white; padding: 80px 220px 0px 65px; background: url('../img/button-event.jpg')}
#newsletter, #tickets, #fotos {position: absolute; top: 220px; left: 680px; width: 160px; height: 170px;; color: white; background: url('../img/button-newsletter.jpg'); padding: 0px 45px; }
#newsletter {left: 0px; background: url('../img/button-newsletter.jpg');}
#tickets {left: 680px; background: url('../img/button-tickets.jpg') }
#fotos {left: 680px; background: url('../img/button-fotos.jpg') }
/* #location, #veranstalter, #tickets, #presse {position: absolute; top: 420px; color: white; width: 160px; height: 170px;; padding: 10px 45px 0px 45px; } */
/* #location, #veranstalter, #presse {background: url('../img/button.jpg');  } */
/* #veranstalter {top: 460px; left: 710px;} */
/* #location {top: 685px; left: 450px } */
/* #presse {top: 685px; left: 700px;} */

/* Unterseiten */
#sites {position: absolute; top: 171px; left: 360px; width: 500px; height: 650px; background: url('../img/sitebg.jpg'); color: white; padding: 20px 50px; font-size: 14px}
#sitetext {height: 560px; padding-right: 20px; overflow-y: auto; scrollbar-3dlight-color: white; scrollbar-arrow-color: #b16436; scrollbar-darkshadow-color: white; scrollbar-face-color: white; scrollbar-highlight-color: #b16436; scrollbar-shadow-color: #b16436; scrollbar-track-color: #eac9b6}
#sitetext p {margin-top: 10px}

.fotos {float: left; margin: 2px; width: 105px; height: 70px}

/* News */
.datum {font-size: 10px; margin-bottom: -10px}

 /* Sonstiges */
.cleaner {clear: both}
.imageleft {float: left; margin-right: 20px}
.noborder {border: 0px}