/* --------------------------------------- Tirato Creatives 9-5-2008 --------------------------------------- */ * {padding:0; margin:0;} html, body {background-color:#161040; font-family:Verdana, Arial; font-size:11px; color:#FFFFFF;} img {border:0px;} a {color:#c0c0c0; text-decoration:underline;} a:hover {color:#cfdd32; text-decoration:none;} b {display:none;} /* Ervoor zorgen dat iets niet wordt weergegeven op de website, maar wel in de broncode */ .none {display:none;} /* Ervoor zorgen dat iets niet wordt weergegeven op de website, maar wel in de broncode */ .clear {clear:both;} .left {float:left;} .right {float:right;} /* Headings ____________________________________________________________ //////////////////////////////////////////////////////////*/ h1 b {font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:22px; color:#cfdd32; display:none;} h2 {font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:15px; color:#cfdd32; padding-bottom:10px;} h3 {font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:12px; color:#cfdd32; padding-bottom:10px;} /* Wrapper ____________________________________________________________ //////////////////////////////////////////////////////////*/ #wrapper {width:941px; height:auto; margin-left:auto; margin-right:auto;} /* Header ____________________________________________________________ //////////////////////////////////////////////////////////*/ #header {height:188px; margin-bottom:20px;} #flashcontent {float:left;} /* Linkerkant ____________________________________________________________ //////////////////////////////////////////////////////////*/ DIV#links {width:157px; height:auto; float:left; position:relative;} DIV#menu {width:157px; height:auto; position:relative; margin-top:40px;} #menu ul {margin:0; padding:0; font-family:arial, verdana; font-size:12px;} #menu li {list-style:none; background:url('../images/lijn.png') no-repeat left;} #menu li.sub {list-style:none; background:url('../images/1px.png') no-repeat;} #menu li a {display:block; height:22px; text-decoration:none; padding:8px 0 0 14px;} #menu li a:hover {border-right:3px solid #26214d;} #menu li a.sub {padding:8px 0 0 15px; font-size:11px;} /* Midden ____________________________________________________________ //////////////////////////////////////////////////////////*/ DIV#midden {width:420px; height:auto; float:left; position:relative; border-left:1px solid #26214d; background: url(../images/bg.jpg) repeat-y right; margin-top:40px; padding-left:25px;} #midden h1 {font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:18px; color:#cfdd32; padding-bottom:20px;} #midden p {color:#FFFFFF; line-height:18px; font-family:Verdana, Tahoma, Arial; font-size: 11px; padding-right:25px;} #midden p.small {font-size:10px;} #midden img {padding:6px 6px 6px 6px;} #midden ul {margin-left:8px; padding-left:8px; color:#c0c0c0;} #midden li {list-style:none; color:#c0c0c0; padding-left:12px; line-height:18px; margin-bottom:11px; background:url('../images/list.jpg') no-repeat left top;} /* Rechterkant ____________________________________________________________ //////////////////////////////////////////////////////////*/ DIV#rechts {width:313px; float:left; position:relative; margin-top:40px; padding-left:25px;} .uv {background:url(../images/blokje-uv.jpg) no-repeat #033158;width:311px; height:106px; margin-bottom:5px;} #rechts ul {margin:0;padding:0;list-style:none;} .netwerk {width:311px; height:auto; margin-bottom:10px;} .uv {background:url(../images/blokje-uv.jpg) no-repeat #033158;width:311px; height:106px; margin-bottom:10px;} .pr {background:url(../images/blokje-pr.jpg) no-repeat #033158;width:311px; height:106px; margin-bottom:10px;} .materials {background:url(../images/blokje-materials.jpg) no-repeat #033158;width:311px; height:106px; margin-bottom:10px;} .system {background:url(../images/blokje-system.jpg) no-repeat #033158;width:311px; height:106px; margin-bottom:10px;} #rechts img {border: 3px solid #130e3c; margin:15px 15px 15px 15px;} #rechts h1 {line-height:18px; color:#cfdd32; font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:16px; font-weight:bold; padding:12px 10px 5px 100px;} #rechts .netwerk h1 {padding:0 0 5px 0;} #rechts p {color:#90adbd; line-height:18px; font-family:Verdana, Tahoma, Arial; font-size: 11px; padding:0 10px 5px 100px; } #rechts a {color:#FFFFFF; text-decoration:underline;} #rechts a:hover {color:#FFFFFF; text-decoration:none;} /* Nieuws ____________________________________________________________ //////////////////////////////////////////////////////////*/ #nieuws {width:313px;} #nieuws ul {margin:0; padding:0;} #nieuws li {list-style:none;} #nieuws li a {display:block; padding:8px 0 7px 8px; color:#c0c0c0; text-decoration:none; font-family:arial; font-size:12px; border-bottom:1px solid #2e2853;} #nieuws li a:hover {color:#cfdd32; background:#221c4a;} .nieuwsbericht {background:#221c4a; width:380px; padding:10px; display:block;} /* Info ____________________________________________________________ //////////////////////////////////////////////////////////*/ #info ul {margin:0; padding:0;} #info li {list-style:none;} #info li a {display:block; height:22px; padding:8px 0 0 8px; color:#c0c0c0; text-decoration:none; font-family:arial; font-size:12px; border-bottom:1px solid #2e2853;} #info li a:hover {color:#cfdd32; background:#221c4a;} /* Footer ____________________________________________________________ //////////////////////////////////////////////////////////*/ #footer {height:80px; text-align:center; float:left; width:941px; margin-top:20px; font-size:11px; color:#6f6b89; border-top:1px solid #26214d; padding-top:5px;} a strong {color:#cfdd32;} #logo ul {margin:0 auto; padding:0; width:941px;} #logo li {list-style:none; display:inline;} #logo a {display:block; float:left; margin-right:5px;} #logo a.cordura {background:url('/images/cordura.png') no-repeat; width:147px; height:69px;} #logo a.cordura:hover {background:url('/images/cordura_h.png') no-repeat;} #logo a.thermolite {background:url('/images/thermolite.png') no-repeat; width:171px; height:69px;} #logo a.thermolite:hover {background:url('/images/thermolite_h.png') no-repeat;} #logo a.lycra {background:url('/images/lycra.png') no-repeat; width:108px; height:69px;} #logo a.lycra:hover {background:url('/images/lycra_h.png') no-repeat;} #logo a.kwf {background:url('/images/kwf.png') no-repeat; width:127px; height:69px;} #logo a.kwf:hover {background:url('/images/kwf_h.png') no-repeat;} #logo a.coolmax {background:url('/images/coolmax.png') no-repeat; width:174px; height:69px;} #logo a.coolmax:hover {background:url('/images/coolmax_h.png') no-repeat;} #logo a.riri {background:url('/images/riri.png') no-repeat; width:84px; height:69px;} #logo a.riri:hover {background:url('/images/riri_h.png') no-repeat;} #logo a.tactel {background:url('/images/tactel.png') no-repeat; width:147px; height:69px;} #logo a.tactel:hover {background:url('/images/tactel_h.png') no-repeat;} #logo a.ykk {background:url('/images/ykk.png') no-repeat; width:147px; height:69px;} #logo a.ykk:hover {background:url('/images/ykk_h.png') no-repeat;} #imageContainer {overflow:auto; height:188px; width:177px;} #imageContainer img {display:none; position:absolute; float:left;}