html,
body {
	margin: 0;
	padding: 0;
}

body	{
	padding-bottom: 10px;
	color: #fff;
	background: white;
}


/* #wrapper */

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


/* header / logo */

#header	{
	position: relative;
	height: 238px; width: 100%;
}
#logo {
	position: absolute;
	top: 0;	right: 0;
	width: 145px; height: 70px;
}
#header h1 {
	margin: 0; padding: 0;
	position: absolute;
	top: 24px; left: 0;
	width: 300px; height: 20px;
	font-size: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	/* background-image specified in section-css */
}
#header h1 a	{
	display: block;
	width: 300px; height: 20px;
	text-indent: -999em;
	text-decoration: none;
}


/* #content */

#content {
	margin-bottom: 6px;
	background: url(../images/interface/secondary_back.gif) repeat-y right top;
}
#home #content {
	background: none;
}


/* primaryContent */
#primaryContent {
	float: left; display: inline;
	min-height: 300px;
	width: 676px;
}
* html #primaryContent {
	width: auto; 
	height: 300px;
}

#primaryContent .wrapper {
	padding: 1em;
}
#primaryContent table {
	clear: both;
}

/* secondaryContent */
#secondaryContent {
	float: right; display: inline;
	width: 309px; min-height: 300px;	
	color: black;
}
* html #secondaryContent {
	height: 300px;
	overflow-x: hidden;
/*	overflow-y: hidden;  */
}
#secondaryContent .wrapper {
	padding: 0 5px;
}
* html #secondaryContent .wrapper {
	padding: 1px;
}
/* address */
address {
	font-style: normal;
}

address span.label {
	display: block;
	float: left;
	width: 3.2em;
	white-space: nowrap;
}


/* #footer */

#footer	{
	position: relative;
	width: 100%;
	margin: 4px 0 0 0; padding: 0;
	background: url(../images/interface/footer_back.png) no-repeat right bottom;
	font-size: 10px;
	color: white;
}
#footer	.wrapper {
	padding: 2px 0 2px 0;
}
#copyright {
	padding: 0 0 0 55px;
}
#footer a	{
	text-decoration: none;
	color: white;
}
#footer a:hover {
	text-decoration: none;
	color: black;
}

#footerMenu,
#footerMenu li {
	margin: 0; padding: 0;
	list-style: none;
}
#footerMenu {
	float: right; display: inline;
	margin: 3px 10px 0 0;
}
#footerMenu li {
	float: left; display: inline;
	margin-left: 0.5em; padding-right: 0.5em;
	border-right: 1px solid #ffb56a;
	line-height: 10px;
	font-size: 10px;
}
#footerMenu li.last {
	padding-right: 0;
	border: none;
}


#footerIcons,
#footerIcons li {
	margin: 0; padding: 0;
	list-style: none;
}
#footerIcons {
	position: absolute;
	left: 0; top: -7px;
	/*float: left; display: inline;*/
	background: white;
}
#footerIcons li {
	float: left; display: inline;
	width: 21px; height: 32px;
}
#footerIcons li a {
	display: block;
	width: 21px; height: 32px;
	text-indent: -999em;
}

#iconCBF {
	background: white url(../images/interface/footer_icon_cbf.png) no-repeat center center;
}
#iconKIWA {
	background: white url(../images/interface/footer_icon_kiwa.png) no-repeat center center;
}


/* #mainMenu */

#mainMenu {
	position: absolute;
	top: 195px; left: 0;
	width: 940px; height: 27px;
}
#mainMenu ul,
#mainMenu li {
	margin: 0; padding: 0;
	list-style: none;
}
#mainMenu li {
	float: left;
	display: inline;
	position: relative;
	height: 29px;
}
#mainMenu li a {
	display: block;
	height: 29px;
	text-indent: -999em;
	background-position: left top;
	background-repeat: no-repeat;
	text-decoration: none;
}
#mainMenu li a:hover,
#mainMenu li.hover a,
#mainMenu li:hover a,
#mainMenu li.active a {
	background-position: left bottom;
}


/* submenu's */

#mainMenu ul ul {
	display: none;
	position: absolute;
	margin: 0; padding: 0;
	background: #bbb;
}
#mainMenu ul li:hover ul,
#mainMenu ul li.hover ul {
	/* show submenu on rollover LI (IE uses javascript to get this done) */
	display: block;
}
#mainMenu ul ul li {
	margin: 0; padding: 0;
	clear: both;
	height: auto;
}
#mainMenu ul ul li a {
	height: auto;
	font-size: 0.95em;
	line-height: 100%;
	padding: 5px 0 5px 0;
	text-indent: 12px;
	background: none !important;
	text-decoration: none;
	color: black;
}
#mainMenu ul ul li a:hover {
	text-indent: 22px;
	background: #eee url(../images/interface/mainmenu_arrow_submenu.png) no-repeat 12px 7px !important;
	color: #ee7900;
}
#mainMenu ul ul ul {
	/* hide sub-subs always (duplicates of these menu's will be visible in left-hand margin) */
	display: none !important;
}


/* seperate subMenu */

#subMenu {
	position: absolute;
	left: 1px; 
	top: 237px;
	width: 153px; min-height: 350px;
	background: url(../images/interface/submenu_back.png) no-repeat left top;
}
* html #subMenu {
	height: 350px;
}

#subMenuImage {
	position: absolute;
	left: 0; bottom: 30px;
	width: 153px; max-height: 350px;
}

#subMenu h2 {
	display: block;
	margin: 0; padding: 2px 2px 3px 7px;
	background: #4b4b4d url(../images/interface/submenu_title_back.gif) no-repeat right top;
	font-weight: normal;
	font-size: 11px;
	color: white;
}

#subMenu h3 a	{
	display: block;
	margin: 0; padding: 2px 2px 3px 7px;
/*	background: #4b4b4d url(../images/interface/submenu_title_back.gif) no-repeat right top;	*/
	font-weight: bolder;
	font-size: 11px;
	color: black;
	text-decoration: none;
}

#subMenu ul,
#subMenu li {
	margin: 0; padding: 0;
	list-style: none;
}
#subMenu ul {
	margin: 5px 0 0 0;
}
#subMenu li {
	margin: 0 0 5px 5px;
	background: url(../images/interface/bullet_gray.png) no-repeat 6px 6px;
	font-size: 10px;
}
* html #subMenu li {
	float: left;
	clear: both;
	width: 143px;
}
#subMenu li.active {
	background: url(../images/interface/bullet_submenu_active.png) no-repeat left 3px;
}

#subMenu li a {
	display: block;
	padding: 0 0 0 14px;
	text-decoration: none;
	color: #ee7900;
}
#subMenu li a:hover {
	text-decoration: none;
	color: black;
}
#subMenu li.active a {
	font-weight: bold;
	color: black;
}

/* seperate subMenu - 2e laag */
#subMenu ul ul li {
	width: 120px;
	margin: 0 0 0 15px;
	background: none;
	line-height: 100%;
	overflow: hidden;
}
* html #wrapper #subMenu ul ul li {
	float: none;
	width: 120px;
}
#wrapper #subMenu ul li ul li a {
	display: block;
	padding: 1px 0 7px 20px;
	background: url(../images/interface/submenu_button.png) no-repeat left top;
	line-height: 13px;
	font-weight: normal;
	font-size: 10px;
	color: white;
}
#wrapper #subMenu ul li ul li a:hover,
#wrapper #subMenu ul li ul li.active a {
	text-decoration: none;
	background: url(../images/interface/submenu_button_on.png) no-repeat left top;
}

/* topMenu */

#topMenu {
	position: absolute;
	top: 48px; left: 5px;
}

#topMenu,
#topMenu li {
	margin: 0; padding: 0;
	list-style: none;
}
#topMenu li {
	float: left; display: inline;
	margin-left: 0.5em; padding-right: 0.5em;
	border-right: 1px solid #aaa;
	line-height: 11px;
	font-size: 10px;
}
#topMenu li.last {
	padding-right: 0;
	border: none;
}
#topMenu li a {
	text-decoration: none;
	color: #333;
}
#topMenu li a:hover {
	color: #ee7900;
}

/*	RSS feeds	*/
#rssfeeds {
	position: absolute;
	top: 48px; 
	left: 60px;
	z-index:  10;
}
#rssfeeds	{
left: 100px !ie;
}
	
#rssfeeds li {
	float: left; 
	display: inline;
	margin-left: 1.5em; 
	padding-right: 0.5em;
	line-height: 11px;
	font-size: 10px;
}



#rssfeeds li.last {
	padding-right: 0;
	border: none;
}
#rssfeeds li a {
	text-decoration: none;
	color: #333;
	background: white url(../images/icon_rss.png) no-repeat center left;
	padding-left:  1.6em;

}
#rssfeeds li a:hover {
	color: #ee7900;
}


/* themeMenu */

#daughterSites {
	position: absolute;
	top: 92px; right: 0;
	width: 309px; height: 101px;
	overflow: hidden;
	background: url(../images/interface/daughtersites_back.png) repeat-x left top;
}
#daughterSites .wrapper {
	padding: 4px 0 0 10px;
}
#daughterSites h2 {
	display: block;
	margin: 0 0 2px 0; padding: 0;
	font-size: 13px;
	color: black;
}
#daughterSites table {
	margin: 0;
}
#daughterSites td {
	margin: 0; padding: 0 10px 0 0;
	vertical-align: top;
}
#daughterSites ul,
#daughterSites li {
	margin: 0; padding: 0;
	list-style: none;
}
#daughterSites li {
	padding: 0; margin: 0;
	background: none;
	font-size: 10px;
}
#daughterSites li.last {
	background: none;
}
#daughterSites li a {
	padding-left: 10px;
	background: url(../images/interface/bullet_orange.png) no-repeat 2px 3px;
	text-decoration: none;
	color: black;
}
#daughterSites li a:hover {
	text-decoration: none;
	color: #ee7900;
}

/* mainBanner */

#mainBanner {
	position: absolute;
	top: 63px; left: 0;
	width: 618px; height: 130px;
}


/* search */

#search {
	
	position: absolute;
	top: 63px; right: 0;
	width: 309px; height: 29px;
	background: url(../images/interface/search_back.png) no-repeat right top;
	text-align: right;
	font-size: 11px;
	color: white;
}
#search form {
	margin: 0; padding: 3px 10px 0 0;
}
#search label,
#search input {
	vertical-align: middle;
}
#search label {
	display: inline-block;
	height: 17px;
	padding-left: 20px;
	background: url(../images/interface/search_icon.png) no-repeat left center;
}
#search input {
	width: 160px; height: 15px;
	border: 1px solid #777;
	border-bottom: none;
	border-right: none;
	font-size: 11px;
}
#search input.button {
	margin: 0; padding: 0;
	width: 16px;
	height: 17px;
	text-indent: -999em;
	font-size: 0;
	background: url(../images/interface/button_search.png) no-repeat left center;
	border: none;
	cursor: pointer;
}


/* breadcrumbs */

#breadcrumbs {
	position: absolute;
/*	top: 45px;
	left: 150px;	*/
	top: 230px;
	left: 163px;
	font-size: 90%;
}
#breadcrumbs,
#breadcrumbs li {
	margin: 0; padding: 0;
}
#breadcrumbs li {
	float: left;
	display: inline;
	padding: 0 5px 0 13px;
	background: url(../images/interface/breadcrumbs_arrow.png) no-repeat 3px 5px;
	color: #ee7900;
}
#breadcrumbs li.first {
	padding-left: 0;
	background: none;
}
#breadcrumbs li h2 {
	margin: 0; padding: 0;
	display: block;
	font-size: 1em;
}
#breadcrumbs li a {
	color: #ee7900;
	text-decoration: none;
}
#breadcrumbs li a:hover {
	text-decoration: underline;
}


/* exports */

#wrapper ul.exports,
#wrapper ul.exports li {
	margin: 0; padding: 0;
}
#wrapper ul.exports {
	margin: 10px 0;
	height: 24px;
	background: url(../images/interface/dots_orange_horizontal.png) repeat-x left top;
}
#wrapper ul.exports li {
	float: right; display: inline;
	margin: 5px 10px;
	background: none;
}
#wrapper ul.exports li a {
	text-decoration: none;
	color: #404040;
}
#wrapper ul.exports li.exportPrint a {
	padding-left: 24px;
	background: url(../images/interface/icon_print.png) no-repeat left center;
}
#wrapper ul.exports li.exportMail a {
	padding-left: 28px;
	background: url(../images/interface/icon_mail.png) no-repeat left center;
}
#wrapper ul.exports li.exportClose a {
	padding-left: 16px;
	background: url(../images/interface/icon_close.png) no-repeat left center;
}
#wrapper ul.exports li a:hover {
	color: #ee7900;
}




/* various classes */

.skip,
.noScreen {
	display: none;
}
a.tel {
	text-decoration: none;
	color: black;
	cursor: default;
}
abbr {
	border: none;
}
h2,
hr {
	display: none;
}
#content h2,
#content hr {
	display: block;
}


/* SPECIFIC */

#primaryContent .more a {
	padding-left: 10px;
	background: url(../images/interface/bullet_orange.png) no-repeat 2px 3px;
	text-decoration: none;
}
.box .more a {
	background: url(../images/interface/bullet_orange.png) no-repeat 2px 3px;
	text-decoration: none;
	font-size: 10px;
	padding-left: 10px;
}

#secondaryContent .box {
	margin-bottom: 5px;
	background: white;
	border-bottom: 2px solid #ee7900;
}
#secondaryContent .box h2 {
	padding: 2px 5px;
	background: #ee7900 url(../images/interface/secondary_title_back.gif) no-repeat right top;
	font-size: 12px;
	color: white;
}
#secondaryContent .box .wrapper {
	padding: 5px;
}
#secondaryContent .box h5 {
	margin: 0 0 3px 0; padding: 0;
	line-height: 120%;
	font-weight: normal;
	font-size: 10px;
	color: #ee7900;
}
#secondaryContent .box h3 {
	margin: 0; padding: 0;
	line-height: 120%;
	font-weight: normal;
	font-size: 11px;
}
#secondaryContent .box h3 a {
	text-decoration: none;
	color: black;
}



/* nieuws / ontdek (styling for corporate home is done in 'wv_corporate.css')*/ 

.newsItem {
	float: left; display: inline;
	width: 190px; height: 60px;
	overflow: hidden;
	margin: 5px 5px 0 0;
}
#nieuws .newsItem {
	clear: both;
	margin: 0 5px 5px 0;
	height: auto;
}

#ontdek .ontdekItem {
	margin-bottom: 7px;
}

.newsPhoto,
.ontdekPhoto {
	float: left; display: inline;
	width: 75px; height: 55px;
	overflow: hidden;
	margin: 0 5px 0 0;
}

#nieuws .newsPhoto,
#ontdek .ontdekPhoto {
	width: 60px;
	height: 43px
}

.newsItem h3 a,
.ontdekItem h3 a {
	text-decoration: none;
	line-height: 120%;
	font-size: 10px;
	color: black;
}
.newsItem h3 a {
	font-weight: bold;
}
#wrapper .newsItem h3 a:hover,
#wrapper .ontdekItem h3 a:hover {
	text-decoration: none;
	color: #ee7900;
}

#verhaal {
	margin-bottom: 5px;
}



/* colors & rulers */

.white {
	color: white;
}

hr {
	height: 1px;
	border: none;
	border-top: 1px solid #4b4b4d;
}
hr.white {
	border-color: white;
}


/* form */

#primaryContent #form.wrapper {
	padding: 0 15px 0 10px;
}
.formHeader {
	margin-bottom: 7px; padding: 10px;
	background: #eee url(../images/interface/cart_corner_tr.gif) no-repeat right top;
}
	.formHeader.formThanks {
		margin: 0; padding-bottom: 0;
		border-bottom: 1px solid #9c9c9d;
	}
.formHeader .right {
	margin-bottom: 0;
}

.formHeader h2 {
	margin: 0 0 10px 0; padding: 0;
	text-transform: uppercase;
	font-size: 14px;
	color: #4b4b4d;
}
.formHeader h3 {
	font-size: 12px;
	color: #ee7800;
}

.formContent {
	padding: 10px;
	background: #eee url(../images/interface/cart_corner_bl.gif) no-repeat left bottom;
	font-size: 11px;
}
.formContent table {
	margin: 0;
	width: 100%;
}

/* ============== sIFR =============== */


/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0; top: 0;
	width: 0; height: 0;
	display: block;	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/* corporate */
.sIFR-hasFlash #homeNieuws h2,
.sIFR-hasFlash #homeOntdek h2,
.sIFR-hasFlash #homeIntro h2,
.sIFR-hasFlash #home #ikzoekjou h2 {
	visibility: hidden;
	display: block;
	letter-spacing: -2px;
	font-size: 11px;
	height: 13px;
	margin-bottom: 1px;
}
.sIFR-hasFlash #daughterSites h2 {
	visibility: hidden;
	display: block;
	letter-spacing: -2px;
	font-size: 13px;
	height: 15px;
}
.sIFR-hasFlash #secondaryContent .box h2 {
	visibility: hidden;
	display: block;
	letter-spacing: -2px;
	font-size: 12px;
	width: 232px;
	height: 14px;
}

/* wereldcadeaus */
.sIFR-hasFlash .cadeauBox h3 {
	visibility: hidden;
	display: block;
	letter-spacing: -2px;
	font-size: 14px;
	height: 16px;
}
.sIFR-hasFlash .cadeauBox.mainCadeau h3 {
	font-size: 20px;
	height: 25px;
}
.sIFR-hasFlash #wrapper .cadeauBox.detailCadeau h3 {
	font-size: 50px;
	height: 55px;
}

.sIFR-hasFlash .cadeauBox h5 {
	visibility: hidden;
	display: block;
	letter-spacing: -2px;
	font-size: 11px;
	height: 13px;
}
	.sIFR-hasFlash .cadeauBox.mainCadeau h5 {
		font-size: 17px;
		height: 19px;
	}
	.sIFR-hasFlash .cadeauBox.detailCadeau h5 {
		font-size: 17px;
		height: 30px;
	}
.sIFR-hasFlash #cartTable h4 {
	visibility: hidden;
	display: block;
	margin: 0; padding: 0;
	line-height: 100%;
	letter-spacing: -2px;
	font-size: 14px;
}


/* IE5.x/WIN hacks */
@media tty {
 i{content:"\";/*" "*/}}; @import 'ie50.css'; {;}/*";}
}/* */

/* IE5.5 */
@media tty {
 i{content:"\";/*" "*/}}@m; @import 'ie55.css'; /*";}
}/* */

div#primaryContent div div iframe	{
	width: 618px;
}