/*===============================================================================================*/
/* MAIN																														 */
/*===============================================================================================*/

iframe
{
	padding:0px;
	float:left;
}

.layout
{
	width: 940px;
	margin:0px auto;
}

.layoutMain
{
	width:100%;
	background: #FFF url("../img/bgBody.jpg") repeat-x 0 0;
	float:left;
}

.layoutFooter
{
	width:100%;
	background: #F0F2F3 url("../img/bgLayoutFooter.gif") repeat-x 0px 0px;	
	float:left;
}

.mainContainer
{
	width: 940px;
	background: url("../img/bgMainContainer.gif") no-repeat 620px 220px;
	float:left;
}

.mainContainer .left
{
	width: 566px;
	float: left;
}

.myshopframe
{ 
	width:100%; 
	height:100%; 
}

iframe
{
	height:489px;
	padding:0px;
	margin:0px;
}

.winkelwagenContainer
{
	width: 100%;
	padding:4%;
	float:left;
}
/*===============================================================================================*/
/*	PORTAL																														 */
/*===============================================================================================*/
.mainPortal
{
	width:940px;
	padding-top: 0px;
	float:left;
}

.mainPortal .blokAlgemeen
{
	background: url("../img/bgBlokAlgemeen.gif") no-repeat 0px 0px;
	width: 192px;
	height: 264px;
	padding: 25px 15px 15px 15px;
	display: block;
	margin-right: 11px;
	float:left;
}

.mainPortal .blokAlgemeen .introText
{
	width: 192px;
	height: 165px;
	margin-bottom:20px;
	float:left;
	overflow: hidden;
}

.mainPortal .blokAlgemeen .introText .title
{
	font-size: 1.3em;
	font-weight: bold;
	color: #ED9105;
	margin-bottom:5px;
	width: 100%;
	float:left;
}

.mainPortal .blokAlgemeen .introText .content
{
	color: #57656C;
	line-height:16px;
	float:left;
	width:100%;
	font-size: 1.1em;
}

.mainPortal .blokAlgemeen .merken
{
	width:192px;
	height: 70px;
	float:left;
	overflow: hidden;
}

.mainPortal .blokAlgemeen .merken .title
{
	color: #9BA8AE;
	font-size: 1.3em;
	margin-bottom:5px;
	font-weight: bold;
}

.mainPortal .blokAlgemeen .merken .content
{
	text-align:center;
	overflow:hidden;
}

.mainPortal .blokAlgemeen .merken a img,
.mainPortal .blokAlgemeen .merken a 
{
	margin-right:0px;
	text-decoration: none;
}

.mainPortal .blokAlgemeen .merken a 
{
		margin-right:0px;
}

.mainPortal .blok
{
	width:200px;
	height: 308px;
	padding:0px 13px;
	display: block;
	margin-right: 11px;
	float:left;
}

.mainPortal .blok.baby
{
	background: url("../img/bgBlokJongens.png") no-repeat 0px 0px;
}

.mainPortal .blok.mini
{
	background: url("../img/bgBlokMeisjes.png") no-repeat 0px 0px;
}

.mainPortal .blok.kids
{
	margin-right: 0px;
	background: url("../img/bgBlokAccessoires.png") no-repeat 0px 0px;
}

.sexChoice
{
	width: 200px;
	height: 60px;
	float:left;
}

.sexChoice a
{
	height: 60px;
	display: block;
	float:left;
}

.sexChoice a.jongen
{
	background: url("../img/bgChoiceJongen.gif") no-repeat 0px 0px;
	float:left;
	width:66px;
}

.sexChoice a.meisje
{
	background: url("../img/bgChoiceMeisje.gif") no-repeat 0px 0px;
	width:67px;
}

.sexChoice a.jongenMeisje
{
	background: url("../img/bgChoiceUni.gif") no-repeat 0px 0px;
	width:66px;
}

.sexChoice a.jongen:hover
{
	background: url("../img/bgChoiceJongen.gif") no-repeat 0px -70px;
}

.sexChoice a.meisje:hover
{
	background: url("../img/bgChoiceMeisje.gif") no-repeat 0px -70px;
}

.sexChoice a.jongenMeisje:hover
{
	background: url("../img/bgChoiceUni.gif") no-repeat 0px -70px;
}

.blok .imageLink
{
	width:200px;
	height: 295px;
	display: block;
	float:left;
}

.mainContainer.search .leftSide
{
	width: 700px;
	float:left;	
	margin-right:20px;
}

.mainContainer.search .rightSide
{
	width: 200px;
	float:left;	
}


/*===============================================================================================*/
/*
	Legenda CSS classes
*/
/*===============================================================================================*/
.legenda
{
	width: 100%;
	float:left;
	margin-bottom:20px;
	border-bottom: 1px dashed #E6DFE2;
	padding-bottom: 10px;
}

.legenda .title
{
	font-size: 1.2em;
	font-weight: bold;
	float:left;
	width: 100%;
	color: #0077C0;
	margin-bottom: 5px;
}

.legenda .uitleg
{
	float:left;
	width: 100%;
	margin-bottom:5px;
}

.legenda .icoon
{
	float:left;
	margin-bottom:7px;
	width: 100%;
}

.legenda .icoon img
{
	float:left;
	margin-right: 8px;
}


/*===============================================================================================*/
/*	HEADER																													 */
/*===============================================================================================*/
div.headerContainer
{
	width: 940px;
	height: 111px;
	background: url("../img/bgHeader.gif") no-repeat 0px 0px;
	float:left;	
}

div.logo
{
	width: 232px;
	height:111px;
	float:left;
}

div.topLinks
{
	width: 450px;
	float:right;
	padding-top:6px;
	text-align:right;
}

div.topLinks a
{
	color: #ED9105;
}

div.topLinks a:hover
{
	color:white;
	background:#ED9105;
}

.searchContainer
{
	width: 921px;
	height: 197px;
	border: 1px solid #E0E4E9;
	padding: 7px;
	background:white;
	margin-top:8px;
	margin-bottom:12px;
	display: block;
	float:left;
}



.searchContainer .left
{
	width: 554px;
	height: 197px;
	float:left;
	background: url("../img/bgSearchTopDefault.jpg") no-repeat 0px 0px;
	margin-right: 8px;	
}

.searchContainer .right
{
	background: url("../img/bgSearchTopRight.gif") repeat-x 0px 0px;
	float:Left;
	width: 333px;
	height: 171px;
	display: block;
	padding:13px;
}

.searchContainer .right form
{
	background: none;
	padding:0px;
	width: 333px;
	float:left;
}

.searchContainer .right .wrapper
{
	float:left;
	width:333px;
	margin-bottom:9px;
}

.searchContainer .right .wrapper .label
{
	width:120px;
	float:left;
}

.searchContainer .right .wrapper .input
{
	width: 208px;
	float: left;
}


.searchContainer .right .wrapper .input input
{
	width: 208px;
}

.searchContainer .right img, 
.searchContainer .right input
{
	float:left;
}

.searchContainer .right input
{
	height:15px;
}

.searchContainer .right .wrapper .input select
{
	width:215px;
	float:left;
}


.searchContainer .inputCheckbox input
{
	width:25px;
	float:left;
	border:0px;
	background:none;
}

.searchcontainer button
{
	cursor:pointer;
}
/*===============================================================================================*/
/*	BUTTONS																										 */
/*===============================================================================================*/
/*button.btnZoekEnVind*/
.searchContainer button
{
	width: 93px;
	height: 22px;
	margin:0px;
	padding: 0px;
	border: 0px;
	background: url("../img/btnZoekVind.gif") no-repeat 0px 0px;
	display: block;
	float:right;
}

.searchContainer button:hover
{
	background: url("../img/btnZoekVind.gif") no-repeat 0px -39px;
}
/*===============================================================================================*/
/*	LAYOUT/CONTENT																											 */
/*===============================================================================================*/

/*===============================================================================================*/
/*	PRODUCTS																									 */
/*===============================================================================================*/
.product
{
	width:278px;
	border: 1px solid #E0E4E9;
	background: white;
	height: 175px;
	float:left;
	display:block;
	padding:12px;
	margin-right:12px;
	margin-bottom:12px;
}

.product.last
{
	margin-right: 0px;
}

.product .image
{
	width: 137px;
	height:175px;
	overflow: hidden;
	float:left;
	margin-right: 12px;
}

.product .productInfo
{
	width: 129px;
	overflow: hidden;
	float:left;
	height:175px;
}

.product .productInfo .title
{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom:3px;
	color: #4B5458;
	width: 100%;
	float:left;
}

.product .productInfo .description
{
	color: #838F94;
	width: 100%;
	margin-bottom:4px;
	float:left;
	font-size: 1.0em;
}

.product .productInfo .description:hover
{
	text-decoration: none;
	color:#4B5458;
}

.product .productInfo a
{
	text-decoration: none;
	margin-bottom:4px;
	color:#838F94;
}

.product .productInfo a:hover
{
	text-decoration: underline;
}

.product .productInfo span
{
	width: 100%;
	margin-bottom:4px;
	float:left;
}

.product .productInfo .price
{
	width: 100%;
	font-size: 1.3em;
	color: #ED9105;
	font-weight: bold;
	margin-bottom:4px;
	float:left;
	text-decoration: none;
}

.product .productInfo a.meerInfo
{
	width: 93px;
	height: 22px;
	background: url("../img/bgMeerInfo.gif") no-repeat 0px 0px;
	float:left;
	margin-top:9px;
	display: block;
}

.product .productInfo a.meerInfo:hover
{
	background: url("../img/bgMeerInfo.gif") no-repeat 0px -33px;
}



/*===============================================================================================*/
/*	FOOTER																													 */
/*===============================================================================================*/
.footerContainer
{
	width: 940px;
	float:left;
	min-height: 180px;
}

.footerContainer .left
{
	width:204px;
	float:left;
	padding-top:50px;
}

.footerContainer .center
{
	padding-top:50px;
	text-align:center;
	float:left;
	width:456px;
}

.footerContainer .right
{
	width:280px;	
	float:left;
}

.footerContainer .center div
{
	text-align:center;
	margin-bottom:5px;
	width:100%;
	display: inline-block;
}

.footerContainer .center div a
{
	color:#A8AFB5;
	text-decoration: none;
}

.footerContainer .center div a:hover
{
	color:#57656C;
	text-decoration: underline;
}

a.webshopKeurmerk
{
	background: url("../img/iconWebshopKeurmerk.gif") no-repeat 0px -42px;
	width: 104px;
	height:32px;
	margin-right:20px;
	display: block;
	float:left;
}

a.webshopKeurmerk:hover
{
	background: url("../img/iconWebshopKeurmerk.gif") no-repeat 0px 0px;
}

a.iDeal
{
	background: url("../img/icon_iDeal.gif") no-repeat 0px -41px;
	width: 37px;
	height:32px;
	display: block;
	float:left;
}

a.iDeal:hover
{
	background: url("../img/icon_iDeal.gif") no-repeat 0px 0px;
}
/*===============================================================================================*/
/*	MISC																														 */
/*===============================================================================================*/
.menuContainer
{
	width: 940px;
	height: 37px;
	padding-top:10px;
	float:left;
}

div.nieuwsbriefLink
{
	width: 243px;
	height: 92px;
	padding: 2px;
	background: #80B5D4;
	float:left;
}

div.nieuwsbriefLink .container
{
	background: url("../img/bgContainer.gif") repeat-x 0px 0px;
	width: 233px;
	height: 84px;
	padding:5px;
	float:left;
}

button.inschrijven
{
	width: 76px;
	height: 22px;
	float:right;
	display: block;
	background: url("../img/btnInschrijven.gif") no-repeat 0px 0px;
}

button.inschrijven:hover
{
	background: url("../img/btnInschrijven.gif") no-repeat 0px -26px;
}

div.nieuwsbriefLink .container .label
{
	font-weight: bold;
	color:#1586C9;
	text-align:right;
}

div.nieuwsbriefLink .container form
{
	background: none;
}