html {
	padding: 0px;
	margin: 0px;
}

body {
	background-color: #FFFFFF;
	background-image: url(../assets/bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

 /*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

 img, div { behavior: url(styles/iepngfix.htc) }

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */

.titelWit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

.tekstZwart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.tekstWit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.imgBorder {
	border-color: #b3c8df;
	border-style: solid;
	border-width: 1px;
}

#zoekResult {
	width: 175px;
}

#winkelPopUp {
	width: 500px;
	height: 380px;
	top: 395px;
	margin-left: 50%;
	left: -150px;
	position: absolute;
	z-index: 100;
}
#winkelGroot {
	width: 500px;
	height: 380px;
	top: 0px;
	left: 0px;
	position: absolute;
	background-image: url(../assets/winkelBg.png);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 100;
}

#kaartGroot {
	width: 610px;
	height: 680px;
	top: 175px;
	margin-left: 50%;
	left: -305px;
	position: absolute;
	background-image: url(../assets/kaart_n.png);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 100;
}

#winkelGrootOverlay {
	width: 450px;
	height: 330px;
	top: 25px;
	left: 25px;
	position: absolute;
	z-index: 500;
}

#winkelPopUpD {
	width: 400px;
	height: 430px;
	top: 395px;
	margin-left: 50%;
	left: -200px;
	position: absolute;
	z-index: 100;
}
#winkelGrootD {
	width: 400px;
	height: 430px;
	top: 0px;
	left: 0px;
	position: absolute;
	background-image: url(../assets/kaartBg.png);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 100;
}

#winkelGrootOverlayD {
	width: 350px;
	height: 430px;
	top: 25px;
	left: 25px;
	position: absolute;
	z-index: 500;
}

#kaartlGrootOverlay {
	width: 560px;
	height: 630px;
	top: 200px;
	margin-left: 50%;
	left: -280px;
	position: absolute;
	z-index: 500;
}

.blockMenuBG {
	background-image:url(../assets/blockMenu_bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	border-bottom-color: #b3c8df;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.linkZwartBold A:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.linkZwartBold A:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.linkZwartBold A:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.linkZwartBold A:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

.linkBlauw A:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0000FF;
	text-decoration: underline;
}

.linkBlauw A:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0000FF;
	text-decoration: underline;
}

.linkBlauw A:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0000FF;
	text-decoration: underline;
}

.linkBlauw A:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0000FF;
	text-decoration: underline;
}

.linkWitBold A:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.linkWitBold A:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.linkWitBold A:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.linkWitBold A:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

.linkWit A:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.linkWit A:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.linkWit A:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.linkWit A:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: underline; 
}

.tekstZwartextra {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 17px;
}



.tekstWitextra {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 17px;
}

.titelZwart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.titelZwartGroot {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
#winkelFoto {
	width: 273px;
	height: 182px;
}

.metaInfo {
	height: 1px;
	overflow: hidden;
}
.promo {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:630px;
	background-color:#000000;
	padding:10px;
	margin-left:40px;
	background-image: url(../assets/trends/trends-backgr.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 3px double #FF9900;
}
.promo h1 {
	color:#FF9900;
	font-size:20px;
	margin-top:-10px;
	font-weight: normal;
	}
.promo h2 {
	color:#FF9900;
	font-size:20px;
	margin-top:-10px;
	font-weight: normal;
	margin-left: 250px;
	}
.promo h3 {
	color:#CCCCCC;
	font-size:13px;
	line-height: 19px;
	margin-left: 250px;
	font-weight: normal;
	}
.promo h3 a:link, a:visited {
	color:#FF6600;
	font-size:13px;
	line-height: 19px;
	font-weight: normal;
	text-decoration:underline;
	}
.promo h4 {
	color:#FF9900;
	font-size:11px;
	margin-top:-10px;
	margin-bottom:-10;
	font-weight: normal;
	}
.promo p {
	color:#999999;
	font-size:11px;
	line-height: 17px;
	}
.promo li {
	color:#999999;
	font-size:11px;
	line-height: 16px;
	}

