/* basics -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	body, form *	{font-family: Arial}
	table,p			{font-size: 100%;}
	body	{font-size: 80%; margin: 0; padding: 0; background-color: #ebeef3; color: #2d2d2d;}
/* layout elementen -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	#canvas	{background: white /*url('img/nav/subnav_bg_shim.png') repeat-x left 110px;*/}
	#inner	{margin: 0 auto; width: 950px;}
		#header	{position: relative; height: 100px;}
			#logo	{background: url('img/logo_zzp.gif') no-repeat top left;
				display: block; width: 201px; height: 88px;
				position: absolute; left: 0; top: 10px;}
			/*Meta menu*/
			#metamenu	{position: absolute; right: 3px; top: 0; height: 76px; top: -13px;}
			#metamenu li	{display: block; float: left; height: 76px; color: white;
				font-weight: normal; text-transform: uppercase; font-size: 0.9em;
				background: url('img/topnav_bg_shim.gif') repeat-x top left; margin-right: 1px;}
			#metamenu li.eerste {background: url('img/topnav_bg_L.gif') no-repeat top left; width: 7px; margin-right: 0;}
			#metamenu li.kaal	{margin-right: 0;}
			#metamenu li.laatst {background: url('img/topnav_bg_R.gif') no-repeat top right; width: 6px;}
			#metamenu li div	{margin: 50px 10px 0 5px;}
			#metamenu a {color: white;}
			#metamenu a:hover {color: #000;}
			/*Main menu*/
			#mainmenu {margin: 20px 0; padding: 0;}
			#mainmenu li {margin: 0; padding: 3px 0; list-style-type: none; border-bottom: 1px solid #7bc8e2; width: 267px;}
			#mainmenu li a, #mainmenu ul a {font-family: "tilden-sans-light-1","tilden-sans-light-2",sans-serif; color: #0679a2; font-size: 1.5em;}
			#mainmenu li a:hover, #mainmenu ul a:hover {color: #000;}
			#mainmenu li.curr a {color: #0679a2; font-weight: bold;}
			#mainmenu li.curr a:hover {color: #000; font-weight: bold;}
			#mainmenu ul.tonen	{margin: 5px 10px 5px 15px; padding: 0;}
			#mainmenu ul.tonen li	{margin: 0 !important; padding: 0 !important; border-bottom: 1px dotted #7bc8e2;}
			#mainmenu ul.tonen li.laatste	{margin: 0 !important; padding: 0 !important; border-bottom: none !important;}
			#mainmenu li.curr ul li a {color: #0679a2; font-weight: normal;}
			#mainmenu li.curr ul li a:hover {color: #000; font-weight: normal;}
	#content	{}
		#trailer	{background: url('img/footer_shim.gif') no-repeat top left;}
		/*#trailer #overlay	{background: url('img/home_fototekstbg_shim.png') repeat-x top left;
			height: 215px; padding: 10px; width: 265px; float: right; color: white;}*/
		#container	{overflow: auto; padding: 10px 0}
			#side	{float: left; width: 250px; padding: 0 15px 0 0;}
			#text	{float: left; width: 645px; padding: 0 15px 15px 25px;}
	#footer	{background: url('img/footer_shim.gif') repeat-x top left;}
		#footer ul	{text-align: center; padding: 10px 0 20px 0;}
		#footer ul li	{padding: 0 5px;}
	 #footer a	{color: #0679a2; text-decoration: none; font-size: 0.9em;}
	#footer li	{border-right: 1px solid #3e669b; padding-right: 7px}
	#footer li.laatste	{border: none !important; background-image: none !important}
	ul.betaallogos {margin: 0; padding: 0;}
	ul.betaallogos li	{display: inline; list-style-type: none; list-style-image: none}
/*------------overlay tekst in header-------------*/
	#overlay H1{
		padding-bottom: 5px;
		margin-top: 0;
		margin-bottom: 5px;
		font-size: 150%;
		font-weight: normal;
		font-variant: small-caps;
		color: #ebeff4;
		border-bottom: 1px solid #cdd4dc;
	}
	#overlay p{
		margin: 0;
		padding: 5px 0;
		border-bottom: 1px dotted #cdd4dc;
	}
	#overlay p a{
		font-weight: bold;
		color: #feaa01;
	}
	#overlay p a:hover{
		color: #ffe001;
	}
	/*Logo parade*/
	#logoParade
	{
		width: 728px;
		height: 75px;
		position: relative;
	}
	#logoParade div.scrollableArea *
	{
		float: left;
		padding-left: 10px;
	} h1, h2		{color: #333}
h1	{font-size: 150%;}
h2	{font-size: 120%;}
h3	{font-size: 100%;}
th		{text-align: left; font-weight: bold}
td,th	{vertical-align: top}
table form th	{font-weight: normal}
form		{margin: 0; padding: 0; border: 1px solid #cdd4dc; background-color: #eff2f6; color: #576975;}
fieldset	{border: none; margin: 0 0 10px 0; overflow: auto;}
fieldset legend {font-weight: bold;}
input, select, textarea {border: 1px solid #abb4ba; width: 300px; margin: 0; padding: 0;}
input{height: 20px;}
.radio, .checkbox {width: auto; height: auto;}
.verplicht {color: #f90213;}
#formulierdheader {
		color: #576975;
		font-size: 130%;
		font-weight: bold;
		background-image: url('img/aanmeldform_bghead.gif');
		width: 246px;
		height: 29px;
		text-align: center;
		line-height: 29px;
	}
form dl, dl.naastelkaar 	{overflow: auto}
form dl dt, dl.naastelkaar dt
	{clear: both; width: 150px; float: left;}
form dl dd, dl.naastelkaar dd
	{float: left; width: 66%; margin: 0 0 5px 0; padding: 0;}
form dt {text-align: right; margin-right: 10px;}
form .zoekformulier {border: 1px solid #abb4ba; width: 100px; margin: 0; padding: 0;}
a			{color: #0679a2;; text-decoration: none;}
a:visited	{text-decoration: none;}
a:hover		{text-decoration: none;}
a:active	{}
a img	{border: none;}
.button	{border: 1px solid black;}
hr	{height: 1pt; noshade; color: gainsboro;}
.even	{background-color: white}
.oneven	{background-color: whitesmoke}
ul.liggend	{margin: 0; padding: 0;}
ul.liggend li	{display: inline; list-style-type: none; list-style-image: none}
ul.invis	{margin: 0; padding: 0;}
ul.invis li	{list-style-type: none;}
.links	{float: left;}
.rechts	{float: right;}
.hidden	{display: none;}
.shownone {display: hidden;}
.show {display: block;}
.klein	{font-size: 0.9em;}
.subtiel, .subtiel a {color: #bebebe}
.feedback	{color: red;}
.verplicht {color: red;}
.geenscript {color: red; font-size: 1.1em;}
.copyright {color: #9d9d9d; font-size: 0.8em;}
.wachtwoordvergeten, .wachtwoordvergeten a, .wachtwoordvergeten a:visited  {color: red; font-size: 0.9em; text-align: right;}
/* door de maintenance toegekend bij uitlijnen imgs.
plaats desgewenst andere padding of borders. */
.imglinks	{float: left; margin: 0 10px 10px 0;}
.imgrechts	{float: right; margin: 0 0 10px 10px;}
/* voor skip to content link */
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;}
.deepak {border: 1px solid red;} /* Homepage +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	#aanvragen	{background: url('img/banner_actie.png') no-repeat top left;
		display: block; width: 221px; height: 197px;}
	#aanvragen:hover	{background-image: url('img/banner_actie_over.png');}
	#loginform	{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
		color: #ffffff; border: 1px solid #ced5dd; padding: 10px; margin: 10px 0; width: 210px !important;}
	#loginform fieldset	{margin: 0; padding: 0;}
	#loginform legend	{color: #595A5B; text-align: center;}
	#loginform input {width: 80px; height: 15px; margin-top: 4px;}
	#loginform .radio {width: auto; height: auto;}
	#loginform {border: 0px solid red !important; position: relative; top: -50px !important; right: 0px !important;}
/* FAQ +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
	.faq {width: 640px; border-bottom: solid 1px #c4c4c4; margin-left: 15px;}
	.faq h3 {
		background: #e9e7e7 url(img/categorie8_headbg.gif) no-repeat right -42px;
		height: 30px;
		padding-left: 30px;
		margin: 0;
		font: bold small-caps 100% Arial, Helvetica, sans-serif ;
		color: #656667;
		border-bottom: solid 1px #fff;
		cursor: pointer;
		}
	.faq h3:hover {color: #333;}
	.faq h3.active {background-position: right 0px;}
	.faq h3 span{line-height: 30px;}
	.faq p {background: #f7f7f7; margin: 0; padding: 10px 15px 20px;
		border-left: solid 1px #c4c4c4;	border-right: solid 1px #c4c4c4; display: none;}
/* Deelnemende bedrijven +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
	.bedrijven {
		width: 640px;
		margin-left: 15px;
		background: #ebeff4;
		overflow: auto;
		border: 0px solid #cfd1d2;
		border-top: none;
		}
	.bedrijven h3 {
		height: 30px;
		padding-left: 30px;
		margin: 0;
		font: bold small-caps 100% Arial, Helvetica, sans-serif ;
		color: #656667;
		border-bottom: solid 1px #fff;
		cursor: pointer;
		}
		.bedrijven h3.regel1	{background: url(img/categorie1_headbg.gif) no-repeat right -42px;}
		.bedrijven h3.regel2	{background: url(img/categorie2_headbg.gif) no-repeat right -42px;}
		.bedrijven h3.regel3	{background: url(img/categorie3_headbg.gif) no-repeat right -42px;}
		.bedrijven h3.regel4	{background: url(img/categorie4_headbg.gif) no-repeat right -42px;}
		.bedrijven h3.regel5	{background: url(img/categorie5_headbg.gif) no-repeat right -42px;}
		.bedrijven h3.regel6	{background: url(img/categorie6_headbg.gif) no-repeat right -42px;}
		.bedrijven h3.regel7	{background: url(img/categorie7_headbg.gif) no-repeat right -42px;}
		.bedrijven h3.regel8	{background: url(img/categorie8_headbg.gif) no-repeat right -42px;}
	.bedrijven h3:hover {
		color: #333;
		}
	.bedrijven h3.active {
		background-position: right 0px;
		}
	.bedrijven h3 span{
		line-height: 30px;
		}
	.bedrijven p {
		width: 638px;
		border: 1px solid #ebeff4;
		margin-top:0;
		display: none;
		overflow: hidden;
	}
	.bedrijven p a{
		float: left;
		display: block;
		padding: 3px;
		margin: 6px 3px 3px 3px;
		width: 144px;
		height: 105px;
		overflow: hidden;
		border: 1px solid #cfd1d2;
		background: #fff;
		text-align: center;
		}
	.bedrijven p img{
		clear: both;
		border: none;
		}
	.bedrijven p .img {display: block; height:57px;}
	.kortingstekst{
		text-align: center;
		margin: 5px;
		font-size: 80%;
		border: 0px solid red;
		}
/*-------------bedrijven detailpagina-----------------*/
	.detaillogo {
		padding: 10px;
		margin: 2px 0;
		float: right;
		border: 1px solid #cfd1d2;
		}
	.detailtekst {
		line-height: 120%;
		}
	.detailtekst a {
		font-weight: bold;
		}
	.kortingsactie{
		background: url('img/kortingsactie_bgshim.gif');
		/*background: #ffcc66;*/
		border: 1px solid #cfd1d2;
		padding: 10px;
		}
/*-------------zoekresultaat-----------------*/
	ul#zoekresult	{margin: 0; padding: 0;}
	ul#zoekresult li	{border: 1px solid gainsboro; overflow: hidden; position: relative;
		list-style-type: none; padding: 5px 10px; margin-bottom: 10px;}
	ul#zoekresult li:hover	{background-color: #ebeff4;}
	ul#zoekresult li p	{margin: 0; padding: 0;}
	ul#zoekresult li p.img	{float: right; margin-left: 15px;}
	ul#zoekresult li p.naw	{color: steelblue; margin-bottom: 5px;}
	ul#zoekresult li a	{display: block; width: 100%; height: 100%;
		position: absolute; top: 0; left: 0; z-index: 10;
	   /* ivm aanklikbaarheid IE: */ background: white; opacity: 0; filter: alpha(opacity = 0);}
	ul#zoekresult li a span	{display: none;}
/*-------------div teksten (act=teksten)-----------------*/
	#aanvragen-dedrijven	{background: url('img/banner_aanm_bedr.png') no-repeat top left;
		display: block; width: 221px; height: 197px; float: left;}
	#aanvragen-dedrijven:hover	{background-image: url('img/banner_aanm_bedr_over.png');}
		#aanvragen-zzp	{background: url('img/banner_aanm_zzp.png') no-repeat top left;
		display: block; width: 221px; height: 197px; float: left; margin-left: 50px;}
	#aanvragen-zzp:hover	{background-image: url('img/banner_aanm_zzp_over.png');}
/*---------------Menu links ingelogd------------------------*/
#menulinks	{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
		color: #595A5B; border: 1px solid #ced5dd; padding: 10px; margin: 10px 0; width: 201px; background-color: #eff2f6;}
/* easy tooltip voor iconenbar */
#easyTooltip{
	padding:5px;
	border:1px solid #ccc;
	background:#eff2f6;
	/*background: url('img/kortingsactie_bgshim.gif');*/
	width: 250px;
}
/*Twitter berichten*/
#twittertop {
	background: url('img/twitterblokbg_top.gif') no-repeat top center;
	width: 267px;
	height: 6px;
	margin: 0;
}
#twittercontent {
	display: block;
	width: 267px;
	background: url('img/twitterblokbg_shim.gif') repeat-y top center;
	overflow: auto;
	margin: 0;
}
#twittercontent h1 {
	color: #535a5f;
	margin-left: 10px;
	position: relative;
	top: -5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7bc8e2;
	width: 95%;
	padding-bottom: 5px;
	/*background: url('img/icon_twitter.gif') no-repeat right center;*/
	font-size: 1.5em;
}
#twittercontent p {
	color: #2d2d2d;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7bc8e2;
	width: 95%;
	margin: 5px 0 0 10px;
	padding-bottom: 7px;
	line-height: 17px;
}
#twittercontent p a {
	color: #3472bf;
	font-weight: normal;
}
#twitter-icon {
	background: url('img/icon_twitter.gif') no-repeat top center;
}
#twitterfooter {
	display: block;
	background: url('img/twitterblokbg_foot.gif') no-repeat top center;
	width: 267px;
	height: 6px;
	text-align: center;
}
#follow-placeholder {
	text-align: center;
	padding-top: 10px;
	margin: 115px 17px;
}
.klein {
	font-size: 0.8em;
}
#contactbeschrijving, #akkoordmetautoaf {display: none;}
#akkoordmetautoaf, #noscriptwarning {border: 1px solid red; margin: 10px 0; padding: 10px; font-weight: bold; }
/*Abo overzicht*/
 table.abotabel td {
 	border: 1px solid #ccc;
 }
 #aboverloopt {border: 1px solid red; margin: 10px 0; padding: 10px; font-weight: bold; text-align:center; } button	{background-repeat: no-repeat; background-position: top left; height: 25px; border: none;}
button span	{display: none}
button.inloggen	{float: right; margin-right: 10px; background-image: url('img/buttons/button_login.png'); width: 97px;}
button.inloggen:hover	{background-image: url('img/buttons/button_login_over.png');}
button.aanmelden	{margin-top: 15px; background-image: url('img/buttons/button_aanvragen.png'); width: 97px;}
button.aanmelden:hover	{background-image: url('img/buttons/button_aanvragen_over.png');}
button.verzenden	{margin-top: 15px; background-image: url('img/buttons/verzendbutton.png'); width: 97px;}
button.verzenden:hover	{background-image: url('img/buttons/verzendbutton_over.png');}
button.nieuwsbriefaanmelden	{margin-top: 15px; background-image: url('img/buttons/btn_aanmelden.png'); width: 97px;}
button.nieuwsbriefaanmelden:hover	{background-image: url('img/buttons/btn_aanmelden_over.png');} /* voor tagging */
ul.tagcloud {margin: 0; padding: 0; font-size: 90%; margin-left: 40%;}
ul.tagcloud li {display: inline;}
ul.tagcloud li a {text-decoration: none; font-weight: normal; color: #737373;}
ul.tagcloud li a:hover {color: black;}
ul.tagcloud li.not-popular { font-size: 1em; }
ul.tagcloud li.not-very-popular { font-size: 1.2em; }
ul.tagcloud li.somewhat-popular { font-size: 1.4em; }
ul.tagcloud li.popular { font-size: 1.6em; }
ul.tagcloud li.very-popular { font-size: 1.8em; }
ul.tagcloud li.ultra-popular { font-size: 2.0em; }
ul.tagcloud li.selected {font-weight: bold;}
ul.no-margin {margin-left: 0; }
#metamenu form {width: 180px; background: url('img/topnav_bg_shim.gif') repeat-x top left; border: none;}
#metamenu form input {width: 110px; border: none;}
/* */
#tagsearch form {background: red;}
#tagger { position: relative;}
#tags {width: 90%;}
#knowntags, #knowntags li {margin: 0; padding: 0;}
#knowntags {
	position: absolute;
	display: block;
	margin: 0; padding: 0;
	background: whitesmoke;
	border: 1px solid silver;
	width: 150px; height: 107px; overflow: auto;
	list-style-type: none;
	left: 0; z-index: 1000;
}
#knowntags li {padding: 0.2em 0.5em; display: block;}
#knowntags li.selected {background: gainsboro;}
#knowntags.hidden {visibility: hidden;}