body {
	margin: 0;
	padding: 0;
	background-color: #F0F8FF   ;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-image: url(/contentfiles/vlagopeningvanboekenseizoen1%2Ejpg);
	background-repeat: no-repeat;
	background-position: center -25px;
	
	/* background-position: */
}

p
{ padding: 0px;
padding-top: 0px;
padding-bottom: 0px
}


a, a:link {
	color: #000000;
	text-decoration:underline;
}
a:visited {
	color: #666666;
	text-decoration:underline;
}
a:hover, a:active {
	color: red;
	text-decoration:none;
}

	a.nav, a.nav:link, a.nav:visited {color: red; text-decoration:none;}
	a.nav:hover, a.nav:active {color: red; text-decoration:underline;}

a:link span, a:visited span, a:hover span, a:active span {
	text-decoration: none !important;
	float: left;
	display: block;
	padding: 0 4px 0 0;
}	

#container {
	xposition: relative;
	width: 800px;
	margin: 30px auto 0 auto;
}
#menu {
	position: relative;
	height: 80px;
	padding: 17px 0 0 0;
	z-index: 400;
	margin-bottom: 25px; /*to push down table below ;add same amount to margin-top #sheetscontainer below (IE only) */
}
	#menu #logo {
		background-image: url(../images/logo_podium.png);
		width: 49px;
		height: 71px;
		position: relative;
		background-repeat: no-repeat;
		float: left;
	}
	* html #menu #logo {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/logo_podium.png);
		background-image:none; 
	}
	#menu h1 {
		background-image: url(../images/naam_podium.png);
		width: 180px;
		height: 21px;
		position: relative;
		background-repeat: no-repeat;
		float: left;
		text-indent: -9000px;
		margin: 3px 5px 5px 5px;
	}
	* html #menu h1 {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/naam_podium.png);
		background-image:none; 
	}
	#menu ul {margin: 0 0 0 5px;padding: 0;float: left; width: 90%; font-size: 1.3em; font-weight: bold;}
	#menu li {margin:  0  8px 0 0;padding: 0; float: left; list-style-type:none;}
	#menu li a { color: #000000; text-decoration:none; padding: 2px 4px;}
	#menu li a:hover {text-decoration: underline; background-color: #FFF; padding: 2px 4px;}
	
	/* kleurverandering in menu */
	/* howto:
			-in HTML: change the classname of the #menu div (dynamically)
			-in CSS: copy one of below series and replace class- and imagenames and color code for links
			-in Photoshop: open both logo_podium.png and naam_podium.png, change color with 'blending options > color overlay'
	*/
		
		/*white*/
			.white li a{color: white!important;}
			.white #logo {background-image: url(../images/logo_podium_FFFFFF.png)!important;}
			* html .white #logo {
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/logo_podium_FFFFFF.png) !important;
				background-image: none !important;
			}
			.white h1 {background-image: url(../images/naam_podium_FFFFFF.png)!important;}
			* html .white h1 {
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/naam_podium_FFFFFF.png) !important;
				background-image: none !important;}
			.white li a:hover {
				background-color: #333 !important;
			}
		/*red*/
			.red li a{color: #FF0000!important;}
			.red #logo {background-image: url(../images/logo_podium_FF0000.png)!important;}
			* html .red #logo {
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/logo_podium_FF0000.png) !important;
				background-image: none !important;
			}
			.red h1 {background-image: url(../images/naam_podium_FF0000.png)!important;}
			* html .red h1 {
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/naam_podium_FF0000.png) !important;
				background-image: none !important;}
			.red li a:hover {
				background-color: #333 !important;
			}
		/*fuchsia*/
			.fuchsia li a{color: #FF00FF!important;}
			.fuchsia #logo {background-image: url(../images/logo_podium_FF00FF.png)!important;}
			* html .fuchsia #logo {
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/logo_podium_FF00FF.png) !important;
				background-image: none !important;
			}
			.fuchsia h1 {background-image: url(../images/naam_podium_FF00FF.png)!important;}
			* html .fuchsia h1 {
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/naam_podium_FF00FF.png) !important;
				background-image: none !important;}
			.fuchsia li a:hover {
				background-color: #333 !important;
			}
		/*green */
			.green li a{color: #00FF00!important;}
			.green #logo {background-image: url(../images/logo_podium_00FF00.png)!important;}
			* html .green #logo {
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/logo_podium_00FF00.png) !important;
				background-image: none !important;
			}
			.green h1 {background-image: url(../images/naam_podium_00FF00.png)!important;}
			* html .green h1 {
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/naam_podium_00FF00.png) !important;
				background-image: none !important;}
			.green li a:hover {
				background-color: #333 !important;
			}
		/*grey */
			.grey li a{color: #999999!important;}
			.grey #logo {background-image: url(../images/logo_podium_999999.png)!important;}
			* html .grey #logo {
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/logo_podium_999999.png) !important;
				background-image: none !important;
			}
			.grey h1 {background-image: url(../images/naam_podium_999999.png)!important;}
			* html .grey h1 {
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/naam_podium_999999.png) !important;
				background-image: none !important;}
			.grey  li a:hover {
				background-color: #333 !important;
			}
	/*end kleurverandering in menu*/

/* witte vlak en schaduw daarachter */
#content {}
#sheetscontainer {
	position: absolute; 
	z-index:100;
	
}
*+html #sheetscontainer {
	margin-top: -25px; /*to push down table below*/
}
* html #sheetscontainer {
	margin-top: -25px; /*to push down table below*/
}

#content, #content2, #shade, #shade2 {
	
	position: relative; 
	width: 700px;
	margin: 0 55px;
	z-index: 100;
	min-height: 500px; 
	xborder: 1px solid;
}


#content, #content2 {
	background-image: url(../images/shade.png);
	padding: -3px;
}
/*
* html #content, * html, #content2 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shade.png, sizingMethod=scale);
	background-image:none; 

}
*/
#shade, #shade2 {
	position: relative;
	background-color: white;
	top: -4px;
	left: -4px;
	margin: 0;
	padding: 0 0 30px 0;
	border: solid 1px black;
	
}
.fondslijst, #content.default {
	width: 600px !important;
	margin: 0 105px !important;
	
}
.fondslijst #shade, .default #shade {
	width: 600px !important;
	}

* html #content, * html #shade, * html #content2, * html #shade2 {height: 400px;}
.left, .right {
	width: 210px;
}
/* end witte vlak en schaduw daarachter */

/* start: definitions for stuff in boxes to left and right */
.left h2, .right h2 {
	background-color: #333333;
	position: absolute;
	width: 50px;
	text-indent: -9000px;
	background-repeat: no-repeat;
	background-position: 3px 5px;
	border: solid 1px black;
	margin: 5px 0;
	padding: 0;
	cursor: pointer;
	cursor: hand;
}
.right h2 {	
	margin-left: 160px; /*for FF*/
	background-position: 38px 3px;
}
* html .right h2 {
	margin-left: -38px;/*for IE6*/
}
*+html .right h2 {
	margin-left: -38px !important; /*for IE7*/
}
#nieuws, #nieuws_ctd, #auteurs, #auteurs_ctd, #joostnijsen, #joostnijsen_ctd, #extra, #extra_ctd, #zoeken_ctd{}

#joostnijsen_ctd {
	/* cursor: pointer;  */
	/* cursor: hand;*/
}

.left h2#nieuws {background-image: url(../images/h2_nieuws.gif);height: 80px;}
.left h2#auteurs {background-image: url(../images/h2_auteurs.gif);height: 90px;}
.right h2#joostnijsen {
	background-image: url(../images/h2_column_joost_nijsen.gif);
	height: 90px;
	xposition: relative;
}
 h2#joostnijsen a, h2#nieuws a, h2#auteurs a {
	display: block;
	width: 100%;
	height: 100%;
}
.right h2#extra {
	background-image: url(../images/h2_extra.gif);
	height: 90px;
}
.right h2#zoeken {
	background-image: url(../images/h2_zoeken.gif);
	height: 58px;
}
	/*what follows is an incomprehensible hack for some inexplicable thing... but hey, it works...*/
	*+html .tst {float:right; margin-right:5px;}
	* html .tst {float:right; margin-right:5px;}

.sideelem {
	font-size: 1em;
	line-height: 140%;
	float:right;
	margin: 10px 0;
	border: solid 1px black;
	width: 185px;
	position: relative;
	background-color:#FFFFFF;
	position: relative;
	padding: 4px 2px 4px 6px;
}
#nieuws_ctd {
	z-index: 14;
}
.right .sideelem {
	float: left;
}
	.item h4 { margin: 0; padding: 0; font-size: 1.1em; line-height:135%;}
	.item p { color: #666666; margin:0; padding: 0; font-size: 1.1em; line-height:135%;}
	.item p.mini { font-size: 1em;}
	.item p.leesverder { font-size: 1.1em; padding-bottom: 10px;}
	
#nieuws_ctd .item p.leesverder {
	border-bottom: solid 1px #cccccc;
}
#nieuws_ctd  div.leesverder {
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 3px;
}

.scrollelem {
	position: relative;
	width: 100%;
	height: 190px;
	overflow: hidden;
	background-color: white;
	
}
#extra_ctd {
	background-color: #cebb9b;
	text-align: top;
}

#extra_ctd img {
	
	text-align: top;
}

#joostnijsen_ctd .scrollelem  {
	height: 300px;
	overflow: hidden;

}	
	#joostnijsen_ctd .makeway {
		width: 500px;
		
		overflow: hidden;
		line-height: 140%;
		margin: 13px 0 0 6px;
	}
	#joostnijsen_ctd h3 {
		color: black;
		font-size: 1.9em;
		margin: 0.8em 0;
		padding: 0;
		font-weight:normal;
	}	
	#joostnijsen_ctd h4 {
		color: #d70d26;
		font-size: 2.5em;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
		line-height: 100%;
	}	
	#joostnijsen_ctd .datum {
		color: #666666;
		font-size: 1.1em;
		margin: 4em 0 0.8em 0;
		padding: 0 0 0.2em 0;
		border-bottom: solid 1px #d70d26;
	}
	#joostnijsen_ctd p {
		margin-top: 0px;
		font-size: 1.1em;
		line-height: 140%;
	}
	#joostnijsen_ctd .leesverder {
		border-top: solid 1px #CCCCCC;
		margin: 2px 0 0 2px;
		padding: 3px 0 0 2px;
		font-size:1.1em;
		border-bottom: none;
	}
	#readmore {
		xdisplay: none;
		position: absolute;
		top: 280px;
		background-color:#FFFFFF;
		width: 100%;
		
	}
	.scrollelem ul { margin: 0; padding: 0;}
	.scrollelem li { list-style-type:none; padding: 0 0 0 3px; margin: 0px 2px 2px 0;}
	.scrollelem li.grey { background-color:#ebebeb;}
	.scrollelem li a {color: black; text-decoration:none;display:block;}
	.scrollelem li a:hover {background-color:#CCCCCC;;color: black; text-decoration:none;}

#zoeken_ctd form {margin: 3px 1px 3px 3px;}	
#zoeken_ctd input {width: 120px; float: left;margin: 0 2px 0 0;}
#zoeken_ctd .submit { width: auto;text-transform:uppercase; font-weight: bold;font-family: "Trebuchet MS", Arial, sans-serif; font-size: 0.9em;background-color: #cdcdcd;border: solid 1px #676767; cursor:pointer;cursor: hand; margin: 0;}
#zoeken_ctd form a {font-size: 1.1em; display:block;margin: 8px 3px 3px 2px;text-decoration:none;}
/* end:  definitions for stuff in boxes to left and right */
	
/* start: vlak dat over site ligt*/
#weg {
	display: none;
	width: 20px;
	height: 30px;
	background-color:#FF0000;
	position:absolute;
	z-index:15;
}
.wegtransp1 {filter:alpha(opacity=10);opacity: 0.1;-moz-opacity:0.1;}
.wegtransp2 {filter:alpha(opacity=20);opacity: 0.2;-moz-opacity:0.2;}
.wegtransp3 {filter:alpha(opacity=30);opacity: 0.3;-moz-opacity:0.3;}
.wegtransp4 {filter:alpha(opacity=40);opacity: 0.4;-moz-opacity:0.4;}
.wegtransp5 {filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;}
.wegtransp6 {filter:alpha(opacity=60);opacity: 0.6;-moz-opacity:0.6;}
.wegtransp7 {filter:alpha(opacity=70);opacity: 0.7;-moz-opacity:0.7;}
.wegtransp8 {filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;}
.wegtransp9 {filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;}
.wegtransp10 {filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;}

/* end: vlak dat over site ligt*/

/* start: transparent (movie-) template */

/*variabelen die in OCLite moeten worden aangegeven hieronder: */




#transparent {
 	margin: 38px 0 0 0;
	min-height: 1%;
	position:absolute;
	width:425px;
	left: 177.5px; /*(800px - moviewidth) /2*/
	z-index:100;
}
#positionmovie {
	position: relative;
	margin: auto;
	top: -30px !important;
	width:425px;
	min-height: 1%;
}
.bordered {
	width:445px !important;
	background-image:url(../images/shade.png);
}

.bordered #sheet_m {
	position: relative;
	padding: 10px;
	background-color: white;
	border: solid 1px black;
	left: -3px;
	top: -3px;
}

#transparent h2 {
	display: none;
}
#transparent p {
		display: none;
}
#transparent .bordered h2 {
	margin: 0;
	padding: 0;
	font-size: 1.6em;
	font-weight: bold;
	color: #D70D26;
	display: block;
	text-transform: uppercase;	background-color: white;
}
#transparent .bordered p {
	display: block;
	margin: 3px 0 5px 0;
	font-size: 1.2em;
	line-height: 160%;
	background-color: white;
}
#transparent #close_sheet {
right: 5px;
top: -8px;
background-image: url(../images/close_movie.gif);
	background-repeat: no-repeat;
}

#transparent .bordered #close_sheet {
right: 8px;
top: 2px;
background-image: url(../images/close.gif);
	background-repeat: no-repeat;
	}

/* end: transparent (movie-) template */


/*  testing for shadow 
	#menu #logo {
		z-index: 11;
	}
	#menu #logo_back {
		background-image: url(../images/logo_podium.png);
		width: 49px;
		height: 71px;
		position: absolute;
		background-repeat: no-repeat;
		left: 1px;
		top: 18px;
		z-index: 10;
	}
	* html #menu #logo_back {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/logo_podium.png);
		background-image:none; 
	}
	#menu h1 {z-index:11;}
	#menu h1.h1_back {
		background-image: url(../images/naam_podium.png) !important;
		width: 180px;
		height: 21px;
		left: 50px;
		top: 18px;
		position: absolute;
		background-repeat: no-repeat;
		float: left;
		text-indent: -9000px;
		margin: 3px 5px 5px 5px;
		z-index: 10;
	}
	* html #menu h1.h1_back {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/naam_podium.png) !important;
		background-image:none; 
	}
	#menu ul {z-index:12; position:relative; font-weight: bold; font-size: 1.3em;}
	#menu ul.ul_back {
		position: absolute;
		left: 50px;
		top: 47px;
		z-index: 9;
		 bxckground-color: yellow;
	}
	#menu ul li, #menu ul li a {
		z-index: 11 !important;
		
	}
	#menu ul.ul_back li, #menu ul.ul_back li a {
		z-index: 10;
		
	}
	#menu ul.ul_back li a {
		color: black !important;
	}
	
	end testing for shadow*/