@font-face {
 font-family: 'ALW';
 src: url('../font/alw.eot');
 src: local('☺'), url('../font/alw.woff') format('woff'), url('../font/alw.ttf') format('truetype'), url('../font/alw.svg#webfontkKyptMaP') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'NONo';
 src: url('../font/NONo.eot');
 src: local('☺'), url('../font/NONo.woff') format('woff'), url('../font/NONo.ttf') format('truetype'), url('../font/NONo-bold.svg#webfont0vD8hiyQ') format('svg');
 font-weight: normal;
 font-style: normal;
}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/

html {
  color: #000;
  background: #FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}
li {
  list-style: none;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
input, textarea, select {
* font-size: 100%;
}
legend {
  color: #000;
}
/* base */
h1 {
  font-size: 120%;
}
h2 {
  font-size: 120%;
}
h3 {
  font-size: 108%;
}
h1, h2, h3, h4, h5, h6, strong {
  font-weight: bold;
}
abbr, acronym {
  border-bottom: 1px dotted #000;
  cursor: help;
}
em {
  font-style: italic;
}
blockquote, ul, ol, dl {
  margin: 1em;
}
ol, ul, dl {
  margin-left: 2em;
}
ol li {
  list-style: decimal outside;
}
ul li {
  list-style: disc outside;
}
dl dd {
  margin-left: 1em;
}
th, td {
  border: 0;
  padding: 0;
}
th {
  font-weight: bold;
  text-align: center;
}
caption {
  margin-bottom: .5em;
  text-align: center;
}
p, fieldset, table, pre {
  margin-bottom: 1em;
}
input[type=text], input[type=password], textarea {
  width: 12.25em;
* width: 11.9em;
}
/* fonts */
p {
  padding: 5px;
}
body {
  font: 13px/1.231 helvetica, clean, sans-serif;
* font-size: small;
* font: x-small;
}
select, input, button, textarea {
  font: 100% helvetica, clean, sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
pre, code, kbd, samp, tt {
  font-family: monospace;
* font-size: 108%;
  line-height: 100%;
}

/* end reset */
html {
  background:#fff;
}
body {
  padding: 0;
  margin: 0;
  color: #6C6661;
  background-color:#fff;
  letter-spacing:0.05em;

}
body.s-1 h1{
  font-family:helvetica,clean,sans-serif;
  padding: 0px 0 5px 34px;
}
h1 {
  font-family: 'NONo';
  font-size: 190%;
  font-weight: normal;
  padding: 2px 0 5px 4px;
  text-align: left;
  text-transform: uppercase;
}
.msie h1{
  font-size: 180%;
}
h2 {
  font-family: 'ALW';
  font-weight:normal;
  font-size: 130%;
  padding: 2px 0 10px 0;
}
p{
  padding:0;
}
a {
  text-decoration: none;
  outline:none;
  color:#6C6661;

}

body.s-1 #content h3{
  text-align: right;
  color: #877B72;
  font-size: 130%;
  cursor:pointer;
}
body.s-1 #content h3:hover{
  color:#f0351d;
}
body.s-3 #content h3 {
  font-family: 'NONo';
  text-align: right;
  color: #877B72;
  font-size: 130%;
}
body.s-3 #content h3 a:hover, body.s-4 #content h3 a:hover{
  color:#f0351d;
}
body.s-4 #content h3 {
  font-family: 'NONo';
  text-align: center;
  font-size: 140%;
}
body.s-5 #slider h1{
  padding-left: 10px;
  padding-top: 10px;
}
.color {
    position: absolute;
    right: 110px;  
  margin-top: -25px;
  width: 200px;
}

ul {
  list-style:none;
  margin:0;
  padding:0;
}
#container {
  height:768px;
  margin:0 auto;
  position:relative;
  width:1024px;
}
#header {
  position:absolute;
  width:1024px;
  height:140px;
  top:0;
left:0;
}
#tagline {
  height: 74px;
  left: 366px;
  position: absolute;
  top: 63px;
  width: 280px;
  color:#6C6661;
  text-align:right;
}
/* menu links */
#menuL0 {
    font-family: 'ALW';
    font-size: 130%;
    left: 50px;
    letter-spacing: 0.02em;
    position: absolute;
    text-transform: lowercase;
    top: 30px;
    width: 125px;
    z-index: 10;
}
#menuL0 ul li {
  display:inline;
}
#menuL0 ul li a {
  color:#6C6661;
  text-align:right;
  margin:0;
  display:block;
  text-indent:-999em;
}
#menuL0 ul li a:hover, #menuL0 ul li.selected a {
  color:#F0351D;
}
/* einde menu links */
#logo {
  color: #6C6661;
  font-family: 'ALW';
  font-size: 250%;
  height: auto;
  left: 359px;
  position: absolute;
  text-align: right;
  text-transform: uppercase;
  top: 25px;
  width: 300px;
  z-index: 10;
  letter-spacing:0.05em;
}
#logo p {
  font-size: 40%;
  color: #877B72;
  padding: 0px;
  margin: 0 10px -2px;
  text-transform: lowercase;
}
.ie7 #logo p {
    margin: 0 10px 0 0;
}

#contentContainer {
  height:411px;
  left: 0;
  position: absolute;
  top: 140px;
  width:1024px;
  z-index:1;
}
#crosshairs-left {
  position:absolute;
  background:url(../imgs/crosshairs-left.jpg) no-repeat;
  width:35px;
  height:470px;
  left: 75px;
}
#crosshairs-right {
  position:absolute;
  background:url(../imgs/crosshairs-right.jpg) no-repeat;
  width:35px;
  height:470px;
  left: 930px;
}
body.s-1 #crosshairs-right, body.s-1 #crosshairs-left, body.s-6 #crosshairs-right, body.s-6 #crosshairs-left, body.s-5 #crosshairs-right, body.s-5 #crosshairs-left {
  display:none;
}
#content {
  position: absolute;
  top: 45px;
  left:235px;
  width:538px;
  z-index:2;
}
body.s-1 #content {
  background: #FFFFF9;
  height: 365px;
  left: 498px;
  padding: 10px;
  top: 28px;
  width: 280px;
  display: none;
}
body.s-1 #content p{
  padding:0 0 0 5px;
}
body.s-3 #content {
  left: 110px;
  padding: 10px;
  position: absolute;
  top: 170px;
  width: 800px;
  z-index: 2;
}
body.s-4 #content {
  left: 150px;
  padding: 10px;
  position: absolute;
  top: 29px;
  width: 800px;
  z-index: 2;
}
body.s-5 #content {
  position: absolute;
  top: 29px;
  width: 580px;
  z-index: 2;
}
body.s-19 #content {
    height: 417px;
    left: 107px;
    position: absolute;
    top: 28px;
    width: 805px;
    padding-left:10px;
    z-index: 2;
}
#content ul {
  padding-left: 5px;
}
/*#content ul {
  list-style-position: outside;
  list-style-type: disc;
  padding: 0 0 0 63px;
  width: 450px;
}*/
#content ul.multicolumnContainer {
  list-style-type: none;
}
#content ul.multicolumnContainer li {
  padding: 0 0 0 0;
  list-style-type: none;
}
.multicolumnContainer .column {
  list-style-type: none;
}
body.s-5 #content .column1.columnFirst {
  height:385px;
  width:125px;
  background:#F7F2ED;
}

body.s-5 .multicolumnContainer .csc-default .bodytext {
  padding:10px;
}
body.s-5 .multicolumnContainer .csc-default .bodytext a {
  color:#F0351D;
}
body.s-5 .multicolumnContainer .csc-default .bodytext a:hover {
  text-decoration:underline;
}
body.s-5 #content .column2.columnLast {
  height:385px;
  width:125px;
  background:#fff;
}
.multicolumnContainer .csc-textpic-imagewrap {
  margin:0;
}
.csc-textpic-imagewrap {
  margin: 8px 0 0 0;
}
#images {
  width:644px;
  height:439px;
  position:absolute;
  background:url(../imgs/crosshairs.jpg) no-repeat;
  left:190px;
  top:0;
}
body.s-3 #images, body.s-4 #images, body.s-19 #images{
    display:none;
}
#images div.csc-textpic-imagewrap {
    left: 0;
    margin: 0;
    position: relative;
    top: 0;
}
.s-6 #images div.csc-textpic-imagewrap {
    left: -6px;
    top: 30px;  
}
#images .csc-textpic-image {
    left: 0;
    margin: 0;
    position: relative;
    top: 0;
}
#images div.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image img {
    margin: 28px 0 0 28px;
}
#images .csc-textpic-caption, #images .bodytext {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  left: 449px;
  position: absolute;
  text-align: center;
  text-transform: capitalize;
  top: 200px;
  width: 300px;
  color:#6C6661;
  font-family:'ALW';
  display:none;
}
#images .bodytext {
  left: 470px;
}
.msie #images .csc-textpic-caption, .msie #images .bodytext {
  left: 620px;
  top: 70px;
}

/*
#imgs {
  height:385px;
  position:absolute;
  left:19px;
  top:28px;
}
#imgs .csc-textpic-image {
  position:absolute;
}
#imgs .csc-textpic-caption {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  left: 449px;
  position: absolute;
  text-align: center;
  text-transform: capitalize;
  top: 200px;
  width: 300px;
  color:#6C6661;
  font-family:'ALW';
}
#imgs .bodytext {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  left: 470px;
  position: absolute;
  text-align: center;
  text-transform: capitalize;
  top: 200px;
  width: 300px;
  color:#6C6661;
  font-family:'ALW';
}

*/

#sideImg {
  height: 140px;
  left: 840px;
  position: absolute;
  top: 140px;
  width: 235px;
}
#footer {
  font-family: 'ALW';
    font-size: 93%;
    height: 40px;
    margin: 0 auto;
    position: relative;
    top: 560px;
    width: 530px;
    z-index: 5;
}
body.s-3 #footer, body.s-4 #footer, body.s-19 #footer, body.s-5 #footer {
  display:none;
}
#footer p {
  padding:0;
}
#footer a {
  color:#6C6661;
}
#footer a:hover {
  color:#F0351D;
  text-decoration:underline;
}
#footer h3 {
  text-transform:uppercase;
  font-weight:normal;
}
#footer ul.multicolumnContainer {
  padding: 0 0 0 0;
  list-style-type: none;
}
#footer ul.multicolumnContainer li {
  padding: 0 0 0 0;
  list-style-type: none;
}
#footer .column1.columnFirst {
}
#footer .column2.columnLast {
  text-align:right;
}
#footer .column2.columnLast {
  color:#F0351D;
}
#footer .multicolumnContainer .csc-textpic-imagewrap {
  margin:0;
}
/* powermail css */
.tx-powermail-pi1 {
  width: 377px;
}
legend, label {
  display:none;
}
fieldset {
  border:0pt none;
  padding: 10px 0 0 10px;
}
input {
  height:20px;
  border:0;
  background: transparent;
  text-transform: uppercase;
  color: #6C6661;
  width:160px;
  letter-spacing: 0.04em;
}
textarea {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  color: #6C6661;
  height: 240px;
  letter-spacing: 0.04em;
  line-height: 2.7em;
  margin: 0 0 10px;
  overflow: auto;
  padding: 6px 0 0 24px;
  text-transform: uppercase;
  width: 251px;
}
#powermaildiv_uid6 {
  font-size: 90%;
  height: 260px;
  position: absolute;
  top: 70px;
  width: 330px;
}
#powermaildiv_uid1 {
  position:absolute;
  right:25px;
  top:130px;
  width:160px;
  font-size:90%;
  border-bottom: 1px solid #F0351D;
}
#powermaildiv_uid2 {
  position:absolute;
  right:25px;
  top:160px;
  width:160px;
  font-size:90%;
  border-bottom: 1px solid #F0351D;
}
#powermaildiv_uid4 {
  right:25px;
  position:absolute;
  top:190px;
  width:160px;
  font-size:90%;
  border-bottom: 1px solid #F0351D;
}
#powermaildiv_uid5 {
  right:25px;
  position:absolute;
  top:220px;
  font-size:90%;
  width:160px;
  border-bottom: 1px solid #F0351D;
}
#powermaildiv_uid7 {
  background: url("../afbeeldingen/contact.png") no-repeat;
  color: #FFFFFF;
  font-size: 83%;
  position: absolute;
  right: 10px;
  top: 25px;
  width: 130px;
  height: 88px;
}
#powermaildiv_uid7:hover {
  background: url("../afbeeldingen/contactNo.png") no-repeat;
}
div.tx_powermail_pi1_fieldwrap_html_submit input {
   color: #FFFFFF;
    cursor: pointer;
    font-family: 'NONo';
    font-size: 150%;
    height: 80px;
    margin-left: 17px;
    width: 100px;
}
/*for FireFox*/

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
    {   
        border : 0px;
    } 
/*for IE8 */
    input[type="submit"]:focus, input[type="button"]:focus
    {     
        outline : none; 
    }

.error p {
  left: 110px;
  position: absolute;
  width: 350px;
}
div.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_label.tx_powermail_pi1_fieldwrap_html_12 {
  font-size: 11px;
}
.tx-powermail-pi1_thx {
  height: 240px;
  left: 32px;
  position: absolute;
  text-transform: uppercase;
  top: 72px;
  width: 242px;
}
/* color-wheel */
#csd3-canvas {
  height: 280px;
  position: relative;
  right: -100px;
  top: -15px;
  width: 280px;
}
#csd3-pane-wheel {
  height: 380px;
  right: 0;
  position: absolute;
  top: -50px;
  width: 380px;
}
#csd3-wheel {
  height: 100%;
  width: 100%;
}
#csd3-sample {
  background: none repeat scroll 0 0 gray;
  height: 140px;
  left: 120px;
  position: absolute;
  top: 120px;
  width: 140px;
  z-index: 0;
}
#csd3-wh1 {
  background: url("../imgs/wheel1.png") no-repeat scroll right bottom transparent;
  height: 190px;
  left: 0;
  position: absolute;
  top: 0;
  width: 190px;
}
#csd3-wh2 {
  position:absolute;
  top:0;
  left:190px;
  width:190px;
  height:190px;
  background: url('../imgs/wheel2.png') left bottom no-repeat;
}
#csd3-wh3 {
  position:absolute;
  top:190px;
  left:0;
  width:190px;
  height:190px;
  background: url('../imgs/wheel3.png') right top no-repeat;
}
#csd3-wh4 {
  position:absolute;
  top:190px;
  left:190px;
  width:190px;
  height:190px;
  background: url('../imgs/wheel4.png') left top no-repeat;
}
.dot, .dotv {
  position:absolute;
  width:13px;
  height:13px;
  background: url('../imgs/dot1.png') 0 0 no-repeat;
}
.dot {
  cursor:pointer;
}
/* #### SLIDER #### */
#sliderWrapper {
    height: 150px;
    left: 108px;
    overflow: hidden;
    position: absolute;
    top: 27px;
    width: 823px;
}
body.s-1 #sliderWrapper {
    left: 520px;
    top: 250px;
    width: 250px;
    z-index: 1;
}
body.s-5 #sliderWrapper {
    height: 386px;
    left: 219px;
    top: 32px;
    width: 579px;
    z-index: 1;
}
#slider {
    height: 100%;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}
body.s-5 #slider {
  z-index: 2;
  width: 590px;
}

body.s-1 #slider {
    color: #F0351D;
    font-size: 100%;
    width: 250px;
    cursor: pointer;
}

.header h2 {
   
  width: 820px;
  height: 100px;
  
  color: #877B72;
  font-size: 500%;
  font-family: 'NONo';
}
html.msie .header h2{
  font-size: 480%;
}
.header h3 {
  color: #F0351D;
  font-family: 'ALW';
  font-size: 300%;
  margin-top: -40px;
  text-indent: 10px;
}
html.msie .header h3{
  font-size: 280%;
}
html.msie.ie7 .header h2{  
  width: auto;
  height: auto;
}
html.msie.ie7 .header h3{  
  margin-top: 0;
}

body.s-5 .nav {
  margin: 5px;
  z-index: 10;
}
body.s-5 #next {
  position: absolute;
  width: 50px;
  height: 50px;
  background: url("../imgs/nav.png") no-repeat -50px -54px;
  right: 130px;
  top: 220px;
}
body.s-5 #prev {
  position: absolute;
  width: 50px;
  height: 50px;
  background: url("../imgs/nav.png") no-repeat 0 -54px;
  left: 140px;
  top: 220px;
}
body.s-5 #next:hover {
   background: url("../imgs/nav.png") no-repeat -50px 4px;
}
body.s-5 #prev:hover {
  background: url("../imgs/nav.png") no-repeat 0px 4px;
}