/*
	kleur instellingen per site
*/
body
{
	background-color: #005686;
}

	body.mbo { background-color: #9b4f96; }	
	body.gok { background-color: #eb0076; }
	body.mo { background-color: #269ddf; }	
	body.rkf { background-color: #a5a52c; }	
	body.rfo { background-color: #f58736; }	
	

a
{
	color: #005686;
	text-decoration: none;
}

ul.errors
{
margin-bottom: 10px;
}
	
	body.mco a { color: #005686; }
	body.mbo a { color: #9b4f96; }	
	body.gok a { color: #eb0076; }
	body.mo a { color: #269ddf; }	
	body.rkf a { color: #a5a52c; }	
	body.rfo a { color: #f58736; }	


		
	#wrapper
	{
		margin: 10px auto;
		width: 960px;
		background-color: #fff;
	}
	
	#branding
	{
		width: 960px;
		height: 150px;
		position: relative;
		background-image: url(/static/images/header_mco.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
		body.mbo #branding
		{
			background-image: url(/static/images/header_mbo.jpg);
		}
		body.gok #branding
		{
			background-image: url(/static/images/header_gok.jpg);
		}
		body.mo #branding
		{
			background-image: url(/static/images/header_mo.jpg);
		}
		body.rkf #branding
		{
			background-image: url(/static/images/header_rkf.jpg);
		}
		body.rfo #branding
		{
			background-image: url(/static/images/header_rfo.jpg);
		}
		
		
		
		#welkom
		{
			background-color: #666;
			position: relative;
		}
		
		h1
		{
			color: #fff;
			font-size: 16px;
			font-weight: normal;
			padding: 10px 40px 15px 40px;
			
		}
		
		h2
		{
			margin-bottom: 20px;
			font-size: 16px;
			font-weight: normal;
			font-family: Arial, Helvetica, Arial, sans-serif;
		}
		
		h3
		{
			color: #005686;
		}
	
			body.mco h3 { color: #005686; }
			body.mbo h3 { color: #9b4f96; }	
			body.gok h3 { color: #eb0076; }
			body.mo h3 { color: #269ddf; }	
			body.rkf h3 { color: #a5a52c; }	
			body.rfo h3 { color: #f58736; }	
	
		
		
		p.back
		{
			margin-top: 20px;
		}

		#intranetmenu {
			position: relative;
			float: right;
			top: 0;
			width: 280px;
			height: 40px;
			margin:2px 4px -30px 2px;
			}
			#intranetmenu img {
				float:right;
				}
				body.mco div#wrapper div#body div.spread div#intranetmenu img {
					width: 50px;
				}

		#branding ul
		{
			position: absolute;
			top: 0;
			left: 150px;
			width: 250px;
		}
		
		#branding li
		{
			display: inline;			
		}
		
		#branding li a
		{
			display: block;
			background-color: #005686;
			margin-bottom: 1px;
			padding: 2px 0 2px 10px;
			font-family: "Trebuchet MS";
			text-decoration: none;
			color: #fff;
			font-size: 12px;			
		}
			
			/* bovenste item in site navigatie zelfde kleur als achtergrond */			
			body.mco #branding li a { background-color: #005686; }
			body.mbo #branding li a { background-color: #9b4f96; }	
			body.gok #branding li a { background-color: #eb0076; }
			body.mo #branding li a { background-color: #269ddf; }	
			body.rkf #branding li a { background-color: #a5a52c; }	
			body.rfo #branding li a { background-color: #f58736; }	
			
	
			
			#branding li a#mco
			{
				background-image: url(/static/gfx/nav_mco.jpg);
				background-repeat: repeat-y;
				background-position: 0 0;
			}
			#branding li a#gok
			{
				background-image: url(/static/gfx/nav_gok.jpg);
				background-repeat: repeat-y;
				background-position: 0 0;
			}
			#branding li a#mbo
			{
				background-image: url(/static/gfx/nav_mbo.jpg);
				background-repeat: repeat-y;
				background-position: 0 0;
			}
			#branding li a#mo
			{
				background-image: url(/static/gfx/nav_mo.jpg);
				background-repeat: repeat-y;
				background-position: 0 0;
			}
			#branding li a#rfo
			{
				background-image: url(/static/gfx/nav_rfo.jpg);
				background-repeat: repeat-y;
				background-position: 0 0;
			}
			#branding li a#rkf
			{
				background-image: url(/static/gfx/nav_rkf.jpg);
				background-repeat: repeat-y;
				background-position: 0 0;
			}
			
			
		#logo
		{
			position: absolute;
			top: 0;
			left: 0;
			width: 105px;
			height: 130px;
			text-indent: -9999px;
		}
		
		#listen-now
		{
			position: absolute;
			top: 10px;
			right: 9px;
			width: 83px;
			text-align: left;
			color: #fff;
			font-weight: bold;
			height: 28px;
			text-indent: 0;



			background-image: url(/static/gfx/pijl.gif);
			background-repeat: no-repeat;
			background-position: right top;
		}


		#catalogus-zoek
		{
			position: absolute;
			top: 10px;
			right: 9px;
			width: 134px;
			text-align: left;
			color: #fff;
			font-weight: bold;
			height: 28px;
			text-indent: 0;
			background-image: url(/static/gfx/pijl.gif);
			background-repeat: no-repeat;
			background-position: right top;
		}
	
	

	
	#navigation
	{
		width: 960px;
		background-color: #dfeaf0;
		padding-bottom: 2px;
		position: relative;
		z-index: 200;
	}	


		
		body.mco #navigation { background-color: #dfeaf0; }
		body.mbo #navigation { background-color: #e3d6e8; }	
		body.gok #navigation { background-color: #fbd2dd; }
		body.mo  #navigation { background-color: #bde8f8; }	
		body.rkf #navigation { background-color: #eaeacb; }	
		body.rfo #navigation { background-color: #ffdfc7; }	
			
		
		#navigation #menu
		{
			margin: 0 0 0 40px;
			float: left;
			display: inline;
		}
			
						
			#navigation li
			{
				z-index:100;
				float: left;
				display: block;
				position: relative;	
				
				
			}
			
				#navigation li a
				{
					padding: 4px 6px 5px 6px;
					float: left;
					color: #000;
					/* 1px meer marge aan alle kanten omdat ie6 geen transparant
					borders ondersteund. anders verspringen de knoppen bij rollover */
					margin: 5px 2px 3px 1px;
					font-size: 14px;
					
					display: block;
					z-index: 200;
					position: relative;		
					
				}
				
				#navigation li.current a,
				#navigation li.active a
				{
					margin: 4px 1px 2px 0;
					
					background-color: #fff;
					border: 1px solid #ccc;
				}
					#navigation li ul
					{
						position: absolute;
						top: 0;
						left: 0;						
						padding-top: 38px;
						display: none;
						z-index: 100;
						width: 100%;
						height: 100%;
						
					}
					
					#navigation li.active ul
					{
						display: block;			
					}
					
					#navigation li li
					{
						float: none !important;
						display: block;
						margin: 0;
						padding: 0;
					}
					
					#navigation li.active li a,
					#navigation li.current li a
					{
						margin: 0 1px -1px 0;
						padding: 3px 6px 4px 6px;
						float: none;
						width: 100%;
						display: block;
						background-color: #dfeaf0;
						border-color: #CCC;
						border-width: 1px 1px 1px 1px;
						border-style: solid;
						
						z-index: 200;
					}
					
						
						body.mco #navigation li.current a { color: #005686; }
						body.mbo #navigation li.current a { color: #9b4f96; }	
						body.gok #navigation li.current a { color: #eb0076; }
						body.mo  #navigation li.current a { color: #269ddf; }	
						body.rkf #navigation li.current a { color: #a5a52c; }	
						body.rfo #navigation li.current a { color: #f58736; }
						
						
						
						body.mco #navigation li li a { color: #005686; }
						body.mbo #navigation li li a { color: #9b4f96; }	
						body.gok #navigation li li a { color: #eb0076; }
						body.mo  #navigation li li a { color: #269ddf; }	
						body.rkf #navigation li li a { color: #a5a52c; }	
						body.rfo #navigation li li a { color: #f58736; }
						
						body.mco #navigation li.active li a { background-color: #dfeaf0; }
						body.mbo #navigation li.active li a { background-color: #e3d6e8; }	
						body.gok #navigation li.active li a { background-color: #fbd2dd; }
						body.mo  #navigation li.active li a { background-color: #bde8f8; }	
						body.rkf #navigation li.active li a { background-color: #eaeacb; }	
						body.rfo #navigation li.active li a { background-color: #ffdfc7; }	
						
						body.mco #navigation li.current li a { background-color: #dfeaf0; }
						body.mbo #navigation li.current li a { background-color: #e3d6e8; }	
						body.gok #navigation li.current li a { background-color: #fbd2dd; }
						body.mo  #navigation li.current li a { background-color: #bde8f8; }	
						body.rkf #navigation li.current li a { background-color: #eaeacb; }	
						body.rfo #navigation li.current li a { background-color: #ffdfc7; }
						
						
					
							body.mco #navigation li.active li a.current,
							body.mco #navigation li.active li a:hover,
							body.mco #navigation li.current li a:hover,
							
							body.mbo #navigation li.active li a.current,
							body.mbo #navigation li.active li a:hover,
							body.mbo #navigation li.current li a:hover,
							
							body.gok #navigation li.active li a.current,
							body.gok #navigation li.active li a:hover,
							body.gok #navigation li.current li a:hover,
							
							body.mo #navigation li.active li a.current,
							body.mo #navigation li.active li a:hover,
							body.mo #navigation li.current li a:hover,
							
							body.rkf #navigation li.active li a.current,
							body.rkf #navigation li.active li a:hover,
							body.rkf #navigation li.current li a:hover,
							
							body.rfo #navigation li.active li a.current,
							body.rfo #navigation li.active li a:hover,
							body.rfo #navigation li.current li a:hover
							{
								background-color: #fff !important;
							}			
		
		#navigation form
		{
			float: right;
			margin: 6px 0 0 10px;
			overflow: hidden;
			width: 165px;
			display: inline;
		}
		
		body.mbo #navigation form
		{
			width: 200px;
		}
		
			#navigation input#trefwoord
			{
				padding: 3px;
				margin-right: 2px;
				width: 100px;
				float: left;
				border: 1px solid #ccc;
				display: inline;
			}
			#navigation input#zoek
			{
				padding: 2px 0;
				font-size: 1.2em;
				float: left;
				display: inline;
				background-color: transparent;
			}
			
			body.mbo #navigation input#zoek
			{
				width: 85px;
			}
			
		#navigation #english
		{
			float: right;
			margin: 12px 13px 0px 0px;
			display: inline;
			width: 16px;
			height: 11px;
			background-color: transparent;
			background-image: url(/static/gfx/english.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			text-indent: -9999px;
		}
		#navigation #nederlands
		{
			float: right;
			margin: 12px 13px 2px 0px;
			display: inline;
			width: 16px;
			height: 11px;
			
			background-image: url(/static/gfx/nederlands.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			text-indent: -9999px;
		}
				#navigation #rss
				{
					float: right;
					margin: 10px 13px 2px 0px;
					display: inline;
					width: 14px;
					height: 14px;
										
					background-image: url(http://www.mco.nl/static/images/ico_rss.gif);
					background-repeat: no-repeat;
					background-position: 0 0;
					text-indent: -9999px;
		}
	
	
	
	#submenu
	{
		width: 165px;
		float: left;
		display: inline;
		margin: -0 20px 0 0;
	}
		#submenu dt
		{
			border-top:1px solid #CCCCCC;
			padding-top:10px;
			font-size: 1.3em;
			margin: 6px 0 6px 0;
		}
		#submenu dd
		{
			*left: -20px; /* voor IE */
			*margin-left: -20px; /* voor IE */
			*position: relative; /* voor IE */
			width: 165px;
			display: block;
			padding-left: 7px;
			margin: 0;
			background-image: url(/static/gfx/stripe.gif);
			background-repeat: no-repeat;
			background-position: 0 7px;
			text-align: left;
			clear: both;
			}
			#submenu dd a
			{
				margin: 0;
				padding: 0;
			}
	
	#article-wide
	{
		width: 690px;
		float: left;
		display: inline;
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
	}
		#article-wide h1
		{
			color: #000000;
			margin-bottom: 0;
			padding:0 0 15px 0;
			font-size: 18px;
			font-weight: bold;
			border-bottom:1px solid #CCCCCC;
		}

		#article-wide #intranetwide h1
		{
			color: #000000;
			margin-bottom: 0;
			padding:0 0 15px 0;
			font-size: 18px;
			font-weight: bold;
			height: 90px;
			border-bottom:0px solid #CCCCCC;
			
		}	
		#intranetwide {
		width:400px;
		}

		#article-wide #news-short {
				width: 660px;







				/* margin-left: 40px; */
				float: left;
				display: inline;
				}
				#article-wide #news-short div {
					width: 660px;
					padding: 5px 10px 5px 20px;
					background-image: url(/static/images/dot.gif);
					background-repeat: no-repeat;
					background-position: 0 9px;			
					background-color: #fff;
				}
				#article-wide #news-short h3 {
					margin: 0;
					color: #005686;			
					}
				
					#article-wide #news-short div.over {
						background-color: #eff4f8;
						cursor: pointer;
					}
						/* kleuren per site */
						body.mbo #article-wide #news-short div { background-image: url(/static/images/dot_mbo.gif); }
						body.mbo #article-wide #news-short div.over { background-color: #f1e6f5; }
						body.mbo #article-wide #news-short h3 { color: #9b4f96; }
					
					
						body.gok #article-wide #news-short div { background-image: url(/static/images/dot_gok.gif); }
						body.gok #article-wide #news-short div.over { background-color: #fce8ee; }
						body.gok #article-wide #news-short h3 { color: #eb0076; }
				
						body.rfo #article-wide #news-short div { background-image: url(/static/images/dot_rfo.gif); }
						body.rfo #article-wide #news-short div.over { background-color: #ffdfc7; }
						body.rfo #article-wide #news-short h3 { color: #f58736; }
									
						body.mo #article-wide #news-short div { background-image: url(/static/images/dot_mo.gif); }
						body.mo #article-wide #news-short div.over { background-color: #bde8f8; }
						body.mo #article-wide #news-short h3 { color: #269ddf; }
					
						body.rkf #article-wide #news-short div { background-image: url(/static/images/dot_rkf.gif); }
						body.rkf #article-wide #news-short div.over { background-color: #eaeacb; }	
						body.rkf #article-wide #news-short h3 { color: #a5a52c; }	

		#article-wide h2
		{
			margin-bottom: 0;
		}
		#article-wide h3
		{
			margin: 20px 0 10px 0;
			font-size: 16px;
			font-weight: normal;
		}
		#article-wide img
		{
			float: right;
			border: 5px solid #eee;
			margin: 0 0 10px 10px;
		}
		
		#article-wide img[align="left"]
		{
			float: left;
			border: 5px solid #eee;
			margin: 0 10px 10px 0;
		}
		
		#article-wide hr
		{
			background-color: #CCC;
			height: 1px;
		}
		#article-wide p
		{
			overflow: hidden;
			width: 690px;
			padding: 2px;
			
		}
		#article-wide p.fragmenten
		{
			
			border-color: #CCC;
			border-width: 1px 0 1px 0;
			border-style: solid;
		}
	
		#article-wide table strong { font-weight: bold; }
	
		/* voor de teksteditor */
		img[align="left"]
		{
			float: left;
		}
		img[align="right"]
		{
			float: right;
		}
		
	
	#body
	{
		width: 960px;
		padding: 10px 0;
		 min-height: 300px;
		background-color: #fff;
	
	}

		div.spread
		{
			margin: 20px 40px 20px 40px;
			width: 880px;
			overflow: hidden;

		
		}
		div.spread p
		{
			margin: 0 0 10px 0;
	
		}
		div.spread p strong
		{
			font-weight: bold;
		}
		div.spread p img
		{
				
				border: 5px solid #eee;
				margin-left: 10px;
			}
		.imagerechts {
			float: right;
		}
		
		
		div.news-item, div.link-item
		{
			border-bottom: 1px dotted #ccc;
			
			/*
			position: relative;
			z-index: 1;
			*/
			overflow: hidden;
			width: 880px;
			padding: 10px 0;
		}
		
		div.newsover
		{
			background-color: #dfeaf0;
			cursor: pointer;
		}
			div.news-item p, div.link-item p
			{
				width: 880px;
				float: left;
			}
		
			/* kleuren per site */
			body.mbo div.newsover { background-color: #f1e6f5; }		
			body.gok div.newsover { background-color: #fce8ee; }		
			body.rfo div.newsover { background-color: #ffdfc7; }			
			body.mo div.newsover { background-color: #bde8f8; }			
			body.rkf div.newsover { background-color: #eaeacb; }	
			
		
			div.news-item h2, div.link-item h2
			{
				font-size: 11px;
				margin:0;
				font-weight: bold;
				width: 700px;
				float: left;
			}
			div.news-item p.datum
			{
				float: left;
				text-align: right;
				width: 180px;
				font-style: italic;
				}
				#body div.spread div#article p.datum {
					padding: 0px;
					margin: 0px;
				}
			

			p.news-pager
			{	
				width: 880px;
				overflow: hidden;
			}
				p.news-pager a.back
				{
				}
				p.news-pager a.next
				{
					float: right;
				}
				
				
		div.main-col
		{
			width: 440px;
			float: left;
			display: inline;
			overflow: hidden;
		}
		div.secondary-col
		{
			width: 400px;
			margin: 0 0 10px 40px;
			float: left;
			display: inline;			
			padding-bottom: 10px;
		}
		
		
		div.cd-dvd
		{
			width: 440px;
			float: left;
			display: inline;
			overflow: hidden;
			border-bottom: 1px solid #ccc;
			padding-bottom: 10px;
			margin-bottom: 20px;
		}
			div.cd-dvd img
			{
				border: 5px solid #eee;
			}
			
		#article
		{
			width: 440px;
			float: left;
			display: inline;
			overflow: hidden;
		}
		










			#article p
			{
				padding: 10px 0;
			}
				#article p.note { clear: both; }
			#article p em
			{
				font-style: italic;
			}
			
			#article ul{
				list-style-image:none;
				list-style-position:inside;
				list-style-type:disc;
			}			
			
		#article-images
		{
			width: 400px;
			margin: 0 0 10px 40px;
			float: left;
			display: inline;			
			padding-bottom: 10px;
		}
			#article-images img
			{
				border: 5px solid #eee;
			}
		#gallery-images
		{
			margin: 0;
			float: left;
		}
			#gallery-images img
			{
				border: 5px solid #eee;
				margin: 0 ;
				float:none;
			}
			
			
		#ZoomImage{
			width:100%;
			height:100%;
		}

		#gastenboek
		{
			width: 440px;
			float: left;
			display: inline;
			overflow: hidden;
		}
		
			
		.comment
		{
			overflow: hidden;
			width: 440px;
		}
			.comment p.author
			{
				background-color: #bde8f8;
				padding: 0;
				color: #005686;
				overflow: hidden;
				padding: 3px 5px;
				margin: 10px 0;
			}
			
			
			.comment p.author cite
			{
				float: left;
				width: 130px;
				text-align: left;
			}
			.comment p.author span.onderwerp
			{
				text-align: center;
				float: left;
				width: 170px;
			}
			.comment p.author span.plaats
			{
				float: left;
				width: 130px;
				text-align: right;
			}
			.comment p.dated
			{
				text-align: right;
				font-style: italic;
			}
			
			p.commentpager
			{
				overflow: hidden;
				margin: 20px 0;
			}
				p.commentpager a.back
				{
					float: left;

					font-weight: bold;
				}
				p.commentpager a.next
				{
					float: right;
					font-weight: bold;
				}
			
			
		body.mco .comment p.author { background-color: #dfeaf0; }
		body.mbo .comment p.author { background-color: #e3d6e8; }	
		body.gok .comment p.author { background-color: #fbd2dd; }
		body.mo .comment p.author { background-color: #bde8f8; }	
		body.rkf .comment p.author { background-color: #eaeacb; }	
		body.rfo .comment p.author { background-color: #ffdfc7; }	
		
		
		/*
			
			body.mco #navigation { background-color: #dfeaf0; }
		body.mbo #navigation { background-color: #e3d6e8; }	
		body.gok #navigation { background-color: #fbd2dd; }
		body.mo  #navigation { background-color: #bde8f8; }	
		body.rkf #navigation { background-color: #eaeacb; }	
		body.rfo #navigation { background-color: #ffdfc7; }	
		
			*/
			
		
		#gastenboekformulier
		{
			margin-top: 20px;
			overflow: hidden;
			width: 410px;
		}	
			
			#gastenboekformulier p
			{
				overflow: hidden;
				width: 410px;
				margin-bottom: 10px;
			
			}
			
			#gastenboekformulier label
			{
				width: 90px;
				float: left;
			}
			
			#gastenboekformulier input
			{
				float: left;
				width: 300px;
				padding: 3px;
				border: 1px solid #005686
			}
			#gastenboekformulier textarea
			{
				float: left;
				width: 400px;
				padding: 3px;
				border: 1px solid #005686
			}
			#gastenboekformulier p.actions
			{
				text-align: left;
			}
			#gastenboekformulier #terug,


















			#gastenboekformulier #herstel,
			#gastenboekformulier #verstuur
			{
				width: 70px;
				float: none;
				margin: 0 10px 0 0;
				color: #005686;
				background-color: #fff;
			}
			
		#voorstellen
		{
			width: 540px;
			float: left;
			display: inline;
			overflow: hidden;
		}

			#voorstellen-images

			{
				width: 300px;
				margin: 0 0 10px 40px;
				float: left;
				display: inline;			
				padding-bottom: 10px;
			}

			#voorstellen-images img
			{
				border: 5px solid #eee;
			
			}
		

		
		
		#agenda
		{
			width: 440px;
			/*
			min-height: 285px;
			*/
			float: left;
			display: inline;
			overflow: hidden;
			padding-bottom: 10px;
			
			margin-bottom: 10px;
		}
				
			#agenda-scroller
			{
				width: 200px;
				overflow: hidden;				
				color: #005686;
				font-size: 1.2em;
				margin-bottom: 5px;
			}
					
			body.mco #agenda-scroller { color: #005686; }
			body.mbo #agenda-scroller { color: #9b4f96; }	
			body.gok #agenda-scroller { color: #eb0076; }
			body.mo #agenda-scroller { color: #269ddf; }	
			body.rkf #agenda-scroller { color: #a5a52c; }	
			body.rfo #agenda-scroller { color: #f58736; }	
	
			
				#agenda-scroller em

				{
					display: block;
					float: left;

					width: 170px;
					text-align: center;
				}
				#agenda-scroller a.back
				{
					display: block;
					float: left;
					width: 15px;
					height: 12px;
					background-image: url(/static/gfx/back.gif);

					background-repeat: no-repeat;
					background-position: 50% 50%;
					text-indent: -9999px;
					padding: 0;
					margin: 0;
				}
				#agenda-scroller a.forward
				{
					display: block;
					float: left;
					width: 15px;
					height: 12px;
					padding: 0;
					background-image: url(/static/gfx/next.gif);
					background-repeat: no-repeat;
					background-position: 50% 50%;
					text-indent: -9999px;
					margin: 0;
				}
				
				
	
			
			#agenda div.kalender
			{
				float: left;
				width: 200px;
			}
			#agenda div.kalendershorts
			{

				width: 235px;
				height: 250px;	
				overflow: auto;
				margin:0px;
				padding:0px;
			}
			#agenda div.kalendershorts dl
			{
				margin:0px 0px 0px 5px;
				padding:0px;
				margin-bottom: 10px;
			}
			
			#agenda table
			{
				float: left;
				background-color: #f6f6f6;
				border-color: #f6f6f6;
				border-width: 2px 0 0 2px;
				border-style: solid;
				
				/*width: 200px;*/
				empty-cells: hide;
				

				display: block;
			}
		
			#agenda thead th
			{
				background-color: #f6f6f6;
				font-weight: bold;
				text-align: center;
				color: #aaa;
				width: 26px;
				height: 22px;
				font-size: .9em;
			}
			
			#agenda td,
			#agenda th
			{
				
				text-align: center;
				background-color: #fff;
				vertical-align: middle;
				border-color: #f6f6f6;
				border-width: 0 2px 2px 0;
				border-style: solid;
				height: 24px;
				font-size: .9em;
				color: #005686;
			}
			
				
			body.mco #agenda td { color: #005686; }
			body.mbo #agenda td { color: #9b4f96; }	
			body.gok #agenda td { color: #eb0076; }
			body.mo #agenda td { color: #269ddf; }	
			body.rkf #agenda td { color: #a5a52c; }	
			body.rfo #agenda td { color: #f58736; }	
			
			
			#agenda td.empty
			{
				background-color: #f6f6f6;
			}
			
			#agenda tbody a
			{
				background-color: #dfeaf0;
				display: block;
				padding: 3px 0;
				border: 1px solid #dfeaf0;
			}
			
						
				body.mco #agenda tbody a { background-color: #dfeaf0; }
				body.mbo #agenda tbody a { background-color: #e3d6e8; }	
				body.gok #agenda tbody a { background-color: #fbd2dd; }
				body.mo  #agenda tbody a { background-color: #bde8f8; }	
				body.rkf #agenda tbody a { background-color: #eaeacb; }	
				body.rfo #agenda tbody a { background-color: #ffdfc7; }
			
		
			
			#agenda tbody td.coming a
			{


				border: 1px solid #005686;
			}
								
				body.mco #agenda tbody td.coming a { border: 1px solid #005686; }
				body.mbo #agenda tbody td.coming a { border: 1px solid #9b4f96; }	
				body.gok #agenda tbody td.coming a { border: 1px solid #eb0076; }
				body.mo #agenda tbody td.coming a { border: 1px solid #269ddf; }	
				body.rkf #agenda tbody td.coming a { border: 1px solid #a5a52c; }	

				body.rfo #agenda tbody td.coming a { border: 1px solid #f58736; }	
			
			
			/* nog doen met lichtere tinten */
			#agenda tbody a:hover
			{
				background-color: #005686;
				display: block;
				padding: 3px 0;
				border: 1px solid #dfeaf0;
				color: #fff;
			}
				body.gok #agenda tbody a:hover
				{


					background-color: #eb0076;
					border: 1px solid #fce8ee;
				}
				
				
				body.mco #agenda tbody a:hover { background-color: #005686; }
				body.mbo #agenda tbody a:hover { background-color: #9b4f96; }	
				body.gok #agenda tbody a:hover { background-color: #eb0076; }
				body.mo  #agenda tbody a:hover { background-color: #269ddf; }	
				body.rkf #agenda tbody a:hover { background-color: #a5a52c; }	
				body.rfo #agenda tbody a:hover { background-color: #f58736; }	
				
				
				
			#agenda dl
			{
				float: left;
				margin-left: 20px;
				width: 202px;
			}
			
			/* nog fixen met js voor oudere browsers */
			#agenda dl:hover
			{
				background-color: #dfeaf0;
				cursor: pointer;
			}
			
			
				body.mco #agenda dl:hover { background-color: #dfeaf0; }
				body.mbo #agenda dl:hover { background-color: #e3d6e8; }	
				body.gok #agenda dl:hover { background-color: #fbd2dd; }
				body.mo  #agenda dl:hover { background-color: #bde8f8; }	
				body.rkf #agenda dl:hover { background-color: #eaeacb; }	
				body.rfo #agenda dl:hover { background-color: #ffdfc7; }
			
			
			
		#uitgelicht
		{
			width: 400px;
			margin: 0 0 20px 0;
			float: left;
			display: inline;
			border-bottom: 1px solid #ccc;
			padding-bottom: 20px;
			position: relative;
			
			min-height: 200px;
			
		}
			#uitgelicht p
			{
				margin-bottom: 10px;
			}
			#uitgelicht img
			{
				float: right;
				border: 5px solid #eee;
				margin-left: 10px;
			}
			
			#uitgelicht p.details
			{
				position: absolute;
				left: 0;
				bottom: 10px;
			}
			
		#evenvoorstellen
		{
			width: 400px;
			margin: 0 0 20px 0;
			float: left;
			display: inline;
			border-bottom: 1px solid #ccc;
			padding-bottom: 20px;
			position: relative;
			
			
			
		}
			#evenvoorstellen p
			{
				padding-bottom: 30px;
			}
			
			#evenvoorstellen p.details
			{
				position: absolute;
				bottom: 10px;
				left: 175px;
				padding: 0;
			}
			#evenvoorstellen img
			{
				float: left;
				border: 5px solid #eee;
				margin-right: 10px;
			}
			
			
		
		#zoek-concertagenda
		{
			width: 400px;
			margin: 0 0 10px 0;
			float: left;
			display: inline;	
			padding-bottom: 10px;
		}
			#zoek-concertagenda p
			{
				width: 400px;
				margin-bottom: 7px;
				overflow: hidden;
			}
			#zoek-concertagenda label
			{	
				width: 130px;
				display: block;
				float: left;
			}
			#zoek-concertagenda select
			{
				width: 220px;
				float: left;
				border: 1px solid #ccc;
			}
				#zoek-concertagenda select#dag_vanaf,
				#zoek-concertagenda select#maand_vanaf,
				#zoek-concertagenda select#jaar_vanaf,
				#zoek-concertagenda select#dag_tot,
				#zoek-concertagenda select#maand_tot,
				#zoek-concertagenda select#jaar_tot
				{
					width: 70px;
					margin: 0 5px 0 0;
				}
				
			#zoek-concertagenda input
			{
				width: 214px;
				float: left;
				border: 1px solid #ccc;
				padding: 2px;
			}
			
			#zoek-concertagenda #concert-zoek
			{
				background-color: #005686;
				color: #fff;
				float: right;
				width: 40px;
			}
			
		#seizoenbrochure,.form_table
		{
			/*width: 440px;*/




			width: 350px;
			float: left;
			display: inline;
			overflow: hidden;
			margin-top: 20px;
		}

		.form_table tr
		{
			height: 28px;
		}

#article-wide .form_table_left, #article-wide .form_table_right {

	
			
}

textarea {
 				width: 230px;
 				height:150px;
 				float: left;
 				border: 1px solid #ccc;
				padding: 2px;
				margin-top:5px;

 }

 #article-wide textarea {
 				width: 230px;
 				height:150px;
 				float: left;
 				border: 1px solid #ccc;
				padding: 2px;
				margin-top:5px;

 }

			#seizoenbrochure p
			{
				width: 400px;
				margin-bottom: 7px;
				padding: 0;
				overflow: hidden;
			}
			#seizoenbrochure p.indent
			{
				padding-left: 110px;
				width: 270px;
			}
			#seizoenbrochure label,.form_table_left
			{	

				width: 110px;
				display: block;
				float: left;
			}
			#seizoenbrochure select,.form_field select
			{
				width: 80px;
				float: left;
				border: 1px solid #ccc;
			}
			
			#article-wide input, #seizoenbrochure input,
			.form_table_right input,
			.form_table_right select,
			.form_table tr td input.form_field
			{
				width: 234px;
				float: left;
				border: 1px solid #ccc;
				padding: 2px;
				margin-top:10px;
			}
			
			.form_table tr .form_table_right.captcha .captcha-img
			{
				width: 110px;
				margin: 11px 10px 0px 0px;
				display: inline;
				float: left;
			}
			
			.form_table tr .form_table_right.captcha .captcha-input
			{
				width: 114px;
				float: left;
			}
			
			.form_table tr td b { font-weight: bold; }
			
			.button_style
			{
				width: 234px;
				float: right;
				border: 1px solid #ccc;
				padding: 2px;
				margin-top: 10px;
				display: inline;
			}

			#seizoenbrochure input.submit,
			#seizoenbrochure input.small,
			.form_table_left input.submit
			{
				width: 74px;			
			}
		
		#coming-concerts
		{
			padding-top: 20px;



			width: 440px;
			float: left;
			display: inline;
			border-top: 1px solid #ccc;
		}
			
			#coming-concerts h2
			{
				margin-bottom: 10px;
			}
		
			#coming-concerts dl
			{
				position: relative;
				width: 440px;
				min-height: 108px;
				max-height: 108px;
				overflow: hidden;
				border-bottom: 1px solid #ddd;

				padding: 10px 0;
			}
			
			#coming-concerts dl.over
			{
				background-color: #eff4f8;
				cursor: pointer;
			}
			
			
			/* kleuren per site */
					

			body.mco #coming-concerts dl.over { background-color: #dfeaf0; }
			body.mbo #coming-concerts dl.over { background-color: #e3d6e8; }	
			body.gok #coming-concerts dl.over { background-color: #fbd2dd; }
			body.mo  #coming-concerts dl.over { background-color: #bde8f8; }	
			body.rkf #coming-concerts dl.over { background-color: #eaeacb; }	
			body.rfo #coming-concerts dl.over { background-color: #ffdfc7; }
			
			
			#coming-concerts dd,
			#coming-concerts dt
			{
				width: 290px;
			}
	
			#coming-concerts strong
			{
				font-weight: bold;
				
			}
			#coming-concerts dt strong
			{
				font-size: 1.1em;			
			}
			
			#coming-concerts dd.componisten
			{
				font-style: italic;
			}
			
			#coming-concerts img
			{
				position: absolute;
				top: 10px;
				right: 0;
				border: 5px solid #eee;
				margin-left: 10px;
				overflow:hidden;
				
			}
		
	
	#programma
	{
		width: 440px;
		overflow: hidden;
		margin-top: 30px;
		float: left;
		display: inline;
		
	}
		#programma h3
		{	
			font-size: 16px;
			font-weight: normal;
			width: 440px;
			float: left;
			padding-bottom: 10px;
			border-bottom: 1px solid #ccc;		
		}
		
		#programma div
		{
			width: 440px;
			overflow: hidden;
			border-bottom: 1px solid #ccc;
			padding: 10px 0;
			float: left;
			display: inline;
		}
		
		#programma p
		{	
			width: 220px;
			float: left;		
		}
		
		#programma p.pager
		{	
			margin-top: 10px;
			width: 440px;
			float: left;
			overflow: hidden;
		}
		#programma p.pager a
		{
			float: left;
			display: block;
		}
		
		#programma p.pager a.back
		{
			width: 150px;
			text-align: left;
		}
		#programma p.pager a.overview
		{
			width: 140px;
			text-align: center;
		}
		#programma p.pager a.next
		{
			width: 150px;
			text-align: right;
		}
		
	#news-short
	{
		width: 400px;
		/* margin-left: 40px; */
		float: left;
		display: inline;
	}
		#news-short p
		{
			margin-bottom: 0;
		}
		
		#news-short h2
		{
			margin-bottom: 10px;
		}
		
		#news-short div
		{
			width: 370px;
			padding: 5px 10px 5px 20px;
			
			background-image: url(/static/images/dot.gif);
			background-repeat: no-repeat;
			background-position: 0 9px;			
			background-color: #fff;
		}
		
		#news-short h3
		{
			margin: 0;
			color: #005686;			
		}
		
		#news-short div.over
		{
			background-color: #eff4f8;
			cursor: pointer;
		}
			/* kleuren per site */
			body.mbo #news-short div { background-image: url(/static/images/dot_mbo.gif); }
			body.mbo #news-short div.over { background-color: #f1e6f5; }
			body.mbo #news-short h3 { color: #9b4f96; }
			
			
			body.gok #news-short div { background-image: url(/static/images/dot_gok.gif); }
			body.gok #news-short div.over { background-color: #fce8ee; }
			body.gok #news-short h3 { color: #eb0076; }
		
			body.rfo #news-short div { background-image: url(/static/images/dot_rfo.gif); }
			body.rfo #news-short div.over { background-color: #ffdfc7; }
			body.rfo #news-short h3 { color: #f58736; }
			
			
			body.mo #news-short div { background-image: url(/static/images/dot_mo.gif); }
			body.mo #news-short div.over { background-color: #bde8f8; }
			body.mo #news-short h3 { color: #269ddf; }
			
			body.rkf #news-short div { background-image: url(/static/images/dot_rkf.gif); }
			body.rkf #news-short div.over { background-color: #eaeacb; }	
			body.rkf #news-short h3 { color: #a5a52c; }	
		
			
		


	#catalogus
	{
		border-bottom: 1px solid #ccc;
		overflow: hidden;
		padding: 0 0 20px 0;
		float: left;
		display: inline;
	}
		#catalogus dl
		{
			float: right;
			width: 300px;
			margin: 0 0 0 10px;
		}
		#catalogus dt
		{
			margin-bottom: 10px;
		}
		#catalogus dd
		{
			width: 290px;
			padding-left: 10px;
			background-image: url(/static/gfx/bullet.gif);
			background-repeat: no-repeat;
			background-position: 0 7px;
		}
		
		#catalogus a.links
		{
			float: left;
			border: 5px solid #eee;
		}
		
		
	#aanwinsten
	{
		border-bottom: 1px solid #ccc;
		overflow: hidden;
		padding: 20px 0;
		float: left;
		display: inline;
	}	
		#aanwinsten td
		{
			vertical-align: middle;
		}
		/*
		#aanwinsten dl

		{
			float: right;
			width: 210px;
			margin: 0 0 0 10px;
		}
		#aanwinsten dt
		{
			font-weight: bold;
		}


		#aanwinsten dd
		{
			margin-bottom: 5px;
		}
		#aanwinsten img
		{
			float: left;		
		}
		#aanwinsten a.links
		{
			float: left;
			border: 5px solid #eee;			
		}
		*/
		
	#links
	{

		width: 690px;
		float: left;
		display: inline;
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
	}
	
		#links h3
		{
			color: #000;
			margin-top: 10px;
		}
		
		#links h4
		{
			color: #000;
			margin-top: 10px;
		}
	
	
	#prijsvraag
	{
		width: 440px;
		border-bottom: 1px solid #ccc;
		overflow: hidden;
		padding: 20px 0;
		float: left;
		display: inline;
	}
		#prijsvraag a.rechts
		{
			float: right;
			border: 5px solid #eee;
			margin-left: 10px;
		}
	

	
	#overleden
	{
		width: 400px;
		border-bottom: 1px solid #ccc;
		overflow: hidden;
		padding: 10px 0 20px 0;
		float: left;
		display: inline;
		margin-bottom: 20px;
	}
		#overleden p
		{
			padding: 0 0 0 10px;
			background-image: url(/static/gfx/kruis.jpg);
			background-repeat: no-repeat;
			background-position: 0 50%;
		}
		
	#contactgegevens
	{
		width: 320px;
		overflow: hidden;
		float: left;
		display: inline;
	}
	#contactgegevens dt
	{
		margin-top: 10px;
		width: 160px;
		float: left;
		display: inline;
	}
	#contactgegevens dd
	{
		margin-top: 10px;
		width: 160px;
		float: left;
		display: inline;
	}
	
	table#musici {
		width: 464px;
		}
		table#musici tr td {
			width: 212px;
			padding: 0px 20px 0px 0px;
			}
			table#musici tr td h3 {
				color: #000;
			}
			table#musici tr td hr {
				background: #CCC;
				height: 1px;
				margin: 20px 0px 20px 0px;
			}
	
	div.staf {
		border-bottom: 1px solid #CCC;
		width: 160px;
		height: 313px;
		float: left;
		margin: 0px 20px 0px 0px;
		}
		div.staf img {
			border: 5px solid #eee;
			margin: 20px 0px 0px 0px;
		}
		div.staf p {
			margin: 0px 0px 20px 0px;
		}
	
	div.geen-foto {
		height: 293px;
		padding: 20px 0px 0px 0px;
		}
		div.geen-foto em {
			background: #EEE;
			font-style: italic;
			text-align: center;
			height: 214px;
			padding: 20px 0px 0px 0px;
			display: block;
		}
		
	em.copyright-fotos {
		font-style: italic;
		padding: 20px 0px 0px 0px;
		clear: both;
		display: block;

	}
	
	#websitelinks {
		width: 460px;

		overflow: hidden;
		float: left;
		display: inline;
		}
		#websitelinks dt {
			margin-top: 10px;
			width: 160px;
			float: left;
			display: inline;
		}
		#websitelinks dd {
			margin-top: 10px;
			width: 300px;
			float: left;
			display: inline;
		}
	
	table#overzicht
	{
		width: 880px;
	}
		table#overzicht td,
		table#overzicht th
		{
			
			padding: 5px;
			border-bottom: 1px solid #ccc;
			vertical-align: top;
		}
		
			
			body.mco table#overzicht td.programma { color: #005686; }
			body.mbo table#overzicht td.programma { color: #9b4f96; }	
			body.gok table#overzicht td.programma { color: #eb0076; }
			body.mo  table#overzicht td.programma { color: #269ddf; }	
			body.rkf table#overzicht td.programma { color: #a5a52c; }	
			body.rfo table#overzicht td.programma { color: #f58736; }	
			
	
			
		table#overzicht a
		{
			font-weight: bold;
		}
		
		table#overzicht th
		{
			width: 156px;
		}
		
		table#overzicht th.wide
		{
			width: 156px;
		}
		table#overzicht td.image
		{
			width: 100px;
		}
		
		table#overzicht th
		{
			
			font-weight: bold;
		}
		table#overzicht img
		{
			float: right;
			border: 5px solid #eee;
		}



		
		table#overzicht tbody tr:hover
		{
			background-color: #eff4f8;
			cursor: pointer;
		}
		
				body.mco table#overzicht tbody tr:hover { background-color: #dfeaf0; }
				body.mbo table#overzicht tbody tr:hover { background-color: #e3d6e8; }	
				body.gok table#overzicht tbody tr:hover { background-color: #fbd2dd; }
				body.mo  table#overzicht tbody tr:hover { background-color: #bde8f8; }	
				body.rkf table#overzicht tbody tr:hover { background-color: #eaeacb; }	
				body.rfo table#overzicht tbody tr:hover { background-color: #ffdfc7; }

	table#smoelenboek  {
		width:400px;
		}				
	table#smoelenboek tr td {
		vertical-align: top;
		}

		table#smoelenboek tr td h2 {
			margin: 20px 0px 10px 0px;
		}
		table#smoelenboek tr td img {
			border: 5px solid #EEE;

			margin: 0px 10px 0px 0px;


		}
		table#smoelenboek td p {
			width:530px;	
		}

	#footer

	{
		width: 880px;
		padding: 6px 40px 7px 40px;
		color: #fff;
		background-color: #666;
		/*
		background-repeat: repeat-x;
		background-position: 0 0;
		background-image: url(/static/gfx/21.gif);
		*/
	}
	
/*
	Muziekbibliotheek Links
*/
#article-wide .mb-links {
	width: 100%;
	clear: both;
	}
	#article-wide p.mb-links {
		text-align: right;
		padding: 10px 0px 0px 0px;
		right: 70px;
		position: relative;
	}
	#article-wide .mb-links p {
		text-align: center;
		padding: 10px 0px 0px 0px;
	}
	#article-wide .mb-links a.page-nav {
		float: right;
	}
	#article-wide .mb-links img.page-nav {
		float: left;
		margin: 0px;
		padding: 0px;
	}
	#article-wide .mb-links ul{
		padding: 10px 0px 0px 0px;
		}
		#article-wide .mb-links ul li {
			width: 200px;
			float: left;
		}


/*
	clearfix
*/
	
* html .clearfix {
	height: 1%; /* IE5-6 */
}

.clearfix {
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
	display: block;  
}

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearboth {
	clear: both;
}

.download_pdf,.download_jpg,.download_doc,.download_xls,.download_
{
	width: 400px;
	height: 33px;
	margin: 0 0 0 0;
	padding: 8px 0 0 34px;
	position: relative;
	background-repeat: no-repeat;
	background-image: url(http://www.mco.nl/static/images/icons/generic.png);
}
.download_pdf
{
	background-image: url(http://www.mco.nl/static/images/icons/pdf.png);
}
.download_xls
{
	background-image: url(http://www.mco.nl/static/images/icons/xls.png);
}
.download_doc
{
	background-image: url(http://www.mco.nl/static/images/icons/doc.png);
}
.download_jpg
{
	background-image: url(http://www.mco.nl/static/images/icons/jpg.png);
}
.right{
	text-align: right;
}

.abcinput img
{
	clear: both; 
}

#sol, #sol .form_table {width:700px;}

#sol .form_table_left {width:400px;text-align:top;margin:10px 5px 10px 0px;}

#sol .form_table_right {padding:0px; margin:10px 0px 10px 0px; vertical-align:top;}


#sol h1 {margin:20px 0px 20px 0px;}

 #sol .form_table input radio{background-color:#f0f;}
 
/**
 * Sollicitatie
 */
#article-wide .form-error
{
	font-size: 13px;
	font-weight: bold;
	padding: 0;
}

#application { width: 690px; }
	#application h1 { margin-bottom: 8px; }
	#application .row
	{
		width: 100%;
		overflow: hidden;
		margin-bottom: 16px;
	}
		#application .row label
		{
			float: left;
		}
		#application .row .text,
		#application .row .dropdown,
		#application .row .text-area
		{
			margin: 0px;
			float: right;
		}
		
		#application .row img.captcha
		{
			border: none;
			margin: 1px 10px 0px 0px;
		}
		
		#application .row .dropdown
		{
			width: 240px;
			border: 1px solid #CCC;
			padding: 2px;
		}
			#application .row .dropdown option { padding: 2px; }
		
		#application .row .text-area
		{
			width: 234px;
			margin: 0px;
		}
		
			#application .row .checkbox-group
			{
				width: 240px;
				float: right;
			}
				#article-wide #application .row .checkbox-group .checkbox
				{
					width: 20px; height: 20px;
					margin: 0 8px 0 0;
					padding: 0;
					display: inline;
					float: left;
					clear: left;
					border: 0;
				}
				#application .row .checkbox-group label
				{
					width: 180px;
					line-height: 20px;
				}
				
		#application .row .field-error
		{
			text-align: right;
			padding: 0;
			margin: 0;
		}

	#application .submit
	{
		width: 240px;
		float: right;
		margin: 0;
	}