@charset "utf-8";

/*	VEILINGKRANTEN LANDINGSPAGE
	Author:	Stephan van Opstal, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	=RESETS
	=FIXES
	=WRAPPERS
	=HEADER
	=CHOICE
	=SECTION
 	----------------------------------------------------*/

/*	=RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; outline:0; font-family: Verdana, Arial, Helvetica; }
	img { border: 0; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }
	
/*	=WRAPPERS
	----------------------------------------------------*/
	body { text-align: center; }
	#landingspage { width: 749px; margin: 0 auto; text-align: left; }
	#map { position: relative; height: 399px; background: url(../img_landingspage/lp_map.gif) no-repeat top left; }
	
/*	=HEADER
	----------------------------------------------------*/
	#header { position: relative; height: 90px; z-index: 99; }
	#header #logo { position: absolute; top: 31px; left: 0; z-index: 100; }
	#header #colofon { position: absolute; top: 30px; left: 285px; color: #00baf2; font-size: 10px; font-weight: bold; }
	#header #colofon span { padding: 0 0 0 6px; display: block; }
	
/*	=CHOICE
	----------------------------------------------------*/
	#choice { position: absolute; top: 104px; left: 381px; width: 275px; list-style: none; }
	#choice img { vertical-align: bottom; }
	#choice li { padding: 1px 0 0 0; background: url(../img_landingspage/lp_btn_divider.gif) no-repeat top left; }
	#choice li.first { padding-top: 0; background: 0; }
	#choice li a { display: block; text-indent: -9999px; }
	#choice #btn_bd a { height: 41px; background: url(../img_landingspage/lp_btn_bd.gif) no-repeat top left; }
	#choice #btn_ed a { height: 49px; background: url(../img_landingspage/lp_btn_ed.gif) no-repeat top left; }
	#choice #btn_bn a { height: 46px; background: url(../img_landingspage/lp_btn_bn.gif) no-repeat top left; }
	#choice #btn_bd a:hover { background-position: 0 -41px; }
	#choice #btn_ed a:hover { background-position: 0 -49px; }
	#choice #btn_bn a:hover { background-position: 0 -46px; }
	
/*	=SECTION
	----------------------------------------------------*/
	#section { position: absolute; top: 232px; left: 70px; }