* {    margin: 0px;    padding: 0px;}body {    color: #aa3231;    line-height: 1.6;    font-family: arial;    font-size: 12px;    background: #aa3231 url('images/red/wrapper_l.gif') repeat-x;}p {    margin-top: 0px;    text-align: justify;    padding: 0;}p.error {    color: #FF0000;}a {    color: #FF0000;    text-decoration: none;}img {    border: 0;}img.persvb {    float: left;    width: 25%;}#left {    float: left;    width: 50%;}a.offerte {    color: #FF0000;    padding: 0 10px 0 0;    background: url('images/red/icon_arrow_red_right.png') right center no-repeat;}a.bekijkproduct {    float: right;    color: #FF0000;    padding: 0 10px 0 0;    background: url('images/red/icon_arrow_red_right.png') right center no-repeat;}label {    float: left;    width: 225px;}input {    width: 175px;    margin: 0 0 5px 0;    padding: 3px 5px 3px 5px;    border: 1px #CCC solid;}textarea {    padding: 5px;    border: 1px #CCC solid;}input:focus {    outline: none;    border: 1px #999 solid;}textarea:focus {    outline: none;    border: 1px #999 solid;}input.submit {    width: auto;    margin: 10px 0 0 0;    padding: 5px;    background: #EEE;}/* ---------------------------------------- *//* -------- Layout + basic elements ------- *//* ---------------------------------------- */div#wrapper {    position: relative;    margin: 0 auto;    width: 700px;    background: transparent;    align: center;    margin-left: auto;    margin-right: auto;}div#container {    position: relative;    width: 100%;    height: 100%;    align: center;    margin-left: auto;    margin-right: auto;}div#border {    position: relative;    width: 699px;    margin-bottom: 1px;    background: #FFF;    border-left: 1px solid #EEE;    border-right: 1px solid #EEE;    border-bottom: 1px solid #EEE;    -moz-border-radius-bottomright: 1em;    border-bottom-right-radius: 1em;    -moz-border-radius-bottomleft: 1em;    border-bottom-left-radius: 1em;    background-image: url('images/bg_border_fade.png');    background-repeat: repeat-x;    background-position: bottom center;    padding-bottom: 16px;}/* ---------------------------------------- *//* --------------- Topmenu ---------------- *//* ---------------------------------------- */div#top_menu {    position: relative;    margin-top: 0px;    float: right;    font-size: 8pt;}div#top_menu ul li {    position: relative;    margin-left: 10px;    padding-left: 10px;    float: left;    list-style: none;}div#top_menu ul li a {    color: #000;    font-weight: bold;    text-decoration: none;}/* ---------------------------------------- *//* ---------------- Header ---------------- *//* ---------------------------------------- */div#header_left {    float: left;    margin: -35px 0 0 0;    height: 55px;    width: 461px;}div#header_right {    float: right;    height: 55px;    width: 250px;}div#header a {    text-decoration: none;}div#header a:hover {    text-decoration: none;}img.logo {    margin: 0;    padding: 0;    max-width: 100%;    display: block;    height: auto;}img.left-image {    float: left;    width: 209px;    margin: 0;    padding: 0;}img.body-image {    float: left;    width: 420px;    margin: 0;    padding: 0;}img.small_product {    float: left;    width: 127px;    margin: 0;    padding: 0;    border: 1px solid red;    -moz-border-radius: 1em;    -webkit-border-radius: 1em;}div#header h1 {    float: left;    margin: -6px 0 0 0;    padding: 0 10px 0 10px;    font-size: 32px;    letter-spacing: 1px;    font-family: 'Arial Black';    text-decoration: none;    color: #000;    text-shadow: -0.5px -1px 1px #ccc;}div#header h1 span {    color: #FF0000;    text-shadow: -0.5px -1px 1px #ccc;}/* ---------------------------------------- *//* ----------------- Menu ----------------- *//* ---------------------------------------- */div#menu {    position: relative;    z-index: 1;    width: 698px;    height: 39px;    margin: 0px;    padding: 0px;    background: url('./images/red/menu_bg.gif') repeat-x;    border-top-left-radius: 10px;    border-top-right-radius: 10px;    border: 1px #EEE solid;}/* ---------------------------------------- *//* -------------- Column left --------------*//* ---------------------------------------- */div#column_left {    position: relative;    float: left;    width: 209px;}/* ---------------------------------------- *//* --------------- Content ---------------- *//* ---------------------------------------- */div#content {    position: relative;    margin: 15px 0px 15px 15px;    padding: 10px 15px 10px 15px;    background: url('./images/bg_content.png') repeat-x;    background-position: 1px 0px;    float: left;    width: 425px;    border: 1px solid #EEE;    background: #FFF;    -moz-border-radius: 1em;    -webkit-border-radius: 1em;}#product {    float: left;    width: 100%;    height: auto;    margin: 0 0 20px 0;}#product img.productimg {    float: left;    width: 120px;    height: auto;}#product img.productimgg {    float: left;    width: 110px;    padding: 0 10px 0 0;    height: auto;}#product h2 {    float: left;    margin: 5px 0 0 0;}#product p {    float: left;    margin: 5px 0 0 0;    width: 305px;}#left {    float: left;    width: 150px;    overflow: hidden;}#right {    width: 250px;    overflow: hidden;}div#infobox {    position: relative;    margin-bottom: 5px;    padding: 10px;    border: 1px solid #EEE;}div.infobox-menu {    position: relative;    padding: 10px;}div#content ul,div#content ol {    margin-left: 20px;}div#content h1 {    font-size: 17px;    color: #333;    margin-bottom: 0px;}div#content h2 {    font-size: 17px;    color: #333;    margin-bottom: 0px;}div#product-pagina-afbeelding {    float: right;    padding: 0 0 0 10px;}div#bekijken {    float: right;    padding: 0 0 5px 0;}div.assortiment {    text-align: right;    padding: 0 18px 5px 0;}div.assortiment a {    color: #000;}/* ---------------------------------------- *//* ----------- Application Tags ----------- *//* ---------------------------------------- */#tag_links {    width: 500px;    margin-left: auto;    margin-right: auto;    text-align: center;    padding: 20px;}div#tags_label {    position: absolute;    float: left;    padding-left: 50px;    bottom: 24px;}/* ---------------------------------------- *//* ----------------- Boxen ---------------- *//* ---------------------------------------- */div.box {    position: relative;    margin-top: -4px;    margin-bottom: 19px;}div.boxbig {    position: relative;    margin-top: -4px;    margin-bottom: 19px;    height: 200px;}div.box_top {    position: relative;    height: 25px;}div.box_top_dark {    position: relative;    height: 25px;    width: 209px;    height: 33px;    background: #000; /*url('./images/red/infoBoxHeading_table.gif'); */    border-top-right-radius: 10px;}div.box_top_dark h2 {    position: relative;    top: 10px;    margin-left: 15px;    color: #FFF;    font-size: 12px;}div.box_top_grey {    position: relative;    height: 25px;    width: 209px;    height: 33px;    background: url('./images/red/infoBoxHeading2_table.gif');    border-top-right-radius: 10px;}div.box_top_grey h2 {    position: relative;    top: 10px;    margin-left: 15px;    color: #FFF;    font-size: 12px;}div.box_top h1 {    position: relative;    top: 2px;    margin-left: 20px;    color: #1f4356;    font-size: 10pt;    text-transform: uppercase;}div.box_tab {    position: absolute;    margin: -26px 0px 1px 0px;    padding-right: 18px;    height: 25px;    background: #73b7da;}div.box_content,div.box_content_deal {    position: relative;    padding: 0px;    background: #fff;    border-right: 1px solid #d5d5d5;    border-bottom: 1px solid #d5d5d5;    background-image: url('images/bg_bottom_fade.png');    background-repeat: repeat-x;    background-position: bottom center;}div.box_content img {    max-width: 208px;}div.box_content {    background: url('./images/bg_content.png') repeat-x;    background-position: 0px 0px;}div.box_content_deal {    text-align: center;}div.discount {    text-align: right;    font-weight: bold;}div.box_content ul {    margin-left: 10px;}div.box_content ul li,div.box_content_deal ul li {    height: 20px;    padding-left: 15px;    list-style: none;    background-image: url('images/red/icon_arrow_red_right.png');    background-repeat: no-repeat;    background-position: left center;    margin-left: 15px;}div.box_content_deal ul li {    font-size: 12px;    padding-left: 12px;    padding-top: 4px;    text-align: left;}div.box_content ul.padding {    margin-left: 0px;}div.box_content ul.padding li {    padding-top: 4px;}div.box_content ul li.subcategorie {    margin-left: 12px;    padding-left: 12px;}div.box_content ul li a,div.box_content_deal ul li a {    color: #333333;    text-decoration: none;}div.box_content ul li a:hover,div.box_content_deal ul li a:hover {    color: #FF0000;    text-decoration: none;}/* ---------------------------------------- *//* ---------------- Spacers --------------- *//* ---------------------------------------- */div.spacer_top {    margin-top: 15px;}/* ---------------------------------------- *//* ------------- Clear floating ----------- *//* ---------------------------------------- */div.clear {    clear: both;}/* ---------------------------------------- *//* --------------- TOP LEVEL -------------- *//* ---------------------------------------- */ul.dropdown {    padding: 0px;    margin: 0px;    float: left;    width: 700px;    font-size: 12px;    font-weight: bold;}ul.dropdown li {    list-style: none;    margin: -7px 0 0 0;    padding: 0px;    float: left;    height: 17px;    border-right: 1px #999 solid;}ul.dropdown li.last {    border-right: 0;}ul.dropdown a:link,ul.dropdown a:visited,ul.dropdown a:hover,ul.dropdown a:active {    display: block;    margin: 0;    padding: 0px 22px;    color: #000;    text-decoration: none;}ul.dropdown a:hover {    color: #FF0000;}ul.dropdown li img {    margin-top: -8px;}/* ---------------------------------------- *//* --------------- LOW LEVEL -------------- *//* ---------------------------------------- */ul.dropdown ul.subnav {    visibility: hidden;    position: absolute;    margin-top: 13px;    font-size: 11px;    z-index: 600;    width: 270px;    text-transform: none;    border-left: 1px solid #c50000;    border-right: 1px solid #c50000;    border-bottom: 1px solid #c50000;    background: #fff;    -moz-box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.5);    -webkit-box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.5);    box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.5);}ul.dropdown ul.subnav li {    background: #f2f2f2 url(images/menu_listitem_blue.png) no-repeat 10px;    margin-right: 1px;    margin-left: 1px;    margin-bottom: 1px;}ul.dropdown ul.subnav li:hover {    background: #c50000 url(images/menu_listitem_white.png) no-repeat 10px;}ul.dropdown ul.subnav a:link,ul.dropdown ul.subnav a:visited,ul.dropdown ul.subnav a:hover,ul.dropdown ul.subnav a:active {    padding: 7px 5px 4px 14px;    width: 238px;    color: #333333;    padding-left: 25px;    height: 25px;}ul.dropdown ul.subnav a:hover {    color: #fff;}ul.dropdown li:hover > ul {    visibility: visible;}/* ---------------------------------------- *//* --------- Attenuation Diagram ---------- *//* ---------------------------------------- */table.attenuation_diagram {    width: 425px;}td.bold_border_b_left {    border-bottom: 1px solid #cccccc;    font-weight: bold;    text-align: left;}td.bold_border_bl {    border-bottom: 1px solid #cccccc;    border-left: 1px solid #cccccc;    font-weight: bold;    text-align: center;}td.bold_border_blr {    border-bottom: 1px solid #cccccc;    border-left: 1px solid #cccccc;    border-right: 1px solid #cccccc;    font-weight: bold;    text-align: center;}td.border_b {    border-bottom: 1px solid #cccccc;    text-align: center;}td.border_bl {    border-bottom: 1px solid #cccccc;    border-left: 1px solid #cccccc;    text-align: center;}td.border_blr {    border-bottom: 1px solid #cccccc;    border-left: 1px solid #cccccc;    border-right: 1px solid #cccccc;    text-align: center;}.hamburger {    display: none !important;}/* Smartphones (portrait and landscape) ----------- */@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {    /* Styles */}/* Smartphones (portrait) ----------- */@media only screen and (max-width : 700px) {    div#wrapper {        padding: 0px 2px;        width: 90%;    }    div#border {        width: 100%;    }    div#header_left {        width: 100%;        display: block;    }    div#header_right {        display: none;    }    div#menu {        margin-top: 10px;        width: 100%;        background: #fff;        background-image: none;        height: auto;        overflow: hidden;        display: none;    }    ul.dropdown {        width: auto;        padding: 10px 0;    }    ul.dropdown li {        display: block;        margin: 2px 0;        width: 100%;        border: 0;    }    #column_left {        display: none;    }    div#content {        width: auto;        display: block;        padding: 0 10px;        background: none;        margin: 10px 0 0 0;    }    img {        max-width: 100%;        display: block;        height: auto;    }    div#header_left a {        display: inline-block;        width: 75%;        float: left;        padding-left: 5px;    }    .hamburger {        display: inline-block !important;        margin-top: -10px !important;    }    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {        color: #be2d2a !important;    }    label {        display: block;        clear: both;        width: auto;    }    textarea {        width: 100%;    }    input[type="text"] {        width: 100%;        clear: both;        display: block;    }    form {        padding-right: 10px;    }    form br {        display: none;    }}.svg-menu-toggle {    fill:#fff;    pointer-events:all; //needs to be there so the hover workscursor:pointer;.bar {    -webkit-transform:rotate(0) translateY(0) translateX(0);    transform:rotate(0) translateY(0) translateX(0);    opacity:1;    -webkit-transform-origin: 20px 10px;    transform-origin: 20px 10px;    -webkit-transition: -webkit-transform 0.4s ease-in-out, opacity 0.2s ease-in-out;    transition: transform 0.4s ease-in-out, opacity 0.2s ease-in-out;}.bar:nth-of-type(1) {    -webkit-transform-origin: 20px 10px;    transform-origin: 20px 10px;}.bar:nth-of-type(3) {    -webkit-transform-origin: 20px 20px;    transform-origin: 20px 20px;}}.svg-menu-toggle:hover {.bar:nth-of-type(1) {    -webkit-transform:rotate(-45deg) translateY(0) translateX(0);    transform:rotate(-45deg) translateY(0) translateX(0);}.bar:nth-of-type(2) {    opacity:0;}.bar:nth-of-type(3) {    -webkit-transform:rotate(45deg) translateY(0em) translateX(0em);    transform:rotate(45deg) translateY(0em) translateX(0em);}}.inline-svg {    display:block;    margin:0 auto;}body {    background-color:#4c4c4c;}