img {
    hspace: 0px;
    border: 0px;
    display: block;
}

@media screen, tv, projection {

  /* elements */
    html, body {
        height: 100%;
        max-height: 100%;
        padding: 0px;
        margin: 0px;
        border: 0px;
        overflow: hidden;
    }

    body {
        text-align: left;
        background: url("/images/b_structuur.jpg") repeat top left;
    }

    body.default {
        text-align: left;
        background: url("/images/b_structuur.jpg") repeat top left;
    }

    body, div, p, th, td, li, dd {
        font-family: verdana;
        font-size: 11px;
        color: #000;
    }

    a, span.hilite { color: #A7260A; }
    a:link, a:visited, a:active { font-size: 10px; font-weight: bold; color: #83542A; text-decoration: none; }
    a:hover { color: #A7260A; text-decoration: none; }

  /* page structure */
    #total {
        width: 100%;
        height: 100%;
        background: url("/images/b_kaart.jpg") no-repeat left 38px;
    }

    #topbar {
        position: relative;
        height: 38px;
        width: 100%;
        text-align: center;

        z-index: 3;
        background: url("/images/b_top.jpg") repeat left top;
    }

    #topbar_border {
        height: 4px;
        width: 100%;
        overflow: hidden;

        background: url("/images/a_lijntop.gif") repeat-x;
    }

    #leftbar {
        position: relative;
        width: 232px;
        overflow: visible;

        z-index: 2;
    }

    #content_intro {
        width: 100%;
        height: 100%;
    }

    #intro_banners {
        width: 900px;
        margin: 0px auto;
        margin-top: 80px;
    }

    #intro_buttons {
        /*float: left;*/
        width: 900px;
        margin: 0px auto;
        margin-top: 20px;
    }

    #intro_banners img.banner {
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }

    #intro_buttons img.button {
        float: left;
        margin-left: 25px;
        margin-right: 45px;
    }

    #contenthome {
        position: absolute;
        top: 38px;
        left: 0px;
        right: 0px;
        bottom: 28px;
        overflow: auto;
                background: url("/images/b_kaart.jpg") no-repeat left 38px;
    }

    * html #contenthome {
        top: 0px;
        left: 0px;
        border-top: 38px solid #EA8A33;
        border-bottom: 28px solid #DA8532;
                background: url("/images/b_kaart.jpg") no-repeat left 38px;
        height: 100%;
        max-height: 100%;
        width: 100%;
    }

    #content {
        position: absolute;
        top: 38px;
        left: 232px;
        right: 0px;
        bottom: 28px;
        padding-top: 33px;
        padding-bottom: 23px;
        overflow: auto;
    }

    #content_iframe {
        position: absolute;
        top: 38px;
        left: 232px;
        right: 0px;
        bottom: 28px;
        padding-bottom: 23px;
        overflow: auto;
    }

    div.terug_top {
        float: left;
        padding-top: 50px;
        padding-bottom: 10px;
    }

    * html #content {
        top: 0px;
        left: 0px;
        border-top: 38px solid #EA8A33;
        padding-left: 232px;
        border-bottom: 28px solid #DA8532;
        text-align: center;

        height: 100%;
        max-height: 100%;
        width: 100%;
    }

    * html #content_iframe {
        top: 0px;
        left: 0px;
        border-top: 38px solid #D5E6EA;
        padding-left: 232px;
        border-bottom: 28px solid #D5E6EA;
        text-align: center;

        height: 100%;
        max-height: 100%;
        width: 100%;
    }

    #bottombar {
        position: absolute;
        bottom: 0px;
        height: 28px;
        width: 100%;

        z-index: 3;
        background: url("/images/b_bottom.jpg") repeat left top;
    }

    #bottombar_border {
        height: 4px;
        width: 100%;
        overflow: hidden;

        background: url("/images/a_lijnbottom.gif") repeat-x left top;
    }


  /* main menu */
    div#mainmenu {
        width: 1000px;
        height: 30px;
        padding-top: 4px;
        margin: 0px auto;
        overflow: hidden;
    }

    * html div#mainmenu {
        height: 34px;
    }

    .menuitem {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }

    .menuitem img {
        float: left;
        margin-right: 1px;
    }

    .logo {
        position: absolute;
        top: 2px;
        right: 20px;
    }

  /* leftframe */
    .menubar {
        margin-top: 40px;
        margin-left: 20px;
    }

    .menubar form {
        margin: 0px;
        padding: 0px;
    }

    .menubar select {
        font-size: 11px;
        width: 160px;
    }

  /* bottomframe */
    div#infobar {
        height: 24px;
        width: 100%;
        overflow: hidden;
    }

    .address {
        float: left;
        height: 24px;
        padding-top: 5px;
    }

    .address img, .address a{
        float: left;
        margin-left: 20px;
    }

    .logos {
        float: right;
        height: 24px;
        padding-right: 30px;
    }

    .logos img {
        float: left;
    }

  /* hometop */
    div#tophome {
        position: relative;
        height: 265px;
        margin-bottom: 5px;
        z-index: 1;
    }

    div.flashbanner {
        height: 225px;
    }

    div.continents {
        height: 40px;
    }

    div.continents table {
        width: 100%;
        height: 40px;
    }

    div.continents td {
        text-align: center;
    }

    div.continents td img {
        margin: 0px auto;
    }

  /* homebottom */
    div#bottomhome {
        position: absolute;
        top: 280px;
        bottom: 0px;
        min-width: 1000px;
        width: 100%;
        background: url("/images/a_sidelinks.gif") no-repeat left top;
    }

    * html div#bottomhome {
        top: 0px;
        bottom: 0px;
        padding-top: 280px;
        height: 100%;
        width: 100%;
        z-index: 0;
        background: url("/images/a_sidelinks.gif") no-repeat left 275px;
    }

    div#bottomhome_bg {
        width: 100%;
        height: 100%;
        background: url("/images/a_siderechts.gif") no-repeat right top;
    }

    div#bottomhome_total {
        width: 1000px;
        height: 100%;
    }

    div.lefthome {
        display: table-column;
        float: left;
        width: 315px;
        height: 98%;
        margin-left: 39px;
        border-right: 1px solid #A7260A;
    }

    * html div.lefthome {
        margin-left: 19px;
    }

    div.lefthome img {
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    div.middlehome {
        display: table-column;
        float: left;
        width: 382px;
        height: 98%;
        padding-left: 20px;
        padding-right: 20px;
        border-right: 1px solid #A7260A;
    }

    * html div.middlehome {
        width: 422px;
    }

    div.news {
        float: left;
        width: 191px;
        height: 100%;
        padding-right: 20px;
        border-right: 1px solid #A7260A;
    }

    * html div.news {
        width: 212px;
    }

    div.news h2 {
        font-size: 11px;
        font-weight: bold;
        color: #A7260A;
        margin-bottom: 0px;
    }

    div.news p {
        margin-top: 0px;
    }

    div.mijndjoser {
        float: left;
        width: 150px;
        height: 100%;
        padding-left: 20px;
    }

    * hmtl div.mijndjoser {
        width: 170px;
    }

    div.mijndjoser img.mijn {
        float: right;
    }

    div.righthome {
        display: table-column;
        float: left;
        width: 159px;
        padding-left: 20px;
    }

    * html div.righthome {
        width: 178px;
    }

    div.search {
        padding: 0px;
        margin: 0px;
    }

    div.search form {
        padding: 0px;
        margin: 0px;
        margin-bottom: 10px;
    }

    div.search select {
        font-size: 11px;
        margin-top: 0px;
        padding-top: 0px;
        width: 160px;
        border: 1px solid #83542A;
    }

    div.search #tripfinder input {
        font-size: 11px;
        width: 25px;
        height: 15px;
        margin-top: 3px;
        margin-bottom: 3px;
        border: 1px solid #83542A;
        text-align: center;
        vertical-align: middle;
    }

    * html div.search #tripfinder input {
        height: 18px;
    }

    div.search #tripfinder input.year {
        width: 50px;
        margin-top: 3px;
        margin-bottom: 3px;
    }

    div.search #tripfinder input.image_submit {
        float: right;
        width: 91px;
        height: 24px;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 0px;
    }

  /* content containers */
    div#contentcolumn  {
        margin-left: auto;
        margin-right: auto;
        width: 460px;
        text-align: left;
    }

  /* content formatting */
    div.contenttext { margin-bottom: 10px; }
    div.listcolumns {
        width: 460px;
          float: right;
    }
    div.contentleftcolumn {
        width: 50%;
        float: left;

        }
    div.contentrightcolumn {
        width: 50%;
        float: left;
        }

    div.contenttext p { margin: 0px; }
    div.contenttext p a { font-weight: bold; color: #83542A; }
    div.contenttext p a:hover { color: #A7260A; }

    .contentheader {
        font-size: 13px;
        font-weight: bold;
        color: #A7260A;
        line-height: 30px;
        width: 460px;
        margin: 0px;
        margin-bottom: 10px;
        padding: 0px;
        text-align: center;

        background: url("/images/verloop.gif") repeat-y top left;
    }

    h2.contentheader {
        font-size: 11px;
    }

    .contentheader_home {
        font-size: 11px;
        color: #A7260A;
        margin: 0px;
    }

    p.messagetitle {
        font-style: italic;
        padding: 0px;
        margin: 0px;
    }

    p.messagetext {
        padding: 0px;
        margin: 0px;
        padding-bottom: 15px;
    }

    a.homelink {
        font-size: 10px;
        font-weight: bold;
        color: #83542A;
    }

    a.homelink:hover {
        font-size: 10px;
        font-weight: bold;
        color: #A7260A;
    }

    .contenttext iframe {
        position: relative;
        width: 548px;
        margin-top: 25px;
    }

    .contentpretext { font-weight: bold; display: block; margin-bottom: 10px; }

    ul.bookingregion {
        margin: 0px;
        padding-left: 17px;
        padding-top: 10px;
    }

    ul.bookingregion li {
        color: #83542A;
        margin: 0px;
        padding: 0px;
    }

    ul.bookingregion li a {
        color: #83542A;
    }

    ul.bookingregion li a:hover {
        color: #A7260A;
    }

    .trip_choice {
        height: 22px;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 8px;
        padding-left: 20px;
        background-color: #DB9E51;
    }

    * html .trip_choice {
        height: 30px;
    }

    .trip_choice .title {
        float: left;
        width: 100px;
    }

    ul.documentindex { margin: 0; padding-left: 17px; padding-top: 10px; }
    ul.documentindex li { margin: 0; color: #83542A; padding-bottom: 5px; }
    ul.documentindex li a {
        display: block;
        color: #83542A;
    }
    ul.documentindex li a:hover {
        color: #A7260A;
    }

    ul.pageindex { margin: 0; padding: 0; padding-top: 10px; list-style: none; }
    ul.pageindex li { margin: 0; }
    ul.pageindex li a {
        display: block;
        padding-left: 15px;
        color: #0a4e90;
        font-weight: bold;
        line-height: 20px;
        background: transparent url("/images/a_bul_con.gif") no-repeat 0px 4px;
    }
    ul.pageindex li a:hover {
        color: #A7260A;
    }

    ul.subpageindex { margin: 0; padding: 0; padding-left: 15px; list-style: none; }
    ul.subpageindex li { margin: 0; }
    ul.subpageindex li a {
        display: block;
        padding-left: 15px;
        color: #0a4e90;
        font-weight: normal;
        line-height: 20px;
        background: transparent url("/images/arrow_right.gif") no-repeat 0px 4px;
    }
    ul.subpageindex li a:hover {
        padding-left: 15px;
        color: #A7260A;
        line-height: 20px;
        background: transparent url("/images/arrow_right_over.gif") no-repeat 0px 4px;
    }

  /* mosaicbox */
    div.mosaicbox {
        float: left;
        width: 124px;
        height: 122px;
        margin-right: 20px;
        margin-bottom: 20px;
            text-align: right;
    }

    div.mosaicbox p {
            padding-right: 5px;
        height: 20px;
        line-height: 20px;
    }

    div.mosaicbox p img {
        margin-left: 3px;
    }

    div.mosaicbox p.overimage {
        padding-right: 20px;
        margin-top: -21px;
        cursor: hand;
    }

  /* imgbox */
    div.imgbox {
        border: 1px solid black;
        float: right;
        margin: 0 0 10px 10px;
    }

  /* sitemap */

    ul.sitemap li, ul.sitemap li ul{
        color: #83542A;
        list-style-type: disc;
    }

  /* linkbox */
    div.linkbox {
        margin-top: 20px;
    }

    div.linkbox ul {
        padding-left: 15px;
        margin-left: 0px;
    }

    * html div.linkbox ul {
        padding-left: 18px;
        margin-left: 0px;
    }

    div.linkbox ul li {
        color: #83542A;
    }

    div.linkbox a {
        color: #83542A;
        font-weight: bold;
        line-height: 20px;
    }

    div.linkbox a:hover {
        color: #A7260A;
    }

    /* defaultlist */
      .mosaictile {
        border: 1px solid black;
        float: right;
        margin: 0 0 10px 10px;
      }

    ul.defaultlist {
        margin: 10px;
        padding: 0;
    }

    ul.defaultlist li {
        color: #83542A;
        padding-bottom: 5px;
        margin-left: 7px;
    }

    ul.defaultlist li p {
        color: #83542A;
        padding-top: 0px;
        margin-top: 0;
        margin-bottom: 0;
    }

    ul.defaultlist li p a {
        color: #83542A;
        font-weight: bold;
    }

    ul.defaultlist li p a:hover {
        color: #A7260A;
        font-weight: bold;
    }

    /* linklist */
    div.linklist {
        margin-top: 10px;
    }
    div.linklist ul {
        margin: 0;
        padding: 2px;
        list-style: none;
        background-color: #e5e5e5;
    }
    div.linklist li {
        margin-top: 3px;
        margin-bottom: 3px;
    }
    div.linklist span {
        padding-left: 5px;
        padding-right: 5px;
    }

    /* decoratedlist */
    ul.defaultlist .mosaictile {
        border: 1px solid #AFAFAF;
        padding: 3px;
        float: left;
        margin: 0 15px 15px 0;
    }

    ul.defaultlist .mosaictile img {
        display: block;
        margin: 0;
        padding: 0;
    }

    ul.decoratedlist .decoratedlistitem p {
        padding: 0;
        margin: 0;
    }

    ul.defaultlist h2 {
        margin-top: 0;
        margin-bottom: 0;
        font-weight: bold;
        font-size: 100%;
        color: #0A4E90;
    }

  /* filelist */
    ul.defaultlist li.filelistitem p {
        padding-top: 0px;
        margin-top: 0;
        margin-bottom: 0;
    }

    ul.defaultlist .fileicon {
        float: left;
        margin: 0 8px 0px 0;
    }

    ul.defaultlist li.filelistitem p {
        padding-left: 24px;
    }

  /* linklist */
    ul.defaultlist li.linklistitem {
        clear: both;
        padding: 0 0 10px 0;
    }

    ul.defaultlist li.linklistitem h2 {
        font-size: 100%;
        font-weight: bold;
        padding-left: 15px;
        margin-bottom: 0;
        color: #0A4E90;
        background: transparent url("/images/a_bul_con.gif") left 3px no-repeat;
    }

    ul.defaultlist li.linklistitem p {
        padding-left: 15px;
    }

    ul.defaultlist li.linklistitem p a {
        color: #0A4E90;
    }

  /* pagelist */
    ul.pagelist {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    ul.pagelist h2 {
        font-size: 11px;
        font-weight: bold;
        padding: 0;
        margin: 0;
    }

    ul.pagelist li {
        color: black;
        padding-bottom: 15px;
    }

    ul.pagelist li p {
        color: black;
        padding-top: 0px;
        margin-top: 0;
        margin-bottom: 0;
    }

    ul.pagelist li p a {
        color: #83542A;
        font-weight: bold;
    }

    ul.pagelist li p a:hover {
        color: #A7260A;
        font-weight: bold;
    }

  /* messagelist */
    ul.messagelist {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    ul.messagelist h2 {
        font-size: 11px;
        font-weight: bold;
        padding: 0;
        margin: 0;
    }

    ul.messagelist li {
        color: black;
    }

    li ul.messagelist li p {
        color: black;
        padding-top: 0px;
        margin-top: 0;
        margin-bottom: 0;
    }

  /* navbox */
    div.navbox {
        padding-top: 10px;
    }

    div.navbox a:link, div.navbox a:visited, div.navbox a:active {
        font-family: verdana;
        font-size: 10px;
        font-weight: bold;
        color: #83542A;
        text-decoration: none;
    }

    div.navbox a:hover {
        color: #A7260A;
    }

    .pagenav {
        color: #83542A;
    }

  /* forms: default */

    .basicform { width: 100%; float: left; background: url(/images/form_bg.gif) repeat-y left top; }
    /* basicform styles form elements, marked up in a definition list */
    .basicform dl input, .basicform dl textarea, .basicform dl select { width: 95%; color: #003384; }

        /* IE displays border around radio buttons and checkboxes, which is ugly */
        .radio, .radio:hover, .checkbox, .checkbox:hover { width: auto !important; border: 0 !important; }

        .basicform dl dt {
        clear: both;
        width: 35%;
        font-weight: bold;
        float: left; }

        .basicform dl dd {
        width: 60%;
        float: left;
        margin: 0 0 1em 0; }

        .basicform dl dd .button {
        float: right;
        width: 40%;
        color: black; }

        .errors { font-style: italic; color: red; }

    table.form {
        border-collapse: collapse;
        margin-top: 10px;
    }

    td.formline {
        height: 2px;
        background: url("/images/formline.gif") no-repeat;
        overflow: hidden;
    }

    td.element {
        width: 119px;
        text-align: left;
        vertical-align: top;
        font-weight: bold;
        padding: 0px;
        margin: 0px;
        background: url("/images/formbrochl.gif") repeat-y;
    }

    td.input {
        height: 20px;
        background: url("/images/formbrochr.gif") repeat-y;
    }

    td.submit {
        height: 20px;
        text-align: right;
    }

    input {
        width: 150px;
        border: 1px solid #A7260A;
    }

    textarea {
        width: 300px;
        height: 80px;
        border: 1px solid #A7260A;
    }

    input.submit {
        width: 100px;
        border: 1px solid #A7260A;
    }

    input.bookform_submit {
        float: right;
        margin-top: 20px;
        width: 78px;
        border: 0px;
    }

    div.trip_choice {
        width: 100%;
    }

    input.radio {
        width: 17px;
        border: 0px;
    }
    input.radio {
        width: 17px;
        border: 0px solid #1B516F;
    }
    input.checkbox {
        width: 17px;
        border: 0px solid #1B516F;
    }

  /* table trips */
    table.trips {
        width: 460px;
    }

    table.trips td.date {
        font-size: 10px;
        font-weight: bold;
        width: 100px;
        vertical-align: bottom;
    }

}


@media print {
    body, div, p, th, td, li, dd {
        font-family: verdana, tahoma, arial, sans-serif;
        font-size: 12px;
        color: #000;
    }

    #topbar, #headerbar, #leftbar, #rightbar, #bottombar {
        display: none;
    }
}