/* Global Styles */
html { height: 100%; margin: 0; padding: 0; }
body { margin: 0; padding: 0; behavior:url(csshover.htc); }
form { margin: 0; padding: 0; }
#container { width: 100%; padding: 0; margin: 0; position: absolute; top: 0px; left: 0px; }
/* ################################ Default Styles Login Seite ################################ */
body#body_login { background-image:url(../img_default/bg_login.gif); font-family: Arial, Helvetica, Verdana, Sans-Serif; }
#main_container { position: absolute; top: 45%; left: 50%; margin: -200px 0 0 -350px; width: 700px; height: 400px; background: url(../img_default/login.jpg) no-repeat; font-size: 0.75em; border: 20px solid #FFFFFF; }
.main_body #main_container { background-image:none; }
#main_logo { float: left; margin: 0; background: url(/) no-repeat; width: 109px; height: 400px; }
#main_navi { width: 350px; height: 370px; margin: 30px 0 0 350px; }
.main_body #main_navi { margin-left:300px; }
* html .main_body #main_navi { margin-top:10px; }
* html body#body_login #main_navi { margin: 30px 0 0 50%; width: 275px; height: 275px; }
#main_navi li { list-style-type: none; margin: 0; padding: 0; }
#main_navi h1 { color: #FFFFFF; }
* html #main_navi h1 { font-size: 1.5em; }
#main_navi form, #main_navi ul.express, #main_navi ul.express li { background: none; }
#main_navi ul.express li.duty { background-color: none; color: #FFFFFF; }
#main_navi ul.express li.duty input { width: 175px; }
#mnav { text-align: left; }
* html #mnav { margin: 0; padding: 0; }
#mnav .headline { text-transform: uppercase; margin-top: 10px; font-weight: bold; }
#mnav a:link { text-decoration:none; color: #535353; }
#mnav a:visited { text-decoration:none; color: #535353; }
#mnav a:hover { text-decoration:none; color: #000000; }
#mnav a:active { text-decoration:none; color: #000000; }
/* ########################## New CSS PopUp ########################## */
body#popup { height: 100%; margin: 5px; padding: 0; }
/*div#cont_popup { height: 100%; margin: 0; padding: 0; }*/
div#footer_popup { position:absolute; bottom:0px; height: 5px; width:100%; }
/* ########################## New PopUp with 3 Frames ########################## */
body#frame_content { margin: 0; padding: 0; overflow: hidden; }
body#frame_left { margin: 0; padding: 0; }
body.frame_top { height: 100%; margin: 0; padding: 0; }
div.frame_top { height: 100%; }
/* ################################ Pagestyles ################################ */
h2 { margin: 10px 0 0 10px; }
h3 { padding-top: 10px; }
#line_left { width: 1px; height: 100%; margin-left: 5px; }
#line_right { width: 1px; height: 100%; margin-right: 5px; }
#line_bottom { width: 100%; height: 1px; margin-bottom: 5px; }
#line_lb { width: 1px; height: 1px; position: absolute; right: 0px; top: 0px; }
#line_rb { width: 1px; height: 1px; position: absolute; left: 0px; top: 0px; }
#line_top { width: 100%; height: 1px; position: absolute; left: 0; top: 64px; }
#line_rt { width: 1px; height: 60px; margin: 5px 5px 0 0; }
#line_lt { width: 1px; height: 60px; margin: 5px 0 0 5px; }
#line_top_qb { width: 100%; height: 1px; position: absolute; left: 0; top: 42px; }
#alt_body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#fenster_hdl_body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#balken { position: absolute; top: 0; left: 0; width: 100%; height: 5px; }
/* ################################ FRAMES ################################ */
#best_skizze { position: absolute; left: 0; top: 0; height: 100%; width: 1px; }
#best_details { position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; }
/* ################################ NAVIGATION ################################ */
#logo { position: absolute; top: 0px; right: 0px; margin: 0px; }
#tn_hdl { position: absolute; top: 32px; left: 10px; padding: 0; }
#tn_bg { position: absolute; left: 0; top: 28px; width: 100%; height: 37px; }
/* ################################ TopNavigation ############################# */
#topNavi { position: absolute; left: 0; top: 6px; width: 100%; height: 22px; }
#tNav { position: absolute; left: 0; top: -1px; margin: 0; padding: 0; }
#tNav li { display: inline; margin:0 -7px 0 0; padding: 10px; }
* html #tNav li { position: relative; top: -10px; left: 0; height: 0; margin: 0; }
#tNav li.tn1 { border-left:0; }
/* Für den jeweils letzen Button also default li.tn6 müssen die margin-werte auf 0 gesetzt werden */
#tNav li.tn6 { margin:0; }
/* #tNav li.tn4 { margin: -3.5px; }
* html #tNav li.tn4 { margin: 0; }
#tNav li.tn5 { margin: -3.5px; }
* html #tNav li.tn5 { margin: 0; }
#tNav li.tn6 { margin: 0 0 0 -2px; }*/
#tNav li a { position: relative; top: 1px; }
/* Noch keine Default Styles für die Links
#tNav a:link { text-decoration:none; color: #FFFFFF; }
#tNav a:visited { text-decoration:none; color: #FFFFFF; }
#tNav a:hover { text-decoration:none; color: #000000; }
#tNav li:hover { text-decoration:none; background-color: #92C84C; }
#tNav li:hover a { color: #000000; }
#tNav a:active { text-decoration:none; color: #000000; }*/
/*SubNavigation*/
#sNav li { list-style-type: none; display: inline; margin: 0 5px; }
#sNav li a { position: relative; top: -5px; }
#sNav .sn1 { margin-left: 50px; }
/* Noch keine Default Styles für die Links
#sNav a:link { text-decoration:none; color: #6A665A; }
#sNav a:visited { text-decoration:none; color: #6A665A; }
#sNav a:hover { text-decoration:none; color: #000000; }
#sNav a:active { text-decoration:none; color: #000000; }*/
/* ################################ SUCHE ################################ */
#suche { margin: 0; padding: 5px 10px 10px 10px; min-width: 480px; max-width:640px; }
* html #suche { width:480px; }
#suche p { padding: 0; margin: 0 0 10px 0; }
#suche .hdl { margin-top: 10px; }
#suche .express { float: left; width: 175px; list-style-type: none; margin: 0; padding: 0; }
#suche .express li { margin: 0 5px 4px 0; padding: 5px; }
* html #suche .express li { margin: 0 2px 4px 0; }
#suche .enter { list-style-type: none; margin: 0; padding: 0; }
#suche .enter li { margin: 0 0 4px 0; padding: 5px; }
#suche select.switch_search { width:auto !important; }
/* Default Größen für Eingabefelder
#suche select { width: 160px; }
#suche .text { width: 155px; }
#suche .button_ok { width: 40px; }
#suche .button_continue { width: 220px; height: 22px; }
* html #suche .button_continue { height: 31px; }*/
/*gefuehrteSuche*/
#suche .express_gs { float: left; width: 175px; list-style-type: none; margin: 0; padding: 0; }
#suche .express_gs li { margin: 0 5px 4px 0; padding: 5px; }
* html #suche .express_gs li { margin: 0 2px 4px 0; }
#suche .enter_gs{ list-style-type: none; margin: 0; padding: 0; }
#suche .enter_gs li { margin: 0 0 4px 0; padding: 5px; width: 220px; height: 22px; }
* html #suche .enter_gs li { height: 31px; }
/*freie suche*/
#suche .express_fs_top { float: left; width: 175px; list-style-type: none; margin: 0; padding: 0; }
#suche .express_fs_top li { margin: 0 5px 4px 0; padding: 5px; }
* html #suche.express_fs_top li { margin-right: 3px; }
#suche .express_fs { float: left; clear:left; width: 225px; list-style-type: none; margin: 0; padding: 0; }
#suche .express_fs li { margin: 0 5px 4px 0; padding: 2px; }
* html #suche.express_fs li { margin: 0 3px 0 0; }
#suche .enter_fs { float:left; list-style-type: none; margin: 0; padding: 0; }
#suche .enter_fs li { margin: 0 0 4px 0; padding: 2px; width: 215px; height: 15px; }
* html #suche .enter_fs li { height: 26px; margin: -3px; }
table.search td.leer, table.search td.button_continue { background:none; }
/* Default Größen für Eingabefelder
#suche .enter_fs .text { width: 210px; }
* html #suche .enter_fs .text { margin-left: 3px; width: 205px; }
#suche .enter_fs select { width: 215px; }
* html #suche .enter_fs select { width: 205px; }
#suche .leer { height: 22px; }
* html #suche .leer { height: 32px; }*/
/*freie suche trefferliste*/
#fs_treffer { list-style-type: none; padding: 0 10px; margin: 0 0 15px 0; }
#fs_treffer p { padding: 0; margin: 0; }
#fs_treffer li { padding: 5px 0 15px 0; }
#fs_treffer .fs_hdl { font-weight: bold; font-size: 1em; }
#fs_treffer .fs_descr { font-size: 0.85em; }
#fs_treffer .fs_artnum { font-weight: bold; font-size: 0.85em; }
#suche .fs_trefferanzeige { font-weight: bold; }
#suche .fs_aktiv { font-weight: bold; color: #F90000; }
/* Noch keine Default Styles für die Links
#suche a:link { text-decoration:none; color: #009752; }
#suche a:visited { text-decoration:none; color: #009752; }
#suche a:hover { text-decoration:none; color: #F90000; }
#suche a:active { text-decoration:none; color: #F90000; }
#suche .important { font-size: 0.8em; }*/
/* ################################ QUICKBESTELLUNG ################################ */
/*#qb_hdl { position: absolute; left: 10px; top: 10px; color: #000000; margin: 0; padding: 0; font-size: 1.4em; }*/
#qb_hdl { margin: 0 0 0 0; padding: 4px 0 6px 10px; }
#tab_qb { /*width: 99%;*/ padding: 16px 10px 10px 10px; }
#tab_qb table { width: 100%; }
#tab_qb td { vertical-align: top; }
#tab_qb th { padding: 0 2px 0 5px; }
/* Spezielle Tabellenzellen
#tab_qb .order_complete { margin-bottom: 5px; font-size: 1.2em; font-weight: bold; }
#tab_qb .btn_ok { width: 25px; height: 20px; font-size: 0.8em; }
#tab_qb .artnum { width: 100px; }
#tab_qb .descr { font-weight: bold; }
#tab_qb .price { width: 65px; text-align: right; }
#tab_qb .discount { width: 55px; text-align: right; }
#tab_qb .qty { width: 30px; }
#tab_qb .qty_input { width: 20px; }
#tab_qb .tprice { width: 80px; text-align: right; }
#tab_qb .btn_cancel { margin-left: 3px; width: 50px; height: 20px; font-size: 0.8em; }
#tab_qb .btn_submit { width: 80px; background-color: #92C84C; text-align: right; }
#tab_qb .order_txt { padding: 20px; text-align: center; color: #000000; border: 0; }
#tab_qb .art_num { width: 60px; }
#tab_qb .menge { width: 30px; }
#tab_qb .coloured { background-color: #EFEFEF; }
#tab_qb .ralign { text-align: right; }
#tab_qb .submit { border: 0px; background-color: #FFFFFF; }*/
/* ################################ ERSATZTEILBESTELLUNG ################################ */
/*funktionen*/
#bestf { position: absolute; top: 0; left: 20px; margin: 0; padding: 0; width: 100%; }
#bestf li { list-style-type: none; display: inline; margin: 0 5px; }
/* Noch keine Default Styles für die Links
#bestf li a { font-size: 0.75em; font-weight: bold; color: #000000; }
#bestf a:link { text-decoration:none; color: #009752; }
#bestf a:visited { text-decoration:none; color: #009752; }
#bestf a:hover { text-decoration:none; color: #000000; }
#bestf a:active { text-decoration:none; color: #000000; }*/
/*auswahl*/
#besta li { position: absolute; left: 10px; top: 10px; list-style-type: none; display: inline; margin: 0; padding: 0; }
/* Größenangaben Select boxen
#besta .besta1 select { position: absolute; left: 0; width: 160px; }
#besta .besta2 select { position: absolute; left: 170px; width: 160px; }
#besta .besta3 select { position: absolute; left: 340px; width: 160px; }
#besta .besta4 select { position: absolute; left: 510px; width: 160px; }
#besta .besta5 select { position: absolute; left: 680px; width: 160px; }*/
/*details*/
#bestd { padding: 0 5px; font-size: 0.7em; }
/* Noch keine Default Styles für die Links
#bestd a:link { text-decoration:none; color: #009752; }
#bestd a:visited { text-decoration:none; color: #009752; }
#bestd a:hover { text-decoration:none; color: #000000; }
#bestd a:active { text-decoration:none; color: #000000; }*/
#bestd img { float: left; margin: 0 5px 0 0; border: 0; }
#bestd p, #bestd form { margin: 0; padding: 0; }
#bestd .title { overflow: hidden; height: 19px; margin-bottom: 7px; padding: 2px 0 0 5px; }
* html #bestd .title { height: 21px; }
#bestd .artno { margin-top: 5px; }
#bestd .artname { margin-top: 5px; font-weight: bold; }
#bestd div.beschreibung { margin-left: 5px; }
/* Eingabefelder
#bestd .partname { font-weight: bold; font-size: 1.1em; }
#bestd .preis { text-align: right; font-weight: bold; }
#bestd .menge { height: 17px; width: 40px; }
* html #bestd .menge { height: 23px; }
#bestd .bestellen { margin-left: 5px; height: 23px; width: 65px; }
#bestd .btn_ok { margin-top: 5px; height: 23px; }*/
/*stueckliste*/
#tab_sl table { width: 100%; table-layout: variable; }
#tab_sl td { padding-left: 5px; }
#tab_sl th { height: 21px; padding: 2px 0 2px 5px; }
/* Noch keine Default Styles für die Links
#tab_sl .coloured { background-color: #EFEFEF; }
#tab_sl a:link { text-decoration:none; color: #F90000; }
#tab_sl a:visited { text-decoration:none; color: #F90000; }
#tab_sl a:hover { text-decoration:none; color: #000000; }
#tab_sl a:active { text-decoration:none; color: #000000; }*/
/* ################################ KONTAKT ################################ */
#kontakt { padding:10px; }
#kontakt ul { margin:0; padding:0; list-style-type:none; width:350px; }
#kontakt li { padding:5px; }
/* Eingabefelder
#kontakt .firma { font-weight: bold; font-size: 1.1em; background-color: #CFCFCF; border-bottom: 1px solid #FFFFFF; }
#kontakt .adresse { background-color: #EFEFEF; border-bottom: 1px solid #FFFFFF; }
#kontakt .tel { margin-bottom: 10px; background-color: #EFEFEF; }*/
/* ################################ KUNDENDATEN ################################ */
#kundendaten { width: 525px; padding: 10px; }
* html #kundendaten { width: 550px; }
#kundendaten p { margin: 0; padding: 0; }
#kundendaten .hdl { margin-bottom: 10px; }
#kundendaten .adresse { margin-left: 30px; }
#account { margin: 20px 0; }
ul.express { float: left; width: 200px; list-style-type: none; margin: 0; padding: 0; }
ul.express li { margin: 0 5px 4px 0; padding: 5px; }
* html ul.express li { margin: 0 2px 4px 0; }
/* Eingabefelder
ul.express .duty { font-weight: bold; }
ul.express .false { font-weight: bold; color: #F90000; }*/
ul.enter { list-style-type: none; margin: 0; padding: 0; }
ul.enter li { margin: 0 0 4px 0; padding: 5px; }
ul.enter ul.entersender { white-space: nowrap; height: 22px; margin: 3px 0 -3px 0; padding: 0; }
ul.enter ul.entersender li { list-style-type: none; display: inline; margin: 0; padding: 0; }
ul.enter ul.entersender li.sender_yes { width: 25px; height: 25px; }
ul.enter ul.entersender li.sender_no { width: 25px; height: 25px; }
ul.enter ul.enteraddress { white-space: nowrap; height: 22px; margin: 3px 0 -3px 0; padding: 0; }
ul.enter ul.enteraddress li { list-style-type: none; display: inline; margin: 0; padding: 0; }
ul.enter ul.enteraddress li.address_yes { margin-right: 5px; width: 25px; height: 25px; }
ul.enter ul.enteraddress li.address_no { width: 25px; height: 25px; }
ul.justtext li { min-height: 22px; line-height: 22px; }
li.rgmw { line-height: 22px; /*margin-top: 15px; padding-top: 15px;*/ }
/* Welcher ist der richtige? #form_footer p { margin-top: 10px; }*/
#form_footer p { margin: 10px 0; }
/* Eingabefelder
ul.enter li a { line-height: 22px; }
ul.express .txtarea { min-height: 84px; line-height: normal; }
ul.express .txtareaXL { min-height: 164px; line-height: normal; }
* html ul.express .txtarea { height: 92px; }
* html ul.express .txtareaXL { height: 172px; }
ul.enter .form_xxs, .form_xs, .form_s, .form_t1, .form_t2, .form_m, .form_l, .form_xl { border: 1px solid #666684; min-height: 22px; }
ul.enter .form_xxs { width: 20px; }
ul.enter .form_xs { width: 44px; }
ul.enter .form_s { width: 74px; }
ul.enter .form_t1 { width: 100px; }
ul.enter .form_t2 { width: 197px; }
ul.enter .form_m { width: 223px; }
ul.enter .form_l { width: 253px; }
ul.enter .form_xl { width: 304px; }
ul.enter input.btn_add_item { width: 130px; margin: 0; padding: 0; }
ul.enter input.add_item { width: 158px; margin: 0; padding: 0; border: 1px solid #666684; }
ul.enter select.add_item { width: 158px; margin: 0; padding: 0; }
ul.enter input.ckbox { border: 1px solid #666684; width: 14px; margin-bottom: -5px; float: left; }
* html ul.enter input.ckbox { border: 0; }
ul.enter select.form_pdwn { width: 76px; padding: 0; margin: 0; }
ul.enter select.county { width: 306px; padding: 0; margin: 1px 0; }
ul.enter textarea { border: 1px solid #666684; width: 304px; height: 80px; }
ul.enter textarea.txtareaXL { border: 1px solid #666684; width: 304px; height: 160px; }
ul.enter select { border: 1px solid #666684; }
ul.enter ul.entersender li input { margin: 0 0 -2px 0; padding: 0; width: 15px; }
ul.enter ul.enteraddress li input { margin: 0 0 -2px 0; padding: 0; width: 15px; }
ul.enter span.dots { margin-right: 2px; vertical-align: bottom; }
ul.enter .false input, ul.enter .false textarea { border-color: #F90000; }*/
/* ################################ GARANTIE ################################ */
/*auswahl*/
#garantie { width: 525px; padding: 10px; }
* html #garantie { width: 550px; }
#garantie p { margin: 0; padding: 0; }
#garantie .hdl { margin-bottom: 10px; }
#garantie .disclaimer { margin-bottom: 10px; }
#garantie .important { margin-top: 10px; }
/* Links und EIngabefelder
#garantie .li_ckbox { height: 35px; }
* html #garantie .li_ckbox { height: 42px; }
#garantie a:link { text-decoration: none; color: #000000; }
#garantie a:visited { text-decoration: none; color: #000000; }
#garantie a:hover { text-decoration: underline; color: #000000; }
#garantie a:active { text-decoration: underline; color: #000000; }*/
#garantie .express_gs { float: left; width: 200px; list-style-type: none; margin: 0; padding: 0; }
#garantie .express_gs li { margin: 0 5px 4px 0; padding: 5px; }
* html #garantie .express_gs li { margin: 0 2px 4px 0; }
#garantie .enter_gs{ list-style-type: none; margin: 0; padding: 0; }
#garantie .enter_gs li { margin: 0 0 4px 0; padding: 5px; width: 250px; }
* html #garantie .enter_gs li { height: 31px; }
/* Eingabefelder
#garantie .aktiv { background-color: #4F9B41; color: #FFFFFF; }
#garantie .inaktiv { background-color: #EFEFEF; }
#garantie .gesetzt { background-color: #CFCFCF; }
#garantie .garantie_auswahl_select { width: 185px; }
#garantie .garantieantrag_select { width: 60px; }
#garantie .artnum { width: 100px; }
#garantie .descr { font-weight: bold; }
#garantie .price { width: 60px; text-align: right; }
#garantie .discount { width: 50px; text-align: right; }
#garantie .qty { width: 30px; }
#garantie .qty_input { width: 20px; }
#garantie .tprice { width: 80px; text-align: right; }*/
/*formular*/
fieldset { margin: -5px 0 15px 0; padding: 0; border: 0; }
fieldset.warranty { margin: 0 0 10px 0; }
fieldset.customer { margin-left: 1px; }
fieldset.dealer { margin-left: 1px; }
fieldset.prod_details { margin-left: 1px; }
fieldset.repair_details { margin-left: 1px; }
fieldset.repair_details hr { visibility: hidden; }
fieldset.spare_parts { margin-left: 1px; }
#tab_warranty { padding: 5px 5px 5px 0; width: 99%; }
#tab_warranty table { width: 100%; /*table-layout: fixed;*/ border-collapse: collapse; }
#tab_warranty td { padding: 5px; }
#tab_warranty th { padding: 0 5px; height: 21px; }
/* Tabellenzellen
#tab_warranty .coloured { background-color: #EFEFEF; }
#tab_warranty .ralign { text-align: right; }
#tab_warranty .price { text-align: right; }
#tab_warranty .discount { width: 55px; }
#tab_warranty .tprice { text-align: right; }
#tab_warranty .descr { font-weight: bold; }
#tab_warranty td.btn_submit { width: 80px; }*/
/* ################################ KOSTENVORANSCHLAG ################################ */
/*auswahl*/
#quotation_frame { width: 525px; padding: 10px; }
* html #quotation_frame { width: 550px; }
#quotation_frame p { margin: 0; padding: 0; }
/* Noch keine Default Styles für die Links
#quotation_frame a { font-weight: bold; }
#quotation_frame .hdl { font-weight: bold; margin-bottom: 10px; }
#quotation_frame .important { margin-top: 10px; font-size: 0.85em; }
#quotation_frame a:link { text-decoration:none; color: #6A665A; }
#quotation_frame a:visited { text-decoration:none; color: #6A665A; }
#quotation_frame a:hover { text-decoration:none; color: #000000; }
#quotation_frame a:active { text-decoration:none; color: #000000; }*/
/* Kostenvoranschlag */
#quotation { margin-bottom: 15px; }
/* Eingabefelder
#quotation .status { font-size: 10px; font-weight: bold; margin: -10px 0 15px 0; }
#quotation .status span.open { color: #F90000; }
#quotation .explain { margin: 5px 0 10px 0; }
#quotation .sender_no { margin-left: 5px; }
#quotation .important { margin: 10px 0 20px 0; font-size: 0.85em; }
#quotation .repair { margin-bottom: 10px; }
#quotation .check { width: 35px; }
#quotation caption { display: none; }*/
/*print*/
#tab_quotation_print table { margin-top: 15px; width: 525px; table-layout: variable; border-collapse: collapse; }
#tab_quotation_print td { padding: 5px; }
#tab_quotation_print th { padding: 0 0 0 5px; height: 21px; }
/* Eingabefelder
#tab_quotation_print .ralign { text-align: right; }
#tab_quotation_print .price { text-align: right; }
#tab_quotation_print .tprice { text-align: right; }
#tab_quotation_print .descr { font-weight: bold; }
#quotation_frame .date { float: right; }
#quotation_frame .notes { margin: 15px 0; }*/
/* Kostenvoranschlagsgenerator Auftragsauswahl*/
#quot_select { padding: 0 5px 5px 5px; margin-bottom: 15px; }
#quot_select select { margin: 3px; }
#quot_select input { margin: 3px; }
/* Sonderliste Reparatur */
ul.enter input.repair { width: 34px;}
/* ################################ LESEZEICHEN ################################ */
#bookmarks_frame { width: 100%; }
#bookmarks_scroll { height: 92%; overflow: auto; }
#bookmarks { padding: 10px; margin-bottom: 0; height: 99%; }
#bookmarks p { margin: 0; padding: 0; }
#bookmarks ul { list-style-type: none; margin: 15px 1px; padding: 0; }
#bookmarks li { border-collapse: collapse; margin: -1px; padding: 5px; height: 96px; }
#bookmarks div { float: right; }
/* Style abhängig
#bookmarks .logo { float: left; width: 75px; height: 55px; }
#bookmarks .coloured { background-color: #EFEFEF; }
#bookmarks .art_name { font-weight: bold; }
#bookmarks .art_num { }
#bookmarks .added { font-style: italic; }
#bookmarks .important { margin-top: 10px; }
#bookmarks a:link { text-decoration: none; color: #009752; font-weight: bold; }
#bookmarks a:visited { text-decoration: none; color: #009752; font-weight: bold; }
#bookmarks a:hover { text-decoration: none; color: #000000; }
#bookmarks a:active { text-decoration: none; color: #000000; }*/
/* ################################ HILFE ################################ */
/*menu*/
#help_menu { height: 100%; overflow: auto; }
#help_menu ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
#help_menu li { padding: 5px; }
/* Style abhängig
#help_menu .level1 { background-color: #EFEFEF; font-weight: bold; }
#help_menu .level2 { text-indent: 0.5em; font-size: 0.9em; }
#help_menu a:link { text-decoration: none; color: #000000; }
#help_menu a:visited { text-decoration: none; color: #000000; }
#help_menu a:hover { text-decoration: none; color: #009752; }
#help_menu a:active { text-decoration: none; color: #009752; }*/
/*content*/
#help_content { height: 100%; overflow: auto; padding: 0 10px; }
#help_content p { margin: 0; padding: 0; }
/* Style abhängig
#help_content .side_hdl { font-size: 1.5em; font-weight: bold; color: #000000; margin: 10px 0; }
#help_content .sub_hdl { font-size: 1.2em; font-weight: bold; margin-top: 20px; color: #000000; }*/
/* ################################ AUFTRAGSVERWALTUNG ################################ */
/*menu*/
#orderm_menu { height: 100%; overflow: auto; }
#orderm_menu ul { overflow: hidden; list-style-type: none; margin: 0; padding: 0; }
#orderm_menu li { padding: 5px; margin: 0; }
#orderm_menu p { margin: 0; padding: 0; }
/* Style abhängig
#orderm_menu .number { font-weight: bold; }
#orderm_menu .details { font-size: 0.85em; }
#orderm_menu .status_open { font-weight: bold; color: #F90000; }
#orderm_menu .status_ordered { font-weight: bold; color: #4F9B41; }
#orderm_menu a:link { text-decoration: none; color: #000000; }
#orderm_menu a:visited { text-decoration: none; color: #000000; }
#orderm_menu a:hover { text-decoration: none; color: #000000; }
#orderm_menu a:active { text-decoration: none; color: #000000; }
#orderm_menu li:hover { text-decoration: none; background-color: #EFEFEF; }*/
/*content*/
#orderm_content { height: 100%; overflow: auto; padding: 0 10px; }
#orderm_content h2 { margin: 10px 0 2px 0; }
#orderm_content p { margin: 0; padding: 0; }
#orderm_content .sub_hdl { margin-top: 5px; }
/* Eigabefelder
#orderm_content .text { width: 155px; }
#orderm_content .text_long { margin-bottom: 10px; }
#orderm_content .button { width: 200px; }
#orderm_content .pdwn { width: 160px; }
#orderm_content .hdl { margin-bottom: 15px; margin-top: 10px; font-weight: bold; }
#orderm_content .important { padding: 15px 0; }
#orderm_content input { margin: 5px 0 10px 0; }
#orderm_content select { margin: 5px 0 10px 0; }
#orderm_content ul.enter li.createOrder { width: 56%; }
#orderm_content ul.enter input { margin: 0; }
#orderm_content ul.enter select { margin: 1px 0 0 0; }
#orderm_content a:link { text-decoration:none; color: #6A665A; }
#orderm_content a:visited { text-decoration:none; color: #6A665A; }
#orderm_content a:hover { text-decoration:none; color: #000000; }
#orderm_content a:active { text-decoration:none; color: #000000; }*/
/*tab - siehe #tab_warranty*/
#btn_orderm p { padding: 0 0 10px 0; margin: 0; }
/*Eingabefelder und Tabellenzellen
#btn_orderm .btn_row1 { margin: 10px -1px 0 -1px; width: 104px; }
#btn_orderm .btn_row2 { margin: 2px -1px 0 -1px; width: 265px; }
#btn_orderm .btn_submitOrder, #btn_orderm .btn_cancelOrder { width: 114px; }
#tab_warranty .qty { width: 30px; }
#tab_warranty .qty input { width: 20px; }
#tab_warranty .qty_input { width: 20px; }
#tab_warranty .btn_del { width: 75px; }
#tab_warranty .price { width: 50px; }
#tab_warranty .tprice { width: 75px; }
#tab_warranty input { padding: 0; margin: 0; }*/
/* ################################ PRINTWINDOW ################################ */
#print_scroll { height: auto; overflow: auto; }
#print { padding: 2px 10px; margin-bottom: 0; height: 100%; }
/* Noch keine Default Links
#print a:link { text-decoration: none; color: #009752; font-weight: bold; }
#print a:visited { text-decoration: none; color: #009752; font-weight: bold; }
#print a:hover { text-decoration: none; color: #000000; }
#print a:active { text-decoration: none; color: #000000; }*/
#print table { width: 400px; }
/* ################################ Default Viewer ################################ */
#sparepartviewer
{
-webkit-text-size-adjust: none;
}
#slider
{
height: 5px;
width:220px;
}
.ui-slider-horizontal .ui-state-default{
width:10px;
height: 10px;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled {
filter:Alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
/* Header */
#header
{
position:relative;
clear:both;
width:100%;
height:42px;
border:0px;
background-image:url(../img/viewer/header_background.gif);
background-repeat: repeat-x;
background-position:0px 0px;
overflow:hidden;
}
#articleTitle
{
float:left;
/*height: 42px;*/
padding-left:5px;
font:11px Helvetica, Arial;
}
#vendor
{
float:left;
min-width:490px;
/* customized Background */
background-image:URL('img/vendor_background.png');
background-repeat:no-repeat;
behavior:url("iepngfix.htc");
}
#vendorLogo
{
float:left;
/*height: 42px;*/
}
#articleTitle .artno {
font-size:12px;
font-weight:regular;
margin-top:5px;
}
#articleTitle .artname {font-size:16px; font-weight:bold; }
/* Icons */
#toolbox
{
list-style-type:none;
height:0px;
float:right;
margin:0;
margin-right:20px;
position:relative;
display:block;
top:0px;
padding:0px;
padding-top:5px;
left: 0px;
z-index:500;
align:right;
}
#toolbox li
{
float:left;
width:0px;
height:0px;
position:relative;
/*background-image:URL('../img/viewer/icons.png');*/
background-repeat:no-repeat;
}
#zoomin {background-position:0px -35px;}
#zoomin:hover {background-position:-34px -35px;}
#zoomout {background-position:0px -70px;}
#zoomout:hover {background-position:-34px -70px; }
#setsize_fit {background-position:0px -210px;}
#setsize_fit:hover {background-position:-34px -210px;}
#setsize_width {background-position:0px -175px;}
#setsize_width:hover {background-position:-34px -175px;}
#setsize_origin {background-position:0px -245px;}
#setsize_origin:hover {background-position:-34px -245px;}
#movebutton {background-position:0px -280px;}
#movebutton.active {background-position:-68px -280px;}
#movebutton:hover {background-position:-34px -280px;}
#zoombutton {background-position:0px -350px;}
#zoombutton.active {background-position:-68px -350px;}
#zoombutton:hover {background-position:-34px -350px;}
#printbutton {background-position:0px -140px;}
#printbutton:hover {background-position:-34px -140px;}
#bookmarkbutton {background-position:0px -105px;}
#bookmarkbutton:hover {background-position:-34px -105px;}
#overviewbutton {background-position:0px -0px;}
#overviewbutton:hover {background-position:-34px 0px;}
#navigatorbutton {background-position:0px -315px;}
#navigatorbutton.active {background-position:-68px -315px;}
#navigatorbutton:hover {background-position:-34px -315px;}
/*Ende Icons*/
/* Ende Header */
/* Hauptbereich */
#main
{
position:relative;
clear:both;
/* border customized */
border-top:1px solid #001B3C;
}
/* --Sparepartlist */
#sparepartlist
{
float:left;
width:24%;
height:650px;
border-right:1px solid #e3e3e3;
background-color:#ebebeb;
}
#partlistHeader
{
padding:4px;
height:16px;
width:100%;
color:#bb0000;
font-weight:bold;
overflow:hidden;
}
#scroller
{
width: 100%;
height: 620px;
overflow:scroll;
overflow-x:hidden;
float:left;
position:relative;
}
#partsListTable
{
background-color:#ffffff;
}
#partsListTable tr:hover td
{
background-image:URL('../img/viewer/partslist_td_over.png');
behavior:url("iepngfix.htc");
}
#partsListTable th
{
cursor:pointer;
/* customized background-image */
background-image:URL('img/partslist_th.png');
background-color:#ffffff;
font-weight:bold;
padding:6px;
text-align:left;
font:16px Helvetica, Arial;
font-weight:bold;
border-top:1px dashed #919191;
behavior:url("iepngfix.htc");
}
#partsListTable th.first {
border-top:0px ;
}
#partsListTable .partsListOrder
{
display:none;
width:100%;
background-color:white;
padding:0px;
}
#partsListTable .partsListOrderReplacing
{
font-size:12px;
}
#partsListTable .partsListOrderQuantity
{
color:#000000;
font:12px Helvetica, Arial;
font-weight:regular;
}
#partsListTable .partsListOrderDiv
{
min-width:195px;
/* customized background-image */
background-image:URL('img/partslist_order_background.gif');
padding:5px;
}
#partsListTable .partsListTableRowName
{
padding:2px 2px 2px 5px;
cursor:pointer;
white-space: nowrap;
font:12px Helvetica, Arial;
border-top:1px dashed #919191;
}
#partsListTable .partsListTableRowListpos
{
padding:2px;
cursor:pointer;
white-space: nowrap;
font:12px Helvetica, Arial;
border-top:1px dashed #919191;
}
#partsListTable .partsListTableRowArtno
{
padding:2px 2px 2px 5px;
cursor:pointer;
white-space: nowrap;
color:#960000;
font:12px Helvetica, Arial;
border-top:1px dashed #919191;
vertical-align:top;
}
#partsListTable tr.dark
{
background-color:#f8f8f8;
}
#partsListTable tr.partsListOrder
{
background-color:#ffffff;
}
#partsListTable .partsListOrderQuantity
{
color:#000000;
}
#partsListTable .partsListOrderReplacing
{
color:#000000;
}
#partsListTable .partsListOrderDiv
{
/* customized background-image */
min-width:195px;
padding:5px;
border-top:1px dashed #919191;
}
#partsListTable .partsListOrderDiv .status
{
color:#ffffff;
font-size:11px;
font-weight:bold;
}
#partsListTable .partsListOrderArtno
{
font:12px Helvetica, Arial;
color:#960000;
font-weight:bold;
padding:5px 0 0 0;
display: inline;
}
#partsListTable .partsListOrderPartName
{
font:12px Helvetica, Arial;
font-weight:bold;
padding:5px 0 0 10px;
display: inline;
}
#partsListTable div.spacer { width:auto; height:1px; border-top:1px dotted #9b9b9b; margin:15px 0 5px 0; }
#partsListTable .partsListOrderDiv div.price { color:#ab0000; font-size:17px; font-weight:bold; margin-bottom:-10px; }
#partsListTable .price span { font-size:11px; font-weight:bold; color:#000; }
#partsListTable .order_overlay_form { font:12px Helvetica, Arial; margin:0 10px 0 0; }
#partsListTable .order_overlay_form_quantity { margin-right:5px; width:28px; }
#partsListTable .order_overlay_form_submit { margin-left:5px; }
#partsListTable .partslist_order_overlay_text { font-size:14px; }
/* --Ende Sparepartlist */
/* Trigger */
#trigger
{
float:left;
background-image:URL('../img/viewer/background_trigger.gif');
background-repeat: repeat-y;
width:10px;
height:400px;
border-right:0.1em solid #e3e3e3;
text-align: center;
vertical-align:middle;
}
#triggerimg
{
background-image:URL('../img/viewer/trigger_pfeil.png');
background-position:0px 0px;
background-repeat:no-repeat;
behavior:url("iepngfix.htc");
}
/* Ende Trigger */
/* --Viewerfenster */
#viewer
{
z-index:20;
float:left;
width:400px;
height:400px;
padding:0px;
position:relative;
}
#rahmen
{
z-index:280;
overflow:hidden;
position:absolute;
align:center;
width:400px;
height:400px;
}
#draggable
{
z-index:2;
position:absolute;
left:0px;
top:0px;
cursor:pointer;
border:0px dotted black;
}
#morahmen
{
visibility:hidden;
overflow:hidden;
z-index:10;
border: 2px solid #ab0000;
width:0px;
height:0px;
position:absolute;
background-color:#ab0000;
filter:Alpha(opacity=40);
-moz-opacity:0.4;
opacity:0.4;
}
#zoomrahmen
{
visibility:hidden;
z-index:10;
border: 1px solid #ab0000;
width:0px;
height:0px;
position:absolute;
}
/* --Ende Viewerfenster */
/* Ende Hauptbereich */
/* Order Overlay */
#detailinfo
{
z-index:700;
display:none;
position:absolute;
background-color:#ffffff;
color:#000;
width:270px;
height:150px;
border:1px solid #afafaf;
-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
padding:0;
font:12px Arial, Helvetica;
}
#order_overlay_inner
{
background-image:url(../img/viewer/order_overlay_bar.gif);
background-repeat:no-repeat;
width:270px;
height:29px;
padding-top:19px;
}
#order_overlay_inner img.order_overlay_close
{
position:absolute;
top:2px;
right:2px;
cursor:pointer;
width:10px;
height:10px;
background-image:url(../img/viewer/order_overlay_close.gif);
background-position:0 0;
background-repeat:no-repeat;
}
#order_overlay_inner img.order_overlay_close:hover { background-position:0 -10px; }
#order_overlay_inner p.artno { margin:0 0 2px 0; padding:2px 0 0 10px; font-size:11px; }
#order_overlay_inner p.partname { margin:0; font-size:13px; font-weight:bold; padding:2px 0 1px 10px; }
#order_overlay_inner p.replacing { margin:3px 0 0 0; padding:0; font-size:11px; padding-left:10px; }
#order_overlay_inner p.quantity { margin:3px 0 0 0; padding:0; font-size:11px; padding-left:10px; }
#order_overlay_form { position:absolute; right:12px; bottom:10px;}
#order_overlay_inner input.order_overlay_form_quantity { margin-right:4px; border:1px solid #b5b8c8; background-image:url(../img/viewer/select_box_bg.gif); background-repeat:repeat-x; width:30px; padding:2px; }
#order_overlay_inner input.order_overlay_form_submit { margin-left:4px; }
#order_overlay_inner .status { color:#fff; font-size:11px; margin-left:5px; padding:1px 1px 1px 2px; font-weight:bold; position:absolute; right:12px; top:20px; }
#order_overlay_inner .price { color:#ab0000; font-size:25px; font-weight:bold; position:absolute; left:10px; bottom:7px;}
#order_overlay_inner .price span.mwst { font-size:12px; font-weight:bold; color:#000; }
#order_overlay_inner .spacer { border-bottom:1px dotted #969696; position:absolute; left:0; bottom:60px; width:100%; }
/* Ende Order Overlay */
/* navigator */
#overview
{
visibility:hidden;
z-index:510;
border: 1px solid #dcdcdc;
width:250px;
height:172px;
position:absolute;
left:0px;
top:0px;
overflow:hidden;
background-color:#ebebeb;
background-image:URL('../img/viewer/navigator_bg.gif');
-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
box-shadow:2px 2px 6px #000;
-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
}
#overviewimagerahmen
{
z-index:510;
width:100%;
left:4px;
top:0px;
position:relative;
overflow:hidden;
}
#overviewimage
{
z-index:500;
width:240px;
left:0px;
top:0px;
position:absolute;
border:1px solid #cfcfcf;
}
#overviewheader
{
z-index:510;
width:100%;
height:14px;
left:5px;
top:0px;
position:relative;
background-image:url(../img/viewer/navigator_header_bg.png);
background-repeat:repeat-x;
background-position:0 0;
}
#overviewfooter
{
z-index:510;
width:100%;
height:20px;
left:0px;
top:0px;
position:relative;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
}
#overviewrahmen
{
visibility:hidden;
border: 1px solid #ff3333;
margin:1px;
z-index:501;
width:0px;
height:0px;
left:0px;
top:0px;
position:absolute;
cursor:pointer;
background-image:URL('../img/viewer/navigator_bg.png');
/*background-color:#ab0000;
filter:Alpha(opacity=30);
-moz-opacity:0.3;
opacity:0.3;*/
}
img.navigator_overlay_close {
position:absolute;
top:0;
right:5px;
cursor:pointer;
width:10px;
height:10px;
background-image:url(../img/viewer/navigator_close.png);
background-position:0 0;
background-repeat:no-repeat;
border:2px solid #ebebeb;
}
img.navigator_overlay_close:hover { background-position:0 -10px; }
img.navigator_header {
position:absolute;
top:0;
left:43%;
cursor:pointer;
background-image:url(../img/viewer/navigator_arrow.png);
background-position:0 0;
background-repeat:no-repeat;
width:18px;
height:14px;
}
img.navigator_header:hover { background-position:0 -14px; }
/* navigator Ende */
/* Pagelist */
/* Selectbox */
#pagelistselect
{
height:0px;
overflow:hidden;
float:right;
}
#page_preview_select_left_div
{
width:8px;
height:0px;
display:inline;
/*background-image:url(../img/viewer/page_preview_select_left.png); */
float:left;
behavior:url("iepngfix.htc");
}
#page_preview_select_right_div
{
width:37px;
height:0px;
display:inline;
/*background-image:url(../img/viewer/page_preview_select_right.png); */
float:left;
behavior:url("iepngfix.htc");
}
#pagelistselect .page_select_bg { min-width:50px;padding-top:9px; float:left; height:0px; /*background-image:url(../img/viewer/page_preview_select_bg.png); */ }
#pagelistselect img.page_preview_select_right, #pagelistselect img.page_preview_select_left { float:left; }
#pagelistselect img.page_preview_select_right { cursor:pointer;}
#pagelistselect span {font-family:Arial; font-size:0px; color:#fff; font-weight:bold; }
/* Ende Selectbox */
/* Liste */
#pagelist
{
visibility:hidden;
position:absolute;
top:100px;
left:200px;
z-index:800;
color:#000;
width:300px;
height:auto;
border:1px solid #9f9f9f;
border-top:none;
background-image:url(../img/viewer/infolayer_bg4.png);
background-color:#ffffff;
-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
padding:0px 0 0px 0;
font:13px Arial, Helvetica;
overflow:hidden;
}
#pagelist span.row
{
float:left;
width:300px;
/*background-image:url(img/viewer/page_preview_bg.png);
background-image:url(img/viewer/infolayer_bg4.png);
background-repeat:repeat-y; */
}
#pagelist img { border:1px solid #c8c8c8; float:left; margin-right:10px; margin-left:5px;}
#pagelist a { color:#000; text-decoration:none; }
#pagelist a:link { color:#000; text-decoration:none; }
#pagelist a:hover { color:#000; text-decoration:underline; }
#pagelist a:hover img { border:1px solid #ffcc33; }
#pagelist div.spacer { width:auto; height:1px; border-top:1px dotted #9b9b9b; margin:0 0 -1px 0; }
#pagelist div.page { padding:9px 5px; width:auto; min-height:72px; border-left:3px solid transparent;}
#pagelist div.page:hover
{
background-image:url(../img/viewer/infolayer_bg3.png);
background-repeat:repeat:y;
background-color:#a7a7a7;
cursor:pointer;
/* border customized */
border-left:3px solid #ab0000;
}
#pagelist div.page:hover img { border:1px solid #a6a6a6; }
#pagelist div.page:hover a { text-decoration:underline; }
#pagelist div.headline { background-color:#ababab; font-size:14px; font-weight:bold; padding:8px 10px; background-image:url(../img/viewer/page_preview_hdl_bg.png); color:#fff;}
/* Ende Liste */
/* Ende Pagelist */
/* Printlist */
#printlist
{
visibility:hidden;
position:absolute;
z-index:800;
background-color:#ffffff;
color:#000;
width:300px;
height:auto;
border:1px solid #9f9f9f;
background-image:url(../img/viewer/infolayer_bg4.png);
-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
padding:0px 0 0px 0;
font:13px Arial, Helvetica;
top:100px;
left:200px;
}
#printlist span.row
{
float:left;
width:300px;
}
#printlist img { border:1px solid #c8c8c8; float:left; margin-right:10px; margin-left:5px;}
#printlist a { color:#000; text-decoration:none; }
#printlist a:link { color:#000; text-decoration:none; }
#printlist a:hover { color:#000; text-decoration:underline; }
#printlist a:hover img { border:1px solid #ffcc33; }
#printlist div.spacer { width:auto; height:1px; border-top:1px dotted #9b9b9b; margin:0 0 -1px 0; }
#printlist div.page { padding:9px 3px; width:auto; min-height:72px; border-left:3px solid transparent;}
#printlist div.page:hover, #printlist div.partslist:hover
{
background-image:url(../img/viewer/infolayer_bg3.png);
background-color:#a7a7a7;
cursor:pointer;
/* border customized */
border-left:3px solid #ab0000;
}
#printlist div.page:hover img { border:1px solid #a6a6a6; }
#printlist div.page:hover a { text-decoration:underline; }
#printlist div.partslist { min-height:0 !important; padding:4px 9px 4px 8px; border-left:3px solid #f8f8f8;}
#printlist div.headline { background-color:#ababab; font-size:14px; font-weight:bold; padding:8px 10px; background-image:url(../img/viewer/page_preview_hdl_bg.png); color:#fff;}
/* Ende Printlist */
/* Infolayer */
#infolayer {
background-color:#f0f0f0;
color:#000;
width:320px;
height:210px;
position:absolute;
left:400px;
top:200px;
z-index:800;
visibility:hidden;
border:1px solid #a4a4a4;
background-image:url(../img/viewer/topshadow_infolayer.png);
background-repeat: repeat-x;
-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
padding:10px;
font:12px Arial, Helvetica;
}
#infolayer img.checkmark { float:left; margin-right:5px; }
#infotext_header { font-size:22px; margin:10px 0 0 0; }
#infotext { margin-top:20px; }
#infolayer input.infolayer_submit { }
/* Ende Infolayer */
/* Printlayer */
#printlayer {
background-color:#ffffff;
color:#000;
width:1px;
height:1px;
position:absolute;
left:0px;
top:0px;
z-index:1;
visibility:hidden;
font:12px Arial, Helvetica;
}
#printlayerFrame {
border:1px solid #a4a4a4;
-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
padding:10px;
}
/* Ende Printlayer */
/* Infowindow */
#infoBookmark
{
background-color:#e6e6e6;
color:#000;
width:300px;
height:auto;
border:1px solid #9f9f9f;
background-image:url(../img/viewer/infolayer_bg4.png);
background-repeat:repeat-y;
-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
padding:0px 0 0px 0;
font:12px Arial, Helvetica;
position:absolute;
top:100px; left:200px;
display:none;
z-index:1000;
}
#infoBookmark img { border:1px solid #c8c8c8; float:left; margin-right:10px; margin-left:5px;}
#infoBookmark a { color:#000; text-decoration:none; }
#infoBookmark a:link { color:#000; text-decoration:none; }
#infoBookmark a:hover { color:#000; text-decoration:underline; }
#infoBookmark a:hover img { border:1px solid #ffcc33; }
#infoBookmark div.spacer { width:auto; height:1px; border-top:1px dotted #9b9b9b; margin:0 0 -1px 0; }
#infoBookmark div.headline { background-color:#ababab; font-size:16px; font-weight:bold; padding:10px; background-image:url(../img/viewer/page_preview_hdl_bg.png); background-repeat:repeat-y; color:#fff;}
#infoBookmark p, #infoBookmark p input { margin:10px; }
/* Ende Infowindow */
/* Thumbnail Layer */
#thumb_preview
{
width:1053px;
height:600px;
padding:0;
font:13px Arial, Helvetica;
position:absolute;
display:none;
z-index:2000;
}
#thumb_inner
{
width:971px;
height:598px;
background-image:url(../img/viewer/thumbprev_bg_inner.png);
background-repeat:repeat-x;
position:absolute;
top:0;
left:41px;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
overflow:hidden;
background-color:#ffffff;
}
#thumb_pages
{
width:971px;
height:400px;
overflow:hidden;
position:absolute;
}
#thumb_preview_leftturn
{
width:41px;
height:600px;
postiton:absolute;
left:0;
top:0;
}
#thumb_preview_leftturn.active
{
cursor:pointer;
}
#thumb_preview .lefttop
{
width:41px;
height:41px;
/*customized Background*/
background-image:url(img/thumbprev_bg_corner.png);
background-repeat:no-repeat;
background-position:0 0;
}
#thumb_preview .leftbottom
{
width:41px;
height:41px;
/*customized Background*/
background-image:url(img/thumbprev_bg_corner.png);
background-repeat:no-repeat;
background-position:0 -41px;
position:absolute;
bottom:0;
}
#thumb_preview_leftmid
{
/*customized Background*/
background-image:url(img/thumbprev_bg_left.png);
background-repeat:repeat-y;
}
#thumb_preview_leftmid img { position:absolute; top:45%; }
#thumb_preview_rightturn
{
width:41px;
height:600px;
position:absolute;
right:0;
top:0;
}
#thumb_preview_rightturn.active
{
cursor:pointer;
}
#thumb_preview .righttop
{
width:41px;
height:41px;
/*customized Background*/
background-image:url(img/thumbprev_bg_corner.png);
background-repeat:no-repeat;
background-position:0 -82px;
}
#thumb_preview_rightmid
{
/*customized Background*/
background-image:url(img/thumbprev_bg_right.png);
background-repeat:repeat-y;
}
#thumb_preview_rightmid img { position:absolute; top:45%; }
#thumb_preview .rightbottom
{
width:41px;
height:41px;
/*customized Background*/
background-image:url(img/thumbprev_bg_corner.png);
background-repeat:no-repeat;
background-position:0 -123px;
position:absolute;
bottom:0;
}
#thumb_preview_leftturn.active:hover .lefttop { background-position:-41px 0; }
#thumb_preview_leftturn.active:hover .leftbottom { background-position:-41px -41px; }
#thumb_preview_leftturn.active:hover #thumb_preview_leftmid
{
/*customized Background*/
background-image:url(img/thumbprev_bg_left_over.png);
}
#thumb_preview_rightturn.active:hover .righttop { background-position:-41px -82px; }
#thumb_preview_rightturn.active:hover .rightbottom { background-position:-41px -123px; }
#thumb_preview_rightturn.active:hover #thumb_preview_rightmid
{
/*customized Background*/
background-image:url(img/thumbprev_bg_right_over.png);
}
#thumb_preview table.thumb_preview { margin:0; padding:0; border-spacing:20px 10px; }
#thumb_preview table.thumb_preview td { background-color:; text-align:center; font-weight:bold; }
#thumb_preview table.thumb_preview td a { color:#000; text-decoration:none; cursor:pointer; }
#thumb_preview table.thumb_preview td:hover a { text-decoration:none; }
#thumb_preview table.thumb_preview td:hover .thumb { background-color:#ab0000; }
#thumb_preview .thumb
{
background-color:#fff;
-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
padding:3px;
}
#thumb_preview .thumb:hover { /* customized */ background-color:#ab0000;}
#thumb_preview .thumb_inner { background-color:#fff; }
#thumb_preview table.thumb_preview img { border:0;}
#thumb_preview table.thumb_preview p { margin:5px 0; text-align:left; font-size:13px; }
#thumb_preview h2 {font-family: Tahoma, Arial, sans-serif; font-size:22px; color:#646464; margin:10px 0 0 20px; padding:0; }
/* Ende Thumbnail Layer */
/* Start Thumbnail Layer */
#start_thumb_preview
{
width:808px;
height:420px;
padding:0;
font:13px Arial, Helvetica;
position:absolute;
top:100px;
left:200px;
display:none;
z-index:2000;
overflow:hidden;
background-color:white;
border:0px solid white;
}
#start_thumb_inner
{
width:726px;
height:1818px;
background-image:url(../img/viewer/thumbprev_bg_inner.png);
position:absolute;
top:0;
left:41px;
border-top:1px solid #f0f0f0;
border-bottom:1px solid #f0f0f0;
border-left:1px solid #f0f0f0;
border-right:0 solid #f0f0f0;
z-index:1999;
overflow:hidden;
}
#start_thumb_pages
{
width:971px;
height:400px;
overflow:hidden;
position:absolute;
z-index:1999;
}
#start_thumb_preview_leftturn
{
width:41px;
height:auto;
postiton:absolute;
left:0;
top:0;
/* customized Background*/
background-image:url(../img/viewer/thumbprev_bg_left.png);
background-repeat:repeat-y;
z-index:2001;
}
#start_thumb_preview_leftturn.active
{
cursor:pointer;
}
#start_thumb_preview_left_img
{
position:absolute;
top:45%;
z-index:2001;
}
#start_thumb_preview_rightturn
{
width:41px;
height:auto;
position:absolute;
right:0;
top:0;
/* customized Background*/
background-image:url(../img/viewer/thumbprev_bg_right.png);
background-repeat:repeat-y;
z-index:2001;
}
#start_thumb_preview_rightturn.active
{
cursor:pointer;
}
#start_thumb_preview_right_img
{
position:absolute;
top:45%;
z-index:2001;
}
#start_thumb_preview table.thumb_preview { margin:0; padding:0; border-spacing:20px 10px; }
#start_thumb_preview table.thumb_preview td { background-color:; text-align:center; font-weight:bold; }
#start_thumb_preview table.thumb_preview td a { color:#000; text-decoration:none; cursor:pointer;}
#start_thumb_preview table.thumb_preview td:hover a { text-decoration:none; }
#start_thumb_preview table.thumb_preview td:hover .thumb { /* customized */ background-color:#ab0000; }
#start_thumb_preview_leftturn.active:hover { /* customized Background*/ background-image:url(../img/viewer/thumbprev_bg_left_over.png); }
#start_thumb_preview_rightturn.active:hover { /* customized Background*/ background-image:url(../img/viewer/thumbprev_bg_right_over.png); }
#start_thumb_preview .thumb
{
background-color:#fff;
-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.25);
padding:3px;
}
#start_thumb_preview .thumb:hover { /* customized */ background-color:#ab0000;}
#start_thumb_preview .thumb_inner { background-color:#fff; }
#start_thumb_preview table.thumb_preview img { border:0;}
#start_thumb_preview table.thumb_preview p { margin:5px 0; text-align:left;}
#start_thumb_preview h2 { font-family: Tahoma, Arial, sans-serif; font-weight:normal; font-size:20px; color:#646464; margin:12px 0 4px 20px; padding:0; }
/* IE Hack */
* html start_thumb_preview .thumb {
margin:5px 20px 15px 10px;
}
* html start_thumb_preview h2 {
margin:14px 0 6px 20px;
}
* html start_thumb_preview .rightmid {
height:418px;
}
* html start_thumb_preview .leftmid {
height:418px;
}
/* Ende Start Thumbnail Layer */
#fullscreen
{
background-color:#000000;
position:absolute;
left:0px;
top:0px;
width:100%;
height:2000px;
z-index:9;
display:none;
filter:Alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
#fader
{
background-color:#000000;
position:absolute;
left:0px;
top:0px;
width:100%;
height:2000px;
z-index:1500;
display:none;
filter:Alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
#loaderimage
{
visibility:hidden;
z-index:600;
left:0px;
top:0px;
width:0px;
height:0px;
position:absolute;
text-align:center;
}
#loadertext
{
margin-top:10px;
margin-left:10px;
font-weight:bold;
color:#444;
}
* html div.spacer {
margin:0; height:auto !important;
}
* html div.page {
height:70px;
}