/**
 * @site Djoser Hiking Destination
 * @revision $Revision: 1.1.2.3 $
 *
 * @styleguide:
 *  colors {
 *   white:    #fff;
 *   black:    #000;
 *   darkgrey: #242528;
 *   brown:    #6a5b36;
 *   red:      #900223;
 *   yellow:   #f9f6e2;
 *  }
 *  fonts {
 *   headers:    Journal;
 *   navigation: Journal;
 *   text:       Arial, Helvetica, sans-serif;
 *  }
 */

p { margin: 0 0 1em 0; }

/**
 * Junior destination
 * Templates that are only used in Junior-destination or are different from the Junior-style
 */
#mainnav-visual { width: 189px; height: 280px; background: transparent no-repeat left top; }

/**
 * Large content-area
 */
.subsite-homepage { background: none; }
.subsite-homepage #content { padding: 120px 0 1em 220px; }
.subsite-homepage .contenttext { height: 320px; }
html>body .subsite-homepage .contenttext { height: auto; min-height: 320px; }

.contenttext-header { margin: 1em 0 0 0; padding: 0; }

/* homepage */
ul.destination-trips { margin: 1em 0; padding: 0; list-style-type: none; }
    ul.destination-trips li { clear: both; margin-bottom: 2em; }
        ul.destination-trips li h3 { margin: 0; padding: 0; }
            ul.destination-trips li h3 a { display: block; border: 0; }
        ul.destination-trips li p { margin: 0; padding: 0; }
        ul.destination-trips li .destination-triplinks { float: left; font-weight: bold; }
            ul.destination-trips li .destination-triplinks a { color: #6a5b36; border: 0; }
                ul.destination-trips li .destination-triplinks a:hover { color: #900223; }

.trip-strong-points-link { float: left; position: relative; display: block; margin-left: 1em; width: 102px; height: 19px; background: transparent url(/assets/djoserwandel_2010/images/default/button_waaromdjoser.png) no-repeat left top; }

    .trip-strong-points { display: none; position: absolute; bottom: 1em; left: 0; width: 207px; }
        .trip-strong-points-link:hover .trip-strong-points { display: block; }

        .trip-strong-points div { display: block; }
        .trip-strong-points-top { width: 207px; height: 15px; background: transparent url(/assets/djoserwandel_2010/images/default/kader_top.png) no-repeat left top; }
        .trip-strong-points-middle { padding: 0 10px 0 20px; width: 177px; background: transparent url(/assets/djoserwandel_2010/images/default/kader_mid.png) repeat left top; }
            .trip-strong-points-middle ul { margin: 0; padding-left: 1em; list-style-image: url(/assets/djoserwandel_2010/images/default/bullet.gif); }
                .trip-strong-points-middle ul li { margin: 0; padding-bottom: .5em; }
        .trip-strong-points-bottom { width: 207px; height: 18px; background: transparent url(/assets/djoserwandel_2010/images/default/kader_bottom.png) no-repeat left top; }


/* inline lists */
dl.inline-section { margin: 0 0 1em 0; padding: 10px 0 0 0; width: 330px; background: transparent no-repeat left top; background-image: url(/assets/djoserwandel_2010/images/default/bg_list_top.gif); }
    dl.inline-section dd { margin: 0; padding: 10px 20px 0 20px; background: transparent repeat-y left top; background-image: url(/assets/djoserwandel_2010/images/default/bg_list_middle.gif); }
dl.inline-section dd h2 { background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    dl.inline-section dd h2 span { visibility: hidden; }
    dl.inline-section dd ul { margin: 0; padding: 0; list-style-type: none; }
        dl.inline-section dd ul li { }
            dl.inline-section dd ul li a { display: block; color: #6a5b36; padding-left: 15px; border: 0; background: transparent url(/assets/djoserwandel_2010/images/default/arrow_red.gif) no-repeat 0 .3em; }
                dl.inline-section dd ul li a:hover { color: #900223; background-image: url(/assets/djoserwandel_2010/images/default/bullet.gif); }
    dl.inline-section dd.bottom { margin-top: -1px; height: 36px; background: transparent no-repeat left top; background-image: url(/assets/djoserwandel_2010/images/default/bg_list_bottom.gif); }

dl.inline-section-block { margin: 0 0 1em 0; padding: 10px 0 0 0; width: 330px; background: #900223 no-repeat left top; background-image: url(/assets/djoserwandel_2010/images/default/bg_block_top.gif); }
    dl.inline-section-block dd { margin: 0; padding: 10px 20px 0 20px; }
dl.inline-section-block dd h2 { background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    dl.inline-section-block dd h2 span { visibility: hidden; }
    dl.inline-section-block dd ul { margin: 0; padding: 0; list-style-type: none; }
        dl.inline-section-block dd ul li { }
            dl.inline-section-block dd ul li a { display: block; color: white; padding-left: 15px; border: 0; background: transparent url(/assets/djoserwandel_2010/images/default/arrow_red.gif) no-repeat 0 .3em; }
                dl.inline-section-block dd ul li a:hover { text-decoration: underline; }
    dl.inline-section-block dd.bottom { margin-top: -1px; height: 10px; background: transparent no-repeat left bottom; background-image: url(/assets/djoserwandel_2010/images/default/bg_block_bottom.gif); }

dl.inline-section dd ul li.block { float: none; margin-top: 0; margin-bottom: 0; width: 100%; background: none; }
    dl.inline-section dd ul li.block h2 { display: block; width: 100%; margin: 0; margin-bottom: 6px; text-indent: -9000px; }
    dl.inline-section dd ul li.block a { background: none; }
    dl.inline-section dd ul li.block img { float: left; }

/* dreumestrips */
#dreumestrips { margin: 3.5em 0 0 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    #dreumestrips span { visibility: hidden; }

/* subheaders */
#subheader { margin: 0 0 1em 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    #subheader span { visibility: hidden; }

/* productinformation */
.routeday-column { width: 217px; }

#strongpoints { margin: 0 0 0 1em; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    #strongpoints span { visibility: hidden; }

.strong-points { float: right; width: 230px; margin-bottom: 2em; border: 1px solid black; }
    .strong-points-inner { margin: 4px; padding-top: 1em; border: 1px solid black; background-color: #f3f0c7; }
    .strong-points-middle { padding: 0 1em 1em 1em; }

    .strong-points ul { margin: 0; padding-top: 1em; padding-left: 1em; list-style-type: bullet; }

#routecolumn { margin: 1em 0 0 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    #routecolumn span { visibility: hidden; }

/* faq */
.faq { margin: 1em 0 0 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    .faq span { visibility: hidden; }

/* route */
#departuredates { }
    #departuredates fieldset { margin: 0; padding: 0; border: 0; }
    #departuredates h2 { float: left; font-weight: normal; color: #6a5b36; margin: 0; padding: 0; }
    #departuredates select { margin-left: 11px; }
    #departuredates .submit { color: #900223; text-align: left; margin: 6px 0 1em 0; padding: 0; border: 0; border-bottom: 1px solid #900223; background-color: transparent; }
        #departuredates .submit:hover { cursor: pointer; color: #6a5b36; }

    .discount { position: relative; z-index: 3; cursor: help; }
        .discount .discountterms { display: none; position: absolute; top: .7em; right: -50px; padding: 5px; width: 150px; border: 1px solid #900223; background-color: #fcf2e2; }
        .discount:hover .discountterms { display: block; }

.plain_list { margin: 1em 0; padding: 0; list-style-type: none; }

/* arrangements */
.prices_info { margin-top: 1em; }
#prices { margin: 0; padding: 0; border: 0; }
    #prices td { vertical-align: top; }
span.title {
display: block; float: left;
font-weight: bold;
width: 165px; }

#extrainfocolumn { clear: both; }

.airline { float: right; }

.special-price-large { clear: both; margin: 0 0 1em 0; padding: 0; width: 169px; height: 67px; background: transparent url(/assets/djoserwandel_2010/images/default/special_price.png) no-repeat left top; }
.special-price-small { float: left; margin: 0 0 0 .2em; padding: 0; width: 16px; height: 16px; background: transparent url(/assets/djoserwandel_2010/images/default/special_price_small.png) no-repeat left top; }
    .special-price-large span, .special-price-small span { visibility: hidden; }

.arrangements-top { float: left; clear: both; width: 430px; margin-bottom: 2em; padding: 4px; border: 1px solid black; }
    .arrangements-bottom { float: left; border: 1px solid black; background-color: #f3f0c7; }
        .arrangements-middle { float: left; padding: 0; }

            .arrangements-middle h2 { float: left; margin-left: 10px; width: 170px; text-indent: -9000px; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
            .arrangements-middle h3.price-warranty { float: left; width: 127px; height: 65px; background: transparent url(/assets/djoserwandel_2010/images/default/price_warranty.png) no-repeat left top; }
                .arrangements-middle h3.price-warranty a { display: block; border: 0; width: 100%; height: 100%; }
                    .arrangements-middle h3.price-warranty a span { visibility: hidden; }
            .arrangements-middle h2.availability { float: right; margin-right: 10px; width: 140px; }

            table.arrangements { float: left; width: 100%; margin-bottom: 11px; border-top: 1px solid #c6a97d; }
            table.arrangements td { vertical-align: top; padding-left: 6px; }

            table.arrangements .month { height: 33px; font-weight: bold; vertical-align: bottom; border-bottom: 1px solid #c6a97d; }
            table.arrangements .day { font-weight: bold; width: 50px; border-bottom: 1px solid #c6a97d; }
            table.arrangements .price { width: 70px; border-bottom: 1px solid #c6a97d; border-left: 1px solid #c6a97d; }
                table.arrangements .price .price-text { float: left; }
            table.arrangements .information { border-bottom: 1px solid #c6a97d; border-left: 1px solid #c6a97d; }
            table.arrangements .available { width: 80px; border-bottom: 1px solid #c6a97d; border-left: 1px solid #c6a97d; }
            table.arrangements .book { width: 70px; border-bottom: 1px solid #c6a97d; border-left: 1px solid #c6a97d; }

ul.info_navigation { margin-top: 0; padding-top: 0; }

ul.info_pictures { float: left; width: 100%; margin: 11px 0; padding: 0; list-style-type: none; }
    ul.info_pictures li { float: left; height: 50px; margin: 0 17px 17px 0; }
        ul.info_pictures li a { border: 0; }

#tripinfo-print-button { float: right; display: block; border: 0; width: 146px; height: 36px; background: transparent url(/assets/djoserwandel_2010/images/default/print_button.png) no-repeat left top; }
    #tripinfo-print-button span { visibility: hidden; }

