/* RESET STYLE*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, input, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 16px; font-family: inherit; vertical-align: baseline; text-align: left; text-decoration: none; list-style: none; } /* GENERAL*/ body{ font-family: "Myriad Pro"; } #container{ background: url(../images/body_bg.jpg) no-repeat; width: 1154px; height: 1474px; margin: 20px auto 0 auto; padding-top: 134px; position: relative; } /* HEADER*/ #time{ font-size: 14px; color: #ffffff; text-align: center; } #website h1{ color: #43495b; font-size: 13px; float: left; margin: 4px 0 0 554px; } #url a{ color: #b9b9b9; font-size: 14px; float: left; margin: 10px 0 0 435px; font-family: arial; font-weight: bold; } #google{ margin: 29px 0 0 773px; font-size: 14px; } input.search_input{ width: 160px; color: #b3b3b3; } /* CONTENT*/ #logo{ border-bottom: 2px solid black; width: 341px; margin: 30px 0 0 400px; padding-bottom: 10px; } #menu{ font-weight: bold; margin: 20px 0 0 434px; } #menu li{ float: left; padding: 0 2px; } #menu a{ color: #000; font-size: 24px; font-weight: bold; line-height: 20px; /*IE6*/ } #menu a:hover{ text-decoration: underline; } #title{ clear: both; margin: 150px 0 0 484px; } #title h2{ color: #000; font-size:30px; font-weight: bold; } #ipad_thumb{ padding-left: 448px; margin-top: 30px; } #tekst{ margin: 24px 0 0 438px; } #tekst p{ overflow: auto; height: 187px; width: 260px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; margin-bottom: 16px; line-height: 12px; } #kleur{ left: 480px; top: 890px; width: 210px; margin-top: 0px; position: absolute; } #kleur a#selecteer{ margin: 0 0 0 0; } #kleur a#zwart{ margin: 0 0 0 54px; } #spacer{ height: 7px; } #spacer2{ height: 19px; } #kleur a#wit{ margin: 0 0 0 68px; } /* FOOTER*/ #footer{ margin: 220px 0 0 450px; text-align: center; } #footer p{ text-transform: uppercase; font-size: 12px; } #footer p.first_p{ padding-left: 10px; } #footer a{ text-transform: uppercase; color: #000; font-size: 12px; } #footer a:hover{ text-decoration: underline; } #homeknop{ margin: 64px 0 0 545px; } /* PRODUCTPAGE */ #container_productpage{ background: url(../images/body_bg2.jpg) no-repeat; width: 1154px; height: 1474px; margin: 20px auto 0 auto; padding-top: 134px; position: relative; } #spacer3{ height: 16px; } #kleur a#wit2{ margin: -10px 0 0 0; float: left; } /* BUYPAGE */ #container_koophemnu{ background: url(../images/body_bg3.jpg) no-repeat; width: 1154px; height: 1474px; margin: 20px auto 0 auto; padding-top: 134px; position: relative; } #tekst2{ margin: 10px 0 0 438px; } #tekst2 p.kopen{ overflow: auto; height: 240px; width: 260px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; margin-bottom: 16px; line-height: 12px; } #kleur2{ left: 466px; top: 934px; width: 210px; margin-top: 0px; position: absolute; } #footer2{ margin: 171px 0 0 450px; text-align: center; } #footer2 p{ text-transform: uppercase; font-size: 12px; } #footer2 a{ text-transform: uppercase; color: #000; font-size: 12px; } #footer2 a:hover{ text-decoration: underline; } #homeknop2{ margin: 64px 0 0 545px; }