* { font-family: Arial, Helvetica; font-size: 12px; } html { overflow-y: scroll; } body { background: #1D1D1D; background-image:url('/img/artikelen/background/achtergrond.jpg'); background-repeat: repeat-x; margin: 0px 0 10px 10px; padding: 0px; font-size: 14px; } hr { border: 0; border-top-style: none; border-top-width: 0px; border-top: 1px solid #343434; } img { padding: 3px 3px 3px 3px; background: #ffffff; } #banner { width: 450px; padding-top: 0px; margin-left: 300px; } #banner2, #bannertekst { background: url(/img/artikelen/base/logo.png) no-repeat; width: 450px; height: 107px; margin-top: 10px; margin-right: 0px; } .bannertekst { margin-left: 400px; width: 400px; height: 98px; margin-top: -20px; color: #FFFFFF; } a, a * { color: #FFFFFF; text-decoration: underline; } a:hover, a:hover * { color: #767676; } #pagina { position: static; border: 0px solid #000000; color: #767676; width: 1024px; margin: 0 auto; } #header { position: relative; top: -3px; left: 0px; height: 50px; margin-bottom: 1px; } #content { margin-left: -10px; margin-right: -15px; padding-left: 0px; padding-right: 0px; min-height: 50px; width: 100%; } #bc { color: #6D6E71; font-size: 10px; margin: auto; width: 1000px; } #bc a { color: #6D6E71; } #lang { color: #6D6E71; font-size: 10px; float: right; margin-top: 4px; margin-right: 15px; z-index: 2000; } #content table.tlayout { width: 99%; margin: 0 auto; } #content table.tlayout tr td{ vertical-align: top; } #content h1 { color: #FFFFFF; border: 0px solid #1D1D1D; margin: 0px 0px 6px 0px; padding-left: 0px; font-size: 16px; text-transform: uppercase; margin-bottom:3px; } #brands_title .icon_brands { background-image:url(/img/icon-brands.png); background-color: #e50000; margin-right: 11px; width: 12px; height: 12px; margin-top: 12px; padding: 10px; display: inline-block; } #footer { padding-left: 5px; padding-right: 5px; color: #FFFFFF; background: #343434; padding-top: 0px; height: 120px; } #footer img { padding: 0px; background: none; } #footer h1 { color: #FFFFFF; font-weight: bold; font-size: 16px; } #footer ul { padding: 0px; padding-right: 20px; list-style: none; } #footer ul li { background: url("/img/line-footer-list-dark.gif"); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-position: left bottom; background-repeat: repeat-x; list-style: none; padding-right: 20px; text-decoration: none; } #footer ul li a { list-style: none; padding-right: 20px; text-decoration: none; font-size: 10px; line-height: 16px; color: #767676; } #footer ul li a:hover { text-decoration: underline; } #textover { position: relative; width: 100%; /* for IE 6 */ } h2 { position: absolute; top: 150px; left: 0px; width: 100%; } .block { border-left: 8px solid #1D1D1D; background: #1D1D1D; padding: 3px; margin: 0px 5px 0px 0px; } /* NAV GOES HERE */ u { text-decoration: underline; color: #ffffff; text-transform: uppercase; font-family: Arial narrow, Helvetica; font-weight: bold; } #nav { font-family: Arial narrow, Helvetica; /* background: #1D1D1D; */ text-transform: uppercase; font-weight: bold; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; bottom-right: 0px; bottom-left: 0px; /* margin-top: 99px; */ height: 50px; /* width:100%; */ /* padding: 0 10px; */ float:center; /* overflow:visible; */ } #nav a:hover { font-family: Arial narrow, Helvetica; color: #000000; -webkit-transition: color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out; -ms-transition: color 300ms ease-in-out; -o-transition: color 300ms ease-in-out; transition: color 300ms ease-in-out; } #nav ul ul { font-family: Arial narrow, Helvetica; display: none; } #nav ul li:hover > ul { font-family: Arial narrow, Helvetica; display: block; } #nav ul { font-family: Arial narrow, Helvetica; padding: 0 0px; margin: 0px; list-style: none; position: relative; /* display: inline-table; */ } #nav ul li { font-family: Arial narrow, Helvetica; display: inline-block; padding: 0 0.1px; *display: inline; *zoom: 1; vertical-align: top; } #nav ul li:hover { font-family: Arial narrow, Helvetica; background: #E50000; } #nav ul li a:hover { font-family: Arial narrow, Helvetica; color: #ffffff; font-weight: bold; } #nav ul li a { /* hoofdmenu */ font-family: Arial narrow, Helvetica; display: block; padding: 13px 10px; color: #ffffff; text-decoration: none; font-weight: bold; } #nav ul ul { /* submenu */ margin-top: -1px; background: #ffffff; color: #000000; position: absolute; z-index: 1000; /* top: 43px; */ opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ } #nav ul ul li { display: block; filter: alpha(opacity=90); /* For IE8 and earlier */ color: #000000; } #nav ul ul li a { /* size of submenu */ padding: 5px 20px; color: #000000; font-weight: normal; } #nav ul ul li a:hover { background: #ffffff; color: #000000; text-decoration: underline; font-weight: normal; -webkit-transition: color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out; -ms-transition: color 300ms ease-in-out; -o-transition: color 300ms ease-in-out; transition: color 300ms ease-in-out; } #nav ul ul ul { position: absolute; left: 100%; top:2px; color: #000000; }