/*--------------general layout---------------*/
body  {
background: #fff;
color: #000;
margin: 0 0 5px 0;
padding: 0;
border: 0;
text-align: left;
font-family: verdana, lucida, arial, helvetica, sans-serif;
font-size: 13px;
}

#wrapper {
position:relative;
left:50%;
margin-left:-370px;
margin-top:5px;
border: 0px;
background-color:#fff;
width:740px;
}

.header  {
clear: both;
width: 740px;
height: 120px;
border: 0;
text-align: left;
background-color:#ff0000;
background: url(bgtop.gif);
margin: 0px;
padding:0px;
}

.nomenu-header {
clear: both;
width: 740px;
height: 75px;
border: 0;
text-align: left;
background-color:#ff0000;
background: url(bgtop.gif);
margin: 0px;
padding:0px;
}

#logo {
float: left;
margin: 5px 0px 0px 2px;
padding: 0px;
width: 200px;
border: 0;
}

.logo {
float: left;
margin: 5px 0px 0px 2px;
padding: 0px;
width: 200px;
border: 0;
}

.topnav {
float: left;
width: 528px;
height: 20px;
margin: 28px 0px 0px 0px;
border: 0;
text-align: right;
border: 0;
}

.toptextnav {
float: left;
width: 473px;
border: 0;
font-weight: normal;
text-transform: lowercase;
text-decoration: none;
text-align: right;
font-size: 10px;
padding-bottom:6px;
color: #666;
}

.toptextnav a {
font-weight: normal;
text-transform: lowercase;
text-decoration: none;
font-size:  10px;
color: #666;
}

.toptextnav a:hover {
font-weight: normal;
text-transform: lowercase;
text-decoration: underline;
font-size:  10px;
color: #666;
}

.language {
float: left;
margin: 0px;
padding-right: 0;
text-align: right;
border: 1;
width: 54px;
}

.language img {
float: left;
margin: 0 0 0 3px;
padding-bottom: 3px;
border: 0;
border-bottom: 1px solid #666;
}

.language a img {
float: left;
margin: 0 0 0 3px;
padding-bottom: 3px;
border: 0;
}

#content {
clear: both;
width:740px;
border: 0px;
margin: 0px;
padding:0px;
}

#flashheader   {
border: 0px;
margin: 0px;
padding: 0px;
}

#contentmp {
background-image: url(img/contentmp.gif);
margin-top: 15px;
border: 0px solid black;
}

#contentsp {
background-image: url(img/contentsub.gif);
background-position: bottom;
margin-top: 02px;
border: 0px solid black;
}

#contentsp-nobg {
background-image: url(img/contentsub-nobg.gif);
background-position: bottom;
margin-top: 02px;
border: 0px solid black;
}

#contentsub {
background-image: url(img/contentsub.gif);
margin-top: 14px;
border: 0px solid black;
}

#contenttop {
background-image: url(img/contenttop.gif);
background-repeat: no-repeat;
margin-top: 0px;
height: 14px;
border: 0px solid black;
}

#contentbottom {
background-image: url(img/contentbottom.gif);
background-repeat: no-repeat;
background-position:  bottom;
margin-top: 0px;
height:18px;
border: 0px solid black;
}

#contentbottomsp {
background-image: url(img/contentbottomsp.gif);
background-repeat: no-repeat;
background-position:  bottom;
margin-top: 0px;
height:18px;
border: 0px solid black;
}

.contentbreak {
background-image: url(img/contentbreak.gif);
background-repeat: repeat-x;
background-position:  bottom;
margin: 0px 0px 15px 0px;
height:16px;
border: 0px solid black;
clear: both;
}

#footer {
width: 740px;
height: 90px;
margin-top: 12px;
background-image: url(img/footer.gif);
background-repeat: no-repeat;
border: 0px solid black;
}

.footertext {
width: 600px;
padding-top: 13px;
border: 0px solid black;
text-align: right;
font-weight: normal;
text-decoration: none;
text-align: right;
font-size: 10px;
padding-bottom:6px;
color: #3C1385;
}

.footertext a {
text-decoration: underline;
font-size: 10px;
padding-bottom:6px;
color: #3C1385;
}

.footertext a:hover {
text-decoration: underline;
font-size: 10px;
padding-bottom:6px;
color: #66B821;
}

.contentcol {
width: 220px;
border: 0px solid black;
margin: 0 14px 0 14px;
padding: 0;
text-align: left;
font-weight: normal;
text-decoration: none;
font-size: 12px;
padding-bottom:6px;
color: #3C1385;
}

.contentbody{
width: 463px;
border: 0px solid purple;
margin: -5px 0 0 18px;
padding: 0;
text-align: left;
font-weight: normal;
text-decoration: none;
font-size: 12px;
padding-bottom:6px;
color: #3C1385;
}

.contentcol img{
margin: 0px 0 9px 0;
padding: 0;
}

.contentcol a img{
margin: 0;
padding: 0;
}

#content ul {
border: 0;
padding: 0 0 0 15px;
margin: 0 0 8px 0;
border: 0px solid black;
}

#content li {
list-style-image: url(img/bullet.gif);
margin: 0;
border: 0px solid black;
}

/*-------------Trigger Col-------------*/

.triggercol {
width: 190px;
border: 0px solid black;
margin: 0 0 0 32px;
padding: 0;
text-align: left;
font-weight: normal;
text-decoration: none;
font-size: 10px;
padding-bottom:6px;
color: #3C1385;
}

.triggercol .triggermenu {
font-size: 13px;
}

.triggerbreak {
margin: 15px 0px 10px 0px;
height:16px;
border: 0;
border-top: 1px solid #3C1385;
}

.triggercol img{
background: #fff;
border: 1px solid #3C1385;
padding: 3px;
margin: 0 0 5px 0;
}

.triggercol .linkimg img{
background: #fff;
border: 1px solid #3C1385;
padding: 3px;
margin: 0 0 5px 0;
}

.triggercol a img{
background: #ECEDF1;
border: 0;
padding: 0;
margin: 0;
}

.triggercol a {
line-height: 1.2em;
margin:0;
padding:0;
color: #3C1385;
font-weight: bold;
text-decoration: none;
}

.triggercol a:hover {
text-decoration: underline;
}

.triggercol ul li a.idle {
list-style-image: url(img/greenbullet.gif);
color: #66B821;
margin: 0;
border: 0px solid black;
}

/*---------------Video box---------------*/
.videobox {
background-color: #;
height: 300px;
width: 340px;
margin: 40px 0 0 65px;
}

.videobox p {
background-color: #;
margin: 20px 0 0 0;
}

.videocol {
float: left;
background-color: #;
height: 200px;
width: 170px;
text-align: center;
}

/*-------------Content types-------------*/

.snipletimg {
  float: left;
  width: 76px;
  height: 76px;
  border: 1px solid #3C1385;
  margin: 4px 10px 10px 0px;
}

.snipletimg img {
margin: 3px 3px 3px 3px;
}

.sniplettxt {
float: left;
width: 364px;
margin: 0 0 0 0px;
}

.relaximg {
  float: left;
  width: 110px;
  margin-bottom: 20px;
  border: 0;
}

.relaxtxt {
float: left;
width: 333px;
margin-left: 12px;
}

.cat {
background-image: url(img/contentheaderbg.gif);
background-repeat: no-repeat;
color: #3B1787;
border: 0px solid black;
color: #3C1385;
height: 15px;
font-weight: bold;
text-decoration: none;
font-size: 12px;
clear: both;
}

.row {
border: 0px solid black;
width: 100%;
padding: 0 0 10px 0;
clear:both;
}

.split {
float: left;
border: 0px solid black;
width: 215px;
margin: 0px 0px 0px 10px;
}

.imgleft {
float: left;
margin: 5px 0px 5px 10px;
}

.imgright {
float: right;
margin: 5px 0px 5px 10px;
}

.imgcenter {
clear: both;
width: 465px;
text-align: center;
border: 0px solid black;
margin: 5px 0px 5px 10px;
}

.imgcenter img {
margin: 5px 0 15px 0;
}

/*-----------------FAQ-------------------*/

.faqquestion {
color: #3B1787;
padding: 2px 0 2px 5px;
margin: 0px 0 0px 0;
color: #3C1385;
font-weight: bold;
text-decoration: none;
font-size: 12px;
}

.faqanswer {
color: #3B1787;
padding: 2px 0 2px 30px;
margin: 0px 0 10px 0;
color: #3C1385;
font-weight: normal;
text-decoration: none;
font-size: 12px;
line-height: 1.4em;
}

.faqanswer a img {
text-align: right;
padding: 0px 0 2px 415px;
margin: 0px 0 5px 0;
}

.cat {
background-image: url(img/contentheaderbg.gif);
background-repeat: no-repeat;
color: #3B1787;
padding: 2px 0 2px 5px;
margin: 0px 0 10px 0;
line-height: 1.2em;
color: #3C1385;
font-weight: bold;
text-decoration: none;
font-size: 12px
clear: both ;
}

/*--------------typography---------------*/

h1 {
line-height: 1.2em;
margin: 0 0 8px 0;
padding:0;
font-size: 22px;
}

h1 a {
text-decoration: none;
color: #66B821;
}

h1 a:hover {

text-decoration: underline;
color: #66B821;
}

h2 {
line-height: 1.2em;
margin: 0 0 8px 0;
padding:0;
font-size: 18px;
}

h2 a {
text-decoration: none;
color: #66B821;
}

h2 a:hover {
text-decoration: underline;
color: #66B821;
}

h3 {
line-height: 1.2em;
margin: 0px 0 5px 0;
padding:0;
font-size: 14px;
}

h3 a {
text-decoration: none;
color: #66B821;
}

h3 a:hover {
text-decoration: underline;
color: #66B821;
}

h4 {
line-height: 1.2em;
margin: 0px 0 15px 0;
padding:0;
font-size: 12px;
}

h4 a {
text-decoration: none;
color: #66B821;
}

h4 a:hover {
text-decoration: underline;
color: #66B821;
}

h5 {
font-weight: normal;
text-transform: lowercase;
text-decoration: none;
font-size:  10px;
color: #666;
margin: 0;
padding: 0 0 4px 0;
}

div.price{
font-size:18px;
font-weight:bold;
}

div.price span{
font-size:10px;
vertical-align:top;
margin-top:20px;
}

p  {
line-height: 1.2em;
margin: 0px 0 15px 0;
padding:0;
}

.triggercol p {
line-height: 1.2em;
margin: 0px 0 7px 0;
padding:0;
}

.sniplettxt p a {
font-weight: lighter;
text-decoration: none;
color: #3C1385;
}

.sniplettxt p a:hover {
font-weight: lighter;
text-decoration: none;
color: #666;
}

a  {
line-height: 1.2em;
margin:0;
padding:0;
color: #66B821;
font-weight: bold;
text-decoration: none;
}

a:hover  {
line-height: 1.2em;
margin:0;
padding:0;
color: #66B821;
font-weight: bold;
text-decoration: underline;
}

.greentext {
display: inline;
color: #66B821;
}


/* ---( Formulier )------------------------- */

.formdata {
font-size: 12px;
margin: 15px 0px 0px 5px;
}

input.check {
border-bottom:1px solid #4D4D4D;
border-left:1px solid #6F6F6F;
border-right:1px solid #4D4D4D;
border-top:1px solid #8A8A8A;
background-image: url(img/bg_knop.gif);
color:#101010;
background-color:fff;
font-size: 11px;
font-family: Verdana,Arial,sans-serif;
margin: 5px 0 0 0;
}

input.text {
background-color: #FFFFFF;
color: #151515;
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 10Spx;
border: 1px solid #CAC9C9;
margin: 10px 10px 10px 10px;
}

.txtfield {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #fff;
width: 99%;
border: 1px solid #CAC9C9;
margin: 0px 0px 5px 0px;
}

.checkbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #fff;
width: 20px;
border: 0px;
margin: 0px;
}

.txtfieldsmall {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #fff;
width: 30px;
border: 1px solid #CAC9C9;
margin: 0px 0px 0px 0px;
}

.txtfieldorder {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11;
// font-weight: bold;
color: #66B821;
border: 0px;
margin: 0px 0px 0px 0px;
}

.selectfield {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #fff;
width: 99%;
border: 1px solid #CAC9C9;
}

.body-text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
width: 99%;
height: 165px;
border: 1px solid #CAC9C9;
background-color: #fff;
overflow:auto;
scrollbar-3dlight-color:#f9f9f9;
scrollbar-arrow-color:#707070;
scrollbar-darkshadow-color:#f9f9f9;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#707070;
scrollbar-shadow-color:#707070;
scrollbar-track-color:#f9f9f9;
}

.body-text-small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
width: 99%;
height: 100px;
border: 1px solid #CAC9C9;
background-color: #fff;
overflow:auto;
scrollbar-3dlight-color:#f9f9f9;
scrollbar-arrow-color:#707070;
scrollbar-darkshadow-color:#f9f9f9;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#707070;
scrollbar-shadow-color:#707070;
scrollbar-track-color:#f9f9f9;
}

/*set CSS for SPAN tag surrounding each image*/
.seqslidestyle{
margin-right: 15px;
}