html { font-family:Verdana, Tahoma, DejaVu Sans; font-size:22px; color:#022060; } body { margin:0px; padding:1.5%; padding-top:60px; background-image:url(../img/title.jpg); background-repeat:no-repeat; background-position:2px 6px; background-size:99.5% auto; border-style:solid; border-width:7px 1px 1px 3px; border-color:#022060; } h1 { font-size:150%; } h2 { font-size:120%; } h3 { font-size:22px; font-weight:normal; } img { border:0; } a { color:#022060; } p { text-align:justify; hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; } br { display:block; margin:10px 0; line-height:10px; content:" "; } li { padding-top:5px; } input[type=text] { width:calc(100% - 40px); font-size:24px; } input[type=submit], input[type=reset] { padding-top:5px; padding-bottom:5px; font-size:125%; } input[type=radio], input[type=checkbox] { transform:scale(1.5); } select { font-size:24px; } #cookie-bar { font-weight:bold !important; } #h1_article { width:95vw; margin-bottom:10px; word-wrap: break-word; font-size:1.3em; } #h1_article_hint { font-size:1.3em; } #h2_product { font-size:22px; } #textarea_shop { width:100%; height:100px; font-size:24px; margin-bottom:20px; } #div_lang { padding-top:5px; } #div_leftline { display:none; } #div_menu { position:absolute; top:65px; right:calc(1.5% + 5px); width:calc(100% - 140px); min-height:46px; border-style:solid; border-width:1px; border-color:#022060; z-index:1; } #flag_de { margin-right:5px; } #div_navbtn { position:absolute; top:3px; right:10px; } #div_navline1 { display:none; } #div_navline2 { display:none; } #div_navline3 { display:none; } #div_navline4 { display:none; } #div_navline5 { display:none; } #div_navline6 { display:none; } #div_navline7 { display:none; } #div_img1 { visibility:hidden; } #div_flash { visibility:hidden; } #div_ziploader { width:32px; height:32px; background-image:url("../img/loading.gif"); } div.div_result { padding-top:20px; } #div_details { margin:5px; padding-left:10px; padding-right:10px; background-color:#FFFFCC; border-width:1px; border-style:solid; } #div_moreinfo { line-height:150%; } #div_moreinfo h2 { font-size:22px; } #div_moreinfo p { hyphens:auto; } #div_cart { background-image:url(../img/cart.png); background-repeat:no-repeat; height:26px; padding-left:26px; } #div_maploading { font-size:80%; font-weight:bold; position:absolute; top:0px; left:0px; color:black; background-color:#FFFFE0; padding:2px 6px 2px 6px; } #div_hint, #div_hint2 { background-position:5px 5px; background-color:#FFFFCC; background-image:url(../img/hint.png); background-repeat:no-repeat; border-width:1px; border-style:solid; padding-left:30px; padding-right:5px; padding-top:2px; padding-bottom:5px; margin-bottom:5px; } #div_working { background-image:url(../img/working.gif); background-repeat:no-repeat; background-position:center top; margin-top:20px; padding-top:120px; width:100%; } #div_buy { padding-top:15px; padding-left:5px; padding-bottom:5px; text-align:center; } #div_price { padding-top:10px; padding-bottom:5px; font-size:1.2em; font-weight:bold; } #div_vat { padding-bottom:10px; font-size:0.8em; } #div_bookimg img { width:100%; height:auto; } div.div_line { width:35px; height:5px; background-color:#022060; margin-top:5px; margin-bottom:5px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:gray; border-right-style:solid; border-right-width:1px; border-right-color:gray; } div.div_line_inverse { border-bottom-style:none !important; border-right-style:none !important; border-top-style:solid; border-top-width:1px; border-top-color:gray; border-left-style:solid; border-left-width:1px; border-left-color:gray; } div.div_menuitem1 { padding:10px; background-color:#FFFFFF; border-collapse:collapse; border-top-style:solid; border-top-width:1px; border-color:#022060; } div.div_menuitem1 a { text-decoration:none; } div.div_menuitem2 { padding:10px; background-color:#FFFFFF; border-collapse:collapse; border-top-style:solid; border-top-width:1px; border-color:#022060; } div.div_menuitem2 a { text-decoration:none; } div.div_menuitem3 { padding:10px; background-color:#FFFFFF; border-collapse:collapse; border-top-style:solid; border-top-width:1px; border-color:#022060; } div.div_menuitem3 a { text-decoration:none; } div.div_menuitem1s { padding:10px; background-color:#022060; border-collapse:collapse; border-top-style:solid; border-top-width:1px; border-color:#022060; } div.div_menuitem1s a { color:#FFFFFF; text-decoration:none; } div.div_menuitem2s { padding:10px; background-color:#022060; border-collapse:collapse; border-top-style:solid; border-top-width:1px; border-color:#022060; } div.div_menuitem2s a { color:#FFFFFF; text-decoration:none; } div.div_menuitem3s { padding:10px; background-color:#022060; border-collapse:collapse; border-top-style:solid; border-top-width:1px; border-color:#022060; } div.div_menuitem3s a { color:#FFFFFF; text-decoration:none; } div.div_zip { margin-bottom:10px; } div.div_noupperborder { border-top-style:none !important; padding-top:0px; } img.img_flag { -moz-box-shadow: 0 0 0 1px gray; -webkit-box-shadow: 0 0 0 1px gray; box-shadow: 0 0 0 1px gray; } img.img_card { width:100%; height:auto; border-style:solid; border-color:black; border-width:1px; background-position:center; background-repeat:no-repeat; background-image:url(../img/loading.gif); } img.img_border { -moz-box-shadow:0 0 0 1px gray; -webkit-box-shadow:0 0 0 1px gray; box-shadow:0 0 0 1px gray; } img.img_mapflag { min-height:20px; } img.img_arrow { transform-origin:left top; transform:scale(1.5); padding-bottom:20px; } #a_cat { color:#ff0000; } a.a_small { font-size:90%; } a.a_cat2 { color:gray; } a.a_menu { font-weight:bold; color:#022060; } a.a_map { font-size:0.8em; } #span_num { font-weight:normal; font-size:70%; } #span_permalink { font-size:70%; white-space:nowrap; } span.span_num { font-size:0.9em; } span.span_zip { /* padding-right:5px; margin:0px; white-space:nowrap; display:inline; */ text-decoration:underline; color:#5d5d5d; } #table_main { width:100%; max-width:100%; } #table_list { border-collapse:collapse; border-top-style:solid; border-top-width:1px; } #table_list tr, #table_list td { display:inline-block; } #table_menu { width:100%; min-height:30px; border-collapse:collapse; border-style:solid; border-width:1px; border-color:#022060; } #table_menu tr, #table_menu td { display:block; } #table_letters { padding-bottom:10px; } #table_letters td { border-collapse:collapse; border-style:solid; border-width:1px; border-color:#022060; } #table_letters tr, #table_letters td { display:inline-block; } #table_search td { display:block; padding-bottom:10px; } #table_searchoptions tr, #table_searchoptions td { display:block; } #table_cats { width:100%; } #table_cats tr, #table_cats td { display:block; } #table_cats td { padding-top:5px; padding-bottom:5px; } #table_subcats { width:100%; } #table_subcats tr, #table_subcats td { display:block; } #table_subcats td { padding-top:5px; padding-bottom:5px; } #table_langs, #table_langs table, #table_langs > tbody > tr > td { width:100%; } #table_langs tr, #table_langs td { display:inline-block; } #table_langs table td:nth-child(3) { min-width:50%; } #table_postcards tr, #table_postcards td { display:block; } #table_shop { width:100%; } #table_shop tr, #table_shop td { display:inline-block; word-break:break-word; } #table_shop tr { width:100%; } #table_shop td { margin-right:5px; width:100%; } #table_shop select { width:100%; max-width:97%; } #table_shop input[type=text] { width:calc(100% - 20px) !important; } #table_shop input[type=submit] { margin-top:25px; } #table_place { width:100%; } #table_place td:first-child { padding-right:5px; } #table_imgs { width:100%; } #table_imgs tr, #table_imgs td { display:block; } #table_postcard { width:100%; } #table_postcard tr, #table_postcard td { display:inline-block; } table.table_desc tr, table.table_desc td { display:inline-block; } table.table_listnav1 tr td { display:inline-block; } table.table_listnav1 > tbody > tr > td { width:100%; text-align:center; } table.table_listnav1 table { width:100%; } table.table_listnav1 img { width:35px; height:35px; padding-left:10px; padding-right:10px; } table.table_listnav2 tr, table.table_listnav2 td { display:inline-block; } table.table_listnav2 td { padding-right:10px; } table.table_listnav2 a { padding-right:10px; } tr.tr_fixed { height:10px; } tr.tr_shopitem { width:95% !important; padding:2%; margin-bottom:5px; border:solid 1px; } tr.tr_shopitem img { position:relative; left:90%; } #tr_shop_end { vertical-align:top; } #td_cathead { background-color:#022060; height:30px; padding-left:5px; padding-top:7px; padding-bottom:3px; padding-right:10px; color:#FFFFFF; } #td_cathead a { color:#ffffff; text-decoration:none; pointer-events:none; } #td_letter { width:50px; padding-top:5px; padding-bottom:5px; font-size:150%; text-align:center; } #td_postcardsearch { width:100%; padding-top:10px; padding-bottom:10px; text-align:center; } #td_postcardsearch + tr { background-color:red; } #td_postcardsearch input[type=submit] { padding-top:5px; padding-bottom:5px; margin-bottom:10px; } #td_allinone { width:100%; text-align:center; } #td_mail img { position:relative; bottom:-4px; height:30px; } #td_agb { padding-top:10px; display:inline !important; } td.td_cathead { height:30px; padding-left:5px; padding-top:5px; border-collapse:collapse; border-top-style:solid; border-top-width:1px; border-color:#022060; } td.td_cathead_collapsed { background-repeat:no-repeat; background-image:url(../img/down.png); background-position:calc(100% - 5px) center; } td.td_cathead_open { background-repeat:no-repeat; background-image:url(../img/up.png); background-position:calc(100% - 5px) center; } td.td_cathead_open_inv { background-repeat:no-repeat; background-image:url(../img/up_inv.png); background-position:calc(100% - 5px) center; } td.td_cathead a { text-decoration:none; } td.td_letter { width:50px; padding-top:5px; padding-bottom:5px; font-size:150%; text-align:center; } td.td_letter a { text-decoration:none; } td.td_tag { margin-left:5px; } td.td_smalltag { padding-left:10px; font-size:0.8em; font-style:italic; color:gray; } td.td_shop_price { width:90px; font-family:monospace; font-size:80%; text-align:right; } td.td_entries { text-align:center; font-weight:bold; } td.td_postcardnav { vertical-align:bottom; } td.td_postcardnav img { width:35px; height:35px; padding-left:10px; padding-right:10px; } td.td_postcardlink { margin-bottom:25px; } td.td_maplink { line-height:75%; padding-bottom:10px; } td.td_checkdata { font-weight:bold; } tr.tr_list { border-bottom-style:solid; border-width:1px; border-color:#022060; } td.td_lang { padding-right:5px; } td.td_list { padding:5px; } td.td_list_price { display:block !important; } td.td_invisible { color:#ffffff; } td.td_vat { text-align:right; font-size:0.8em; } span.span_small { font-size:90%; } span.span_num { margin-right:15px; } span.span_red { color:#F50000; } span.span_nobr { white-space:nowrap; } #p_welcome { text-align:left; } #p_welcome br { margin:0; } #p_end br { margin:0; } #p_about { font-size:80% } #p_shipping { font-weight:bold; text-align:left; } #p_cattitle { margin:0; padding-top:25px; padding-bottom:10px; font-weight:bold; } #p_searchoptions { margin-bottom:0; } #p_aid { text-decoration:underline; } #p_ns { background-image:url("../img/ns.png"); background-position:10px 10px; background-repeat:no-repeat; border-style:solid; border-width:1px; margin-right:20px; margin-bottom:20px; padding-left:105px; padding-right:20px; padding-top:10px; padding-bottom:10px; line-height:150%; background-color:#FFCCCC; color:#000000; hyphens:auto; } p.p_small { font-size:0.7em; text-align:left; } p.p_catresults { line-height:175%; } p.p_catresults > b:not(:first-child)::before { display:block; content:"_"; font-size:1%; height:10px; } #map_canvas { width:calc(100vw - 20px); height:100vh; max-height:500px; background-color:black; } #a_maplink { display:block; padding-top:5px; font-size:50%; } #div_preview { display:none; } #img_mail { transform-origin:left top; transform:scale(1.5); } #img_preview { border-style:solid; border-width:4px; border-color:black; background-position:center; background-repeat:no-repeat; background-image:url("../img/loading.gif"); } #img_sold { opacity:0.6; } #js_table_preview { margin:auto; } #js_img_preview { display:block; border-style:solid; border-width:4px; border-color:black; background-position:center; background-repeat:no-repeat; background-image:url("../img/loading.gif"); } #js_num { display:inline; } #form_content tr, #form_content td { display:inline-block; } #form_content tr:last-child { width:100%; } #cookie-bar { padding-top:10px; padding-bottom:5px; border-bottom:1px solid #022060; z-index:100; } ul.ul_shipping { list-style-type:none; padding-left:5px; } ul.ul_shipping li { padding-bottom:5px; } ul.ul_shipping p { margin:0; text-align:left; } /* MAP */ #js_div_preview { margin-bottom:5px; } div.gm-style-iw-c { max-width:350px !important; max-height:300px !important; } div.gm-style-iw-d { max-width:340px !important; max-height:290px !important; } /* SLIDER */ #div_loading { width:100%; height:50px; margin-bottom:20px; background-position:center; background-repeat:no-repeat; background-image:url("../img/loading.gif"); white-space:nowrap; } div.js_div_product { width:100%; min-height:100px; margin-bottom:5px; border:solid 1px; border-color:gray; background-position:center; background-repeat:no-repeat; background-image:url("../img/loading.gif"); } div.js_div_product img { display:block; width:100%; height:auto; border:0;+ } p.js_p_product { margin-top:0; font-size:0.7em; text-align:left; } #js_div_loader { width:100%; height:100px; border-style:solid; border-color:gray; border-width:1px; background-position:center; background-repeat:no-repeat; background-image:url(../img/loading.gif); } #js_div_debug { position:absolute; left:0; bottom:0; width:100%; height:20px; padding-left:10px; font-size:12px; background-color:#FFFFCC; } /* ADMIN */ #body_admin { padding-top:10px; padding-left:10px; width:98%; } #table_admin, #table_admin td, #table_admin th { border:1px solid #022060; } #table_admin td { padding:2px; max-width:200px; overflow-wrap:break-word; } #overlay_admin { position:fixed; /* Sit on top of the page content */ display:none; /* Hidden by default */ width:100%; /* Full width (cover the whole page) */ height:100%; /* Full height (cover the whole page) */ top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.5); /* Black background with opacity */ z-index:2; /* Specify a stack order in case you're using a different order for other elements */ cursor:wait; /* Add a pointer on hover */ } #overlay_admin_txt { position:absolute; top:50%; left:50%; font-size:50px; color:white; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); }