/* Stylesheet "Net4Kids Jaarverslag" :: v1 (17-03-2010) */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2010 "bureauHL" and may not be used by anyone but us. */ 

/*
	Style Index
	---------------------
	
	- Site Structure Styles
		- General Styles
		- Main Layout Styles
		
	- Content Styles
		- General Content Styles
		- Heading Styles
		- Paragraph Styles
		- Link Styles

	- List Styles
		- General Lists
		- Main Navigation
		- Sidebar Navigation
		- Content Lists
		
	- Image Styles
		- General Image Styles

*/ 







/*** Site Structure Styles ***/

		/* General Styles */
		
			* {
				margin:0;
				padding:0;
			}
						
		/************************/
	
		/* Main Layout Styles */
			                 
			body, html {
				background-size:  100%;
				border:           0;
				color:            #929496;
				font-family:      Arial, Helvetica, sans-serif;
				overflow-y:       auto;
			}
			
			body#grey {
				background-color: #9fa1a3;
			}
			
			body#yellow {
				background-color: #fdc900;
			}
			
			body#purple {
				background-color: #9850a0;
			}
			
			#supersize {
				left:             0; 
				position:         fixed; 
				top:              0; 
				width:            100%;
			}
			
			#container {
/*				height:           1000px;*/
				left:             50%;
				margin:           0 0 0 -460px;
				position:         absolute;
				top:              0;
				width:            920px;
				z-index:          1;
				filter:           alpha(opacity=90);
				opacity:          0.9;
			}       
			
			body#grey #container {
				border-top:       3px solid #818386;
			}

			body#purple #container {
				border-top:       3px solid #7c2e85;
			}

			body#yellow #container {
				border-top:       3px solid #fcbe12;
			}
			
			#header {
				background-image: url(../images/background/headerbg.jpg); 
				filter:           alpha(opacity=80);
				height:           95px;
				opacity:          0.8;
				width:            920px;
			}          

			#logo {
				left:             0;
				position:         absolute;
				top:              5px;
				z-index:          101;
			}                     
			
			#lang {                 
				display:          none;
				z-index:          100;
				position:         absolute;
				top:              106px;
				left:             88%;
				width:            100px;
			}                                       
			
			
			#sidebar {
				float:            left;
				margin:           15px 0 0 0;
				width:            180px;
			}
			
			#content {
				background:       #fff;
				float:            right;
				font-size:        13px;
				margin:           15px 0 0 0;
				padding:          5px 20px 20px 20px;
				width:            685px;
			}

		/************************/







/*** Content Styles ***/

		/* General Content Styles */

			a:link, a:visited, a:active {            
				color:              #000;
				outline: 						none;
				text-decoration: 		none;
			}
			
			a:hover {                  
				color:              #000;
				outline: 						none;
				text-decoration: 		underline;
			}
							
		/************************/
	
		/* Heading Styles */
			
			h1 {
				font-size:          19px;   
				line-height:        40px;
			}

			h2 {    
				border-bottom:      1px solid #dee0e2;
				font-size:          15px;
				margin:             5px 0 18px 0;
			}
			
			h3 {    
				font-size:          15px;
				margin:             5px 0 10px 0;
			}
			
		/************************/
	
		/* Paragraph Styles */	 
		
		 	p {
				margin:             0 0 18px 0;
			}               
			
			.breadcrumb {             
				display:            none;
				font-size:          10px; 
				margin:             10px 0 15px 0;
			}
              
			p#colophon {                
				font-size:          12px;
				text-align:         right;
			}    
			
		/************************/
	
		/* Link Styles */

			.breadcrumb a {
				color:              #929496;
				text-decoration:    underline;
			}

			.breadcrumb a:hover {
				text-decoration:    none;
			}

			p#colophon a:link, p#colofon a:visited {
				color:              #000;                
				text-decoration:    none;
			}    

			p#colophon a:hover, p#colophon a:active {
				text-decoration:    underline;
			}    

		/************************/







	/*** List Styles  ***/

		/* General Styles */     
		
			#content li {
				list-style:         square;  
				margin:             0 0 0 1em;
			}


		/* Main Navigation */

 			#main_nav {
				overflow:           hidden;
			}    
			
			body#purple #main_nav {
 				background:         url(../images/topmenu/bg_main_nav_purple.png) repeat-x top left;
			}
			
			body#yellow #main_nav {
 				background:         url(../images/topmenu/bg_main_nav_yellow.png) repeat-x top left;
			}
			
			body#grey #main_nav {
 				background:         url(../images/topmenu/bg_main_nav_grey.png) repeat-x top left;
			}
                 
      #main_nav li {
 				float:              left;
				padding:            0 1px 0 0;
				height:             39px;
			}

      body#purple #main_nav li {
				background:         url(../images/topmenu/bg_main_nav_separator_purple.png) no-repeat top right;
			}

      body#yellow #main_nav li {
				background:         url(../images/topmenu/bg_main_nav_separator_yellow.png) no-repeat top right;
			}

      body#grey #main_nav li {
				background:         url(../images/topmenu/bg_main_nav_separator_grey.png) no-repeat top right;
			}


			#main_nav li a:link, #main_nav li a:visited {    
				background-position:top left;
				display:            block;
				height:             39px;
			}

			#main_nav li a:hover, #main_nav li a:active {    
				background-position: 0 -39px;
			}

			#main_nav li#home a {
				width:            64px;        
			}

			#main_nav li#general a {
				width:            130px;        
			}

			#main_nav li#foundation a {
				width:            265px;        
			}

			#main_nav li#organization a {
				width:            138px;        
			}

			body#purple #main_nav li#home a {
				background-image: url(../images/topmenu/bg_main_nav_home_purple.png);        
			}

			body#purple #main_nav li#general a {
				background-image: url(../images/topmenu/bg_main_nav_general_purple.png);        
			}

			body#purple #main_nav li#foundation a {
				background-image: url(../images/topmenu/bg_main_nav_foundation_purple.png);        
			}

			body#purple #main_nav li#organization a {
				background-image: url(../images/topmenu/bg_main_nav_organization_purple.png);        
			}                     
			

			body#yellow #main_nav li#home a {
				background-image: url(../images/topmenu/bg_main_nav_home_yellow.png);        
			}

			body#yellow #main_nav li#general a {
				background-image: url(../images/topmenu/bg_main_nav_general_yellow.png);        
			}

			body#yellow #main_nav li#foundation a {
				background-image: url(../images/topmenu/bg_main_nav_foundation_yellow.png);        
			}

			body#yellow #main_nav li#organization a {
				background-image: url(../images/topmenu/bg_main_nav_organization_yellow.png);        
			}

			body#grey #main_nav li#home a {
				background-image: url(../images/topmenu/bg_main_nav_home_grey.png);        
			}

			body#grey #main_nav li#general a {
				background-image: url(../images/topmenu/bg_main_nav_general_grey.png);        
			}

			body#grey #main_nav li#foundation a {
				background-image: url(../images/topmenu/bg_main_nav_foundation_grey.png);        
			}

			body#grey #main_nav li#organization a {
				background-image: url(../images/topmenu/bg_main_nav_organization_grey.png);        
			}



		/* Sidebar Navigation */
			
			#aside {
				margin:             5px 0 0 0;
			  float:              left;
				list-style:         none;
				margin:             0 0 36px 0;
				width:              180px;
			}

			body#purple #aside li {
				margin:             0 0 15px 0;
				background:         url(../images/vertmenu/purple/navbg.jpg) repeat-x;
				border:             1px solid #a955b3;
			}
			
			body#yellow #aside li {
				margin:             0 0 15px 0;
				background:         url(../images/vertmenu/yellow/navbg.jpg) repeat-x;
				border:             1px solid #ffc112;
			}
			
			body#grey #aside li {
				margin:             0 0 15px 0;
				background:         url(../images/vertmenu/grey/navbg.jpg) repeat-x;
				border:             1px solid #818386;
			}

			#aside h2 {
				color:              #fff;
				display:            block;
				margin:             0;
				height:             19px;
				padding:            7px 0 0 5px;
				text-decoration:    none;
				font:               12px Arial, Helvetica, sans-serif;
			}
			

			body#purple #aside a:hover {
				background:         #712b79;
				color:              #fff;
			}
			
			body#yellow #aside a:hover {
				background:         #D6AD18;
				color:              #fff;
			}
			
			body#grey #aside a:hover {
				background:         #6D6C6E;
				color:              #fff;
			}

			body#purple #aside li li, body#grey #aside li li, body#yellow #aside li li {       
				font:               12px Arial, Helvetica, sans-serif;
				background:         #fff;
				border:             1px solid #bfc3c7;
				border-width:       1px 0 0 0;
				margin:             0 0 0 0;
			}

			#aside li a {
				background:         #fff;
				color:              #818386;
				font:               12px Arial, Helvetica, sans-serif;
				display:            block;
				margin:             0;
				height:             19px;
		 		padding:            7px 0 0 5px;
				text-decoration:    none;
			}

			#aside li li a:hover {
				background:         #818386;
				color:              #fff;
			}       
			
			#aside li.current a {
				color:              #000;  
			}




/*** Image Styles ***/

		/* General Image Styles */
		
			img {
				border: 				none;
			}        
			
			#supersize img{
				height:         100%;
				width:          100%;
			}          
			
			#logo img {
/*				filter:         alpha(opacity=100);
*/				margin:         25px 0 0 25px;
/*				opacity:        1.0;*/
			}
			
		
		/************************/                     
		
                                     
















		#map {    
			background:url(../images/wereldkaart/map.gif) no-repeat top left;
			height:484px;   
			position:relative;
			width:704px;  
		} 
		             
		#map div {
			height:484px; 
			width:704px; 
		}
		#detail_brazil {
			background:url(../images/wereldkaart/map_brazil.png) no-repeat top left;
		}  
		#detail_congo {
			background:url(../images/wereldkaart/map_congo.png) no-repeat top left;
		}  
		#detail_benin {
			background:url(../images/wereldkaart/map_benin.png) no-repeat top left;
		}  
		#detail_burundi {
			background:url(../images/wereldkaart/map_burundi.png) no-repeat top left;
		}  
		#detail_zambia {
			background:url(../images/wereldkaart/map_zambia.png) no-repeat top left;
		}  
		#detail_uganda {
			background:url(../images/wereldkaart/map_uganda.png) no-repeat top left;
		}  
		#detail_south_africa {
			background:url(../images/wereldkaart/map_south_africa.png) no-repeat top left;
		}  
		#detail_nigeria {
			background:url(../images/wereldkaart/map_nigeria.png) no-repeat top left;
		}  
		#detail_cameroun {
			background:url(../images/wereldkaart/map_cameroun.png) no-repeat top left;
		}  
		#detail_rwanda {
			background:url(../images/wereldkaart/map_rwanda.png) no-repeat top left;
		}  
		#detail_gambia {
			background:url(../images/wereldkaart/map_gambia.png) no-repeat top left;
		}  
		#detail_ghana {
			background:url(../images/wereldkaart/map_ghana.png) no-repeat top left;
		}  
		#detail_kenya {
			background:url(../images/wereldkaart/map_kenya.png) no-repeat top left;
		}  
		#detail_kenya_2 {
			background:url(../images/wereldkaart/map_kenya_2.png) no-repeat top left;
		}  
		#detail_pakistan {
			background:url(../images/wereldkaart/map_pakistan.png) no-repeat top left;
		}  
		#detail_pakistan_2 {
			background:url(../images/wereldkaart/map_pakistan_2.png) no-repeat top left;
		}  
		#detail_thailand {
			background:url(../images/wereldkaart/map_thailand.png) no-repeat top left;
		}  
		#detail_thailand_2 {
			background:url(../images/wereldkaart/map_thailand_2.png) no-repeat top left;
		}  
		#detail_india {
			background:url(../images/wereldkaart/map_india.png) no-repeat top left;
		}  
		#detail_india_2 {
			background:url(../images/wereldkaart/map_india_2.png) no-repeat top left;
		}  
		#detail_india_3 {
			background:url(../images/wereldkaart/map_india_3.png) no-repeat top left;
		}  
		#detail_india_4 {
			background:url(../images/wereldkaart/map_india_4.png) no-repeat top left;
		}  
		#detail_india_5 {
			background:url(../images/wereldkaart/map_india_5.png) no-repeat top left;
		}  
		#detail_india_6 {
			background:url(../images/wereldkaart/map_india_6.png) no-repeat top left;
		}  
		#detail_nepal {
			background:url(../images/wereldkaart/map_nepal.png) no-repeat top left;
		}  
		#detail_nepal_2 {
			background:url(../images/wereldkaart/map_nepal_2.png) no-repeat top left;
		}  
 
		
		
		#map a {      
			text-indent:-10000px;
	  		display:block; 
			position:absolute;
			height:20px;     
  			width:20px;  
  		}   

		#map a#brazil {
			left:33px;
			top:390px;
		}
		#map a#congo {
			left:314px;
			top:297px;
		}
		#map a#benin {
			left:228px;
			top:252px;
		}
 		#map a#burundi {
			left:352px;
			top:312px;
		}
 		#map a#zambia {
			left:374px;
			top:357px;
		}
 		#map a#uganda {
			left:365px;
			top:280px;
		}
 		#map a#south_africa {
			left:310px;
			top:447px;
		}
 		#map a#nigeria {
			left:259px;
			top:251px;
		}
 		#map a#cameroun {
			left:269px;
			top:272px;
		}
 		#map a#rwanda {
			left:359px;   
			height:16px;
			top:298px;
		}
 		#map a#gambia {
			left:159px;   
			top:238px;
		}
 		#map a#ghana {
			left:212px;   
			top:268px;
		}
 		#map a#kenya {
			left:382px;   
			top:288px;
		}
 		#map a#kenya_2 {
			left:398px;   
			top:276px;
		}
 		#map a#pakistan {
			left:548px;   
			top:136px;
		}
 		#map a#pakistan_2 {
			left:528px;   
			top:180px;
		}
 		#map a#thailand {
			left:670px;   
			top:197px;
		}
 		#map a#thailand_2 {
			left:650px;   
			top:207px;
		}
 		#map a#india {
			left:562px;   
			top:167px;
		}
 		#map a#india_2 {
			left:572px;   
			top:150px;
		}
 		#map a#india_3 {
			left:578px;   
			top:245px;
		}
 		#map a#india_4 {
			left:563px;   
			top:236px; 
			width:15px;
		}
 		#map a#india_5 {
			left:572px;   
			top:215px;
		}         
 		#map a#india_6 {
			left:620px;   
			top:185px;
		}
 		#map a#nepal {
			left:595px;   
			top:149px;
		}
 		#map a#nepal_2 {
			left:609px;   
			top:164px;
			height:15px;  
			width:15px;
		}
          







		#netwerk {    
			background:url(../images/netwerk/master.png) no-repeat -50px 0;
			height:1160px;   
			position:relative;
			width:634px;  
			z-index:1;
		} 

		.detail {
			height:1160px; 
			left:320px;         
			top:-85px;
			position:absolute;
			width:382px; 
		}
		#detail1 {
			background:url(../images/netwerk/detail1.gif) no-repeat top left;
		}  
		#detail2 {
			background:url(../images/netwerk/detail2.gif) no-repeat top left;
		}  
		#detail3 {
			background:url(../images/netwerk/detail3.gif) no-repeat top left;
		}  
		#detail4 {
			background:url(../images/netwerk/detail4.gif) no-repeat top left;
		}  
		#detail5 {
			background:url(../images/netwerk/detail5.gif) no-repeat top left;
		}  
		#detail6 {
			background:url(../images/netwerk/detail6.gif) no-repeat top left;
		}      
		#detail7 {
			background:url(../images/netwerk/detail7.gif) no-repeat top left;
		}  
		#detail8 {
			background:url(../images/netwerk/detail8.gif) no-repeat top left;
		}  
		#detail9 {
			background:url(../images/netwerk/detail9.gif) no-repeat top left;
		}  
		#detail10 {
			background:url(../images/netwerk/detail10.gif) no-repeat top left;
		}  
		#detail11 {
			background:url(../images/netwerk/detail11.gif) no-repeat top left;
		}  

		#netwerk ul {      
			left:95px;
			position:absolute;  
			top:66px;  
			list-style:none;
		}        

		#netwerk li a {      
			cursor:pointer;
	  		display:block;
			height:69px;     
			margin:0 0 12px 0;
			width:219px;  
		}             
		
		#content #netwerk li {
			list-style:none;   
			margin:0;
		}      

		#netwerk li a span {
			display:block;
			width:119px;  
		}
		#netwerk li#item6 a {
			height:49px;     
			margin:29px 0 13px 0;
		}
		#netwerk li#item7 a {
			height:49px;     
			margin:0 0 14px 0;
		}
		#netwerk li#item8 a {
			height:49px;     
			margin:0 0 32px 0;
		}     

		#netwerk li a:hover, #netwerk li.active a  {
			background:url(../images/netwerk/bg_master_a.png) no-repeat right center;
		}
		#netwerk li.small a:hover, , #netwerk li.small.active a {
			background:url(../images/netwerk/bg_master_small_a.png) no-repeat right center;
		}