/* white */ #page_bg { background: #fff; } div#wrapper { background: #f7f7f7 url(img/header/white/mw_shadow_l.png) 0 0 repeat-y; } div#wrapper_r { background: url(../img/header/white/mw_shadow_r.png) 100% 0 repeat-y; } div#header { background: url(../img/header/white/mw_header_t.png) 0 0 repeat-x; } div#header_l { background: url(../img/header/white/mw_header_t_l.png) 0 0 no-repeat; } div#header_r { background: url(../img/header/white/mw_header_t_r.png) 100% 0 no-repeat; } div#footer { background: #f7f7f7 url(../img/header/white/mw_footer_b.png) 0 100% repeat-x; } div#footer_l { background: url(../img/header/white/mw_footer_b_l.png) 0 0 no-repeat; } div#footer_r { background: url(../img/header/white/mw_footer_b_r.png) 100% 0 no-repeat; } /*****************************/ /*** Core html setup stuff ***/ /*****************************/ html { height: 100%; margin-bottom: 1px; } form { margin: 0; padding: 0; } body { font-family: Helvetica,Arial,sans-serif; line-height: 1.3em; margin: 0px 0px 0px 0px; font-size: 12px; color: #333; } a:link, a:visited { text-decoration: none; font-weight: normal; } a:hover { text-decoration: underline; font-weight: normal; } input.button { cursor: pointer; } p { margin-top: 0; margin-bottom: 5px; } img { border: 0 none; } /*****************************************/ /*** Template specific layout elements ***/ /*****************************************/ #page_bg { padding: 10px 0; margin-bottom: 1px; } div.center { text-align: center; } div#wrapper { margin-left: auto; margin-right: auto; } body.width_medium div#wrapper { width: 880px; } body.width_small div#wrapper { width: 880px; } body.width_fmax div#wrapper { /* min-width: 980px; */ /* max-width: 1100px; */ width: 880px; } div#header_l { position: relative; } div#header_r { height: 90px; padding-left:100px; padding-right: 30px; padding-top: 25px; overflow: hidden; text-align: left; } div#logo { position: absolute; left: 0; top: 0; float: left; width: 95%; height: 96px; background: url(../img/header/dls_logo.jpg) 0 0 no-repeat; margin-left: 17px; margin-top: 20px; } div#newsflash { width: auto; margin-left: 350px; margin-right: 30px; border: 1px solid #00f; } div#tabarea { background: #f7f7f7 url(../img/header/mw_header_b.png) 0 0 repeat-x; margin: 0 11px; } div#tabarea_l { background: url(../img/header/mw_header_l_b.png) 0 0 no-repeat; padding-left: 32px; } div#tabarea_r { height: 42px; background: url(../img/header/mw_header_r_b.png) 100% 0 no-repeat; padding-right: 1px; } div#footer_r { padding-top: 10px; height: 47px; overflow: hidden; } div#footer_r div { text-align: center; font-size: .90em; color: #aaa; } div#footer_r a:link, div#footer_r a:visited { color: #999; } div#footerspacer { height: 10px; } #pathway { padding: 0px 10px 8px; width: auto; margin-top: -2px; margin-right: 250px; text-align: left; } #search { float: right; width:320px; margin-top: -20px; margin-right: 30px; height: 40px; overflow: hidden; text-align:right; } form#searchForm input { vertical-align: middle; } form#searchForm table { border-collapse: collapse; } form#searchForm td { padding:0; } #mod_search_searchword { padding-left: 3px; } #area { padding: 0; } #whitebox { margin: 0 21px 0px 21px; background: #fff; width: auto; } #whitebox div { text-align: left; } #whitebox_t { background: #fff url(../img/header/mw_content_t.png) 0 0 repeat-x; } #whitebox_tl { background: url(../img/header/mw_content_t_l.png) 0 0 no-repeat; } #whitebox_tr { height: 10px; overflow: hidden; background: url(../img/header/mw_content_t_r.png) 100% 0 no-repeat; } #whitebox_m { border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: auto; padding: 1px 8px; } #whitebox_b { margin-top: -5px; background: url(../img/header/mw_content_b.png) 0 100% repeat-x; } #whitebox_bl { background: url(../img/header/mw_content_b_l.png) 0 100% no-repeat; } #whitebox_br { height: 13px; background: url(../img/header/mw_content_b_r.png) 100% 100% no-repeat; } /* horizontal pill menu */ table.pill { margin-left: auto; margin-right: auto; padding: 0; } td.pill_l { background: url(../img/header/mw_menu_cap_l.png) no-repeat; width: 20px; height: 32px; } td.pill_m { background: url(../img/header/mw_menu_normal_bg.png) repeat-x; padding: 0; margin: 0; width: auto; } td.pill_r { background: url(../img/header/mw_menu_cap_r.png) no-repeat; width: 19px; height: 32px; } #pillmenu { white-space: nowrap; height: 32px; float: left; } #pillmenu ul { margin: 0; padding: 0; list-style:none; } #pillmenu li { float: left; background: url(../img/header/mw_menu_separator.png) top right no-repeat; margin: 0; padding: 0; } #pillmenu a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; float:left; display:block; height: 24px; line-height: 24px; padding: 0 20px; color: #000; text-decoration: none; } #pillmenu li#current a { margin-top:0px; height: 24px; line-height: 24px; background-position: 0 0; } #leftcolumn { padding: 0; margin: 0; width: 20%; float:left; } #maincolumn, #maincolumn_full { margin-left: 20%; padding-left: 15px; width: 75%; } #maincolumn_full { margin-left: 0; padding: 0; width: 100%; } table.nopad { width: 100%; border-collapse: collapse; padding: 0; margin: 0; margin-bottom: 15px; } table.nopad td.middle_pad { width: 20px; } /*****************************************/ /*** Joomla! specific content elements ***/ /*****************************************/ div.offline { background: #fffebb; width: 100%; position: absolute; top: 0; left: 0; font-size: 1.2em; padding: 5px; } span.pathway { display: block; margin: 0 20px; height: 16px; line-height: 16px; overflow: hidden; } /* headers */ div.componentheading { padding-left: 0px; } h1 { padding: 0; font-family:Helvetica ,Arial,sans-serif; font-size: 1.3em; font-weight: bold; vertical-align: bottom; color: #666; text-align: left; width: 100%; } h2, .contentheading { padding: 0; font-family: Arial, Helvetica,sans-serif; font-size: 1.4em; font-weight: normal; vertical-align: bottom; color: #333; text-align: left; width: 100%; } table.contentpaneopen h3 { margin-top: 25px; } h4 { font-family: Arial, Helvetica, sans-serif; color: #333; } h3, .componentheading, table.moduletable th, legend { margin: 0; font-weight: bold; font-family: Helvetica,Arial,sans-serif; font-size: 1.5em; padding-left: 0px; margin-bottom: 10px; text-align: left; } /* small text */ .small { font-size: .90em; color: #999; font-weight: normal; text-align: left; } .modifydate { height: 20px; vertical-align: bottom; font-size: .90em; color: #999; font-weight: normal; text-align: left; } .createdate { height: 20px; vertical-align: top; font-size: .90em; color: #999; font-weight: normal; vertical-align: top; padding-bottom: 5px; padding-top: 0px; } a.readon { margin-top: 10px; display: block; float: left; background: url(../img/header/mw_readon.png) top right no-repeat; padding-right: 20px; line-height: 14px; height: 16px; } /* form validation */ .invalid { border-color: #ff0000; } label.invalid { color: #ff0000; } /** overlib **/ .ol-foreground { background-color: #f6f6f6; } .ol-background { background-color: #666; } .ol-textfont { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .ol-captionfont { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #f6f6f6; font-weight: bold; } .ol-captionfont a { color: #0B55C4; text-decoration: none; font-size: 12px; } .ol-closefont {} /* menu links */ a.mainlevel:link, a.mainlevel:visited { padding-left: 5px; } a.mainlevel:hover { } /* spacers */ span.article_separator { display: block; height: 20px; } .article_column { padding-right: 5px; } .column_separator { border-left: 1px dashed #e0e0e0; padding-left: 10px; } td.buttonheading { } td.buttonheading img { border:none; } .clr { clear: both; } td.greyline { width: 20px; background: url(../img/header/mw_line_grey.png) 50% 0 repeat-y; } div#maindivider { border-top: 1px solid #ddd; margin-bottom: 10px; overflow: hidden; height: 1px; } table.blog span.article_separator { display: block; height: 20px; } /* edit button */ .contentpaneopen_edit{ float: left; } /* table of contents */ table.contenttoc { margin: 5px; border: 1px solid #ccc; padding: 5px; float: right; } table.contenttoc td { padding: 0 5px; } /* content tables */ td.sectiontableheader { background: #efefef; color: #333; font-weight: bold; padding: 4px; border-right: 1px solid #fff; } tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px; } td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 3px; } /* content styles */ table.contentpaneopen, table.contentpane { margin: 0; padding: 0; width: auto; } table.contentpaneopen li { margin-bottom: 5px; } table.contentpaneopen fieldset { border: 0; border-top: 1px solid #ddd; } table.contentpaneopen h3 { margin-top: 25px; } table.contentpaneopen h4 { font-family: Arial, Helvetica, sans-serif; color: #333; } .highlight { background-color: #fffebb; } /* module control elements */ table.user1user2 div.moduletable { margin-bottom: 0px; } div.moduletable, div.module { margin-bottom: 25px; } div.module_menu h3 { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #eee; margin: -23px -4px 5px -5px; padding-left: 10px; padding-bottom: 2px; } div.module_menu { margin: 0; padding: 0; margin-bottom: 15px; } div.module_menu div div div { padding: 10px; padding-top: 30px; padding-bottom: 15px; width: auto; } div.module_menu div div div div { background: none; padding: 0; } div.module_menu ul { margin: 10px 0; padding-left: 20px; } div.module_menu ul li a:link, div.module_menu ul li a:visited { font-weight: bold; } #leftcolumn div.module { padding: 0 10px; } #leftcolumn div.module table { width: auto; } /* forms */ table.adminform textarea { width: 540px; height: 400px; font-size: 1em; color: #000099; } div.search input { width: 145px; border: 1px solid #ccc; margin: 15px 0 10px 0; } form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;} form#form-login ul { padding-left: 20px; } form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;} form#com-form-login ul { padding-left: 20px; } /* thumbnails */ div.mosimage { margin: 5px; } div.mosimage_caption { font-size: .90em; color: #666; } div.caption { padding: 0 10px 0 10px; } div.caption img { border: 1px solid #CCC; } div.caption p { font-size: .90em; color: #666; text-align: center; } /* Parameter Table */ table.paramlist { margin-top: 5px; } table.paramlist td.paramlist_key { width: 128px; text-align: left; height: 30px; } table.paramlist td.paramlist_value { } div.message { font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size : 14px; color : #c30; text-align: center; width: auto; background-color: #f9f9f9; border: solid 1px #d5d5d5; margin: 3px 0px 10px; padding: 3px 20px; } /* Banners module */ /* Default skyscraper style */ .bannergroup { } .banneritem img { display: block; margin-left: auto; margin-right: auto; } /* Text advert style */ .banneritem_text { padding: 4px; font-size: 11px; } .bannerfooter_text { padding: 4px; font-size: 11px; background-color: #F7F7F7; text-align: right; } /* System Messages */ /* see system general.css */ .pagination span { padding: 2px; } .pagination a { padding: 2px; } /* Polls */ .pollstableborder td { text-align: left; } /* WebLinks */ span.description { display:block; padding-left: 30px; } /* Frontend Editing*/ fieldset { border: 1px solid #ccc; margin-top: 15px; padding: 15px; } legend { margin: 0; padding: 0 10px; } td.key { border-bottom:1px solid #eee; color: #666; } /* Tooltips */ .tool-tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; } .tool-title { padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat; } .tool-text { font-size: 100%; margin: 0; } /* System Standard Messages */ #system-message { margin-bottom: 20px; } #system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;} /* System Error Messages */ #system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;} /* System Notice Messages */ #system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;} #syndicate{ float:left; padding-left: 25px; } #power_by{ float:right; padding-right: 25px; } /* Component Specific Fixes */ #component-contact table td { padding: 2px 0; } /* #################################### */ /* MAIN */ /* #################################### */ h1 { font:bold 18px Arial,Helvetica,sans-serif; text-align:left } h2 { font:bold 16px Arial,Helvetica,sans-serif; text-align:left } h3 { font:bold 14px Arial,Helvetica,sans-serif; text-align:left } p { font:12px Arial,Helvetica,sans-serif; text-align:left } td.heading { text-align:center; font-size:16px; width:531px; height:44px; background:url(../img/main/balken.gif) no-repeat; } /* #################################### */ /* MENU */ /* #################################### */ td.menu_spacer { font-size:2px; width:2px; background:#ffffff url(../img/menu/tc_spacer.jpg) repeat-x; } td.menu_bg { font-size:2px; background:#ffffff url(../img/menu/tc_03_spacer2.jpg) repeat-x; } a.passive_menu, a.passive_menu:visited { font:15px Arial, sans-serif; color:#333333; text-decoration:none; } a.active_menu { font:15px Arial, sans-serif; color:#ffffff; text-decoration:none; } a.active_menu:hover, a.passive_menu:hover { font:15px Arial, sans-serif; color:#900000; text-decoration:underline; } td.menu_header, td.menu_header a { font-family:Verdana,sans-serif; font-weight:bold; font-size:13px; text-align:left; text-transform:uppercase; background-color:#b0c0c5; width:137px; height:25px; padding-left:10px; } td.menu_header a { font-family:Verdana,sans-serif; font-weight:bold; font-size:13px; text-align:left; text-transform:uppercase; background-color:#b0c0c5; padding-left:0px; color:#333333; } /* #################################### */ /* SUBMENU */ /* #################################### */ table.sidebar { border-top: 2px solid #c0d0d5; border-left: 2px solid #c0d0d5; border-bottom: 2px solid #a0b0b5; border-right: 2px solid #a0b0b5; table-layout:fixed; width:143px; text-align:left; } td.passive_menu { background-color:#dfdfdf; width:137px; height:29px; border-top:#ffffff 1px solid; padding-left:20px; } td.active_menu { background-color:#902020; width:137px; height:29px; border-top:#ffffff 1px solid; padding-left:20px; } /* #################################### */ /* GALLERY / BUY NOW / ETC */ /* #################################### */ td.gallery { font:bold 10px Arial, sans-serif; background-color:#dfdfdf; width:137px; padding-top:5px; padding-left:5px; padding-right:2px; padding-bottom:5px; border-left:0px; border-right:0px; } /* Gallery */ #gallery div { margin: 10px; height: 200px; width: 170px; float: left; text-align: center; vertical-align: middle; } /* #################################### */ /* LICENSE */ /* #################################### */ td.license { font:bold 12px Arial, sans-serif; padding-right: 6px; } td.license1 { font:bold 12px Arial, sans-serif; width:240px; height:35px; padding-top:15px; padding-left:4px; padding-right:4px; padding-bottom:15px; } td.license2 { font:bold 10px Arial, sans-serif; width:65px; height:35px; padding-top:1px; padding-left:4px; padding-right:4px; padding-bottom:1px; background:#ffffff url(../img/user/licensetable.png) repeat-y left; } td.license3 { font:bold 10px Arial, sans-serif; height:35px; padding-top:1px; padding-left:4px; padding-right:4px; padding-bottom:1px; background:#ffffff url(../img/facts/licensetable.png) repeat-y left; } td.license2_head { font:bold 10px Arial, sans-serif; width:65px; height:35px; padding-top:1px; padding-left:4px; padding-right:4px; padding-bottom:1px; } td.prices_head { font:bold 12px Arial, sans-serif; height:23px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; background:#ffffff url(../img/facts/pricestablehead.png) repeat-x top; } td.prices { font:12px Arial, sans-serif; height:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } td.prices_bottom { font:12px Arial, sans-serif; height:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; background:#ffffff url(../img/facts/pricestablebottom.png) repeat-x top; } td.prices_tax { font:10px Arial, sans-serif; height:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } td.license_left { font:bold 12px Arial, sans-serif; width:130px; height:40px; padding-right: 6px; text-align: right; } td.license_top_left { font:bold 12px Arial, sans-serif; width:130px; padding-right: 6px; text-align: right; } td.price_left { font:bold 12px Arial, sans-serif; width:130px; padding-right: 6px; text-align: right; } td.free_row { height: 30px; } td.license_head { font-size:12px; width:531px; height:44px; background:url(../img/main/balken.gif) no-repeat; } td.license_top { font:bold 12px Arial, sans-serif; padding-top: 8px; padding-bottom: 4px; text-align: center; width: 100px; } /* #################################### */ /* NEWS */ /* #################################### */ table.news { font-size:12px; width:531px; } td.news_info { font-size:12px; width:531px; height:44px; background:url(../img/main/balken.gif) no-repeat; } td.news_top { font-size:2px; height:20px; background:url(../img/news/main_head.gif) repeat-x; } td.news_headline { font:bold 12px Arial, sans-serif; height:20px; background-color:#f5f5f5; padding:5px; } td.news_main { font:12px Verdana, sans-serif; background-color:#f5f5f5; padding:5px; } td.news_bild { font-size:2px; width:79px; background-color:#f5f5f5; } td.news_author { font:bold 11px Verdana, sans-serif; color:#618492; width:79px; background-color:#f5f5f5; } td.news_bottom { font-size:2px; height:20px; background:url(../img/news/main_down.gif) repeat-x; } td.news_bottom_fade { font-size:2px; width:79px; height:20px; background:url(../img/news/main_down_rechts.gif) no-repeat; } font.news_menu_date { margin-left:0px; margin-right:0px; font:10px Arial, sans-serif; color:#000000; } a.news_menu, a.news_menu:visited, a.news_menu:active { margin-left:0px; margin-right:0px; font:12px Arial, sans-serif; color:#900000; } a.news_menu:hover { margin-left:0px; font:12px Arial, sans-serif; color:#000000; } /* #################################### */ /* DOWNLOAD */ /* #################################### */ td.download_top { font:1px Arial, sans-serif; width:586px; height:9px; background:url(../img/download/head.gif) no-repeat; } td.download_info { font:bold 12px Arial, sans-serif; width:586px; height:42px; background:url(../img/download/info.gif) no-repeat; } td.download_space { font:12px Arial, sans-serif; width:586px; height:50px; background:url(../img/download/space.gif) repeat-y; } td.download_bottom { font:1px Arial, sans-serif; width:586px; height:45px; background:url(../img/download/down.gif) repeat-y; } table.download_content { font:12px Arial, sans-serif; width:510px; } td.download { font:12px Arial, sans-serif; } a.download, a.download:visited, a.download:active { font:bold 12px Arial, sans-serif; color:#000000; } a.download:hover { font:bold 12px Arial, sans-serif; color:#000000; text-decoration: none; } font.download { font:bold 12px Arial, sans-serif; color:#000000; } font.bigred { font:bold 14px Arial, sans-serif; color:#ff0000; }