/* ------------------------------------------------------------ Company: Marketing Factory GmbH Author: Patrick Puecher ------------------------------------------------------------ */ /* ------------------------------------------------------------ Base ------------------------------------------------------------ */ * { margin: 0; padding: 0; } ul { padding-left: 15px; } #content ul { padding: 0; } html, body { height: 100%; margin: 0; padding: 0; } body { text-align: left; font-family: Tahoma, Arial, Helvetica, Geneva, sans-serif; font-size: small; background: #ececed; color: #656565; } a { color: #656565; cursor: pointer; text-decoration: underline; } img { border: 0; } .fn { font-size: 85%; position: relative; bottom: -3px; } .fh { font-size: 85%; position: relative; top: -3px; } #container { margin: 6px 0; } #start { background: url(http://www.gruppo-ts.com/images/header-bg.png) no-repeat; width: 650px; height: 451px; /*padding: 17px 0 0 19px;*/ } #sidebarright { width: 290px; float: right; margin-right: 2px; } #sidebarright h1 { color: #75736f; background: #e5e2dd url(http://www.gruppo-ts.com/images/dots.gif) repeat-x bottom; font-size: 110%; font-weight: normal; padding: 4px; } #sidebarright h1.greater { font-size: 140%; margin-bottom: 20px; font-weight: bold; } #sidebarright h1.greater a { text-decoration: none; } #sidebarright h2 { color: #009ab1; font-size: 100%; margin: 3px 0; } #sidebarright .news, #sidebarright .events { } #sidebarright .news { background: url(http://www.gruppo-ts.com/images/dots.gif) repeat-x bottom; padding-bottom: 3px; } #sidebarright .event { background: url(http://www.gruppo-ts.com/images/dots.gif) repeat-x bottom; padding-bottom: 3px; } #sidebarright .go { text-align: right; margin: 4px 10px 20px 0; font-weight: bold; font-size: 80%; } #sidebarright .wrap { margin: 0 5px; } #contains-images { position: relative; height: 451px; } #contains-images #start { position: absolute; z-index: 3; } #contains-images #image { position: absolute; top: 17px; left: 19px; z-index: 2; } .clear { clear: both; } #start, #languages img { behavior: url(/iepngfix.htc); } #transp { position: absolute; width: 355px; height: 92px; z-index: 4; top: 68px; left: 112px; } #sidebarright .partner { margin-top: 20px; text-align: center; } #sidebarright .partner img { margin: 0 19px; height: 70px; } .example8 { display: none; } .scrollable { height: 160px; overflow: auto; } /* ------------------------------------------------------------ Structure ------------------------------------------------------------ */ .center { text-align: center; } #wrap { text-align: left; width: 950px; margin: 0px auto 0 auto; } #header-logo { clear: left; float: left; width: 407px; height: 273px; background-image: url(http://www.gruppo-ts.com/images/header-logo.png); } #header { float: left; width: 543px; height: 273px; background-image: url(http://www.gruppo-ts.com/images/header.png); } div.site { clear: left; float: left; width: 950px; background: #f3f0ea url(http://www.gruppo-ts.com/images/background-site.png) top no-repeat; color: #656565; } #main { float: left; width: 599px; } #sidebar { float: left; width: 351px; margin-top: 28px; } #content { margin: 20px 30px 20px 30px; } #footer { clear: left; float: left; background: #f3f0ea url(http://www.gruppo-ts.com/images/footer.png) bottom no-repeat; width: 950px; height: 123px; } #languages { float: left; width: 950px; margin-top: 28px; text-align: right; } span.date { display: block; margin: 4px 0 17px; } .thumbnail { background-color: #222222; border: 1px solid #2A2A2A; float: left; margin-bottom: 10px; margin-right: 10px; padding: 3px 3px 0; } .gallery { margin-top: 10px; } /* ------------------------------------------------------------ +Main Navigation ------------------------------------------------------------ */ /* background-color: #b2cfd2; color: #009ab1; */ #menu { float: left; width: 950px; margin-top: 8px; } #menu ul { padding: 0; list-style-type: none; color: #ffffff; font-weight: bold; background-color: #96bf0d; height: 40px; border: 2px solid #ffffff; } #menu li { display: inline; float: left; border-right: 2px solid #ffffff; height: 40px; margin: 0; padding: 0 25px; } #menu li.last { border-right: 0; } #menu li a { display: block; color: #ffffff; text-decoration: none; padding-top: 12px; } #menu li a.active { color: #678309; } /* ------------------------------------------------------------ +Sub Navigation ------------------------------------------------------------ */ #submenu { clear: left; float: left; width: 950px; height: 30px; margin: 0; background-color: #009ab1; } #submenu ul { padding: 0; list-style-type: none; color: #ffffff; border: 2px solid #ffffff; height: 30px; border-top: 0; } #submenu li { display: inline; float: left; height: 30px; margin: 0; padding-top: 6px; } #submenu li a { display: block; color: #ffffff; text-decoration: none; padding: 0 23px; } #submenu li a.active { color: #addbe3; } /* ------------------------------------------------------------ +Header ------------------------------------------------------------ */ #header div { margin-top: 43px; } /* ------------------------------------------------------------ +Content ------------------------------------------------------------ */ #content h1, #news h1, #convegno h1 { margin: 0; margin-bottom: 12px; font-weight: normal; font-size: x-large; color: #50bcc5; font-family: "Times New Roman", Arial, Helvetica, Geneva, sans-serif; } #content h2 { margin: 0; margin-bottom: 12px; font-weight: normal; font-size: large; color: #50bcc5; font-family: Tahoma, "Times New Roman", Arial, Helvetica, Geneva, sans-serif; } #content li { margin: 4px 0 4px 15px; padding: 0; } #content h4 { margin: 0; font-weight: normal; font-size: x-large; color: #50bcc5; font-family: "Times New Roman", Arial, Helvetica, Geneva, sans-serif; } /* ------------------------------------------------------------ +Sidebar ------------------------------------------------------------ */ #sidebar img.border { clear: left; margin-bottom: 20px; padding: 5px; background-color: #eae6da; border: 2px solid #ffffff; } #sidebar div.box { clear: left; margin-bottom: 20px; margin-right: 27px; padding: 5px; background-color: #eae6da; border: 5px solid #ffffff; } #sidebar h1 { margin-top: 10px; } #sidebar h1.first { margin-top: 0; } #sidebar { line-height: 160%; } #convegno img { margin: 10px 0 4px; } /* ------------------------------------------------------------ +Contact ------------------------------------------------------------ */ #footer { position: relative; } #contact { position: absolute; bottom: 0; margin: 5px 10px; color: #656565; } #contact .b { color: #009ab1; } /*#contact { margin-left: 690px; margin-bottom: 120px; } #contact h1, #contact h2 { font-weight: normal; color: #6d6e71; font-family: Arial, Helvetica, Geneva, sans-serif; margin: 0; } #contact h1 { font-size: x-large; } #contact h2 { font-size: small; margin-bottom: 15px; }*/ /* ------------------------------------------------------------ +Gallery ------------------------------------------------------------ */ #gallery { float: left; width: 100%; } #gallery div.border { float: left; cursor: pointer; width: 84px; height: 60px; padding: 5px; background-color: #eae6da; border: 2px solid #ffffff; margin: 0 6px 6px 0; } /* ------------------------------------------------------------ +Google Maps ------------------------------------------------------------ */ #map { width: 100%; height: 400px; } /* ------------------------------------------------------------ +Projects ------------------------------------------------------------ */ .pro { height: 600px; overflow: auto; } #projects { font-size: small; margin-top: 32px; margin-bottom: 12px; margin-left: 30px; } #projects h1 { font-size: small; margin-bottom: 0; } #projects li { list-style-type: none; margin: 0; padding: 0; margin-bottom: 4px; /*margin-left: 16px;*/ } div.images { float: left; width: 70px; } div.images img { margin: 0 0 2px; width: 90px; } div.project { float: left; margin-left: 26px; width: 320px; margin-right: 18px; } /* ------------------------------------------------------------ +News ------------------------------------------------------------ */ #news { margin-top: 15px; } /*#news { clear: left; margin-bottom: 40px; } #news ul { padding: 0; margin-left: 15px; } #news li { margin-bottom: 10px; }*/ /* ------------------------------------------------------------ +Convegno ------------------------------------------------------------ */ #convegno { clear: left; margin-bottom: 40px; } /* ------------------------------------------------------------ +Downloads ------------------------------------------------------------ */ #downloads ul { padding: 0; list-style-type: none; } #downloads ul li { height: 34px; line-height: 220%; padding-left: 46px; } #downloads ul li.pdf { background: url(http://www.gruppo-ts.com/images/icons/pdf.gif) no-repeat; } #downloads ul li.jpg { background: url(http://www.gruppo-ts.com/images/icons/jpg.gif) no-repeat; } #downloads ul li.doc { background: url(http://www.gruppo-ts.com/images/icons/doc.gif) no-repeat; } #downloads ul li.other { background: url(http://www.gruppo-ts.com/images/icons/other.gif) no-repeat; } /* ------------------------------------------------------------ +Testimonial ------------------------------------------------------------ */ h3 { margin: 0; margin-bottom: 4px; font-weight: normal; font-size: x-large; color: #50bcc5; font-family: "Times New Roman", Arial, Helvetica, Geneva, sans-serif; } #testimonials li { list-style-type: none; margin: 0; padding: 0; margin-bottom: 20px; } #testimonials img { border: 0; } blockquote { background:transparent url(http://www.gruppo-ts.com/images/blockquote.gif) no-repeat scroll; color: #747474; margin: 0; padding: 0 0 0 32px; } .events-gallery { list-style-type: none; } #content .events-gallery li { float: left; width: 370px; margin: 0 4px 4px 0; overflow: hidden; border: 1px solid #51bdc6; background: #cbebee; } .events-gallery .preview { float: left; margin: 10px; } .events-gallery .fromto { display: block; margin-top: 17px; } .events-gallery .title { font-weight: bold; }