@charset "utf-8";
/* CSS Document */


.clearfloat { /* dit exemplaar van class moet op een element div of break zijn geplaatst en dient het laatste element te zijn vóór de afsluiting van een container (hoofdobject) die op zijn beurt een zwevend object volledig dient te bevatten */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


body {
	background: #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	color: #000;
}

p {
	margin: 1em 0;
}

input[type=text] {
		border: 1px solid #dce5f3;
		padding: 2px;
	}

#rootContainer {
	background: transparent;
	position:absolute;
	width: 100%;
	height: 100%;
}

#mainContainer {
	background: #fff url(/images/bg_img_linkerkolom.gif) top left repeat-y;
	width: 955px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px;;
}

#headerContainer {
	background: #fff url(/images/bg_img_bc_header_1024px.jpg) top left no-repeat;;
	position:relative;
	width: 100%;
	height: 109px;
}

#adres {
	height: 43px;
	padding: 75px 0 0 6px;
}
#adres p {
	font-size: 10px;
	color: #666;
	line-height: 12px;
}

#linkerKolom {
	width: 141px;
	float: left;
	padding: 16px 6px;
}
#mainContent {
	background: #fff;
	margin: 0 0 auto 163px;
	padding: 20px;
}
.maakFooterRuimte {
	height: 40px;
	padding: 0;
	margin: 0;
}
#footer {
	background: #fff url(/images/bg_img_footer.gif) top left repeat-x;
	width: 955px;
	height: 20px;
	padding: 20px 0 0 0;
	margin: 0 auto;
	text-align: center;
}

#footer p {
	margin: 0;
}

/* ***** CONTENT STYLES *********************************************** */

/* De div #mainContentPlaceholder is de root div om de content heen in de include pagina */

#mainContentPlaceholder {
	padding: 20px;
}

#mainContentPlaceholder h1{
	font-size: 24px;
	font-weight: normal;
	color: #9293b1;
}


#mainContentPlaceholder p {
	margin: 1em 0;
}

#mainContentPlaceholder ul {
	margin: auto 0 17px 30px;
	list-style-type:disc;
}


/*SHOP STYLES */


/* productlijst */

.productTable { 
	 border: 1px solid #dce5f3;
}
.productTable th {
	background-color: #dce5f3;
	padding: 3px;
	color: #000;
	border-bottom: 2px solid #c6ceda;
}
.productTable td {
	background-color: #f2f5fa;
	padding: 3px; 
}
.productTable td a {
color: #0066cc;
text-decoration: none;
}
.productTable td a:hover {
text-decoration: underline;
}

.productTable tr.altrow td {
	background-color: #eaeff9;
}


/* product detail */

.productDetailTable { 
	 border: 1px solid #dce5f3;
}

.productDetailTable td {
	background-color: #f2f5fa;
	padding: 10px; 
}
.productDetailTable td a {
color: #0066cc;
text-decoration: none;
}
.productDetailTable td.fotoKolom {
	padding-top: 10px; 
}
.productDetailTable td.fotoKolom img {
	border:1px solid #dce5f3;
}
.productDetailTable td.tekstKolom {
	padding-left: 0px; 
}
.productDetailTable td.prijsKolom {
	/*background-color: #dce5f3;*/
		border-left:1px solid #dce5f3;
}

/* product detaillist */

.productlistDetailTable  { 
	 border: 1px solid #dce5f3;
}
.productlistDetailTable th {
	background-color: #dce5f3;
	padding: 3px;
	color: #000;
	border-bottom: 2px solid #c6ceda;
	text-align: center;
}
.productlistDetailTable td {	
	padding: 2px; 
	 border: 1px solid #dce5f3;
	text-align: center;
	color: #0066cc;
    text-decoration: none;
}
.productlistDetailTable tr.altrow td {
	background-color: #eaeff9;
}

/* ProductGroup Menu */

.ProductGroupChosenLinkButton 
{
    width: 200px;
    color: #002200;   
    font-weight: bold;    
}

.ProductGroupLinkButton
{   
    width: 200px; 
    color: #0066cc;        
}

/* winkelwagen */

div#waardebon {
	height: auto;
	width: 300px;
	background-color: #f2f5fa;
	position:relative;
	padding: 1px 10px 10px 10px;
		 border: 1px solid #dce5f3;
	}
	

	
	
	table.winkelwagenPanel {
		border: 1px solid #dce5f3;
		background-color: #f2f5fa;
	}
		table.winkelwagenPanel td {
			padding: 4px;
		}

		
		/* stijlen voor tabellen met tekstvelden*/
		
	table.invulTabel {
		border: 1px solid #dce5f3;
		background-color: #f2f5fa;
	}
	table.invulTabel td,
	table.invulTabel th {
		padding: 3px 5px;
	}	

/* **************** calendar ********************* */
.myCalendar .ajax__calendar_container
{
    background-color: #e2e2e2; border:solid 1px #cccccc;
}