/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
FOX VAKANTIES WEBSITE CSS STYLE VOOR FAMILY & KIDS
Index
1. Globals 
2. Outline
3. Content
4. Pulldown-menu
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/



/* --------------------------------- 1. GLOBALS ----------------------------------*/

a						{color: #0055a5;}
a:hover					{color: #529608;}

/* --------------------------------- END GLOBALS ----------------------------------*/



/* --------------------------------- 2. OUTLINE ----------------------------------*/

#wrapper				{}

#contentwrapper			{background:#fff url(/vrijwilligerswerk/images/layout/contentwrapper.gif) repeat-y left top;}
#topnavcontainer		{background: url(/vrijwilligerswerk/images/layout/header.gif) no-repeat scroll left top;}

#homepagewrapper		{background: url(/vrijwilligerswerk/images/layout/worldbg.gif) no-repeat left top;padding-bottom:10px;}

#foxlogo				{}

#leftcolumn				{background: url(/vrijwilligerswerk/images/layout/endecaworld.gif) no-repeat left top;}
#rightcolumn			{}

#navigationtop			{}
#navigationmain			{}

#container				{}
#page					{background: url(/vrijwilligerswerk/images/layout/worldbg.gif) no-repeat right top;}

#main					{}
#sidebarright			{}

#footer .top			{background:#FFFFFF url(/vrijwilligerswerk/images/layout/footertop.gif) repeat-x left top;}
#footer .bottom			{background:#FFFFFF url(/vrijwilligerswerk/images/layout/footerbottom.gif) repeat-x  left top;}

#logo	 				{}
#twocolumns				{}



/* --------------------------------- END OUTLINE ----------------------------------*/




/* --------------------------------- 3. CONTENT ----------------------------------*/

.vakantiebeurs						{border:0px solid lime;font-size:11pt;padding:4px;margin:10px 0 0 10px;}

.errortext, .error					{color:#dd008d;}
.sitecolor							{color:#0055a5;}							

ul.inhoudsopgave,					
ul.inhoudsopgave_columns			{list-style-image:url(/vrijwilligerswerk/images/btn/bullet.gif);margin-bottom:10px;}

#searchboxforumdiscussion			{border-bottom:1px solid #f68f1e;border-top:1px solid #f68f1e;}


#accordion							{font-size:9pt;}
#accordion .title					{text-decoration:underline;cursor:pointer;}
#accordion .title					{margin-bottom:2px;}
#accordion .selected .title			{font-weight:bold;text-decoration:none;cursor:pointer;margin-top:10px;color:#0055a5;}
#accordion .response				{margin-bottom:20px;margin-left:10px;color:#666;}

.DisplayInformation					{border:0px solid lime;}
.DisplayInformation p				{margin-top:0;}

/* STYLE TAB-MENU */
#navigation_pakket								{}
#navigation_pakket ul							{font-weight:normal;}
#navigation_pakket li							{background:#fff url(/vrijwilligerswerk/images/tabs/lefttab.gif) no-repeat left top;list-style:none;display:inline;}
#navigation_pakket li a							{background:#fff url(/vrijwilligerswerk/images/tabs/righttab.gif) no-repeat right top;font-size:9pt;text-decoration:none;font-weight:normal;}
#navigation_pakket li.active					{background:#fff url(/vrijwilligerswerk/images/tabs/lefttab_on.gif) no-repeat left top;}
#navigation_pakket li.active a					{background:#fff url(/vrijwilligerswerk/images/tabs/righttab_on.gif) no-repeat right top;}
#navigation_pakket li.active a:hover			{}
#navigation_pakket p.bottom_nav					{background: url(/vrijwilligerswerk/images/tabs/tabs_bottom.gif) repeat-x left top;}



/*********ENDECA *********/
.searchblockheader					{background:#87c542;border-top:1px solid #55950f;border-bottom:1px solid #55950f;}
.searchSelected						{background:#bccbee url(/vrijwilligerswerk/images/block.gif) no-repeat top left;border:0px solid #fff;border-right:1px solid #f36f21;border-bottom:1px solid #f36f21;}

.searchBlock .kiesbestemming		{background:#bccbee url(/vrijwilligerswerk/images/block.gif) no-repeat top left;border:0px solid #fff;border-right:1px solid #f36f21;border-bottom:1px solid #f36f21;}

/* STYLE: BLOKKEN NAVLEFT */
.blockContent						{background:#bccbee url(/vrijwilligerswerk/images/block.gif) no-repeat top left;border:0px solid #fff;border-right:1px solid #f36f21;border-bottom:1px solid #f36f21;}
.blockContent p.header				{color:#444;margin-left:8px;padding-top:4px;}

.blockContent .foxboxingelogd p		{margin:0px;margin-left:9px;padding:0;}
.blockContent .foxboxingelogd a		{color:#f0f4fc;}

/* STYLE: Recent bezochte reizen-blok  */
.DisplayViewedPackages				{background:#bccbee url(/vrijwilligerswerk/images/block.gif) no-repeat top left;border:0px solid #b29ffa;border-right:1px solid #f36f21;border-bottom:1px solid #f36f21;}


.DisplayNavigationSubBlock a:hover					{color: #FAF8F0;	/* very light */	background: #529608;}
.DisplayNavigationSubBlock .content					{border-left:1px solid #529608;border-right:1px solid #529608;}
.DisplayNavigationSubBlock .bookpackage,
.DisplayNavigationSubBlock .minbookableprice		{border-left:1px solid #529608;border-right:1px solid #529608;border-bottom:1px solid white;}	
.DisplayDestinationWeatherAndTime					{border-left:1px solid #529608;border-right:1px solid #529608;}
.DisplayNavigationSubBlock .contentminprice,
.DisplayNavigationSubBlock .contentbookdirect		{border-left:1px solid #529608;border-right:1px solid #529608;}	

.navigationsub ul.navigationlist li					{border-top:1px solid #EEE;border-left: 1px solid #529608;border-right:1px solid #529608;}
.navigationsub ul.navigationlist li.firstchild		{border-left:1px solid #529608;border-right:1px solid #529608;border-top:0px solid lime;border-bottom:0px solid lime;}
.navigationsub ul.navigationlist li a:hover			{color: #FAF8F0;	/* very light */	background: #529608;}
.navigationsub ul.navigationlist li.active a		{background: #529608;}

.form fieldset p.checked label						{color: #7b429c;}


/* NAVRIGHTBLOCKS (pricecalculation and bookprice) */
.DisplayNavigationSubBlock .header					{background:#fff url(/vrijwilligerswerk/images/layout/sidebarrightbox.gif) no-repeat left top;font-weight:800;}
.DisplayNavigationSubBlock .footer					{background:url(/vrijwilligerswerk/images/layout/sidebarrightbox_bottom.gif) no-repeat left top;}

.DisplayNavigationSubBlock .headerminprice,
.DisplayNavigationSubBlock .headerbookdirect		{background:#fff url(/vrijwilligerswerk/images/layout/sidebarrightboxbookprice.gif) no-repeat left top;}


/* BESTEMMING-NAVRIGHTBLOCK */
.navigationsub ul.navigationlist p					{background:#fff url(/vrijwilligerswerk/images/layout/sidebarrightbox.gif) no-repeat left top;font-size:8pt;font-weight:bold;}
.navigationsub ul.navigationlist li.lastchild		{background:#fff url(/vrijwilligerswerk/images/layout/sidebarrightbox_bottom.gif) no-repeat left top;border:0px solid #ffa30a;}



/* --------------------------------- END CONTENT ----------------------------------*/



/* ------------ Boekingsformulier -------------- */

#Sequence input.buttonfinalize
{
	border: 1px solid #AAA;width:140px;
	background: url('/vrijwilligerswerk/images/btn/btn_finalize_bg.gif');
	color: #7f358a;
	font-weight: bold;
	font-size: 8pt;
	padding: 2px;
	cursor: pointer; 
	cursor: hand;
}
/* ----------- END Boekingsformulier -------------- */



/* --------------------------------- 4. MAIN NAVIGATION PULLDOWNMENU ----------------------------------*/

#navigationmaincontent								{}
#navigationmaincontent ul p							{padding:1px 2px;margin:0;text-align:center;letter-spacing:1px;}

#navigationmaincontent ul p,
#navigationmaincontent ul a							{font: 8pt/1.8em Lucida Grande, Sans-serif;font-weight: bold;color: #FFF;cursor: hand;text-decoration: none;}

#navigationmaincontent ul ul p,
#navigationmaincontent ul ul a						{font-weight:normal;padding-top:0px;padding-bottom:0px;text-align:left;}

#navigationmaincontent ul.level1					{list-style:none;display:block;height:19px;}
#XXXnavigationmaincontent ul.level1 li				{float:left;padding:0px;position:relative;border:1px solid #820556;background-color:#87c542;  /* background:#FFFFFF url(http://fox.develop.local/familie/images/layout/footertop.gif) repeat-x left top; */}
#navigationmaincontent ul.level1 li					{float:left;position:relative;border-top:1px solid #55950f;border-left:1px solid #55950f;border-bottom:1px solid #55950f;border-right:0px solid #55950f;padding:0px;background:#87c542 url(/template/images/layout/bg_menu_flg.gif) repeat-x 0 0;}

#navigationmaincontent ul.level1 li:last-child		{/*border-right: 1px solid #820556;*/}
#navigationmaincontent ul.level1 li.lastchild		/* for IE */	{/*border-right: 1px solid #820556;*/}
#navigationmaincontent ul.level1 li li				{border-top:1px solid #55950f;border-left:1px solid #55950f;border-bottom: 0px solid #55950f;border-right: 1px solid #55950f;height: 19px;}

#navigationmaincontent ul.level1 li li:last-child	{border-bottom: 1px solid #55950f;}
#navigationmaincontent ul.level1 ul					
{
	display: none;
	width: 10em;			/* the width of EVERY pulldown menu (not the menu header) */
	position: absolute;
	top: 18px;
	left: -1px;
	border: 0px solid red;
	margin: 0px;
	margin-top: 3px;
	padding: 0px;
	list-style: none;
	/* below line is ignored in Firefox, not in IE */
	//border-bottom: 1px solid #55950f;
}


#navigationmaincontent ul.level1 ul li
{
	width: 100%;
	padding-left: 0px; 
	padding-bottom: 0px;
}


#navigationmaincontent ul.level1 li>ul		/* > does not work in IE */
{
	top: 18px;
	left: -1px;
}


#navigationmaincontent ul li:hover ul, 
#navigationmaincontent ul li.over ul, 
#navigationmaincontent ul li.lastchildover ul
{
	display: block;
	background: white;
}


#navigationmaincontent ul li:hover p,
#navigationmaincontent ul li.over p, 
#navigationmaincontent ul li.lastchildover p
{
	color: #f68f1e;
	background: #FFF;
}


/*background submenu */
#navigationmaincontent ul li:hover ul p,
#navigationmaincontent ul li.over ul p, 
#navigationmaincontent ul li.lastchildover ul p
{
	color: white;
	background: #87c542;
}


#navigationmaincontent ul li:hover ul p.intern,
#navigationmaincontent ul li.over ul p.intern, 
#navigationmaincontent ul li.lastchildover ul p.intern
{
	color: white;
	background: #FF0000;
}


#navigationmaincontent ul li:hover ul li:hover p,
#navigationmaincontent ul li.over ul li.over p, 
#navigationmaincontent ul li.lastchildover ul li.over p
{
	color: #f68f1e;
	background: #FFF;
}

#navigationmaincontent ul li:hover ul li p a,
#navigationmaincontent ul li.over ul li p a, 
#navigationmaincontent ul li.lastchildover ul li p a
{
	letter-spacing: 0pt;
}

#navigationmaincontent ul li:hover ul li:hover p a,
#navigationmaincontent ul li.over ul li.over p a, 
#navigationmaincontent ul li.lastchildover ul li.over p a
{
	color: #f68f1e;
	background: white;
	text-decoration: none;
}

#navigationmaincontent ul li:hover ul li:hover p.intern a,
#navigationmaincontent ul li.over ul li.over p.intern a, 
#navigationmaincontent ul li.lastchildover ul li.over p.intern a
{
	color: #FF0000;
	background: white;
	text-decoration: none;
}

#navigationmaincontent ul.level1 li.lastchildover	/* for IE */
{
	/*border-right: 1px solid #9d0a0e;*/
}

#searchnavmenu					{border:0px solid lime;display:block;margin:0;padding:2px;font-size:9pt;}
#searchnavmenu input.zoekterm	{border:1px solid #7321fc;height:13px;float:left;padding-left:4px;margin-left:10px;width:100px;background:#efeaff;}
#searchnavmenu .searchbutton	{border:1px solid #7321fc;display:block;float:left;background:#e3dbff;width:40px;margin-left:6px;margin-top:2px;cursor:pointer;}




#navigationmaincontent li#menusearch						{width: 200px;height:21px;}
#navigationmaincontent li#menuhome							{width: 40px;}
#navigationmaincontent li#menuactueel						{width: 105px;}
#navigationmaincontent li#menureisaanbod					{width: 130px;}
#navigationmaincontent li#menuvoorbereiding					{width: 152px;}
#navigationmaincontent li#menuforum							{width: 130px;}
#navigationmaincontent li#menufun							{width: 100px;}
#navigationmaincontent li#menufox							{width: 110px;}		/* for FF, see note */
#navigationmaincontent li#menufox							{//width: 110px;}	/* for IE, ignored by FF, see note */
/*	note:
	because borders between menu items are added to the total in IE and not in FF, 
	there are two different lines for the last menu (fox)
*/


/* example of how to set the width of one particular pulldown menu */

#navigationmaincontent li#menusearch						{width:200px;height:21px;}
#navigationmaincontent li#menuhome							{width:40px;}
#navigationmaincontent ul.level1 li#menuactueel ul			{width:104px;}
#navigationmaincontent ul.level1 li#menureisaanbod ul		{width:129px;}
#navigationmaincontent ul.level1 li#menuvoorbereiding ul	{width:151px;}
#navigationmaincontent ul.level1 li#menuforum ul			{width:129px;}
#navigationmaincontent ul.level1 li#menufun ul				{width:99px;}
#navigationmaincontent ul.level1 li#menufox ul				{width:109px;} /* for FF, see note */
#navigationmaincontent ul.level1 li#menufox ul				{//width:109px;} /* for IE, ignored by FF, see note */


#navigationmaincontent ul>li:first-child
{
	border-left: 0px;
}

#navigationmaincontent li#menuhelp ul	/* for IE */
{
	left: auto;
	right: -2px;
}

#navigationmaincontent li#menuhelp>ul  /* for FF */
{
	left: auto;
	right: 1px;
}

#navigationmaincontent li p
{
	border: 0px solid red;
	visibility: visible;
}

#navigationmaincontent li li p
{
	border: 0px solid red;
	visibility: visible;
}




#navigationmaincontent li#menuhome p
{		
	visibility: visible;	
	margin: 0px;
	padding: 0px;
	height: 21px;
	text-align: left;
}
#navigationmaincontent li#menuhome img
{		
	border: 0;
	margin: 0;
	
}

#navigationmaincontent ul li#menuhome:hover p,
#navigationmaincontent ul li#menuhome.over p, 
#navigationmaincontent ul li#menuhome.lastchildover p
{
	background: #e92929;
}

/* --------------------------------- END MAIN NAVIGATION ----------------------------------*/