/* Crossbrowser alles op nul, gebaseerd op Eric Meyers CSS Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-size: 100%;
			vertical-align: baseline;
			background: transparent;}
ol, ul 	{	list-style: none;}
:focus 	{	outline: 0; }

/* Kleuren:
Donkerblauw: #065572
Licht-blauw: #dbe9ec [menubg]
*/

body 		{	background: #fff url(images/bg.jpg) top left no-repeat fixed;
			margin: 0 auto 0 auto;	text-align: center;  }

/* Typografie */

body 		{	font-size:13px; color: #333;
			font-family: Arial, Helvetica, Tahoma, Sans-serif; font-size: 0.9em; }

p		{	margin: 0 0 13px 0; line-height: 21px; }
a		{	text-decoration: none; color: #065572;
			font-weight: normal; }
a:hover	{	color: #000;	 }
h1, h2, h3, h4, h5
  		{	color: #065572; margin: 0 0 13px 0; font-weight: normal;}
h1		{	font-size: 26px; }
h2		{	font-size: 18px; }
h3		{	font-size: 21px; }
h4		{	font-size: 13px; }

.small      {	color: #333; font-family: Arial, Helvetica, Tahoma, Sans-serif; font-size: 0.7em}
.small a    { 	}
.small a:hover{   color: #666; }

#wrap		{ 	position: relative; margin: 80px auto 50px auto;
			width: 910px; text-align: left; background: url(images/body.png);	}
#top       	{   	position: absolute; top: -10px; left: 810px; width: 100px;}
#top a   	{	margin-right: 5px;}
#header     {   	width: 910px; height: 180px;
			background: #FFFFFF url(images/header.jpg);	z-index: 20;}
.logo      	{   	position: absolute; top: 55px; left: 10px; }
#menu		{   	position: absolute; top: 125px; left: 630px;  width: 400px;  z-index: 20;}  
#menu li   	{   	position: relative; float: left; margin: 0 10px 0 0;  z-index: 20;}                       
#menu a    	{   	padding: 3px 0; font-family: Verdana, Sans-serif; font-size: 17px;
			letter-spacing: 1px; font-weight: normal;
			font-style: italic; color: #065572; }                      
#menu a:hover {	border-top: 2px solid #002027; color: #666; }
#menu li ul {	position:absolute; left:-999em; z-index: 20;}
#menu	li:hover ul
		{	display: block; float: none; clear: both;
			position: absolute; top: 20px; left: 0; 
			width: 200px; background: #fff; z-index: 20; border: 1px solid #dbe9ec;}
#menu	li:hover ul li
		{	padding: 0 0 0 10px; z-index: 20; background: #fff;
			width: 200px; }
#menu	li ul a	{	font-size: 14px; color: #000; background: #fff; padding: 0;
			height: 20px; line-height: 28px; z-index: 20; }
#menu	li ul a:hover
		{	background: #dbe9ec; padding: 0; z-index: 20; border: none; color: #000;}
   
#base		{	width: 910px; padding: 0 0 80px 5px;
			background: url(images/familywide.png) bottom left no-repeat; }
#sidebar	{   	width: 255px; padding: 40px 5px 0 10px;
			background: url(images/sidebarbg.jpg) top left no-repeat; float: left;}

#content   	{	width: 595px; min-height: 320px; padding: 40px 5px 0 30px;
			background: url(images/contentbg.jpg) top right no-repeat; float: left;}
#content a	{   	text-decoration: underline; }                           
			
#footer	{   	width: 910px; height: 220px;
			background: url(images/footer.jpg) top;      }       
#leftfoot	{   	width: 280px; float:left; font-size: 12px; line-height: 20px; color: #dbe9ec; padding: 5px 10px 15px 10px; }
#leftfoot a	{   	color: #fff;    }
#deelnemers	{   	width: 600px; height: 210px; 
			margin: 5px 0 0 0;float: left; 
			background: url(images/bars.png) no-repeat; }     

#map 		{	position:absolute; margin:0; padding:0;
			width:600px; height:210px; font-size:11px;}
#map li 	{	margin:0; padding:0; list-style:none;}
#map li a 	{	position:absolute; display:block;
			/* Specifying a background image (a 1px by 1px transparent gif)
			   fixes a bug in older versions of IE that causeses the block to not
			   render at its full dimensions.
			*/
			background: url(blank.gif); }
#map li a:hover { background: url(images/transparant.png);}
#map li a span { 	display:none; }
#map li a:hover span {
			position:relative; display:block;
			width:130px; left:5px; top:50px;
			padding:5px; border:1px solid #000;
			background:#fff; text-decoration:none; color:#000;
			filter:alpha(opacity=99); opacity:0.99;
			font-weight: normal; line-height: 16px;}

#map a                      {top:1px; width:50px; height:208px;  }
#map a.hulp                 {left:6px;}
#map a.agno                 {left:74px;}
#map a.auticomm             {left:142px;}
#map a.bakfiets             {left:210px;  }
#map a.optizorg             {left:278px;}
#map a.marijke              {left:346px;}
#map a.onyx                 {left:414px;}
#map a.noravis              {left:482px;}
#map a.zorgxpert            {left:550px;}
		   
#boks		{   	width: 900px; height: 18px; padding: 8px 10px 0 0;
			clear: both; text-align: right;
			background: url(images/boks.png) no-repeat; }