/* -------------------------------------------- */ /* junidas Stylesheet: DEFAULT */ /* -------------------------------------------- */ /* Created by two tribes GmbH, Stuttgart */ /* -------------------------------------------- */ /* StyleSheet Scope: HOMEPAGE */ /* !-------------------------------------------- */ /* !Reset-styles */ /* !-------------------------------------------- */ html { color: #000; font-size: small; font-family: "Trebuchet MS", "Trebuchet", "Helvetica", "Arial", sans-serif; text-decoration: none; background: #fff; } body, h1, h2, h3, h4, p { padding: 0; margin: 0; } ul { margin: 0; padding: 0; list-style: none; } a { text-decoration: none; outline: 0; /* tames Firefox' annoying outlines */ } a:hover { text-decoration: underline; } /* !-------------------------------------------- */ /* !General Page Layout */ /* !-------------------------------------------- */ /* === IE7 needs this wrapper. Doing the same with works only in modern browsers */ div#globalWrapper { border: 1px solid #969182; margin: 5px auto 10px auto; padding: 55px 43px 17px 43px; width: 862px; /* 948px overall width, IE7-fix needed! */ } /* === Setup global font policy for Dax usage */ h1, #header p, #header a, h2, #content p { font-family: "Dax", "Helvetica", "Arial", sans-serif; } /* !-------------------------------------------- */ /* !Header (Logo, Slogan, Contact) */ /* !-------------------------------------------- */ /* === #header needs IE7 fix */ h1 { background: transparent url("/jboard/images/logo_home.png") no-repeat 9px 0; float: left; height: 68px; margin-right: 57px; width: 205px; text-indent: -1000em; } #header p { background: transparent url("/jboard/images/home/slogan.png") no-repeat left center; border-left: 1px solid #969182; float: left; height: 64px; text-indent: -1000em; width: 495px; } #header a { background: transparent url("/jboard/images/butt_home_contact.png") no-repeat right center; border-left: 1px solid #969182; display: block; float: left; height: 64px; text-indent: -1000em; width: 100px; } /* !-------------------------------------------- */ /* !Main Section Navigation */ /* !-------------------------------------------- */ #content { clear: both; padding-top: 90px; /* needs IE7 fix */ } /* === Signalbox Container */ #content li { background-color: #aaa; background-repeat: no-repeat; background-position: 0 0; height: 107px; margin: 0 0 10px 0; position: relative; text-indent: -1000em; } #content li#software {background-image: url("/jboard/images/home/signal_software.jpg");} #content li#security {background-image: url("/jboard/images/home/signal_security.jpg");} #content li#hosting {background-image: url("/jboard/images/home/signal_hosting.jpg");} #content li#corporate {background-image: url("/jboard/images/home/signal_corporate.jpg");} /* === Section headline */ #content h2 { height: 100%; overflow: hidden; width: 100%; } #content li a { display: block; height: 100%; width: 100%; } /* === Section Intro-Text */ #content p { left: 97px; position: absolute; top: 80px; }