/**
 * @site Djoser Hiking Destination
 * @revision $Revision: 1.1.2.3 $
 *
 * @styleguide:
 *  colors {
 *   white:    #fff;
 *   black:    #000;
 *   darkgrey: #242528;
 *   brown:    #6a5b36;
 *   red:      #9cad41;
 *   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 { font-size: 1.6em; margin: 0 0 .5em 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: #9cad41; }

.trip-strong-points-link { position: relative; display: inline; }
    .trip-strong-points-link span { color: #6a5b36; font-weight: bold; cursor: pointer; }

    .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_2011/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_2011/images/default/kader_mid.png) repeat left top; }
            .trip-strong-points-middle ul { margin: 0; padding-left: 1em; list-style-image: url(/assets/djoserwandel_2011/images/default/arrow_red.png); }
                .trip-strong-points-middle ul li { margin: 0; padding-bottom: .5em; }
        .trip-strong-points-bottom { width: 207px; height: 18px; background: transparent url(/assets/djoserwandel_2011/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_2011/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_2011/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_2011/images/default/arrow_red.gif) no-repeat 0 .3em; }
                dl.inline-section dd ul li a:hover { color: #9cad41; background-image: url(/assets/djoserwandel_2011/images/default/arrow_red.png); }
    dl.inline-section dd.bottom { margin-top: -1px; height: 36px; background: transparent no-repeat left top; background-image: url(/assets/djoserwandel_2011/images/default/bg_list_bottom.gif); }

dl.inline-section-block { margin: 0 0 1em 0; padding: 15px 0 0 0; width: 340px; background: transparent no-repeat left top; background-image: url(/assets/djoserwandel_2011/images/default/bg_block_top.png); }
    dl.inline-section-block dd { margin: 0; padding: 10px 20px 0 20px; background: transparent repeat-y left top; background-image: url(/assets/djoserwandel_2011/images/default/bg_block_middle.png); }
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_2011/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; padding-top: 0; height: 15px; background: transparent no-repeat left bottom; background-image: url(/assets/djoserwandel_2011/images/default/bg_block_bottom.png); }

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 *//* productinformation */
.routeday-column { width: 200px; }
    .routeday-column ol { margin:0;font-weight: bold; padding-left: 2.5em; }
        .routeday-column ol li span { font-weight: normal !important; color: #494949 !important; }
    .routeday-column ul { font-weight: bold; padding-left: 0; list-style-type: none; }
        .routeday-column ul li span { font-weight: normal !important; color: #494949 !important; }

ul.extra-buttons { margin: -10px 0 0 0; padding: 0; list-style-type: none; }
    .extra-buttons li { margin: 6px 0 0 0; padding: 0; }
        .extra-buttons li a { font-weight: normal; }

#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-container { float: right; width: 230px; margin-bottom: 2em; }
.strong-points { float: right; width: 230px; border: 1px solid black; margin-bottom:10px;}
    .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; }

#info .strong-points { float: left; margin-top: 20px; }

#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 { margin: 1em 0 0 0; }
    #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: 0; }
    #departuredates .submit { color: #9cad41; text-align: left; margin: 6px 0 1em 0; padding: 0; border: 0; border-bottom: 1px solid #9cad41; 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 #9cad41; 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; }

#info { position:absolute; right: 15px; top:120px; width:248px;}

#inclusive { margin-top: 3em; }

#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; }
.airline-logo-info { float: none; clear: right; }
    .airline-logo-info img { float: right; }

.special-price-large { clear: both; margin: 0 0 1em 0; padding: 0; width: 169px; height: 67px; background: transparent url(/assets/djoserwandel_2011/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_2011/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_2011/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; font-weight: bold; margin: 1em 1em 1em 0; padding-left: 20px; border: 0; background: transparent url(/assets/djoser_2011/images/default/ico_pdf.png) no-repeat left top; }
    #tripinfo-print-button span { }

#content .trip-tabs { float: left; clear: both; margin: 0 0 1em 0; width: 100%; }

#content ul.tabs { list-style:none; clear:both; overflow:hidden; margin:0; padding:0; border-bottom:5px solid #9cad41;}
    #content ul.tabs li { float:left; margin: 0 0 0 -1px; }
           #content ul.tabs li a { padding: 8px 7px 0 0; display:block; text-decoration:none !important; border:0 !important; display:block; height:16px; margin-left:8px; }
               #content ul.tabs li a span { text-indent:-9000px; display:block;}

    #content ul.tabs li:hover, #content ul.tabs li.selected { background:url(/assets/djoserwandel_2011/images/default/bg_tab_left.png) no-repeat left top; }
        #content ul.tabs li:hover a, #content ul.tabs li.selected a { background:url(/assets/djoserwandel_2011/images/default/bg_tab_right.png) repeat-x right top; }

#content .tabs-content { float: left; clear: both; margin-bottom: .5em; width: 100%; }
    #content .tabs-content .addthis_buttons { float: right; margin: 1em; position: relative; top: 0; left: 0; }

#info ul.menu_photo { margin: 50px 0 0 50px; }

.difficulty-level { float: left; clear: both; width: 100%; }
    .difficulty-level-indicator { float: left; margin-right: .5em; background: transparent no-repeat left top; }
    .difficulty-level-hiking .difficulty-level-indicator { width: 36px; height: 29px; background-image: url(/assets/djoserwandel_2011/images/default/default_destination/difficulty_indicator.png); }
    .difficulty-level-bicycle .difficulty-level-indicator { width:50px; height:31px; background-image: url(/assets/djoserwandel_2011/images/default/bicycle_destination/difficulty_indicator.png); }