html, body { margin: 0; padding: 0; border: 0; background: #dbdbcb url(/images/2010/default/portal/bg_portal.jpg) no-repeat center top; }
body { font: normal .7em/1.4em Arial, Helvetica, sans-serif; color: #494949; }

/* links */
a, a:link { padding: 0; color: #6f7152; }
a:visited { color: #6f7152; }
a:active { color: #494949; }
a:hover { color: #494949; }

input, select, textarea { border: 1px solid #848167; padding: .2em 0; font: normal 1em Arial, Helvetica, sans-serif; }
    input:hover, textarea:hover { border-color: #bbb; }
    input:focus, textarea:focus { border: 1px inset #848167; }
    input.disabled { cursor: default; background-color: #e8e8e8; }

#body { position: relative; top: -1px; margin: 0 auto; border-top: 1px solid red; width: 965px; background: transparent no-repeat 0 0; }

    #infoday-link { display: block; position: absolute; top: 0; left: 0; border: 0; width: 644px; height: 428px; z-index: 3; text-decoration: none; }
        #infoday-link span { border: 0; visibility: hidden; }

    #mobile-link { position: relative; top: 635px; font-weight: bold; font-size: 1em; margin: 0 0 0 927px; padding: 0; }

    #blocks { position: relative; margin-top: 383px; width: 100%; z-index: 2; }
        .block { position: relative; float: left; margin-right: 2px; width: 191px; height: 100%; }
            .block h2 { font-size: 0; margin: 0; padding: 0; width: 100%; height: 26px; background: transparent no-repeat left top; }
                .block h2 a { display: block; width: 100%; height: 100%; }
                    .block h2 a span { visibility: hidden; }

            .block .inner { padding: 5px; min-height: 125px; background-color: white; }
                .block .inner h3 { font-size: 1em; margin: 0; padding: 0; }
                    .block .inner h3 a { color: #494949; text-decoration: none; }
                .block .inner p { margin: 0; padding: 0; }
                    .block .inner p a { color: #494949; text-decoration: none; }

            .block .leftcolumn { float: left; width: 80px; }
                .block .leftcolumn ul { margin: 0; padding: 0; list-style-type: none; }
                    .block .leftcolumn ul li { margin-bottom: 5px; padding-left: 13px; background: transparent no-repeat 0 3px; }
            .block .rightcolumn { float: right; width: 101px; }

            .block .bottom { clear: both; position: relative; padding: 0 5px; border-top: 7px solid white; height: 41px; }

            .dropdown { position: relative; top: -7px; margin: 0 3px 0 3px; width: 100%; list-style-type: none; cursor: default; z-index: 3; }
                .dropdown li { margin: 0; padding: 0; border: 1px solid #848167; }

                .dropdown, .dropdown ul {
                font: 1em Verdana, Helvetica, sans-serif;
                padding: 0; margin: 0;
                background-color: white; }

                .dropdown ul {
                z-index: 2;
                display: none;
                position: absolute;
                left: 0; top: -151px;
                margin: 0; padding: 0;
                border: 1px solid #848167; border-width: 1px 1px 0 1px;
                width: 180px; height: 150px;
                overflow: auto;
                opacity: .80;  filter: alpha(opacity=80); }

                    .dropdown:hover ul { display: block; }

                    .dropdown ul li { margin: 0; border: 0; border-bottom: 1px solid #848167; }
                        .dropdown ul li a, .dropdown ul li a:visited { display: block; color: #494949; font-weight: bold; text-decoration: none; padding: 2px 0; }
                            .dropdown ul li a:hover { background-color: #494949; color: white; }
                        .dropdown ul li strong a { margin: 0; padding: 0; font-weight: bold; }

            .bottom .homepage-link, .bottom .homepage-link:visited { position: absolute; top: 11px; display: block; color: white; font-weight: bold; text-decoration: none; padding: 0 5px 0 15px; background: transparent url(/images/2010/default/portal/arrow_white.png) no-repeat 0 2px; }
                .bottom .homepage-link:hover { color: white; text-decoration: underline; }

            #block-default h2 { background-image: url(/images/2010/default/portal/bg_block_header_default.png); }
            #block-junior h2 { background-image: url(/images/2010/default/portal/bg_block_header_junior.png); }
            #block-hiking h2 { background-image: url(/images/2010/default/portal/bg_block_header_hiking.png); }
            #block-theme h2 { background-image: url(/images/2010/default/portal/bg_block_header_theme.png); }
            #block-custom h2 { background-image: url(/images/2010/default/portal/bg_block_header_custom.png); }

            #block-default .bottom { background-color: #0c9bba; }
            #block-junior .bottom { background-color: #f09800; }
            #block-hiking .bottom { background-color: #585858; }
            #block-theme .bottom { background-color: #ba0c0c; }
            #block-custom .bottom { background-color: #419901; }

            #block-default .leftcolumn ul li { background-image: url(/images/2010/default/portal/arrow_default.gif); }
            #block-junior .leftcolumn ul li { background-image: url(/images/2010/default/portal/arrow_junior.gif); }
            #block-hiking .leftcolumn ul li { background-image: url(/images/2010/default/portal/arrow_hiking.gif); }
            #block-theme .leftcolumn ul li { background-image: url(/images/2010/default/portal/arrow_theme.gif); }
            #block-custom .leftcolumn ul li { background-image: url(/images/2010/default/portal/arrow_custom.gif); }

            #block-default .leftcolumn a { color: #0c9bba; }
                #block-default .leftcolumn a:hover { color: #494949; }
            #block-junior .leftcolumn a { color: #f09800; }
                #block-junior .leftcolumn a:hover { color: #494949; }
            #block-hiking .leftcolumn a { color: #585858; }
                #block-hiking .leftcolumn a:hover { color: #494949; }
            #block-theme .leftcolumn a { color: #ba0c0c; }
                #block-theme .leftcolumn a:hover { color: #494949; }
            #block-custom .leftcolumn a { color: #419901; }
                #block-custom .leftcolumn a:hover { color: #494949; }

        .hover-block { position: absolute; width: 100%; height: 250px; }
        .content-block { position: relative;  }

/*    #search-block { position: absolute; top: 55px; left: 644px; width: 320px; height: 343px; z-index: 1; background: transparent url(/images/2010/default/portal/bg_tab_extra.gif) no-repeat right top; } */
    #search-block { position: absolute; top: 55px; left: 644px; width: 320px; height: 343px; background: transparent url(/images/2010/default/portal/dots.gif) repeat-x 0 36px; z-index: 1; }
        #search-block .inner { margin-top: 40px; width: 100%; height: 303px; background: transparent url(/images/2010/default/portal/bg_search.gif) no-repeat left top; }

        .search-form { width: 100%; }
            .search-form h3 { position: absolute; top: -40px; font-size: 1.6em; font-weight: normal; color: #848167; margin: 0 0 10px 0; padding: 0 10px 5px 10px; background: transparent url(/images/2010/default/portal/bg_tab_search.gif) no-repeat left top; }

            #tripfinder-header { position: absolute; top: 7px; left: 86px; margin: 0; padding: 0 0 0 10px; background: transparent url(/images/2010/default/portal/tab_left.gif) no-repeat left top; z-index: 3; }
                #tripfinder-header a { display: block; font-weight: normal; color: white; padding: 8px 10px 5px 0; border: 0; text-decoration: none; background: transparent url(/images/2010/default/portal/tab_right.gif) no-repeat right top; }
            #tripfinder-header:hover, #tripfinder-header.selected { background-image: url(/images/2010/default/portal/tab_white_left.gif); }
                #tripfinder-header:hover a, #tripfinder-header.selected a { color: #6f7152; background-image: url(/images/2010/default/portal/tab_white_right.gif); }

            .tripfinder { display: none; position: absolute; top: 42px; padding-top: 10px; width: 320px; height: 293px; background: transparent url(/images/2010/default/portal/bg_search.gif) no-repeat left top; z-index: 2; }
                .tripfinder dl { overflow: hidden; margin: 0 10px; }
                    .tripfinder dl input { margin-right: .5em; }
                    .tripfinder dl textarea, .tripfinder dl select { width: 100%; }
                        .radio, .radio:hover, .checkbox, .checkbox:hover { width: auto !important; border: 0 !important; }
                    .tripfinder dl dt { clear: both; float: left; font-weight: bold; width: 40%; }
                    .tripfinder dl dd { width: 60%; float: left; margin: 0 0 .3em 0; }
                .tripfinder .submit-field { float: left; margin: .2em 1em .4em 1em; width: 302px; height: 38px; background: transparent url(/images/2010/default/portal/bg_results.gif) no-repeat left top; }

                .tripfinder .arrangementfinder-button { float: right; display: inline; height: 21px; margin: 9px 10px 0 0; width: 98px; height: 19px; background: url(/images/2010/default/portal/bg_button.gif) left top no-repeat; }
                    .tripfinder .arrangementfinder-button input { display: block; color: #494949; font-size: 1em; width: 100%; height: 100%; padding: 0; border: 0; background-color: transparent; }
                        .tripfinder .arrangementfinder-button input:hover { cursor: pointer; }

                .tripfinder .season { font-weight: bold; }
                .tripfinder #tripfinder-results { float: right; width: 162px; height: 19x; margin: 9px 10px 0 0; padding: 2px 0 2px 10px; color: #494949; font-size: 1em; background: url(/images/2010/default/portal/bg_result.gif) left top no-repeat; }
                    .tripfinder #tripfinder-results img { vertical-align: middle; }

#quicksearch-arrangementfinder-portal { clear: both; float: left; margin: 0 0 0 10px; padding: 0; width: 96%; min-height: 50px; }
    #quicksearch-arrangementfinder-portal label#quicksearch-label { display: block; font-size: 1em; font-weight: bold; margin: 2px 0 0 0; border: 0; background-color: transparent; background-position: left top; background-repeat: no-repeat; }
    #quicksearch-arrangementfinder-portal input.input { float: left; margin: 9px 0 0 13px; padding: 2px 0 2px 10px; border: 0; width: 162px; background: transparent url(/images/2010/default/portal/bg_result.gif) no-repeat left top; }
    #quicksearch-arrangementfinder-portal input.submit { margin-left: 10px; padding: 0 2px 0 0; height: 19px; font-weight: bold; color: #494949; border: 1px solid #494949; cursor: pointer; }
    #quicksearch-arrangementfinder-portal .arrangementfinder-button { margin-right: 14px; }

        .inline-list { width: 100%; }
            .inline-list h3 { position: absolute; top: 7px; left: 4px; font-size: 1.6em; font-weight: normal; color: #848167; margin: 0; padding: 0 0 0 10px; z-index: 1; background: transparent url(/images/2010/default/portal/tab_left.gif) no-repeat left top; }
                .inline-list h3 a { display: block; font-weight: normal; color: white; padding: 8px 10px 5px 0; border: 0; text-decoration: none; background: transparent url(/images/2010/default/portal/tab_right.gif) no-repeat right top; }
            .inline-list h3:hover, .inline-list h3.selected { background-image: url(/images/2010/default/portal/tab_white_left.gif); }
                .inline-list h3:hover a, .inline-list h3.selected a { color: #6f7152; background-image: url(/images/2010/default/portal/tab_white_right.gif); }

            .inline-list ul { margin: 0 10px; padding: 10px 0; list-style-type: none; }
                .inline-list ul li { margin-bottom: .5em; padding-left: 20px; background: transparent url(/images/2010/default/portal/arrow.gif) no-repeat 0 1px; }
                    .inline-list ul li a { color: #494949; text-decoration: none; }
                        .inline-list ul li a:hover { text-decoration: underline; }

            .md-login { position: absolute; top: 7px; left: 210px; font-size: 1.6em; font-weight: normal; color: #848167; margin: 0; padding: 0 0 0 10px; z-index: 1; background: transparent url(/images/2010/default/portal/tab_left.gif) no-repeat left top; }
                .md-login a { display: block; font-weight: normal; color: white; padding: 8px 10px 5px 0; border: 0; text-decoration: none; background: transparent url(/images/2010/default/portal/tab_right.gif) no-repeat right top; }
            .md-login:hover, .md-login.selected { background-image: url(/images/2010/default/portal/tab_white_left.gif); }
                .md-login:hover a, .md-login.selected a { color: #6f7152; background-image: url(/images/2010/default/portal/tab_white_right.gif); }

            #loginform { display: none; position: absolute; top: 42px; padding-top: 10px; width: 320px; height: 293px; background: transparent url(/images/2010/default/portal/bg_search.gif) no-repeat left top; z-index: 2; }
                #loginform dl { overflow: hidden; margin: 0 10px; }
                    #loginform dl input { margin-right: .5em; }
                    #loginform dl dt { clear: both; float: left; font-weight: bold; width: 40%; }
                    #loginform dl dd { width: 60%; float: left; margin: 0 0 .3em 0; }
                #loginform .submit { cursor: pointer; height: 21px; margin: 9px 10px 0 0; border: 0; width: 98px; height: 19px; background: url(/images/2010/default/portal/bg_button.gif) left top no-repeat; }

    #banners { float: left; margin: 0 0 0 5px; width: 100%; }
        #banners a { float: left; margin: 0 0 5px 5px; border: 0; }
        #banners img { display: block; margin: 0; border: 0; }
        #banners object { }

    #infoday-button { display: block; margin: 0 auto; border: 0; width: 287px; height: 56px; background: transparent url(/images/2010/default/portal/button_infoday.gif) no-repeat left top; text-decoration: none; }
        #infoday-button span { visibility: hidden; }
    #price-warranty-button { display: block; margin: 0 auto; border: 0; width: 281px; height: 38px; background: transparent url(/images/2010/default/portal/price_warranty.gif) no-repeat left top; text-decoration: none; }
        #price-warranty-button span { visibility: hidden; }

    #header { position: absolute; top: 0; }
        #header h2.logo { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 188px; height: 81px; background: transparent url(/images/2010/default/portal/logo.jpg) no-repeat 10px 5px; }
            #header h2.logo a { display: block; width: 100%; height: 100%; }
        #header h2.slogan { position: absolute; top: 7px; left: 670px; margin: 0; padding: 0; width: 269px; height: 43px; background: transparent url(/images/2010/default/portal/weg_met_djoser.png) no-repeat left top; text-indent: -9000px; }

    #footer { clear: both; padding: 10px 0; }
        #footer a { font-weight: bold; }
        #footer .links { float: left; color: #d05537; }
        #footer .contact { float: left; margin-left: 30px; }
            #footer .contact p { margin: 0; padding: 0; }
        #footer .holidaybreak { float: left; margin-left: 30px; }
            #footer .holidaybreak p { margin: 0; padding: 0; }
            #footer .holidaybreak a { color: #c9c0a3; text-decoration: none; }
        #footer .realisation { float: right; }
            #footer .realisation p { margin: 0; padding: 0; }
                #footer .realisation p a { color: #494949; text-decoration: none; }
                    #footer .realisation p a:hover { color: #d05537; text-decoration: none; }