/* * YOOtheme CSS file * * @author yootheme.com * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * Browser Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } fieldset, img { border: 0; } a:focus { outline: none; } html { height: 100%; margin-bottom: 1px; } /* * New standard values */ /* paragraph */ p { margin: 1em 0; } /* lists */ ul, ol, dl { margin: 1em 0; padding-left: 30px } dl { margin: 1em 0; } dd { padding-left: 40px; } /* tables */ td, th { padding: 1px; } /* forms */ fieldset { border: 1px solid #c8c8c8; } legend { background: #ffffff; } textarea, input[type='text'], input[type='password'], select { border: 1px solid #c8c8c8; background: #ffffff; } textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaaaaa; } textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #8c8c8c; outline: 2px solid #dcdcdc; } input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; } input[type='hidden'] { display: none; } fieldset { padding: 0 1em 1em 1em; } legend { padding: 0 .8em 0 .8em; } textarea, input[type='text'], input[type='password'] { padding: .1em 0 .1em .4em; } option { padding: 0 .4em .1em .4em; } form div { margin: .8em 0 .8em 0; } button, input[type='button'] { padding: .2em .3em .2em .1em; line-height: 100%; } /* links */ a:link, a:visited { text-decoration: none; } a:hover { text-decoration: underline; } /* headings */ h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 5px; line-height: 100%; } h1 { font-size: 200%; } h2 { font-size: 175%; } h3 { font-size: 150%; } h4 { font-size: 125%; } h5 { font-size: 110%; } h6 { font-size: 100%; } /* horizontal rule */ hr { margin: .5em 0 .5em 0; display: block; background: #c8c8c8; color: #c8c8c8; height: 1px; border: none; } /* blockquotes, cites */ blockquote { margin: 1em 0 1em 1.5em; padding: .5em 0 .5em 0; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; font-style: italic; font-size: 120% } /* preformatted text elements */ pre { margin: 1em 0px 1em 0px; padding: .5em 0 .5em 1em; border: 1px dotted #aab4be; border-left: 20px solid #b4b4b4; background: #f4f5f6; font-size: 90%; /* Browser specific (not valid) styles to make preformatted text wrap */ /* white-space: pre-wrap; /* css-3 */ /* white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ } /* acronym */ acronym, abbr { border-bottom: 1px dashed #969696; cursor: help; } /* * black styling * remove comments for dark colored templates */ /* fieldset { border: 1px solid #323232; } legend { background: #141414; } textarea, input[type='text'], input[type='password'], select { border: 1px solid #323232; background: #141414; color: #646464; } textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #464646; } textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #646464; outline: 2px solid #282828; } hr { background: #323232; color: #323232; } blockquote { border-top: 1px solid #323232; border-bottom: 1px solid #323232; } pre { border: 1px dotted #3c3c50; border-left: 20px solid #323232; background: #232328; } acronym, abbr { border-bottom: 1px dashed #969696; } */ /* * YOOtheme CSS file * * @author yootheme.com * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * Page */ .progressivo { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #06C; width: 50px; height: 50px; border: 1px solid #06C; text-align:center; font-weight:bold; } .datablog { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #06C; width: 50px; height: 50px; font-weight:bold; } .tabellaordinanze { width:100%; } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%; color: #646464; } body.data { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #06C; font-weight:bold; } body.yoopage { padding-bottom: 100px; background: #AAAFB4; } /* set body font size (styleswitcher) */ body.font-small { font-size: 11px; } body.font-medium { font-size: 12px; } body.font-large { font-size: 13px; } /* center page */ div.wrapper { margin: auto; } /* * Layout */ div#absolute { position: absolute; z-index: 15; top: 0px; left: 0px; width: 100%; } div#page-body { background: #E6E9EB url(../../images/page_t.png) 0 0 repeat-x; } div#page-body div.page-body-img { background: none; } div#page-body div.page-body-b { background: url(../../images/page_b.png) 0 100% repeat-x; } div#header { width: auto; padding: 0px 0px 0px 0px; position: relative; z-index: 10; clear: both; } div#toolbar { width: auto; height: 24px; padding: 1px 140px 0px 10px; clear: both; background: url(../../images/toolbar_bg.png) 0 0 repeat-x; color: #C8C8C8; overflow: hidden; } div#date { margin: 3px 10px 0px 0px; float: left; font-size: 85%; } div#topmenu { margin: 3px 10px 0px 0px; float: left; } div#styleswitcher { height: 20px; margin: 1px 0px 0px 20px; float: right; } div#styleswitcher a { width: 15px; height: 20px; float: right; text-decoration: none; display: block; } a#switchfontsmall { background: url(../../images/styleswitcher_fontsmall.png) 0 0 no-repeat; } a:hover#switchfontsmall { background: url(../../images/styleswitcher_fontsmall.png) 0 -20px no-repeat; } a#switchfontmedium { background: url(../../images/styleswitcher_fontmedium.png) 0 0 no-repeat; } a:hover#switchfontmedium { background: url(../../images/styleswitcher_fontmedium.png) 0 -20px no-repeat; } a#switchfontlarge { background: url(../../images/styleswitcher_fontlarge.png) 0 0 no-repeat; } a:hover#switchfontlarge { background: url(../../images/styleswitcher_fontlarge.png) 0 -20px no-repeat; } a#switchwidththin { background: url(../../images/styleswitcher_widththin.png) 0 0 no-repeat; } a:hover#switchwidththin { background: url(../../images/styleswitcher_widththin.png) 0 -20px no-repeat; } a#switchwidthwide { background: url(../../images/styleswitcher_widthwide.png) 0 0 no-repeat; } a:hover#switchwidthwide { background: url(../../images/styleswitcher_widthwide.png) 0 -20px no-repeat; } a#switchwidthfluid { background: url(../../images/styleswitcher_widthfluid.png) 0 0 no-repeat; } a:hover#switchwidthfluid { background: url(../../images/styleswitcher_widthfluid.png) 0 -20px no-repeat; } /* >>>>>>HEADER E MENU<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ div#headerbar { width: auto; height: 150px; padding: 10px 20px 10px 200px; clear: both; background: #000000 url(../../images/header.jpg) 0 100% repeat-x; color: #969696; overflow: hidden; } div#menubar { width: auto; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 40px; clear: both; position: relative; } div#menubar div.menubar-m { height: 40px; background: url(../../images/menubar_m.png) 0 0 repeat-x; } div#menubar div.menubar-l { position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; background: url(../../images/menubar_l.png) 0 0 no-repeat; /* ie6png:scale */ } div#menubar div.menubar-r { position: absolute; top: 0px; right: 0px; width: 10px; height: 40px; background: url(../../images/menubar_r.png) 0 0 no-repeat; /* ie6png:scale */ } div#menu { position: absolute; top: 195px; left: 40px; z-index: 11; padding: 0px 0px 0px 1px; height: 40px; background: url(../../images/menu_sep_black.png) 0 0 no-repeat; } div#logo { position: absolute; top: 25px; left: 0px; } /* >>>>>>FINE HEADER E MENU<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ div#search { position: absolute; top: 2px; right: 5px; z-index: 12; width: 120px; } div#banner { position: absolute; top: 25px; right: -10px; width: 0px; z-index: 3; } div#wrapper { width: auto; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; } div#wrapper div.wrapper-container-t { padding: 0px 10px 0px 10px; position: relative; } div#wrapper div.wrapper-t { height: 10px; background: url(../../images/wrapper_t.png) 0 0 repeat-x; /* ie6png:scale */ } div#wrapper div.wrapper-tl { position: absolute; top: 0px; left: 0px; width: 10px; height: 10px; background: url(../../images/wrapper_tl.png) 0 0 no-repeat; /* ie6png:scale */ } div#wrapper div.wrapper-tr { position: absolute; top: 0px; right: 0px; width: 10px; height: 10px; background: url(../../images/wrapper_tr.png) 0 0 no-repeat; /* ie6png:scale */ } div#wrapper div.wrapper-b { background: #ffffff url(../../images/wrapper_b.png) 0 100% repeat-x; } div#wrapper div.wrapper-l { background: url(../../images/wrapper_l.png) 0 0 repeat-y; } div#wrapper div.wrapper-r { background: url(../../images/wrapper_r.png) 100% 0 repeat-y; } div#wrapper div.wrapper-bl { background: url(../../images/wrapper_bl.png) 0 100% no-repeat; } div#wrapper div.wrapper-br { padding: 0px 10px 100px 10px; background: url(../../images/wrapper_br.png) 100% 100% no-repeat; overflow: hidden; } div#wrapper div.wrapper-container { margin-top: -10px; } div#top { width: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; } div#top .topbox { margin-top: 10px; } div#middle { width: auto; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; clear: both; } div#middle .background { min-height: 400px; } div#middle .background { padding: 0px 0px 0px 0px; background: none; } .left div#middle .background { padding: 0px 0px 0px 0px; background: none; } .right div#middle .background { padding: 0px 0px 0px 0px; background: none; } div#left { width: 200px; } .left div#middle div#left { float: left; } .right div#middle div#left { float: right; } div#main { width: auto; } div#main { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .left div#main { margin: 0px 0px 0px 210px; } .right div#main { margin: 0px 210px 0px 0px; } div#maintop { padding: 0px 0px 10px 0px; } div#mainmiddle { margin: 0px 0px 10px 0px; } .showright div#mainmiddle { background: none; } div#right { width: 180px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right; } div#content { width: auto; } div#content { margin: 0px 0px 0px 0px; } .showright div#content { margin: 0px 190px 0px 0px; } div#contenttop { margin: 0px 0px 10px 0px; } div#breadcrumb { height: 19px; font-size: 85%; } div#contentbottom { margin: 10px 0px 0px 0px; } div#mainbottom { padding: 0px 0px 0px 0px; } div#bottom { width: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; } div#bottom .bottomblock { margin-top: 10px; margin-bottom: -10px; } div#footer { width: auto; margin: 10px -8px 0px -8px; padding: 18px 10px 2px 10px; clear: both; background: #DCDFE1 url(../../images/footer_bg.png) 0 0 repeat-x; text-align: center; } div#footer a.anchor { margin: -10px 0px 0px 0px; width: 30px; height: 5px; background: url(../../images/footer_anchor.png) 0 0 no-repeat; display: block; float: right; text-decoration: none; } /* * Clearing & Floating */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; } .floatbox { overflow:hidden; } .float-left { float: left; overflow: hidden; } .float-right { float: right; overflow: hidden; } .width15 { width: 14.999%; } .width18 { width: 18.333%; } .width20 { width: 19.999%; } .width23 { width: 22.999%; } .width25 { width: 24.999%; } .width33 { width: 33.333%; } .width35 { width: 34.999%; } .width40 { width: 39.999%; } .width45 { width: 44.999%; } .width50 { width: 49.999%; } .width54 { width: 53.999%; } .width65 { width: 64.999%; } .width75 { width: 74.999%; } .width100 { width: 100%; } div#tablehome { width:auto; } div#tablehomecel1 { padding-left:10px; padding-right:10px; float:left; width:50%; background-image:url(../../images/dotcel.gif); background-repeat:repeat-y; background-position: right; vertical-align:top; } div#tablehomecel2 { padding-left:10px; padding-right:10px; float:left; width:40%; vertical-align:top; } div#tablehomecel3 { padding-left:10px; padding-right:10px; float:left; vertical-align:top; } div#tablehomenews { padding-top:10px; padding-bottom:10px; margin-top: 20px; float:left; width:98%; background-color:#F2F2F2; } div#tablehomecelnews1 { padding-left:10px; padding-right:10px; padding-top: 5px; float:left; width:30%; background-image:url(../../images/dotcel.gif); background-repeat:repeat-y; background-position: right; } div#tablehomecelnews2 { padding-left:10px; padding-right:10px; padding-top: 5px; float:left; width:30%; } div#tablehomecelnews3 { padding-left:10px; padding-right:10px; padding-top: 5px; float:left; width:30%; background-repeat: no-repeat; background-position: 10px 5px; } .fontitolohome{ font-family: Georgia, "Times New Roman", Times, serif; font-size:130%; font-weight: bold; color: #B26740; } body.width-thin div.wrapper { width: 790px; } body.width-wide div.wrapper { width: 960px; } body.width-fluid div.wrapper { width: 90%; } div#styleswitcher { width: 45px; } /* * YOOtheme CSS file * * @author yootheme.com * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * links */ a:link, a:visited { color: #aa1428; } a:hover { color: #ff0000; } body.green a:link, body.green a:visited { color: #5a8c00; } body.green a:hover { color: #73c800; } body.pink a:link, body.pink a:visited { color: #aa2dd2; } body.pink a:hover { color: #fa4bff; } body.orange a:link, body.orange a:visited { color: #ff3200; } body.orange a:hover { color: #ff6400; } body.blue a:link, body.blue a:visited { color: #1e87c8; } body.blue a:hover { color: #00afff; } a.external { padding-left: 13px; background: url(../../images/link_external.png) 0 40% no-repeat; } /* * highlighted emphasis */ em.box, em.file, em.directory { font-family: "Courier New", Courier, monospace; font-style: normal; } em.box { padding: 0px 2px 0px 2px; background:#f4f5f6; border: 1px dotted #aab4be; } em.file { padding: 0px 0px 0px 13px; background: transparent url(../../images/em_file.png) 0 1px no-repeat; color: #000000; } em.directory { padding: 0px 0px 0px 16px; background: transparent url(../../images/em_directory.png) 0 1px no-repeat; color: #000000; } /* * unsorted lists */ ul.arrow, ul.arrow-big, ul.checkbox, ul.checkbox-big, ul.check, ul.check-big, ul.star, ul.star-big, ul.plus, ul.plus-big { margin: 10px 10px 10px 20px; padding: 0px 0px 0px 0px; list-style: none; } ul.arrow li, ul.checkbox li, ul.check li, ul.star li, ul.plus li { margin: 10px 0px 10px 0px; padding: 7px 0px 6px 35px; font-weight: bold; line-height: 100% } ul.arrow-big li, ul.checkbox-big li, ul.check-big li, ul.star-big li, ul.plus-big li { margin: 15px 0px 15px 0px; padding: 15px 0px 15px 60px; font-size: 200%; font-weight: bold; } ul.arrow li { background: url(../../images/list_arrow.png) 0 0 no-repeat; } ul.arrow-big li { background: url(../../images/list_arrow_big.png) 0 0 no-repeat; } ul.checkbox li { background: url(../../images/list_checkbox.png) 0 0 no-repeat; } ul.checkbox-big li { background: url(../../images/list_checkbox_big.png) 0 0 no-repeat; } ul.check li { background: url(../../images/list_check.png) 0 0 no-repeat; } ul.check-big li { background: url(../../images/list_check_big.png) 0 0 no-repeat; } ul.star li { background: url(../../images/list_star.png) 0 0 no-repeat; } ul.star-big li { background: url(../../images/list_star_big.png) 0 0 no-repeat; } ul.plus li { background: url(../../images/list_plus.png) 0 0 no-repeat; } ul.plus-big li { background: url(../../images/list_plus_big.png) 0 0 no-repeat; } /* * ordered lists */ ol.disc, ol.disc-big { margin: 10px 10px 10px 20px; padding: 0px 0px 0px 15px; } ol.disc { padding: 0px 0px 0px 27px; background: url(../../images/list_disc.png) 0 0 repeat-y; } ol.disc li { margin: 0px 0px 0px 0px; padding: 0px 0px 6px 12px; font-weight: bold; line-height: 28px; } ol.disc-big { padding: 0px 0px 0px 45px; font-size: 200%; background: url(../../images/list_disc_big.png) 0 0 repeat-y; } ol.disc-big li { margin: 0px 0px 0px 0px; padding: 0px 0px 12px 20px; font-weight: bold; line-height: 45px; } /* * highlighted div and span boxes */ span.note, span.info, span.alert, span.download, span.tip { display: block; } div.note, span.note { margin: 10px 0px 10px 0px; padding: 5px 10px 5px 10px; background: #f4f5f6; border-top: 1px dotted #aab4be; border-bottom: 1px dotted #aab4be; text-align:justify; } div.info, span.info, div.alert, span.alert, div.download, span.download, div.tip, span.tip { margin: 10px 0px 10px 0px; padding: 7px 10px 7px 35px; } div.info, span.info { background: #f4f5f6 url(../../images/div_info.png) 3px 3px no-repeat; border-top: 1px dotted #aab4be; border-bottom: 1px dotted #aab4be; } div.alert, span.alert { background: #fff5eb url(../../images/div_alert.png) 3px 3px no-repeat; border-top: 1px dotted #ffb4a0; border-bottom: 1px dotted #ffb4a0; } div.download, span.download { background: #f5faeb url(../../images/div_download.png) 3px 3px no-repeat; border-top: 1px dotted #78be5a; border-bottom: 1px dotted #78be5a; } div.tip, span.tip { background: #fffdeb url(../../images/div_tip.png) 3px 3px no-repeat; border-top: 1px dotted #ffc864; border-bottom: 1px dotted #ffc864; } /* * highlighted quotations */ blockquote.quotation { margin: 10px 0px 10px 0px; padding: 10px 35px 10px 35px; border: none; background: url(../../images/blockquote_start.png) 0 0 no-repeat; text-align:justify; } blockquote.quotation p { margin: 0px -35px -10px 0px; padding: 0px 35px 10px 0px; background: url(../../images/blockquote_end.png) 100% 100% no-repeat; } blockquote.quotation-big { margin: 10px 0px 10px 0px; padding: 50px 50px 50px 50px; border: none; background: url(../../images/blockquote_big_start.png) 0 0 no-repeat; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 300%; text-transform: uppercase; font-weight: bold; line-height: 100%; text-align: left; } blockquote.quotation-big p { margin: 0px -50px -50px 0px; padding: 0px 30px 50px 0px; background: url(../../images/blockquote_big_end.png) 100% 100% no-repeat; } /* * headings */ h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; } h1 { font-weight: normal; color: #AC5C32; } h2 { color: #AC5C32; } h3 { color: #AC5C32; } h4 { font-weight: normal; color: #AC5C32; } h5 { color: #AC5C32; } h6 { color: #AC5C32; } body.green h1, body.green h4, body.green h6 { color: #739141; } body.pink h1, body.pink h4, body.pink h6 { color: #c83cbe; } body.orange h1, body.orange h4, body.orange h6 { color: #f06400; } body.blue h1, body.blue h4, body.blue h6 { color: #5591d7; } /* * YOOtheme CSS file * * @author yootheme.com * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * topmenu */ div#topmenu ul { margin: 0px; padding: 0px; list-style: none; float: left; } div#topmenu li { margin: 0px; padding: 0px; float: left; display: block; } div#topmenu li a { height: 20px; padding: 0px 10px 0px 10px; background: url(../../images/topmenu_item_bg.png) 0 4px no-repeat; float: left; display: block; position: relative; line-height: 17px; overflow: hidden; font-size: 85%; text-decoration: none; } div#topmenu li.item1 a { padding: 0px 10px 0px 0px; background: none; } div#topmenu a:link, div#topmenu a:visited { color: #C8C8C8; } div#topmenu a:hover { color: #ffffff; } /* * menu */ div#menu ul { margin: 0px; padding: 0px; list-style: none; float: left; } div#menu li { position: relative; margin: 0px; padding: 0px; display: block; float: left; z-index: 5; } div#menu li a, #menu li span.separator { height: 40px; display: block; float: left; line-height: 32px; text-decoration: none; color: #646464; } div#menu li span { display: block; } div#menu li span { background-repeat: no-repeat; background-position: 95% 0px; } div#menu li a.current { color: #0E3E5B; } div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover { color: #000000; } div#menu li.active { font-weight: bold; } div#menu li.active ul { font-weight: normal; } div#menu li.parent span.separator { cursor: pointer; } div#menu li.fancy { position: absolute; top: 0px; visibility: hidden; z-index: 4; overflow: hidden; background: none; } div#menu li.fancy div { background: none; } div#menu li.fancy div div { height: 39px; background: url(../../images/menu_level1_item_hover.png) 0 0 repeat-x; } div#menu ul.menu { padding-right: 1px; background: url(../../images/menu_sep_white.png) 100% 0 no-repeat; } div#menu li.level1 { background: url(../../images/menu_sep_white.png) 0 0 no-repeat; } div#menu a.level1, div#menu span.level1 { background: url(../../images/menu_sep_black.png) 100% 0 no-repeat; color: #464646; font-size: 110%; line-height: 350%; } div#menu a.level1 span, div#menu span.level1 span { padding: 0px 20px 0px 20px; } div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 { color: #000000; } div#menu li.active a.level1, div#menu li.active span.level1 { color: #005B9C; font-weight: normal; } div#menu a.level1 span.title, div#menu span.level1 span.title{ padding: 0px; line-height: 200%; } div#menu a.level1 span.sub, div#menu span.level1 span.sub { padding: 0px; font-size: 60%; font-weight: normal; color: #969696; margin-top: -6px; line-height: 10px; } div#menu li:hover a.level1 span.sub, div#menu li:hover span.level1 span.sub, div#menu li.sfhover a.level1 span.sub, div#menu li.sfhover span.level1 span.sub { color: #ffffff; } div#menu ul.menu ul { position: absolute; top: 40px; left: -999em; width: 225px; padding: 0px 0px 10px 0px; background: url(../../images/menu_dropdown_bg.png) 0 100% no-repeat; } div#menu li:hover ul, div#menu li.sfhover ul { left: 0px; z-index: 100; } div#menu li.level1 li { width: 100%; text-indent: 15px; } div#menu li.level1 li a, div#menu li.level1 li span.separator{ height: 25px; padding: 0px; margin: 0px 1px 0px 1px;; background: #ebeced url(../../images/menu_level2_item.png) 100% 0 no-repeat; float: none; display: block; line-height: 25px; } div#menu li.level2 a.parent, div#menu li li.level2 span.parent { background: #ebeced url(../../images/menu_level2_item_parent.png) 100% 0 no-repeat; } div#menu li ul ul { margin: -41px 0 0 164px; } div#menu li:hover ul ul, div#menu li.sfhover ul ul { border-top: 1px solid #c8c8c8; } div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul { left: -999em; } div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { left: 0; z-index: 100; } /* * sub menu */ div#middle div.mod-menu div.module ul, div#middle div.mod-menu div.module ul { margin: 0px; padding: 0px; overflow: hidden; list-style: none; background: #ebeced; } div#middle ul.menu li { margin: 0px; padding: 0px; display: block; } div#middle ul.menu a, div#middle ul.menu span.separator { height: 25px; display: block; line-height: 25px; text-decoration: none; color: #646464; } div#middle ul.menu li span { display: block; } div#middle ul.menu li span { background-repeat: no-repeat; background-position: 95% 0px; } div#middle ul.menu a.current, div#middle ul.menu a.current:hover { color: #aa1428; } div#middle ul.menu a:hover, div#middle ul.menu span.separator:hover, div#middle ul.menu span.sfhover { color: #000000; } div#middle ul.menu li.active { font-weight: bold; } div#middle ul.menu li.active li { font-weight: normal; } div#middle ul.menu li.parent span.separator { cursor: pointer; } div#middle ul.menu li.level1 { } div#middle ul.menu a.level1, div#middle ul.menu span.level1 { background: #ebeced url(../../images/submenu_level1_item.png) 100% 0 no-repeat; text-indent: 15px; } div#middle ul.menu li.parent a.level1, div#middle ul.menu li.parent span.level1 { background: #ebeced url(../../images/submenu_level1_item_parent.png) 100% 0 no-repeat; } div#middle ul.menu li.level2 { } div#middle ul.menu li.level2 a { height: 20px; line-height: 20px; } div#middle ul.menu a.level2 { background: #ebeced url(../../images/submenu_level2_item.png) 100% 0 no-repeat; text-indent: 35px; } div#middle ul.menu a.level2 span { background: url(../../images/submenu_level2_item_icon.png) 15px 2px no-repeat; } div#middle ul.menu li.level3 { } div#middle ul.menu a.level3 { background: #ebeced; text-indent: 45px; } div#middle ul.menu a.level3 span { background: url(../../images/submenu_level3_item_icon.png) 25px 2px no-repeat; } div#middle ul.menu li.level4 { } div#middle ul.menu a.level4 { background: #ebeced; text-indent: 55px; } div#middle ul.menu a.level4 span { background: url(../../images/submenu_level4_item_icon.png) 35px 2px no-repeat; } /* * YOOtheme CSS file * * @author yootheme.com * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * module headers */ /* reset header for all modules */ div.module h3.module { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 120%; color: #323232; font-weight: normal; } /* header span's */ div.module span.module-2, div.module span.module-3 { display: block; } /* * space for adjoining modules */ .separator div.module { margin: 0px 10px 0px 0px; } #left div.module, #right div.module { margin: 0px 0px 10px 0px; } #top .topblock div.module { margin: 10px 0px 0px 0px; } #bottom .bottomblock div.module { margin: 0px 0px 10px 0px; } /* * styling for special positions */ div#toolbar div.module { margin-left: 20px; float: right; } div#headerbar div.module { margin-left: 20px; height: 65px; float: right; line-height: 125%; } div#headerbar h3 { font-size: 100%; font-weight: bold; color: #C8C8C8; } /* * module: blank */ div.mod-blank div.module { overflow: hidden; } div.mod-blank h3.module { height: 20px; line-height: 20px; } /* * module: default */ div.mod-default div.module { background: url(../../images/module_default_br.png) 100% 100% no-repeat; position: relative; } div.mod-default div.module-2 { background: url(../../images/module_default_tr.png) 100% 0 no-repeat; } div.mod-default div.module-3 { background: url(../../images/module_default_bl.png) 0 100% no-repeat; } div.mod-default div.module-4 { min-height: 60px; padding: 10px 15px 10px 15px; background: url(../../images/module_default_tl.png) 0 0 no-repeat; overflow: hidden; } div.mod-default h3.module { margin: -10px -15px 5px -15px; background: url(../../images/module_default_header_m.png) 0 100% repeat-x; line-height: 30px; } div.mod-default span.module-2 { background: url(../../images/module_default_header_l.png) 0 100% no-repeat; color: #0E3E5B; } div.mod-default span.module-3 { padding: 0px 0px 0px 15px; height: 30px; background: url(../../images/module_default_header_r.png) 100% 100% no-repeat; } div.mod-default h3.module span.color { color: #0E3E5B; } /* default with badge new */ div.mod-default div.badge-new { position: absolute; top: 0px; right: 0px; width: 39px; height: 39px; background: url(../../images/module_default_badge_new.png) 0 0 no-repeat; /* ie6png:scale */ } /* default with badge top */ div.mod-default div.badge-top { position: absolute; top: 0px; right: 0px; width: 39px; height: 39px; background: url(../../images/module_default_badge_top.png) 0 0 no-repeat; /* ie6png:scale */ } /* default with badge pick */ div.mod-default div.badge-pick { position: absolute; top: 0px; right: 0px; width: 39px; height: 39px; background: url(../../images/module_default_badge_pick.png) 0 0 no-repeat; /* ie6png:scale */ } /* grey */ div.mod-default div.grey { background: url(../../images/module_grey_br.png) 100% 100% no-repeat; } div.mod-default div.grey div.module-2 { background: url(../../images/module_grey_tr.png) 100% 0 no-repeat; } div.mod-default div.grey div.module-3 { background: url(../../images/module_grey_bl.png) 0 100% no-repeat; } div.mod-default div.grey div.module-4 { background: url(../../images/module_grey_tl.png) 0 0 no-repeat; min-height: 0px; } /* menu */ div.mod-menu div.module-4 { padding: 10px 1px 10px 1px; } div.mod-menu h3.module { margin: -10px -1px 0px -1px; } /* * module: black */ div.mod-black div.module { background: url(../../images/module_black_br.png) 100% 100% no-repeat; position: relative; } div.mod-black div.module-2 { background: url(../../images/module_black_tr.png) 100% 0 no-repeat; } div.mod-black div.module-3 { background: url(../../images/module_black_bl.png) 0 100% no-repeat; } div.mod-black div.module-4 { min-height: 70px; padding: 10px 15px 10px 15px; background: url(../../images/module_black_tl.png) 0 0 no-repeat; overflow: hidden; color: #969696; } div.mod-black div.module-5 { padding-bottom: 5px; } div.mod-black h3.module { margin: -10px -15px 5px -15px; background: url(../../images/module_black_header_m.png) 0 100% repeat-x; line-height: 30px; } div.mod-black span.module-2 { background: url(../../images/module_black_header_l.png) 0 100% no-repeat; } div.mod-black span.module-3 { padding: 0px 0px 0px 15px; height: 30px; background: url(../../images/module_black_header_r.png) 100% 100% no-repeat; } div.mod-black h3.module span.color { color: #646464; } /* * module: color */ /* orange */ div.mod-color div.module { background: url(../../images/module_orange_br.png) 100% 100% no-repeat; position: relative; } div.mod-color div.module-2 { background: url(../../images/module_orange_tr.png) 100% 0 no-repeat; } div.mod-color div.module-3 { background: url(../../images/module_orange_bl.png) 0 100% no-repeat; } div.mod-color div.module-4 { min-height: 60px; padding: 10px 15px 10px 15px; background: url(../../images/module_orange_tl.png) 0 0 no-repeat; overflow: hidden; color: #ffffff; } div.mod-color h3.module { margin: -10px -15px 5px -15px; padding: 0px 10px 0px 10px; text-indent: 5px; line-height: 30px; font-weight: bold; color: #ffffff; } div.mod-color span.module-2 { height: 30px; background: url(../../images/module_color_header.png) 0 100% repeat-x; /* ie6png:scale */ } div.mod-color h3.module span.color { color: #ffffff; } /* blue */ div.mod-color div.blue { background: url(../../images/module_blue_br.png) 100% 100% no-repeat; } div.mod-color div.blue div.module-2 { background: url(../../images/module_blue_tr.png) 100% 0 no-repeat; } div.mod-color div.blue div.module-3 { background: url(../../images/module_blue_bl.png) 0 100% no-repeat; } div.mod-color div.blue div.module-4 { background: url(../../images/module_blue_tl.png) 0 0 no-repeat; } /* green */ div.mod-color div.green { background: url(../../images/module_green_br.png) 100% 100% no-repeat; } div.mod-color div.green div.module-2 { background: url(../../images/module_green_tr.png) 100% 0 no-repeat; } div.mod-color div.green div.module-3 { background: url(../../images/module_green_bl.png) 0 100% no-repeat; } div.mod-color div.green div.module-4 { background: url(../../images/module_green_tl.png) 0 0 no-repeat; } div.mod-color a.readon, div.mod-color a.readmore { background: transparent url(../../images/readmore_black.png) 0 0 no-repeat; /* ie6png:crop */ } #page div.mod-color a.readon:link, #page div.mod-color a.readon:visited, #page div.mod-color a.readmore:link, #page div.mod-color a.readmore:visited { color: #ffffff; } #page div.mod-color a.readon:hover, #page div.mod-color a.readmore:hover { background: transparent url(../../images/readmore_black.png) 0 -20px no-repeat; color: #ffffff; } /* * module: tab */ div.mod-tab div.module { padding: 15px 0px 0px 0px; } div.mod-tab div.module-2 { background: url(../../images/module_tab_l.png) 0 0 repeat-y; } div.mod-tab div.module-3 { background: url(../../images/module_tab_t.png) 0 0 repeat-x; } div.mod-tab div.module-4 { background: url(../../images/module_tab_tr.png) 100% 0 no-repeat; } div.mod-tab div.module-5 { min-height: 60px; padding: 18px 15px 10px 15px; background: url(../../images/module_tab_bl.png) 0 100% no-repeat; position: relative; } div.mod-tab div.header-container-1 { margin: 0px 0px 5px 0px; overflow: hidden; position: absolute; top: -15px; left: 0px; } div.mod-tab div.header-container-2 { padding: 0px 20px 0px 15px; float: left; position: relative; } div.mod-tab h3.module { height: 30px; background: url(../../images/module_tab_header_m.png) 0 0 repeat-x; line-height: 30px; } div.mod-tab div.header-l { position: absolute; top: 0px; left: 0px; width: 15px; height: 30px; background: url(../../images/module_tab_header_l.png) 0 0 no-repeat; /* ie6png:scale */ } div.mod-tab div.header-r { position: absolute; top: 0px; right: 0px; width: 20px; height: 30px; background: url(../../images/module_tab_header_r.png) 100% 0 no-repeat; /* ie6png:scale */ } div.mod-tab h3.module span.color { color: #646464; } /* * YOOtheme CSS file * * @author yootheme.com * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * YOOsearch */ div#yoo-search { width: 120px; height: 18px; padding: 0px; background: url(../../images/search_bg.png) 0 0 no-repeat; } div#yoo-search input { width: 93px; height: 14px; padding: 2px 2px 2px 7px; border: none; outline: none; background: none; float: left; color: #646464; font-size: 75%; } div#yoo-search input:focus { outline: none; } div#yoo-search button { width: 18px; height: 18px; padding: 0px; border: none; background: url(../../images/search_button.png) 0 0 no-repeat; cursor: pointer; text-indent: 100px; line-height: 0px; } div#yoo-search:hover, div#yoo-search div.sfhover { background: url(../../images/search_bg.png) 0 -18px no-repeat; } div#yoo-search:hover input, div#yoo-search input.sfhover { color: #000000; } div#yoo-search input:focus, div#yoo-search input.sffocus { color: #000000; } /* * Joomla! */ .contentheading, .componentheading { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 150%; line-height: 110%; font-weight: bold; color: #005B9C; } body.green .contentheading, body.green .componentheading { color: #6ea028; } body.pink .contentheading, body.pink .componentheading { color: #8c3caa; } body.orange .contentheading, body.orange .componentheading { color: #f04600; } body.blue .contentheading, body.blue .componentheading { color: #005B9C; } #overDiv { line-height: 100%; font-weight: normal; padding: 0px; margin: 0px; } .tool-tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; color: #323232; } .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; } .contentpane { margin: 0; padding: 0; width: auto; } .contentpaneopen { margin: 0; padding: 0; width: auto; } .contentdescription { } .article_separator { display: block; height: 5px; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; margin-top: 5px; margin-bottom: 5px; } a.readon, a.readmore { margin: 10px 0px 0px 0px; width: 100px; height: 20px; background: transparent url(../../images/readmore.png) 0 0 no-repeat; /* ie6png:crop */ display: block; float: left; line-height: 20px; text-indent: 10px; font-size: 90%; } #page a.readon:link, #page a.readon:visited, #page a.readmore:link, #page a.readmore:visited { color: #ffffff; text-decoration: none; } #page a.readon:hover, #page a.readmore:hover { background: transparent url(../../images/readmore.png) 0 -20px no-repeat; color: #ffffff; text-decoration: none; } .small { font-size: 95%; font-style: italic; color: #969696; } .createdate { height: 20px; vertical-align: top; font-size: 95%; font-weight: bold; color: #646464; } .modifydate { height: 20px; vertical-align: bottom; font-size: 95%; color: #646464; } .buttonheading { } .buttonheading img { margin-right: 2px; } div.mosimage { margin: 5px; } div.mosimage_caption { font-size: 95%; } .button { font-size: 95%; } .inputbox { } .sectiontableheader { padding: 5px 5px 5px 5px; background: #ebebeb; border-bottom: 1px solid #b4b4b4; font-weight : bold; } tr.sectiontableentry1 td { padding: 5px 5px 5px 5px; background: #fafafa; border-bottom: 1px solid #dcdcdc; } tr.sectiontableentry2 td { padding: 5px 5px 5px 5px; background: #f0f0f0; border-bottom: 1px solid #dcdcdc; } td.sectiontableentry1 { padding: 5px 5px 5px 5px; background: #fafafa; border-bottom: 1px solid #dcdcdc; } td.sectiontableentry2 { padding: 5px 5px 5px 5px; background: #f0f0f0; border-bottom: 1px solid #dcdcdc; } .poll { } .poll input.button { margin: 10px 0px 0px 0px; } /* * Joomla! system CSS file: system.css */ /* OpenID icon style */ input.system-openid { background: url(http://openid.net/login-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; } /* Unpublished */ .system-unpublished { background: #e8edf1; border-top: 4px solid #c4d3df; border-bottom: 4px solid #c4d3df; } /* System Messages */ #system-message { margin-bottom: 10px; padding: 0;} #system-message dt { font-weight: bold; } #system-message dd { margin: 0; font-weight: bold; text-indent: 30px; padding: 0;} #system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;} /* System Standard Messages */ #system-message dt.message { display: none; } #system-message dd.message { } /* System Error Messages */ #system-message dt.error { display: none; } #system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;} /* System Notice Messages */ #system-message dt.notice { display: none; } #system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;} /* Debug */ #system-debug { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; } #system-debug div { font-size: 11px;} /* * Joomla! system CSS file: general.css */ /* Form validation */ .invalid { border-color: #ff0000; } label.invalid { color: #ff0000; } /* Buttons */ #editor-xtd-buttons { padding: 5px; } .button2-left, .button2-right, .button2-left div, .button2-right div { float: left; } .button2-left a, .button2-right a, .button2-left span, .button2-right span { display: block; height: 22px; float: left; line-height: 22px; font-size: 11px; color: #666; cursor: pointer; } .button2-left span, .button2-right span { cursor: default; color: #999; } .button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding: 0 6px; } .page span { color: #000; font-weight: bold; } .button2-left a:hover, .button2-right a:hover { text-decoration: none; color: #0B55C4; } .button2-left a, .button2-left span { padding: 0 24px 0 6px; } .button2-right a, .button2-right span { padding: 0 6px 0 24px; } .button2-left { background: url(../../../../system/images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; } .button2-right { background: url(../../../../system/images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; } .button2-left .image { background: url(../../../../system/images/j_button2_image.png) 100% 0 no-repeat; } .button2-left .readmore { background: url(../../../../system/images/j_button2_readmore.png) 100% 0 no-repeat; } .button2-left .pagebreak { background: url(../../../../system/images/j_button2_pagebreak.png) 100% 0 no-repeat; } /* Tooltips */ div.tooltip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; } div.tooltip h4 { padding: 0; margin: 0; font-size: 95%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../../../system/images/selector-arrow.png) no-repeat; } div.tooltip p { font-size: 90%; margin: 0; } /* Caption fixes */ .img_caption .left { float: left; margin-right: 1em; } .img_caption .right { float: right; margin-left: 1em; } .img_caption .left p { clear: left; text-align: center; } .img_caption .right p { clear: right; text-align: center; } /* Calendar */ a img.calendar { width: 16px; height: 16px; margin-left: 3px; background: url(../../../../system/images/calendar.png) no-repeat; cursor: pointer; vertical-align: middle; } /* * YOOtheme CSS file * * @author yootheme.com * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * YOOsearch */ div.default div.yoo-search div.searchbox { margin: 0px; } #page div.default div.yoo-search div.resultbox { position: absolute; right: -5px; top: 23px; z-index: 20; } /* * YOOgallery module */ div.module div.yoo-gallery { margin: 25px auto 25px auto; width: 490px; } div.module div.default div.yoo-gallery div.thumbnail-bg { border: 1px solid #464646; background: #141414; } /* * YOOlogin */ /* quick */ #headerbar span.quick span.yoo-login { margin-top: 10px; } #headerbar span.quick span.yoo-login span.login { width: 231px; } #headerbar span.quick span.yoo-login span.login span.login-button-text, #headerbar span.quick span.yoo-login span.login span.login-button-icon { margin-right: 0px; } #headerbar span.quick span.yoo-login span.login span.lostpassword, #headerbar span.quick span.yoo-login span.login span.lostusername, #headerbar span.quick span.yoo-login span.login span.registration { margin-top: 5px; } #headerbar span.quick span.yoo-login span.logout { margin-top: 20px; overflow: visible; } #headerbar span.quick span.yoo-login span.logout span.logout-button-text, #headerbar span.quick span.yoo-login span.logout span.logout-button-icon { margin-right: 0px; } /* nifty quick */ #headerbar span.niftyquick span.yoo-login { margin-top: 10px; } #headerbar span.niftyquick span.yoo-login span.login { width: 268px; } #headerbar span.niftyquick span.yoo-login span.login span.login-button { margin-right: 0px; } #headerbar span.niftyquick span.yoo-login span.login span.lostpassword, #headerbar span.niftyquick span.yoo-login span.login span.lostusername, #headerbar span.niftyquick span.yoo-login span.login span.registration { margin-top: 5px; } #headerbar span.niftyquick span.yoo-login span.logout { margin-top: 20px; overflow: visible; } #headerbar span.niftyquick span.yoo-login span.logout span.logout-button { margin-right: 0px; } body.yoopage { background: #788CA0; } div#page-body { background: #A0B4C8 url(../../images/lightblue/page_t.png) 0 0 repeat-x; } div#page-body div.page-body-img { background: none; } div#page-body div.page-body-b { background: url(../../images/lightblue/page_b.png) 0 100% repeat-x; } div#wrapper div.wrapper-b { background: #ffffff url(../../images/lightblue/wrapper_b.png) 0 100% repeat-x; } div#wrapper div.wrapper-bl { background: url(../../images/lightblue/wrapper_bl.png) 0 100% no-repeat; } div#wrapper div.wrapper-br { background: url(../../images/lightblue/wrapper_br.png) 100% 100% no-repeat; }