/* Gerneral Definitions v1.0 */
html, body {height: 100%; margin: 0px; padding: 0px; text-align: center; background-color: #000}
body {position: relative; width: 100%; font-family: "Century Gothic", Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; color: #000;}
img {border: 0px}
img.border {border: 1px solid #000}
hrXXX {margin: 5px 0px; padding: 0px; border: 1px dotted #000; clear: both}
hr {margin: 0px; background-color: #000; color: #000; border: 0px; border-style: dashed; height: 1px; clear: both}
html:not([hackattack]) hr {margin: 20px 0px 20px 0px} /* FIREFOX HACK */
table {margin: 0px; padding: 0px; text-align: left; font-size: 14px}
td {vertical-align: top}
form {margin: 0px; padding: 0px}
p {margin: 5px 0px; line-height: 1.5em}
ul {margin-left: 20px}
ul li {margin-left: 0px;}
dl {margin-top: -15px}
dt {font-weight: bold; margin: 15px 0px 5px 0px}
dd {font-style: italic; margin-left: 30px}
fieldset {border: 2px solid #000}
legend {font-weight: bold; padding: 0 5px; color: #000}
.old { text-decoration: line-through }
.small { font-size: 0.8em }
.topuser,
.fanbadge { width: 60px; color: #fff; text-align: center; font-size: 10px }
.topuser { background-color: red; }
.fanbadge { background-color: green; margin-top: 0; line-height: 10px; padding: 3px 0 }
.fanbadge a { color: #fff; text-decoration: none }
.imageleft {float: left; margin-right: 10px}
.imageright {float: right; margin-left: 20px}
.nomargin {margin: 0px}
.cleaner {clear: both}
.noborder {border: 0px !important}
.print, .gotcha {display: none; visibility: hidden}
img.noborder {border: 0px}
.center {text-align: center}
.tright {text-align: right}
/* Fonts */
h1, h2, h3, h4, h5 {margin: 0px}
h1 {font-size: 10px; color: #fff}
h1, h2 { }
h1 { }
h2 {font-size: 22px; margin: 10px 0px 20px 0px}
h3 {font-size: 16px; margin: 20px 0px 10px 0px}
h4 {font-size: 14px; font-size: 14px; margin: 0px}
h5 {font-size: 14px; margin: 0px; padding: 0px }
.text, body {font-size: 14px}
.text2, .date {font-size: 11px}
.date {margin: 0px}
.weiterlesen {float: right}
.hp24 {padding: 35px 20px 20px 60px; margin: 5px 0px 0px 42px; font-style: italic; background: url('../img/hp-kommentare.jpg') bottom left no-repeat; background-color: #d2b50a}
.hp24kommentare {padding: 10px; margin: 0px; font-style: italic; background: url('../img/hp-kommentare.jpg') bottom left no-repeat; background-color: #d2b50a}
.hp24kommentare img.imageright {border: 1px solid red}
/* NEWSTICKER */
#newsticker {position: absolute; top: -20px; right: -40px; width: 510px; height: 100px; padding: 10px; background: url('../img/newsticker/bg.jpg') no-repeat }
html:not([dummy]) #newsticker { margin-top: 0; width: 531px; right: -85px } /* FIREFOX HACK */
#newsticker p {margin-top: -5px}
/* SIDEBAR */
#rightcol h3 {background-color: #d2b50a; padding: 2px 5px; font-size: 14px}
/* LINKS */
a {color: #000}
/* HP HIMSELF */
#helgepayer {position: absolute; top: 0px; left: -70px; z-index: 10; background-image:url(../img/ajax-loader.gif); background-repeat:no-repeat; background-position: center center;}
/* EURO 2008 */
#eurobanner {position: absolute; top: 178px; right: -110px; z-index: 10}
#eurobannerleft {position: absolute; top: 268px; right: 535px; z-index: 10}
#eurobannerright {position: absolute; top: 268px; right: -110px; z-index: 10}
/* MEISTER */
#meister {position: absolute; top: 180px; right: -20px; z-index: 10}
/* LAYOUT CONTAINER */
#global {position: relative; min-height: 100%; height: 100%; width: 970px; padding: 0px; text-align: left; margin: 20px auto auto auto; }
#navmenu {position: absolute; top: 100px; left: 5px}
ul.nav2 {margin: -10px 0 0 0}
ul.nav2 li {list-style-type: none; float: left; font-size: 13px; margin-right: 4px; padding: 0 5px; margin-bottom: 5px; border-right: 1px solid #000}
ul.nav2 li a {text-decoration: none}
ul.nav2 li.first {margin-left: -10px}
ul.nav2>/**/li.first {margin-left: -50px}/* */ /* FIREFOX HACK */
ul.nav2 li.last {margin-right: -5px; border-right: 0;}
ul.member>/**/li {margin-left: -40px}/* */ /* FIREFOX HACK */
/* INTRO */
#intro {width: 380px; margin-left: 400px; text-align: center}
#intro img {margin-bottom: 10px}
#intro a {color: #f3d83a}
#countdown {position: absolute; top: 530px; right: 220px; text-align: center; color: #f3d83a; font-weight: bold}
#countdown a {font-size: 36px; color: #f3d83a}
/* SPONSOREN */
#sponsoren {border-top: 1px solid #000; padding-top: 5px; margin-top: 10px}
#sponsoren img {margin: 0 10px}
/* FOOTER */
#footer {border-top: 1px solid #000; text-align: center; font-size: 10px; padding-top: 5px; margin-top: 10px}
/* HOME */
.teaserbutton {position: absolute; top: 70px; right: 0px; z-index: 100}
.teaserbutton2 {position: absolute; top: 70px; right: 140px; z-index: 100}
.teaserbutton3 {position: absolute; top: 70px; right: 10px; z-index: 100}
.urlaub {position: absolute; top: 145px; right: -50px; z-index: 100}
.hp24logo {position: absolute; top: -10px; left: 0px; z-index: 9}
#main {position: absolute; left: 380px; top: 203px}
/* TEASER */
.teasertws {position: absolute; top: 690px; right: -110px; z-index: 100}
.teaserfanclub {position: absolute; top: 670px; right: -253px; z-index: 100}
.teasertechnik {position: absolute; top: 240px; right: -162px; z-index: 100}
#site {background: url('../img/sitebgcolor.gif'); width: 524px; padding: 0px 20px; margin: -5px 0px 0px 28px;}
html:not([dummy]) #site { margin-top: -14px; width: 524px } /* FIREFOX HACK */
#leftcol {float: left; width: 290px; padding-right: 10px; margin-right: 10px; }
#rightcol {float: right; width: 210px; font-size: 12px; margin-top: 20px; }
#rightcol img.video {float: left; margin: 5px 10px 0px 0px}
/* HP AUSWAHL */
#hpauswahl {position: absolute; left: 0px; top: 450px; z-index: 100}
#hpauswahl img {border: 1px solid #333}
#hpauswahl img.aktuell {border: 1px solid #fff}
/* GSTEBUCH */
.eintraegeformular {float: right; width: 190px}
.eintraege {width: 300px; float: left}
.helge {background: url('../img/hp-kommentare-logo.gif') bottom left no-repeat; background-color: #d2b50a; }
/* DOWNLOADS */
.dl_cell {padding: 10px; width: 150px; text-align: center}
.dl_rahmen {border:1px solid #CCCCCC; padding:4px; background-color:#FFFFFF; margin-bottom:12px}
h2.img {background-color:#C8C8C8; margin-bottom:10px; height:10px}
/* FOTOS */
.dl_cell2 {width: 52px}
.dl_rahmen2 {border:1px solid #CCCCCC; padding:4px; background-color:#FFFFFF; text-align: center}
.dl_rahmen2 .text2 {font-size: 9px; font-family: Arial}
/* WALKMAN */
.songvorschlag {background-image: url('../img/bg-songs.jpg'); background-repeat: no-repeat; width: 320px; height: 130px; padding: 20px;}
/* NEWS */
#kommentare {font-size: 11px}
#kommentare p {margin: 0px}
#kommentare h4 {background-color: #d2b50a; padding: 2px 5px; font-size: 14px; margin: 10px 0px}
#kommentare input.submit {margin: 10px 0px 0px 25px}
/* .postbox {position: relative; background-color: #e3c71f; font-size: 10px; margin: 5px 0 30px; padding: 1px 0; text-align: right; width: 280px; color: #4b4103} */
.postbox {border-bottom: 1px solid #000; margin-bottom: 20px; padding-bottom: 10px}
.postbox a {color: #4b4103}
.postbox p {padding: 0 10px}
.postbox b {font-size: 12px}
.motm { border: 1px solid #000; }
.commentcount { float: right; width: 60px; height: 40px; margin-left: 10px; padding-top: 10px; background-image: url('../img/bg-commentcount.gif'); text-align: center; font-size: 18px; }
/* NEWSLETTER */
#newsletter { position: absolute; top: 170px; right: 0; text-align: right; font-size: 10px; color: #fff }
#newsletter input { font-size: 10px }
.nlmessage {text-align: center; background-color: red; color: #fff; padding: 5px 20px; margin-top: -2px}
/* GEWINNSPIEL */
.newsletterinfo {background-color: #d2b50a; padding: 10px; text-align: center; margin: 20px 0px}
/* LINKS */
.neu {font-size: 10px; padding: 0px 10px; margin-right: 5px; background-color: red; color: #fff}
.neu2 { font-size: 10px; font-weight: bold; color: #fff; background-color: red; border: 1px solid #fff; padding: 0 5px }
/* FANCLUB */
.LV_valid {background: url('../img/validate-ok.gif') no-repeat; padding-left: 0}
.LV_invalid {background: url('../img/validate-no.gif') no-repeat; color: red; padding-left: 25px; font-size: 10px}
.LV_invalid_field {border: 1px solid red}
/* MEMBER */
#memberlogin, #memberlogin2 {color: #fff; font-size: 11px; line-height: 16px}
#memberlogin {width: 370px; top: 165px}
#memberlogin2 {position: absolute; width: 190px; top: -537px; right: -210px;}
#memberlogin2 img {width: 30px; height: 40px; float: left; margin: 5px 10px 0 0; border: 1px solid #fff}
#memberlogin2 a {color: #fff}
#memberlogin input {font-size: 11px}
#userfoto {float: left; text-align: right; width: 120px}
#userdata {float: right; width: 390px}
#userfoto input#file {width: 120px}
#userfoto img {border: 1px solid #4e4732}
#userdata input {width: 220px}
#userdata input.submit {width: 178px}
#userdata input.plz, #userdata input.tshirt {width: 40px}
#userdata input.ort {width: 172px}
#memberonline {position: absolute; top: 700px; left: 0; width: 400px; color: #fff}
#memberonline a {color: #fff}
#memberonline img {border: 1px solid #fff}
#memberonline img.standouthp {border: 3px solid red}
#memberonline img.standout {border: 3px solid #f3d83a}
.infotext {background-color: #d2b50a; padding: 10px; margin: 20px 0}
.nachrichteninfo {background-color: red; padding: 3px 5px; }
.nachrichteninfo a {color: #fff; }
.memberliste {float: left; width: 160px; height: 100px; margin-right: 10px; font-size: 11px}
#memberzahlung {position: absolute; left: 420px; color: #fff; font-size: 11px; height: 25px; width: 340px; top: 170px; padding: 5px; text-align: center; background-color: red}
#memberzahlung a {color: #fff}
.infobox,
.nachrichten { padding: 10px; margin: 20px 0; width: 370px }
.infobox { border: 1px solid #000; }
.infobox td { padding-right: 20px }
.nachrichten,
.nachrichten table { background-color: red; color: #fff; margin-top: 20px }
.nachrichten a { color: #fff }
.nachrichten hr { color: #fff; background-color: #fff; border-style: dashed }
.nachrichten img { border: 1px solid #fff }
#adressblock { display: none }
#showadressblock { display: block }
table.anmeldung td { vertical-align: middle }
table.anmeldung .feldname { text-align: right; width: 150px; padding-right: 20px; font-size: 14px }
table.anmeldung .feldwert input { width: 250px; padding: 10px 10px; margin: 5px 0 }
/* SHOP */
.shopfoto {float: left; margin-right: 20px}
.weiter {font-size: 18px; font-weight: bold; float: right; padding: 5px 10px}
/* TECHNIK */
.technikvorschlag {background-image: url('../img/technik/bg-technikvorschlag.jpg'); background-repeat: no-repeat; width: 250px; height: 100px; padding: 10px; margin-top: -10px}
ul.technik li {margin: 5px 0}
ul.technik>/**/li {margin-left: -40px}/* */ /* FIREFOX HACK */
.hp24technik {font-style: italic; background-color: #d2b50a}
/* REGISTRIEREN */
table#comparison { width: 100%; font-size: 14px }
table#comparison td.first { padding-right: 20px }
table#comparison td.second,
table#comparison td.third { width: 80px; text-align: center; vertical-align: middle }
/* CHAT */
ul li.hp24 { font-weight: bold; margin: 10px 0 }
/* MEMBERCARD */
.upgrade,
.upgrade table td,
.upgrade legend { color: #fff; }
.upgrade table td.feldname { padding-left: 10px }
.upgrade #membercard { float: right; margin-left: 80px }
.upgrade #titel { margin-top: 50px }
.upgrade img.helge { float: left; margin: 0 20px 250px 0; border: 1px solid #fff }
.upgrade #formular,
.upgrade #infos { }
.upgrade #formular { width: 425px; float: left }
.upgrade #formular input,
.upgrade #formular textarea { padding: 5px; font-size: 18px; background-color: #000; color: #fff; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #fff }
.upgrade #infos { float: right; width: 395px; margin-right: 30px }
.upgrade fieldset { border: 1px solid #fff }
/* MEMBERLEISTE */
#memberleiste { position:fixed !important; bottom: 0px !important; left: 0; width: 100%; font-size: 10px; background-image: url('../img/bg-memberleiste.png'); z-index: 9999 }
#memberleiste p { float: left; margin: 0 10px 0 0; }
#memberleiste img { margin: 8px 0 5px 0; }
#memberleiste #changer { float: right; border: 0; margin-left: 20px }
#memberleiste #memberpic { float: left; }
#memberleiste .spacer { margin: 0 5px -35px 5px; }
/* XMAS 2009 Anmeldung */
.xmas2009anmeldung { padding: 20px; background: #d2b50a }
.xmas2009ja,.xmas2009nein { float: left; width: 210px; padding: 10px; text-align: center; color: #fff }
.xmas2009ja.wide,
.xmas2009nein.wide { width: 460px}
.xmas2009ja { background: green; margin-right: 20px }
.xmas2009nein { background: red; }
.xmas2009ja h3,
.xmas2009nein h3 { font-size: 48px }
.xmas2009ja a,
.xmas2009nein a { color: #fff }
.xmas2009ja h3 a,
.xmas2009nein h3 a { text-decoration: none }
/* HP24 Member Verlngerung */
.verlaengern,.canceln { float: left; width: 260px; padding: 10px; text-align: center; color: #fff; border: 1px solid #fff }
.verlaengern { margin-right: 10px }
.canceln { }
.verlaengern h3,
.canceln h3 { font-size: 28px; margin-top: 0 }
.verlaengern a,
.canceln a { color: #fff }
.verlaengern h3 a,
.canceln h3 a { text-decoration: none }
/* CHAT */
#chat { position: relative; width: 970px; height: 700px; margin: 0 auto; padding-top: 20px; background: #d2b50a; text-align: center }
#chatwindow { width: 760px; height: 400px; overflow: auto; margin: 20px auto; background: #d2b50a; color: #000; text-align: left; padding: 10px; border: 1px solid #000 }
#chateingabe { width: 760px; margin: 20px auto; text-align: left }