html, body {
	margin: 0; padding: 0;
	background: #e5ebf0;
}

#wrapper {
	position: relative;
	width: 923px;
	margin: 0 auto;
	background: white;
}

.noScreen {
	display: none;
}

/* HEADER */
#header {
	position: relative;
	z-index: 15;
	height: 138px;
	background: #eae827 url(/images/header_back.gif) repeat-x left top;
}
#logo a.headerHome {
	position: absolute;
	left: 24px; top: 12px;
	display: block;
	width: 310px; height: 79px;
	text-indent: -999em;
	text-decoration: none;
	background: url(/images/logo_vegro.gif) no-repeat left top;
}

/* headerMenu */
#headerMenu {
	position: absolute;
	top: 16px; right: 20px;
}
#headerMenu ul,
#headerMenu li {
	margin: 0; padding: 0;
	list-style: none;
}
#headerMenu li {
	margin: 0 0 0 10px;
	padding: 0 0 1px 10px;
	border-left: 1px solid #003768;
	display: inline;
	line-height: 21px;
}
#headerMenu li.first,
#headerMenu li.fontSize {
	border: none;
}
#headerMenu li a {
	text-decoration: none;
	color: #003768;
}
#headerMenu li a:hover {
	text-decoration: underline;
	color: #003768;
}
#headerMenu li.fontSize a {
	padding: 0 2px;
}
#headerMenu li.fontSize a.active {
	text-decoration: underline;
}
#headerMenu li.fontSize a.fontSize1 {
	font-size: 11px;
}
#headerMenu li.fontSize a.fontSize2 {
	font-size: 15px;
}
#headerMenu li.fontSize a.fontSize3 {
	font-size: 20px;
}

/* headerCart */
#headerCart {
	position: absolute;
	top: 65px; right: 15px;
	background: url(/images/headercart_end.gif) no-repeat right top;
}
#headerCart .inner {
	position: relative;
	left: -9px;
	padding: 0 0 0 9px;
	height: 26px;
	background: url(/images/headercart_start.gif) no-repeat left top;
}
	 * html #headerCart .inner {
	 	width: 320px;
	 }
#headerCart h4 {
	float: left; display: inline;
	margin: 3px 0 0 0; padding: 0;
}
#headerCart .content {
	float: left; display: inline;
	margin: 3px 0 0 0;
	padding: 1px 0 0 30px;
	background: url(/images/ico_headercart.gif) no-repeat 5px 1px;
}

/* mainMenu */
#mainMenu {
	position: absolute;
	z-index: 50;
	bottom: 1px; left: 7px;
	height: 28px;
}
#mainMenu ul,
#mainMenu li {
	margin: 0; padding: 0;
	list-style: none;
}
#mainMenu li {
	position: relative;
	top: 0;
	float: left; display: inline;
	margin: 0 3px 0 0;
}
#mainMenu li a {
	position: relative;
	top: 0;
	display: block;
	height: 28px;
	background-repeat: no-repeat;
	background-position: left 0;
	text-decoration: none;
	text-indent: -999em;
}
#mainMenu li .mask {
	display: none;
	position: absolute;
	top: 34px; left: 1px;
	height: 1px;
	line-height: 0%;
	font-size: 0;
	background: white;
}
	* html #mainMenu li .mask { /* alternative positioning fore IE6 */
		top: 28px;
	}
#mainMenu li#mi_01 a {
	width: 105px;
	background-image: url(/images/menu_ouderskind.gif);
}
	#mainMenu li#mi_01 .mask {
		width: 103px;
	}
	#mainMenu li#mi_01 ul {
		left: 0;
		min-width: 83px;
		width: 120px;
	}
#mainMenu li#mi_02 a {
	width: 124px;
	background-image: url(/images/menu_slapen.gif);
}
	#mainMenu li#mi_02 .mask {
		width: 122px;
	}
	#mainMenu li#mi_02 ul {
		left: 0;
		min-width: 102px;
		width: 150px;
	}
#mainMenu li#mi_03 a {
	width: 140px;
	background-image: url(/images/menu_bewegen.gif);
}
	#mainMenu li#mi_03 .mask {
		width: 138px;
	}
	#mainMenu li#mi_03 ul {
		left: 0;
		min-width: 118px;
		width: 118px;
	}
#mainMenu li#mi_04 a {
	width: 155px;
	background-image: url(/images/menu_gezondheid.gif);
}
	#mainMenu li#mi_04 .mask {
		width: 153px;
	}
	#mainMenu li#mi_04 ul {
		left: 0;
		min-width: 133px;
		width: 150px;
	}
#mainMenu li#mi_05 a {
	width: 123px;
	background-image: url(/images/menu_welzijn.gif);
}
	#mainMenu li#mi_05 .mask {
		width: 121px;
	}
	#mainMenu li#mi_05 ul {
		left: 0;
		min-width: 101px;
		width: 180px;
	}
#mainMenu li#mi_06 a {
	width: 181px;
	background-image: url(/images/menu_stoelenloophulp.gif);
}
	#mainMenu li#mi_06 .mask {
		width: 179px;
	}
	#mainMenu li#mi_06 ul {
		left: 0;
		min-width: 159px;
		width: 159px;
	}
#mainMenu li#mi_07 a {
	width: 61px;
	background-image: url(/images/menu_service.gif);
}
	#mainMenu li#mi_07 .mask {
		width: 59px;
	}
	#wrapper #mainMenu li#mi_07 ul {
		right: 0;
		min-width: 39px;
		width: 130px;
	}
#mainMenu li.active a {
	top: -5px;
	height: 34px;
	background-position: left -28px;
}
	* html #mainMenu li.active a { /* alternative positioning fore IE6 */
		top: 0;
		height: 28px;
	}
#mainMenu li.hover a  {
	top: 0;
	height: 34px;
	background-position: left -28px;
}
	* html #mainMenu li.hover a { /* alternative positioning fore IE6 */
		top: 0;
		height: 28px;
	}

/* submenu */
#mainMenu li ul {
	display: none;
	position: absolute;
	top: 34px;
	background: white;
	border: 1px solid #02396a;
	padding: 5px 10px;
}
	* html #mainMenu li ul { /* alternative positioning fore IE6 */
		top: 28px;
	}
#mainMenu li:hover ul,
#mainMenu li.hover ul,
#mainMenu li:hover .mask,
#mainMenu li.hover .mask,
#mainMenu li.active .mask {
	display: block;
}
#wrapper #mainMenu li li {
	float: none; display: block;
	margin: 0;
}
#wrapper #mainMenu li li a {
	display: block;
	padding: 3px 0 3px 10px;
	width: auto; height: auto;
	background: url(/images/bullet_submenu.gif) no-repeat left 6px;
	text-decoration: none;
	text-indent: 0;
	font-size: 12px;
}
	* html #wrapper #mainMenu li li a {
		height: 0.1em; /* avoid double padding in IE6 */
	}

/* slider */
.homeCarrousel,
.homeCarrousel .slideImages,
.homeCarrousel .slideImages li,
.homeCarrousel .slideImages li a.image {
	position: relative;
	display: block;
	margin: 0; padding: 0; list-style: none;
	width: 671px !important; height:276px !important;
	cursor: pointer;
	overflow: hidden;
}
.homeCarrousel {
	margin: 0 0 14px;
}
.homeCarrousel .content {
	position: absolute; top: 10px; right: 20px;
	width: 304px; height: 130px;
	border: 5px solid #eef293;
	padding: 12px;
}
.homeCarrousel .slideImages  ul {
	width: 200px; height: 200px;
	margin: 20px;
}
.homeCarrousel .slideImages  h2 a {
	font-size: 21px;
	text-decoration: none !important;
}
.homeCarrousel .slideImages  a.button {
	position: absolute; bottom: 10px; right: 15px;
}
.homeCarrousel .slidePaging {
	position: absolute; bottom: 15px; right: 20px; z-index: 10;
	margin: 0; padding: 0; list-style: none;
	width: 328px; height: 82px;
	border: 5px solid #eef293;
}
.homeCarrousel .slidePaging li {
	position: relative;
	float: left; display: inline;
	margin: 0; padding: 0;
	width: 82px; height: 82px;
}
.homeCarrousel .slidePaging a {
	position: relative;
	display: block;
	width: 82px; height: 82px;
	filter: alpha(opacity=50); 
	-ms-filter: "alpha(opacity=50)"; 
	-khtml-opacity: .50; 
	-moz-opacity: .50; 
	opacity: .50;
}
.homeCarrousel .slidePaging img {
	width: 82px; height: 82px;
}
.homeCarrousel .slidePaging li a:hover,
.homeCarrousel .slidePaging li.activeSlide a {
	filter: alpha(opacity=100); 
	-ms-filter: "alpha(opacity=100)"; 
	-khtml-opacity: 1.00; 
	-moz-opacity: 1.00; 
	opacity: 1.00;
}
.homeCarrousel .slidePaging .pointer {
	display: none;
	position: absolute; top: 0; left: 30px;
	width: 23px; height: 11px;
	background: url(/images/slidepager.png);
}
.homeCarrousel .slidePaging li.activeSlide .pointer {
	display: block;
}
	
/* slider about */
.aboutCarrousel {
	width:671px; height:125px;
	margin: 0 0 14px;
}
.aboutCarrousel .slideImages {
	width:671px; height:125px;
	margin: 0; list-style: none;
}
.aboutCarrousel .slideImages li {
	width:671px; height:125px;
	margin: 0;
}
.aboutCarrousel .slidePaging {
	position: absolute; bottom: 0; left: 0; z-index: 10;
	margin: 0; list-style: none;
}
.aboutCarrousel .slidePaging li {
	float: left; display: inline;
	margin: 0 0 0 0; padding: 0;
}
.aboutCarrousel .slidePaging a {
	float: left; display: inline;
	width: 0; height: 0; overflow: hidden;
	background-position: 0 -40px;
	text-align: center; text-decoration: none;
	margin: 0; padding-top: 0;
}
.aboutCarrousel .slidePaging a:hover {
	background-position: 0 -0;
}
.aboutCarrousel .slidePaging li.activeSlide a {
	background-position: 0 -0;
}


/* FOOTER */
#footer {
	padding: 5px;
	background: #eae827;
	text-align: center;
	font-size: 10px;
}
#footer a {
	padding: 0 5px;
	text-decoration: none;
	color: #003768;
}
#footer a:hover {
	text-decoration: underline;
	color: #003768;
}

/* CONTENT */
#content {
	padding: 13px 13px 0 13px;
}
#primaryContent {
	float: left; display: inline;
	width: 671px;
}
#secondaryContent {
	float: right; display: inline;
	width: 213px;
}


/* COLUMN */
#secondaryContent .box {
	margin: 0 0 14px 0;
	padding: 12px;
}

.boxSearch {
	background: #e8e625;
	height: 20px;
}
.boxSearch .inputSearch {
	float: left; display: inline;
	width: 130px;
}
.boxSearch .inputSubmit {
	float: right; display: inline;
}
.boxSearch input {
	vertical-align: middle;
}
.boxRotator {
	background: #e0ecf3;
}
.boxRotator #rotator {
	padding:0;margin:0 0 10px 0;
	width:185px;height:148px;
	overflow:hidden;
	border:solid 1px #ccdce6;
}



.boxAccount {
	background: #cbe0eb;
}
.boxAccount input {
	vertical-align: middle;
}
.boxAccount .accountEmail,
.boxAccount .accountPassword {
	float: left; display: inline;
	clear: left;
	margin: 0 0 7px 0;
	width: 130px;
	background: url(/images/account_input_empty.gif) no-repeat left top;
	background-color: white;
}
.boxAccount .inputSubmit {
	float: right; display: inline;
}
.boxAccount ul,
.boxAccount li {
	margin: 0; padding: 0;
	list-style: none;
}
.boxAccount li {
	margin: 2px 0;
	padding: 0 0 0 10px;
	background: url(/images/bullet_dash.gif) no-repeat 2px 8px;
}


.boxService {
	background: #e0ecf3;
}
.boxService .image img {
	margin: 0 0 5px 0;
	border: 1px solid #ccdce6;
}

.boxNewsletter {
	background: #e0ecf3;
}
.boxNewsletter .newsletterSwitch {
	margin: 5px 0;
}
.boxNewsletter .newsletterInput {
	margin: 7px 0 0 0;
	float: left; display: inline;
	width: 115px;
}
.boxNewsletter .inputSubmit {
	margin: 7px 0 0 0;
	float: right; display: inline;
}

.boxUSP {
	background: #e0ecf3;
}
.boxUSP ul,
.boxUSP li {
	margin: 0; padding: 0;
	list-style: none;
}
.boxUSP li {
	padding: 5px 0 5px 28px;
	background-repeat: no-repeat;
	background-position: left 2px;
}
.uspStock {
	background-image: url(/images/ico_usp-stock.gif);
}
.uspDelivery {
	background-image: url(/images/ico_usp-delivery.gif);
}
.uspPaysave {
	background-image: url(/images/ico_usp-ideal.gif);
}
.uspService {
	background-image: url(/images/ico_usp-service.gif);
}
.boxUSP li a {
	text-decoration: none;
}
.boxUSP li a:hover {
	text-decoration: underline;
}

#secondaryContent .boxContact {
	padding: 0;
	border: 4px solid #f3f292;
}

.boxAdvisor {
	background: #e0ecf3;
}

#secondaryContent .boxKeurmerk {
	padding: 0;
	border: 4px solid #e0ecf3;
}

/* breadcrumbs */
#breadcrumbs {
	margin: 0 0 13px 0;
	border-bottom: 1px solid #003768;
}
#breadcrumbs ul,
#breadcrumbs li {
	margin: 0; padding: 0;
	list-style: none;
}
#breadcrumbs ul {
	float: left; display: inline;
	height: 24px;
}
#breadcrumbs li {
	float: left; display: inline;
	padding: 1px 0 2px 14px;
	background: url(/images/bullet_breadcrumbs.gif) no-repeat 5px 6px;
	line-height: 14px;
	font-size: 11px;
}
#breadcrumbs li.first {
	padding: 0;
	background: none;
}
#breadcrumbs li.first a {	
	display: block;
	padding: 1px 0 2px 21px;
	background: url(/images/ico_home.gif) no-repeat 0px 2px;
}

#breadcrumbs .productNavigation {
	float: right;
	font-size: 11px;
}
#breadcrumbs .productNavigation span {
	text-decoration: none !important;
}
#breadcrumbs .productNavigation a.disabled {
	cursor: default;
	text-decoration: none;
	color: #003768;
}
#breadcrumbs .productNavigation strong {
	padding: 0 2px;
}
#homeCarrousel {
    position:relative;
    width:671px; height:276px;
    margin-bottom: 10px;
    background: #e0edf3;
    z-index: 0;
}

/* tooltips */
.tooltipLink {
	white-space: nowrap;
	position: relative;
	z-index: 2000;
	cursor: pointer;
}
.tooltip {
	display: none;
	position: absolute;
	bottom: 14px; left: 6px; /* positie*/
	z-index: 2001;
	width: 200px;
	white-space:normal;
	text-align: left;
	border:solid 1px #7bb0cc;
	background:#e0ecf3;
	padding: 8px 10px;
	font-weight:normal;
	color:#003768;
}