body	{font-size: 80%; margin: 0; padding: 0; margin: 0;}
body.smal	{background: url(../img/altprods/shim_bg.gif) repeat-y top center;}
body.breed	{background: url(../img/altprods/shim_bg_breed.gif) repeat-y top center;}
body.full	{background: url(../img/altprods/shim_bg_full.gif) repeat-y top center;}
body, form *, textarea	{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
form,table,p, textarea	{font-size: 100%;}

/* Layout +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

	#canvas	{margin: 0 auto; width: 750px;}

	#header	{background-color: white; padding: 10px 0;}
	
	#metanav		{margin: 0; padding: 3px 0;}
	#metanav * 		{color: white;}
	#metanav ul		{margin: 0; padding: 0; text-align: center}
	#metanav ul li	{display: inline; margin: auto 10px; text-transform: uppercase; font-size: 0.8em}
	
	#container	{margin-top: 0; padding-top: 0; position: relative; height: 100%;}
		#prods	{width: 177px; position: absolute; top: 0; left: 0;}
		#tekst	{position: absolute; top: 0; padding: 10px 15px;}
		#actie	{width: 199px; position: absolute; top: 0; left: 551px;}
	
		body.smal #tekst	{width: 340px; left: 177px;} /* voor tdf.nl algemene site, met menu */
		body.breed #tekst	{width: 510px; left: 0;} /* voor specifiek product, zonder menu */
		body.full #tekst	{width: 750px; padding: 10px 0; left: 0;} /* voor docubox in iFrame */
		
	#prods 			{margin-top: 20px;}
	#prods ul		{margin: 0; padding: 0;}
	#prods ul li	{list-style-type: none; width: 177px; height: 21px; margin: 5px 0; padding-top: 5px;}
	#prods ul li a	{color: black; font-weight: bold; margin: 4px;}
			
	#actie a	{color: black; display: block; padding: 15px 0; clear: both; text-align: center}
	#actie a.thumb	{float: left; margin-right: 10px;}
	
	#loginform, #logout		{padding: 10px; margin: 10px; font-size: 0.8em; background-color: whitesmoke}
	#loginform h2	{margin: 2px auto 12px auto;}
	#loginform p	{margin: 4px 0;}
		
/* buttons bij prodmenu  +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

	ul li.currentprod a {font-style: italic;}

	/* li.prod3	{background: url(../img/altprods/buttons/knop3.gif) no-repeat top left;}
	li.prod3:hover, li.curr3	{background: url(../img/altprods/buttons/knop3_over.gif) no-repeat top right;}
	li.prod5	{background: url(../img/altprods/buttons/knop5.gif) no-repeat top left;}
	li.prod5:hover, li.curr5	{background: url(../img/altprods/buttons/knop5_over.gif) no-repeat top right;}
	li.prod4	{background: url(../img/altprods/buttons/knop4.gif) no-repeat top left;}
	li.prod4:hover, li.curr4	{background: url(../img/altprods/buttons/knop4_over.gif) no-repeat top right;}
	li.prod8	{background: url(../img/altprods/buttons/knop8.gif) no-repeat top left;}
	li.prod8:hover, li.curr8	{background: url(../img/altprods/buttons/knop8_over.gif) no-repeat top right;}
	li.prod9	{background: url(../img/altprods/buttons/knop9.gif) no-repeat top left;}
	li.prod9:hover, li.curr9	{background: url(../img/altprods/buttons/knop9_over.gif) no-repeat top right;}
	li.prod2	{background: url(../img/altprods/buttons/knop2.gif) no-repeat top left;}
	li.prod2:hover, li.curr2	{background: url(../img/altprods/buttons/knop2_over.gif) no-repeat top right;}
	li.prod7	{background: url(../img/altprods/buttons/knop7.gif) no-repeat top left;}
	li.prod7:hover, li.curr7	{background: url(../img/altprods/buttons/knop7_over.gif) no-repeat top right;}
	li.prod6	{background: url(../img/altprods/buttons/knop6.gif) no-repeat top left;}
	li.prod6:hover, li.curr6	{background: url(../img/altprods/buttons/knop6_over.gif) no-repeat top right;}
	li.prod1	{background: url(../img/altprods/buttons/knop1.gif) no-repeat top left;}
	li.prod1:hover, li.curr1	{background: url(../img/altprods/buttons/knop1_over.gif) no-repeat top right;}
	li.prod11	{background: url(../img/altprods/buttons/knop11.gif) no-repeat top left;}
	li.prod11:hover, li.curr11	{background: url(../img/altprods/buttons/knop11_over.gif) no-repeat top right;}
	li.prod12	{background: url(../img/altprods/buttons/knop11.gif) no-repeat top left;}
	li.prod12:hover, li.curr12	{background: url(../img/altprods/buttons/knop11_over.gif) no-repeat top right;}
	li.prod13	{background: url(../img/altprods/buttons/knop11.gif) no-repeat top left;}
	li.prod13:hover, li.curr13	{background: url(../img/altprods/buttons/knop11_over.gif) no-repeat top right;}
	li.prod14	{background: url(../img/altprods/buttons/knop11.gif) no-repeat top left;}
	li.prod14:hover, li.curr14	{background: url(../img/altprods/buttons/knop11_over.gif) no-repeat top right;}
	li.prod17	{background: url(../img/altprods/buttons/knop17.gif) no-repeat top left;}
	li.prod17:hover, li.curr17	{background: url(../img/altprods/buttons/knop17_over.gif) no-repeat top right;}
	li.prod72	{background: url(../img/altprods/buttons/knop1.gif) no-repeat top left;}
	li.prod72:hover, li.curr72	{background: url(../img/altprods/buttons/knop1_over.gif) no-repeat top right;}
	li.prod33	{background: url(../img/altprods/buttons/knop11.gif) no-repeat top left;}
	li.prod33:hover, li.curr33	{background: url(../img/altprods/buttons/knop11_over.gif) no-repeat top right;}
	li.prod34	{background: url(../img/altprods/buttons/knop11.gif) no-repeat top left;}
	li.prod34:hover, li.curr34	{background: url(../img/altprods/buttons/knop11_over.gif) no-repeat top right;}
	li.prod35	{background: url(../img/altprods/buttons/knop11.gif) no-repeat top left;}
	li.prod35:hover, li.curr35	{background: url(../img/altprods/buttons/knop11_over.gif) no-repeat top right;}
	li.prod68	{background: url(../img/altprods/buttons/knop11.gif) no-repeat top left;}
	li.prod68:hover, li.curr68	{background: url(../img/altprods/buttons/knop11_over.gif) no-repeat top right;}
	li.prod71	{background: url(../img/altprods/buttons/knop11.gif) no-repeat top left;}
	li.prod71:hover, li.curr71	{background: url(../img/altprods/buttons/knop11_over.gif) no-repeat top right;} */