html {
	overflow-y: scroll; /* scrollbar fix */
}

html, body {
	height: 100%;
}

body, table, td, th, input, textarea, select {
	font: normal 12px arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	color: #000;
}

body {
	background:url(/images/bg001.gif) #5bbee3;
}

a  {
	color: #000;
	text-decoration: none;
}

a:hover  {
	color: #0066CC;
	text-decoration: underline;
}

a img {
	border: none;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

#layoutWhite {
	min-height: 100%;
	width: 990px;
	margin: 0 auto;
	position:relative;
	background:#FFFFFF;
}

#layoutTracker {
	min-height: 100%;
	width: 990px;
	margin: 0 auto;
	position:relative;
	background: url(/images/back-tracker.gif) repeat-y #FFFFFF;
}

#layoutTop {
	background: url(/images/bg-topgray.jpg) top repeat-x #FFFFFF;
}

#content960 {
	padding: 0 15px 15px 15px;
}

#leftNav {
	width:180px;
	float:left;
	padding-left:15px;
	padding-right:23px;
}

#tracker {
	width:199px;
	float:left;
	padding-left:2px;
	padding-right:17px;
}

#content {
	width:772px;
	float: left;
	margin-bottom: 23px;
}

#tableWinkelwagenTop td {
	text-align: center;
}

#tableWinkelwagenContent td {
	padding: 18px 0;
	vertical-align:top;
	border-bottom: 1px solid #E3E5E5;
}

#tableAdresgegevens td{
	padding: 1px 0;
}


/* UL LI SHOP LEFT MENU */
	#tracker .trackerLine {
		background:url(/images/tracker_line.jpg) no-repeat; height:21px; padding:3px 0 0 9px; color: #525556; font-weight:bold; clear:both;
	}

	#leftNav .trackerLine { padding: 3px; color: #525556; font-weight:bold; clear:both; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;  }
	.trackerLine a { text-decoration:none; }
	.trackerLine a:hover, #tracker div a.active { text-decoration: underline; }
	
	.trackerLineCont { margin: 0 0 15px 0; padding:3px 0; }
	.trackerLineCont ul { padding:3px 7px 0 15px; margin:0; }
	.trackerLineCont ul li { padding:0; margin:0; }


/* HEADERS */
	.header8bold {
		font-family: arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
		font-size: 8px;
		font-weight: bold;
	}
	.header10bold {
		font-family: arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
		font-size: 10px;
		font-weight: bold;
	}
	.header12bold, h6 {
		font-family: arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
		font-size: 12px;
		font-weight: bold;
	}
	.header14bold {
		font-family: arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
		font-size: 14px;
		font-weight: bold;
	}
	.header15bold, h5 {
		font-family: arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
		font-size: 15px;
		font-weight: bold;
	}
	.header16bold {
		font-family: arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
		font-size: 16px;
		font-weight: bold;
	}
	.header18bold, h4 {
		font-family: arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
		font-size: 18px;
		font-weight: bold;
	}
	.header20bold {
		font: bold 20px arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	}
	.header22bold, h2 {
		font: bold 22px arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	}
	.header24bold, h1 {
		font: bold 24px arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	}
	.header20norm {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
	}
	.textYellow, .textYellow a, .textYellow a:hover, .textYellow a:active {
		color: #FFC20D;
	}
	.textLightGrey, .textLightGrey a {
		color: #CCCCCC;
	}
	.textGrey, .textGrey a {
		color: #5B5F60;
	}
	.textWhite, .textWhite a {
		color: #FFFFFF;
	}
	.textGreen, .textGreen a {
		color:#66CC33;
	}
	.textOrange, .textOrange a {
		color:#FF9933;
	}
	.textRed, .textRed a {
		color:#CC0000;
	}
	.textBlue, .textBlue a {
		color:#128CDE;
	}
	
	
/* shopOverview */
	.shopOverviewProduct {
		width:193px;
		height:320px;
		float:left;
		background:url(/shop/images/overview_bg_product.gif) top left no-repeat;
		position:relative;
	}
	
	.shopOverviewProduct a {
		color:#525556;
		font-weight: bold;
	}

	.shopOverviewProductTitel a {
		white-space:nowrap;
		line-height: 25px;
		width:170px;
		display:block;
		overflow:hidden;
		text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
		-ms-text-overflow:ellipsis;
	}
	
	.shopOverviewProductKleuren img {
		padding-left:2px;	
	}
	
	.shopOverviewProductAlert {
		position:absolute;
		z-index:99;
		left:0;
		top:204px;
		line-height:21px;
		width:60px;
		text-align:center;
		background: #66cc33;
	}

	.shopOverviewProductPrijs {
		position:absolute;
		z-index:99;
		right:23px;
		top:251px;
		line-height:21px;
		padding: 0 7px;
		text-align:center;
		background: #66cc33;
	}

/* ShopNav */
	.shopNav td {
		border-bottom: 1px solid #E5E5E5; 
		padding: 3px 0;
	}
	
	#shopNavBottom {
		clear:left;
		border-top: 1px solid #E5E5E5;
		padding: 12px 0;
		margin-right:23px;
		text-align: right;
	}	

/* Navigatie / top */
	#topLogo {
		padding:10px 0 10px 20px;
	}
	
	#minimenu, #minimenu a {
		color:#FFFFFF;
		font-weight: bold;
		padding: 1px 15px;
		margin: 0;
		position:absolute; 
		right:0; top:0; height:16px;
		background: #66cc33 url(/images/mini-menu_left.gif) left no-repeat;
		z-index:50;
		text-decoration:none;
	}
	
	#minimenu a:hover, #minimenu a.active {
		text-decoration: underline;
	}
	
	#siteNav {
		padding: 0;
		margin: 0;
		position:absolute; 
		left:330px; top:25px; width:650px; height:54px;
		z-index:50;
	}
	
	#siteNav ul{
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	#siteNav ul li{
		float: left;
		padding-right: 5px;
	}
	
	#siteNav ul li a{
		padding: 0;
		margin: 0;
		display: block;
		width: 125px;
		height: 54px;
	}
	
	#siteNav ul li a span{
		display: none;
	}
	
	#groupNav {
	}
	
	#groupNav div {
		position:absolute; 
		left:330px; 
		top:79px; 
		width:645px; 
		height:15px; 
		visibility: hidden;
	}
	
	#groupNav div.active {
		visibility: visible;
	}
	
	#groupNav div h3 {
		display: none;
	}
	
	#groupNav div ul {
		border-top:solid #E5E5E5 1px; 
		border-bottom:solid #E5E5E5 1px; 
		margin: 3px 6px 0 4px; 
		padding: 1px 16px;
		list-style: none;
	}
	
	#groupNav div ul li {
		display: inline;
		padding: 0px 14px;
	}
	
	#groupNav div ul li a {
		color: #525556;
		font-weight:bold;
	}
	
	#groupNav div ul li a:hover  {
		text-decoration: underline;
	}
	
	#navShopGroup ul li a.active, #navShopGroup ul li a:hover { color: #f57b23; }
	
	#navHetmerkGroup ul li a.active, #navHetmerkGroup ul li a:hover { color: #8097c8; }
	
	#navFotosGroup ul li a.active, #navFotosGroup ul li a:hover { color: #b5d88b; }
	#navFotosGroup ul li.bypass { display: inline; padding-left: 155px; }
	
	#navCommunityGroup ul li a.active, #navCommunityGroup ul li a:hover { color: #e74328; }
	#navCommunityGroup ul li.bypass { display: inline; padding-left: 100px; }
	
	#navContactGroup ul li a.active, #navContactGroup ul li a:hover { color: #ddd238; }
	#navContactGroup ul li.bypass {	display: inline; padding-left: 259px; }
		
	
	#navShop { background: url(/images/navShop.jpg) 0 -54px no-repeat; }
	#navShop a { background: url(/images/navShop.jpg) 0 0 no-repeat; }
	#navShop a:hover, #navShop a.active { background: none; }
	
	#navHetmerk { background: url(/images/navHetmerk.jpg) 0 -54px no-repeat; }
	#navHetmerk a { background: url(/images/navHetmerk.jpg) 0 0 no-repeat; }
	#navHetmerk a:hover, #navHetmerk a.active { background: none; }
	
	#navFotos { background: url(/images/navFotos.jpg) 0 -54px no-repeat; }
	#navFotos a { background: url(/images/navFotos.jpg) 0 0 no-repeat; }
	#navFotos a:hover, #navFotos a.active { background: none; }
	
	#navCommunity { background: url(/images/navCommunity.jpg) 0 -54px no-repeat; }
	#navCommunity a { background: url(/images/navCommunity.jpg) 0 0 no-repeat; }
	#navCommunity a:hover, #navCommunity a.active { background: none; }
	
	#navContact { background: url(/images/navContact.jpg) 0 -54px no-repeat; }
	#navContact a { background: url(/images/navContact.jpg) 0 0 no-repeat; }
	#navContact a:hover, #navContact a.active { background: none; }