@charset "UTF-8";

/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, p, pre, address, blockquote, span, ol, ul, li, dl, dd, dt, img { margin: 0; padding: 0; }

body { background-color:#000; font-family:"Lucida Grande", Helvetica, Arial, sans-serif; font-size: 100.01%; color:#000; text-align: center; }

#homeButton { padding: 0; margin: 0; width: 220px; height: 40px; float:left; }

img a { border: 0px; }

#HEAD { background-image: url(../NAV/HH_Head_Background.jpg); background-repeat: repeat-x; height: 40px; width: 820px; padding: 0; margin: 0 auto 0 auto; }

#indexHero { margin: 0 auto 0 auto; padding: 0; clear: both; height: 550px; width: 820px; position: relative; }

#Hero { margin: 0 auto 0 auto; padding: 0; clear: both; height: 250px; width: 820px; position: relative; }

#TRAILER { margin: 0px; padding: 0px; height: 306px; width: 380px; position: absolute; top: 140px; left: 405px; }

#AUDIO { margin: 0px; padding: 0px; height: 50px; width: 192px; position: absolute; top: 420px; left: 410px; overflow: hidden; }

#flashPlayer { margin: -3px 0 0 -4px;}

#Content { font-size: 0.8em; line-height: 1.4em; color: #333; background-color: #FFF; text-align: left; height: auto; width: 775px; margin: 0 auto 0 auto; padding: 40px 20px 20px 25px; }

#Content H1 { font-size: 1.4em; padding-bottom: 0.8em; }

#Content H2 { font-size: 1.3em; padding: 0.9em 0 0.2em 0; color:#060; font-weight: bold; }

#Content p { padding-bottom: 1em; font-weight: normal; }

.fett { padding-bottom: 1em; font-weight: bold; }

.dunkelgrau { padding-bottom: 1em; font-weight: bold; color:#333; }

.rot { padding-bottom: 1em; font-weight: bold; color:#F00; }

.hellgrau { padding-bottom: 1em; font-weight: bold; color:#666; }

#Content a:link, #Content a:visited { color: #333; font-weight:bold; text-decoration: none; }

#Content a:hover, #Content a:active { color: #C60; font-weight:bold; text-decoration: none; }

/* MAINNAV */
#mainNav { width: 820px; height: 40px; margin: 0; padding: 0; position: relative; z-index: 9999; float:left; }

#mainNav #navItem ul { margin: 0; padding: 0; }

#mainNav #navItem li { display: inline; }

#mainNav #navItem li a { float: left; height: 0px; padding-top: 40px; overflow: hidden; }

#mainNav #navItem li a { background-image: url(../NAV/HH_NICHTS_NAV.jpg); background-repeat: no-repeat; }

/* BUTTONS */
#mainNav #navItem li#hh a { background-position: 0 0; width: 220px; }

#mainNav #navItem li#program a { background-position: -220px 0; width: 120px; }

#mainNav #navItem li#dates a { background-position: -340px 0; width: 120px; }

#mainNav #navItem li#bio a { background-position: -460px 0; width: 120px; }

#mainNav #navItem li#gadgets a { background-position: -580px 0; width: 120px; }

#mainNav #navItem li#press a { background-position: -700px 0; width: 120px; }

/* OVER STATES */
#mainNav #navItem li#hh a:hover { background-position: 0 -40px; width: 220px; }

#mainNav #navItem li#program a:hover { background-position: -220px -40px; width: 120px; }

#mainNav #navItem li#dates a:hover { background-position: -340px -40px; width: 120px; }

#mainNav #navItem li#bio a:hover { background-position: -460px -40px; width: 120px; }

#mainNav #navItem li#gadgets a:hover { background-position: -580px -40px; width: 120px; }

#mainNav #navItem li#press a:hover { background-position: -700px -40px; width: 120px; }

/* PRESSED STATES */
#mainNav #navItem li#hh a:active { background-position: 0 -80px; width: 220px; }

#mainNav #navItem li#program a:active { background-position: -220px -80px; width: 120px; }

#mainNav #navItem li#dates a:active { background-position: -340px -80px; width: 120px; }

#mainNav #navItem li#bio a:active { background-position: -460px -80px; width: 120px; }

#mainNav #navItem li#gadgets a:active { background-position: -580px -80px; width: 120px; }

#mainNav #navItem li#press a:active { background-position: -700px -80px; width: 120px; }

/* ON STATES */
#mainNav.hh #navItem li#hh a { background-position:  0 -120px !important; width: 220px; }

#mainNav.program #navItem li#program a { background-position:  -220px -120px !important; width: 120px; }

#mainNav.dates #navItem li#dates a { background-position: -340px -120px !important; width: 120px; }

#mainNav.bio #navItem li#bio a { background-position: -460px -120px !important; width: 120px; }

#mainNav.gadgets #navItem li#gadgets a { background-position: -580px -120px !important; width: 120px; }

#mainNav.press #navItem li#press a { background-position: -700px -120px !important; width: 120px; }

#Footer { background-color: #908346; text-align: right; height: 20px; width: 762px; margin: 0px auto 0 auto; padding: 10px 38px 5px 20px; font-size: 0.7em; font-weight: bold; vertical-align: bottom; }

#Footer #footerItem ul { margin: 0; padding: 0; }

#Footer #footerItem li { display: inline; }

#Footer #footerItem li a { float: right; }

#Footer #footerItem a:link, #Footer #footerItem a:visited { color: #e2ddc8; text-decoration: none; margin: 0 0 0 20px; }

#Footer #footerItem a:hover, #Footer #footerItem a:active { color: #e2ddc8; text-decoration: none; border-bottom: solid #e2ddc8 1px; }

.pressItems { background-color: #E8E8E8; padding: 10px 10px -1em 10px; height: auto; width: 730px; border: 1px solid #333; margin: -0.8em 0 2em 0; }

.presspicDistance { padding: 0px; margin-right: 20px; border: 1px solid #999; }

#Content.presspicDistance a { text-decoration: none; border: none; }

#Content.presspicDistance a:link, #Content.presspicDistance a:visited { text-decoration: none; border: none; }

#Content.presspicDistance a:hover, #Content.presspicDistance a:active { text-decoration: none; border: none; }