html, body{height:100%;border:0;margin:0;padding:0;}
body{font: 12px/1.5em arial, helvetica, sans-serif;}

/***** YAHOO RESET CSS : http://developer.yahoo.com/yui/reset/ *****/
body,div,ul,li{ margin:0; padding:0;}
img{ border:0;}
ul{ list-style:none;}
a{color: #39f;  text-decoration: none;} 
a:hover{text-decoration: underline;}

/***** GLOBAL CLASSES *****/
.clear{clear:both; height:0; margin:0; font-size:1px; line-height:0;}
.floatleft{float:left;}

/* 1 - GENERAL ========================================================================================= */
body{background: #e9e9e9 url(/img/gfx/layout/body_bg.jpg) repeat-x left top; color: #3e454d; margin:0 5px;}

/* 2 - LAYOUT GENERAL ==================================================================================== */
div#website{margin:0 auto; width:957px;}
div#header{width:100%; height:76px;}
img.logo{float:left; margin:15px 0 0 -2px;}

/* FOOTER ------------ */
div.footer_shortcuts_container{margin:15px 0;}
div.footer_label{width:113px; float:left; color:#666; height:12px; line-height:12px; margin-bottom:4px;}

ul.footer_shortcut li{float:left;}
ul.footer_shortcut li a{float:left; border-right:1px solid #666; height:12px; line-height:12px; padding-right:4px; margin-right:4px;}
ul.footer_shortcut li a.last{border:0;}

/* PARTNER LOGOS ------------ */
li.partner_anwb,li.partner_bovag,li.partner_nap,
li.partner_autobedrijftevreden{display:block; float:left; background:url(/img/gfx/layout/partner_anwb.png) no-repeat left top; width:58px; height:22px;}

li.partner_bovag{background:url(/img/gfx/layout/partner_bovag.png) no-repeat left 3px;}
li.partner_nap{background:url(/img/gfx/layout/partner_nap.png) no-repeat left 3px;}
li.partner_autobedrijftevreden{background:url(/img/gfx/layout/partner_autobedrijftevreden.png) no-repeat left 0; width:112px; height:26px; margin-top:-2px;}

ul.partner_container{float:left; margin:0 0 26px 14px;}

div.hr{height:14px; line-height:1px; font-size:1px; background: url(/img/gfx/layout/line_dotted.gif) repeat-x left 7px; width:100%; clear:both;}

/* SUPERFISH - ESSENTIAL STYLES ------------ */
.sf-menu ul{position: absolute;top:-999em; width:14em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li{width: 100%;}
.sf-menu li:hover{visibility:   inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li{float: left; position: relative;}
.sf-menu a{display: block; position: relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{left:  0; top: 25px; /* match top ul list item height */ z-index:      99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{top: -999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{  left: 14em;/* match ul width */ top:    0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:    -999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:14em;/* match ul width */top:  0;}
.sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{outline:       0;}


/* SUPERFISH - CUSTOM STYLES ------------ */
.sf-menu {float:    left;margin-bottom:19px;}
.sf-menu a, .sf-menu a:visited{ /* visited pseudo selector so IE6 applies text colour*/ color:  #fff;}
.sf-menu a, a.mainmenu_last{float:left; height:23px; line-height:23px; border-bottom:2px solid #fff; text-decoration:none; font-family:arial, helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none;}
a.mainmenu_last{float:right;}
.sf-menu a, .sf-menu a:visited,a.mainmenu_last, a.mainmenu_last:visited{color:#fff; margin-right:4px; padding:0 16px; }
.sf-menu a:hover, a.mainmenu_last:hover{ color:#ffed00; text-decoration:none;}
.sf-menu ul.submenu { min-width: 14em; width: auto; }
.sf-menu ul.submenu li { width: 100%; white-space: nowrap; clear: both; }
.sf-menu ul.submenu a, .sf-menu ul.submenu a:visited{color:#3e454d; background-color:#e9e9e9; padding:2px 10px 0; margin-right:0; float:none;} 
.sf-menu ul.submenu a:hover{color:#000; background-color:#ffed00; text-decoration:none;}



/* ACTIVE MAINMENU */
.sf-menu a.menu_on, .sf-menu a.menu_on:visited{ padding:0; margin:-3px 0 0 0; height:25px; line-height:25px;  background:#fff url(/img/gfx/menu_on_left.gif) no-repeat left top;}
.sf-menu a.menu_on span{ display:block; float:left; padding:2px 10px 0; margin-top:0; height:28px; line-height:25px; color:#000; background: url(/gfx/layout/menu_on_right.gif) no-repeat right top; text-decoration:none; }
.sf-menu a.menu_on:hover, .sf-menu a.menu_on:hover span{ text-decoration:none;}

/* FIREFOX FIX */
@-moz-document url-prefix() {
input{padding-top:2px;}
select{padding-top:1px;}
}