/*********************************************
** COMMON STYLES
*********************************************/
* {
	font-family:Tahoma,Arial;
	font-size:11px;
	color:#2d274c;
}

h1 {
	margin:0;
	font-family:Helvetica,Tahoma,Arial;
	font-size:17px;
	font-weight:bold;
	color:#635c84;
}

h2 {
	margin:0;
	font-family:Helvetica,Tahoma,Arial;
	font-size:15px;
	font-weight:bold;
	color:#635c84;
}

.clear {
	clear:both;
}

p,form {
	padding:0;
	margin:0;
}

.preload {
	display:none;
}


/*********************************************
** CONTAINER
*********************************************/
html, body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	background:no-repeat url('/shared/images/custom/2009/maintemplate/bg_container.gif') center 292px ;
}

#container {
	width:996px;
	margin:0;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	min-height:100%;
}

#container #header {
	width:996px;
	height:258px;
	background-image:url('/shared/images/custom/2009/maintemplate/header.jpg');
}

#container #maincontent {
	overflow:hidden;
	width:958px;/* 996 - padding */
	padding:27px 19px 0px 19px;
}

#container #footer_01 {
	width:996px;
	height:40px;
	text-align:left;
}

#container #footer_02 {
	width:996px;
	height:40px;
	line-height:40px;
	text-align:center;
} 

#container #footer_02 a {
	color:#1a1237;
	text-decoration:none;
}

/*********************************************
** MENU
*********************************************/
#container ul#menu {
	display:block;
	width:996px;
	height:34px;
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#menu li {
	display:block;
	float:left;
	height:34px;
}

ul#menu li a {
	display:block;
	height:34px;
	text-decoration:none;
}

ul#menu li a.home {
	width:97px;
	background-image:url('/shared/images/custom/2009/maintemplate/home.gif');
} ul#menu li a.home:hover, ul#menu li a.home_hl {
	width:97px;
	background-image:url('/shared/images/custom/2009/maintemplate/home_mo.gif');
}

ul#menu li a.fashion {
	width:148px;
	background-image:url('/shared/images/custom/2009/maintemplate/fashion.gif');
} ul#menu li a.fashion:hover, ul#menu li a.fashion_hl {
	width:148px;
	background-image:url('/shared/images/custom/2009/maintemplate/fashion_mo.gif');
}

ul#menu li a.collectie {
	width:105px;
	background-image:url('/shared/images/custom/2009/maintemplate/collectie.gif');
} ul#menu li a.collectie:hover, ul#menu li a.collectie_hl {
	width:105px;
	background-image:url('/shared/images/custom/2009/maintemplate/collectie_mo.gif');
}

ul#menu li a.brochure {
	width:112px;
	background-image:url('/shared/images/custom/2009/maintemplate/brochure.gif');
} ul#menu li a.brochure:hover, ul#menu li a.brochure_hl {
	width:112px;
	background-image:url('/shared/images/custom/2009/maintemplate/brochure_mo.gif');
}

ul#menu li a.winkels {
	width:97px;
	background-image:url('/shared/images/custom/2009/maintemplate/winkels.gif');
} ul#menu li a.winkels:hover, ul#menu li a.winkels_hl {
	width:97px;
	background-image:url('/shared/images/custom/2009/maintemplate/winkels_mo.gif');
}

ul#menu li a.afspraak {
	width:166px;
	background-image:url('/shared/images/custom/2009/maintemplate/afspraak.gif');
} ul#menu li a.afspraak:hover, ul#menu li a.afspraak_hl {      
	width:166px;
	background-image:url('/shared/images/custom/2009/maintemplate/afspraak_mo.gif');
}

ul#menu li a.faq {
	width:77px;
	background-image:url('/shared/images/custom/2009/maintemplate/faq.gif');
} ul#menu li a.faq:hover, ul#menu li a.faq_hl {
	width:77px;
	background-image:url('/shared/images/custom/2009/maintemplate/faq_mo.gif');
}

ul#menu li a.contact {
	width:99px;
	background-image:url('/shared/images/custom/2009/maintemplate/contact.gif');
} ul#menu li a.contact:hover, ul#menu li a.contact_hl {
	width:99px;
	background-image:url('/shared/images/custom/2009/maintemplate/contact_mo.gif');
}

ul#menu li a.links {
	width:95px;
	background-image:url('/shared/images/custom/2009/maintemplate/links.gif');
} ul#menu li a.links:hover, ul#menu li a.links_hl {
	width:95px;
	background-image:url('/shared/images/custom/2009/maintemplate/links_mo.gif');
}

/*********************************************
** SUB TEMPLATE: 3 Columns 1:1:1
*********************************************/

#t3cols #left_content {
	overflow:hidden;
	width:297px;
	margin-right:20px;
	float:left;
}

#t3cols #mid_content {
	overflow:hidden;
	width:324px;
	float:left;
}

#t3cols #right_content {
	overflow:hidden;
	width:297px;
	margin-left:20px;
	float:right;
}


/*********************************************
** SUB TEMPLATE: 2 Columns 1:2
*********************************************/

#t2cols_12 #left_content {
	overflow:hidden;
	width:297px;
	margin-right:20px;
	float:left;
}

#t2cols_12 #right_content {
	overflow:hidden;
	width:641px;
	float:right;
}


/*********************************************
** SUB TEMPLATE: 2 Columns 2:1
*********************************************/

#t2cols_21 #left_content {
	overflow:hidden;
	width:630px;
	padding-right:15px;
	border-right:solid #d8d8d8 1px;
	float:left;
}

#t2cols_21 #right_content {
	padding-left:15px;
	overflow:hidden;
	width:297px;
	float:right;
}


/*********************************************
** Winkels.html
*********************************************/

#t2cols_21 #left_content #winkelsleft {
	width:596px;
	background-color:#f6f6f9;
	padding:15px;
	border-left:solid #e2e1e8 1px;
	border-right:solid #e2e1e8 1px;
	border-bottom:solid #e2e1e8 1px;
	margin-bottom:5px;
	min-height:400px;
	overflow:hidden;
}

/*********************************************
** SUB TEMPLATE: Collectie 
*********************************************/

#collectie #left_content {
	overflow:hidden;
	width:400px;
	margin-right:15px;
	float:left;
}

#collectie #mid_content {
	overflow:hidden;
	width:276px;
	float:left;
}

#collectie #right_content {
	overflow:hidden;
	width:237px;
	margin-left:15px;
	padding-left:15px;
	float:right;
}   

#collectie #right_content a.colitem {
	display:block;
	width:237px;
	height:71px;
	margin-bottom:10px;
	text-decoration:none;
	background:url('/shared/images/custom/2009/subtemplates/collectionarraw.gif') no-repeat right 3px;
}

#collectie #right_content a.colitem span.imgcontainer {
	display:block;
	height:65px;
	width:65px;
	text-align:center;
	float:left;
	border:solid #d8d8d8 1px;
	padding:2px;
	cursor:pointer; /* needed for IE */
}

#collectie #right_content a.colitem span.imgcontainer img { /*NOTICE: this does not seem to work. Why?? */
	vertical-align:middle;
	cursor:pointer; /* needed for IE */
}

#collectie #right_content a.colitem span.titlecontainer {
	display:block;
	height:71px;
	width:160px;
	float:right;
	padding-left:6px;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer; /* needed for IE */
}

/*********************************************
** SUB TEMPLATE: Afspraak maken
*********************************************/

#afspraak #left_content {
	width:297px;
	float:left;
	overflow:hidden;
	padding-right:16px;
	border-right:solid #d8d8d8 1px;
}

#afspraak #mid_content {
	width:297px;
	float:left;
	padding:0px 16px;
	overflow:hidden;
}

#afspraak #right_content {
	width:297px;
	float:right;
	overflow:hidden;
	padding-left:16px;
	border-left:solid #d8d8d8 1px;
}

/*********************************************
** FORM STYLES: labels en input
*********************************************/

#afspraak div.block,#t2cols_21 div.block,#t2cols_12 div.block {
	background-color:#f6f6f9;
	border-top:solid #e2e1e8 1px;
	border-bottom:solid #e2e1e8 1px;
	padding:5px 0px;
	margin:5px 0px;
}

#afspraak label,#t2cols_21 label, #t2cols_12 label {
	float:left;
	display:block;
	width:90px;
	height:19px;
	line-height:19px;
	margin:4px 0px;
	margin-right:5px;
	text-align:right;
	font-weight:bold;
}

#afspraak input.border,#t2cols_21 input.border, #t2cols_12 input.border {
	width:190px;
	margin:4px 0px;
	float:left;
}

#afspraak input.submit,#t2cols_21 input.submit, #t2cols_12 input.submit {
	background:url('/shared/images/custom/2009/subtemplates/afspraaksubmit.gif') no-repeat left top;
	padding:0;
	margin:0;
	border:0;
	color:white;
	font-weight:bold;
	width:137px;
	height:26px;
	text-align:left;
	padding-left:5px;
	cursor:pointer;
	margin-bottom:5px;
}

#winkels_afspraak a.submit  {
	display:block;

	background:url('/shared/images/custom/2009/subtemplates/afspraaksubmit.gif') no-repeat left top;
	padding:0;
	margin:0;
	border:0;
	color:white;
	font-weight:bold;
	width:127px;/* 137 - padding */
	height:26px;
	line-height:26px;
	cursor:pointer;
	text-decoration:none;
	padding-left:10px;
}

#tab_container {
	height:26px;
	overflow:hidden;
	width:628px;
	background:url('/shared/images/custom/2009/subtemplates/tabcontainerbg.png') repeat-x left top;
}