/*
	CSS Include

	Name:	 	: syle.css	
	Address		: http://www.johancruyfffoundation.org	
	Copyright	: Your company
	Author	 	: Site Administrator	
	Created	 	: 2008-02-06T16:35:37

	About this CSS
	...
*/


   /*____________base____________*/
   html, body {font-family:verdana,sans-serif,arial,helvetica; font-size:10pt; font-style:normal; color:#000000; background-color:#ffffff; margin:0; padding:0; border:0; overflow:fixed;}
   img {border:0;}
   input {background-color:#ffffff;}
   select {background-color:#ffffff;}
   form {margin:0; padding:0; border:0}
   .hide {display:none!important;}
   .show {display:block!important;}
   .toggle1 {background-image:url(/image/moveleft.gif);}
   .toggle2 {background-image:url(/image/moveright.gif);}
   #container {position:relative; margin:0 auto 0px auto; width:880px;}
   #top {width:100%; height:233px;}
   #toggleRight {position:absolute; z-index:1; top:178px; right:10px; width:15px; height:15px;}
   #toggleLeft {display:none; position:absolute; z-index:1; top:90px; width:15px; height:15px;}
   #logo    {position:absolute; z-index:1; top:62px; left:21px; margin:0px; padding:0px;}
   #topVisual {position:absolute; width:100%; height:130px; top:42px; left:0; background:url(/image/bg_topvisual.jpg) no-repeat left top;}
   #topQuote {position:absolute; z-index:1; top:56px; left:221px;}
   #middle  {overflow:auto; height:100%; background:url(/image/bg_middle_repeat.gif) repeat-y scroll left bottom;} 
   #left    {overflow:auto; float:left;}
   #right   {overflow:auto; float:right;}
   #center  {overflow:auto; height:100%;}
   #bottom  {width:100%;}
   iframe.frame{border:none;}

   /*____________leftbar_________*/
   #leftbar {width:142px; overflow:hidden; margin:0 20px 0 0; padding:9px; font-size:0.85em; color:#405e8e; line-height:1.5em; background:url(/image/bg_subnavbar_top.gif) no-repeat left top;}
   #leftbar h1 {margin:10px 0 3px 0; font-size:1.2em; color: #002868;}
   #leftbar p {margin:0 0 6px 0;}
   #leftbar input {width:114px; padding:2px 2px 2px 3px; border-width: 1px; border-style: solid none solid solid; border-color: #4a4a4a #d7d7d7 #d7d7d7 #4a4a4a; vertical-align:middle;}
   #leftbar input.button {width:18px; padding:0; border-style:solid solid solid none;}
   #leftbar a.more {color:#405e8e; text-decoration:none; padding-left:8px; background:url(/image/ico_arrow_blue.gif) transparent no-repeat left 0.3em;}
   #leftbar a.more:hover {text-decoration:underline;}
   #leftbar div {padding:0 0 20px 0; margin:0 0 19px 0;}
   #leftbar div.border {border-bottom:1px solid #ffffff;}
      
   /*____________footer__________*/
   #footer {text-align:center; background:url(/image/bg_footer_top.gif) #e6eaf1 no-repeat left top;}
   #footer .backBottom {padding:10px; background:url(/image/bg_footer_bottom.gif) no-repeat left bottom;}
   #footer li {background:url(/image/div_footermenu.gif) transparent no-repeat right 1.1em;}
   #footer li.last {background:none}
  
   /*____________shortcuts_______*/
   #shortcuts {position:absolute; top:10px; right:160px;}
   #shortcuts select {padding:2px 2px 2px 3px; color:#002868; border:1px solid #7f9db9; vertical-align:middle;}
   #shortcuts input {vertical-align:middle;}

   /*____________search__________*/
   #search {position:absolute; top:10px; right:0;}
   #search input {vertical-align:middle;}
   #search input.text {width:130px; padding:2px 2px 2px 3px; color:#002868; border:1px solid #7f9db9; border-right-style:none;}

   /*____________crumb___________*/
   #crumb {position:absolute; top:209px; left:4px; color:#405e8e; z-index:-1;}
   #crumb li {background:url(/image/ico_arrow_blue.gif) transparent no-repeat right 1.15em;}
   #crumb li.last {background:none}

   /*____________print___________*/
   #print {position:absolute; top:209px; right:10px; z-index:-1;}
   #print li a {padding: 0 0 0 17px; background:none transparent no-repeat 0 0.15em;}
   #print li#printPage a {background-image: url(/image/ico_printpage.gif);}
   #print li#sendPage a {background-image: url(/image/ico_sendpage.gif);}
   
   /*____________hnav____________*/
   .hnav ul {margin:0; padding: 0; list-style-type:none; font-size:0.85em;}
   .hnav li {padding:10px; margin:0; display:inline; vertical-align:middle;}
   .hnav a {color:#405e8e; text-decoration:none;}
   .hnav a:hover {text-decoration:underline;}
   
   /*____________menu____________*/
   #menu {position:absolute; top:172px; left:0px; width:100%; background:url(/image/bg_mainmenu.gif) #335386 no-repeat left bottom;} 
   #menu a {display:block; white-space:nowrap; padding:4px 11px 7px 11px; text-decoration:none; font-size:1em; font-weight:bold;}

   #menu a:link, #menu a:visited {color:#ffffff;}
   #menu a:hover, #menu a:focus, #menu a:active {color:#ccd4e1;}  

   #menu ul {padding:0; margin:0; margin-left:3px; list-style-type: none;}
   #menu ul ul {display:none; position:absolute; margin:0; top:27px; background-color:#002868; z-index:2}
   #menu li li a {border:none; font-size:0.85em; z-index:2}
   #menu li {float:left; border-left:1px solid #335386; border-right:1px solid #012968;}
   #menu li li {float:none; border-top:1px solid #405e8e; z-index:2}

   #menu li.selected {background-color: #20437b; color:#ccd4e1;}
   #menu li.hover {background-color: #20437b;}
   #menu li li.hover { z-index:2}

   #menu li.selected a {color:#ccd4e1;}

   /*____________tree____________*/
   #tree {width:142px; padding:0!important;}
   #tree div.mp {margin:0; padding:0 0 5px 0; font-size:1.2em; font-weight:bold; color:#002868; border-bottom:1px solid #ffffff;}
   #tree ul ul ul {display:none!important;}
   #tree ul {margin:0; padding:0; list-style-type:none;}
   #tree li {margin:0; padding:0; border-bottom:1px solid #ffffff;}
   #tree li li {border:none;}

   #tree li a:hover, #tree a:focus {text-decoration:underline;}  
   #tree li a {padding:0 0 3px 0; text-decoration:none; font-weight:bold; color:#002868;}
   #tree li li a {padding:0 0 3px 8px; font-weight:normal; color:#405e8e;}

   #tree li a.selected {text-decoration:underline;}
   #tree li li a.selected {text-decoration:none; background:url(/image/ico_arrow_blue.gif) transparent no-repeat 0 0.3em;}

   /*____________content____________*/
   .content1col {font-size:1em; color:#405e8e; line-height:1.4em;}
   .content1col .backRightBottom {background:url(/image/bg_right_bottom.png) no-repeat scroll right bottom;}
   .content1col .backLeftBottom {height:100%; background:url(/image/bg_left_bottom.png) no-repeat scroll left bottom;}
   .content1col .backLeftTop {background:url(/image/bg_left_top.png) no-repeat scroll left top;}
   .content1col .backRightTop {overflow:auto; margin:0 0 0 5px; background:url(/image/bg_right_top.png) no-repeat scroll right top;}
   .content1col h1, h1.content1col {font-size: 1.1em; color: #002868; margin: 0 0 2px 0;}
   .content1col h2, h2.content1col {font-size: 1em; color: #002868; margin: 0 0 2px 0;}
   .content1col h3, h3.content1col {font-size: 1em; color: #002868; margin: 0 0 2px 0;}
   .content1col h4, h4.content1col {font-size: 1em; color: #002868; margin: 0 0 2px 0;}
   .content1col h5, h5.content1col {font-size: 1em; color: #002868; margin: 0 0 2px 0;}
   .content1col h6, h6.content1col {font-size: 1em; color: #002868; margin: 0 0 2px 0;}
   .content1col p {font-size: 1em; margin: 0 0 8px 0;}
   .content1col img {padding:5px; margin:0;}
   .content1col ul {list-style-type:none; margin:0; padding:0}
   .content1col li {margin:0; padding:0 0 0 9px; background:url(/image/ico_arrow_orange.gif) transparent no-repeat 0 0.45em;}
   .content1col ol {margin:0 0 0 24px; padding:0;}
   .content1col ol li {background:none; margin:0; padding:0;}
   .content1col a {color: #ff7800; text-decoration:none;}
   .content1col a:hover {text-decoration:underline;}
   
   /*____________body____________*/
   #content1col {margin-bottom:20px;}
   #content1col .backRightTop {padding:5px; overflow:auto; height:100%;}
   
   /*____________class searchresult___________*/
   .searchresult {margin-bottom:20px; width:100%;}
   .searchresult h1 {margin-bottom:10px;}
   .searchresult span.info {font-weight:bold; color:#002868;}
   .searchresult span.link {font-size:0.85em; color: #ff7800;}
   .searchresult dl {margin-bottom:0;}
   .searchresult dt {margin:0; font-weight:bold;}
   .searchresult dt a {color:#002868;}
   .searchresult dd {margin:0;}
   .searchresult hr {height:1px; border: 1px solid #bcbcbc; border-style: none none solid none;}
   .searchresult .center {padding:5px 10px 5px 5px;}
   .searchresult .page {margin-bottom:15px; background:url(/image/bg_contentnav_bottom.gif) #f2f4f7 no-repeat left bottom;}
   .searchresult .page ul {padding:5px 0 5px 0; text-align:center; background:url(/image/bg_contentnav_top.gif) transparent no-repeat left top;}
   .searchresult .page li {padding:0 0 0 9px; margin:0; font-size:0.85em; color:#002868; border-bottom:none; display:inline; vertical-align:middle; cursor:hand; text-decoration:underline; background:url(/image/div_pagenav.gif) transparent no-repeat 4px 0.15em;}
   .searchresult .page li.first {background:none;}
   .searchresult .page li.prev {padding-left:10px; font-weight:bold; text-decoration:none; background:url(/image/ico_link_prev.gif) transparent no-repeat left 0.35em;}
   .searchresult .page li.next {padding-right:7px; font-weight:bold; text-decoration:none; background:url(/image/ico_link_next.gif) transparent no-repeat right 0.35em;}
   .searchresult .page li.selected {font-weight:bold; text-decoration:none!important;}
   .searchresult .page li.fselected {font-weight:bold; text-decoration:none!important; background:none;}
   .searchresult .page li:hover {text-decoration:none!important;}
   .searchresult .page li.prev:hover, .searchresult .page li.next:hover {text-decoration:underline!important;}

   /*____________class summary____________ */
   .summary {margin-bottom:20px; width:100%;}
   .summary h2 {margin-top:25px;}
   .summary a {padding-left:8px; background:url(/image/ico_arrow_orange.gif) transparent no-repeat left 0.35em;}
   .summary img {padding:0px 10px 5px 0px; float:left; width:140px; height:111px;}
   .summary .right   {width:50%; overflow:auto; float:right;}
   .summary .center  {padding:5px 10px 0px 5px; overflow:auto; height:100%;}
 
   /*____________class overview____________ */
   .overview {margin-bottom:20px; width:100%;}
   .overview h2 {margin-top:25px;}
   .overview li {padding-bottom:7px; margin-bottom:4px; border-bottom: 1px solid #e5e9f0;}
   .overview span {color:#405e8e;}
   .overview span.date {font-size:0.85em;}
   .overview a:hover {text-decoration: none;}
   .overview a:hover span {text-decoration: underline;}
   .overview .right   {padding:5px 10px 5px 5px; width:320px; overflow:auto; float:right;}
   .overview .right span.date, .overview .right a:hover span.date {color: #ff7800;}
   .overview .right li {padding-right:9px; background:url(/image/ico_arrow_orange.gif) transparent no-repeat right 0.45em;}
   .overview .center  {padding:5px 20px 5px 5px; overflow:auto; height:100%;}
   /*.overview .center span.date, .overview .center a:hover span.date {color: #7f93b3;}*/
   .overview .center span.date, .overview .center a:hover span.date {color: #ff7800;}
   .overview .top {padding:5px;}
   .overview .filter {width:680px; margin-top:10px; background:url(/image/bg_contentnav_bottom.gif) #f2f4f7 no-repeat left bottom;}
   .overview .filter .backTop {padding:10px 10px 9px 9px; background:url(/image/bg_contentnav_top.gif) transparent no-repeat left top;}
   .overview .filter select {width:410px; margin:0 0 0 12px; padding: 2px 2px 3px 3px; border-right-style: none; vertical-align:middle;}
   .overview .filter select.wide {width:300px;}
   .overview .filter input {vertical-align:middle;}
   .overview .page {height:30px; margin-bottom:15px; background:url(/image/bg_contentnav_320_bottom.gif) #f2f4f7 no-repeat left bottom;}
   .overview .page ul {padding:5px 10px 10px 10px; background:url(/image/bg_contentnav_320_top.gif) transparent no-repeat left top;}
   .overview .page li {padding:0; margin:0; font-size:0.9em; font-weight:bold; color:#002868; border-bottom:none; display:inline; vertical-align:middle; cursor:hand;}
   .overview .page li.prev {float:left; padding-left:10px; background:url(/image/ico_link_prev.gif) transparent no-repeat left 0.6em;}
   .overview .page li.next {float:right; padding-right:10px; background:url(/image/ico_link_next.gif) transparent no-repeat right 0.6em;}
   
   /*____________class paragraph____________ */
   .paragraph {margin-bottom:20px; width:100%;}
   .paragraph .left    {padding:5px; width:33%; overflow:auto; float:left;}
   .paragraph .right   {padding:5px; width:33%; overflow:auto; float:right;}
   .paragraph .center  {padding:5px; overflow:auto; height:100%;}
   .paragraph p.news a {color:#405e8e; padding-left:8px; background:url(/image/ico_arrow_orange.gif) transparent no-repeat left 0.35em;}
     
   /*____________class snippet____________ */
   .snippet {margin:0 0 20px 20px; width:160px; color:#405e8e; background:url(/image/bg_snippet_bottom.gif) no-repeat scroll left bottom;}
   .snippet .backTop {overflow:auto; padding:6px 10px 0 10px; background:url(/image/bg_snippet_top.gif) no-repeat scroll left top;}
   .snippet h1 {margin:3px 0 3px 0; font-size:1.1em; color:#002868; font-weight:bold; word-spacing:-1px;}
   .snippet p {font-size:0.85em; line-height:1.3em; margin: 0 0 8px 0;}
   .snippet img {margin:3px 8px 8px 0; float:left; width:62px; height:62px;}
   .snippet label {font-size:0.9em; margin:0 0 0 -4px; display:block; font-weight:bold;}  
   .snippet input.button {margin:10px 0 0 0; padding:1px 2px 2px 1px; border-style:none; font-weight:bold; color:#ffffff; background:#335386 url(/image/bg_submit_button.gif) repeat-x scroll left bottom;}  
   .snippet div.border {width:98%; margin:0 0 2px 0; border:1px solid #e5e9f0;}
   .snippet div.yes {background-color:#ffde24; text-align:right;}
   .snippet div.no {background-color:#ff7800; text-align:right;}
   .snippet a {color:#ff7800; text-decoration:none;}
   .snippet a:hover {text-decoration:underline;}
   .snippet .list img {float:none;}
   .snippet .list a {padding-left:8px; background:url(/image/ico_arrow_orange.gif) transparent no-repeat left 0.35em;}
   .snippet .list span {display:block; margin:0 0 6px 0; padding:0 0 8px 8px; font-weight:bold; border-bottom:1px solid #e5e9f0;}
   
   #pollsnippet {height:174px;}
   
   /*____________class courts____________ */
   .courts {margin:0 0 20px 20px; width:340px; background:url(/image/bg_framework_340_bottom.gif) #ffffff no-repeat left bottom;}
   .courts .backTop {padding:5px 10px 0 10px; background:url(/image/bg_framework_340_top.gif) transparent no-repeat left top;}
   .courts h1  {font-size: 1.1em; color: #002868; margin: 0 0 10px 0;}
   .courts .map {width:319px; height:350px}
   .courts .filter {margin:10px 0 10px 0; background:url(/image/bg_findcourts_bottom.gif) #7f93b3 no-repeat left bottom;}
   .courts .filter .backTop {padding:10px; background:url(/image/bg_findcourts_top.gif) transparent no-repeat left top;}
   .courts .filter select {width:272px; margin:5px 0 5px 0px; padding: 2px 2px 3px 3px; border-right-style:none; vertical-align:middle;}
   .courts .filter select.wide {width:300px;}
   .courts .filter input {vertical-align:middle;}
   
   /*____________sitemap____________ */
   #sitemap {margin-bottom:20px; width:100%;}				
   #sitemap ul {float: left; clear: both; font-weight: bold; color: #002868; width: 499px; margin: 24px 0 0;}
   #sitemap li {clear: both; padding: 0; background-image: none;}
   #sitemap li a {display: block; float: left; clear: both; color: #002868; margin: -1px 0 1px;}
   #sitemap ul ul {font-size: 0.85em; width: 467px; margin: 0 0 0 32px; background: url(/image/ico_sitemap_branche.gif) #ffffff repeat-y left top;}
   * html #sitemap ul ul {margin: 0 0 0 16px;}
   #sitemap li li {float: left; clear: both; width: 424px; margin: 2px 0 0; padding: 0 0 1px 43px; background: url(/image/ico_sitemap_childnode.gif) transparent no-repeat left top;}
   #sitemap li li.last {padding: 0 0 18px 43px; background-color: #ffffff;}
   #sitemap ul ul ul {font-size: 1.0em; font-weight: normal; width: 381px;}
   #sitemap li li li {float: left; clear: both; width: 349px; margin: 0; padding: 0 0 0 43px;}
   #sitemap .center  {padding:5px; overflow:auto; height:100%;}
   

	
	


/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url('close.png')!important;
	position:absolute; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
	left:620px;
}


#custom div.close {
	right:-15px;
	top:-10px;
	
}


#exposeMask{left:-392px !important;width:2680px!important;}
   
#custom2 h1{
left:50px!important;
position:relative!important;
top:40px!important;
}