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

@media screen, tv, projection {

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

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

    a:link, a:visited, a:active { font-size: 11px; font-weight: bold; text-decoration: none; }
    a:hover { text-decoration: none; }

    ul {
        list-style: none;
        padding: 0px;
    }

  /* page structure */
    #total {
        height: 100%;
    }

    #topbar {
        position: absolute;
        height: 17px;
        width: 780px;

        z-index: 3;
    }

    #main {
        position: absolute;
        top: 17px;
        left: 0;
        right: 0;
        bottom: 17px;
        overflow: auto;
    }

    * html #main {
        top: 0;
        bottom: 0;
        border-style: solid;
        border-top-width: 17px;
        border-bottom-width: 17px;
        border-left-width: 0px;
        border-right-width: 0px;

        height: 100%;
        max-height: 100%;
        width: 100%;
        z-index: 0;
    }

    #headerbar {
        position: absolute;
        left: 0;
        height: 162px;
        width: 780px;
    }

    #maincontent {
        position: absolute;
        top: 162px;
        bottom: 0px;
        width: 780px;
    }

    #leftbar {
        position: relative;
        width: 51px;

        z-index: 2;
    }
    
    #logo-contactinfo { margin: 20px 0; text-align: center; line-height: 1.7; }
        #logo-contactinfo img { margin: 0 auto; }

    #content {
        position: relative;
        float: left;
        padding-left: 51px;
        padding-bottom: 30px; 
        width: 572px;
    }

    * html #content {
        width: 623px;
        padding-left: 51px;
    }

    #left {
        position: relative;
        float: left;
        width: 166px;
    }

    #middle {
        position: relative;
        float: left;
        width: 180px;
        min-height: 5px;
    }

    #right {
        position: relative;
        float: left;
        width: 180px;
    }
    
    #call-to-actions { position: absolute; left: 51px; bottom: 17px; padding: 5px 10px; width: 557px; background-color: #fff4c3; }
    

    #bodytogglesmall {
        display: block;
        margin-bottom: 30px;
    }

    #bodytogglelarge {
        display: none;
        margin-bottom: 30px;
    }
    #arrow {
                float: right;
                padding-top: 20px;
    }


    #routes {
        width: 100%;
    }

    #routecolumn_left {
        float: left;
        width: 65%;
    }

    #routecolumn_right {
        float: left;
        width: 35%;
    }

    a.routecolumn input {
        margin-top: 10px;
    }

    ul.route {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    ul.route li {
        height: 16px;
    }

    ul.route img {
        float: left;
        margin-right: 10px;
    }

    div#extra_tripinfo {
        float: right;
        width: 320px;
    }

    div#extra_tripinfo ul {
        float: left;
        padding-bottom: 20px;
        margin-left: 0px;
    }

    .airline {
        float: right;
        width: 275px;
    }

    .airline img {
        float: right;
    }

    .airline_route {
        float: left;
        clear: left;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    #departures_border {
        width: 552px;
        padding: 1px;
        margin-top: 25px;
    }

    * html #departures_border {
        width: 557px;
    }

    #departures {
        width: 552px;
        padding: 5px 0px 0px 0px;
    }

    * html #departures {
        width: 555px;
    }

    table.departures {
        width: 100%;
        border: 0px;
        border-style: solid;
        border-top-width: 0px;
        border-right-width: 0px;
        border-left-width: 0px;
        border-bottom-width: 1px;
        border-collapse: collapse;
    }

    table.departures td a:link, table.departures td a:active, table.departures td a:visited {
        font-size: 10px;
        font-weight: normal;
    }

    table.departures td a:hover {
        font-weight: normal;
    }

    table.departures td p a:link, table.departures td p a:active, table.departures td p a:visited {
        font-weight: normal;
    }

    table.departures td p a:hover {
        font-weight: normal;
    }

    table.departures td {
        font-size: 10px;
        vertical-align: top;
        padding-left: 5px;
        padding-right: 0px;
    }

    table.departures td div {
        font-size: 10px;
    }

    table.departures td.year {
        font-weight: bold;
        padding-top: 10px;
        border-style: solid;
        border-top-width: 0px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 1px;
    }

    table.departures td.month {
        font-weight: bold;
        width: 70px;
        padding-top: 5px;
        border-style: solid;
        border-top-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
    }

    table.departures td.monthprice {
        font-weight: bold;
        width: 50px;
        padding-top: 10px;
        border-style: solid;
        border-top-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
    }
    table.departures td.monthinfo {
        font-weight: bold;
        padding-top: 10px;
        border-style: solid;
        border-top-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
    }
    table.departures td.monthavailable {
        font-weight: bold;
        width: 140px;
        padding-top: 10px;
        border-style: solid;
        border-top-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
    }
    table.departures td.monthbook {
        font-weight: bold;
        width: 60px;
        padding-top: 10px;
        border-style: solid;
        border-top-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
    }

    table.departures td.day {
        font-weight: bold;
        width: 140px;
        border-style: solid;
        border-top-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
    }
    table.departures td.price {
        width: 90px;
        border-style: solid;
        border-left-width: 1px;
        border-right-width: 1px;
        border-top-width: 1px;
        border-bottom-width: 0px;
    }
    table.departures td.info {
        border-style: solid;
        border-left-width: 1px;
        border-right-width: 1px;
        border-top-width: 1px;
        border-bottom-width: 0px;
    }
    table.departures td.available {
        width: 140px;
        border-style: solid;
        border-left-width: 1px;
        border-right-width: 1px;
        border-top-width: 1px;
        border-bottom-width: 0px;
    }
    table.departures td.book {
        width: 100px;
        border-style: solid;
        border-left-width: 1px;
        border-right-width: 1px;
        border-top-width: 1px;
        border-bottom-width: 0px;
    }

    #rightbar {
        position: relative;
        float: left;
        width: 152px;
    }

    #bottombar {
        position: absolute;
        bottom: 0px;
        height: 17px;
        width: 780px;

        z-index: 3;
    }

  /* departure moreinfo */
    table.departures td.info div .more_info {
        display: none;
        position: absolute;
        left: 300px;
        width: 200px;
        border-style: solid;
        border-width: 1px;
        margin-top: -5px;
        padding: 5px;
        z-index: 10;
    }

    * html table.departures td.info div {
        width: 100%;
    }

    * html table.departures td.info div .more_info {
        margin-top: 7px;
    }

    table.departures td.info:hover div .more_info {
        display: block;
    }

    table.departures td.info div.sfhover .more_info {
        display: block;
    }

  /* content containers */
    #contentcolumn  {
        margin: 10px;
        text-align: left;
    }

    #global_navbox {
        width: 207px;
        float: left;
    }

    #global_navbox p.participantstext {
        clear: both;
        font-weight: bold;
        margin: 5px 10px; padding: 5px 0;
    }
    #global_navbox p.participantstext table { margin: 0; padding: 0; }
    #global_navbox p.participantstext table tr td { font-weight: bold; vertical-align: top; }

    #global_navbox img.border {
        float: left;
    }

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

    div.homebox {
        float: left;
        width: 201px;
        padding: 3px;
    }

    div.homebox_visual {
        float: right;
    }

    * html div.homebox_visual {
        margin-right: -2px;
    }

  /* popups */
    #popup_wrapper {
      width:500px;
      height:500px;
    }

    #popup_wrapper>#popup_floating { /*display:table for Mozilla & Opera*/
      display:table;
      position:static;
    }

    #popup_floating { /*for IE*/
      width:505px;
      height:100%;
      position:relative;
    }

    #popup_floating div { /*for IE*/
      position:absolute;
      width:505px;
      top:50%;
      text-align: center;
    }

    #popup_floating>div { /*for Mozilla and Opera*/
      display:table-cell;
      vertical-align:middle;
      position:static;
    }

    #popup_floating div div {
      position:relative;
      top:-50%;
    }

    #popup_floating div div img {
        margin: 0 auto;
        border-style: solid;
        border-left-width: 1px;
        border-right-width: 1px;
        border-top-width: 1px;
        border-bottom-width: 1px;
    }

  /* content formatting */
    div.contenttext { margin-bottom: 10px; }

    div.contenttext p { margin: 0px; }
    div.contenttext p a { font-weight: bold; }

    span.telephone { margin-left: 20px; }

    h3 {
        font-size: 11px;
        font-weight: normal;
        margin: 0px;
        padding: 0px;
    }

    h3.left {
        float: left;
        margin-right: 5px;
    }

    h3.title {
        font-weight: bold;
    }

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

    span.title {
        font-weight: bold;
        margin-right: 10px;
    }

    p {
        padding-bottom: 11px;
    }

    p.left {
        font-weight: bold;
        padding-bottom: 11px;
    }

    .contentheader {
        font-size: 13px;
        font-weight: bold;
        line-height: 30px;
        margin: 0px;
        margin-bottom: 10px;
        padding: 0px;
    }

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

    h3.contentheader {
        font-size: 11px;
        margin: 0px;
        padding: 0px;
    }

    h3.question {
        font-size: 11px;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
    }

    h3.routes {
        font-size: 11px;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
        margin-bottom: 10px;
    }

    div.info_pictures {
        float: left;
        width: 540px;
        margin: 0px auto;
        text-align: middle;
    }

    div.info_pictures img {
        float: left;
        margin: 5px;
    }

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

    .imgbox_thumbs p {
        font-size: 10px;
        font-weight: normal;
        font-style: italic;
    }

    .homebox h1.contentheader {
        font-size: 14px;
        font-weight: bold;
    }

    .homebox .contenttext {
        font-size: 10px;
    }

    p.homelink a.homelink:link, p.homelink a.homelink:visited, p.homelink a.homelink:active {
        line-height: 40px;
    }

    div.month {
        height: 17px;
        margin: 0px;
        padding: 0px;
    }

    ul.documentindex { margin: 0; padding: 0; padding-left: 16px; padding-top: 10px; }
    ul.documentindex li { margin: 0; padding-bottom: 5px; }
    ul.documentindex li a:visited, ul.documentindex li a:link, ul.documentindex li a:active {
        font-size: 11px;
    }

    .pagenav_default {
        margin-top: 17px;
    }

    span.pagenav {
        font-size: 11px;
    }

    span.pagenav a:link, span.pagenav a:visited, span.pagenav a:active { font-size: 11px; font-weight: bold; }
    span.pagenav a:hover { font-size: 11px; font-weight: bold; }

  /* image formatting */
    #headerbar img {
        float: left;
    }

    img.home_visual {
        float: left;
        margin-top: 30px;
        margin-left: 5px;
    }

    * html img.home_visual {
        margin-left: 2px;
    }

    img.year { margin-bottom: 5px; }
    img.month { float: left; clear: left; margin-bottom: 2px; margin-right: 5px; }
    img.date { float: left; }

    img.airline {
        margin-top: 30px;
    }

    img.map {
        float: left;
        clear: left;
    }

    img.largemap {
        float: left;
        margin-top: 50px;
    }

    .imgbox_thumbs {
        text-align: center;
    }

    .imgbox_images img {
        display: inline;
        border-style: solid;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .imgboxinner {
        text-align: center;
    }

    .imgboxinner img {
        display: inline;
    }

    img#pdf {
        float: right;
        margin-top: 10px;
        margin-left: 10px;
    }

  /* global navigation */
    ul.globalnav {
        float: left;
        width: 200px;
        list-style: none;
        padding: 0px;
        margin: 0px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    ul.globalnav li {
        float: left;
        clear: both;
    }

  /* main navigation */
    ul.mainnav {
        float: left;
        width: 144px;
        list-style: none;
        padding: 0px;
        margin: 0px;
        margin-left: 8px;
        margin-bottom: 10px;
    }

    ul.mainnav li {
        float: left;
        clear: both;
    }
    
    .mainnav-header { clear: both; font-size: 11px; margin: 0 0 0 8px; padding: 0; }

  /* linkbox */
    div.linkbox {
        float: left;
        margin-top: 0px;
    }

    div.linkbox ul {
        list-style: none;
        padding-left: 0px;
        margin-left: 0px;
    }

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

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

  /* inlinesection */
    .inline_section {
        margin-bottom: 10px;
    }

    .inline_section h2 {
        font-size: 12px;
        margin: 0px;
        padding: 0px;
        margin-bottom: 5px;
    }

    .inline_section ul {
        padding: 0px;
        padding-left: 14px;
        margin: 0px;
    }

    * html .inline_section ul {
        margin-left: 4px;
    }

    .inline_section ul li {
        padding: 0px;
        margin: 0px;
    }

    .inline_section ul li p {
        padding: 0px;
        margin: 0px;
    }

    .inline_section ul li a:link, .inline_section ul li a:active, .inline_section ul li a:visited {
        font-weight: normal;
    }

  /* inlinelist */
    h3.inline_list {
        float: left;
        margin-left: 40px;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    * html h3.inline_list {
        margin-bottom: 10px;
    }

    ul.inline_list {
        float: left;
        list-style: none;
        width: 320px;
        padding: 0px;
        margin: 0px;
        margin-left: 40px;
    }

    ul.inline_list li {
        height: 12px;
        padding-left: 45px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    ul.inline_list>li { height: auto; }

    ul.inline_list li a:link, ul.inline_list li a:active, ul.inline_list li a:visited  {
        font-weight: bold;
    }

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

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

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

    ul.defaultlist li p a {
        font-weight: bold;
    }

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

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

    ul.pagelist h2 {
        font-size: 12px;
        margin: 0;
        padding: 0;
    }

    ul.pagelist li {
        padding-bottom: 5px;
        padding-left: 0px;
        margin-left: 0px;
    }

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

    ul.pagelist li p a {
        font-weight: bold;
    }

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

/* IE workaround */
body { behavior:url("/jscript/csshover.htc"); }

.nowrap { white-space: nowrap; vertical-align: top; }

    .facebook-logo { display: block; padding-left: 7px;}
    
}


@media print {

    .info_pictures {
        float: left;
        width: 100%;
    }

    #headerbar {
        float: left;
        width: 100%;
        border: 1px solid red;
    }

    img {
        float: left;
    }

}