/**
 * standaard lettertype + lettergrootte instellen
 */ 
* {
	font-family:				Tahoma, sans-serif;
	font-size:		 			11px;
	line-height:				14px;
	color:						#484545;
}

.clear {
	clear:						both;
	font-size:					0px;
	height:						0px;
	line-height:				0px;	
}

.onlyclear {
	clear:						both;
}


.float-left {
	float: 						left;
}

.float-right {
	float: 						right;
}

.margin-left {
	margin-left:				2px;
}

p {
	font-size:					11px;
}

span {
	font-size:					11px;
}

a {
	color:						#8177b7;
	font-size:					11px;
	text-decoration:			none;	
}

.newsletter label, .login label {
	position:					absolute;
	padding:					2px;
	padding-left:				5px;
}

.newsletter input, .search input, .login input {
	border:						inset 2px #cecdcd;
}

a:hover {
	text-decoration:			underline;
}

/**
 * body, html 
 * margin van het totale frame zetten
 * background instellen
 */
body,html {
	margin:						0px;
	background-color:			#FFF;
	height:						100%;
}


/**
 * Wrapper
 * algehele container voor het hele frame
 */
#wrapper {
	width: 						100%;
	height:						100%;
	padding-top:				9px;
}

#wrapper .body {
	width:						965px;
	height:						auto;
	margin:						0 auto; /* center, not in IE5 */
	background-color:			#FFF;
}

body, .footer {
	background-image: 			url(img/bg.gif);
	background-repeat: 			repeat-x;
	background-position: 		left top;
	background-color:			transparent;
}

.header {
	height:						197px;
	padding-top:				2px;
	padding-bottom:				2px;
}

.search {
	margin-top:					15px;		
}

.news {
	background-image:			url(img/news-bg.png);
	background-repeat:			no-repeat;
	background-position:		bottom;
	margin-bottom:				2px;
}

.news ul li {
	margin-left:				10px;
	margin-right:				10px;
	padding-top:				10px;
	padding-bottom:				10px;
	border-top:					1px #a3a1a4 dotted;
	margin-top:					-1px;
	width:						159px;
	text-align:					justify;
	height:						63.5px;
}

.login {
	background-image:			url(img/login-bg.png);
	background-position:		bottom;
	height:						142px;
	width:						180px;
}

.login form {
	padding:					10px;
	padding-bottom:				5px;
	padding-top:				0px;
}

button {
	background-image:			url(img/button-bg.png);
	height:						19px;
	color:						#FFF;
	border:						0;
}

button.plain {
	font-size:					12px;
	font-weight:				bold;
	background:					none;
	float:						right;
	margin-top:					10px;
	color:						#000;
}

.login a {
	margin-left:				10px;
}

.buttons {
	position:					absolute;
	bottom:						10px;
	left:						0px;
}

.prices {
	position:					absolute;
	bottom:						10px;
	right:						10px;
}

.prices span {
	color:						#893101;
	font-size:					14px;
	font-weight:				bold;
}

.prices span.oudeprijs {
	color:						#FF0000;
	font-size:					11px;
	text-decoration:			line-through;
	display:					block;
}

.cart {
	height:						43px;
	padding:					5px;
	background-color:			#e1e1e0;
	width:						169px;
	margin-bottom:				2px;
}

.cart .text {
	padding-top:				8px;
}

#cartNumItems {
	color:						#893101;
	font-weight:				bold;
}

.login input, .login label {
	margin-top:					5px;
}

.mainmenu {
	background-image:			url(img/bar-h1.png);
	width:						964px;
	height:						41px;
}

.mainmenu li {
	padding:					15px;
}

.mainmenu li.spacer {
	padding:					0px;
}

.news {
	width:						180px;
}

ul.mainmenu li {
	float:						left;
}

ul.mainmenu li.float-right {
	float:						right;
}

.sidebar {
	width:						182px;
}

div.filter {
	margin-bottom:				10px;
	position:					relative;
	width:						180px;
}

div.filter a {
	color:						#304c67;
	font-weight:				normal;
}

div.filter ul li {
	padding-left:				9px;
	background-repeat:			no-repeat;
	background-position:		right bottom;
	background-image:			url(img/filter-bg-ul.png);
}

div.filter div.single-item {
	height:						18px;
	padding-top:				12px;
	margin-top:					-10px;
}

div.filter ul li ul li {
	padding-left:				9px;
	background-repeat:			no-repeat;
	background-position:		right bottom;
	background-image:			none;
}

div.filter ul li.parent {
	padding-top:				5px;
	padding-bottom:				5px;
	background-repeat:			no-repeat;
	background-position:		right bottom;
	background-image:			url(img/filter-bg-li.png);
	font-weight:				bold;
}

div.filter > ul > li > div > a {
	font-weight:				bold;
}

div.filter ul li.parent > ul {
	display:					none;
}

/*div.filter ul li .item {
	position:					absolute;
	height:						30px;
	background-image:			url(img/filter-bg-ul.png);
	background-repeat:			no-repeat;
	background-position:		top;
	width: 						180px;
	padding-top:				12px;
}

div.filter ul li .single-item {
	display:					block;
	height:						30px;
	background-image:			url(img/filter-bg-ul.png);
	background-repeat:			no-repeat;
	background-position:		top;
	width: 						180px;
	padding-top:				12px;
}

div.filter ul li {
	color:						#304c67;
	font-weight:				bold;
	width:						180px;
	line-height:				20px;
}

div.filter ul li img {
	padding-left:				10px;
	padding-right:				5px;
}

div.filter ul li ul {
	padding-top:				20px;
	background-repeat:			no-repeat;
	background-position:		bottom;
	background-image:			url(img/filter-bg-li.png);
}

div.filter ul li ul li {
	background-image:			none;
	list-style-image:			none;
	height:						20px;
	font-weight:				bold;
	padding-bottom:				4px;
	background-color:			transparent;
	width:						160px;
}

div.filter ul li a {
	color:						#304c67;
}

div.filter ul li a:hover {
	text-decoration:			none;
}

div.filter ul li ul li input {
	margin-right:				5px;
}*/

.ads img {
	border:						1px solid #d6d5d5;
}

.newsletter {
	width:						160px;
	height:						79px;
	background-image:			url(img/newsletter-bg.png);
	margin-top:					10px;
	margin-bottom:				10px;
	padding:					10px;
}

.newsletter input, .newsletter label {
	margin-top:					5px;
}

.legal {
	color:						#FFF;
}

ul.bottommenu li {
	float:						left;
	color:						#FFF;
	padding: 					3px;
	padding-top:	 			0px;
}

ul.bottommenu li a, .legal a {
	color:						#FFF;
	text-decoration:			none;
}

ul.bottommenu li a:hover, .legal a:hover {
	text-decoration:			underline;
}

ul.content {
	width:						761px;
	border:						1px solid #d6d5d5;
	padding:					10px;
	margin-top:					10px;
}

div.content {
	width:						761px;
	border:						1px solid #d6d5d5;
	padding:					10px;
	margin-top:					10px;
}

ul.brands {
	width:						713px;
	margin-bottom:				30px;
	margin-top:					20px;
	margin-left:				70px;
}

ul.content li {
	float:						left;
	height:						210px;
	position:					relative;
}

div.content div.artikel {
	float:						left;
	height:						210px;
	position:					relative;
	width:						190px;
}

.invisible {
	display:					none;
}

ul.content li div.product-container {
	border-top:					1px #a3a1a4 dotted;
	border-left:				1px #a3a1a4 dotted;
	padding:					7px;
	width:						175px;
	margin-left:				-1px;
	margin-top:					-1px;
}

ul.content li img.product {
	margin-top:					10px;
	margin-bottom:				10px;
	border:						1px solid #1f5a81;
}

ul.brands li {
	width:						195px;
	float: 						left;
	text-align:					center;
	width:						160px;
	height:						70px;
}

ul.brands li a img {
	opacity:					0.4;
	filter:						alpha(opacity=40);
}

ul.brands li a:hover img {
	opacity:					1;
	filter:						alpha(opacity=100);
}

.footer {
	height:						43px;
	padding-top:				20px;
	padding-left:				20px;
}

#wrapper .footer .body {
	background-color:			transparent;
}

h1 {
	background-image:			url(img/bar-h1.png);
	background-position:		right top;
	padding: 					14px;
	padding-right:				17.5px;
	height:						13px;
	margin-bottom:				10px;
	margin-top:					10px;
}

h1 img {
	float:						right;
}

h2 {
	background-image:			url(img/bar-h2.png);
	width:						155px;
	height:						15px;
	padding: 					7.5px;
	padding-left:				17.5px;
}

.content h1 {
	background-image:			none;
	padding:					0px;
	margin:						0px;
	height:						auto;
}

.content h2 {
	background-image:			none;
	width:						auto;
	height:						auto;
	margin-left:				0px;
	padding-left:				0px;
}

.content li {
	list-style-type:			none;
}

.content input {
	border:						inset 2px #cecdcd;
}

.content label {
	display:					block;
	width:						140px;
}



/* These hieghts and widths should be edited to your images */	
#FotoContainer {
	float: right;
	width: 238px;
	margin-left: 20px;
}

#FotoContainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#FotoContainer li {
	margin: 0;
	padding: 0;
	width: 10px;
	height: 20px;
	display: inline;
}

#FotoContainer li a {
	background-color: #fff;
	color: #786fa4;
	padding: 5px;
	margin: 5px;
}
#FotoContainer #nav {
	margin-top: 10px;
}

#FotoContainer #nav {
	margin-bottom: 50px;
}

#FotoContainer li a.activeSlide {
	background-color: #786fa4;
	color: #ffffff;
}

#FotoContainer a {
	color: #000b7a;
}

#ArtikelFotos {
	border: 1px #a2a2a2 solid;
	width: 236px;
	height: 236px;

}



#ArtikelAanbieding {
	width: 253px;
	height: 39px;
	float: left;
	background-image:url(img/bg2.gif);
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	color: #776ea3;
	font-weight: bold;
	padding: 10px;
	font-size: 10px;
}

#ArtikelKeuzes {
	width: 246px;
	height: 49px;
	float: left;
	background-image:url(img/bg2.gif);
	padding-left: 20px;
	padding-top: 10px;
	color: #1d5e88;
}

#addToCart {
	float: right;
	height: 59px;
	background-image:url(img/bg2.gif);
	text-align: center;
	width: 220px;
}



.ArtikelPrijs {
	color: #FFF;
	font-size: 26px;
	display: block;
	height: 54px;
	background-image:url(img/prijsbg.gif);
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 16px;
	width: 205px;
	text-align:right;
}

.prijs {
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	float:	left;
	text-transform: uppercase;
}



#shoppingCart th {
	height: 18px;
	color: #000;
	text-align: left;
	padding-left: 10px;
}

#shoppingCart .prijs {
	color: #893101;
	font-weight: bold;
	font-size: 12px;
	width:	auto;
	height: auto;
	float: none;
}

.cartRow2 {
	background-color: #b5b2d9;
	color: #000;
	font-weight: bold;
}

.cartRow2 td {
	border-left: 1px solid white;
	border-top: 1px solid white;
	padding: 5px;
}

.cartRow1 td {
	border-bottom: 1px dotted #a4a4a4;
	padding: 10px;
}

.cartCol1 {
	border-left: 1px dotted #a4a4a4;	
}

.pagination {
	float:	right;
}

img.productPhoto {
	border: 1px solid #1f5a81;
	height:	101px;
	width:	101px;
}

#lightbox p {
    margin: 1em;
}

#lightbox h3 {
    display: block;
    margin: 1em;
    font-size: 24px;
}