/* rp4_hafas_p2w.css */
/* ================= */


/*** REDESIGN 2010: P2WENTRY ***/

    body.p2wBody                        {width:100%; min-width: 537px; text-align:center; background-color:#fff;}
    body.p2wBody #HfsOuterContainer     {width:537px; padding:auto; margin:auto;}

    #hfsP2w                   {border:0; margin:0; padding:0; background:transparent; text-align:left; position:relative;}
    #hfsP2w button            {font-family:arial; cursor:pointer;}
    #hfsP2w button.off        {cursor:default;}
    #hfsP2w p, #hfsP2w div, #hfsP2w th, #hfsP2w td, #hfsP2w ul, #hfsP2w ol, #hfsP2w li, #hfsP2w span
                              {color:#343433;}
    #hfsP2w a,
    #hfsP2w a:link,
    #hfsP2w a:visited         {color:#f00; text-decoration:none;}
    #hfsP2w a:hover,
    #hfsP2w a:active          {color:#88837d; text-decoration:none;}
    #hfsP2w div.errormessage  {padding:10px; font-weight:bold; color:#f00; border: 2px solid #f00 !important;}
    #hfsP2w span.errormessage {color:#f00 !important;}
    #hfsP2w div.hint2         {padding:10px; font-weight:bold; color:#343433; border:2px solid #aeca7e; background-color:#f2fdde; margin:5px 0;}

    #p2wOperatorLogos         {margin:0; padding:10px 0; text-align:left;}

    #p2wHeader                {margin:0; padding:0; text-align:left; background:transparent;}
    #p2wHeader h1             {margin:0; padding:12px 25px 13px; text-align:left; font-weight:bold; font-size:20px; color:#fff; border-radius: 5px 5px 0 0; background: #343433;}
    #p2wHeader h1 span        {font-weight:normal; font-size:20px; color:#fff;}

    #p2wContent               {margin:0; padding:25px; text-align:left; border-radius: 0 0 5px 5px; border:1px solid #e5e5e5; border-top:0; background:#f1f0ec;}
    #p2wContent h2            {color:#343433; font-size:17px; font-weight:bold; margin-bottom:5px;}
    #p2wContent p             {color:#343433; font-size:13px; margin-top:5px;}
    #p2wContent p.p2wBig      {color:#343433; font-size:17px;}
    #p2wContent h2.lines      {color:#88837d; font-size:24px; font-weight:bold; padding-left:15px; margin-bottom:5px;}
    #p2wContent p.lines       {color:#88837d; font-size:14px; font-weight:bold; padding-left:15px; margin-top:0;}

    #p2wProgress              {position:relative; height:23px; border:0; border-radius:2px; margin:0; padding:0;}
    #p2wProgress.bgActive     {background: #343433;}
    #p2wProgress.bgPassive    {background: #88837d;}
    #p2wProgress .progStepOff,
    #p2wProgress .progStepPassive,
    #p2wProgress .progStepActive        {color:#fff; font-weight:bold; font-size:13px; padding:3px 18px 0 24px; text-align:left; display:inline-block; position:relative; height: 20px; margin:0; margin-left:-19px;}
    #p2wProgress .progStepFirst         {margin-left:0 !important; padding-left:10px !important; border-radius:2px;}

    #selectP2wMetaType                  {position:relative; height:150px;}
    #selectP2wMetaType div.metaBox1,
    #selectP2wMetaType div.metaBox2,
    #selectP2wMetaType div.metaBox3     {float:left; width:140px; height:140px; padding:5px; margin:0; border:0;}
    #selectP2wMetaType div.metaBox1,
    #selectP2wMetaType div.metaBox2     {margin-right:17px;}
    #selectP2wMetaType div button       {width:140px; height:130px; display:block; position:relative; border:1px dashed #343433; border-radius: 6px; padding:0; margin:0; text-align:center; font-size:16px; font-weight:bold; color:#343433; text-decoration:none; overflow:visible; background-color:#fff;}
    #selectP2wMetaType div button:hover {box-shadow: 0px 0px 5px #888; color:#88837d; text-decoration:none;}
    #selectP2wMetaType div button img   {display:inline-block; margin:15px 0 10px;}

    #hfsP2w button div.flyOverHint                {height:42px; position:absolute; margin:0; display:none; z-index:10;}
    #hfsP2w button:hover div.flyOverHint          {display:block;}
    #hfsP2w button div.flyOverHint p              {position:absolute; left:0; bottom:20px; border:2px solid #fff; border-radius:5px; margin:0; padding:10px; color:#fff; font-size:11px; font-weight:normal; background-color:#88837d; box-shadow: 1px 1px 2px #888; text-align:left;}
    #hfsP2w button div.flyOverHint p img.arrow    {position:absolute; left:20px; bottom:-15px; margin:0; padding:0;}
    #hfsP2w button div.fohSelectMetaType          {left:15px; bottom:115px; width:140px;}
    #hfsP2w button div.fohSelectType              {left:145px; bottom:32px; width:160px;}

    #p2wHelp                  {background-color:#fff; padding:10px;}
    #p2wHelp h3               {margin:10px 0 3px;}
    #p2wHelp p                {margin-top:3px;}
    p.p2wHelpLink             {margin-top:15px;}
    p.p2wHelpLink,
    #hfsP2w p.p2wHelpLink a             {color:#343433; font-size:13px; font-weight:bold;}
    #hfsP2w p.p2wHelpLink a:hover       {color:#88837d;}
    #hfsP2w p.p2wHelpLink img,
    #hfsP2w p.p2wHelpLink a img         {display:inline-block; margin:0 5px 0 0;}

    #p2wWhyThat               {color:#88837d;}
    #p2wWhyThat h4            {margin:20px 0 3px; color:#88837d; font-weight:bold; font-size:11px;}
    #p2wWhyThat p             {margin:3px 0; color:#88837d; font-size:11px;}

    #selectP2wType button,
    #p2wAdvancedProducts button,
    #p2wDeliveryMode button             {display:block; position:relative; width:100%; text-align:left; font-size:16px; font-weight:bold; color:#343433; border:1px dashed #343433; border-radius: 6px; padding:10px; margin:10px 0; height:48px; overflow:visible;}
    #p2wDownload a.button               {display:block; position:relative; text-align:center; font-size:16px; font-weight:bold; color:#343433; border:1px dashed #343433; border-radius: 6px; padding:10px; margin:10px 0;background-color:#fff;}
    #selectP2wType button:hover,
    #p2wAdvancedProducts button:hover,
    #p2wDeliveryMode button:hover,
    #p2wDownload a.button:hover         {box-shadow: 0px 0px 5px #888; color:#88837d; text-decoration:none;}
    #selectP2wType button.smallfont     {font-size:13px;}

    /* tmp - coming soon */
    #selectP2wType button.off                     {color:#aaa;}
    #selectP2wType button.off:hover               {box-shadow:0px 0px 0px #f7f7f7;}
    #selectP2wType button.off div.comingSoon      {position:absolute; top:-1px; left:15px; height:48px; width:191px; margin:0; padding:0;}
    #selectP2wType button.off div.comingSoon img  {margin:0;}

    #hfsP2w div.fieldset                {background:#fff; border:0; margin:10px 0 10px; padding:10px; border-radius:4px;}
    #hfsP2w input[type="text"],
    #hfsP2w select                      {background:#fff; border:1px inset #ccc; color:#343433; padding:2px 5px; height:auto;}
    #hfsP2w input[type="text"].full,
    #hfsP2w select.full                 {width:433px;}
    #hfsP2w div.fieldset label          {font-weight:bold; font-size:12px; color:#343433; padding-right:5px;}
    #hfsP2w div.fieldset .p2wSelTimeOutRet  {display:inline-block; width:40px;}
    #hfsP2w div.fieldset div.email      {font-size:16px; font-weight:bold; color:#343433; padding:10px; margin:0 0 10px;}
    #hfsP2w div.fieldset label.email    {padding-left:45px;}
    #hfsP2w div.fieldset label.above    {display:block; margin:10px 0 5px;}
    #hfsP2w div.fieldset label.product  {font-weight:normal;}
    #hfsP2w div.fieldset label.wkDayLabel {font-weight:normal; display:inline-block; margin-left:-2px;}
    #hfsP2w .productHead                {width:50px; height:30px; float:left; font-weight:bold; padding:3px 0 0;}
    #hfsP2w .productHeadLong            {font-weight:bold; padding:3px 0 0;}
    #hfsP2w .formBoxProductsGroup       {margin-left:0;}

    table#p2wLineTable        {width:485px; border:5px solid #fff; border-top:0; border-bottom:0;}
    #p2wLineTable th,
    #p2wLineTable td          {padding:5px 0 5px 5px; color:#343433;}
    #p2wLineTable th          {background: #efefef; text-align:left;}
    #p2wLineTable td          {background: #fff; border:0; border-bottom:1px solid #efefef;}
    #p2wLineTable td.group    {font-weight:bold; font-size: 15px; color:#343433; background: #fff; padding-top:10px;}
    #p2wLineTable td.line     {white-space:nowrap; font-weight:bold;}
    #p2wLineTable td.route    {}
    #p2wLineTable td.stop     {white-space:nowrap; padding-right:5px;}
    #p2wLineTable a.p2wLineSelectionLink          {font-weight:normal; text-decoration:underline; color:#88837d;}
    #p2wLineTable a.p2wLineSelectionLink:hover    {color:#343433;}
    #p2wLineTable a.toggleCategoryList  {font-weight:bold; font-size: 15px; color:#343433; background: #fff; padding-top:10px;}
    #p2wLineTable a.toggleCategoryList:hover      {color:#88837d;}

    #p2wDownload              {text-align:center;}
    #p2wDownload div          {display:inline-block; text-align:center; font-size:15px; font-weight:normal; color:#343433; border:0; border-radius: 6px; padding:10px; margin:10px 0 25px; background-color:#e6e6e6;}
    #p2wDownload div span     {padding-right:10px; font-size:15px; font-weight:normal; color:#343433;}
    #p2wDownload div label    {display:inline-block; margin-right:15px;}

    #p2wEmailConfirmation     {text-align:center; font-size:16px; font-weight:bold; color:#343433; padding:10px; margin:40px 0 50px;}

    #p2wButtons               {margin:20px 0 0; padding:0;}
    #p2wButtons div.buttons   {position:relative;}
    #p2wButtons .button,
    #p2wButtons .buttonDimmed {border:1px dashed #343433; border-radius: 5px; padding:7px; margin:0; display:inline-block; font-weight:bold;}
    #p2wButtons .fullsize     {display:block; margin-bottom:15px; height:42px;}
    #p2wButtons .buttonDimmed {border-color:#999; color:#999;}
    #p2wButtons .button:hover,
    #p2wButtons .buttonDimmed:hover     {box-shadow: 0px 0px 5px #888; color:#88837d;}

    #p2wButtons .continue,
    #p2wButtons .sendMail     {padding-right:15px;}
    #p2wButtons .newRequestDimmed,
    #p2wButtons .newRequest   {padding-left:15px;}
    #p2wButtons .continue     {float:right;}


    /* Overwrite default Suggest styles for p2w */
    #suggestion .selected,#suggestion div.adrselected,#suggestion div.poiselected{
       background-color:#007FD6;
    }
    #suggestion .selected span,#suggestion div.adrselected span,#suggestion div.poiselected span{
       color:#fff;
    }
    #suggestion{
       margin-left:0px;
    }
    input::-moz-selection,input::selection {
        background-color:transparent;
        color:black; text-align:left;
    }

/* Zusatzdefinitionen für vs_dsb.vs_p2w */
    body.p2wBody.p2wDSB       {width:510px; min-width:510px;}
    body.p2wBody.p2wDSB #HfsOuterContainer        {width:510px;}
    .p2wDSB input[type="checkbox"]    {margin-right:0; margin-left:4px; box-sizing:border-box; padding:0;}
    .p2wDSB #hfsP2w a,
    .p2wDSB #hfsP2w a:link
    .p2wDSB #hfsP2w a:visited         {color:#000; text-decoration:underline;}
    .p2wDSB #hfsP2w a:hover,
    .p2wDSB #hfsP2w a:active          {color:#88837d; text-decoration:underline;}
    .p2wDSB #hfsP2w div.errormessage  {color:#ad0032 !important; border: 2px solid #ad0032 !important;}
    .p2wDSB #hfsP2w span.errormessage {color:#ad0032 !important;}
    .p2wDSB #p2wHeader        {margin:20px 0;}
    .p2wDSB #p2wHeader h1     {padding:0; font-size:20px; color:#05233f; border-radius:0; background:transparent;}
    .p2wDSB #p2wContent       {border-radius:5px; border:1px solid #acbcb6; background:#eff1ef; padding:5px 25px 25px;}
    .p2wDSB #p2wContent h2    {padding:0; margin:11px 0 5px; font-size:17px; color:#ad0032;}
    .p2wDSB #p2wContent h3    {padding:0; margin:15px 0 5px; font-size:13px; font-weight:bold;}
    .p2wDSB #p2wContent h3    {padding:0; margin:15px 0 5px; font-size:13px; font-weight:bold;}
    .p2wDSB #p2wSelOutTime1,
    .p2wDSB #p2wSelOutTime2,
    .p2wDSB #p2wSelRetTime1,
    .p2wDSB #p2wSelRetTime2   {width:45px;}
    .p2wDSB #p2wButtons       {min-height:26px;}
    .p2wDSB #p2wButtons .dsbP2w       {float:right; border:0; background:transparent; display:inline-block; margin:0; padding:0;}
    .p2wDSB #p2wButtons .button,
    .p2wDSB #p2wDownload a.button,
    .p2wDSB #p2wButtons .buttonDimmed {border:1px solid #000;}
    .p2wDSB #p2wDeliveryMode button   {font-size:15px;}

