@import "/photofolder/front/lightbox.css" screen;

/* BODY & TEXT EFFECTS */
body			{	color: #333; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 140%; margin: 0; }

img				{	border: none; }

h1				{	margin: 0; padding: 0; }
h1 img			{	margin: 15px 0 0 15px;  }
h2				{	font-size: 14px; margin: 0 0 6px 0; padding: 0; color: #00a890; letter-spacing:-.5px;}
h3				{	font-size: 12px; margin: 0 0 6px 0; padding: 0; color: #333;}


a 	{	color: #333; text-decoration: none; }
a:hover	{color: #00a890;}
				 
a.back		{	float: right; }

/* Layout */
	/* Container */
	DIV.MAIN	{	width: 980px; margin: 0 auto; }
	DIV.MAIN > br		{	display: block; clear: both; } 
	
	/* Top */
	DIV.Top		{	background: #00a890 url(/images/top_background.jpg) bottom left no-repeat; height: 150px;  }
		DIV.Top div	{	background: #fff; text-align: right; font-size: 11px; padding: 4px 3px 3px 0;  }

	/* Menu */
	DIV.Menu	{	background: url(/images/menu_background.png) top left repeat-x; height: 30px;  }
		DIV.Menu ul	{	list-style: none; margin: 0; padding: 0; float: left; display: block; }
			DIV.Menu ul li	{	float: left; }
				DIV.Menu ul li a {	display: block; height: 24px; padding: 6px 10px 0 10px;  border-right: 1px solid #d3d3d3;  }
				DIV.Menu ul li a:hover {	color: #00a890; background: url(/images/menu_background.png) 0 -30px repeat-x; }
				
				DIV.Menu ul li.ichiban_dojo a	{	  background: url(/images/menu_background_dojo_button.png) 0 0px repeat-x; font-weight: bold; }
				DIV.Menu ul li.ichiban_dojo a:hover { background: url(/images/menu_background_dojo_button.png) 0 -30px repeat-x; }
				DIV.Menu ul li a.selected			{ background: url(/images/menu_background.png) 0 -30px repeat-x;   }

			
		/* Search*/
		DIV.Menu DIV.Search	{ display: block; float: right; padding-right: 27px;  }
			/* Searchfield */
			DIV.Menu DIV.Search input[type="text"]	{	 font-size: 12px; display: block; float: left; margin-top: 5px; width: 179px; color: #777; border: 1px #d3d3d3 solid; background: #fff url(/images/zoeken_background.gif) 5px 3px no-repeat; padding: 0 0 0 31px; height: 18px;  }
			DIV.Menu DIV.Search input[type="text"]:hover	{	border-color: #333; }
			DIV.Menu DIV.Search input[type="text"]:focus	{	border-color: #00a890; }
		
			/* Search button */
			DIV.Menu DIV.Search input[type="submit"]		{	 font-size: 12px; display: block; float: left; margin: 5px 0 0 3px; height: 20px; color: #00a890; border: 1px #d3d3d3 solid; background: #fff; }
			DIV.Menu DIV.Search input[type="submit"]:hover	{	border-color: #00a890;}
		
		
	/* LEFT */				
	DIV.Left		{	width: 216px; padding-right: 10px; border-right: 1px solid #eee;  clear: left; float: left; }
	
		/* Leftmenu	*/
			DIV.Left h2			{	margin: 15px; }
			DIV.Left ul			{	list-style-image:url(/images/arrow_right.png);  line-height: 150%; }
			DIV.Left ul a:hover	{	text-decoration: underline; }
				Div.Left ul ul 	{	margin: 3px 8px; padding: 0;}
	
	
	/* RIGHT */		
	DIV.Right		{	width: 146px; margin-left: 814px; border-left: 1px #eee solid; padding-left: 10px; float: right; height: 0px; overflow: hidden;   }
	
	/* Content */
	DIV.Content		{	margin-top: 15px; margin-left: 246px; max-width: 700px;    }
	
		/* Carrousel */
		DIV.Carrousel		{	width: 599px; float: left; margin-right: 15px;  }
			DIV.Carrousel div:first-child	{	height: 216px; overflow: hidden; }
			DIV.Carrousel ul	{	width: 599px; height: 43px; list-style: none;  margin: -4px 0 0 0;  border: 1px solid #f0f0f0; border-width: 2px 1px 0px 0px; padding: 0; }
				DIV.Carrousel ul li	{ float: left; }
				
				DIV.Carrousel ul li a	{ padding-top: 10px; display: block; text-align: center; border: 0px solid #f0f0f0; border-width:  0px 0px 1px 1px;  width: 148px; height: 32px; background: url(/images/carrousel_nav.png) center 0 repeat-x;  }
				DIV.Carrousel ul li:first-child	a {	width: 151px;  border: 0px solid #f0f0f0; border-width:  0px 0px 1px 1px; }
				
				DIV.Carrousel ul li a:hover	{ color: #fff; background-position: center -42px; font-weight: bold;   }
				DIV.Carrousel ul li a.selected	{ color: #fff; background-position: center -42px; font-weight: bold;   }

		/* Ik wil */
		DIV.IkWil			{	background: url(/images/blok_background.png) 0 30px repeat-x; width: 366px; float: left; height: 270px; }
			DIV.IkWil h2	{	padding: 10px 0 0 10px; margin: 0; color: #fff; background: url(/images/ik_wil_background.png) top left no-repeat; height: 30px; }
			DIV.IkWil p		{	margin: 0 0 10px 10px;  padding: 0 ; }
			DIV.IkWil ul	{	list-style-image:url(/images/arrow_right.png);  line-height: 150%; }
			DIV.IkWil ul a:hover	{	text-decoration: underline; }
			
		
		/* Beneden blokken */		
		DIV.Content > div > DIV.Nieuwsitem		{ 	margin-top: 15px; float: left; padding: 0 7px 0 15px; width: 226px; border-right: 1px solid #eee;  }
		DIV.Content > div > DIV.Nieuwsitem  a	{	font-weight: bold; display: block; margin-top: 9px;  }
		DIV.Content > div > DIV.Nieuwsitem  a img	{	margin-top: -3px; }
		DIV.Content div ~ DIV.Nieuwsitem	{ 	padding-left: 7px; } 
		
		DIV.Content DIV.Nieuwsbrief			{	margin-top: 15px; padding-left: 7px; float:left; width:226px; clear: right;  }
		DIV.Content DIV.Nieuwsbrief	input[type="text"]			{	font-size: 12px; display: block; float: left; margin-top: 5px; width: 215px; color: #777; border: 1px #d3d3d3 solid; background: #fff; padding: 0 5px 0 5px; height: 18px;}
		DIV.Content DIV.Nieuwsbrief	input[type="text"]:hover	{	border-color: #333; }
		DIV.Content DIV.Nieuwsbrief	input[type="text"]:focus	{	border-color: #00a890; }
		DIV.Content DIV.Nieuwsbrief	input[type="image"]			{	clear: left; margin-top: 13px; }
		
		DIV.Footer			{	margin-top: 40px; line-height: 160%; clear: both; text-align: center; color:#00a890; font-size: 11px;  }
			DIV.Footer ul	{	text-align: center; display: inline; list-style: none; clear: both; margin: 0; padding: 0; }
			DIV.Footer ul li	{	 display: inline; border-left: 1px solid #00a890; padding: 0 5px; }
			DIV.Footer ul li:first-child	{	border: none; padding: 0 5px 0 0; }
			
			DIV.Footer p	{	clear: both; }
			
			DIV.Footer	a		{	color: #00a890; text-decoration: underline; }
			DIV.Footer	a:hover		{	text-decoration: none; }
			
			
		/* Nieuws */
		h2.nieuws	{	margin: 0; padding: 0; width: 100px; display: block; clear: both;  }
		
		DIV.Nieuws 	{	min-height: 120px; clear: both; margin-bottom: 10px; border-bottom: 1px solid #00a890;  }
		DIV.Nieuws img	{	float: left; display: block; }
		
		DIV.Nieuws div	{   float: left; margin-left: 10px; width: 300px;  }
		
	
		/* Fotoalbum */
		DIV.Fotoalbum div	{	float: left; margin: 10px; padding: 10px;  border: 1px #eee solid; }

		DIV.Fotoalbum div:hover	{	 border: 1px #00a890 solid; }
		DIV.Fotoalbum div:hover h3	{	color: #00a890; }
		
		DIV.Fotoalbum div img	{	}
		
		
		/* LeftMenu*/
		
		#listMenu a{	/* Main menu items */
		color:#000;
		text-decoration:none;
		font-weight:bold;

	}
	#listMenu ul li a{	/* Sub menu */

		font-weight:normal;
	}
	#listMenu ul li ul li a{	/* Sub Sub menu */

		font-size:0.9em;
		font-weight:normal;		
	}
	
	#listMenu .activeMenuLink{	/* Styling of active menu item */
	text-decoration: underline;
	}
	
	
	/*
	No bullets
	*/	
	#listMenu li{
		list-style-type:none;	
	}
	
	/*
	No margin and padding
	*/
	#listMenu, #listMenu ul{

	}

	/* Margin of sub menu items */
	#listMenu ul{
		display:none;
		margin-left:10px;
	}
	
DIV.lesroooster_category { float:left; width:485px; margin:0px 10px 0 0; padding-bottom:6px; position: relative; margin-top:10px;}

DIV.lesrooster_header { text-align:center; color:#fff; width:485px; font-size:15px; font-weight:bolder; padding-bottom:3px; float:left;  }

DIV.lesrooster_footer { float:left; height:60px; width:290px; position: absolute; bottom: 0; }

DIV.lesrooster_content { float:left; padding-top:8px; font-size:95%; line-height:8px; font-weight:normal; }

DIV.lesrooster_content a { font-weight:normal; }

DIV.lesrooster_dag { width:30px; color:#fff; font-weight:bolder; float:left; height:15px; margin-top:3px; padding-top:5px; }

.pulldown {
	font-family: arial;
	font-size: 11px;
	height: 17px;
}

.filterbutton {
	font-family: arial;
	font-size: 11px;
	height: 22px;
	margin-top:3px;
	margin-left:5px;
}

DIV.filterbar { font-size:80%; }