@charset "utf-8";

/*
/ color = #595959
/ color2 = #dedede
/ color3 = #6a6a6a
*/

BODY, HTML
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
BODY
{
	background-color: #EEEEEE;
	background-image: url(../images/layout/bg_website.gif);
	background-repeat: repeat-y;
	background-position: 50%;
	font-family: Verdana, Tahome, Arial;
	font-size: 11px;
}

A
{
	color: #595959;
	text-decoration: underline;
}
A:hover
{
	color: #000000;
}

H1
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
}

.clear
{
	clear: both;
	/*
	height:10px;
	background-color:#000000;
	*/
}


#container
{
	height: 100%;
	min-height: 100%;
	background-color: #FFFFFF;
	width: 940px;
	margin: 0px auto 0px auto;
}


#navigatie
{
	height: 30px;
	background-color: #595959;
}
#navigatie UL
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navigatie UL UL
{
	visibility: hidden;
	position: absolute;
}
#navigatie LI
{
	display: inline;
}
#navigatie LI A
{
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	float: left;
	height: 22px;
	padding: 8px 15px 0px 15px;
}
#navigatie LI A:hover
{
	background-color: #dedede;
	color: #595959;
}
#navigatie .active
{
	background-color: #FFFFFF;
	color: #595959;
}
#navigatie .home
{
	background-color: #6a6a6a;
	color: #FFFFFF;
}
#navigatie .outletstore
{
	float:right;
	margin-right:0px;
}
#navigatie .outletstore LI A
{
	color: #FFFFFF;
	background-color: #C1D05B;
}
#navigatie .outletstore LI A:hover
{
	color: #595959;
	background-color: #dedede;
}

#navigatie .outletstore LI A.home
{
	color: #FFFFFF;
	background-color: #6a6a6a;
}
#navigatie .outletstore LI A.home:hover
{
	color: #595959;
	background-color: #dedede;
}


#header
{
	height: 90px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/layout/je_slaagt.gif);
	background-repeat: no-repeat;
	background-position: 50% 30px;
}


#content
{
	border-top: 1px solid #595959;
	border-bottom: 1px solid #595959;
	min-height: 450px;
	background-color: #bdbdbd;
}

#contentImage
{
	border-top: 1px solid #595959;
	border-bottom: 1px solid #595959;
	height: 450px;
	background-color: #bdbdbd;
	width: 360px;
	float: left;
}
#contentLong
{
	border-top: 1px solid #595959;
	border-bottom: 1px solid #595959;
	border-left: 1px solid #595959;
	float: right;
	width: 549px;
	min-height: 420px;
	height:auto !important;
	height:420px;
	background-color: #bdbdbd;
	margin: 0px;
	padding: 15px;
}
#contentLong #adreswijziging, #contentLong #contact, #contentLong #formCouponboekje
{
	margin-right: 15px;
}



#shops
{
	width: 180px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#shops UL
{
	float:left;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
#shops LI
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#shops A
{
	width:150px;
	font-size: 14px;
	font-weight: bold;
	color: #595959;
	padding: 6px 15px 6px 15px;
	display: block;
	text-decoration: none;
}
#shops A:hover
{
	background-color: #6a6a6a;
	color: #FFFFFF;
}
#shops .active
{
	background-color: #8b8b8b;
	color: #FFFFFF;
}
#shopImage
{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 614px;
	height: 234px;
	float: left;
	border-left: 1px solid #595959;
	border-right: 1px solid #595959;
}
#shopImage IMG
{
	margin: 0px;
	padding: 0px;
	display: block;
	width: 614px;
	height: 234px;
}
#shopContent
{
	margin: 20px 0px 15px 15px;
	padding: 0px 15px 0px 0px;
	width: 195px;
	height: 250px;
	float: left;
	border-right: 1px solid #595959;

}
#shopContent TD, #shopContent TH
{
	width: 100px;
}
#shopContent TH
{
	text-align: left;
}

#shopInterior
{
	margin: 20px 0px 0px 10px;
	padding: 0px;
	height: 250px;
	width: 390px;
	float: left;
	border-right: 1px solid #595959;	
}
#shopInterior IMG
{
	width: 172px;
	height: 179px;
	border: none;
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
}


#shopMap
{
	margin: 15px 0px 0px 15px;
	padding: 0px;
	width: 147px;
	float: left;
}


#collectieContent
{
	height: 450px;
	background-color: #bdbdbd;
	border-top: 1px solid #595959;
	border-bottom: 1px solid #595959;
}

#collectieMenu
{
	background-color: #595959;
	height: 30px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#collectieMenu SELECT
{
	color: #FFFFFF;
	border: 1px solid #dedede;
	background-color: #595959;
	margin: 4px 15px 0px 15px;
	width: 200px;
}
#collectieMenu OPTION
{
	color: #FFFFFF;
	border: none;
	background-color: #595959;
	margin: 0px;
}

#merken
{
	margin: 0px;
	padding: 0px;
}

.merkIntro
{
	float: left;
	text-align: center;
	height: 100px;
	font-weight: bold;
	font-size: 14px;
}
.merkIntro SMALL
{
	font-weight: normal;
	font-size: 9px;
	padding: 10px;
	display: block;
}
.merkIntro IMG
{
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: none;
}
.merkIntro A
{
	border: none;
	text-decoration: none;
	color: #000000;
}
.merkIntro A:hover
{
	color: #595959;
}

#plattegrond
{
	height: 560px;
}
#plattegrond IFRAME
{
	border-left: 1px solid #595959;
	border-right: 1px solid #595959;
	border-bottom: 1px solid #595959;
	text-align: center;
}

#productFoto
{
	width: 240px;
	margin: 0px;
	padding: 30px 60px 0px 30px;
	float: left;
}
#productFoto IMG
{
	display: block;
	border: none;
	margin: 0px;
}

#productPaginas
{
	margin: 0px;
	padding: 0px;
	height: 30px;
}
#productPaginas A
{
	width: 30px;
	height: 24px;
	margin: 0px 0px 0px 7px;
	padding: 6px 0px 0px 0px;
	float: left;
	background-color: #8b8b8b;
	font-size: 14px;
	font-weight: bold;
	color: #dedede;
	text-decoration: none;
	text-align: center;
}
#productPaginas A:hover
{
	color: #FFFFFF;
	background-color: #595959;
}
#productPaginas .active
{
	background-color: #595959;
}
#productPaginas SPAN
{
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #8b8b8b;
	padding: 6px 0px 0px 0px;
}

#productFotos
{
	width: 590px;
	margin: 0px;
	padding: 30px 0px 0px 0px;
	float: right;
}
#productFotos IMG
{
	display: block;
	border: none;
	float: left;
}


/* TOEVOEGING VOOR TRANSPARANT VLAK OVER PRODUCTFOTO'S - 06.11.2008 - HJ */	
#productPlaceholder {
	width: 100px;
	height: 150px;
	float: left;
	margin: 15px 15px 0px 0px;
}
#productImage {
	position: absolute;
	z-index: 0;
}
#productDescription {
	background: #FFF;
	width: 100px;
	position: absolute;
	z-index: 1;
	margin: 117px 0 0 0;
	text-align: center;
	padding: 7px 0;
	text-transform: uppercase;
	font-size: 0.9em;
	filter: alpha(opacity=65);
	-moz-opacity: .65;
	opacity: .65;
}
/* EINDE TOEVOEGING */	

#noProducts
{
	padding: 50px;
	text-align: center;
}

#footer
{
	text-align: center;
	margin: -31px 0 0 0;
}
#footer2
{
	text-align: center;
	margin: 26px 0 0 0;
}
#footer3
{
	margin: -31px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 360px;
	float: left;
	text-align: center;
}


FIELDSET
{
	border: 1px solid #8b8b8b;
	margin: 0px 0px 15px 0px;
	padding: 15px;
}
LEGEND
{
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
}
FIELDSET TEXTAREA, FIELDSET INPUT, FIELDSET SELECT
{
	border: 1px solid #595959;
	background-color: #dedede;
	color: #000000;
}
FIELDSET TEXTAREA
{
	/*idth: 100%;*/
}
FIELDSET OL, FIELDSET UL
{
	margin: 0px;
	padding: 0px 0px 0px 15px;
}


FORM SPAN
{
	width: 285px;
	margin: 0xp;
	padding: 0px 0px 2px 0px;
	text-align: right;
	display: block;
	color: #FFFFFF;
}
FORM SPAN INPUT, FORM SPAN TEXTAREA
{
	margin: 0px 0px 0px 10px;
	padding: 2px 4px 2px 4px;
	border: 1px solid #000000;
	color: #000000;
	width: 180px;
	vertical-align: text-top;
	height: 15px;
	font-size: 10px;
	background-color: #dedede;
}
FORM SPAN.adjusted INPUT, FORM SPAN.adjusted TEXTAREA
{
	width: 160px;
}
.captcha
{
	border: 1px solid #000000;
	margin: 0px 0px 5px 10px;
	padding: 0;
}
FORM SPAN TEXTAREA
{
	height: 60px;
}
FORM
{
	border: 1px solid #000000;
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 15px;
	color: #FFFFFF;
	background-color: #6a6a6a;
}
FORM .submit
{
	width: 90px;
	margin: 0px 100px 0px 10px;
	height: 20px;
}
FORM .error
{
	text-align: center;
	font-weight: bold;
	color: #dedede;
	height: 20px;
}
FORM .title
{
	text-align: left;
	font-weight: bold;
	color: #000000;
	height: 20px;
}


/* Lightbox */
#lightbox {
	background-color:#FFFFFF;
	padding: 20px;
	border: 1px solid #404040;
}
#lightboxCaption {
	font-size: 1px;
	margin: 0px;
	padding: 0px;
}
#lightbox img{ border: none; }
#overlay img{ border: none; }
#overlay {
	background-image: url('../images/layout/overlay.png');
}
* html #overlay {
	background-color: #FFFFFF;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.newsletter-option td {
	background-color: #9a9a9a;
	padding: 5px;
}

.newsletter-option * {
	cursor: pointer;
}

.newsletter-option span {
	display: block;
	padding: 0px;
	margin: 3px 0px;
	color: #dcdcdc;
	text-align: left;
	width: auto;
}

.newsletter-option td label {
	display: block;
}

.newsletter-option-active td {
	background-color: #808080;
}

.newsletter-option label strong {
	display: block;
	margin-bottom: 3px;
}

.field {
	margin-bottom: 3px;
	overflow: auto;
}

.field label {
	width: 75px;
	float: left;
	text-align: right;
}

a#couponboekje {
	cursor: pointer;
	width: 395px;
	height: 520px;
	display: block;
	background: url(../images/layout/couponboekje.png) no-repeat left top;
	position: absolute;
	top: 121px;
}