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



/*************/
/*** 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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0px; padding:0px;}



/************/
/*** body ***/
/************/
html { height:100%;}
body { background:#359db7; height:100%; color:#1e0452; font-family:Verdana,Geneva,Kalimati,sans-serif; font-size:12px;}

	/*** standaard ***/
	ul { list-style:none;}
	img, fieldset { border:0px;}
	.clear { clear:both;}
	a { color:#1e0452; font-weight:bold; }



/***************/
/*** wrapper ***/
/***************/
#wrapper { position:relative; background:#60cae4 url(/images/content_bg.png) repeat-y left; width:770px; min-height:100%; height:auto !important; height:100%; margin:0 auto; border-left:1px solid #1e0452; border-right:1px solid #1e0452;}
#wrapperBreed { position:relative; background:#daf2f8; width:770px; min-height:100%; height:auto !important; height:100%; margin:0 auto; border-left:1px solid #1e0452; border-right:1px solid #1e0452;}



/**************/
/*** header ***/
/**************/
#header { position:relative; float:left; background:url(/images/header_bg.png) no-repeat; width:770px; height:22px; padding:110px 0px 0px 0px; z-index:2;}

	/*** logo ***/
	#header h1 { position:absolute; left:6px; top:6px; background:url(/images/logo.png) no-repeat; width:357px; height:98px; text-indent:-100000px; overflow:hidden;}
	
	/*** menuBar ***/
	ul#menuBar { float:right; background:#1e0452; width:636px; height:21px; border-top:1px solid #FFF;}
	ul#menuBar li { position:relative; float:left; border-left:1px solid #FFF;}
	ul#menuBar li.first { border:none;}
	ul#menuBar li a { display:block; padding:3px 19px 2px 19px; color:#FFF; text-decoration:none; font-weight:normal; font-size:11px;}
	ul#menuBar li a:hover, ul#menuBar li.active a, ul#menuBar li:hover a, ul#menuBar li.hover a { color:#60cae4; font-weight:normal; }
	
		/*** subMenu ***/
		ul#menuBar li ul { display:none; position:absolute; left:-1px; top:18px; background:#1e0452; width:auto; border-top:1px solid #FFF;}
		ul#menuBar li ul li { float:none; border:1px solid #FFF; border-top:none;}
		ul#menuBar li:hover ul li a, ul#menuBar li.hover ul li a { color:#FFF; padding:1px 20px 1px 2px;}
		ul#menuBar li:hover ul li a:hover, ul#menuBar li.hover ul li a:hover { color:#60cae4;}
		
		ul#menuBar li:hover ul, ul#menuBar li.hover ul { display:block;}
		



/***************/
/*** content ***/
/***************/
#content { float:left; width:770px; padding:0px 0px 53px 0px; display:inline; z-index:1;}


	/*** sideBar ***/
	.sideBar { float:left; width:133px; display:inline;}
	
		/*** sideBox ***/
		.sideBox { float:left; background:url(/images/sideBox_bg_bottom.png) no-repeat bottom left; width:133px; padding:15px 0px 15px 0px; display:inline; text-align:center;}
		
		/*** sideMenu ***/
		ul.sideMenu { float:left; width:133px;}
		ul.sideMenu li { float:left; width:120px; padding:15px 6px 0px 7px;}
		ul.sideMenu li a { display:block; text-decoration:none; font-weight:normal; }
		ul.sideMenu li a span { display:block; width:120px; color:#FFF; font-weight:bold; text-align:justify; cursor:pointer;}
		
	
	/*** contentVak ***/
	.contentVak { position:relative; float:right; width:636px; display:inline;}
	
		/*** titel ***/
		.contentVak h2 { float:left; display:block; background:url(/images/contentVak_h2_bg.png) no-repeat 10px 9px; width:601px; color:#ff9966; font-size:15px; padding:15px 0px 15px 35px;}
		
		/*** print ***/
		.contentVak a.print { position:absolute; font-weight:normal; right:5px; top:6px; display:block; background:url(/images/contentVak_print_button.png) no-repeat; width:22px; height:25px; text-indent:-100000px; overflow:hidden;}
		
		/*** lead ***/
		.contentVak p { display:block; padding:0px 0px 20px 10px;}
		.contentVak p.lead { float:left; display:block; width:626px; padding:0px 0px 20px 10px; color:#666; font-weight:bold;}
		
		/*** reisItem ***/
		.reisItem { position:relative; float:left; width:625px; min-height:129px; height:auto !important; height:129px; margin:0px 0px 10px 5px; display:inline; border:1px solid #330066;}
		
			/*** foto ***/
			.reisItem img { float:left; margin:6px 0px 5px 4px; width: 170px; max-height: 113px; display:inline; border:1px solid #ccc;}
			
			/*** titel ***/
			.reisItem h3 { float:right; display:block; width:434px; padding:7px 0px 16px 0px; color:#ff9966; font-size:13px;}
			
			/*** tekst ***/
			.reisItem p { float:right; display:block; width:434px; padding:0px 0px 13px 0px; display:inline;}
			
			/*** meer ***/
			.reisItem a.meer { position:absolute; right:10px; bottom:21px; color:#1e0452; font-weight:bold;}



/**************/
/*** footer ***/
/**************/
#footer { position:absolute; left:0px; bottom:0px; width:770px; height:30px; padding:14px 0px 0px 0px; overflow:hidden;}	

	/*** footerMenu ***/
	ul.footerMenu { width:634px; padding:0px 0px 0px 136px;}	
	ul.footerMenu li { float:left; background:url(/images/footerMenu_bg_right.png) no-repeat right; height:20px; margin:0px 0px 0px 6px; display:inline;}	
	ul.footerMenu li a { float:left; display:block; background:url(/images/footerMenu_bg_left.png) no-repeat left; height:17px; padding:3px 10px 0px 10px; color:#1e0452; text-decoration:none; font-weight:normal; white-space:nowrap;}

/**************/
/*** subheader ***/
/**************/
#subheader { left:0px; bottom:0px; width:770px; height:30px; overflow:hidden;}	

	/*** subheaderMenu ***/
	ul.subheaderMenu { width:634px; padding:0px 0px 0px 2px;}	
	ul.subheaderMenu li { float:left; background:url(/images/footerMenu_bg_right.png) no-repeat right; height:20px; margin:0px 0px 0px 6px; display:inline;}	
	ul.subheaderMenu li a { float:left; display:block; background:url(/images/footerMenu_bg_left.png) no-repeat left; height:17px; padding:3px 10px 0px 10px; color:#1e0452; text-decoration:none; font-weight:normal; white-space:nowrap;}






/******************************************************************************/
/*** 02-detail ****************************************************************/
/******************************************************************************/
/*** detailText ***/
.detailText { float:left; width:440px; padding:0px 0px 0px 10px; display:inline;}

	/*** tekst ***/
	.detailText p { display:block; padding:0px 0px 16px 0px;}

/*** detailFotos ***/
.detailFotos { float:right; width:175px; display:inline;}

	/*** foto ***/
	.detailFotos img { float:left; margin:0px 0px 6px 0px; width: 170px; max-height: 113px; display:inline; border:1px solid #ccc;}






/******************************************************************************/
/*** 03-dataenprijzen *********************************************************/
/******************************************************************************/
/*** wrapperBreed ***/
#wrapperBreed ul#menuBar { width:770px;}
#wrapperBreed ul#menuBar li a { padding:3px 30px 2px 30px; font-weight:normal; }
#wrapperBreed ul#menuBar li:hover ul li a, #wrapperBreed ul#menuBar li.hover ul li a { color:#FFF; padding:1px 20px 1px 2px;}
#wrapperBreed ul#menuBar li:hover ul li a:hover, #wrapperBreed ul#menuBar li.hover ul li a:hover { color:#60cae4;}
#wrapperBreed .contentVak { width:770px;}
#wrapperBreed .contentVak h2 { width:735px;}
#wrapperBreed ul.footerMenu { width:659px; padding:0px 0px 0px 111px;}

/*** statusbar ***/
ul.statusbar { float:left; width:738px; margin:0px; padding:0px 0px 20px 32px;}
ul.statusbar li { float:left; margin:0px 0px 0px 30px; display:inline;}
ul.statusbar li a { font-weight:normal; display:block; background:url(/images/statusbar_sprite.png) no-repeat; height:88px; text-indent:-100000px; overflow:hidden;}

	/*** sprite ***/
	ul.statusbar li a.data { font-weight:normal; background-position:0px 0px; width:153px;}
	ul.statusbar li a.opties { font-weight:normal; background-position:-190px 0px; width:178px;}
	ul.statusbar li.active a.opties { font-weight:normal; background-position:-190px -88px;}
	ul.statusbar li a.boeken { font-weight:normal; background-position:-396px 0px; width:108px;}
	ul.statusbar li.active a.boeken { font-weight:normal; background-position:-396px -88px;}
	ul.statusbar li a.overzicht { font-weight:normal; background-position:-536px 0px; width:127px;}
	ul.statusbar li.active a.overzicht { font-weight:normal; background-position:-536px -88px;}
	
/*** boekingsBox ***/
.boekingsBox { float:left; background:#FFF; width:758px; margin:0px 5px 5px 5px; border:1px solid #999; display:inline;}

	/*** titel ***/
	.boekingsBox h3 { display:block; background:#1e0452; width:748px; padding:7px 0px 7px 10px; border-bottom:1px solid #999; color:#FFF; font-size:12px;}
	
	/*** meldingen ***/
	.boekingsBox ul.meldingen { float:left; background:url(/images/boekingsBox_legenda_meldingen.png) no-repeat 20px 30px; width:266px; padding:7px 0px 20px 20px;}
	.boekingsBox ul.meldingen li { float:left; display:block; width:248px; height:14px; padding:7px 0px 0px 18px; font-size:11px;}
	.boekingsBox ul.meldingen li.head { height:auto; padding:0px 0px 4px 0px; color:#ff9966; font-size:12px; font-weight:bold;}
	
	/*** vervoer ***/
	.boekingsBox ul.vervoer { float:left; background:url(/images/boekingsBox_legenda_vervoer.png) no-repeat 0px 30px; width:259px; padding:7px 0px 20px 0px;}
	.boekingsBox ul.vervoer li { float:left; display:block; width:221px; height:14px; padding:7px 0px 0px 38px; font-size:11px;}
	.boekingsBox ul.vervoer li.head { height:auto; padding:0px 0px 4px 0px; color:#ff9966; font-size:12px; font-weight:bold;}
	
	/*** verblijf ***/
/**	.boekingsBox ul.verblijf { float:left; background:url(/images/boekingsBox_legenda_verblijf.png) no-repeat 0px 30px; margin:0px; padding:7px 0px 20px 0px;} **/
	.boekingsBox ul.verblijf { float:left; no-repeat 0px 30px; margin:0px; padding:7px 0px 20px 0px;}
/**	.boekingsBox ul.verblijf li { display:block; margin:0px; padding:7px 0px 0px 38px; height:23px; font-size:11px;} **/
	.boekingsBox ul.verblijf li { display:block; margin:0px; padding:7px 0px 0px 0px; height:23px; font-size:11px;}
	.boekingsBox ul.verblijf li.head { height:auto; padding:0px 0px 4px 0px; color:#ff9966; font-size:12px; font-weight:bold;}
	.boekingsBox ul.verblijf li span { float:left; display:block; width:13px;}
	.boekingsBox ul.verblijf li em { float:left; width:130px; display:block; font-style:normal;}
	
	/*** data ***/
	table.data { width:758px; font-size:11px;}
	table.data td { height:33px; padding:0px 3px 0px 3px; border-top:1px solid #daf2f8;}
	table.data td img { padding:0px 0px 0px 1px;}
	table.data td a.boek { font-weight:normal; display:block; background:url(/images/submit-boek.gif) no-repeat; height:20px; text-indent:-100000px; overflow:hidden;}
	table.data td a.boekvol { font-weight:normal; display:block; background:url(/images/submit-boek.gif) no-repeat; height:20px; text-indent:-100000px; overflow:hidden; opacity:0.6;filter:alpha(opacity:60); cursor: default !important;}
	
		/*** head ***/
		table.data tr.head td { padding:0px 6px 0px 3px; color:#ff9966; font-size:12px; font-weight:bold; border:none;}
	
/*** boekingsKolom ***/
.boekingsKolom { float:left; background:#FFF; width:376px; margin:0px 0px 5px 5px; border:1px solid #999; display:inline;}

	/*** titel ***/
	.boekingsKolom h3 { display:block; background:#1e0452; width:366px; padding:7px 0px 7px 10px; border-bottom:1px solid #999; color:#FFF; font-size:12px;}
	
	/*** inbegrepen ***/
	.boekingsKolom ul.inbegrepen { width:356px; padding:10px 0px 10px 10px;}
	.boekingsKolom ul.inbegrepen b { color:#ff9966;}






/******************************************************************************/
/*** 04-bijboeken *************************************************************/
/******************************************************************************/
form.bijboeken fieldset { float:left; width:770px;}

	/*** kolommen ***/
	.links { float:left; width:383px; display:inline; overflow:hidden;}
	.rechts { float:left; width:383px; display:inline; overflow:hidden;}
	.rechts .boekingsKolom { margin:0px 0px 5px 4px;}
	
		/*** opties ***/
		form.bijboeken .opties { width:366px; padding:0px 0px 10px 0px;}
		form.bijboeken .opties strong { float:left; display:block; width:356px; padding:10px 0px 2px 10px; color:#ff9966;}
		form.bijboeken .opties p { float:left; padding:0px 0px 0px 10px;}
		
			/*** veld ***/
			form.bijboeken .opties .veld { position:relative; float:left; width:318px; padding:2px 0px 2px 48px;}
			form.bijboeken .opties .veld input { position:absolute; left:20px; top:0px;}
			form.bijboeken .opties .veld span { float:left; display:block; width:211px;}
			form.bijboeken .opties .veld i { float:left; display:block; font-style:normal;}
			form.bijboeken .opties .veld em { float:left; display:block; width:93px; text-align:right; font-style:normal;}

			/*** break ***/
			form.bijboeken .opties .break { padding:2px 0px 20px 48px;}
			
		/*** gezinssamenstelling ***/
		form.bijboeken .gezinssamenstelling { width:366px; padding:10px 0px 10px 0px;}
		
			/*** tekst ***/
			form.bijboeken .gezinssamenstelling p { padding:0px 0px 5px 7px;}
			form.bijboeken .gezinssamenstelling b { color:#ff9966;}
			
			/*** kindgegevens ***/
			form.bijboeken table.kindgegevens { width:366px;}
			form.bijboeken table.kindgegevens td { padding:0px 0px 5px 7px;}
			
				/*** voornaam ***/
				form.bijboeken table.kindgegevens td.voornaam { width:119px;}
				form.bijboeken table.kindgegevens td.voornaam input { width:111px; height:18px; padding:0px 3px 0px 3px; border:1px solid #ccc; color:#666;}
				
				/*** dag ***/
				form.bijboeken table.kindgegevens td.dag { width:53px;}
				form.bijboeken table.kindgegevens td.dag select { width:53px; color:#666;}
				
				/*** maand  ***/
				form.bijboeken table.kindgegevens td.maand { width:88px;}
				form.bijboeken table.kindgegevens td.maand select { width:88px; color:#666;}
				
				/*** jaar ***/
				form.bijboeken table.kindgegevens td.jaar { width:60px;}
				form.bijboeken table.kindgegevens td.jaar select { width:60px; color:#666;}
				
				/*** delete ***/
				form.bijboeken table.kindgegevens td.delete input { background:url(/images/bijboeken_gezinssamenstelling_delete.png) no-repeat; width:16px; height:16px; border:none; cursor:pointer;}
		
		/*** reisgegevens ***/
		form.bijboeken table.reisgegevens { float:left; width:366px; margin:10px 0px 20px 0px;}
		form.bijboeken table.reisgegevens td { padding:0px 0px 8px 7px;}
		
		/*** reissom ***/
		form.bijboeken .reissom { float:left; width:356px; margin:0px 10px 0px 10px; padding:0px 0px 15px 0px; border-bottom:1px solid #daf2f8; font-weight:bold; display:inline;}
		form.bijboeken .reissom span { float:left; display:block; width:180px; padding:0px 0px 0px 0px;}
		form.bijboeken .reissom em { float:left; display:block; width:39px; font-style:normal;}
		form.bijboeken .reissom i { float:left; display:block; font-style:normal;}
		form.bijboeken .reissom strong { float:left; display:block; width:117px; text-align:right;}
		
		/*** totalen ***/
		form.bijboeken .totalen { float:left; width:376px; padding:10px 0px 10px 0px; display:inline;}
		
			/*** titel ***/
			form.bijboeken .totalen strong { float:left; width:366px; padding:0px 0px 5px 10px; display:inline;}
			
			/*** tekst ***/
			form.bijboeken .totalen p { padding:0px 0px 5px 10px;}
		
			/*** onderdeel ***/
			form.bijboeken .onderdeel { float:left; width:366px; padding:0px 0px 5px 0px; display:inline;}
			form.bijboeken .onderdeel span { float:left; display:block; width:180px; padding:0px 0px 0px 10px;}
			form.bijboeken .onderdeel span.extra { padding:1px 0px 0px 10px; font-size:11px; font-style:italic;}
			form.bijboeken .onderdeel em { float:left; display:block; width:39px; font-style:normal;}
			form.bijboeken .onderdeel i { float:left; display:block; font-style:normal;}
			form.bijboeken .onderdeel strong { float:left; display:block; width:108px; text-align:right; font-weight:normal;}
			
			/*** break ***/
			form.bijboeken .break { padding:0px 0px 25px 0px;}
			
		/*** submit ***/
		form.bijboeken input.button { float:right; background:url(/images/submit-boek-deze-reis.gif) no-repeat; width:172px; height:30px; margin:5px 5px 0px 0px; display:inline; border:none; cursor:pointer;}
	






/******************************************************************************/
/*** 05-nawgegevens ***********************************************************/
/******************************************************************************/
form.nawgegevens fieldset { float:left; width:770px; display:inline; overflow:hidden;}	

	/*** titel ***/
	form.nawgegevens h4 { float:left; display:block; width:740px; padding:30px 0px 10px 10px; color:#ff9900; font-size:12px;}
	
	/*** tekst ***/
	form.nawgegevens p { float:left; padding:0px 0px 0px 10px;}

	/*** veld ***/
	form.nawgegevens .veld { float:left; width:748px; height:22px; padding:0px 0px 10px 10px; display:inline;}	
	form.nawgegevens .veld label { float:left; width:233px; padding:3px 0px 0px 0px; display:inline;}	
	form.nawgegevens .veld i { float:left; width:44px; padding:3px 0px 0px 0px; display:inline; font-style:normal;}	
	form.nawgegevens .veld em { float:left; width:24px; padding:3px 0px 0px 0px; text-align:right; display:inline; font-style:normal;}
	
		/*** select ***/
		form.nawgegevens .veld select.lang { float:left; width:212px; display:inline; color:#666; font-size:11px;}
		form.nawgegevens .veld select.dag { float:left; width:61px; margin:0px 14px 0px 0px; display:inline; color:#666; font-size:11px;}
		form.nawgegevens .veld select.maand { float:left; width:62px; margin:0px 14px 0px 0px; display:inline; color:#666; font-size:11px;}
		form.nawgegevens .veld select.jaar { float:left; width:61px; display:inline; color:#666; font-size:11px;}
	
		/*** text ***/
		form.nawgegevens .veld input.lang { float:left; width:202px; height:17px; padding:3px 4px 0px 4px; display:inline; color:#666; font-size:11px; border:1px solid #cecece;}

		/*** radio ***/
		form.nawgegevens .veld input.radio { float:left; margin:4px 0px 0px 0px; display:inline;}
		form.nawgegevens .veld span { float:left; padding:3px 5px 0px 5px; display:inline;}
		
		/*** submit ***/
		form.nawgegevens input.button { float:right; background:url(/images/submit-gegevens-controleren.gif) no-repeat; width:172px; height:30px; margin:5px 5px 0px 0px; display:inline; border:none; cursor:pointer;}
	
		/*** first ***/
		form.nawgegevens .first { padding:15px 0px 10px 10px;}
			
	/*** veld ***/
	form.nawgegevens .verzekering { float:left; width:748px; height:165px; padding:0px 0px 10px 10px; display:inline;}	
	form.nawgegevens .verzekering label { float:left; width:233px; height:165px; padding:3px 0px 0px 0px; display:inline;}	
	form.nawgegevens .verzekering i { float:left; width:44px; height:165px; padding:3px 0px 0px 0px; display:inline; font-style:normal;}	
	form.nawgegevens .verzekering em { float:left; width:24px; padding:3px 0px 0px 0px; text-align:right; display:inline; font-style:normal;}

	/*** veld ***/
	form.nawgegevens .bijzonder { float:left; width:748px; height:115px; padding:0px 0px 10px 10px; display:inline;}	
	form.nawgegevens .bijzonder label { float:left; width:233px; height:115px; padding:3px 0px 0px 0px; display:inline;}	
	form.nawgegevens .bijzonder i { float:left; width:44px; height:115px; padding:3px 0px 0px 0px; display:inline; font-style:normal;}	
	form.nawgegevens .bijzonder em { float:left; width:24px; padding:3px 0px 0px 0px; text-align:right; display:inline; font-style:normal;}
		
		/** textarea **/
		form.nawgegevens .bijzonder textarea.lang { float:left; width:202px; height:75px; padding:3px 4px 0px 4px; display:inline; color:#666; font-size:11px; border:1px solid #cecece;}

/******************************************************************************/
/*** 06-controlegevens ***********************************************************/
/******************************************************************************/
form.controlegegevens fieldset { float:left; width:770px; display:inline; overflow:hidden;}	

	/*** titel ***/
	form.controlegegevens h4 { float:left; display:block; width:740px; padding:30px 0px 10px 10px; color:#ff9900; font-size:12px;}
	
	/*** tekst ***/
	form.controlegegevens p { float:left; padding:0px 0px 0px 10px;}

	/*** veld ***/
	form.controlegegevens .veld { float:left; width:748px; height:22px; padding:0px 0px 10px 10px; display:inline;}	
	form.controlegegevens .veld label { float:left; width:233px; padding:3px 0px 0px 0px; display:inline;}	
	form.controlegegevens .veld i { float:left; width:44px; padding:3px 0px 0px 0px; display:inline; font-style:normal;}	
	form.controlegegevens .veld em { float:left; width:24px; padding:3px 0px 0px 0px; text-align:right; display:inline; font-style:normal;}
	
	/*** veld ***/
	form.controlegegevens .verzekering { float:left; width:748px; height:165px; padding:0px 0px 10px 10px; display:inline;}	
	form.controlegegevens .verzekering label { float:left; width:233px; height:165px; padding:3px 0px 0px 0px; display:inline;}	
	form.controlegegevens .verzekering i { float:left; width:44px; height:165px; padding:3px 0px 0px 0px; display:inline; font-style:normal;}	
	form.controlegegevens .verzekering em { float:left; width:24px; padding:3px 0px 0px 0px; text-align:right; display:inline; font-style:normal;}

		/*** select ***/
		form.controlegegevens .veld select.lang { float:left; width:212px; display:inline; color:#666; font-size:11px;}
		form.controlegegevens .veld select.dag { float:left; width:61px; margin:0px 14px 0px 0px; display:inline; color:#666; font-size:11px;}
		form.controlegegevens .veld select.maand { float:left; width:62px; margin:0px 14px 0px 0px; display:inline; color:#666; font-size:11px;}
		form.controlegegevens .veld select.jaar { float:left; width:61px; display:inline; color:#666; font-size:11px;}
	
		/*** text ***/
		form.controlegegevens .veld input.lang { float:left; width:202px; height:17px; padding:3px 4px 0px 4px; display:inline; color:#666; font-size:11px; border:1px solid #cecece;}
		
		/*** radio ***/
		form.controlegegevens .veld input.radio { float:left; margin:4px 0px 0px 0px; display:inline;}
		form.controlegegevens .veld span { float:left; padding:3px 5px 0px 5px; display:inline;}
		
		/*** submit ***/
		form.controlegegevens input.button { float:right; background:url(/images/submit-boeking-plaatsen.gif) no-repeat; width:172px; height:30px; margin:25px 25px 25px 0px; display:inline; border:none; cursor:pointer;}
	
		/*** first ***/
		form.controlegegevens .first { padding:15px 0px 10px 10px;}
			
			
		
		
/******************************************************************************/
/*** gezinssamenstelling *************************************************************/
/******************************************************************************/
form.gezinssamenstelling fieldset { float:left; width:770px;}

	/*** kolommen ***/
	.links { float:left; width:383px; display:inline; overflow:hidden;}
	.rechts { float:left; width:383px; display:inline; overflow:hidden;}
	.rechts .boekingsKolom { margin:0px 0px 5px 4px;}
	
		/*** opties ***/
		form.gezinssamenstelling .opties { width:366px; padding:0px 0px 10px 0px;}
		form.gezinssamenstelling .opties strong { float:left; display:block; width:356px; padding:10px 0px 2px 10px; color:#ff9966;}
		form.gezinssamenstelling .opties p { float:left; padding:0px 0px 0px 10px;}
		
			/*** veld ***/
			form.gezinssamenstelling .opties .veld { position:relative; float:left; width:318px; padding:2px 0px 2px 48px;}
			form.gezinssamenstelling .opties .veld input { position:absolute; left:20px; top:0px;}
			form.gezinssamenstelling .opties .veld span { float:left; display:block; width:211px;}
			form.gezinssamenstelling .opties .veld i { float:left; display:block; font-style:normal;}
			form.gezinssamenstelling .opties .veld em { float:left; display:block; width:93px; text-align:right; font-style:normal;}

			/*** break ***/
			form.gezinssamenstelling .opties .break { padding:2px 0px 20px 48px;}
			
		/*** gezinssamenstelling ***/
		form.gezinssamenstelling .gezinssamenstelling { width:366px; padding:10px 0px 10px 0px;}
		
			/*** tekst ***/
			form.gezinssamenstelling .gezinssamenstelling p { padding:0px 0px 5px 7px;}
			form.gezinssamenstelling .gezinssamenstelling b { color:#ff9966;}
			
			/*** kindgegevens ***/
			form.gezinssamenstelling table.kindgegevens { width:366px;}
			form.gezinssamenstelling table.kindgegevens td { padding:0px 0px 5px 7px;}
			
				/*** voornaam ***/
				form.gezinssamenstelling table.kindgegevens td.voornaam { width:119px;}
				form.gezinssamenstelling table.kindgegevens td.voornaam input { width:111px; height:18px; padding:0px 3px 0px 3px; border:1px solid #ccc; color:#666;}
				
				/*** dag ***/
				form.gezinssamenstelling table.kindgegevens td.dag { width:53px;}
				form.gezinssamenstelling table.kindgegevens td.dag select { width:53px; color:#666;}
				
				/*** maand  ***/
				form.gezinssamenstelling table.kindgegevens td.maand { width:88px;}
				form.gezinssamenstelling table.kindgegevens td.maand select { width:88px; color:#666;}
				
				/*** jaar ***/
				form.gezinssamenstelling table.kindgegevens td.jaar { width:60px;}
				form.gezinssamenstelling table.kindgegevens td.jaar select { width:60px; color:#666;}
				
				/*** delete ***/
				form.gezinssamenstelling table.kindgegevens td.delete input { background:url(/images/bijboeken_gezinssamenstelling_delete.png) no-repeat; width:16px; height:16px; border:none; cursor:pointer;}
		
		/*** reisgegevens ***/
		form.gezinssamenstelling table.reisgegevens { float:left; width:366px; margin:10px 0px 20px 0px;}
		form.gezinssamenstelling table.reisgegevens td { padding:0px 0px 8px 7px;}
		
		/*** reissom ***/
		form.gezinssamenstelling .reissom { float:left; width:356px; margin:0px 10px 0px 10px; padding:0px 0px 15px 0px; border-bottom:1px solid #daf2f8; font-weight:bold; display:inline;}
		form.gezinssamenstelling .reissom span { float:left; display:block; width:180px; padding:0px 0px 0px 0px;}
		form.gezinssamenstelling .reissom em { float:left; display:block; width:39px; font-style:normal;}
		form.gezinssamenstelling .reissom i { float:left; display:block; font-style:normal;}
		form.gezinssamenstelling .reissom strong { float:left; display:block; width:117px; text-align:right;}
		
		/*** totalen ***/
		form.gezinssamenstelling .totalen { float:left; width:376px; padding:10px 0px 10px 0px; display:inline;}
		
			/*** titel ***/
			form.gezinssamenstelling .totalen strong { float:left; width:366px; padding:0px 0px 5px 10px; display:inline;}
			
			/*** tekst ***/
			form.gezinssamenstelling .totalen p { padding:0px 0px 5px 10px;}
		
			/*** onderdeel ***/
			form.gezinssamenstelling .onderdeel { float:left; width:366px; padding:0px 0px 5px 0px; display:inline;}
			form.gezinssamenstelling .onderdeel span { float:left; display:block; width:180px; padding:0px 0px 0px 10px;}
			form.gezinssamenstelling .onderdeel span.extra { padding:1px 0px 0px 10px; font-size:11px; font-style:italic;}
			form.gezinssamenstelling .onderdeel em { float:left; display:block; width:39px; font-style:normal;}
			form.gezinssamenstelling .onderdeel i { float:left; display:block; font-style:normal;}
			form.gezinssamenstelling .onderdeel strong { float:left; display:block; width:108px; text-align:right; font-weight:normal;}
			
			/*** break ***/
			form.gezinssamenstelling .break { padding:0px 0px 25px 0px;}
			
		/*** submit ***/
		form.gezinssamenstelling input.button { float:right; background:url(/images/submit-gezinsamenstelling.gif) no-repeat; width:172px; height:30px; margin:5px 56px 0px 0px; display:inline; border:none; cursor:pointer;}