@charset "utf-8";
/* CSS Document */


	html , body  				 { width:100%; height:100%;}
	html						 { background-color: #fff; }
	body						 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
	a							 { text-decoration: none; }
	.clear						 { clear: both; }
	
	h1							 { font-family:Helvetica, Arial, sans-serif; font-size: 26px; color: #209ae0; margin-bottom: 6px; }
	
	h2							 { font-size: 13px; font-weight: bold; color: #000; text-decoration:none; } 
	h2:hover 					 { color: #6abcea }	
	h3							 { font-family:Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #4d4d4d; text-decoration:none;  } 
	h4							 { font-family:Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #209ae0; margin: 4px 0px 4px 0px; }
	
	select.large				{ width: 200px;}
	select.xlarge					{ width: 415px; }
	input.large					{ width: 415px; }
	input.medium				{ width: 235px; }
	input.xsmall				{ width: 128px; }
	input.xxsmall				{ width: 30px; }
	select.small				{ width: 75px; }
		
	input						{ border: 1px solid #999999; }
	select						{ border: 1px solid #999999; }
	
	.noborder					{ border: 0px solid white; }
	#errormessage 				{ background-color: #ffffcc; border: 1px solid Red; color: red; font: 11px Arial, Helvetica, sans-serif; font-weight:bold; padding: 5px; margin: 2px; }


	#container					 { width: 980px; margin: 0 auto; }
	#header						 { height: 87px; }
	#header	#logo				 { float: left; padding-top: 3px; width: 316px; }
	#header	#hoofdmenu			 { float: left; width: 664px; overflow: hidden; padding-top: 35px; }
	#header	#hoofdmenu .menuitem { float: right; padding: 0px 10px 0px 25px; }
 
	#contentcontainer			 { min-height: 190px; background-image:url(../images/contentbg.gif); background-repeat: no-repeat; background-color: #f6f6f6;}
	#tekstholder_repeat			 { margin-left: 8px; margin-top: 60px; background-image:url(../images/tekstholder_repeat.gif); background-repeat:repeat-y; width: 966px; }
	#tekstholder				 { background-image:url(../images/tekstholder_top.gif); background-repeat: no-repeat; width: 966px; }
	#tekstholder .content		 { padding: 10px 15px 0px 15px ; }
	
	#submenu					{ margin: 15px 0px 15px 0px; padding: 1px 0px 1px 0px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}		
	#submenu .submenuitem		{ float: left; padding: 4px 8px 0px 8px; height: 23px;  color: #333333;  font-size: 12px; font-weight: bold; }	
	#submenu .submenuitem a		{ color: #333333;}
	#submenu .selected			{ background-color: #e6e6e6; color: #209ae0; }
	#submenu .submenudivider	{ float: left; width: 20px; }	
	
	#footer					 	{ padding-top: 68px; width: 100%; background-image:url(../images/footer.jpg); background-repeat: no-repeat; background-color: #f2f2f2; }
	#footer .tekst				{ padding: 10px;	}
	
	#footnote					{ padding-top: 35px; text-align: center; }
	#footnote	 a				{ text-decoration: none; color: #333333; }
	
	#contentholder1						{ color: #595959; font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
	#contentholder1	a			 		{ color: #595959; font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-decoration:underline; }
	#contentholder1	.titelholder 		{  color: #209ae0; font-weight: bold; font-size:12px; padding-bottom: 5px; } 
	#contentholder1 .tekstholder 		{ color: #595959 font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
	#contentholder1 .afbeeldingholder 	{ text-align: left;}
	#contentholder1 img  				{ border: 1px solid #209ae0; }
	
	#contentholder2						{ color: #595959; font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
	#contentholder2	a			 		{ color: #595959; font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-decoration:underline; }
	#contentholder2	.titelholder 		{ font-size: 14px; color: #209ae0; font-weight: bold; padding-bottom: 5px; } 
	#contentholder2 .tekstholder 		{ color: #595959 font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
	#contentholder2 .afbeeldingholder 	{ text-align: left;}
	
	#contentholder3						{ color: #595959; font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
	#contentholder3	a			 		{ color: #595959; font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-decoration:underline; }
	#contentholder3	.titelholder 		{ font-size: 14px; color: #209ae0; font-weight: bold; padding-bottom: 5px; } 
	#contentholder3 .tekstholder 		{ color: #595959 font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
	#contentholder3 .afbeeldingholder 	{ text-align: left;}
	
	#contentholder4						{ color: #595959; font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
	#contentholder4	a			 		{ color: #595959; font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-decoration:underline; }
	#contentholder4	.titelholder 		{ font-size: 14px; color: #209ae0; font-weight: bold; padding-bottom: 5px; } 
	#contentholder4 .tekstholder 		{ color: #595959 font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
	#contentholder4 .afbeeldingholder 	{ text-align: left;}
	
	#welkomcontainer						 { position: relative; margin-left: -20px; width: 1024px; height: 642px; background-image: url(../images/welkom_bg.jpg); background-repeat:no-repeat; }
	#welkomcontainer .gekozentype			 {  font-family:Helvetica, Arial, sans-serif; font-size: 24px; color:#FFFFFF; position: absolute; left: 360px; top: 30px; }
	#welkomcontainer .omschrijving			 { color: #FFFFFF; position: absolute; top: 70px; left:420px;}
	#welkomcontainer .uploadeigenfoto		 { position: absolute; top: 200px; left:400px;}
	#welkomcontainer .typeachtergrond 		  {position: absolute; top: 0px; left: 0px;}
	
	#welkomcontainer .kaarttypes			{ position: absolute; top: 2px; left: 785px; width: 210px; }	
	#welkomcontainer .kaarttypes .button	{ padding: 5px 0px 5px 0px }
	#welkomcontainer .kaarttypes .holder	{ height: 205px; overflow: hidden; }
	#welkomcontainer .kaarttypes .type		{ cursor: pointer; width: 200px; height: 37px; color: #8cd8ff; font-size: 17px; padding: 15px 0px 0px 10px; background-image: url(../images/typebg.gif); }
	#welkomcontainer .kaarttypes .selected	{  background-image: url(../images/typebg_selected.gif); color: #fff; }
	
	#welkomcontainer .toelichting  			{ position: absolute; top: 300px; left: 40px; width: 930px; }
			
	#welkomtoelichting .titel				{ color: #000000; font-size: 23px; }
	
	
	#regform					{ position: relative; background-color: #e1e1e4; padding: 0px 0px 10px 0px; }
	#regform .ltop				{ position: absolute; top: 0px; left: 0px; width: 4px; height:4px; background-image: url(../images/regform_ltop.gif); }
	#regform .rtop				{ position: absolute; top: 0px; right: 0px; width: 4px; height:4px; background-image: url(../images/regform_rtop.gif); }
	#regform .lbottom			{ position: absolute; bottom: 0px; left: 0px; width: 4px; height:4px; background-image: url(../images/regform_lbottom.gif); }
	#regform .rbottom			{ position: absolute; bottom: 0px; right: 0px; width: 4px; height:4px; background-image: url(../images/regform_rbottom.gif); }
	.prijs						{ white-space:nowrap; background-color: #FFFFFF; background-image: url(../images/bg_prijs.gif); padding: 6px 4px 0px 10px;  width: 74px; height: 24px; font-weight: bold;font-size: 13px; }

	#selecttype					{ background-image: url(../images/selecttype_bg.gif); width: 443px; overflow-x:hidden; overflow-y: auto; height: 156px; padding: 10px; }
	#selecttype .selected		{color: #209ae0; font-weight: bold; }
	#selectcategorie 			{ background-image: url(../images/selecttype_bg.gif); width: 443px; overflow-x:hidden; overflow-y: auto; height: 156px; padding: 10px;}
	#selectcategorie .selected	{color: #209ae0; font-weight: bold; }

	#templateholder 			{ margin-left: 5px; }
	#template 					{ position:relative; cursor: pointer; text-align:center; vertical-align:middle; float: left; width: 180px; height:180px; margin-right: 5px; margin-bottom: 20px; background-image: url(../images/bgtemplate.gif); }
	#template .afbeelding		{ width:100%; height: 130px; }
	#template .naam				{ color: #209ae0; font-size: 14px; font-weight: bold; }
	#template .options			{ float: right; padding: 10px; margin-top: -3px; }
	#template .vergroten 		{ position: absolute; right: 5px; top: 5px; }
	#template .roteren  		{ position: absolute; right: 5px; top: 30px; }
				
	#templatesel 				{ position:relative; cursor: pointer; text-align:center; vertical-align:middle; float: left; width: 180px; height:180px; margin-right: 5px; margin-bottom: 20px; background-image: url(../images/bgtemplate_selected.gif); }
	#templatesel .afbeelding	{ width:100%; height: 130px; }
	#templatesel .naam			{ color: #fff; font-size: 14px; font-weight: bold; }
	#templatesel .options		{ float: right; padding: 10px; margin-top: -3px; }			
	#templatesel .vergroten { position: absolute; right: 5px; top: 5px; }
	#templatesel .roteren { position: absolute; right: 5px; top: 30px; }
				
	#typescroll 			{ position: relative; margin: 3px 0px 3px 0px; overflow:hidden; width: 340px; height: 200px;}

	/* Instructie film */
	
.hulpnodig							 { cursor: pointer; margin: 0 auto; width: 470px; height:120px; }
.black_overlay  					{		background-color:#000000;		display:none;		height:100%;		left:0;		opacity:0.8;		position:fixed;		top:0;		width:100%;		z-index:1001;}
.divEditor  						{background-color:#FFFFFF;display:block;left:15%;overflow:auto;position:fixed;top:1200px;z-index:1002;border:2px solid #49bdec;width:725px;height: 530px;}
#instructiefilmholder .header 		{ height: 30px; }
#instructiefilmholder .title 		{ font-size: 14px; font-weight: bold; float: left; padding: 5px 0px 0px 10px; }
#instructiefilmholder .right 		{ font-size: 13px; font-weight: bold; float: right; padding: 5px 10px 0px 10px; }
#instructiefilmholder .right a 		{ font-size: 13px; font-weight: bold; }
#instructiefilmholder .iframe_video { }
	
#home_postit 						{ position: absolute; left: 650px; top: -60px; width: 283px; height: 120px; background-image: url(../images/postit.png); overflow: hidden; }
#home_postit .regel1 				{   text-align:center; font-size: 22px; line-height:20px; color: #2095db; padding-bottom:0px; }
#home_postit .regel2 				{ font-size: 13px; text-align:center; color: #808080; font-style:italic; }
#home_postit .content				{ padding: 15px 5px 5px 5px; }