* {
margin:0;
padding:0;
}
body {
font:12px Arial, Helvetica, sans-serif; 
color:#333; 
text-align:center;
}

a {
color:#5F6972;
text-decoration:none;
}
a:hover {
color:#5F6972;
text-decoration:underline;
}
a img {
border:none;
}

#bg {
width:100%;
margin:0 auto;
}

#wrapper {
width:990px;
margin:0 auto;
text-align:left;
}

/* masterhead *********************/

#masterhead-container {
background:url(../images/bg_top.gif) left top repeat-x;
}

#masterhead-group {
/*margin:0 auto;
padding-right:20px;
width:970px;*/
float:right;
overflow:hidden;
width:125px;
height:32px;
border-right:1px solid #515151;
margin-right:8px;
padding-right:8px;
margin-top:6px;
}

#masterhead-group #loginmenu ul {
list-style:none;
}

*:first-child+html #masterhead-group #loginmenu ul li, *:first-child+html #masterhead-group #contactmenu ul li{
width:50px; margin-right:10px;
}

#masterhead-group #loginmenu ul li {
float:right;
}

#masterhead-group #loginmenu ul li#main1, #masterhead-group #loginmenu ul li#main2, #masterhead-group #loginmenu ul li#main3, #masterhead-group #loginmenu ul li#main4 {
display:none;
}
#masterhead-group #loginmenu ul li a {
float:right;
display:block;
background:url(../images/arrows.gif) left 4px no-repeat;
font:bold 11px Arial, Helvetica, sans-serif;
color:#fff;
padding-left:12px;
}
#masterhead-group #loginmenu ul li a:hover {
color:#15b0e4;
}
#masterhead-group #contactmenu {
list-style:none;
}
#masterhead-group #contactmenu li {
float:right; padding-right:7px;
}
#masterhead-group #contactmenu li a {
float:right;
display:block;
background:url(../images/arrows.gif) left 4px no-repeat;
font:bold 11px Arial, Helvetica, sans-serif;
color:#fff;
padding-left:12px;
}
#masterhead-group #contactmenu li a:hover {
color:#15b0e4;
}

#masterhead #cmsnav {
left:570px;
position:absolute;
top:8px;
width:auto;
}

#masterhead #cmsnav ul {
float:left;
list-style:none;
}
#masterhead #cmsnav ul li {
float:left;
background:url(../images/mainnav_li.gif) left 3px no-repeat;
margin-left:10px;
padding:0 0 0 10px;
}

#masterhead #cmsnav a:hover, #masterhead #cmsnav li.cmsactive a {
color:#15b0e4;
}
#masterhead #cmsnav ul ul {
display:none;
}
#masterhead #cmsnav a {
display:block;
float:left;
font:bold 11px Arial, Helvetica, sans-serif;
color:#bfbfbf;
text-decoration:none;
}

#logo {
left:90px;
position:absolute;
top:8px;
z-index:3;
}


/* topbar **************************************************************************/

#topbar {
border-bottom:3px solid #999999;
height:21px;
position:absolute;
top:128px; left:0;
width:990px;
z-index:100;
}

#topbar_wrap {
margin:0 auto;
width:970px;
}

#topbar ul {
float:left;
list-style:none;
}
#topbar ul#winkelmandje, #topbar ul#meer_yellow, #topbar ul#cms-topmenu-list {
float:right;
}
#topbar ul#cms-topmenu-list {
float:left;}

#topbar li {
float:left;
background:url(../images/topbar_a_r_h.gif) right top no-repeat;
}

#topbar ul#winkelmandje li{
background:url(../images/winkelmandje.gif) right top no-repeat;}

#topbar ul#meer_yellow li a{
display:block;
font:bold 11px Arial, Helvetica, sans-serif;
color:#444;
text-decoration:none;
background:url(../images/meer_a.gif) left top no-repeat;
padding:4px 24px;
}

#topbar ul#meer_yellow li{
background:url(../images/meer_a.gif) left top no-repeat;
}

#topbar ul#meer_yellow li:hover a{
background:url(../images/meer_a_h.gif) left top no-repeat;}


#topbar li li {
background:none;
z-index:999;
}

#topbar li a {
display:block;
font:bold 11px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
padding:5px 16px 3px;
z-index:999;
background:url(../images/topbar_a_l_h.gif) left top no-repeat;
}

#topbar li:hover, #topbar li.cmsactive, #topbar li.mainactive {
background:url(../images/topbar_a_r.gif) right top no-repeat;
}

#topbar li:hover a, #topbar li.mainactive a, #topbar li.cmsactive a {
background:url(../images/topbar_a_l.gif) left top no-repeat;
}
#topbar li:hover li a {
background:#fff;
text-align:left;
padding:0 5px;
}
#topbar li#main1 {
margin-left:0;
margin-right:2px;
}
#topbar li#main3 {
margin-left:0;
margin-right:2px;
}

#topbar li#main1 a {
padding:0;
}
#topbar li#main1 a span {
display:block;
font:bold 11px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
padding:5px 16px 5px 16px;
cursor:pointer;
}

#topbar li#main2, #topbar li#main3, #topbar li#main4, #topbar li#main5 {
display:none;
}

#topbar ul#cms-topmenu-list ul {
position:absolute;
left:-9999px;
width:200px;
border:1px solid #878787;
border-top:none;
z-index:999;
}
#topbar ul#cms-topmenu-list ul li {
/*background:#fff url(../images/footer.gif) left bottom repeat-x;---------------*/
padding-right:0;
}
#topbar ul#cms-topmenu-list ul li a {
width:158px;
border-bottom:1px solid #eaeaea;
font-weight:normal;
color:#666;
padding:4px 16px 4px 26px;
}
#topbar ul#cms-topmenu-list li:hover ul li a {
/*background:url(../images/li_arrow.gif) 16px 9px no-repeat;*/
}

#topbar ul#cms-topmenu-list li:hover ul li a:hover {
width:158px;
background-color:#eaeaea;
color:#000;
z-index:999;
}
#topbar ul#cms-topmenu-list li:hover ul {
left:auto;
background-position:0 0;
}

#topbar ul#winkelmandje li {
position:relative;
}
#topbar ul#winkelmandje li a {
font:Arial, Helvetica, sans-serif; font-size:10px;
padding:0px 0 0;
background:0
}
#topbar ul#winkelmandje li a:hover {
background:url(../images/topbar_a_l_h.gif) left top no-repeat;}

#topbar ul#winkelmandje li a span {
display:block;
width:114px;
background:url(../images/cart_icon.gif) 20px 4px no-repeat;
font:bold 11px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
padding:4px 22px 6px;
cursor:pointer;
}
#topbar ul#winkelmandje ul {
position:absolute;
left:-99999px;
overflow:hidden;
width:158px;
z-index:9;
}
#topbar ul#winkelmandje ul li {
background:none;
padding-right:0;
cursor:pointer;
}

#topbar ul#winkelmandje li:hover ul, #topbar ul#winkelmandje li.sfhover ul {
left:auto;bottom:0;
background-position:0 0;
margin-left:0;
}

#topbar ul#winkelmandje li.sfhover ul {
bottom:-3px;
}

#topbar #cmsmenu1, #topbar #cmsmenu2, #topbar #cmsmenu3, #topbar #cmsmenu4, #topbar #cmsmenu5, 
#topbar #cmsmenu6, #topbar #cmsmenu7, #topbar #cmsmenu8, #topbar #cmsmenu9, #topbar #cmsmenu10, 
#topbar #cmsmenu11, #topbar #cmsmenu12, #topbar #cmsmenu13 {
margin-right:1px;
}


/* eof topbar */


/* mainnav ********************************************************************* */

#mainnav {
height:21px;
left:0;
position:absolute;
top:150px;
width:990px;
z-index:5;
}

*:first-child+html #mainnav {
padding-top:0px;}

#mainnav_wrap {
margin:0 auto;
width:970px;
}

#mainnav ul {
float:left;
list-style:none;
}
#mainnav ul#cms-topmenu-list {
float:left;
}
#mainnav ul#cms-topmenu-list {
/*background:url(../images/mainnav.gif) left top no-repeat;
*/}
#mainnav li {
float:left;
background:url(../images/mainnav_a_r_h.gif) right top no-repeat;

}
#mainnav li li {
background:none;
}

#mainnav li a {
display:block;
font:10px Arial, Helvetica, sans-serif;
color:#555;
text-decoration:none;
padding:5px 18px 5px 19px;
z-index:999;
background:url(../images/mainnav_a_l_h.gif) left top no-repeat;
}

#mainnav li:hover, #mainnav li.cmsactive, #mainnav li.mainactive {
background:url(../images/mainnav_a_r.gif) right top no-repeat;
}

#mainnav li:hover a, #mainnav li.mainactive a, #mainnav li.cmsactive a {
background:url(../images/mainnav_a_l.gif) left top no-repeat;
}
#mainnav li:hover li a {
background:#555;
text-align:left;
padding:0 5px;
}

#mainnav li#mainnav1 {
margin-left:637px;
}
#mainnav li#mainnav2 {
margin-left:-1px;
}
#mainnav li#mainnav2 a{
padding: 5px 20px;
}

*:first-child+html #mainnav li#mainnav1 {
margin-top:0px;
}

#mainnav li#main1 {
margin-left:0;
margin-right:2px;
z-index:-1
}
#mainnav li#main3 {
display:none;
/*margin-left:0;
margin-right:406px;
z-index:-2
*/}

#mainnav li#main1 a {
padding:0;
}
#mainnav li#main1 a span {
display:block;
font:10px Arial, Helvetica, sans-serif;
color:#555;
text-decoration:none;
padding:5px 16px 5px 16px;
cursor:pointer;
}

#mainnav li#main3 a span {
display:block;
font:10px Arial, Helvetica, sans-serif;
color:#555;
text-decoration:none;
cursor:pointer;
}


#mainnav li#main2, #mainnav li#main4, #mainnav li#main5 {
display:none;
}

#mainnav ul#cms-topmenu-list ul {
position:absolute;
left:-9999px;
width:200px;
border:1px solid #878787;
border-top:none;
}
#mainnav ul#cms-topmenu-list ul li {
/*background:#fff url(../images/footer.gif) left bottom repeat-x;---------------*/
padding-right:0;
}
#mainnav ul#cms-topmenu-list ul li a {
width:158px;
border-bottom:1px solid #eaeaea;
font-weight:normal;
color:#666;
padding:4px 16px 4px 26px;
}
#mainnav ul#cms-topmenu-list li:hover ul li a {
/*background:url(../images/li_arrow.gif) 16px 9px no-repeat;*/
}

#mainnav ul#cms-topmenu-list li:hover ul li a:hover {
width:158px;
background-color:#eaeaea;
color:#000;
}
#mainnav ul#cms-topmenu-list li:hover ul {
left:auto;
background-position:0 0;
}


/* eof mainnav */

/* ************************** */


#masterhead{
position:relative;
width:990px;
height:130px;
background: transparent url(../images/header.gif) no-repeat center;
margin:0 auto;
z-index:999;
}

#logo{
position:absolute;
left:10px;top:34px; 
width:311px;
height:91px;
}

#sections {
overflow:hidden;
width:990px;
padding-bottom:10px;
}

#leftnav {
float:left;
width:200px;
margin-right:10px;
}

*:first-child+html #leftnav {
margin-top:50px;
}

#midnav {
overflow:hidden;
float:right;
width:770px;
}

#content {
overflow:hidden;
width:770px;
margin-top:50px;
padding:0;
}
#content p {
margin-bottom:10px;
line-height:19px;
}
#content ul {
list-style:none;
margin-left:12px;
}
#content li {
background:url(../images/content_li.gif) left 5px no-repeat;
padding-left:10px;
}
#content li a {
font:12px Arial, Helvetica, sans-serif;
}

#nav {
height:16px;
margin-bottom:8px;
margin-top:2px;
overflow:hidden;
width:400px;
} 

#content .main-heading h1 {
font:20px Arial, Helvetica, sans-serif;
color:#000;
}
#content .extra-heading h2 {
font:bold 14px Arial, Helvetica, sans-serif;
}
#content h3 {
border-bottom:1px dashed #ccc;
font:bold 12px Arial, Helvetica, sans-serif;
color:#0067A6;
margin-bottom:5px;
padding-bottom:5px;
}
#page_extrainfo{
overflow:hidden;
width:628px;
background:url(../images/c_b.gif) left bottom no-repeat;
margin:0 -10px;
padding:10px;
}
#page_extrainfo .main-heading {
background:url(../images/c_t.gif) left top no-repeat;
width:628px;
margin:-10px -10px 0;
padding:10px 10px 0;
}

/*---------------------------------------------------  crumbar  ---------------------------------------------------*/
#content #crumbar-center {
overflow:hidden;
width:770px;
height:26px;
background:url(../images/bar.gif) left top no-repeat;
padding:6px 10px;
}
#content #crumbar-center div {
float:left;
}
#content #crumbar-title {
padding-right:10px;
}
#content #crumbar-content {
margin:0;
padding:0;
}
#content #crumbar-content ul {
margin:0;
padding:0;
list-style:none;
}
#content #crumbar-content li {
background:none;
float:left;
padding:0;
margin:0;
}
#content #crumbar-content li a {
background:url(../images/li_arrow.gif) right 5px no-repeat;
padding-right:10px;
margin-right:7px;
}
/*---------------------------------------------------  crumbar end ---------------------------------------------------*/
.top-rank-keyword-box {
border:1px solid #ccc;
font:12px Arial, Helvetica, sans-serif;
text-align:center;
padding:10px;
}

.top-rank-keyword-box h1 {
font:bold 14px Arial, Helvetica, sans-serif;
padding-bottom:5px;
}

/*---------------------------------------------------  footer  ---------------------------------------------------*/

#footer {
background:transparent url(../images/bg2.gif) repeat-x scroll left top;
color:#FFFFFF;
height:55px;
margin:0 auto;
min-height:55px;
width:100%;
}
#footer-container a {
color:#fff;
}

#footerInner {
margin:0 auto;
text-align:left;
width:990px;
}

#footer ul#siteActions {
background:transparent url(../images/blue_bg_ul_footer_actions.gif) no-repeat 0 0;
float:right;
margin:0;
padding-left:80px;
}

#footer ul#siteActions li {
background-image:url(../images/blue_bg_footer_actions_li.gif);
background-position:0 0;
background-repeat:no-repeat;
display:block;
float:left;
height:27px;
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
margin:0 0 0 -5px;
width:130px;
}

#footer ul#siteActions li a {
background-position:4px 4px;
background-repeat:no-repeat;
color:white;
font-size:95%;
line-height:27px;
padding:3px 0 3px 30px;
text-decoration:none;
}

#footer ul#siteActions li:hover a{
color:#444;
}

#footer ul#siteActions li a.rss {
background-image:url(../images/icon_rss.gif);}

#footer ul#siteActions li a.newsLetter {
background-image:url(../images/icon_news_letter.gif);}

#footer ul#siteActions li a.sendToFriend {
background-image:url(../images/icon_send_to_friend.gif);}

#footer ul#siteActions li a.bookmark {
background-image:url(../images/icon_bookmark.gif);}

#footer ul#siteActions li.last {
background-image:url(../images/blue_bg_footer_actions_li_last.gif);
width:125px;
}

#footer #icons {
float:right;
width:160px;
background:transparent url(../images/payment_icons.gif) no-repeat scroll left top;
height:20px;
margin:10px 0 0;
}

#footer-banks {
display:none;
}

#footer-banks ul {
float:right;
width:500px;
height:43px;
list-style:none;
}

#footer-banks li {
float:left;
}

#footer-banks li a {
float:left;
display:block;
background:none;
padding:0 15px;
}
/*---------------------------------------------------  footer end ---------------------------------------------------*/


#bg-middle{
background:url(../images/shadow.gif) center center repeat-y;
overflow:hidden}
#bg-top{background:url(../images/shadowtop.gif) center top no-repeat;
overflow:hidden}
#bg-bottom{background:url(../images/shadowbottom.gif) center bottom no-repeat;
overflow:hidden}

/*---------------------------------------------------  slogan ---------------------------------------------------*/

#slogan {
left:118px;
position:absolute;
top:71px;
z-index:4;
}

/*---------------------------------------------------  video ---------------------------------------------------*/

#banner {
width:763px; height:264px;
background:url(../images/bannerbg.jpg) left top no-repeat;
}

#banner-img {
background:url(../images/banner_img.jpg) center center no-repeat;
float:left;
height:250px;
width:461px;
}

#videos {
float:right;
height:223px;
padding-right:15px;
padding-top:15px;
text-align:center;
width:287px;}

/* opties ---------------------------------------------------- */

#opties {
padding:0 0 0px 2px;
width:315px;}

#opties .opties-field label {width:50px;}
#opties .opties-field select {width:260px;}

#product_infoopties {
background:#EFEFEF none repeat scroll 0 0;
padding:10px 0 2px 10px;
}

/* yavidesign ---------------------------------------------------- */

#yavidesign {
float:left;
text-align:right;
padding:13px 0 10px;
font:11px Arial, Helvetica, sans-serif;
color:#cdcdcd;
width:520px;
}

#yavidesign ul {
list-style:none}

#yavidesign ul li{
float:left;
padding:0 10px}

#yavidesign ul li a{
color:#fff;}

#yavidesign ul li#sitemap{
border-left:1px solid #fff;
}

/* h1 on admin ---------------------------------------------------- */

#page_home h1 {
font-size:20px;}

#page_home h2 {
font-size:14px;}

.formArea td.main{
width:50%;
padding:2px 0;
}
.formArea td.main input, .formArea td.main textarea{
border:1px solid #ccc;
}


