/* MIDDLE START MAP -------------------------------------------------------------------------------------------------------------------------------------*/ .map_inter_africa { position: absolute; top: 347px; left: 452px; width: 111px; height: 147px; z-index: 5; } .map_inter_asia { position: absolute; top: 221px; left: 563px; width: 231px; height: 221px; z-index: 5; } .map_inter_australia { position: absolute; top: 429px; left: 665px; width: 106px; height: 95px; z-index: 5; } .map_inter_europe { position: absolute; top: 225px; left: 442px; width: 153px; height: 122px; z-index: 5; } .map_inter_middleeast { position: absolute; top: 342px; left: 535px; width: 65px; height: 52px; z-index: 5; } .map_inter_northamerica { position: absolute; top: 212px; left: 206px; width: 250px; height: 191px; z-index: 5; } .map_inter_southamerica { position: absolute; top: 399px; left: 345px; width: 79px; height: 143px; z-index: 5; } .map_inter_overlay { position: absolute; top: 205px; left: 176px; width: 644px; height: 362px; z-index: 10; } /* AFRICA -------------------------------------------------------------------------------------------------------------------------------------*/ #map_inter_africa_checked { position: absolute; top: 0px; left: 0px; width: 986px; height: 588px; z-index: 15; visibility: hidden; background-image: url('../../../files/general/dot_blank.gif'); background-repeat: repeat; } #map_inter_africa_checked .africa_bg { position: absolute; top: 347px; left: 452px; width: 111px; height: 147px; z-index: 26; } /* ASIA -------------------------------------------------------------------------------------------------------------------------------------*/ #map_inter_asia_checked { position: absolute; top: 0px; left: 0px; width: 986px; height: 588px; z-index: 15; visibility: hidden; background-image: url('../../../files/general/dot_blank.gif'); background-repeat: repeat; } #map_inter_asia_checked .asia_bg { position: absolute; top: 221px; left: 563px; width: 231px; height: 221px; z-index: 26; } /* AUSTRALIA -------------------------------------------------------------------------------------------------------------------------------------*/ #map_inter_australia_checked { position: absolute; top: 0px; left: 0px; width: 986px; height: 588px; z-index: 15; visibility: hidden; background-image: url('../../../files/general/dot_blank.gif'); background-repeat: repeat; } #map_inter_australia_checked .australia_bg { position: absolute; top: 429px; left: 665px; width: 106px; height: 95px; z-index: 26; } /* EUROPE -------------------------------------------------------------------------------------------------------------------------------------*/ #map_inter_europe_checked { position: absolute; top: 0px; left: 0px; width: 986px; height: 588px; z-index: 15; visibility: hidden; background-image: url('../../../files/general/dot_blank.gif'); background-repeat: repeat; } #map_inter_europe_checked .europe_bg { position: absolute; top: 225px; left: 442px; width: 153px; height: 122px; z-index: 26; } /* MIDDLEEAST -------------------------------------------------------------------------------------------------------------------------------------*/ #map_inter_middleeast_checked { position: absolute; top: 0px; left: 0px; width: 986px; height: 588px; z-index: 15; visibility: hidden; background-image: url('../../../files/general/dot_blank.gif'); background-repeat: repeat; } #map_inter_middleeast_checked .middleeast_bg { position: absolute; top: 342px; left: 535px; width: 65px; height: 52px; z-index: 26; } /* NORTHAMERICA -------------------------------------------------------------------------------------------------------------------------------------*/ #map_inter_northamerica_checked { position: absolute; top: 0px; left: 0px; width: 986px; height: 588px; z-index: 15; visibility: hidden; background-image: url('../../../files/general/dot_blank.gif'); background-repeat: repeat; } #map_inter_northamerica_checked .northamerica_bg{ position: absolute; top: 212px; left: 206px; width: 250px; height: 191px; z-index: 26; } /* SOUTHAMERICA -------------------------------------------------------------------------------------------------------------------------------------*/ #map_inter_southamerica_checked { position: absolute; top: 0px; left: 0px; width: 986px; height: 588px; z-index: 15; visibility: hidden; background-image: url('../../../files/general/dot_blank.gif'); background-repeat: repeat; } #map_inter_southamerica_checked .southamerica_bg{ position: absolute; top: 399px; left: 345px; width: 79px; height: 143px; z-index: 26; } #center div.country_list_mouseout { position: absolute; top: 0px; left: 0px; width: 986px; height: 588px; z-index: 25; } #center div.country_list_mouseout img { width: 986px; height: 588px; } #center div.country_list_frame { position: absolute; z-index: 30; padding: 20px; background-image: url('../../../files/general/dot_blank.gif'); background-repeat: repeat; } #center div.country_list { background-image: url('../../../files/general/dot_ffffff_70.png'); background-repeat: repeat; } #center ul.country_list { margin: 0px; padding: 5px 0px 5px 0px; list-style: none outside none; width: 160px; height: auto; float: left; } #center ul.country_list li { display: block; margin: 0px; padding: 0px; background: none; } #center ul.country_list li:hover { background-image: url('../../../files/general/dot_aaaaaa_80.png'); background-repeat: repeat; } #center ul.country_list li a { display: block; width: 138px; margin: 0px; padding: 1px 5px 1px 17px; font-size: 11px; text-decoration: none; } #center ul.country_list li a:link { color: #000000; background: none; } #center ul.country_list li a:visited { color: #000000; background: none; } #center ul.country_list li a:focus { color: #000000; background-image: url('../../../files/general/arrow_white_ltr.png'); background-repeat: no-repeat; background-position: 0px 1px; } #center ul.country_list li a:hover { color: #000000; background-image: url('../../../files/general/arrow_white_ltr.png'); background-repeat: no-repeat; background-position: 0px 1px; } #center ul.country_list li a:active { color: #000000; background-image: url('../../../files/general/arrow_white_ltr.png'); background-repeat: no-repeat; background-position: 0px 1px; } /* MENU -------------------------------------------------------------------------------------------------------------------------------------*/ #content_head { position: absolute; top: 114px; left: 176px; margin: 0px; padding: 0px; width: 644px; height: 60px; z-index: 4; } #content_head h1 { color: #000000; margin: 0px; padding: 8px 0px 5px 10px; font-size: 17px; font-weight: normal; letter-spacing: 0px; } #continent_menu { position: absolute; top: 180px; left: 426px; margin: 0px; padding: 0px; z-index: 20; } #continent_menu ul { margin: 0px; padding: 0px; list-style: none outside none; } #continent_menu ul li { margin: 0px; padding: 0px; float: left; } #continent_menu ul li a { 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; } #continent_menu ul li a:link { background-color: #aaaaaa; } #continent_menu ul li a:visited { background-color: #aaaaaa; } #continent_menu ul li a:focus { background-color: #aaaaaa; } #continent_menu ul li a:hover { background-color: #888888; } #continent_menu ul li a:active { background-color: #888888; } #country_menu { position: absolute; top: 180px; left: 592px; margin: 0px; padding: 0px; z-index: 20; } #country_menu ul { margin: 0px; padding: 0px; list-style: none outside none; } #country_menu ul li { margin: 0px; padding: 0px; float: left; } #country_menu ul li a { 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; } #country_menu ul li a:link { background-color: #aaaaaa; } #country_menu ul li a:visited { background-color: #aaaaaa; } #country_menu ul li a:focus { background-color: #aaaaaa; } #country_menu ul li a:hover { background-color: #888888; } #country_menu ul li a:active { background-color: #888888; } /* CONTINENT -------------------------------------------------------------------------------------------------------------------------------------*/ #dd_continent { position: absolute; top: 160px; left: 416px; 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: 160px; left: 582px; width: 190px; height: 300px; 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.dd_country_scroll_frame { height: 165px; width: 160px; overflow: hidden; float: left; } #dd_country div.dd_country_scroll { height: 150px; 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: 165px; } #dd_country div.dd_country_hide_vertl img { margin: 0px; padding: 0px; width: 10px; height: 165px; } #dd_country div.dd_country_hide_vertr { float: left; margin: 0px; padding: 0px; width: 20px; height: 165px; } #dd_country div.dd_country_hide_vertr img { margin: 0px; padding: 0px; width: 20px; height: 165px; } #prototype_scroll_country { position: absolute; width: 161px; height: 210px; top: 35px; left: 10px; } #prototype_scroll_country .scroll-track { background-color: #888888; width: 15px; } #prototype_scroll_country .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_country #scroll-track-top-2 { background-image: url('../../../style/prototype/up_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_country #scroll-track-bot-2 { background-image: url('../../../style/prototype/down_arrow.gif'); width: 15px; height: 15px; } #prototype_scroll_country #scroll-handle-bot-2 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } #prototype_scroll_country #scroll-handle-top-2 { background-color: #888888; width: 15px; height: 1px; overflow: hidden; } /* IE -------------------------------------------------------------------------------------------------------------------------------------*/ @media all{ * html body #center div.country_list { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/blickle/files/general/dot_ffffff_70.png', sizingMethod='scale'); background: none; } * html body #center ul.country_list { background-color: #eeeeee; } * html body #center ul.country_list li { float: left; } * html body #center ul.country_list li a:link { background: none; } * html body #center ul.country_list li a:visited{ background: none; } * html body #center ul.country_list li a:focus { background-color: #aaaaaa; background-image: url('../../../files/general/arrow_white_ltr.gif'); background-repeat: no-repeat; background-position: 0px 1px; } * html body #center ul.country_list li a:hover { background-color: #aaaaaa; background-image: url('../../../files/general/arrow_white_ltr.gif'); background-repeat: no-repeat; background-position: 0px 1px; } * html body #center ul.country_list li a:active { background-color: #aaaaaa; background-image: url('../../../files/general/arrow_white_ltr.gif'); background-repeat: no-repeat; background-position: 0px 1px; } * html body #continent_menu ul li a { background-image: url('../../../files/general/navi_intl_language_background.gif'); } * html body #country_menu ul li a { 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'); } }