body { 
    margin: 0px; 
    padding: 0px; 
    height:100%;
    background: url(../images/layout/background.jpg); 	
	background-repeat: repeat-x;	    
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
} 

div#canvas {
	margin: 0px auto;
	width:950px;		
	min-height:1200px;
	_height:1200px;
/*	background-color:#FFFFFF; */
}

div#shadowLeft {
	width:50px;
    background: url(../images/layout/schaduwlinks.png); 	
	background-repeat: repeat-y;
	min-height:1200px;
	_height:1200px;
	/* background-color:#00CCFF; */
	float:left;
}

div#shadowRight {
	width:50px;
    background: url(../images/layout/schaduwrechts.png); 	
	background-repeat: repeat-y;
	min-height:1200px;
	_height:1075px;
	/* background-color:#00CCFF; */
	float:left;
}	

div#site {
	width:850px;
	min-height:100%;
	_height:100%;
    background: url(../images/layout/background_canvas.jpg); 	
	background-repeat: repeat-x;		
	background-color: #FFFFFF;
	float:left;	
}
	
	div#top {
		width:850px;
		height:137px;
		float:left;
		/* background-color:#00CCFF;*/
	}

	div#middle {
		width:850px;
		height:299px;
		float:left;
		/* background-color:#FFCC00;*/
	}
	
		div#menu {
			width:375px;
			height:299px;
			float:left;
			/* background-color:#FFCCFF;*/
		}
		
			ul#mainNavigation {
				position:relative;
				top:20px;
				left:20px;
				float:left;
				margin:0px;
				padding:0px;
				list-style-type: none;
			}
			
			ul#mainNavigation li			{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; color: #000000; text-decoration:none; font-weight:bold; }			
			ul#mainNavigation li a 			{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; color: #000000; text-decoration:none; font-weight:bold; }			
			ul#mainNavigation li a:hover 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; color: #000000; text-decoration:underline; font-weight:bold; }
			ul#mainNavigation li a#inactief	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; color: #999999; text-decoration:none; font-weight:bold; }

		
		div#flashcontent {
			width:475px;
			height:299px;
			float:left;
			/* background-color:#FFFF00; */
		}
		
	div#content {
		width:570px;
		height:700px;
		margin-left:8px;
		margin-top:10px;
		/* background-color:#00FF00;*/
		float:left;
		overflow:auto;
	}
	
	div#contentFull {
		width:820px;
		height:700px;
		margin-left:8px;
		margin-top:10px;
		/* background-color:#00FF00; */
		float:left;
		overflow:auto;
	}

	div#rightside {
		width:240px;
		height:590px;
		margin-left:8px;
		margin-top:10px;
		/* background-color:#AAFFCC; */
		float:left;
	}		
		
	div#footer {
		width:800px;
		height:13px;
		margin-top:10px;
		_margin-top:5px;		
		margin-left:25px;
		_margin-left:12px;
		float:left;
		text-align:center;
	}

	.footer,
	.footer A				{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:10px; color: #C0C0C0; text-decoration:none; }
	.footer A:link			{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:10px; color: #C0C0C0; text-decoration:none; }
	.footer A:visited		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:10px; color: #C0C0C0; text-decoration:none; } 
	.footer A:active		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:10px; color: #C0C0C0; text-decoration:none; }
	.footer A:hover			{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:10px; color: #000000; text-decoration:none; }
	
	tr 			{ }
	.initial 	{ }
	.normaal 	{ background-color: #e5d1b3; }
	.highlight 	{ background-color: #FF0000; cursor: pointer;}					
	
	/************************************************************* 
	**	pagina speciefiek										**
	*************************************************************/	
	.activoos				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none;  }
	.activoos A 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none;  }
	.activoos A:link 		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none;  }
	.activoos A:visited 	{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none;  }
	.activoos A:active 		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none;  }
	.activoos A:hover		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: underline;  }
	
	#visitekaartje {
		width: 234px;
		height: 120px;
		margin-left:2px;
		_margin-left:1px;
		margin-right:1px;
		margin-top:1px;
		margin-bottom:3px;
		_margin-bottom:2px;
		float:left;
	}

	
	
	/************************************************************* 
	**	WINKELCENTRA ARTIKELEN									**
	*************************************************************/
	div#artikel	{
		width:450px;
		margin:5px 5px 20px 5px;
		float:left;
		border-bottom:1px solid;
	}	
	
	div#artikelTitel {
		width:450px;
		float:left;
		font-size:18px;
		color: <? echo $textcolor; ?>;
		/* background-color:#FF0000;  */ 
	}

	div#artikelInhoud {
		width:450px;
		float:left;
		color: <? echo $textcolor; ?>;
		/* background-color:#FF0000;  */
		
	}	
	
	div#artikelInhoudafbeelding {
		width:320px;
		float:left;
		color: <? echo $textcolor; ?>;
		/* background-color:#FF0000; */
		
	}	
	
	div#artikelAfbeelding{
		width:120px;
		float:left;
		margin:5px;
		/* background-color:#FF0000; */
	}

	/************************************************************* 
	**	WINKELCENTRA VACATURE									**
	*************************************************************/
	div#vacatureContainer {
		width:530px;
		color:#000000;
		margin:2px 2px 7px 2px;
		padding:3px;
		float:left;
	}

	div#vacatureContainer h1{
		color:#000000;
		font-size:16px;
		font-weight:bold;
		margin:1px;
	}

	div#vacatureContainer h2{
		color:#000000;
		font-size:12px;
		font-weight:bold;
		margin:1px;
	}	
	
	div#vacatureVcard {
		width:236px;
		height:120px;
		margin:0px;
		padding:3px;
		float:left;
		text-align:center;
	}	
	
	div#vacatureOmschrijving {
		width:280px;
		height:104px;
		margin:2px;
		float:left;
		text-align:left;
	}	
	
	div#vacatureDetails {
		width:280px;
		height:14px;
		margin:2px;
		float:left;
		text-align:right;
	}	

	p { 
		font-size: 14px; 
		margin:12px 12px 12px 12px;
	}

	.meer				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#FF0000; text-decoration: none;  }
	.meer A 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#FF0000; text-decoration: none;  }
	.meer A:link 		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#FF0000; text-decoration: none;  }
	.meer A:visited 	{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#FF0000; text-decoration: none;  }
	.meer A:active 		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#FF0000; text-decoration: none;  }
	.meer A:hover		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#FF0000; text-decoration: underline;  }
	

	/************************************************************* 
	**	WINKELCENTRA FOTO										**
	*************************************************************/	
	div#fotoGroot {
		margin:3px;
		height:280px;
		text-align:center;
	}
	
	div#fotoThumbcontainer {
		width:400px; 
		height:150px; 
		float:left; 
		margin-left:45px; 
		_margin-left:22px; 
		text-align:center;
	}
	
	div#fotoThumbs {
		width:75px; 
		height:60px;  
		float:left; 
		margin-left:2px; 
		margin-top:2px;
	}

	.thumb img {
		border:0px;
	}
	
	div#fotoNavigatielinks {
		width:150px; 
		height:16px; 
		float:left; 
		margin-left:20px;
		_margin-left:12px;	
	}
	
	div#fotoNavigatiemidden {
		width:100px; 
		height:16px; 
		float:left; 
		margin-left:10px;
		_margin-left:7px;
		text-align:center;
	}	
	
	div#fotoNavigatierechts {
		width:150px; 
		height:16px; 
		float:left; 
		margin-left:10px; 
		_margin-left:7px; 
		text-align:right;
	}
		
	div#fotoOmschrijving {
		margin:10px; 
	}	
	
	.leesmeer					{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.leesmeer A 				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.leesmeer A:link 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.leesmeer A:visited 		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.leesmeer A:active 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	.leesmeer A:hover			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: underline; }	
	
	ul#albumlist {
		color:#000000;
		margin:0px;
		padding:0px;
	}
	
	ul#albumlist li				{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; margin-bottom:4px;}
	ul#albumlist li A 			{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	ul#albumlist li A:link 		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	ul#albumlist li A:visited 	{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	ul#albumlist li A:active 	{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; }
	ul#albumlist li A:hover		{	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: underline; }



	div#poll {
		margin:3px;
		float:left;
		width:225px;
	}	

	div#rssfeed {
		width:500px;
		margin:0 5px;
		overflow:hidden;
	}

	div#rssfeed a {
		color:#ff0d0c;
		font-weight:300;
		text-decoration:none;
		float:right;
		font-style:italic;
	}
	
	div#rssfeed .title a{
		color:#ff0d0c;
		text-decoration:none;
		float:left;
		width:500px;
		font-style:normal;
	}

	div#rssfeed .description {

	}

	div#rssfeed .rssitem {
		margin:5px 0;
	}