/* CSS Document ------------------------------------------------------------- */

body {
	text-align: center;
	background: #fff url('../img/basis/bg.gif') left top repeat-x fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	}
* html body {
	background-attachment: scroll;
	}
	
#mainContentContainer {
	width: 956px;
	margin: 0 auto;
	}
#mainContentPositioner {
	position: relative;
	width: 956px;
	text-align: left;
	overflow: hidden;
	margin: 0 auto; padding: 0;
	background: #fff url('../img/basis/bg-content.gif') left 209px repeat-y;
	}

.clear {
	clear: both; height: 1px; overflow: hidden;
	background: transparent;
	}
	
.printonly,
.hidden {
	display: none;
	}
.noborder {
	border: none !important;
	border-color: transparent !important;
	}

.minHeight {
	min-height: 300px; height: auto !important; height: 300px;
	}

.workaround {
	background: #fff url('../img/basis/bg.gif') left top repeat-x fixed;
	}	
	
	
/* KOLOMMEN ----------------------------------------------------------------- */

#mainContentLeft {
	float: left;
	width: 164px;
	margin: 0; padding: 0;
	overflow: hidden;
	z-index: 2;
	}
#mainContentRight {
	float: right;
	margin: 0; padding: 0;
	width: 792px;
	z-index: 2;
	}

#mainContentFooter {
	float: left; display: inline;
	width: 775px; height: 144px;
	margin: 0 0 0 164px; padding: 0 7px;
	background: transparent url('../img/basis/wij-footer/bg.jpg') top left no-repeat;
	}


#bottom {
	width: 956px; height: 13px;
	background: white url('../img/basis/bottom.gif') top left no-repeat;
	margin: 0; padding: 0;
	}

	
/* TOP menu ----------------------------------------------------------------- */

#top-menu {
	float: right;
	height: 28px;
	}
#top-menu .left {
	float: left;
	width: 10px; height: 23px !important;
	background: transparent url('../img/basis/top-menu/left.png') top left no-repeat;
	}
#top-menu .right {
	float: left;
	width: 10px; height: 23px !important;
	background: transparent url('../img/basis/top-menu/right.png') top left no-repeat;
	}
#top-menu .menu {
	float: left;
	line-height: 18px; height: 23px !important;
	color: #cfc4a8;
	background: transparent url('../img/basis/top-menu/bg.gif') top left repeat-x;
	}
#top-menu li {
	display: inline;
	}
#top-menu a {
	color: #cfc4a8;
	font-size: 10px;
	text-decoration: none;
	padding: 0 3px;
	border-left: 1px solid #dbd3be;
	}
#top-menu a.first {
	border: 0 !important;
	}
#top-menu a strong {
	color: #9f916e;
	font-weight: normal;
	}
#top-menu a:hover,
#top-menu a:hover strong {
	color: #b7ab8b;
	text-decoration: underline;
	}
	
	
/* TOP sites ---------------------------------------------------------------- */

#top-sites {
/*	width: 792px; height: 36px; */
	width: 729px; height: 28px;
	padding: 8px 0 0 63px;
	background: transparent url('../img/basis/top-sites/bg.gif') top left repeat-x;
	}
#top-sites a span {
	visibility: hidden;
	}
#top-sites a:hover {
	text-decoration: none;
	}
#top-sites a.babyinfo {
	display: block; float: left;
	width: 115px; height: 28px;
	margin: 0 3px 0 0; padding: 0;
	background: transparent url('../img/basis/top-sites/babyinfo.gif') top left no-repeat;
	}
#top-sites a.kinderinfo {
	display: block; float: left;
	width: 118px; height: 28px;
	margin: 0 3px 0 0; padding: 0;
	background: transparent url('../img/basis/top-sites/kinderinfo.gif') top left no-repeat;
	}
#top-sites a.babywinkel {
	display: block; float: left;
	width: 126px; height: 28px;
	margin: 0 3px 0 0; padding: 0;
	background: transparent url('../img/basis/top-sites/babywinkel.gif') top left no-repeat;
	}
	
	
/* TOP logos ---------------------------------------------------------------- */

#top-logos {
	width: 792px; height: 40px;
	background: transparent url('../img/basis/top-logos/bg.gif') top left repeat-x;
	}
#top-logos .banners {
	float: right;
	display: inline;
	height: 36px;
	padding: 2px 0;
	margin: 0 3px 0 0;
	}
#top-logos .banners table,
#top-logos .banners tr,
#top-logos .banners td {
	margin: 0; padding: 0;
	}
#top-logos .banners td {
	vertical-align: middle;
	background: #fff;
	}
#top-logos .banners td.afronding {
	background: transparent !important;
	}
#top-logos .afronding {
	float: right;
	width: 6px; height: 36px;
	margin: 2px 0;
	background: transparent url('../img/basis/top-logos/left.png') top left no-repeat;
	}
	
	
/* TOP leaderboard ---------------------------------------------------------- */

#top-leaderboard {
	padding-top: 7px;
	width: 792px; 
	/* height: 104px; */
	background: transparent url('../img/basis/top-leaderboard/bg.gif') top left repeat-x;
	}
	
	
/* WIJ logo ----------------------------------------------------------------- */
	
#wij-logo {
	padding-top: 29px;
	width: 164px; height: 115px;
	background: transparent url('../img/basis/wij-bg.gif') bottom left no-repeat;
	}
	
	
/* MENU --------------------------------------------------------------------- */
	
#menu {
	width: 147px;
	margin: 0 10px;
	background: #cb8ab8;
	}
#menu h1 {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 16px; 
	color: #fff;
	font-weight: normal;
	margin: 0;
	padding: 0 0 8px 12px;
	display: block;
	background: transparent url('../img/basis/menu/stippel.gif') 0 bottom no-repeat;
	}
#menu h1 a {
	color: #fff;
	text-decoration: none;
	}
#menu h1 a:hover {
	color: #d62d9a;
	text-decoration: none;
	}
#menu li {
	display: inline;
	}
#menu li a {
	display: block;
	background: transparent url('../img/basis/menu/li.gif') 12px 3px no-repeat;
	padding-left: 19px;
	color: #fff;
	line-height: 14px;
	}
#menu li a.active,
#menu li a.active:hover {
	display: block;
	background: transparent url('../img/basis/menu/li-active.gif') 12px 3px no-repeat;
	padding-left: 19px;
	color: #fff;
	font-weight: bold;
	}
#menu li a:hover {
	background: #d62d9a url('../img/basis/menu/li.gif') 12px 3px no-repeat;
	font-weight: bold;
	text-decoration: none;
	}
#menu li.back {
	padding-top: 5px;
	display: block;
	background: transparent url('../img/basis/menu/stippel.gif') 0 0 no-repeat;
	height: 14px;
	}
#menu li.back a {
	background: transparent url('../img/basis/menu/li-back.gif') 12px 3px no-repeat;
	}
#menu li.back a:hover {
	background: #d62d9a url('../img/basis/menu/li-back.gif') 12px 3px no-repeat;
	}
#menu li li a {
	display: block;
	background: transparent url('../img/basis/menu/li2.gif') 19px 3px no-repeat;
	padding-left: 26px;
	color: #fff;
	line-height: 14px;
	}
#menu li li a.active,
#menu li li a.active:hover {
	display: block;
	background: transparent url('../img/basis/menu/li2-active.gif') 19px 3px no-repeat;
	padding-left: 26px;
	color: #fff;
	font-weight: bold;
	}
#menu li li a:hover {
	background: #d62d9a url('../img/basis/menu/li2.gif') 19px 3px no-repeat;
	font-weight: bold;
	text-decoration: none;
	}
#menu-bottom {
	padding: 0;	width: 147px; height: 6px;
	margin: 0 10px;
	background: transparent url('../img/basis/menu/bottom.png') top left no-repeat;
	}
* html #menu-bottom {
	background: transparent url('../img/basis/menu/bottom.gif') top left no-repeat;
	}

	
/* WIJ header --------------------------------------------------------------- */

#wij-header {
	width: 775px; height: 157px;
	margin: 7px 0 0 7px; padding: 0;
	background: transparent url('../img/header/header.jpg') top left no-repeat;
	}


/* WIJ footer --------------------------------------------------------------- */

#copyright {
	position: relative;
	left: 0; top: 7px;
	padding: 10px 7px;
	color: #cb8ab8;
	}
#copyright a {
	color: #cb8ab8;
	font-weight: bold;
	line-height: 18px;
	}


/* CONTENT ------------------------------------------------------------------ */

#contentLeft {
	float: left;
	display: inline;
	width: 636px;
	margin: 7px 0 0 7px;
	padding: 0;
	}
#contentRight {
	float: right;
	display: inline;
	width: 139px;
	margin: 7px 3px 0 0;
	padding: 0;
	text-align: center;
	}


/* LEFT search -------------------------------------------------------------- */

#menu-zoeken {
    width: 164px;
    height: 40px;
    background: transparent url('../img/basis/menu-zoeken/bg.gif') top left no-repeat;
	}
#menu-zoeken #s {
    float: left;
    padding: 4px 0 0 2px;
    margin: 8px 0 0 20px;
    border: 0;
    width: 99px; height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px !important;
	color: #cb8ab8;
	background: transparent;
	}
#menu-zoeken #go {
    float: right;
    margin: 8px 21px 0 0;
	width: 21px; height: 21px;
	}

/* IMAGES ------------------------------------------------------------------- */

img.r {
	float: right;
	margin: 0 0 5px 10px;
	}
img.l {
	float: left;
	margin: 0 10px 5px 0;
	}


.hoekje {
	width: 44px; height: 71px;
	background: transparent url('../img/basis/hoekje.png') top left no-repeat;
	position: absolute;
	left: 164px; top: 105px;
	}
	* html .hoekje {
	background: transparent url('../img/basis/hoekje.gif') top left no-repeat;
	}