/* grijs- E2DEDF   paars- 87318A    roze- F4EAF2 */

/* html, body		{height: 100%;} */
body, form * 	{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
body			{font-size: 70%; background-color: #c6c7c9; margin: 0; padding: 0;}
form,table,p	{font-size: 100%;}

/* Menu top en bottom +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	
	ul#metatop li
		{float: left; list-style-type: none; border-right: 1px solid #87308E; padding: 0 5px; margin-top: 2px;}
	ul#metabot li	
		{float: left; list-style-type: none;  border-right: 1px solid white; padding: 0 5px;}
	ul#metatop a	{color: #87308E;}
	ul#metabot a	{color: white;}
	ul#metabot li#top	{/* width: 135px; */ margin-right: 370px; border-right: none;}
	
	#initiatief	{text-align: center; font-size: 90%; padding-bottom: 20px;}
	
/* Specs inpage menu +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */	
	
	#inpage ul li a			{color: gray; display: block;}
	
	#inpage ul.nivb			{margin: 0; padding: 0;}
	#inpage ul.nivb li 		{list-style-type: none;}
	#inpage ul.nivb li a	{background-color: whitesmoke; /* was #E2DEDF */ color: black; font-weight: bold; padding: 2px 0 2px 8px;}
	#inpage ul.nivb li a.current {color: #ff6600 /* #87318A */;}
	
	#inpage ul.nivc			{margin: 0; padding: 0 0 0 5px;}
	#inpage ul.nivc li 		{margin: 0; padding: 0; border: 1px solid white;}
	#inpage ul.nivc li a	{background-color: white; color: black; font-weight: normal; padding: 0 0 2px 10px; margin: 0;
							background-image: url(../img/blokje_uit.gif); background-repeat: no-repeat; background-position: 2px 6px;}
	#inpage ul.nivc li a.current {background-image: url(../img/blokje_in.gif); color: #ff6600;}
	
	#inpage ul.nivd			{margin: 0; padding-left: 8px;}
	#inpage ul.nivd li 		{/* list-style-type: circle; */}	
	
	.haskids				{float: right; margin-top: -10px;}
		
/* Diverse elementen in content +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

	h1	{font-size: 125%; margin-top: 2px; color: #ff6600}
	h2	{font-size: 115%;}
	h3	{font-size: 100%; font-style: italic;}
	
	h1.hidden	{display: none}	
		
	th		{text-align: left; font-weight: bold;}
	td,th	{vertical-align: top;}
	table form th	{font-weight: normal;}
	table.contact th	{font-weight: normal; text-align: left;}
	td.nowrap	{white-space: nowrap;}
	
	a	{color: #87318A; font-weight: bold; text-decoration: none;}
	a:hover	{text-decoration: underline;}
	#tekst a:visited	{color:  #996699;}
	a img	{border: none;}
	
	.button	{border: 1px solid black; background-color: #87318A; color: white; font-weight: bold; font-size: 90%;}
	hr	{height: 0px; border-top: 1px dotted gainsboro; clear: both;}
	
	.oneven	{background-color: whitesmoke;}
	.even	{background-color: white;}
	
	#print	{float: right; margin-top: 2px;}
	#mutatie	{text-align: right; font-style: italic; font-size: 90%; margin-top: 40px;}
	
	fieldset	{padding: 10px;}
	legend		{font-weight: bold; margin: 0;}
	
	.blok, .kleinblok	{background-color: #f4eaf2; padding: 5px;}
	.kleinblok	{float: right; width: 200px}
	.kleinblok ul	{margin: auto 0; padding-left: 20px;}
	
	a.verborgen {position: absolute; overflow: hidden; width: 0; height: 0;}
	a.verborgen:active, a.verborgen:focus 
		{position: absolute; overflow: visible; width: auto; height: auto;
		font-weight: bold; background-color: white; color: #FF6600; padding: 5px;}
		
	/* door de maintenance toegekend bij uitlijnen imgs. 
	plaats desgewenst andere padding of borders. */
	.imglinks	{float: left; margin: 0 10px 10px 0;}
	.imgrechts	{float: rechts; margin: 0 0 10px 10px;}
	
	table.grid	{border: 1px solid gainsboro; border-collapse: collapse;}
	table.grid tr td, table.grid tr th {border: 1px solid gainsboro; border-width: 1px 0 0 1px; padding: 3px;}
	
/* Overige elementen +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
	
	ul	{list-style-type: square;}
	ul ul {list-style-type: circle;}

	ul.linklijst li	{margin-bottom: 10px;} /* voor ruimere korten lijsten */
	ul.altlinklijst a	{color: black; font-weight: normal;} /* voor lange lijsten */
	ul.altlinklijst a:hover	{color: #87318A;}
	
	ul.nieuwsitems	{margin: 10px 0 0 15px; padding: 0;}

	li.groep {font-weight: bold;}
	li.groep ul {font-weight: normal;}
	
	.uberoptie 		{padding: 10px 0 10px 10px; margin: 0;}
	.uberoptie a	{font-weight: normal;}
	
	#tips		{font-size: 90%; margin: 20px 0 10px 0; padding: 5px; color: #7C3776;
				background-repeat: no-repeat; background-position: top left; background-color: #FAF3FA;}
	#tips a		{margin: 0; color: #87318A !important;}
	#tips ul	{margin-left: 0; padding: 0;}
	#tips li	{padding-bottom: 10px; list-style-type: none}
	
	.wistudat	{background-image: url(../img/wistudat.gif); text-align: center;}
	.linktip	{background-image: url(../img/linktips.gif);}
	.winkeltip	{background-image: url(../img/tip.gif); margin: 10px 0}
	.winkeltip img	{float: left; margin-right: 4px;}
	.acttips	{background-image: url(../img/tips.gif);}
	.qenarecent	{background-image: url(../img/laaststgesteld.gif);}
	
	.meerinfo	{border: 1px solid silver; border-width: 1px 0; padding: 3px;}
	.meerinfo a	{font-weight: normal;}
	.adres		{border-bottom: 1px solid silver; padding: 3px 5px;}
	.klein		{font-size: 0.8em}
	
	#etalage div.item 	{border-bottom: 1px dotted #E2DEDF; margin: 0 5px; padding: 10px 0; clear: both;}
	#etalage div img	{border: 1px solid #87318A; float: left; margin: 0 10px 10px 0;}
	#etalage div h2		{margin: 0 0 10px 0;}
	#etalage div .meer	{text-align: right;}
	#etalage div p		{margin: 0;}
	
	#meerinfo		{margin: 5px 0;}
	#meerinfo h2	{margin-bottom: 4px; border-bottom: 1px solid gainsboro; padding: 0 5px;}
	#meerinfo ul	{margin: 0; padding-left: 7px; /* list-style-image: url(../img/blokje_uit.gif); */ list-style-type: none;}
	#meerinfo li 	{background-image: url(../img/blokje_uit.gif); background-repeat: no-repeat; background-position: 2px 6px;}
	#meerinfo a		{font-weight: normal; padding-left: 10px;}
	
	/* #zoekform form	{float: right; margin: 5px 5px 0px 0px;}
	#zoekform fieldset {width: 165px; margin: 0; padding: 2px 2px 2px 4px;}
	#zoekform legend {margin: 0; padding: 0;}
	#zoekform input, #zoekform select	{font-size: 80%; width: 130px;}
	#zoekform input.button	{width: 25px; color: black; background-color: white; border: 1px solid silver} */
	
	span.zoekterm {font-style: italic;}/*{font-family: courier, serif;}*/
	span.aantres {font-weight: bold;}
	p.listopm {margin-left: 30px; font-style: italic;}
	
	#deco		{text-align: center;}
	#deco img	{margin: 10px 0;}
	
	#knoop				{float: left; /* margin: 5px; width: 610px; */}
	#knoop div.plain, #knoop div.spot	{width: 300px; float: left;}
	#knoop div img		{border: 1px solid #87318A; float: left; margin: 0 10px 10px 0;}
	#knoop div.spot		{background-color: #F4EAF2; width: 639px; /* padding: 10px 0 0 5px; */ border-bottom: 1px solid #87318A;}
	#knoop div.spot .spottekst	{margin: 10px 0 0 10px;}
	#knoop div.spot img	{float: left; margin: 0; border: none; /* margin: 10px; */ margin-right: 20px;}
	#knoop div.plain	{margin: 0 5px 15px 0;}
	#knoop div.rij		{float: left; border-bottom: 1px dotted #E2DEDF; padding-bottom:10px; margin: 10px 5px;}
	#knoop div .meer	{text-align: right;}
	#knoop div p	{margin: 0;}
	#knoop div h2	{margin: 0 auto 10px auto;}
	#knoop div h2, #knoop div h2 a	{color: #ec631b;}
	
	img.winkeldeco	{float: left; margin: 0 10px 10px 0;}
	
	.activiteiten h3	{margin-bottom: 0;}
	.activiteiten ul	{margin: 0; padding-left: 30px;}
	
	form#uwgegevens th	{font-weight: normal;}
	
	/* voor nieuws - activiteiten */
	ul.overzicht	{margin: 0; padding: 0;}
	ul.overzicht li	{border-bottom: 1px solid gainsboro; padding-bottom: 5px;}
	ul.overzicht li.laatste	{border: none;}
	
	ul.sitemap a	{color: black; font-weight: normal;}
	ul.sitemap a:hover {color: #87318A;}
	
	ul.sitemap	{list-style-type: square;}
	ul.sitemap ul	{list-style-type: circle;}
	ul.sitemap ul ul	{list-style-type: disc;}
	ul.sitemap ul ul ul		{list-style-type: square;}
	
/* uitzonderingen links - css3 +-+-+-+-+-+-+-+-+-+-+-+-+-+- */
	#content a[href^="http://"] 
		{background: url(../img/offsite.gif) no-repeat center right;
		padding-right: 14px;}
	
	#content a[href^="http://www.alcoholinfo.nl"],
	#content a[href^="http://alcoholinfo.nl"], a img
		{background: transparent; padding-right: 0;}
				
/* suckerfish menu +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

	#nav				{height: 20px; border: 1px solid #87318A; background-color: #87318A; clear: both}
	#nav, #nav ul 		{padding: 0; margin: 0; list-style: none; line-height: 1;}
	#nav ul				{border: 1px solid #87318A; background-color: white; padding: 2px;}
	#nav a 				{font-weight: bold; font-size: 120%; display: block; 
						/* width: 12em; */ padding: 3px 0; text-decoration: none;}
	#nav li 			{float: left; width: 12em;}
	#nav ul li			{border-bottom: 1px solid silver;}
	#nav ul li.laatste	{border-bottom: none;}
	#nav li ul 			{background-color: whitesmoke; position: absolute; width: 12em; margin: 0; left: -999em;}
	#nav li a			{color: white; text-align: center; border: 1px solid white;}
	#nav li a:hover, #nav li a.current {color: #87318A; background-color: white;}
	#nav li ul a		{color: black; font-weight: normal; /* background-color: white; */ text-align: left; font-size: 95%}
	#nav li ul a:hover	{color: black; background-color: gainsboro;} 
		
	/* plak bug in IE7 - http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/ */
	#nav li:hover, #nav li.hover {position: static;}	
		
	/* uitbreiding voor het derde niveau */
	#nav li ul ul 		{margin: -2em 0 0 10em;}
	#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}

	/* uitzonderingen breedte hoofdmenu */
	#nav li.opt1 a, #nav li.opt1 {width:  63px;}
	#nav li.opt2 a, #nav li.opt2 {width: 137px;}
	#nav li.opt3 a, #nav li.opt3 {width: 102px;}
	#nav li.opt4 a, #nav li.opt4 {width: 117px;}
	#nav li.opt5 a, #nav li.opt5 {width: 142px;}
	#nav li.opt6 a, #nav li.opt6 {width:  72px;}
	#nav li.opt7 a, #nav li.opt7 {width: 141px;}
	
	/* uitzonderingen breedte submenus */
	#nav li.opt1 ul, #nav li.opt1 ul li, #nav li.opt1 ul li a {width: 125px;}
	#nav li.opt2 ul, #nav li.opt2 ul li, #nav li.opt2 ul li a {width: 137px;}
	#nav li.opt3 ul, #nav li.opt3 ul li, #nav li.opt3 ul li a {width: 125px;}
	#nav li.opt4 ul, #nav li.opt4 ul li, #nav li.opt4 ul li a {width: 137px;}
	#nav li.opt5 ul, #nav li.opt5 ul li, #nav li.opt5 ul li a {width: 142px;}
	#nav li.opt6 ul, #nav li.opt6 ul li, #nav li.opt6 ul li a {width: 125px;}
	#nav li.opt7 ul, #nav li.opt7 ul li, #nav li.opt7 ul li a {width: 130px;}