/* CSS Document */

BODY			{
					color: #105fa2;
					font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
					margin: 0px;
					background-color: #005da8;
					font-size: 80%; 
					vertical-align: middle;
					behavior: url("/stylesheet/csshover.htc");
	
					scrollbar-base-color: #f6e700;
					scrollbar-arrow-color: #005da8;
					scrollbar-3dlight-color: #f6e700;
					scrollbar-darkshadow-color: #f6e700;
					scrollbar-face-color: #f6e700;
					scrollbar-highlight-color: #005da8;
					scrollbar-shadow-color: #000000;
					scrollbar-track-color: #eaf3f9;

				}
a {
	color: #005da8;
}	

form { margin: 0px; }
input { font-size: 80%; }

hr {
	height: 1px;
	border: 0px;
	border-top: 1px solid #005da8;

}


DIV.Center		{	text-align: center; }
DIV.MAIN		{	text-align: left; height: 657px; width: 869px; background-image:url(../images/bg.gif); 
							background-repeat:repeat-y; /*  top left; */
							position: absolute;
							left: 50%;
							margin-left: -444px;
							border: 9px solid #ffffff;
					
 }
DIV.Top			{	text-align: right; font-weight: bold; height: 188px; background-image:url(../images/top.gif); background-position: top left; background-repeat:no-repeat; }
DIV.Middle		{	height: 241px; width: 869px; }
DIV.Bottom		{	clear: both; padding-top: 144px; height: 44px; color: #fff; background-image:url(../images/bottom.gif); }

DIV.Left		{	position: absolute; z-index: 2; margin-top: -70px; margin-left: 26px; float: left; height: 351px; width: 128px;}
DIV.Content		{	padding: 5px; overflow-y: auto; overflow-x: hidden; overflow: auto; line-height: 140%; position: absolute; z-index: 2; margin-top: -15px; margin-left: 175px; float: right; height: 341px; width: 645px; }

h1				{	font-size: 120%; }
h2				{	font-size: 110%; }
DIV.Bottom P	{	font-size: 90%; font-weight: bold; margin: 0px 0px 0px 170px; padding: 0px; }

.collectie {
	background-color: #888888;
	opacity:.75;
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	position: absolute;
	width:100%;
	height:100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1999;
	}
	
div.collectieholder {
	width:990px;
	margin: 0 auto;
	z-index: 2000;
	background-color: #ffffff;
	position: absolute;
}

div.collectiemain {
position: absolute;
z-index: 2100;
margin: 0 auto;
text-align:middle;
left: 50%;
margin-left: -495px;
margin-top: 10px;
}

	/* MENU */

div.menupos {
	height: 25px; 	
	font-size: 90%;
	float: right;	
	width:862px;
	padding-top:2px;
}

#nav ul	{	 float: right; text-align: right; position: absolute; right: 10px; }

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: right; 
}

#nav a {
	display: block;
	color: #105fa2;
}

#nav li { /* all list items */
	float: left;
	padding-left: 3px; padding-right: 3px; /* width needed or else Opera goes nuts */ 
	
}

#nav li:hover,  #nav li.sfhover{ /* all list items */
	float: left;
	padding-left: 3px; padding-right: 3px; /* width needed or else Opera goes nuts */
}


#nav li a	{ }
#nav li a:hover,  #nav li a.sfhover	{  color: #f00; }

#nav li ul { /* second-level lists */
	position: absolute;
	background-image: url(../images/menu_bg1.gif);
	background-position: right;
	background-color:#105fa2;
	background-repeat:repeat-y;
	border: 1px solid #105fa2;
	padding-right: 9px; 
	text-align: left; 
	padding-top: 3px; 
	padding-bottom: 3px; 
	font-weight: normal;
	width: 140px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li:hover, #nav li ul li.sfhover{ /* second-level lists */
	background-image: url(../images/menu_bg2.gif);
	background-repeat:repeat-y;
	background-position: right;
	padding-right: 0px;
	width: 140px;
}

#nav li ul li a, #nav li ul li a{ /* second-level lists */
	font-size: 90%;
	color: #ffffff;
}

#nav li ul li:hover a, #nav li ul li.sfhover a{ /* second-level lists */
	color: #ffffff;
}
#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.left_menu {}

.left_menu a {
	color: #005da8;
	text-decoration: none;
}

.left_menu a:hover {	text-decoration: underline; }

.dlevel { margin: 8px 0px; }
.level2 { margin-left: 8px }
.level3 { margin-left: 16px }
.level4 { margin-left: 24px }

.subgroups {
	float: left;
	width: 30%;
}

.items_box {
	float: left;
	border: 1px solid #005da8;
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 8px 4px;
	cursor: hand;
	width: 100px;
	height: 180px;
	overflow: hidden;
}

.items_artikelnr { font-weight: bold; }

.item_info_afbeeldingen {
	width: 202px;
	float: left;	
	margin-top: 24px;
	margin-bottom: 8px;
}
.item_info_afbeelding_big {
	border: 1px solid #005da8;
}

.item_info_afbeelding_small {
	border: 1px solid #005da8;
	float: left;
	margin-right: 2px;
	margin-top: 2px;
}

.item_info_omschrijving {
	margin-left: 210px;
	padding: 12px;
}

.searchbar {
	float: right;
	margin-top: -2px;
	padding-right: 36px;
	font-size: 97%;
}

.searchbar input {
	border: 0px;
	background-color: #ffffff;
}

.inputfield_aantal_red {
	color: #ff0000;
	font-weight: bold;
}

.prijs_valuta , .prijs_bedrag, .price {
	font-weight: bold;
}

.pricelarge { font-size: 150%; }
.bag_stap { font-weight: bold; }

table.bag {
	border-left: 1px solid #005da8;
	border-right: 1px solid #005da8;
	border-top: 1px solid #005da8;
}

table.bag  .fixprice td { border: 0px; }

table.bag th {
	text-align: left;
	border-bottom: 1px solid #005da8;
	background-color: #f6e700;
}

table.bag td { border-bottom: 1px solid #005da8; }
table.bag tr.sub td { background-color: #9dc2e2;	 }
table.bag tr.total td {
	font-weight: bold;
	background-color: #338bd5;
	color: #ffffff;
}

div.offerte_box {
	border: 1px solid #005da8;

}

div.offerte_title {
	text-transform: uppercase;
	background-color: #005da8;
	color: #ffffff;
}

div.offerte_content {
	padding: 8px;
}
.paging_bar {
	margin-bottom: 16px;

}

.merk_item {
	float: left;
	width: 80px;
	height: 80px;
	text-align: center;
	vertical-align: middle;
	margin: 8px;	
}

div.bag_stap {
	float: right;
}


/* flipflash  */
div.Catalogback {
	background-color: #888888;
	opacity:.75;
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1999;
}
	

div.CatalogHolder {
	z-index: 2000;
	background-color: #ffffff;
	border: 1px solid #005da8;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -50px;
	position: absolute;
	width: 300px;
	height: 100px;
}

div.CatalogHolder  h1 {
	margin: 0px;
}

.item_info_pic_back {
	float: right;
}

div.wink {
	float: left;
	padding-left: 28px;
	margin-top: -10px;

}

div.lastupdate {
	float: right;
	font-size: 11px;
	font-weight: normal;
	margin-top: -28px;
	padding-bottom: 12px;
	padding-left: 0px;
	padding-right: 32px;
	color: #105fa2;
	font-style: italic;
	width:600px;
}

div.language_select {
	margin-top: 16px;	
}

	DIV.offer_hover				{ position:absolute; top:0px; left:0px; width:100%; height:130%; z-index:2; background-color:#ffffff; -moz-opacity:0.90; opacity:0.90; filter:alpha(opacity=90); }
	DIV.offer_hover2			{ position:absolute; top:75px; left:0px; width:96%; height:200; z-index:3; background-color:#ffffff; -moz-opacity:0.90; opacity:0.90; filter:alpha(opacity=90); text-align:center; }
	
	DIV.offerSample_hover				{ position:absolute; top:0px; left:0px; width:100%; height:130%; z-index:2; background-color:#ffffff; -moz-opacity:0.90; opacity:0.90; filter:alpha(opacity=90); }
	DIV.offerSample_hover2			{ position:absolute; top:75px; left:0px; width:96%; height:200; z-index:3; background-color:#ffffff; -moz-opacity:0.90; opacity:0.90; filter:alpha(opacity=90); text-align:center; }
	

	
	.catalogus_item {
		float: left;
		border: 1px solid #005da8;
		width: 180px; 
		font-size: 9pt;
		padding: 10px;  
		height: 285px;
		margin-right: 6px; 
		margin-bottom: 10px; 
	}
	
	
	.catalogus_item_group {
		float: left;
		border: 1px solid #005da8;
		width: 130px; 
		font-size: 9pt;
		padding: 10px;  
		height: 128px;
		margin-right: 6px; 
		margin-bottom: 10px; 
	}
	
	.catalogus_item2 {
		height: 250px !important;
	}
	
	.catalogus_item2_group {
		height: 130px !important;
	}
	
	.catalogus_image {
		text-align: center;
	}
	.catalogus_uitleg {
		text-align: center;
		margin: 0px;
		padding: 0px;
	}	
	
.Logo_box {
	text-align: left !important;
	padding-left: 20px;
}