@charset "utf-8";
/* CSS Document */

/* revenue_form */

    #fare_finder_form{
        margin:1em 0;
        color:#000000;
        width:880px; /* customize width, this form have fluid layout */
        }
    #fare_finder_form h3{
        margin:0;
        background:#1c4865 url(../images/form_heading.gif) repeat-x;
        color:#FFF;
        font-size:20px;
        border:1px solid #1c4865;
        border-bottom:none;
        }
    #fare_finder_form h3 span{
        display:block;
        padding:10px 10px;

        }

    #search_form{
        margin:1em 0;
        color:#fff;
        width:200px; /* customize width, this form have fluid layout */
        }
    #search_form h3{
        margin:0;
        background:#1c4865 url(../images/form_heading.gif) repeat-x;
        color:#fff;
        font-size:20px;
        border:1px solid #1c4865;
        border-bottom:none;
        }
    #search_form h3 span{
        display:block;
        padding:10px 10px;

        }
    fieldset{
        margin:0;
        padding:0;
        border:none;
        border:3px solid #000;
        padding-bottom:1em;
        font-size:12px;
        }
    .sub_head {
      font-size:1.0em;
      text-decoration:underline;
      text-transform:uppercase;
    }
    legend{display:none;}
    #fare_finder_form p{margin:.5em 10px; max-width:272px; padding-bottom:2px;}
    #OtherTitle p{margin:.5em 10px; max-width:272px;}
    label{display:block; padding-bottom:2px}
    input, textarea{
        width:242px;
        border:1px solid #111;
        background:#282828 url(../images/form_input.gif) repeat-x;
        padding:5px 3px;
        color:#fff;
        }

    select {
          position: relative;
        width:250px;
        border:1px solid #111;
        background:#282828 url(../images/form_input.gif) repeat-x;
        padding:5px 3px;
        color:#fff;
        height:28px;
        overflow:auto;
        }

    #cruised {
          position: relative;
        background:#000;
        width:20px;
        padding:0;
        margin:0;
        color:#fff;
        overflow:auto;
        }

    #agency {
          position: relative;
        background:#000;
        width:20px;
        padding:0;
        margin:0;
        color:#fff;
        overflow:auto;
        }

    #contact_phone {
        position: relative;
        background:#000;
        width:20px;
        padding:0;
        margin:0;
        color:#fff;
        overflow:auto;
        text-align:left;
        }


    p.submit{
        text-align:left;
        vertical-align:top;
        }

     button{
        padding:4px 20px 4px 20px;
        margin:10 0 0 0;
        height:25px;
        min-width:50px;
        border:1px solid #df690a;
        background:#df690a url(../images/form_button.gif) repeat-x;
        color:#fff;
        cursor:pointer;
        text-align:center;
        vertical-align:top;
        }

     button:hover{
        padding:4px 20px 4px 20px;
        margin:10 0 0 0;
        height:25px;
        min-width:50px;
        border:1px solid #df690a;
        background:#df690a url(../images/form_button.gif) repeat-x;
        color:#000;
        cursor:pointer;
        text-align:center;
        vertical-align:top;
        }

     .btn_active{
        padding:4px 20px 4px 20px;
        margin:0;
        height:25px;
        min-width:50px;
        border:1px solid #df690a;
        background:#df690a url(../images/form_button.gif) repeat-x;
        color:#fff;
        cursor:pointer;
        text-align:center;
        vertical-align:top;
        }

     .btn_active:hover{
        padding:4px 20px 4px 20px;
        margin:10 0 0 0;
        height:25px;
        min-width:50px;
        border:1px solid #df690a;
        background:#df690a url(../images/form_button.gif) repeat-x;
        color:#000;
        cursor:pointer;
        text-align:center;
        vertical-align:top;
        }

     .btn_inactive{
        padding:4px 20px 4px 20px;
        margin:0;
        height:25px;
        min-width:50px;
        border:1px solid #c8bcbc;
        background:#c8bcbc url(../images/form_button_inactive.gif) repeat-x;
        color:#fff;
        cursor:pointer;
        text-align:center;
        vertical-align:top;
        }

     .btn_active:hover{
        padding:4px 20px 4px 20px;
        margin:0;
        height:25px;
        min-width:50px;
        border:1px solid #df690a;
        background:#df690a url(../images/form_button.gif) repeat-x;
        color:#000;
        cursor:pointer;
        text-align:center;
        vertical-align:top;
        }

     .upload{
        padding:4px 10px 4px 10px;
        margin:0;
        height:25px;
        min-width:100px;
        border:1px solid #df690a;
        background:#df690a url(../images/form_button.gif) repeat-x;
        color:#fff;
        cursor:pointer;
        text-align:center;
        vertical-align:top;
        font-size:12px;
        }

     .upload:hover{
        padding:4px 10px 4px 10px;
        margin:0;
        height:25px;
        min-width:100px;
        border:1px solid #df690a;
        background:#df690a url(../images/form_button.gif) repeat-x;
        color:#000;
        cursor:pointer;
        text-align:center;
        vertical-align:top;
        font-size:12px;
        }

    .closeModal{
        padding:4px 10px 4px 10px;
        margin:0;
        height:25px;
        min-width:100px;
        border:1px solid #df690a;
        background:#df690a url(../images/form_button.gif) repeat-x;
        color:#fff;
        cursor:pointer;
        text-align:center;
        vertical-align:top;
        float:right;
    }

    .closeModal:hover{
        padding:4px 20px 4px 20px;
        margin:0;
        height:25px;
        min-width:100px;
        border:1px solid #df690a;
        background:#df690a url(../images/form_button.gif) repeat-x;
        color:#000;
        cursor:pointer;
        text-align:center;
        vertical-align:top;
        float:right;
    }

    #fare_finder_form ul{
        display:inline;
        list-style:none;


        }

    #fare_finder_form li{
        display:inline;
        position:relative;
        padding:0;
        margin:0;
        border:0;
        display:block;
        float:left;
        list-style:none;
        max-width:370px;

        }


    .red {
        color:#F00;

        }

    #calldate {
        width:220px;
    }

    #benefits {
        background-image:url(../images/benefits-bg.jpg);
        background-repeat:no-repeat;
        background-position: top center;
        width:170px;
        height:465px;
        padding:15px;
        margin:0;
        border:0;
        color:#FFF;
    }

    #benefits h3 {
        color:#1c4865;
        font-size:18px;
        padding:0 0 10px 0;
    }

    #benefits ul {
        color:#333;
        font-size:12px;
        padding:0 0 6px 0;
    }

    #benefits li {
        color:#333;
        font-size:12px;
        padding:0 0 6px 0;
    }

    .important {
        padding:0 0 10px 0;
        color:#F00;
        font-weight:bold;
    }
    .ship_link {
      color:red;
      cursor:pointer;
    }

/* -------------------------------------- InfoBox ----------------------------------*/
#InfoBox {
    visibility:hidden;
    position:absolute;
    top:10px;
    left:10px;
    z-index:1;

    /* diese Angaben k�nnen Sie anpassen */
    width:320px;
    background-color:#FDFEFF;
    border:4px solid #0090E0;
}


/* weitere Box in der Info-Box f�r padding */
#BoxInnen {
    padding:15px;
}


/* Formatierung Texte in der Info-Box */

#BoxInhalte {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#5F5F5F;
    line-height:130%;
}


  .page_header{
    font-family:Arial;
    font-size:16px;
    font-weight:bold;
  }