﻿/* basics */
#landingpage  {background:#ffffff; color:#000000;font:normal normal normal 12px/14px Arial, Helvetica, sans-serif; margin:0;}

#landingpage div,#landingpage  p,#landingpage  ul, #landingpage ol,#landingpage  li, #landingpage img, #landingpage h1, #landingpage h2,#landingpage  h3,
#landingpage  h4, #landingpage h5, #landingpage h6 {padding:0;margin:0;}
#landingpage h1,#landingpage  h2,#landingpage  h3,#landingpage  h4,#landingpage  h5,#landingpage  h6 {font-size:100%;line-height:normal;font-weight:normal;}
#landingpage table,#landingpage  tr,#landingpage  td,#landingpage  th,#landingpage  form,#landingpage  fieldset {padding:0;margin:0;border:0;}
#landingpage table,#landingpage  td {font:normal normal normal 12px/16px Arial, Helvetica, sans-serif;}
#landingpage td {vertical-align:top;}
#landingpage input,#landingpage  select,#landingpage  textarea {margin:0;color:#666;font:normal normal normal 12px/16px Arial, Helvetica, sans-serif;}
#landingpage input {padding-top:4px;padding-bottom:2px;}

#landingpage li {list-style:none;}
#landingpage img {border:none;display:block;}
#landingpage object {display:block;}
/* basics */

#landingpage #content {
    width:985px; 
    background:transparent url("/obj/advanced/default/campaign/matthiasreim/de/img/backgrounds/main.jpg") no-repeat top right; 
    height:1318px; 
    margin:0px;
    position: relative;
}

#landingpageOnline  {background:#ffffff; color:#a6ddf3;font:normal normal normal 12px/14px Arial, Helvetica, sans-serif; margin:0;}
#landingpageOnline #contentOnline {width:985px; background:transparent url("/obj/advanced/default/campaign/matthiasreim/de/img/backgrounds/main_Online.jpg") no-repeat top right; height:1318px; margin:0px; position:relative; }

#landingpageOut  {background:#ffffff; color:#ffffff;font:normal normal normal 12px/14px Arial, Helvetica, sans-serif; margin:0;}
#landingpageOut #contentOut {width:985px; background:transparent url("/obj/advanced/default/campaign/matthiasreim/de/img/backgrounds/main_Out.jpg") no-repeat top right; height:1318px; margin:0px; position:relative; }

#landingpage #content #posterButton{
    position: absolute;
    top: 174px;
    left: 99px;
    width: 63px;
    height: 20px;
}
#landingpage #content #posterButton .ticketButton{
    display: block;
    width: 63px;
    height: 20px;
}
#landingpage #content #posterButton span{
    display: none;
}


#landingpage #content #leftColumn, #content #rightColumn, #content #middleColumn {float:left; position: absolute;}

#landingpage #content #leftColumn {
    width: 470px;
    top: 371px;
    left: 20px;
}

#landingpage #content #leftMiddleColumn{
    position: absolute;
    right: 12px;
    top: 1193px;    
    width: auto;    
}

#landingpage #content #middleColumn { 
    width: 405px;
    top: 673px;
    right: 6px;
}
#landingpage #content #rightColumn {width:165px;}

#landingpage #content #middleColumn .countdown { 
    color: black;
    width: 300px;
    min-height: 110px;
    height: auto;       
    float: right;
    margin-top: 16px;
}


#landingpage #content #middleColumn .counterTxt { font-size:14px; width:297px; height:23px; line-height:23px; color:#FFFFFF; font-weight:bold; }
#landingpage #content #middleColumn .counterTxt p {padding-left:20px; color:#FFFFFF;}
#landingpage #content #middleColumn .counter {        
    width: 297px;
    height: 65px;
    color: #FFFFFF;
    margin-top: 5px;
    margin-left: 2px;
}

#landingpage #content #middleColumn .counter #countdownComplete{ display:none; width:298px;  padding:10px 0px 10px 0px; }
#landingpage #content #middleColumn .counter #countdownComplete .mods { margin-left:50px; }

#landingpage #content #leftMiddleColumn a.ticketButton {
    float:left; display:block; background:transparent none no-repeat top left;
    width: 98px;
    height: 33px;
}
#landingpage #content #leftMiddleColumn a.ticketButton span {display:none}


#landingpage #content #middleColumn .video {


    /* url("/obj/advanced/default/campaign/seminorossi/de/img/backgrounds/videoShaddow.gif") no-repeat bottom right*/ 
}
#landingpage #content #leftColumn .video p.videoText {margin-bottom:5px; margin-left:12px; width:450px; color:#ffffff; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold; }
#landingpage #content #leftColumn .video p.videoTextSmall {margin-top:5px; margin-bottom:0px;  width:450px; color:#ffffff; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;    }
#landingpage #content #leftColumn p.videoTextNormal {

    margin-top: 50px;
    margin-left: 172px;
    width: 458px;
    color: white;
    font-size: 14px;
    line-height: 21px;
        
    }


#landingpage #content  .remindMe {   
    color: #FFFFFF;
    font-family: Helvetica,Arial;
    height: auto;
    background: transparent;
    float: right;
    width: 295px;
    margin-top: 10px;
    height: 83px;
}


#landingpage #content .remindMe .alarmTitle{ padding:0px 0px 0px 10px; text-transform:uppercase; font-size:14px;}
#landingpage #content .remindMe .tipp {color:#fff; margin-top:4px; margin-left:9px; display:block; font-size: 13px;}
#landingpage #content  .remindMe form {margin-top: 11px;margin-left: 8px;}
#landingpage #content  .remindMe input  {height:27px;width:227px;float:left; padding-left:5px; border: 2px solid #000000;}
	html>body #landingpage #content  .remindMe input {	    height:17px;} 
#landingpage #content  .remindMe input.button  {
    margin-left:6px;
    margin-bottom:2px;
    width:30px;
    float:left;
    height:28px;
    padding:0; 
    border:none;
    
    }
#landingpage input.button {padding-top:2px;}
#landingpage #content  .remindMe p {color:#a6ddf3;}

/*Online Antogramm*/

#landingpageOnline #contentOnline .text{
    position: absolute;
    top: 386px;
    left: 115px;
    width: 285px;
    color: white;
    font-size: 14px;
    line-height: 20px;        
}

#landingpageOnline #contentOnline .videoTextNormal{
    margin-top: 203px;
    margin-left: 190px;
    width: 458px;
    line-height: 21px;
    font-size: 14px;
    color: white;   
}

#landingpageOut #contentOut .videoTextNormal{
    padding-top: 685px;
    margin-left: 190px;
    width: 458px;
    line-height: 21px;
    font-size: 14px;
    color: white;   
}

#landingpageOnline #contentOnline .btn_pur {
  float: left;
  height: 47px;
  left: 823px;
  position: absolute;
  top: 26px;
  width: 155px;
}

#landingpageOnline #contentOnline .btn_pur2 {
  float: left;
  height: 47px;
  left: 823px;
  position: absolute;
  top: 1183px;
  width: 155px;
}

#landingpageOnline #contentOnline .btn_pur3 {
  float: left;
  height: 197px;
  left: 20px;
  position: absolute;
  top: 693px;
  width: 155px;
}


#landingpageOnline #contentOnline #middleColumnflashVideoId {float:left; margin:1px 0px 0 0px; width:640px; height:500px;}

/*Online autogramm vorbei*/
#landingpageOut #contentOut .outText { 
    height: auto;
    width: 440px;
    text-align: left;
    font-size: 17px;
    font-weight: normal;
    color: white;
    line-height: normal;
    position: absolute;
    right: 0;
    top: 215px;  
}

#landingpageOut #contentOut .btnOut {
  float: left;
  height: 53px;
  position: absolute;
  right: 5px;
  top: 23px;
  width: 155px;
}

#landingpageOut #contentOut .btnOut2 {
  float: left;
  height: 53px;
  position: absolute;
  right: 5px;
  top: 1180px;
  width: 155px;
}

#landingpageOut #contentOut .btnOut3 {
  float: left;
  height: 196px;
  left: 20px;
  position: absolute;
  top: 693px;
  width: 155px;
}

#landingpage #content .btnOut3 {
  float: left;
  height: 196px;
  left: 0;
  position: absolute;
  top: 322px;
  width: 155px;
}
 
 #landingpage #content .btnOut3 a,
 #landingpageOut #contentOut .btnOut a,
 #landingpageOnline #contentOnline .btn_pur a,
 #landingpageOut #contentOut .btnOut2 a,
 #landingpageOnline #contentOnline .btn_pur2 a,
 #landingpageOut #contentOut .btnOut3 a,
 #landingpageOnline #contentOnline .btn_pur3 a{
    width: 100%;
    height: 100%;
    display: block;     
 }
  #landingpageOut #contentOut .btnOut span,
   #landingpageOnline #contentOnline .btn_pur span{
      visibility:hidden;
  }
 

ul.Error	{ color:#ff0000; font-weight:bold; padding-top:3px !important; display:block;  font-size:11px;   }
ul.Error li { margin-left:10px !important; display:block;  }  
