/* 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.MAIN_ootb		{	text-align: left; width: 869px; 
							margin-left: -444px;
							border: 9px solid #ffffff;
							margin: 0 auto;
							background-color:#EAF3F9;
							margin-top:25px;
					
 }
 

DIV.landingpageDiv2		{	text-align: left; width: 888px;
							margin: 0 auto;
							background-color:#005DA8;
							margin-bottom:20px;
					
 }

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.Middle_ootb		{	float:left; width: 869px; background-image:url(../images/bg.gif); background-repeat:repeat-y; }
DIV.Content_ootbBottom		{	float:right; width: 869px; background-image:url(../images/Content_ootbBottom_bg.jpg); height:18px; background-position:top right; background-repeat:no-repeat; margin-right:10px; margin-left:10px; }
DIV.Bottom		{	clear: both; padding-top: 144px; height: 44px; color: #fff; background-image:url(../images/bottom.gif); }
DIV.Bottom_ootb		{	padding-top: 30px; height: 37px; color: #fff; float:left; width:100%; }

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; }
DIV.Content_ootb	{	padding: 5px; overflow-x: hidden; overflow: auto; line-height: 140%; float:left; z-index: 2; margin-top: -15px; margin-right: 20px; float: right; 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: 3px 0 0 0}
.level2 { margin-left: 8px }
.level3 { margin-left: 16px }
.level4 { margin-left: 24px }

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

.subgroups1 {
	float: left;
	width: 100%;
}

.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;
}

.searchbar_ootb {
	float: left;
	margin-top: -17px;
	height:33px;
	background-color:#105FA2;
	padding-right: 36px;
	font-size: 97%;
	padding:0px 10px 0px 60px;
	line-height:33px;
}

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

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

.hoofd {
	background-image:url(../images/hoofd_bg.png); background-position: top left; background-repeat:no-repeat; 
	width:220px;
	height:188px;	
	margin-top:-150px;
	position:absolute;
}

.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.wink_ootb {
	float: left;
	padding-left: 28px;
	margin-top: -17px;

}

div.landingpageDiv {
	float:left;
		
}

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.lastupdate_ootb {
	float: right;
	font-size: 11px;
	font-weight: normal;
	margin-top: -32px;
	padding-bottom: 12px;
	padding-left: 0px;
	padding-right: 32px;
	color: #105fa2;
	font-style: italic;
	width:600px;
}

div.language_select {
	m/argin-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.prijslijst_hover				{ position:absolute; top:0px; left:0px; width:100%; height:700px; z-index:2; background-color:#ffffff; -moz-opacity:0.90; opacity:0.90; filter:alpha(opacity=90); }
	DIV.prijslijst_hover2			{ position:absolute; top:75px; left:0px; width:96%; height:700px; 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;
	height:80px;
}

.items_picture {
	height:100px;
}


#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:999;
	color: #000000;
}
#popUp div {
	padding-left:10px;
	padding-top:30px;
}
.red{
	color: red;
	}
	
.gecko #backgroundPopup{
	left: 0;
	top: 0;
}

#popUp{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:136px;
	width:380px;
	background: #ffffff;
	z-index:9999;
	padding:0px;
	color: #000000;
	font-size:13px;
	margin-left: 250px;
	margin-top: 250px;
	
}
#popUpClose {
	cursor: hand;
	bottom: 0;
	margin-top: 80%;
	position: absolute;
	margin-left: -225px;
	background-color: #005da8;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#popUpClose:hover{
cursor: pointer;
}
#popUpVerder {
	bottom:10px;
	position:absolute;
	left: 10px;	
	cursor: hand;
}



#popUp p{
	margin-left: 0;
	display: block;
	width: 360px;
	height: 55px;
	float: left;
	}

#popupToBag {
	bottom:10px;
	position:absolute;
	right: 10px;	
	cursor: hand;
}

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

div.lp_blok .img {
	width:100px;
	height:100px;
	float:left;
	margin-right:10px;
}

div.lp_blok .img img {
	border:0;
}
div.lp_blok .description {
	width:510px;
	float:left;
	margin:0;
}

div.lp_blok h3 a {
	text-decoration:none;
}