/* ----------------------------------------------------------------- */ /* CSS developed by Smartforce.ch */ /* Identica 2.0, Copyright 2009 by Smartforce.ch */ /* ----------------------------------------------------------------- */ html { height: 100%; } body{ text-align: center; margin: 0; padding:0; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Verdana,sans-serif; font-size: 13px; background: #3d3d3f url(../images/bg.png) repeat-y center top; color: #000; height: 100%; } hr{ display:none; } img { border:0; vertical-align: bottom; margin:0; padding: 0; } .hidden { display: none; } /* Links */ a { text-decoration:underline; color:#fff; } a:hover { color:#000; } a.active { color: #000; } /* Volle Hoehe */ #fullHeight { min-height: 100%; } * html #fullHeight { height: 100%; } /* MainDivision */ #container { margin: 0 auto; width: 604px; padding: 0 20px; text-align: left; } #head { width: 564px; margin: 40px 0; overflow: hidden; } html>body #head { width: 604px; } /* Ausser IE */ #nav { width: 604px; height: 170px; padding: 0; } html>body #nav { width: 604px; } /* Ausser IE */ #content { float: left; width: 604px; padding: 0 0 100px 0; margin: 0 0; color:#fff; line-height: 1.8em; } html>body #content { width: 604px; color:#fff; } /* Ausser IE */ /* Header */ #head h1 { float: left; margin: 0; display: block; width: 122px; height: 27px; text-indent: -9000px; background:url(../images/logo.jpg) no-repeat; overflow: hidden; } #head h1 a{ display: block; height: 27px; margin: 0; padding: 0; } /* Language */ #language { float: right; margin: 15px 5px 0 0; color:#C1C286; font-size: 90%; padding: 0 0 2px 0; width: 355px; text-align: right; } html>body #language { width: 390px; margin: 15px 5px 0 0; } #language a { color:#C1C286; text-decoration:none; } #language a:hover { text-decoration:underline; color:#000; } #language span.claim { float: left; color:#C1C286; } /* Temporary disabled */ /* #language .english { display: none; } */ /* Navigation */ /* Navigation en (Nur Kunden in englisch) */ #nav.en li.kunden a { background:url(../images/nav/en/kunden_inactive_e.jpg) no-repeat; } #nav.en li.kunden a:hover { background:url(../images/nav/en/kunden_active_e.jpg) no-repeat; } #nav.en li.kunden a.active { background:url(../images/nav/en/kunden_active_e.jpg) no-repeat; } /* Navigation in deutsch */ #nav ul, #nav li { border:0; margin:0; padding:0; list-style:none; } #nav li { float:left; margin-right:1px; display:inline; white-space: nowrap; } #nav li a { display:block; width:200px; height: 170px; text-indent:-9000px; } #nav li.kunden a { background:url(../images/nav/de/kunden_inactive.jpg) no-repeat; } #nav li.service a { background:url(../images/nav/de/service_inactive.jpg) no-repeat; } #nav li.team a { background:url(../images/nav/de/team_inactive.jpg) no-repeat; } #nav li.kunden a:hover { background:url(../images/nav/de/kunden_active.jpg) no-repeat; } #nav li.service a:hover { background:url(../images/nav/de/service_active.jpg) no-repeat; } #nav li.team a:hover { background:url(../images/nav/de/team_active.jpg) no-repeat; } #nav li.kunden a.active { background:url(../images/nav/de/kunden_active.jpg) no-repeat; } #nav li.service a.active { background:url(../images/nav/de/service_active.jpg) no-repeat; } #nav li.team a.active { background:url(../images/nav/de/team_active.jpg) no-repeat; } /* Content */ #content h2 { font-size: 13px; font-weight: bold; margin: 0 0 20px 0; } #content h3 { font-weight: bold; padding: 0 0 5px 0; } #content p { margin: 0 0 20px 0; line-height: 1.4em; } #content #contentStamps img { margin: 1px 1px 0 0; } #content { background: url(../images/stamps_bg.png) no-repeat; height:513px; } /* Kunden */ #contentStamps { margin: 1px 0 0 0; } #contentStamps ul { border:0; margin:0; padding:0; list-style:none; } #contentStamps li { float:left; margin-right:1px; display:inline; white-space: nowrap; text-indent: -9000px; } #contentStamps li a { display:block; width: 200px; height: 170px; margin: 0 0 1px 0; } #contentStamps li.claridenleu a { background:url(../files/kunden/claridenleu/stamps/claridenleu_inactive.jpg) no-repeat; } #contentStamps li.claridenleu a:hover { background:url(../files/kunden/claridenleu/stamps/claridenleu_active.jpg) no-repeat; } #contentStamps li.swissjet a { background:url(../files/kunden/swissjet/stamps/swissjet_inactive.jpg) no-repeat; } #contentStamps li.swissjet a:hover { background:url(../files/kunden/swissjet/stamps/swissjet_active.jpg) no-repeat; } #contentStamps li.ublox a { background:url(../files/kunden/ublox/stamps/ublox_inactive.jpg) no-repeat; } #contentStamps li.ublox a:hover { background:url(../files/kunden/ublox/stamps/ublox_active.jpg) no-repeat; } #contentStamps li.ubs a { background:url(../files/kunden/ubs/stamps/ubs_inactive.jpg) no-repeat; } #contentStamps li.ubs a:hover { background:url(../files/kunden/ubs/stamps/ubs_active.jpg) no-repeat; } #contentStamps li.jb a { background:url(../files/kunden/jb/stamps/jb_inactive.jpg) no-repeat; } #contentStamps li.jb a:hover { background:url(../files/kunden/jb/stamps/jb_active.jpg) no-repeat; } #contentStamps li.deloitte a { background:url(../files/kunden/deloitte/stamps/deloitte_inactive.jpg) no-repeat; } #contentStamps li.deloitte a:hover { background:url(../files/kunden/deloitte/stamps/deloitte_active.jpg) no-repeat; } #contentStamps li.lukb a { background:url(../files/kunden/lukb/stamps/lukb_inactive.jpg) no-repeat; } #contentStamps li.lukb a:hover { background:url(../files/kunden/lukb/stamps/lukb_active.jpg) no-repeat; } #contentStamps li.clariden a { background:url(../files/kunden/clariden/stamps/clariden_inactive.jpg) no-repeat; } #contentStamps li.clariden a:hover { background:url(../files/kunden/clariden/stamps/clariden_active.jpg) no-repeat; } #contentStamps li.weitere a { background:url(../files/kunden/weitere/stamps/weitere_inactive.jpg) no-repeat; } #contentStamps li.weitere a:hover { background:url(../files/kunden/weitere/stamps/weitere_active.jpg) no-repeat; } #contentStamps li.weitere-en a { background:url(../files/kunden/weitere/stamps/weitere_inactive_e.jpg) no-repeat; } #contentStamps li.weitere-en a:hover { background:url(../files/kunden/weitere/stamps/weitere_active_e.jpg) no-repeat; } /* Team */ #contentStamps li.andreas a { background:url(../files/team/stamps/andreas_inactive.jpg) no-repeat; } #contentStamps li.andreas a:hover { background:url(../files/team/stamps/andreas_active.jpg) no-repeat; } #contentStamps li.andreas-e a { background:url(../files/team/stamps/andreas_inactive_e.jpg) no-repeat; } #contentStamps li.andreas-e a:hover { background:url(../files/team/stamps/andreas_active_e.jpg) no-repeat; } #contentStamps li.beni a { background:url(../files/team/stamps/beni_inactive.jpg) no-repeat; } #contentStamps li.beni a:hover { background:url(../files/team/stamps/beni_active.jpg) no-repeat; } #contentStamps li.mirjam a { background:url(../files/team/stamps/mirjam_inactive.jpg) no-repeat; } #contentStamps li.mirjam a:hover { background:url(../files/team/stamps/mirjam_active.jpg) no-repeat; } #contentStamps li.michi a { background:url(../files/team/stamps/michi_inactive.jpg) no-repeat; } #contentStamps li.michi a:hover { background:url(../files/team/stamps/michi_active.jpg) no-repeat; } #contentStamps li.otmar a { background:url(../files/team/stamps/otmar_inactive.jpg) no-repeat; } #contentStamps li.otmar a:hover { background:url(../files/team/stamps/otmar_active.jpg) no-repeat; } #contentStamps li.benny a { background:url(../files/team/stamps/benny_inactive.jpg) no-repeat; } #contentStamps li.benny a:hover { background:url(../files/team/stamps/benny_active.jpg) no-repeat; } #contentStamps li.benny-e a { background:url(../files/team/stamps/benny_inactive_e.jpg) no-repeat; } #contentStamps li.benny-e a:hover { background:url(../files/team/stamps/benny_active_e.jpg) no-repeat; } #contentStamps li.agentur a { background:url(../files/team/stamps/agentur_inactive.jpg) no-repeat; } #contentStamps li.agentur a:hover { background:url(../files/team/stamps/agentur_active.jpg) no-repeat; } #contentStamps li.agentur-e a { background:url(../files/team/stamps/agentur_inactive_e.jpg) no-repeat; } #contentStamps li.agentur-e a:hover { background:url(../files/team/stamps/agentur_active_e.jpg) no-repeat; } /* ----------------------------------------------------------------- */ /* Footer */ /* ----------------------------------------------------------------- */ #footer { clear:both; margin: 0px auto; width: 604px; text-align: left; height:20px; padding: 20px 0 2px 0px; position: relative; margin-top: -46px; color:#C1C286; background: url(../images/footer_line.png) no-repeat center top; letter-spacing: 0em } html>/**/body #footer { margin-top: -86px; } *+html #footer { margin-top: -46px; } #footer a { text-decoration:none; color:#C1C286; } #footer a:hover { text-decoration:underline; color:#fff; } /* Box Elements */ #boxTop { width: 604px; height:427px; border: 1px solid; } #boxBottom { width: 604px; margin: 20px 0 0 0; font-size: 85% } #boxControls { float: left; width: 212px; height: 110px; /* background: #ccc; */ } #boxBottom a { text-decoration:none; color:#C1C286; } #boxBottom a:hover { color:#9EA529; } #boxControls .top { height: 80px; } #boxControls .top span.back, #boxControls .top span.backOff, #boxControls .top span.nextOff, #boxControls .top span.next { text-indent: -9000px; overflow: hidden; display: block; width: 12px; height: 18px; } #boxControls .top span.back, #boxControls .top span.backOff, #boxControls .top span.center, #boxControls .top span.next, #boxControls .top span.nextOff { float: left; } #boxControls .top span a { display: block; width: 12px; height: 18px; } #boxControls .top span.back { background: url(../images/back.gif) no-repeat center 50%; margin: 0 8px 0 0 } #boxControls .top span.backOff { background: url(../images/back_off.gif) no-repeat center 50%; margin: 0 8px 0 0 } #boxControls .top span.next { background: url(../images/next.gif) no-repeat center 50%; margin: 0 0 0 8px } #boxControls .top span.nextOff { background: url(../images/next_off.gif) no-repeat center 50%; margin: 0 0 0 8px } #boxControls .bottom { } #boxContent { float: right; width: 372px; margin: 0 0 0 20px; } #boxContent h2 { padding: 0; margin: 0; } #boxContent h2 strong{ font-weight: bold; } #boxContent ul { list-style:circle; } #boxContent li { margin: 0 0 0 18px; } #cl_flash { z-index: 9999; }