/* Stylsheet für NETGENERATOR CMS Version: 1.2.2 Stand: 08.01.2008 */ body { background: #a1a1a1 url(grafik_admin/bg_bg.jpg) repeat-x 0 0; font: 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; margin: 0; padding: 0; text-align: center; } a, a:link, a:visited { color: #7e7e7e; text-decoration: none; } a:hover, a:active, a:focus { color: #505050; text-decoration: none; outline: none; } a.grey, a.grey:link, a.grey:visited { color: #a1a1a1; text-decoration: none; } a.grey:hover, a.grey:active, a.grey:focus { color: #505050; text-decoration: none; outline: none; } table, tr, th, td { border-collapse: collapse; empty-cells: show; vertical-align: top; } img { border: 0; } div, h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0; padding: 0; } li { list-style: none; } p, font, table tr td { font: 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; } .textfeld { border: 1px solid #a1a1a1; font-size: 11px; } .textarea { border: 1px solid #a1a1a1; font-size: 11px; } fieldset.unvisible { border: none; margin: 0; padding: 0; } a.pagelink, span.pagelink { border: 1px solid #505050; padding: 2px 6px; margin: 0 4px 0 0; } a.pagelink:active, a.pagelink:hover, a.pagelink:focus, span.pagelink { background: #505050; color: #fff; font-weight: bold; } #body { width: 765px; height: 100%; margin: 0 auto; padding: 0; text-align: left; z-index: 1; } /* #cnavibox a.mainnavi_shop { width: 122px; height: 44px; margin: 0; padding: 0; background: transparent url(grafik_admin/b_navi_menu_shop.png) left top no-repeat; float: left; } * html #cnavibox a.mainnavi_shop { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://sslsites.de/armedangels.de//grafik_admin/b_navi_menu_shop.png', sizingMethod='scale'); background:none; cursor: pointer; } */ #header { width: 765px; height: 134px; float: left; position: relative; background: transparent url(grafik_admin/bg_main.png) left top repeat-y; } * html #header { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/bg_main.png', sizingMethod='scale'); background: none; } #header_content { width: 755px; height: 129px; margin: 0 4px; border-left: 1px solid #acacac; border-right: 1px solid #acacac; border-bottom: 5px solid #acacac; background: #505050; } * html #header_content { width: 757px; height: 134px} p.header_title { float: left; margin: 71px 0 0 37px; color: #7e7e7e; font: bold 9pt "Arial","Verdana","Helvetica","Geneva"; } img.header_logo { float: right; margin: 42px 15px 0 0; } #navi { width: 765px; height: 131px; float: left; background: transparent url(grafik_admin/bg_navi.png) left top repeat-y; } * html #navi { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/bg_navi.png', sizingMethod='scale'); background: none; } #navi_content { width: 755px; height: 32px; margin: 0 4px; } * html #navi_content { width: 757px; } /* #navi_content ul { float: left; list-style-type: none; margin: 0 0 0 5px; } #navi_content li { float: left; display: block; } #navi_content li a { height: 22px; float: left; display: block; padding: 10px 10px 0px; font: bold 8pt "Arial","Verdana","Helvetica","Geneva"; color: #7e7e7e; } * html #navi_content li a { height: 32px; } li ul li { clear: both; } */ #navi_header { width: 765px; height: 79px; margin: 20px 0 0; } #navi_header #pagetitle { width: 427px; height: 50px; margin: 18px 0 0 30px; padding: 10px 0 0 73px; float: left; font: bold 17pt "Arial","Verdana","Helvetica","Geneva"; color: #7e7e7e; } * html #navi_header #pagetitle { width: 500px; height: 60px; } div.start { background: transparent url(grafik_admin/icon_start.png) left top no-repeat; } * html div.start { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_start.png', sizingMethod='scale'); background: none; } div.cms { background: transparent url(grafik_admin/icon_cms.png) left top no-repeat; } * html div.cms { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_cms.png', sizingMethod='scale'); background: none; } div.news { background: transparent url(grafik_admin/icon_news.png) left top no-repeat; } * html div.news { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_news.png', sizingMethod='scale'); background: none; } div.shop { background: transparent url(grafik_admin/icon_shop.png) left top no-repeat; } * html div.shop { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_shop.png', sizingMethod='scale'); background: none; } div.galerie { background: transparent url(grafik_admin/icon_galerie.png) left top no-repeat; } * html div.galerie { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_galerie.png', sizingMethod='scale'); background: none; } div.logins { background: transparent url(grafik_admin/icon_logins.png) left top no-repeat; } * html div.logins { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_logins.png', sizingMethod='scale'); background: none; } div.models { background: transparent url(grafik_admin/icon_models.png) left top no-repeat; } * html div.models { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_models.png', sizingMethod='scale'); background: none; } div.presse { background: transparent url(grafik_admin/icon_presse.png) left top no-repeat; } * html div.presse { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_presse.png', sizingMethod='scale'); background: none; } div.fairtrade { background: transparent url(grafik_admin/icon_fairtrade.png) left top no-repeat; } * html div.fairtrade { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_fairtrade.png', sizingMethod='scale'); background: none; } div.setup { background: transparent url(grafik_admin/icon_setup.png) left top no-repeat; } * html div.setup { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_setup.png', sizingMethod='scale'); background: none; } div.hilfe { background: transparent url(grafik_admin/icon_hilfe.png) left top no-repeat; } * html div.hilfe { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_hilfe.png', sizingMethod='scale'); background: none; } div.sonstiges { background: transparent url(grafik_admin/icon_sonstiges.png) left top no-repeat; } * html div.sonstiges { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_sonstiges.png', sizingMethod='scale'); background: none; } div.presse { background: transparent url(grafik_admin/icon_presse.png) left top no-repeat; } * html div.presse { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_presse.png', sizingMethod='scale'); background: none; } div.jobs { background: transparent url(grafik_admin/icon_jobs.png) left top no-repeat; } * html div.jobs { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_jobs.png', sizingMethod='scale'); background: none; } div.speisen { background: transparent url(grafik_admin/icon_speisen.png) left top no-repeat; } * html div.speisen { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_speisen.png', sizingMethod='scale'); background: none; } div.sk { background: transparent url(grafik_admin/icon_sk.png) left top no-repeat; } * html div.sk { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_sk.png', sizingMethod='scale'); background: none; } div.catering { background: transparent url(grafik_admin/icon_catering.png) left top no-repeat; } * html div.catering { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/icon_catering.png', sizingMethod='scale'); background: none; } #navi_header #logininfo { width: 150px; height: 50px; margin: 13px 0 0 60px; padding: 0 0 0 20px; float: left; font: 8pt "Arial","Verdana","Helvetica","Geneva"; color: #7e7e7e; background: transparent url(grafik_admin/icon_logininfo.gif) left 9px no-repeat; } #logininfo p { font-size: 5pt; display: block; } #main { width: 765px; min-height: 500px; float: left; background: transparent url(grafik_admin/bg_main.png) left top repeat-y; } * html #main { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/bg_main.png', sizingMethod='scale'); background: none; } #main_content { width: 725px; height: 500px; margin: 0 4px; padding: 15px; display: table; border-left: 1px solid #acacac; border-right: 1px solid #acacac; border-bottom: 1px solid #acacac; background: #fff; } * html #main_content { width: 757px; } /* startseite uebersicht */ #options_overview { display: table; margin: 15px 0 0; padding: 12px 0 0 12px; border: 1px solid #acacac; background: #e1e1e1; } #options_overview div.options_item { width: 118px; height: 130px; padding: 0 12px 0 0; float: left; display: table-cell; background: transparent url(grafik_admin/bg_start_options.jpg) left top no-repeat; text-align: center; vertical-align: middle; } * html #options_overview div.options_item { width: 130px; } #options_overview div.options_item div { width: 116px; height: 80px; background-position: 50% 60%; } /* allgemeines tabellen-style */ #table_overview { width: 723px; display: table; margin: 15px 0 0; border: 1px solid #acacac; background: #fff; } #table_overview tr.tr_header { width: 723px; height: 20px; padding: 5px 0 0; display: block; clear: both; background: #e1e1e1; } #table_overview tr.tr_row { width: 723px; display: block; clear: both; border-bottom: 1px solid #cfcfcf; } /*#table_overview tr.tr_row:hover, #table_overview tr.tr_row:active, #table_overview tr.tr_row:focus { background: #cfcfcf; }*/ #table_overview tr.tr_header td { float: left; display: table-cell; font: bold 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; } #table_overview tr.tr_row td { float: left; display: table-cell; padding-top: 4px; padding-bottom: 4px; font: 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; vertical-align: mnodle; overflow: hnoden; } .options { width: 50px; } .options a { margin: 0 10px 0 0; } /* cms dateien uebersicht */ #cms_overview { width: 723px; display: table; margin: 15px 0 0; border: 1px solid #acacac; background: #fff; } #cms_overview div.cms_header { width: 723px; height: 20px; padding: 5px 0 0; display: block; clear: both; background: #e1e1e1; } #cms_overview div.cms_row { width: 723px; height: 20px; padding: 4px 0 0; display: block; clear: both; border-bottom: 1px solid #cfcfcf; } #cms_overview div.cms_row:hover, #cms_overview div.cms_row:active, #cms_overview div.cms_row:focus { background: #cfcfcf; } #cms_overview div.cms_header div { height: 25px; float: left; display: table-cell; font: bold 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; } #cms_overview div.cms_row div { height: 22px; float: left; display: table-cell; font: 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; vertical-align: middle; overflow: hidden; } div.cms_name { width: 230px; padding: 0 0 0 34px; background: transparent url(grafik_admin/icon_text.jpg) 10px top no-repeat; } * html div.cms_name { width: 257px; } div.cms_header div.cms_name { background: none; } div.cms_headline { width: 263px; } div.cms_date_stored, div.cms_date_edited { width: 70px; } div.cms_options { width: 50px; } div.cms_options a { margin: 0 10px 0 0; } /* cms dateien editieren */ div.hl { height: 2px; display: block; overflow: hidden; margin: 10px 0; background: #cfcfcf; } /* sm systemmeldungen editieren */ td.sm_name { width: 280px; padding: 0 0 0 34px; background: transparent url(grafik_admin/icon_text.jpg) 10px 4px no-repeat; } tr.tr_header td.sm_name { background-position: 10px 0; } * html td.sm_name { width: 307px; } td.sm_headline { width: 353px; } td.sm_options { width: 50px; } .sm_options a { margin: 0 10px 0 0; } /* usergruppen anzeigen */ #logins_gruppen_overview { width: 249px; display: table; margin: 15px 0 0; border: 1px solid #acacac; background: #fff; } #logins_gruppen_overview div.logins_gruppen_header { width: 249px; height: 20px; padding: 5px 0 0; display: block; clear: both; background: #e1e1e1; } #logins_gruppen_overview div.logins_gruppen_row { width: 249px; height: 20px; padding: 4px 0 0; display: block; clear: both; border-bottom: 1px solid #cfcfcf; } #logins_gruppen_overview div.logins_gruppen_row:hover, #logins_gruppen_overview div.logins_gruppen_row:active, #logins_gruppen_overview div.logins_gruppen_row:focus { background: #cfcfcf; } #logins_gruppen_overview div.logins_gruppen_header div { height: 25px; float: left; display: table-cell; font: bold 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; } #logins_gruppen_overview div.logins_gruppen_row div { height: 22px; float: left; display: table-cell; font: 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; vertical-align: mnodle; overflow: hnoden; } div.logins_gruppen_no { width: 25px; padding: 0 0 0 34px; background: transparent url(grafik_admin/icon_logininfo.gif) 10px top no-repeat; } * html div.logins_gruppen_no { width: 59px; } div.logins_gruppen_header div.logins_gruppen_no { background: none; } div.logins_gruppen_name { width: 130px; } div.logins_gruppen_options { width: 60px; } div.logins_gruppen_options a { margin: 0 10px 0 0; } /* artikel editieren */ div.items_overview { width: 182px; height: 232px; margin: 0 10px 10px 0; float: left; border: 1px solid #acacac; } div.items_overview_content { width: 160px; height: 210px; padding: 10px; display: table-cell; text-align: center; vertical-align: bottom; } * html div.items_overview_content { width: 180px; height: 230px; } #shop_overview { width: 723px; display: table; margin: 15px 0 0; border: 1px solid #acacac; background: #fff; } #shop_overview div.shop_header { width: 723px; height: 20px; padding: 5px 0 0; display: block; clear: both; background: #e1e1e1; } #shop_overview div.shop_row { width: 723px; height: 80px; padding: 4px 0 0; display: block; clear: both; border-bottom: 1px solid #cfcfcf; } #shop_overview div.shop:hover, #shop_overview div.shop:focus, #shop_overview div.shop_row:active { background: #cfcfcf; } #shop_overview div.shop_header div { height: 25px; float: left; display: table-cell; font: bold 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; } #shop_overview div.shop_row div { height: 80px; float: left; display: table-cell; font: 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; vertical-align: mnodle; overflow: hnoden; } div.shop_pic { width: 95px; padding: 0 0 0 10px; } * html div.shop_pic { width: 105px; } div.shop_header div.shop_pic { background: none; } div.shop_no { width: 30px; } div.shop_name { width: 144px; } div.shop_itemno { width: 50px; } div.shop_bestseller { width: 60px; } div.shop_price { width: 50px; } div.shop_date { width: 70px; } div.shop_active { width: 33px; } div.shop_options { width: 105px; } div.shop_options a { margin: 0 10px 0 0; } div.shop_farben_choice { width: 60px; height: 90px; padding: 10px; margin: 0 10px 10px 0; text-align: left; float: left; border: 1px solid #c0c0c0; } div.shop_details_klassen_container { width: 100%; display: table; clear: both; margin: 0 0 15px; border: 1px solid #c0c0c0; } div.shop_details_klassen_container h5 { padding: 2px 5px; font-size: 13px; background: #d6d6d6; } div.shop_details_klassen { width: 100%; display: block; padding: 5px; float: left; } div.shop_details_klassen_preis { width: 100%; display: block; padding: 5px; margin: 5px 0 10px; clear: both; } div.shop_details_klassen_container ul { width: 100%; display: block; list-style: none; padding: 0; margin: 0; } .shop_farben_choice { width: 60px; height: 90px; padding: 10px; margin: 0 10px 10px 0; text-align: left; float: left; border: 1px solid #c0c0c0; } /* gutscheine editieren */ #gutscheine_overview { width: 723px; display: table; margin: 15px 0 0; border: 1px solid #acacac; background: #fff; } #gutscheine_overview tr.gutscheine_header { width: 723px; height: 20px; padding: 5px 0 0; display: block; clear: both; background: #e1e1e1; } #gutscheine_overview tr.gutscheine_row { width: 723px; display: block; clear: both; border-bottom: 1px solid #cfcfcf; } /*#gutscheine_overview tr.gutscheine_row:hover, #gutscheine_overview tr.gutscheine_row:active, #gutscheine_overview tr.gutscheine_row:focus { background: #cfcfcf; }*/ #gutscheine_overview tr.gutscheine_header td { float: left; display: table-cell; font: bold 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; } #gutscheine_overview tr.gutscheine_row td { float: left; display: table-cell; padding-top: 4px; padding-bottom: 4px; font: 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; vertical-align: mnodle; overflow: hnoden; } td.gutscheine_no { width: 64px; padding-left: 5px; } * html td.gutscheine_no { width: 69px; } tr.gutscheine_header td.gutscheine_no { background: none; } td.gutscheine_date { width: 110px; } td.gutscheine_absender { width: 85px; } td.gutscheine_email { width: 185px; } td.gutscheine_options { width: 50px; } td.gutscheine_options a { margin: 0 10px 0 0; } /* bestellungen editieren */ td.bestellungen_no { width: 35px; padding-left: 34px; background: transparent url(grafik_admin/icon_bestellung.gif) 10px 50% no-repeat; } * html td.bestellungen_no { width: 69px; } tr.tr_header td.bestellungen_no { background: none; } td.bestellungen_date { width: 110px; } td.bestellungen_options { width: 60px; } td.bestellungen_options a { margin: 0 10px 0 0; } #bestellungen_rechnung { width: 680; padding: 10px; font: 11px "Courier New"; border: 1px solid #c0c0c0; } /* artikelgruppen editieren */ #gruppen_overview { width: 409px; display: table; margin: 15px 0 0; border: 1px solid #acacac; background: #fff; } #gruppen_overview div.gruppen_header { width: 409px; height: 20px; padding: 5px 0 0; display: block; clear: both; background: #e1e1e1; } #gruppen_overview div.gruppen_row { width: 409px; height: 20px; padding: 4px 0 0; display: block; clear: both; border-bottom: 1px solid #cfcfcf; } #gruppen_overview div.gruppen_row:hover, #gruppen_overview div.gruppen_row:active, #gruppen_overview div.gruppen_row:focus { background: #cfcfcf; } #gruppen_overview div.gruppen_header div { height: 25px; float: left; display: table-cell; font: bold 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; } #gruppen_overview div.gruppen_row div { height: 22px; float: left; display: table-cell; font: 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; vertical-align: mnodle; overflow: hnoden; } div.gruppen_no { width: 25px; padding: 0 0 0 34px; background: transparent url(grafik_admin/icon_bestellung.gif) 10px top no-repeat; } * html div.gruppen_no { width: 59px; } div.gruppen_header div.gruppen_no { background: none; } div.gruppen_name { width: 230px; } div.gruppen_subgruppe_no { width: 25px; padding: 0 0 0 54px; background: transparent url(grafik_admin/icon_bestellung.gif) 30px top no-repeat; } * html div.gruppen_subgruppe_no { width: 79px; } div.gruppen_header div.gruppen_subgruppe_no { background: none; } div.gruppen_subgruppe_name { width: 210px; } div.gruppen_options { width: 120px; } div.gruppen_options a { margin: 0 10px 0 0; } /* artikelfarben editieren */ #farben_overview { width: 430px; display: table; margin: 15px 0 0; border: 1px solid #acacac; background: #fff; } #farben_overview div.farben_header { width: 430px; height: 20px; padding: 5px 0 0; display: block; clear: both; background: #e1e1e1; } #farben_overview div.farben_row { width: 430px; height: 22px; padding: 4px 0 0; display: block; clear: both; border-bottom: 1px solid #cfcfcf; } #farben_overview div.farben_row:hover, #farben_overview div.farben_row:active, #farben_overview div.farben_row:focus { background: #cfcfcf; } #farben_overview div.farben_header div { height: 25px; float: left; display: table-cell; font: bold 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; } #farben_overview div.farben_row div { height: 22px; float: left; display: table-cell; font: 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; vertical-align: mnodle; overflow: hnoden; } div.farben_pic { width: 55px; padding: 0 0 0 10px; } * html div.farben_pic { width: 65px; } div.farben_no { width: 25px; } div.farben_showbox { width: 12px; height: 12px; overflow: hidden; float: left; margin: 0 10px 0 0; border: 1px solid #cfcfcf; } div.farben_farbe { width: 200px; } div.farben_hex { width: 80px; } div.farben_options { width: 60px; } div.farben_options a { margin: 0 10px 0 0; } /* users logins editieren */ td.logins_no { width: 50px; padding: 0 0 0 34px; background: transparent url(grafik_admin/icon_logininfo.gif) 10px 5px no-repeat; } * html td.logins_no { width: 84px; } tr.tr_header td.logins_no { background: none; } td.logins_name { width: 190px; } td.logins_email { width: 190px; } td.logins_group { width: 99px; } td.logins_date { width: 80px; } td.logins_options { width: 60px; } td.logins_options a { margin: 0 10px 0 0; } /* errorbox und messagebox */ #messagebox { width: 300px; min-height: 100px; margin: 20px 0; padding: 15px 15px 15px 80px; display: table; color: #505050; } #messagebox.error { background: #e1e1e1 url(grafik_admin/icon_error.png) 10px 10px no-repeat; border: 3px solid red; } #messagebox.message { background: #e1e1e1 url(grafik_admin/icon_message.png) 10px 10px no-repeat; border: 3px solid #307c24; } #messagebox h2 { display: block; padding: 0 0 10px; font: bold 13px "Arial","Verdana","Helvetica","Geneva"; } #messagebox ul { list-style: none; } #messagebox ul li { display: block; margin: 0 0 3px; } /* pressemeldungen editieren */ #presse_overview { width: 723px; display: table; margin: 15px 0 0; border: 1px solid #acacac; background: #fff; } #presse_overview div.presse_header { width: 723px; height: 20px; padding: 5px 0 0; display: block; clear: both; background: #e1e1e1; } #presse_overview div.presse_row { width: 723px; height: 20px; padding: 4px 0 0; display: block; clear: both; border-bottom: 1px solid #cfcfcf; } #presse_overview div.presse_row:hover, #presse_overview div.presse_row:active, #presse_overview div.presse_row:focus { background: #cfcfcf; } #presse_overview div.presse_header div { height: 25px; float: left; display: table-cell; font: bold 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; } #presse_overview div.presse_row div { height: 22px; float: left; display: table-cell; font: 11px "Arial","Verdana","Helvetica","Geneva"; color: #505050; vertical-align: mnodle; overflow: hnoden; } div.presse_no { width: 25px; padding: 0 0 0 34px; background: transparent url(grafik_admin/icon_presse.gif) 10px top no-repeat; } * html div.presse_no { width: 59px; } div.presse_header div.presse_no { background: none; } div.presse_date { width: 100px; } div.presse_name { width: 394px; } div.presse_options { width: 120px; } div.presse_options a { margin: 0 10px 0 0; } #footer { width: 745px; height: 21px; float: left; padding: 3px 20px 0 0; background: transparent url(grafik_admin/bg_footer.png) left top repeat-y; font-size: 6pt; text-align: right; } * html #footer { width: 765px; height: 24px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.armedangels.de/grafik_admin/bg_footer.png', sizingMethod='scale'); background: none; } #cssdropdown, #cssdropdown ul { padding: 0; margin: 0; list-style: none; } #cssdropdown li.mainitems { height: 31px; float: left; position: relative; background: transparent url(grafik_admin/navi_trenner.gif) right top no-repeat; font: 10px "Arial","Verdana","Helvetica","Geneva"; color: #444; } li.mainitems a.mainitems { height: 31px; float: left; padding: 10px 13px 11px; text-decoration: none; color: #444; } ul.subuls { width: 200px; padding: 10px; display: none; position: absolute; top: 33px; left: 0; background: #F7F7F7; border: 1px solid #DADADA; } ul.subuls li { width: 200px; display: block; float: left; background: #F7F7F7; } ul.subuls li a { padding: 5px 10px; display: block; color: #444; } ul.subuls li a:hover, ul.subuls li a:active, ul.subuls li a:focus { background: #ddd; color: #000; } ul.subuls li h4 { margin: 3px 10px; padding: 0; display: block; font: bold 11px "Arial","Verdana","Helvetica","Geneva"; color: #444; border-bottom: 1px solid #c0c0c0; } ul.subuls li h4.qmdivider { border: none; } ul.subuls li div.spacer { height: 10px; display: block; overflow: hidden; } ul.subuls li div.trenner { height: 1px; margin: 3px 10px; display: block; overflow: hidden; border-top: 1px solid #DADADA; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ #cssdropdown li>ul { top: 32px; left: auto; } /* lists nested under hovered list items */ #cssdropdown li:hover ul, li.over ul { display: block; } /*wrap rest of content of the page inside this div*/ #restofcontent { clear: left; } /* This is a very basic stylesheet for the date-picker. Feel free to create your own. */ /* The wrapper div */ div.datePicker { min-width: 200px; width: 200px; position: absolute; z-index: 9999; text-align: center; font: 11px "Arial","Verdana","Helvetica","Geneva"; background: transparent; } /* Styles for the static datePickers */ div.staticDP { position: relative; top: 5px; left:0; } /* The iframe hack to cover selectlists in Internet Explorer <= v6 */ iframe.iehack { position:absolute; background:#fff; z-index:9998; padding:0; border:0; display:none; margin:0; } /* The "button" created beside each input for non-static datePickers */ a.date-picker-control:link, a.date-picker-control:visited, a.date-picker-control:hover, a.date-picker-control:active, a.date-picker-control:focus { display: -moz-inline-stack; border:0 none; padding:0; margin:0 0 0 4px; background:transparent url(grafik_admin/cal.gif) no-repeat 50% 50%; min-width:16px; line-height:1; cursor:pointer; visibility:visible; text-decoration:none; vertical-align:middle; } /* Feed IE6 the following rule, IE7 should handle the min-width declared above */ * html a.date-picker-control { width:16px; } /* IE, Safari & Opera. Seperate CSS rule seems to be required. */ a.date-picker-control { display:inline-block; } a.date-picker-control span { display:block; width:16px; height:16px; margin:auto 0; } /* The next & previous buttons */ div.datePicker th span { display:inline; padding:0; margin:0; color:#000; text-align:center; line-height:1em; border-width:0; font: bold 11px "Arial","Verdana","Helvetica","Geneva"; background:transparent; cursor:pointer; } div.datePicker th span.month-display, div.datePicker th span.year-display { text-transform:uppercase; letter-spacing:1px; font: bold 12px "Arial","Verdana","Helvetica","Geneva"; cursor:default; } div.datePicker th span.prev-but, div.datePicker th span.next-but { font-size:1.8em; cursor:pointer !important; } div.datePicker th span.today-but { text-align:center; margin:0 auto; font: 11px "Arial","Verdana","Helvetica","Geneva"; width:100%; text-decoration:none; line-height:1.6em; text-transform:uppercase; cursor:pointer !important } div.datePicker thead th span.fd-disabled { color:#aaa; cursor:default !important; } /* The mon, tue, wed etc day buttons */ div.datePicker th span.fd-day-header { text-align:center; margin:0 auto; font: 11px "Arial","Verdana","Helvetica","Geneva"; height:1.4em; width:2em; text-decoration:none; text-transform:lowercase; line-height:1.4em; } /* The table */ div.datePicker table { position:relative; margin:0; padding:0; border:1px solid #ccc; background:#fff url(grafik_admin/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px; text-align:center; width:100%; border-spacing:2px; table-layout:fixed; border-collapse:separate; } /* Common TD & TH styling */ div.datePicker table td { border:1px solid #ccc; padding:0; text-align:center; vertical-align:middle; line-height:1.2em; cursor:pointer; background:#fff url(grafik_admin/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px; width:15px; height:18px; outline:none; } div.datePicker table th { border:0 none; padding:0; line-height:1em; font-weight:bold; color:#222; text-align:center; vertical-align:middle; } div.datePicker table td.date-picker-unused { background:#fff url(grafik_admin/backstripes.gif); border-color:#dcdcdc; padding:0; cursor:default !important; } div.datePicker table thead th.date-picker-title { width:auto; height:auto; padding:0.4em 0; } /* The "mon tue wed etc" day header button styles */ div.datePicker table th.date-picker-day-header { text-transform:lowercase; width:3em; } div.datePicker table th.date-picker-day-header span { display:block; } /* The "todays date" style */ div.datePicker table td.date-picker-today { background:#fff url(grafik_admin/bullet2.gif) no-repeat 0 0; color:rgb(100,100,100) !important; } /* The "selected date" style */ div.datePicker table td.date-picker-selected-date { color:#333 !important; border-color:#333 !important; } /* the "highlight days" style */ td.date-picker-highlight { color:#a86666; } /* The date "out of range" style */ div.datePicker table td.out-of-range { color:#ccc !important; font-style:oblique; background:#fcfcfc !important; cursor:default !important; } /* The "disabled days" style */ div.datePicker table td.day-disabled { color:#aaa !important; background:transparent !important; cursor:default !important; } /* The "active cursor" style */ div.datePicker table tbody td.date-picker-hover { background:#fff url(grafik_admin/bg_header.jpg) no-repeat 0 0; cursor:pointer; border-color:rgb(100,130,170); color:rgb(100,130,170); } /* Quirksmode necessity? --------------------- If your HTML document renders in quirksmode (i.e. has no doctype declaration) then uncomment the following CSS rule to set a less drastic font-size in IE div.datePicker table th, div.datePicker table td { font-size:100%; } */ /* Remove the images for Internet Explorer <= v6 using the "* html" hack */ * html div.datePicker table td { background-image:none; } * html div.datePicker table td.date-picker-unused { background:#f2f2f2; }