/* CSS Document */
/* ----- algemeen ----- */
html, body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url('../images/nav_filler.gif');
	background-repeat: repeat-y;
	color: #4A525A;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	height: 100%;
	max-height : 100%;
	overflow : hidden;
	border: none;

}

tbody
{
	color: #4A525A;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contentall {
	position:absolute;  
	top:0px; 
	bottom:34px; 
	width:100%;
	z-index:2; 
	overflow:auto;
}


* html #contentall {
	height:100%; 
	top:0px; 
	bottom:0px; 
	z-index:2
}

a:link, a:visited, a:active
{
	color: #2E85AD;
	text-decoration:none;
}
a:hover
{
	color: #2E85AD;
	text-decoration: underline;
}

.formtext
{	font-size: 11px; }

div
{	position: absolute; }

.printheader
{
	 color: #99CB63;
	 font-size:16px;
	 font-weight:bold;
	 font-style:italic;
	 visibility: hidden;
}

/* ----- footer ----- */
#foot {
	position:absolute;
	bottom:-1px;
	left:0px;
	width:98%;
	height:34px;
	z-index:2; 
  background-color:#FFF;
	border-top: 1px solid #99CB63;
}

/* ----- disclaimer ----- */
#disclaimer {
	position:absolute;
	bottom:0px;
	left:185px;
	width:100px;
	height:22px;
	z-index:3; 
}

#print, #print a {
	position:absolute;
	background-image: url(../images/print_button.gif);
	background-repeat: no-repeat;
	width: 81px;
	height: 25px;
	bottom: 5px;
	left: 172px;
	z-index:3;
	text-decoration: none;
}

#corporate, #corporate a {
	position:absolute;
	background-image: url(../images/pijl_klein_blauw.gif);
	background-repeat: no-repeat;
	background-position: 263px 3px;
	width: 280px;
	bottom: 10px;
	left: 480px;
	z-index:3;
}
/* ----- LOGO & GLOBAL NAVIGATION ----- */
#logo, #logo a 
{
	position:absolute;
	background-image:  url(../images/logo.gif);
	background-repeat: no-repeat;
	width: 165px;
	height: 46px;
	left: 19px;
	top: 21px;
	text-decoration: none;
}

#globalnav_bar_left
{
	background-image: url(../images/globalnav_bar_left.gif);
	background-repeat:no-repeat;
	width: 11px;
	height: 80px;
	left: 209px;
	top: 0px;
}

#globalnav_bar
{
	color: #000000;
	font-size: 36px;
	width:98%;
	height:80px;
	left: 0px;
	top: 0px;
	background-image: url(../images/globalnav_bar.gif);
}
#dalers
{
	top: 25px;
	left: 240px;
}

#globalnav_bar_hideleft
{			/* om de groen-wit-blauwe balk over de volle breedte te houden staat deze op 98%,
			in IE gaat dit mis als deze met left: 220px; wordt gezet. Daarom verbergt 
			onderstaandelayer het linker gedeelte van de balk */
	background-color: #FFFFFF;
	left: 0px;
	top: 0px;
	width: 220px;
	height: 129px;
}
#globalnav_bar_hideright
{
	background-color: #FFFFFF;
	left: 0px;
	top: 0px;
	width:95%;
	height: 129px;
}

#adds
{
	top: -130px; 
	left: 10px; 
	background-image: url(../images/skyscraper_spacer.gif); 
	background-repeat:no-repeat;  
	width: 172px;
	
}

.div_globalnav
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	left: 450px;
	top: 0px;
	margin: 5px;
}
	a.div_globalnav:link, a.div_globalnav:visited, a.div_globalnav:active
	{
		color: #FFFFFF;
		text-decoration:none;
	}
	a.div_globalnav:hover
	{
		color: #FFFFFF;
		text-decoration: underline;
	}
		
/* ------------------ NAVIGATION ------------------ */
.menu_alt
{
	display: none;
}

.nav
{
	background-image: url(../images/menu_bg.gif);	
	left: 0px;
}
.navitems a
{
	position: relative;
	background-position: 0px 0px;
	left:0px;
	width:158px;
	display:block;
}

.subnav
{
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3783A9;
	font-weight: bold;
	margin-left: 15px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
}
	
div.subnav
	{	background-image: url(../images/pijl_klein_blauw.gif);
		background-repeat: no-repeat;
		background-position: 5px 5px;
	}
	a.subnav:link, a.subnav:visited, a.subnav:active
	{	text-decoration: none; }
	a.subnav:hover
	{	text-decoration: underline; }

#kopje, #kopje_poll, #kopnieuws, #kopvacatures, #kopje2, #koprecept, #koplijstjes, #kopsupers, #kopaanb, #kopzoeker, #kopgevonden, #megakopje {position: relative; margin-bottom: -13px;}
#kopje_land, #kopjenieuws {position: relative;}

span.subnav_a
	{	text-decoration: underline; }
	
#nav_home {	top: 129px;
			visibility: hidden; }
#nav_filiaal { top: 105px;
			visibility: hidden; }
#nav_mijnwinkelwaar { top: 105px;
			visibility: hidden; }

.nav_bottom {
	background-image: url(../images/nav_bottom.gif);
	background-repeat: repeat-x;
	width: 158px;
	height: 20px;
}



/* ------------------ CONTENT ------------------ */
#content
{
	left: 175px;
	top: 130px;
	width: 555px;
	height: 200px;
	margin-top: 0px;	
	margin-left: 10px;
	margin-right: 10px;
	z-index: 10;
}

#content_border_left
{
	background-image: url(../images/content_border_left.gif);
	background-repeat: no-repeat;
	width: 14px;
	height: 110px;
	left: 158px;
	top: 129px;
}
#content_border_top
{
	background-image: url(../images/content_border_top.gif);
	background-repeat:repeat-x;
	height: 1px;
	left: 172px;
	top: 129px;
	width: 583px;
}
#content_border_right
{
	background-image: url(../images/content_border_right.gif);
	background-repeat: no-repeat;
	width: 18px;
	height: 110px;
	left: 755px;
	top: 129px;
}

/* ----- 'padnavigatie' (tussen globalnav en content) -----  */
#padnav
{
	left: 0px;
	top: -25px;
	font-weight: bold;
}

/* ------ overige contentitems ----- */

#terugnav
{
	left: 220px;
	top: 100px;
	font-weight: bold;
}

#home_ketens
{ 
	top: 130px;
	left: 787px;
	width: 120px;
}
 
.left
{
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.leftb
{
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #E0E0E0;
}
.right
{
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.rightb
{
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #E0E0E0;
}

#mijn_pc1
{
	top: 52px;
	left: 10px;
	color: #FFFFFF; 
	font-weight:bold;
} 
#mijn_pc1_2
{
	top: 65px;
	left: 10px;
	color: #FFFFFF; 
	font-weight:bold;
} 
#mijn_pc2
{
	top: 47px;
	left: 110px;
}
#mijn_pc2_2
{
	top: 60px;
	left: 110px;
}
#mijn_pc3
{
	top: 47px;
	left: 280px;
}
#mijn_pc3_2
{
	top: 60px;
	left: 280px;
}
#mijn_pcbalk
{
	background-image: url(../images/postcode-bg.gif); 
	background-repeat:no-repeat; 
	width: 607px; 
	height:59px;
	top: 31px; 
	left: -25px;
}
#mijn_pcbalk_2
{
	background-image: url(../images/postcode-bg.gif); 
	background-repeat:no-repeat; 
	width: 607px; 
	height:59px;
	top: 44px; 
	left: -25px;
}

#aanb_left
{
	top: 45px;
	width: 280px;
	border-right: 1px solid #E0E0E0;
	margin-right: 10px;
}
#aanb_right
{
	top: 45px;
	left: 280px;
	width: 270px;
	margin-left: 10px;
}
.aanb_img
{
	width: 60px;
}
.aanb_product
{
	width: 130px;
}

.aanb_prijsoud
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	width: 40px;
}
.aanb_prijs
{
	color:#2E85AD;
	font-weight:bold;
}

.searchbox
{
	border: 1px solid #425A6B;
	background-color : #EDF4F9;
	font-size: 10px;
}

.radiobutton
{
	width:11px; 
	height:11px;
}

.radiobuttonpoll
{
	width:200px; 
	height:10px;  
}

#aanm
{
	top: 40px;
	width: 450px;
}

#login_aanm
{
	top: 220px;
	width: 400px;
}

#login_topleft
{
	width: 340px;
	height: 215px;
	border-bottom: 1px solid #E0E0E0;
}
#login_topright
{
	background-color: #99CB63;
	left: 340px;
	width: 215px;
	height: 215px;
	border-bottom: 1px solid #E0E0E0;
}

#filiaallogin_topleft
{
	width: 340px;
}

#filiaallogin_topright
{
	background-color: #99CB63;
	left: 340px;
	width: 215px;
	height: 350px;
	border-bottom: 1px solid #E0E0E0;
}

#filiaal_left
{
	top: 45px;
	width: 280px;
	border-right: 1px solid #E0E0E0;
	margin-right: 10px;
}

#filiaal_right
{
	top: 15px;
	left: 280px;
	width: 280px;
	margin-left: 10px;
}

#filiaal_right2
{
	top: 140px;
	left: 460px;
	width: 280px;
	margin-left: 10px;
}

#recepten_left
{
	top: 45px;
	width: 270px;
}

#recepten_right
{
	top: 45px;
	left: 280px;
	width: 270px;
	margin-left: 10px;
}
#receptoverzicht_left
{
	width: 270px;
	border-right: 1px solid #E0E0E0;
}

#receptoverzicht_right
{
	left: 280px;
	width: 270px;
	margin-left: 10px;
}

#winkels_bottom
{
	left: 400px;
}

#recepten_login
{
	visibility: hidden;
	background-color: #99CB63;
	top: 0px;
	left: 20px;
	width: 250px;
	height: 230px;
	border: 1px solid #2E85AC;
	z-index: 99;
}

#receptenweek_login
{
	visibility: hidden;
	background-color: #99CB63;
	top: 35px;
	left: 20px;
	width: 250px;
	height: 230px;
	border: 1px solid #2E85AC;
	z-index: 99;
}

.kiesafdeling
{
	border: 1px solid #425A6B;
	font-size: 10px;
	color: #2E85AC;
	width: 230px;
}

.kiesafdeling_blauw
{
	background-color : #EDF4F9;
	border: 1px solid #425A6B;
	font-size: 10px;
	color: #2E85AC;
	width: 240px;
}

.keten_logos { padding: 2px; }

.keten_border
{
	border-bottom: 1px solid #E0E0E0; 
	padding-top: 15px; 
	padding-bottom: 15px;
}

.mijnwinkelwaar_border_wit
{
	border-bottom: 1px solid #ffffff; 
	padding-right: 10px;
}

.mijnwinkelwaar_border_grijs
{
	border-bottom: 1px solid #E0E0E0; 
	padding-right: 10px;
}

.receptweek_border1
{
	border-right: 1px solid #E0E0E0; 
	border-bottom: 1px solid #E0E0E0; 
	padding-top: 10px;
}

.receptweek_border2
{ 
	border-bottom: 1px solid #E0E0E0; 
	padding-left: 10px;  
	padding-top: 10px;
}
.receptweek_border3
{ 
	border-right: 1px solid #E0E0E0; 
	padding-top: 10px;
}
/* ----- teksten ------*/
.groen 	{ color: #99CB63; }
.grijs 	{ color: #7B8C9C; }
.wit 	{ color: #ffffff; }

.vet	{ font-weight: bold; }

.blauw_vet
{	font-weight: bold; 
	color: #2E85AD; }

.tekst_blauw
{  color: #2E85AD; }	

.groen_vet
{	font-weight: bold; 
	color: #99CB63; }

.wit_vet
{	font-weight: bold; 
	color: #ffffff; }
		a.wit_vet:link, a.wit_vet:visited, a.wit_vet:active
		{	font-weight: bold; 
			color: #ffffff; }
		a.wit_vet:hover
		{	font-weight: bold; 
			color: #ffffff; }
	
/* borders */
.border_top
{ border-top: 1px solid #E0E0E0; }
.border_bottom
{ border-bottom: 1px solid #E0E0E0; }
.border_right
{ border-right: 1px solid #E0E0E0; }

.content_splitborder
{	border-bottom: 1px solid #E0E0E0; 
	width: 555px; }
	
.content_splitborder260
{	border-bottom: 1px solid #E0E0E0; 
	width: 260px; }
	
/* positioning */
.absright { right: 0px; }
.absright10 { right: 10px; }
.absleft { left: 0px; }
.padding_r5 { padding-right: 5px; }
.padding_r10 { padding-right: 10px; }
.padding_r15 { padding-right: 15px; }
.padding_b10 { padding-bottom: 10px; }
.padding_l10 { padding-left: 10px; }

.margin_15 { margin: 15px; }

/* ACTIES */
hr.devider {
	color: #E0E0E0;
	background-color: #E0E0E0;
	border:1px;
	height: 1px;
	width: 100%;
}
div.goldactie {position:relative; width:260px; height:64px;}
div.goldactieimg {postion:absolute; width:95px;}
div.goldactiedescr {postion:absolute; left:100px;}
div.goldactielnk {postion:absolute; left:100px; bottom:0px;}

div.silveractie {position:relative; width:260px; height:40px;}
div.silveractiedescr {postion:absolute; top:0px;}
div.silveractielnk {postion:absolute; left:0px; bottom:0px;}

/* MERKEN */
div.goldmerk {position:relative; width:260px; height:66px;}
div.goldmerkimg {postion:absolute; width:95px;}
div.goldmerkdescr {postion:absolute; left:100px;}
div.goldmerklnk {postion:absolute; left:100px; bottom:0px;}

div.silvermerk {position:relative; width:260px; height:52px;}
div.silvermerkdescr {postion:absolute; top:0px;}
div.silvermerklnk {postion:absolute; left:0px; bottom:0px;}