html {
	padding:0px;
	margin:0px;
	background-color: white;
	overflow-y: scroll;
}
body {
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
form {
	padding: 0px;
	margin: 0px;
}
#container {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	min-width: 990px;
}

/* -------------- homepage ------------- */

#homepage {
	position: relative; /* Why not absolute IE? */
	top: 139px;
	margin: 0px 230px 0px 30px;
	padding: 0px;
	background-color: #fccfff;	
}
#contents {
	position: absolute; /* Extra absolute div for IE */
}
#homepage h1{
	font-size: 140%;
	margin-top: 0px;
}
#photo {
	float: left;
	width: 450px;
	height: 299px;
	margin-right: 10px;
}
#welcome {
	font-size: 80%;
	height: 299px;
}
#welcome a {
	color: #274b94;
	text-decoration: underline;
}
#welcome a:hover {
	color: #595446;
}
#specials {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 20px;
	border-bottom: 1px solid #c6c1b4;
	padding-bottom: 10px;
}
#specials table {
	margin-top: 10px;
	width: 100%;
}
#specials .header {
	width: 100%;
	font-size: 80%;
	font-weight: bold;
	background-color: #c6c1b4;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}
#specials td {
	width: 25%;
	text-align: center;
	border-left: 1px solid #c6c1b4;
	font-size: 80%;
}
#specials td.description {
	vertical-align: top;
}
#specials tr td:first-child {
	border-left: 0px;	
}
#specials img {
	border: 0px;
}
#specials a {
	color: #595446;
	text-decoration: none;
}
#specials a:hover {
	color: #274b94;
}
#specials .actie {
	background: url("../images/actie.png") no-repeat;
	height: 35px;
}
#specials .lijn {
	height: 10px;
	border-bottom: 1px solid #c6c1b4;
}
#specials .lijnpadding {
	height: 10px;
}
#specials span.belgaprice {
	color: red;
	font-size: 110%;
}

/* -------------- content ------------- */

#content {
	position: relative; /* Why not absolute IE? */
	top: 165px;
	left: 0px;
	margin: 0px 230px 0px 230px;
	padding: 0px;
	background-color: white;
}
#content h1 {
	font-size: 120%;
	font-weight: bold;
	color: black;
	margin-top: 10px;
	margin-left: 30px;
}
#content h2 {
	font-size: 110%;
	font-weight: bold;
	color: black;
}
#content p {
	font-size: 80%;
}
#content li {
	font-size: 80%;
}
#content a {
	color: #595446;
	text-decoration: none;
}
#content a:hover {
	color: #274b94;
}
#content td.informatie {
	font-size: 80%;	
}
#brands {
	position: relative;
	width: 100%;
}
#content ul.brandlist {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-color: #f3f3ed;
	width: 250px;
}
#content ul.brandlist li, #content ul.brandlist a {
	display: block;
	color: black;
	font-size: 90%;
	text-decoration: none;
}
#content ul.brandlist a {
	padding: 3px;
	width: 234px;
	padding-left: 8px;
	padding-right: 8px;
}
#content ul.brandlist li {
	border-bottom: 1px solid white;
}
#content ul.brandlist a:hover {
	background-color: #e3e3d9;
}
#randomproduct {
	float: right;
	background-color: #e3e3d9;
	width: 250px;
	padding: 2px;
}
#randomproduct .photo {
	text-align: center;
	background-color: white;
}
#randomproduct .photo img {
	border: 0px;
}
#randomproduct .description {
	font-size: 80%;
	padding: 5px;
	width: 240px;
	text-align: center;
}
#randomproduct a {
	color: black;
	text-decoration: none;
}
#randomproduct span.belgaprice {
	color: red;
	font-size: 110%;
}
#pricesearch {
	float: left;
	background-color: #f3f3ed;
	width: 100%;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 80%;
	text-align: center;
}
#pricesearch select {
	font-size: 90%;
}
#pricesearch button {
	display: inline;
	width: 31px;
	height: 21px;
	background: red url("../images/menu_sprites.png") -775px -60px no-repeat;
	border: 0px;
	cursor: pointer;
}
#pricesearch button:hover {
	background: url("../images/menu_sprites.png") -806px -60px no-repeat;	
}
#pricesearch button span {
	display: none;
}
.pricesearch_listing {
	margin-bottom: 20px;
}
#suspension {
	font-size: 80%;
}
#products {
	padding-bottom: 100px;
}
#products table {
	width: 100%;
	margin-top: 20px;
	background-color: #f3f3ed;
}
#products .photo {
	background-color: white;
	width: 250px;
}
#products .photo img {
	border: 0px;
}
#products .description {
	padding: 20px;
}
#products h2 {
	margin-top: 0px;
	font-size: 105%;
}
#products p.belgaprice {
	color: red;
	font-size: 90%;
}
#products a.info {
	display: block;
	width: 197px;
	height: 21px;
	background: url("../images/menu_sprites.png") -381px -60px no-repeat;	
}
#products a.info:hover {
	background: url("../images/menu_sprites.png") -578px -60px no-repeat;	
}
#products a.info span {
	display: none;
}

#detail .photo {
	width: 100%;
	text-align: center;
}
#detail .description {
	width: 100%;
}
#detail .price {
	font-size: 95%;
}
#detail .belgaprice {
	color: red;
	font-size: 100%;
}
#detail label {
	display: block;
	float: left;
	font-size: 80%;
	font-weight: bold;
	width: 80px;	
}
#detail span.levertijd {
	float: left;
	display: block;
	width: 80px;
	font-size: 80%;
	font-weight: bold;
}
#detail span.levertijdomschrijving {
	font-size: 80%;	
}
#detail button {
	width: 130px;
	height: 21px;
	background: red url("../images/menu_sprites.png") -121px -60px no-repeat;
	border: 0px;
	cursor: pointer;
	margin-top: 2px;
	margin-left: 82px;
}
#detail button:hover {
	background: url("../images/menu_sprites.png") -251px -60px no-repeat;	
}
#detail button span {
	display: none;
}

#zoeken {
	position: relative;
	background-color: #c6c1b4;
	width: 100%;
	border: 0px;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 80%;
}
#zoektekst {
	float: left;
	margin-left: 10px;
	margin-top: 2px;
}
#contentquery {
	float: left;
	height: 18px;
	width: 137px;
	background: #f5f5f0 url("../images/background_search.png") 0px 0px no-repeat;	
	border-top: 1px solid #595446;
	border-left: 1px solid #595446;
	border-bottom: 1px solid #595446;
	border-right: 0px;
	padding-top: 1px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
}
#zoeken button {
	float: left;
	width: 45px;
	height: 21px;
	background: url("../images/menu_sprites.png") -837px -60px no-repeat;
	border: 0px;
	cursor: pointer;
}
#zoeken button:hover {
	background: url("../images/menu_sprites.png") -882px -60px no-repeat;	
}
#zoeken button span {
	display: none;
}

#content table.shoppingcart {
	font-size: 80%;
}
#content table.shoppingcart th {
	
}
#content table.shoppingcart td {
	background-color: #f3f3ed;
	padding: 3px;
}
#content table.shoppingcart td.white {
	background-color: white;
}

#content A.verderwinkelen {
	float: left;
	display: block;
	width: 122px;
	height: 21px;
	background: url("../images/menu_sprites.png") -746px -120px no-repeat;
}
#content A.verderwinkelen:hover {
	background: url("../images/menu_sprites.png") -868px -120px no-repeat;	
}
#content A.verderwinkelen span {
	display: none;
}
#content A.bestellingafrekenen {
	float: right;
	display: block;
	margin-left: 10px;
	width: 155px;	
	height: 21px;
	background: url("../images/menu_sprites.png") -436px -120px no-repeat;
}
#content A.bestellingafrekenen:hover {
	background: url("../images/menu_sprites.png") -591px -120px no-repeat;	
}
#content A.bestellingafrekenen span {
	display: none;
}

#content table.gegevens {
	font-size: 80%;
}
#content table.gegevens td.kop {
	padding-top: 20px;
	font-weight: bold;
	background-color: white;
}
#content table.gegevens td {
	background-color: #f3f3ed;
	padding: 3px;
}
#content table.gegevens td.white {
	background-color: white;
}
#content A.terugnaarwinkelwagen {
	float: left;
	display: block;
	width: 174px;
	height: 21px;
	background: url("../images/menu_sprites.png") -88px -120px no-repeat;
}
#content A.terugnaarwinkelwagen:hover {
	background: url("../images/menu_sprites.png") -262px -120px no-repeat;	
}
#content A.terugnaarwinkelwagen span {
	display: none;
}

#content button.afrekenen {
	float: right;
	width: 165px;
	height: 21px;
	border: 0px;
	background: url("../images/menu_sprites.png") -660px -141px no-repeat;
}
#content button.afrekenen:hover {
	background: url("../images/menu_sprites.png") -825px -141px no-repeat;	
}
#content button.afrekenen span {
	display: none;
}

#content A.terugnaarhomepage {
	display: block;
	width: 153px;	
	height: 21px;
	background: url("../images/menu_sprites.png") -354px -141px no-repeat;
}
#content A.terugnaarhomepage:hover {
	background: url("../images/menu_sprites.png") -507px -141px no-repeat;	
}
#content A.terugnaarhomepage span {
	display: none;
}

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

#header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 87px;
}
#logo {
	position: absolute;
	left: 20px;
	top: 20px;	
	width: 359px;
	height: 48px;
	background: url("../images/logo_belga_fietsen.png") no-repeat;
}
#ideal {
	position: absolute;
	left: 440px;
	top: 25px;	
	width: 111px;
	height: 38px;
	background: url("../images/logo_ideal.png") no-repeat;	
}
#tnt {
	position: absolute;
	left: 625px;
	top: 27px;	
	width: 71px;
	height: 32px;
	background: url("../images/logo_tnt.png") no-repeat;	
}
#bovag {
	position: absolute;
	left: 565px;
	top: 20px;	
	width: 32px;
	height: 51px;
	background: url("../images/logo_bovag.png") no-repeat;	
}
#search {
	position: absolute;
	right: 10px;
	top: 53px;
	width: 295px;
	height: 21px;
	font-weight: bold;
	font-size: 67%;
}
#searchtext {
	float: left;
	width: 80px;
	padding: 5px;
	color: #595446;	
}
#searchfields {
	float: right;
	width: 204px;
	height: 21px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#search input {
	float: left;
	height: 18px;
	width: 137px;
	background: #f5f5f0 url("../images/background_search.png") 0px 0px no-repeat;	
	border-top: 1px solid #595446;
	border-left: 1px solid #595446;
	border-bottom: 1px solid #595446;
	border-right: 0px;
	padding-top: 1px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
}
#search button {
	float: left;
	width: 45px;
	height: 21px;
	background: url("../images/menu_sprites.png") -837px -60px no-repeat;
	border: 0px;
	cursor: pointer;
}
#search button:hover {
	background: url("../images/menu_sprites.png") -882px -60px no-repeat;	
}
#search button span {
	display: none;
}

/* -------------- breadcrumb ------------- */

#breadcrumb {
	position: absolute;
	margin: 0px 230px 0px 230px;
	top: 140px;
	font-size: 70%;
	color: #595446;	
}
#breadcrumb a {
	color: #595446;	
}
#breadcrumb a:hover {
	color: red;
}

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

#navigation {
	position: absolute;
	left: 0px;
	top: 87px;
	width: 100%;
	height: 30px;
	background: white url("../images/background_menu.png") 0px 0px repeat-x; /* no sprite usage here, IE doesn't like it... */
}

#centermenu {
	width: 990px;
	margin: auto;
}

#menu  {
		background: white url("../images/menu_sprites.png") 0 0 no-repeat;
		width: 990px;
		height: 30px;
		margin: 0px;
		padding: 0px;
		border-left: 1px solid white;
}
#menu li span {
	display: none;
}
#menu li {
	position: relative;
	float: left;
	list-style:none;
}  
#menu li, #menu a {	
	display: block;
	width: 99px;
	height: 30px;
}

#home a:hover, #home a.active {
	background: white url("../images/menu_sprites.png") 0 -30px no-repeat;
}
#fietsen a:hover, #fietsen a.active {
	background: white url("../images/menu_sprites.png") -99px -30px no-repeat;
}
#onderdelen a:hover, #onderdelen a.active {
	background: white url("../images/menu_sprites.png") -198px -30px no-repeat;
}
#accessoires a:hover, #accessoires a.active {
	background: white url("../images/menu_sprites.png") -297px -30px no-repeat;
}
#accessoires a:hover, #accessoires a.active {
	background: white url("../images/menu_sprites.png") -297px -30px no-repeat;
}
#kleding a:hover, #kleding a.active {
	background: white url("../images/menu_sprites.png") -396px -30px no-repeat;
}
#schoenen a:hover, #schoenen a.active {
	background: white url("../images/menu_sprites.png") -495px -30px no-repeat;
}
#fietskarren a:hover, #fietskarren a.active {
	background: white url("../images/menu_sprites.png") -594px -30px no-repeat;
}
#fietsendragers a:hover, #fietsendragers a.active {
	background: white url("../images/menu_sprites.png") -693px -30px no-repeat;
}
#informatie a:hover, #informatie a.active {
	background: white url("../images/menu_sprites.png") -792px -30px no-repeat;
}
#winkelwagen a:hover, #winkelwagen a.active {
	background: white url("../images/menu_sprites.png") -891px -30px no-repeat;
}
#winkelwagen a.filled {
	background: white url("../images/menu_sprites.png") 0px -60px no-repeat;	
}

#gradient {
	margin-top: 1px;
	border-top: 1px solid #847e6f;
	width: 100%;
	height: 15px;
	background: white url("../images/background_fade.png") repeat-x;
}

/* -------------- subnavigation ------------- */

#subnavigation {
	position: absolute;
	left: 10px;
	top: 139px;
	width: 190px;
	background-color: #e3e3d9;
	margin: 0px;
	padding: 0px;
}
#submenu ul {
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	padding-bottom: 50px;
	list-style: none;
}
#submenu li, #submenu a {
	display: block;
	color: black;
	font-size: 90%;
	text-decoration: none;
}
#submenu a {
	padding: 3px;
	width: 174px;
	padding-left: 8px;
	padding-right: 8px;
}
#submenu li {
	border-bottom: 1px solid #9f9a8c;
}
#submenu li:last-child {
	border: 0px;
}
#submenu a:hover, #submenu a.active {
	background-color: #bbbbb2;
}
#subphoto {
	padding: 1px;
	background-color: #bbbbb2;
} 

/* -------------- sidebar ------------- */

#sidebar {
	position: absolute;
	right: 10px;
	top: 139px;
	width: 190px;
	background-color: #f3f3ed;
	margin: 0px;
	padding: 0px;
}
#sidebar .header {
	font-weight: bold;
	font-size: 72%;
	color: white;
	background-color: #847e6f;
	padding: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#sidebar .contents {
	font-size: 72%;
	background-color: #e3e3d9;
	padding: 8px;
}
#sidebar .contents a {
	color: black;
	text-decoration: underline;
}
#sidebar .contents ul {
	padding: 0px;
	margin-left: 16px;
	margin-bottom: 0px;
}
#sidebar .newsletter {
	background-color: #e3e3d9;
	padding-left: 8px;
	padding-bottom: 8px;
}
#newsfields {
	width: 172px;
	height: 21px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#sidebar .newsletter input {
	float: left;
	height: 18px;
	width: 140px;
	background-color: #f5f5f0;
	border-top: 1px solid #595446;
	border-left: 1px solid #595446;
	border-bottom: 1px solid #595446;
	border-right: 0px;
	padding-top: 1px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}
#sidebar .newsletter button {
	float: left;
	width: 31px;
	height: 21px;
	background: url("../images/menu_sprites.png") -927px -60px no-repeat;
	border: 0px;
	cursor: pointer;
}
#sidebar .newsletter button:hover {
	background: url("../images/menu_sprites.png") -958px -60px no-repeat;	
}
#sidebar .newsletter button span {
	display: none;
}

/* ------------ Tekstvlakken homepage ---------------*/

.vakinfotitel {
	font-size: 140%;
	font-weight: bold;
}

#megastoretext {
	position: absolute;
	top: 150px;
	left: 60px;
	width: 370px;
	font-size: 80%;
	background-color: #fffdc7;
	border: 1px solid #847E6F;
	padding: 10px;
	z-index: 30;
	display: none;
}
#harkstedetext {
	position: absolute;
	top: 150px;
	left: 60px;
	width: 370px;
	font-size: 80%;
	background-color: #fffdc7;
	border: 1px solid #847E6F;
	padding: 10px;
	z-index: 30;
	display: none;
}
#vinkhuizentext {
	position: absolute;
	top: 150px;
	left: 60px;
	width: 370px;
	font-size: 80%;
	background-color: #fffdc7;
	border: 1px solid #847E6F;
	padding: 10px;
	z-index: 30;
	display: none;
}