body {
	margin:0px;
	padding:0px;
	background: #FFF repeat-x;
}
form {
	margin: 0;
	padding: 0;
}
.p {
	margin:0px;
	padding:0px;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	text-align: inherit;
	color: inherit;
	line-height: inherit;
	vertical-align: top;
}
p {
	padding-top:0px;
	margin-top:0px;
}
img {
	border:0px;
}
div {
	margin:0px;
	padding:0px;
}
.clearfloat {
	clear:both;
	height:0px;
}
.Left {
	float: left;
}
.Right {
	float: right;
}
Div#Container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
}
Div#Topbalk {
	width: 960px;
	height: 24px;
	background-color: #008ED1;
	position: relative;
	text-align: right;
}


Div#Logobalk {
	width: 960px;
	height: 65px;
	position: relative;
	float: left;
	border-bottom: 1px solid #CCC;
	text-align: center;
	padding-top: 21px;
	padding-bottom: 3px;
}
Div#NoordhoffLogo {
	width: 244px;
	height: 69px;
	position: absolute;
	float: left;
	z-index: 10;
	margin-top: 15px;
}
Div#ContainerMain {
	width: 960px;
	float: left;
	position: relative;
	border-top: 1px solid #FFF;
	background: url(images/main_bg.jpg) repeat-y;
}
Div#LinkerKollom {
	width: 240px;
	position: relative;
	float: left;
	margin-right: 10px;
}
Div.MiddenKollom {
	width: 460px;
	margin-right: 10px;
	float: left;
	position: relative;
}
div#CycleContainer {
	width: 460px;
	height: 200px;
	overflow: hidden;
	float: left;
	position: relative;
}
div.CycleDiv {
	width:460px;
	height: 200px;
	float: left;
	position: relative;
	cursor: pointer;
}
Div.MainBanner {
	width: 460px;
	height: 200px;
	overflow: hidden;
	float: left;
	position: absolute;
	margin-top: -75px;
	z-index: 1;
	background: url(images/main_banner.jpg) no-repeat;
}
Div.MainBannerTxt {
	width: 180px;
	height: 40px;
	position: relative;
	padding: 10px;
	z-index: 10;
	text-align: right;
	margin-top: 15px;
	margin-left: 260px;
	display: block;
}
Div#HeaderBalkMagenta, div#HeaderBalkMagentaBreed, div.HeaderBalkMagentaBreed {
	width: 430px;
	height: 24px;
	float: left;
	position: relative;
	background: #FF3399 url(images/bgbalk_oranje.jpg) repeat-x;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
}
div#HeaderBalkMagentaBreed, div.HeaderBalkMagentaBreed {
	width: 680px;
}

div.HBMVervolg {
	margin-top: 10px;
}
div.HBMShop {
	padding-top: 0px;
	height: 34px;
}

div#WebshopHeader {
	padding-top: 10px;
	float: left;
	height: 24px;
}

Div.RechterKollom, div#RechterKollomVervolg {
	width: 240px;
	float: left;
	position: relative;
}

img#RKVB {
	padding-bottom: 10px;
}

Div#BlauwKader {
	width: 190px;
	height: 150px;
	background: #f6318d;
	float: left;
	position: relative;
	padding: 25px;
}

Div#HeaderBalkGrijs, div#HeaderBalkGrijsHelp {
	width: 220px;
	height: 24px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	position: relative;
	background: #333 url(images/bgbalk_grijs.jpg) repeat-x;
}
div#HeaderBalkGrijsHelp {
	display: none;
}
Div#Pakketten {
	width: 460px;
	float: left;
	position: relative;
}

.Pakket {
	width: 153px;
	float: left;
	position: relative;
	border-bottom: 1px solid #CCC;
}
.PakketImage {
	width: 138px;
	height: 143px;
	overflow: hidden;
	float: left;
	position: relative;
	padding-left: 15px;
	padding-top: 10px;
}
.PakketTxt {
	width: 128px;
	float: left;
	position: relative;
	padding: 5px 10px 5px 15px;
}
Div#TekstKader, div#TekstKaderWit {
	width: 430px;
	float: left;
	position: relative;
	padding: 10px 15px;
	background: #fff url(images/tekstkader_bg.jpg) repeat-x 0 bottom;
}
div#TekstKaderWit {
	background-image: none;
}
Div#GrijsKollom, div#GrijsKollomHelp {
	width: 220px;
	float: left;
	position: relative;
	padding: 10px;
}

div#GrijsKollomHelp{
	display:none;
	padding-right: 0;
}

div#InUwMandje {
	position: absolute;
	color: #999;
	font: 10px Arial, Helvetica, sans-serif;
	float: left;
	width: 225px;
	margin: 98px 0 0 723px;
	padding-right: 10px;
	padding-top: 0;
	padding-bottom: 0;
	z-index: 5;
	text-align: right;
}

div#InUwMandje a:link, div#InUwMandje a:active, div#InUwMandje a:visited  {
	color: #999;
	text-decoration: none;
}
div#InUwMandje a:hover {
	color: #666;
	text-decoration: none;
}


div.Drie {
	color: #333;
}

ul#Broodkruimel {
	position: absolute;
	float: left;
	z-index: 5;
	margin: 94px 0 0;
	padding: 0 0 0 15px;
	width: 800px;
	list-style-type: none;
}
ul#Broodkruimel li{
	float: left;
	background: url(images/pijl_rechts.gif) no-repeat left 8px;
	padding-left: 11px;
	padding-right: 5px;
	
}
ul#Broodkruimel li a:link, ul#Broodkruimel li a:active, ul#Broodkruimel li a:visited {
	color: #999;
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
ul#Broodkruimel li a:hover {
	color: #666;
	text-decoration:none;
}
ul#Broodkruimel li a.last { color: #333; }
ul#Broodkruimel li a:hover.last { color: #000; }

ul.Topmenu {
	list-style-type: none;
	float: right;
	margin: 0;
	padding: 0 40px 0 0;
	height: 24px;
}

ul.Topmenu li{
	float: left;
	background: url(images/bg_top_menu_licht.gif) no-repeat right 6px;
}

ul.Topmenu li a:link,ul.Topmenu li a:active, ul.Topmenu li a:visited {
	display: block;
	color: #FFF;
	font: 11px/24px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-right: 15px;
	padding-left: 15px;
	background: url(images/bg_top_menu_donker.gif) no-repeat 0 6px;
	
}
ul.Topmenu li a.first {
	background: url(images/header_menu_line.gif) no-repeat 0 6px;
}
ul.Topmenu li a:hover, ul.Topmenu li a.TopmenuActive {
	background-color: #33A5DA;
}

ul.Topmenu li a:hover, ul.Topmenu li a.TopmenuActive {
	background-color: #33A5DA;
}

ul.Topmenu li.last {
	background-image: none;
}


#MenuContainer {
	width: 240px;
	float: left;
	position: relative;
	padding-top: 10px;
}

ul.Menu {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

ul.Menu li{
	float: left;
	width: 200px;
	padding: 8px 10px 7px 15px;
	background: url(images/linkermenu_lijn.gif) no-repeat 10px 0;
}

ul.Menu li a:link,ul.Menu li a:active, ul.Menu li a:visited {
	display: block;
	color: #333;
	font: 13px/130% Arial, Helvetica, sans-serif;
}

ul.Menu li a:hover {
	color: #000;
}
ul.Menu li a.selected {
	color: #008ED0;
	font-weight: bold;
}
ul.Menu li.NoB {
	background-image: none;
	padding-left: 25px;
	width: 190px;
	padding-top: 0;
}
ul.Submenu {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	display:none;
	width: ;
}

ul.Submenu li{
	padding: 3px 0 3px 15px;
	margin: 0;
	border-top: 0px;
	float: left;
	width: 190px;
	height: 15px;
	background: url(images/bullet.gif) no-repeat left 8px;
}

ul.Submenu li a:link,ul.Submenu li a:active, ul.Submenu li a:visited {
	color: #666;
	font: 11px/130% Arial, Helvetica, sans-serif;
}

ul.Submenu li a:hover {
	color: #000;
}
ul.Submenu li a.selected {
	color: #008ED0;
	font-weight: bold;
}
ul.Menu li.First {
	background-image: none;
}

div#VervolgBanner {
	width: 460px;
	height: 92px;
	overflow: hidden;
	float: left;
}

div.ArtikelOverzicht {
	width: 430px;
	padding: 10px 15px;
	float: left;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #FFF;
}
div.AOFirst{
	border-top: 0;
}
div.AOBGGrijs {
	background: #EEE;
}
div.Helpdesk {
	padding: 5px 15px;
}

Div#MiddenKollomBreed {
	width: 710px;
	float: left;
	position: relative;
}

div#ShopSpelenLeren{
	float: left;
	width: 240px;
	padding-left: 10px;
	height: 92px;
}
div#ShopContainer {
	background: #FFF url(images/tekstkader_bg.jpg) repeat-x scroll 0 bottom;
	width: 695px;
	padding-left: 15px;
	padding-top: 10px;
	float: left;
	padding-bottom: 10px;
}
div.ShopCategorieen {
	width: 119px;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
}
div.ShopMain {
	width: 560px;
	float: left;
	border-left: 1px solid #E3E3E3;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	overflow: hidden;
}
div.ShopOverzicht {
	width: 120px;
	margin-right: 18px;
	float: left;
	padding-bottom: 20px;
}
div.SOLeft {
	margin-right: 0;
}
div.SOBanner{
	width: 120px;
	height: 135px;
	float: left;
	text-align: center;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}
div.SOBannerDetails {
	border-bottom: 1px solid #E3E3E3;
}
div.ShopPrijs {
	position: relative;
	z-index: 5;
	padding-top: 108px;
	width: 120px;
	text-align: right;
	padding-bottom: 10px;
	height: 22px;
}
div.ShopPrijsLinks, div.KnopLinks{
	width: 10px;
	height: 22px;
	float: right;
}
div.ShopPrijsRechts, div.KnopRechts{
	width: 10px;
	height: 22px;
	float: right;
}
div.ShopPrijsMidden, div.KnopMidden{
	height: 22px;
	float: right;
	line-height: 22px;
	vertical-align: middle;
	background: url(images/btn_middle.jpg) repeat-x;
}
div.KnopLinks, div.KnopRechts, div.KnopMidden {
	float: left;
}
div.SOKop, div.SOKnop {
	width: 110px;
	border-bottom: 1px solid #E3E3E3;
	float: left;
	padding: 5px 5px 2px;
}
div.SOKnop {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	width: 120px;
}
div.SOKnop a {
	display: block;
	background: url(images/pijl_rechts.gif) no-repeat 110px center;
	color: #666;
	padding: 2px 5px;
}
div.SOKnop a:hover {
	color: #333;
}
div.ShopTerug {
	float: left;
}
div.ShopDetailsLinks {
	width: 120px;
	float: left;
}
div.ShopDetailsFotos {
	width: 120px;
	float: left;
	margin-top: 10px;
}

div.ShopTekst {
	width: 400px;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
}

ul.Webshop {
	list-style-type: none;
	float: right;
	width: 580px;
	height: 34px;
	margin: 0;
	padding: 0;
}

ul.Webshop li {
	border-top: 0px;
	float: right;
	height: 34px;
	background: url(images/shopbalk_rechts.jpg) no-repeat left center;
}

ul.Webshop li div {
	color: #FDE8C0;
	font: 12px/34px Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
}

ul.Webshop li div.Selected {
	color: #fff;
	background: url(images/lichtpaars_bar.jpg) no-repeat right top;
	padding-right: 23px;
}
ul.Webshop li.Selected {
	color: #fff;
	background: url(images/donkerpaars_bar.jpg) no-repeat left top;
}
ul.Webshop li.NietLinks {
	background: none;
}

ul.Webshop li div.NietLinks {
	padding-left: 0px;
}

div.PLVijf{
	margin-left: 5px;
}
div#BestelSchoolpakketPrijs {
	display: none;
}

.FormContact		{ font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #333333; background: #ffffff; height: 20px; width: 264px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 2px; }
.FormContactPC, .FormContactKort	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background: #ffffff; height: 15px; width: 55px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 2px; }
.FormContactPl		{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background: #ffffff; height: 15px; width: 205px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 2px; }
.FormContactTA		{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background: #ffffff; height: 80px; width: 264px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 2px; }
.FormBestellenAantal{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: center; background: #ffffff; height: 15px; width: 25px; border: 1px solid #cccccc; padding-left: 3px; padding-right: 3px; padding-top: 2px; }

.BestelAantal 				{ font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #333; background: #fff; height: 15px; width: 50px; border: 1px solid #999;padding-left: 3px; padding-top: 2px; }
.BestelAantalNieuw			{ font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #333; background: #fff; height: 15px; width: 30px; border: 1px solid #999;padding-left: 3px; padding-right: 3px; text-align: right;}
.BestelGegevens				{ font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #333; background: #fff; height: 15px; width: 203px; border: 1px solid #999;padding-left: 3px; padding-top: 2px; }
.BestelGegevensArea			{ font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #333; background: #fff; height: 60px; width: 203px; border: 1px solid #999;padding-left: 3px; padding-top: 2px; }
.BestelGegevensAreaGroot	{ font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #333; background: #fff; height: 120px; width: 203px; border: 1px solid #999;padding-left: 3px; padding-top: 2px; }
.BestelGegevensKort 		{ font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #333; background: #fff; height: 15px; width: 75px; border: 1px solid #999;padding-left: 3px; padding-top: 2px; }

.BestelGegevensNieuw { font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #333; background: #fff; width: 300px; height: 15px; border: 1px solid #999; padding-top: 2px; padding-left: 3px; }
.Select {
	height: 21px;
}
.BestelGegevensNieuwPC		{ font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #333; background: #fff; width: 50px; height: 15px; border: 1px solid #999; padding-top: 2px; padding-left: 3px; }
.BestelGegevensNieuwArea	{ font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #333; background: #fff; height: 60px; width: 300px; border: 1px solid #999;padding-left: 3px; padding-top: 2px; }

form#FormHelpdesk input { font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 11px; color: #999; background: #fff; width: 215px; height: 18px; border: 1px solid #DCDCDC; padding-top: 4px; padding-left: 3px; margin-top: 4px; }
form#FormHelpdesk textarea { font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 11px; color: #999; background: #fff; width: 215px; height: 75px; border: 1px solid #DCDCDC; padding-top: 4px; padding-left: 3px; margin-top: 4px; }

.AlertBox_DivAchtergrond{	
	filter:alpha(opacity=70);	/* Transparency */
	opacity:0.7;	/* Transparency */
	background-color:#000;
	z-index:100;
	position:absolute; /* Always needed	*/
	top:0;
	left: 0;
	display: none;
}
.AlertBox_DivContent{
	z-index:150;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	display: none;
}
#DivPDContainer {
	width: 600px;
	background-color: #ffffff;
}
#DivPDSluiten {
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: 110;
	margin-left: 585px;
	margin-top: -15px;
}
#DivPDInhoud {
	width: 550px;
	padding: 25px;
}
#DivHidden {
	display: none;
}

div.Thumbnail {
	width: 67px;
	height: 44px;
	overflow: hidden;
	float: left;
}
div#ProductScrollerC {
	float: left;
	width: 710px;
}
div#ProductScroller {
	float: left;
	width: 710px;
	background: #FFFFFF url(images/bg_pakketten.jpg) repeat-x scroll 0 bottom;
	height: 250px;
	border-bottom: 10px solid #fff;
	margin-top: 1px;
}
div#ContentContainer {
	float: left;
	width: 710px;
}
div.PijlLinks, div.PijlRechts {
	width: 12px;
	height: 150px;
	position: absolute;
	z-index: 15;
	margin-left: 260px;
}
div.PijlRechts {
	margin-left: 937px;
}
div.PijlLinks img, div.PijlRechts img {
	margin-top: 380px;
	cursor: pointer
}
div#ProductScoll {
	width: 685px;
	float: left;
	height: 240px;
	overflow:hidden;
	margin-left: 12px;
	background-color: transparent;
}
div.ScrollItemContainer {
	width: 685px;
	height: 240px;
	background-color: transparent;
}
div.ScrollItem {
	width: 135px;
	height: 220px;
	float: left;
	padding-top: 20px;
}
div.ScrollImg {
	width: 125px;
	height: 140px;
	overflow: hidden;
	float: left;
	margin-left: 10px;
	text-align: center;
}
div.ScrollTxt {
	width: 120px;
	padding-left: 15px;
	border-top: 1px solid #fff;
	float: left;
	padding-top: 5px;
	margin-top: 5px;
}