* {
margin:0;
padding:0;
}
body {
background:#fff;
color:#000;
font:11px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
a {
color:#1963d0;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a img {
border:none;
}

#wrapper {
width:990px;
margin:0 auto;
text-align:left;
}
#header {
position:relative;
width:990px;
height:176px;
z-index:2;
}
/* --------------------------------------------------- banner scroll --------------------------------------------------- */

#banner-fullwidth {
overflow:hidden;
width:620px;
padding:0;
}

#banner1scroll {
position:relative;
overflow:hidden;
width:100%;
}

.scrollable {
position:relative;
width:100%;
height:175px;
margin-bottom:10px;
}
.scrollable .items {
overflow:hidden;
width:20000em;
position:absolute;
clear:both;
}
#banner-fullwidth .scrollable ul {
list-style:none;
margin:0;
}
#banner-fullwidth .scrollable li {
float:left;
background:none;
padding:0;
}

#navi-container {
overflow:hidden;
width:100%;
}

#navi-container ul.navi {
height:22px;
text-align:center;
list-style:none;
margin:0;
}
#navi-container ul.navi li {
display:inline;
background:none;
padding:0 10px 0 0;
}
#navi-container ul.navi li a {
display:inline-block;
background:url(../images/navi1.png) left 3px no-repeat;
text-decoration:none;
padding:0 0 0 12px;
cursor:pointer;
}
#navi-container ul.navi li a:hover {
background:url(../images/navi2.png) left 3px no-repeat;
}
#navi-container ul.navi li.active a {
background:url(../images/navi3.png) left 3px no-repeat;
color:#f97f07;
}

/* ---------------------------------- jQuery banner ----------------------------------------- */

#header #logo {
position:absolute;
left:0;top:37px;
}
#header #header_top {
overflow:hidden;
width:990px;
height:26px;
}
#header #cmsmenutop {
overflow:hidden;
float:left;
height:30px;
padding:6px 0 0;
}
#header #cmsmenutop ul {
float:left;
list-style:none;
}
#header #cmsmenutop ul li#main1, #header #cmsmenutop ul li#main2, #header #cmsmenutop ul li#main3, #header #cmsmenutop ul li#main6 {
display:none;
}
#header #cmsmenutop ul li {
float:left;
height:14px;
border-left:1px solid #aeaeae;
background:none;
padding-top:0px;
}
#header #cmsmenutop ul li#cmsmenutop_contact a {
padding-right:0;
}
#header #cmsmenutop ul li#klantenservice {}
#header #cmsmenutop ul li a {
float:left;
display:block;
font:11px Arial,Helvetica,Verdana,Sans-Serif;
color:#666;
text-decoration:none;
padding:0 10px 0 10px
}
#header #cmsmenutop ul li:hover a {
color:#000;
text-decoration:underline;
}

#mainbar {
overflow:hidden;
width:805px;
height:28px;
}

/*---------------------------------------------------  mainnav end  ---------------------------------------------------*/

#sections {
overflow:hidden;
width:990px;
border-bottom:1px solid #cdcdcd;
}
#middlesection {
float:left;
width:805px;
}
#leftnav {
overflow:hidden;
float:left;
width:180px;
}
#content {
float:right;
width:620px;
padding-bottom:10px;
}
#rightnav {
overflow:hidden;
float:right;
width:180px;
}

#content .main-heading {
margin:0 0 10px;
}
#content .main-heading h1 {
font:24px Arial, Helvetica, sans-serif;
color:#163971;
letter-spacing:-1px;
}
#content .extra-heading {
padding-bottom:10px;
}
#content .extra-heading h2 {
font:bold 14px Arial, Helvetica, sans-serif;
color:#666;
}
#content h3 {
border-bottom:1px dashed #cdcdcd;
font:bold 12px Arial, Helvetica, sans-serif;
color:#999;
margin:12px 0;
padding-bottom:4px;
}
#content ul {
margin-left:6px;
list-style:none;
}
#content ol {
padding-left:20px;
margin-bottom:5px;
}
#content ul li {
background:url(../images/bullet_blue.png) left -1px no-repeat;
padding:0;
padding-left:14px;
font:11px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}
/*---------------------------------------------------  crumbar  ---------------------------------------------------*/
#content #crumbar-center {
overflow:hidden;
width:100%;
font-size:10px;
padding-bottom:10px;
}
#content #crumbar-center div {
float:left;
color:#666;
}
#content #crumbar-center #crumbar-title {
width:100px;
color:#333;
}
#content #crumbar-center #crumbar-content {
width:520px;
margin:0;
padding:0;
}
#content #crumbar-center #crumbar-content ul {
margin:0 0 0 7px;
padding:0;
}
#content #crumbar-center #crumbar-content li {
float:left;
background:none;
font-size:10px;
margin:0;
padding:0;
}
#content #crumbar-center #crumbar-content li a {
background:url(../images/breadcrumb_between.gif) right 3px no-repeat;
font-size:10px;
color:#666;
text-decoration:none;
margin-right:5px;
padding-right:12px;
white-space:nowrap;
}
#content #crumbar-center #crumbar-content li a:hover {
text-decoration:underline;
}
#content #crumbar-center #crumbar-content li strong {
color:#333;
white-space:nowrap;
}
/*---------------------------------------------------  crumbar end ---------------------------------------------------*/



/*---------------------------------------------------  footer  ---------------------------------------------------*/
#footer-container {
width:100%;
height:66px;
font:10px Arial, Helvetica, sans-serif;
text-align:center;
}
#footer {
width:990px;
height:35px;
position:relative;
margin:0 auto;
text-align:left;
padding:0;
}
#footer #copyright {
float:right;
width:400px;
padding-top:10px;
color:#777;
text-align:right;
}
#footer #copyright a {
color:#777;
}
#footer #copyright a:hover {
color:#000;
}
#footer #footernav {
float:left;
width:590px;
padding-top:10px;
}
/*---------------------------------------------------  footer end ---------------------------------------------------*/
.cmstabel a {
color:#0099FF;
}

/* YOGA ADDED */
/* HEADER */
#head { width:100%; margin-bottom:10px; }
#head-top { position:relative; width:990px; height:111px; margin:0 auto; }
#head-top #logo { width:113px; overflow:hidden; float:left; }
#head-top #logo .infobox-heading { display:none }
#head-top #logo img { display:block }
#slogan { position:absolute; right:0; top:89px; }
#head-top #head-content { margin-top:5px; float:right; }
#head-top #cmsmenutop { clear:both; overflow:hidden; }
#head-top #cmsmenutop ul { margin:0; padding:0; list-style:none; float:left; }
#head-top #cmsmenutop ul li { margin-left:5px; padding-left:5px; border-left:1px solid #aaa; float:left; }
#head-top #cmsmenutop ul li a { color:#666; }
#head-top #cmsmenutop ul li#klantenservice { margin-left:0; padding-left:0; border:0; }
#head-top #cmsmenutop ul li#main1 { display:none }
#head-top #cmsmenutop ul li#main2 { display:none }
#head-top #cmsmenutop ul li#main3 { display:none }
#head-top #cmsmenutop ul li#main4 {}
#head-top #cmsmenutop ul li#main5 {}
#head-top #cmsmenutop ul li#main6 { display:none }
#head-top #cmsmenutop ul li#cmsmenutop_contact {}
#head-bar { margin:5px auto 0; padding-top:10px; border-top:1px solid #ccc; }
#head-bar #mainproduct_wrapper { margin:0 auto; position:static; }

#page_home { width:620px; margin-bottom:5px; }
/* HOME BANNER SLIDER */
#banner-slider { width:100%; height:450px; position:relative; }
#banner-slide { width:100%; height:100%; overflow:hidden; }
#banner-slide .slide { display:none }
#banner-slide .slide img { display:block }
#banner-slidenav { position:absolute; bottom:10px; right:10px; z-index:10; }
#banner-slidenav a { margin-left:5px; font:bold 26px Arial; text-shadow:1px 1px 1px #fff; color:#048; display:block; float:left; }
#banner-slidenav a:hover { text-decoration:none; color:#08f; }
#banner-slidenav a.activeSlide { color:#666 }