/**
   * COMMON
   * author: Josef Sarfraz
   *
   *
   */
   
  * {
    margin: 0;
    padding: 0;
  }

  html {
    font: 1em Verdana, Arial, Helvetica, sans-serif;
    color: #000;
  }

  body {
    background: #514341;
    text-align: center;
    overflow: auto;
  }
  
  .spacer-gif {
    display: none;
  }
  
  /**
   *
   *
   *
   */
  div#p24winMainTop,
  div#p24winMainTopHelper,
  div#p24winMainBottom,
  div#p24winMainBottomHelper {
    margin: auto;
  }
  
  div#p24winMainTop {
    background: #514341;
    padding-top: 4em;
  }
  
  div#p24winMainTopHelper,
  div#p24winMainBottomHelper {
    text-align: left;
    width: 788px;
  }
  
  div#p24winHeader {
    margin-left: 4px;
  }
  
  div#p24winMainTopHelper > div#p24winHeader {
    margin-left: 0px;
  }
  
  div#p24winMainTopHelper {
    height: 356px;
  }
  
 /*
  * JSA -> seite 2
  *
  */
  div#p24winMainBottomHelper {
    padding-left: 56px; /*48 JSA-> seite2 abstand links 49 */
    width: 755px; /*748 JSA-> address data links abstand seite2  750*/
  }
  
  /*788 JSA-> */
  div#p24winMainHeader,
  div#p24winCenter,
  div#p24winFooter,
  div#p24winDisclaimer {
    width: 780px; /*788 JSA-> 780*/
  }
  
  div#p24winCenter,
  div#p24winFooter,
  div#p24winDisclaimer {
    width: 744px;
    float: left;
  }
  
  div#p24winCenter,
  div#p24winFooter {
    background: #fff;
  }
  
  div#p24winCenter {
    background: #dfdad5;
  }
  
  div.mainBox {
    float:left;
    width: 246px;
    height: 285px; /*250 JSA-> seite 1:bereichkombination: farbewählen und sofort gewinn */
    overflow: hidden;
    border-top: #A1A8B0 3px solid;
    border-bottom: #A1A8B0 3px solid;
    display: inline;
  }
  
  div#colorSelectionNavi,
  div#colorSelectionDetail {
    float: left;
    padding-top: 25px;/*20 JSA-> seite 1: farbewählen abstand oben 15*/
  }
  
  div#colorSelectionNavi {
    width: 45px;
    font-size: 0.8em;
  }
  
  div#colorSelectionNavi ul {
    list-style: none;
  }
  
  div#colorSelectionNavi ul li {
    margin-top: 5px;
  }
  
  div#colorSelectionNavi ul li a {
    display: block;
    width: 25px;
    height: 10px; /*15 JSA->  */
    text-indent: -999em;
    border: #ccc 1px solid;
  }
  
  div#p24winHeaderHelper {
    display: none;
    width: 788px;
    height: 350px; /*356 JSA-> 350 */
    background: url(/fileadmin/images/gewinnspiel/Audi200902/standbild_A5_09.jpg) no-repeat;
  }
  
  div.mainBoxHeader1 {
    background: url(/fileadmin/images/gewinnspiel/Audi200902/hl2.gif) no-repeat;
  }
  
    /*JSA-> 
  * rahmenbereich Sofort gewinn
  *
  */
  
  div.mainBoxHeader2 {
    background: url(/fileadmin/images/gewinnspiel/Audi200902/hl1.gif) no-repeat;
    width: 246px; /*249 JSA-> 240*/
  }
  
  div#p24winCenter > div.mainBoxHeader2 {
    width: 246px; /*246 JSA-> */
  }
  /*JSA-> 
  * bereich Mitmachen und gewinnen
  *
  */
  div.mainBoxHeader3 {
    background: url(/fileadmin/images/gewinnspiel/Audi200902/hl3.gif) no-repeat;
    padding-top: 5px; /*0 JSA-> abstand von oben*/
    height: 280px; /*250 JSA-> 150*/
    width: 240px; /*249 JSA-> 240*/
  }
  
  div#p24winCenter > div.mainBoxHeader3 {
    width: 246px;
  }
 
 /*JSA-> 
  * bereich geographic data
  *
  */ 
  div.mainBoxHeader4,
  div.mainBoxHeader5 {
    height: 275px;
  }
  
  div.mainBoxHeader4 {
    background: url(/fileadmin/images/gewinnspiel/Audi200902/hl_s2_1.gif) no-repeat;
  }
  
  div.mainBoxHeader4 form {
    margin-top: 35px; /*30 JSA abstand text: Damit wir sie ...-> 35*/
  }
  
  div#mainBoxHeaderHelper {
    background: url(/fileadmin/images/gewinnspiel/Audi200902/hl_s2_2.gif) no-repeat;
    width: 493px;
    height: 275px;
  }
  
  div.mainBoxHeader5 {
    background: url(/fileadmin/images/gewinnspiel/Audi200902/sofortgewinn_gr_s2.jpg) 55px 40px no-repeat;
  }
  
  div.mainBoxHeader5 div#getIt{
    display:none;
  }
  
  div.mainBoxBorderLeft {
    border-left: #A1A8B0 3px solid;
  }

  div.mainBoxBorderLeftFull {
    border-left: #A1A8B0 3px solid;
    width: 493px;
  }
  
  div#p24winFooter {
    /** border-bottom: #b2b2b2 5px solid; **/
    background: #fff url(/fileadmin/images/gewinnspiel/Audi200902/footer.gif) bottom left no-repeat;
    padding-bottom: 19px;
  }
  
  div#p24winFooterLeft,
  div#p24winFooterRight {
    height: 44px;
    float: left;
    font-size: 0.7em;
  }
  
  div#p24winFooterLeft {
    width: 495px;
  }
  
  div#p24winFooterRight {
    border-left: #A1A8B0 3px solid;
    width: 223px;
    padding: 6px 10px 0px 10px;
    color: #333;
    font-size: 10px;
    line-height: 16px;
  }
  
  div#p24winDisclaimer {
    margin-top: 5px;
    color: #afafaf;
    font-size: 0.6em;
  }
  
  div#infoLayer,
  div#dataSaveLayer,
  div#sponsorLayer,
  div#impressumLayer {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 414px;
    height: 500px;
    background: #e7e7e7;
    border: #999 1px solid;
    display: none;
    color: #333;
    padding: 15px;
    z-index:10;
  }
  
  div#dataSaveLayer {
    left: 100px;
    z-index:11;
  }
  
  div#sponsorLayer {
    left: 150px;
    z-index:12;
  }
  
  div#impressumLayer {
    left: 200px;
    z-index:12;
  }
  
  div#infoLayerTop,
  div#sponsorLayerTop,
  div#dataSaveLayerTop,
  div#impressumLayerTop {
    width: 414px;
    height: 22px;
    /** background: url(/fileadmin/images/gewinnspiel/Audi200803/schliessen_linie.gif) 0px 0px no-repeat; **/
  }
  
  /** div#dataSaveLayerTop a,
  div#sponsorLayerTop a,
  div#infoLayerTop a,
  div#impressumLayerTop a {
    display: block;
    width: 414px;
    height: 22px;
    text-indent: -999em; 
  }
  **/
  
  div#dataSaveContent,
  div#sponsorLayerContent,
  div#infoLayerContent,
  div#impressumLayerContent {
    margin-top: 15px;
    overflow: visible;
    overflow-x:hidden;
	overflow-y:auto;
	height: 460px;
	padding-right: 15px;
  }
  
  div#dataSaveContent h1,
  div#infoLayerContent h1,
  div#sponsorLayerContent h1,
  div#impressumLayerContent h1 {
    font-size: 14px;
    margin: 0px 0px 20px 0px;
  }
  
  div#dataSaveContent h3,
  div#infoLayerContent h3,
  div#sponsorLayerContent h3, 
  div#impressumLayerContent h3 {
    font-size: 10px;
    color: #000;
    margin: 15px 0px 8px 0px;
  }
  
  div#dataSaveContent p,
  div#infoLayerContent p,
  div#sponsorLayerContent p,
  div#impressumLayerContent p {
    font-size: 9px;
    color: #333;
  }
  
  div#sponsorLayerContent p {
    margin-bottom: 15px;
  }
  
  /**
   * JSA: demographic data auf seite 2
   *
   */
  div#colorSelection {
    margin: 10px; /* linksabstand 10 JSA*/
    margin-top: 5px; /* 21 -> JSA abstand oben farbe auswählen 0*/
    width: 242px; /* 228 -> JSA 258 -248-246-238-218*/
     height: 140px; /* 160 -> JSA 150 -155-145*/
  }
  
  div.mainBoxHeader4 div#colorSelection {
    margin-top: 0px; /* 21 JSA->abstand-oben 1 */
  }
  
  div#colorSelectionDetail {
        width: 158px; /* 158 -> JSA 150 */
  }
  
  div#getIt,
  div#getItTop,
  div#getItBottom {
    width: 220px; /* 225 -> JSA 220 */
  }
  
  div#getIt {
    margin: 41px 0px 0px 10px;
    height: 169px;
    background: url(/fileadmin/images/gewinnspiel/Audi200902/sms_teaser_s1_09.jpg) right bottom no-repeat;
  }
  
  div#getItTop {
    height: 75px;
    /** background: url(/fileadmin/images/gewinnspiel/Audi200803/neu_Q5/gutschein_kl.jpg) right bottom no-repeat; **/
  }
  
  div#getItBottom {
    height: 110px; /* 94 -> JSA 110 */
    background: url(/fileadmin/images/gewinnspiel/Audi200803/iphone.jpg) 120px 0px no-repeat;
  }
  
  span#colorSelected {
    font-size: 10px;
    color: #333;
  }
  
  /**
   *
   *
   *
   */
  a:link {
    color: #333;
    text-decoration: underline;
  }
  
  a:visited {
    color: #333;
    text-decoration: underline;
  }

  a:active {
    color: #333;
    text-decoration: none;
  }

  a:hover {
    color: #333;
    text-decoration:none;
  }

  /*label: p24Win und Teilnamebedingungen 10 JSA p24WinSex -> 15*/
  label {
    font-size: 11px; /*10 JSA p24WinSex -> 15*/
    color: #333;
    float: left;
	margin: 3px 0px 0px 0px; /*neue JSA-> 5px 0px 0px 0px*/
  }
  
  div#p24winDisclaimer a {
    color: #ccc;
  }
  
  input,
  select {
    font-size: 0.7em; 
	/*font-size: 12px; */
    color: #333;
    float: left;
    border: #666 1px solid; /*666 1px solid JSA-> 666 2px solid*/
    margin: 3px 0px 0px 0px; /*3px 0px 0px 0px JSA-> 5px 0px 0px 0px*/
    padding: 2px; /*1px JSA-> 5px */
  }
  
  label {
    height: 20px; /*20px JSA-> 25px */
  }
  
  .formElementSite2 {
    padding: 2px 2px 2px 2px; /*3px 2px 3px 2px JSA-> seite 2 Feldhöhe 2px 2px 2px 2px*/
    height: 12px; /*22 JSA-> seite 2 Feldhöhe 15*/
  }
  
  form#p24WinAudi200902 > .formElementSite2 {
    height: auto;
  }
  
  .mainBoxHeader1 p,
  .mainBoxHeader3 p,
  .mainBoxHeader4 p,
  .mainBoxHeader5 p {
    font-size: 0.58em;
    color: #333;
  }
  
  form#p24WinAudi200803 {
    margin: 0;
    padding: 0px;
    float: left;
  }
  
  .mainBoxHeader3 form input {
    margin: 0px 0px 0px 10px; /*0px 0px 0px 10px JSA abstand felder VN, Nachname, seite1->0px 0px 0px 20px*/
  }
  
 /*
  * JSA: 
  * seite 1: mitmachen und gewinnen feldlängen
  */
  
  #p24WinEmail,
  #p24WinFirstNameId,
  #p24WinLastNameId {
    width: 213px; /*225 JSA->213*/
    margin: 0px 0px 5px 10px; /*0px 0px 10px 10px JSA->10px 0px 10px 10px*/
    background: #fff;
    border: #666 1px solid; /*666 1px solid JSA 666 5px solid*/
    padding: 4px;
    font-size: 12px;
    height: 10px; /*22 JSA Feldhöhe: Nachname, Vorname, Email ->10*/
  }
  
  #p24WinAudi200902 > #p24WinEmail,
  #p24WinAudi200902 > #p24WinFirstNameId,
  #p24WinAudi200902 > #p24WinLastNameId {
    height: auto;
  }
  
  #p24WinAudi200902 > #p24WinEmail {
    width: 217px; /*225 JSA-> feldbreite 217*/
  }
  
  #p24WinFirstNameId,
  #p24WinLastNameId {
    width: 100px; /*110 JSA-> feldbreite 100*/
  }
  
  #p24WinAudi200902 > #p24WinFirstNameId,
  #p24WinAudi200902 > #p24WinLastNameId {
    width: 100px; /*100 JSA-> feldbreite 110*/
  }
  
  #p24WinLastNameId {
    margin-left: 0;
  }
  
  #p24WinCountryId {
    width: 217px;
  }

  p.content {
    font-size: 10px; /*10 JSA-> wählen sie gewünschte Farbe aus 10*/
    color: #333;
  }
  
  p.red {
    color: #993333;
  }
  
  .qfError {
    border: red 1px solid !important;
  }
  
  .site1 {
    width: 200px; /*189 JSA-> Button: jetzt gewinnen buttenbreite */
    height: 39px;
    border: none;
    background: url(/fileadmin/images/gewinnspiel/Audi200902/bn_s1.gif) no-repeat;
    margin-top: 25px; 
    float: center; /*left JSA-> Button: jetzt gewinnen center */
    font-size: 0px; /*0 JSA->  verstecktes text anmelden*/
    cursor: pointer;
  }
  
  .site2 {
    width: 200px; /*189 JSA-> Button: jetzt gewinnen buttenbreite */
    height: 39px; /*39 JSA-> Button: jetzt gewinnen buttenhöhe */
    border: none;
    background: url(/fileadmin/images/gewinnspiel/Audi200902/bn_s2.gif) no-repeat;
    margin-top: 28px; /*20 JSA->Button: jetzt gewinnen abstand unten  10*/
    float: center; /*left JSA-> Button: jetzt gewinnen center */
    font-size: 0px; /*0 JSA->  verstecktes text anmelden*/
    cursor: pointer;
  }
  
  div#qfMessageBoxId {
    background: #ccc;
    color: red;
    border: #999 1px solid;
  }
  
  div#qfMessageBoxId p {
    padding: 5px;
    font-size: 0.8em;
  }
  
  a.colorBlack {
    background: #000;
  }
  
  a.colorSilver {
    background: #24334A;
  }
  
  a.colorWhite {
    background: #fff;
  }
  
  a.colorRed {
    background: #af151f;
  } 

  p.bodytext {
    margin: 15px 0px 0px 0px;
  }