﻿body
{
	color: Black;
	font-family: arial;
	font-size: 12px;
}
html, body, #container
{
	min-height: 100%; /* Not supported by IE 5/6, but required for Firefox/Opera */
	width: 100%;
	height: 100%;
}

/***************************************************************************
* The "height" above is a hack for IE5+/Win. Below it's adjusted using
* the child selector to hide from IE5+/Win.
* Without this, Moz1.0 adds a vertical scrollbar, & Firefox1.0/Opera7.54
* cover everything with the footer when the viewport gets too small.
***************************************************************************/
html > body, html > body #container
{
	height: auto;
	height:100%;margin:0 auto; overflow: auto; padding:0;filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#006599,endcolorstr=#FFFFFF)}
}
body
{
	margin: 0;
}
#container
{
	position: absolute;
	top: 0;
	left: 0;
}
#main
{
	height: auto;
}
#header
{
	width: 100%;
}
#tab
{
	width: 100%;
	overflow: auto;
}

.header
{
	background-image: url(../images/mainMerken.jpg );
	background-repeat: no-repeat;
	height: 152px;
	
}
.BackgroundHeleVenster
{
	width: 100%;
	
	background-repeat: no-repeat;
}
.content
{
	width: 100%;
	background-color: White;
}

.text_12pxCalibriBoldBlack
{
	color: Black;
	font-family: calibri;
	font-size: 12px;
	font-weight: bold;
}
.smallText
{
	color: Black;
	font-family: calibri;
	font-size: 10px;
	font-weight: bold;
}
.tabelborder
{
	border-bottom: solid 1px #82a3c0;
	height: 20px;
}
.tableBorder
{
	border: solid 1px #82a3c0;
}
/*homeBackMenu Style*/
.homeBackMenuTable
{
	border: solid 2px #82a3c0;
}
/*homeBackMenu Style*/
a:active
{
	font-size: 12px;
	color: #006da2;
	font-family: calibri;
	text-decoration: none;
}
a:visited
{
	font-size: 12px;
	color: #006da2;
	font-family: calibri;
	text-decoration: none;
}
a:hover
{
	font-size: 12px;
	color: #69ace1;
	font-family: calibri;
	text-decoration: none;
}
a:link
{
	font-size: 12px;
	color: #006da2;
	font-family: calibri;
	text-decoration: none;
}
a.contentLink:active
{
	font-family: calibri;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
a.contentLink:visited
{
	font-family: calibri;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
a.contentLink:hover
{
	font-family: calibri;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
a.contentLink:link
{
	font-family: calibri;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
/*accordeon Style*/
.accordionHeader
{
	background-image: url(../images/bgHeadMenu.jpg );
	color: #ffffff;
	font-family: calibri;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
	width: 289px;
	text-align: center;
}

.accordionContent
{
	background-color: #D3DEEF;
	border: none;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
	width: 289px;
	text-align: center;
}

.accordionLink
{
	color: #ffffff;
}

.watermark
{
	background: #FFAAFF;
}

.popupControl
{
	background-color: #AAD4FF;
	position: absolute;
	visibility: hidden;
	border-style: solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
}
a.acc:active
{
	font-family: calibri;
	font-size: 15px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bolder;
}
a.acc:visited
{
	font-family: calibri;
	font-size: 15px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bolder;
}
a.acc:hover
{
	font-family: calibri;
	font-size: 15px;
	color: #000000;
	text-decoration: none;
	font-weight:bolder;
}
a.acc:link
{
	font-family: calibri;
	font-size: 15px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bolder;
}
a.accContent:active
{
	font-family: calibri;
	font-size: 13px;
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}
a.accContent:visited
{
	font-family: calibri;
	font-size: 13px;
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}
a.accContent:hover
{
	font-family: calibri;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
a.accContent:link
{
	font-family: calibri;
	font-size: 13px;
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}
/*accordeon Style*/

/*homeBackMenu Style*/
.homeBackMenuTable
{
	border: solid 2px #82a3c0;
}
.homeBackMenuTD
{
	background-color: #ff9900;
	text-align: center;
}
a.homeBackMenuLink:active
{
	font-family: calibri;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
a.homeBackMenuLink:visited
{
	font-family: calibri;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
a.homeBackMenuLink:hover
{
	font-family: calibri;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a.homeBackMenuLink:link
{
	font-family: calibri;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
/*homeBackMenu Style*/

/*headerContentPane Style*/
.headerContentPanelLinksBoven
{
	background-image: url(../images/bgLinksBoven.jpg );
	color: #ffffff;
	font-family: calibri;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
	text-align: center;
}
.headerContentPanelLinksOnder
{
	background-image: url(../images/bgLinksOnder.jpg );
	color: #ffffff;
	font-family: calibri;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
	text-align: center;
}
.tableContentPanel
{
	width: 285px;
}
.tableContentPanelRechts
{
	width: 585px;
}
.headerContentPanelRechtsBoven
{
	background-image: url(../images/bgRechtsBoven.jpg );
	color: #ffffff;
	font-family: calibri;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
	text-align: center;
}

/*headerContentPane Style*/

.textProducts
{
	color: #666666;
	font-family: calibri;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	text-align: center;
}

/*productDetailPanel Style*/

.productDetailHeader
{
	background-image: url(../images/bgHeadMenu.jpg );
	color: #FFFFFF;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	margin-top: 2px;
	text-align: center;
}

.productDetailTable
{
	color: #003366;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	width: 250px;
	background-color:#609FBE;
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#609FBE,endcolorstr=#FEFEE9);
}
.dropDownListItems
{
	color: #003366;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	text-align: center;
}
.textBox
{
	color: #003366;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	width: 83px;
}
.textBoxGroot
{
	color: #003366;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	width: 300px;
}
.button
{
	color: #003366;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #67a4c1;
	border: solid 2px #82a3c0;
	cursor: pointer;
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#82a3c0,endcolorstr=#FFFFFF);
}
.button2
{
	color: #003366;
	font-family: calibri;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	background-color: #FFFFFF;
	border: none;
}
.button3
{
	color: #003366;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background-color: #67a4c1;
	border: solid 2px #82a3c0;
	cursor: pointer;
	background-color: #D3DEEF;
}

.winkelmandjeTable
{
	color: #003366;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	vertical-align: middle;
	height: 16px;
	background-image: url(../images/winkelwagen.jpg );
	background-repeat: no-repeat;
}
.divShoppingBag
{
	position: absolute;
	z-index: 100;
	left: inherit;
	top: 300px;
}

.winkelmandjeTableBorder
{
	border: solid 2px #82a3c0;
}
.text_12pxCalibriBoldBlue
{
	color: #003366;
	font-family: calibri;
	font-size: 12px;
	font-weight: bold;
}
.text_12pxCalibriBoldred
{
	color: red;
	font-family: calibri;
	font-size: 12px;
	font-weight: bold;
}
.text_12pxCalibriBoldLightBlue
{
	color: #006699;
	font-family: calibri;
	font-size: 12px;
	font-weight: bold;
}
.tdFormLabel
{
	text-align: right;
}
.tdFormInput
{
	text-align:left;	
}
.tdFormLabelSummary
{
	text-align: right;
	width:150px;
	vertical-align:text-top;
}
.text_12pxBlue
{
	color: #006699;
	font-family: calibri;
	font-size: 12px;
	font-weight: bold;
}
.productPannelHeader
{
	background-image: url(../images/bgHeadMenu.jpg );
	color: #ffffff;
	font-family: calibri;
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	margin-top: 0px;
	cursor: pointer;
	width: 250px;
	text-align: center;
}

.productPannelConent
{
	background-color: #D3DEEF;
	border: none;
	border-top: none;
	padding: 2px;
	padding-top: 0px;
	width: 250px;
	text-align: center;
}
.MenuTable
{	
}
.headpicture
{
}
.menuRowMeisjes
{background : url(../images/btnMeisjes.jpg) no-repeat 2px 1px; height:72px;width:298px;text-align:center;}

.menuRowJongens
{background : url(../images/btnJongens.jpg) no-repeat 2px 1px; height:72px;width:298px;text-align:center;}

a.MeisjesCollectie:link,
a.MeisjesCollectie:active,  
a.MeisjesCollectie:visited
{font-weight:bold;color:#FF66FF;font-size:30px; text-decoration:none;}
a.MeisjesCollectie:hover
{font-weight:bold;color:#FFCCFF;font-size:28px; text-decoration:none;}


a.JongensCollectie:link,
a.JongensCollectie:active,  
a.JongensCollectie:visited
{font-weight:bold;color:#0099cc;font-size:30px; text-decoration:none;}
a.JongensCollectie:hover
{font-weight:bold;color:#ccd5f4;font-size:28px; text-decoration:none;}


.menuRowSelection
{background : url(../images/btnCollectionSelectionGirls.jpg) no-repeat;height:60px;width:215px;text-align:center; vertical-align:middle;}

a.btnCollectionSelectionGirls:link,
a.btnCollectionSelectionGirls:active,  
a.btnCollectionSelectionGirls:visited
{font-weight:bold;color:#FF66FF;font-size:22px; text-decoration:none;}
a.btnCollectionSelectionGirls:hover
{font-weight:bold;color:#FFCCFF;font-size:20px; text-decoration:none;}

.menuRowSelectionBoys
{background : url(../images/btnCollectionSelectionBoys.jpg) no-repeat;height:60px;width:215px;text-align:center;}

a.btnCollectionSelectionBoys:link,
a.btnCollectionSelectionBoys:active,  
a.btnCollectionSelectionBoys:visited
{font-weight:bold;color:#0099cc;font-size:22px; text-decoration:none;}
a.btnCollectionSelectionBoys:hover
{font-weight:bold;color:#ccd5f4;font-size:20px; text-decoration:none;}