/* MENU -------------------------------------------------------------------------------------------------------------------------------------*/ #frame_menu { background-color: #ffffff; position: absolute; top: 122px; left: 10px; margin: 0px; padding: 0px; width: 160px; height: 100px; z-index: 10; } #frame_menu #menu { position: static; margin: 0px; padding: 0px; width: 160px; height: 120px; overflow: hidden; } #frame_menu #menu .country_frame { height: 82px; overflow: hidden; } #frame_menu #menu .language_frame { height: 37px; overflow: hidden; } #frame_menu #menu .headline { margin: 0px; padding: 0px; width: 160px; height: 22px; overflow: hidden; } #frame_menu #menu h1 { background-color: #97c511; color: #000000; margin: 0px; padding: 1px 0px 3px 17px; height: 11px; overflow: hidden; font-size: 11px; font-weight: normal; background-image: url('../../../files/general/arrow_white_ltr.png'); background-repeat: no-repeat; background-position: 0px 0px; } #frame_home_text { position: absolute; top: 245px; left: 20px; margin: 0px; padding: 0px; width: 160px; height: 100px; z-index: 10; } #frame_home_text h1 { color: #000000; margin: 0px; padding: 0px 0px 5px 0px; font-size: 13px; font-weight: bold; } #frame_home_text p { color: #000000; margin: 0px; padding: 0px; font-size: 11px; font-weight: normal; } /* MENU -------------------------------------------------------------------------------------------------------------------------------------*/ #frame_menu ul { margin: 0px; padding: 0px; list-style: none outside none; } #frame_menu ul li { margin: 0px; padding: 0px; float: left; } #frame_menu ul li a.dd { color: #ffffff; display: block; margin: 0px; padding: 0px 0px 0px 7px; width: 153px; height: 15px; text-align: left; font-size: 11px; line-height: 15px; text-decoration: none; background-image: url('../../../files/general/navi_intl_language_background.png'); background-repeat: no-repeat; background-position: 0px 0px; } #frame_menu ul li a.dd:link { background-color: #aaaaaa; } #frame_menu ul li a.dd:visited { background-color: #aaaaaa; } #frame_menu ul li a.dd:focus { background-color: #aaaaaa; } #frame_menu ul li a.dd:hover { background-color: #888888; } #frame_menu ul li a.dd:active { background-color: #888888; } #home_illustration { position: absolute; top: 294px; left: 5px; width: 181px; height: 237px; z-index: 10; } /* CONTINENT -------------------------------------------------------------------------------------------------------------------------------------*/ #dd_continent { position: absolute; top: 124px; left: 0px; width: 190px; height: 160px; z-index: 100; overflow: hidden; visibility: hidden; } #dd_continent ul { background-color: #888888; float: left; margin: 0px; padding: 0px; width: 160px; list-style: none outside none; } #dd_continent li { float: left; margin: 0px; padding: 0px; height: 15px; width: 160px; overflow: hidden; } #dd_continent li span { color: #ffffff; display: block; margin: 0px; padding: 0px 0px 0px 7px; width: 153px; height: 15px; text-align: left; font-size: 11px; line-height: 15px; text-decoration: none; background-image: url('../../../files/general/navi_intl_language_background.png'); background-repeat: no-repeat; background-position: 0px 0px; } #dd_continent li a { display: block; margin: 0px; padding: 0px 0px 0px 7px; width: 153px; height: 15px; overflow: hidden; font-size: 11px; line-height: 15px; text-decoration: none; } #dd_continent li a:link { background-color: #888888; color: #ffffff; } #dd_continent li a:visited { background-color: #888888; color: #ffffff; } #dd_continent li a:focus { background-color: #dedede; color: #000000; } #dd_continent li a:hover { background-color: #dedede; color: #000000; } #dd_continent li a:active { background-color: #dedede; color: #000000; } #dd_continent div.dd_country_scroll { height: 150px; } #dd_continent div.dd_continent_hide_horiz { clear: both; margin: 0px; padding: 0px; width: 190px; height: 20px; } #dd_continent div.dd_continent_hide_horiz img { margin: 0px; padding: 0px; width: 190px; height: 20px; } #dd_continent div.dd_continent_hide_vertl { float: left; margin: 0px; padding: 0px; width: 10px; height: 120px; } #dd_continent div.dd_continent_hide_vertl img { margin: 0px; padding: 0px; width: 10px; height: 120px; } #dd_continent div.dd_continent_hide_vertr { float: left; margin: 0px; padding: 0px; width: 20px; height: 120px; } #dd_continent div.dd_continent_hide_vertr img { margin: 0px; padding: 0px; width: 20px; height: 120px; } /* COUNTRY -------------------------------------------------------------------------------------------------------------------------------------*/ #dd_country { position: absolute; top: 146px; left: 0px; width: 190px; height: 280px; z-index: 100; overflow: hidden; visibility: hidden; } #dd_country ul { background-color: #888888; float: left; margin: 0px; padding: 0px; width: 160px; list-style: none outside none; } #dd_country li { float: left; margin: 0px; padding: 0px; height: 15px; width: 160px; overflow: hidden; } #dd_country li span { color: #ffffff; display: block; margin: 0px; padding: 0px 0px 0px 7px; width: 153px; height: 15px; text-align: left; font-size: 11px; line-height: 15px; text-decoration: none; background-image: url('../../../files/general/navi_intl_language_background.png'); background-repeat: no-repeat; background-position: 0px 0px; } #dd_country li a { display: block; margin: 0px; padding: 0px 0px 0px 7px; width: 153px; height: 15px; overflow: hidden; font-size: 11px; line-height: 15px; text-decoration: none; } #dd_country li a:link { background-color: #888888; color: #ffffff; } #dd_country li a:visited { background-color: #888888; color: #ffffff; } #dd_country li a:focus { background-color: #dedede; color: #000000; } #dd_country li a:hover { background-color: #dedede; color: #000000; } #dd_country li a:active { background-color: #dedede; color: #000000; } #dd_country div.short-list { position: relative; margin: 0px; height: 15px; overflow: hidden; width: 160px; } #dd_country div.short-list img { width: 160px; height: 15px; } #dd_country div.dd_country_scroll_frame { height: 240px; width: 160px; overflow: hidden; float: left; } #dd_country div.dd_country_hide_horiz { clear: both; margin: 0px; padding: 0px; width: 190px; height: 20px; } #dd_country div.dd_country_hide_horiz img { margin: 0px; padding: 0px; width: 190px; height: 20px; } #dd_country div.dd_country_hide_vertl { float: left; margin: 0px; padding: 0px; width: 10px; height: 240px; } #dd_country div.dd_country_hide_vertl img { margin: 0px; padding: 0px; width: 10px; height: 240px; } #dd_country div.dd_country_hide_vertr { float: left; margin: 0px; padding: 0px; width: 20px; height: 240px; } #dd_country div.dd_country_hide_vertr img { margin: 0px; padding: 0px; width: 20px; height: 240px; } #prototype_scroll_complete { position: absolute; width: 161px; height: 225px; top: 35px; left: 10px; z-index: 100; margin-bottom: -15px; } #prototype_scroll_complete .scroll-track { background-color: #888888; width: 15px; } #prototype_scroll_complete .scroll-handle { background-color: #eeeeee; width: 15px; cursor: pointer; background-image: url('../../../files/general/scroll-track-dark-15-short.gif'); background-repeat: no-repeat; background-position: center center; } #prototype_scroll_complete #scroll-track-top-1 { background-image: url('../../../style/prototype/up_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_complete #scroll-track-bot-1 { background-image: url('../../../style/prototype/down_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_complete #scroll-handle-bot-1 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } #prototype_scroll_complete #scroll-handle-top-1 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } #prototype_scroll_africa { position: absolute; width: 161px; height: 225px; top: 35px; left: -1000px; } #prototype_scroll_africa .scroll-track { background-color: #888888; width: 15px; } #prototype_scroll_africa .scroll-handle { background-color: #eeeeee; width: 15px; cursor: pointer; background-image: url('../../../files/general/scroll-track-dark-15-short.gif'); background-repeat: no-repeat; background-position: center center; } #prototype_scroll_africa #scroll-track-top-2 { background-image: url('../../../style/prototype/up_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_africa #scroll-track-bot-2 { background-image: url('../../../style/prototype/down_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_africa #scroll-handle-bot-2 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } #prototype_scroll_africa #scroll-handle-top-2 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } #prototype_scroll_asia { position: absolute; width: 161px; height: 225px; top: 35px; left: -1000px; } #prototype_scroll_asia .scroll-track { background-color: #888888; width: 15px; } #prototype_scroll_asia .scroll-handle { background-color: #eeeeee; width: 15px; cursor: pointer; background-image: url('../../../files/general/scroll-track-dark-15-short.gif'); background-repeat: no-repeat; background-position: center center; } #prototype_scroll_asia #scroll-track-top-3 { background-image: url('../../../style/prototype/up_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_asia #scroll-track-bot-3 { background-image: url('../../../style/prototype/down_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_asia #scroll-handle-bot-3 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } #prototype_scroll_asia #scroll-handle-top-3 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } #prototype_scroll_australia { position: absolute; width: 161px; height: 225px; top: 35px; left: -1000px; } #prototype_scroll_australia .scroll-track { background-color: #888888; width: 15px; } #prototype_scroll_australia .scroll-handle { background-color: #eeeeee; width: 15px; cursor: pointer; background-image: url('../../../files/general/scroll-track-dark-15-short.gif'); background-repeat: no-repeat; background-position: center center; } #prototype_scroll_australia #scroll-track-top-4 { background-image: url('../../../style/prototype/up_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_australia #scroll-track-bot-4 { background-image: url('../../../style/prototype/down_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_australia #scroll-handle-bot-4 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } #prototype_scroll_australia #scroll-handle-top-4 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } #prototype_scroll_europe { position: absolute; width: 161px; height: 225px; top: 35px; left: -1000px; } #prototype_scroll_europe .scroll-track { background-color: #888888; width: 15px; } #prototype_scroll_europe .scroll-handle { background-color: #eeeeee; width: 15px; cursor: pointer; background-image: url('../../../files/general/scroll-track-dark-15-short.gif'); background-repeat: no-repeat; background-position: center center; } #prototype_scroll_europe #scroll-track-top-5 { background-image: url('../../../style/prototype/up_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_europe #scroll-track-bot-5 { background-image: url('../../../style/prototype/down_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_europe #scroll-handle-bot-5 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } #prototype_scroll_europe #scroll-handle-top-5 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } #prototype_scroll_middleeast { position: absolute; width: 161px; height: 225px; top: 35px; left: -1000px; } #prototype_scroll_middleeast .scroll-track { background-color: #888888; width: 15px; } #prototype_scroll_middleeast .scroll-handle { background-color: #eeeeee; width: 15px; cursor: pointer; background-image: url('../../../files/general/scroll-track-dark-15-short.gif'); background-repeat: no-repeat; background-position: center center; } #prototype_scroll_middleeast #scroll-track-top-6 { background-image: url('../../../style/prototype/up_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_middleeast #scroll-track-bot-6 { background-image: url('../../../style/prototype/down_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_middleeast #scroll-handle-bot-6 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } #prototype_scroll_middleeast #scroll-handle-top-6 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } #prototype_scroll_northamerica { position: absolute; width: 161px; height: 225px; top: 35px; left: -1000px; } #prototype_scroll_northamerica .scroll-track { background-color: #888888; width: 15px; } #prototype_scroll_northamerica .scroll-handle { background-color: #eeeeee; width: 15px; cursor: pointer; background-image: url('../../../files/general/scroll-track-dark-15-short.gif'); background-repeat: no-repeat; background-position: center center; } #prototype_scroll_northamerica #scroll-track-top-7 { background-image: url('../../../style/prototype/up_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_northamerica #scroll-track-bot-7 { background-image: url('../../../style/prototype/down_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_northamerica #scroll-handle-bot-7 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } #prototype_scroll_northamerica #scroll-handle-top-7 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } #prototype_scroll_southamerica { position: absolute; width: 161px; height: 225px; top: 35px; left: -1000px; } #prototype_scroll_southamerica .scroll-track { background-color: #888888; width: 15px; } #prototype_scroll_southamerica .scroll-handle { background-color: #eeeeee; width: 15px; cursor: pointer; background-image: url('../../../files/general/scroll-track-dark-15-short.gif'); background-repeat: no-repeat; background-position: center center; } #prototype_scroll_southamerica #scroll-track-top-8 { background-image: url('../../../style/prototype/up_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_southamerica #scroll-track-bot-8 { background-image: url('../../../style/prototype/down_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_southamerica #scroll-handle-bot-8 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } #prototype_scroll_southamerica #scroll-handle-top-8 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } /* IE -------------------------------------------------------------------------------------------------------------------------------------*/ @media all{ * html body #frame_menu #menu h1 { background-image: url('fileadmin/blickle/files/general/arrow_white_ltr.gif'); background-repeat: no-repeat; background-position: 0px 0px; } * html body #frame_menu ul li a.dd { background-image: url('../../../files/general/navi_intl_language_background.gif'); } * html body #dd_continent li span { background-image: url('../../../files/general/navi_intl_language_background.gif'); } * html body #dd_country li span { background-image: url('../../../files/general/navi_intl_language_background.gif'); } * html body #dd_language li span { background-image: url('../../../files/general/navi_intl_language_background.gif'); } }