body	{
	background: 	#cdd6b9 url(../images/background.gif) repeat-x;
	margin: 		0 auto 20px auto;
	padding:		0;
	text-align:		center;
}

#container	{
	width: 			816px;
	margin:			0 auto;
	text-align: 	left;
	position:		relative;
}

/* header */

#header	{
	width: 			816px;
	height:			85px;
	margin:			0;
}


/* menu */

#menu	{
	list-style: 	none;
	margin:			0;
	padding:		1px 0;
	width:			182px;
	background:		#77933e url(../images/menu_hr.gif) no-repeat top;
}

#menu li	{
	margin:			0;
	padding:		0;
	background:		#77933e url(../images/menu_hr.gif) no-repeat bottom;
}

#menu a	{
	padding:		2px 21px 3px 0;
	width:			161px;
	display:		block;
	margin:			0;
	text-align:		right;
	font: 			bold 13px "Trebuchet MS", Arial, Verdana, sans-serif;
	color:			white;
	text-decoration:none;	
	_width:			182px;
}

#menu a:hover	{
	background:		#77933e url(../images/menu_hr.gif);
}

#menu li ul 	{ /* submenu */
	background:		#77933e;
	border: 		solid 1px #adbe8b;	
}
#nav li ul li a {
	width: 11em;
	w\idth : 10em;
	display : block;
	padding : 0 0.5em;
}


/* weather */

#weather	{
	background:		#f4f6f0 url(../images/weather_background.gif) repeat-x bottom;
	height:			264px;
	width:			182px;		
}

/* content */

#content	{
	float:			left;
	position:		absolute;
	top:			85px;
	left:			182px;
	width:			594px;	
	background: 	white url(../images/content_bottom.gif) no-repeat bottom left;
	border-top: 	solid 1px #adbe8b;
	padding:		15px 20px 10px 20px;
	margin-bottom:	20px;
	min-height:		350px;
	_height:		350px;  /* min-height hack voor IE */
	_width:			634px;
}

#content, #content p, #content td, #content th	{
	color:			#111111;
	font:			13px/19px "Trebuchet MS", Arial, Verdana, sans-serif;
}

#content p, #content form	{
	margin: 		0 0 20px 0;
}

#content a	{
	color:			#77933e;
}
#content a:hover	{
	color:			#4382db;
}

#header h1	{
	margin: 0;
	padding:  0;
}

#content h1, h2	{
	margin: 		0 0 10px 0;
	padding:		0;
	color:			#4382db;
	font:			bold italic 21px "Trebuchet MS", Arial, Verdana, sans-serif;
}

h3, h4, h5	{
	margin: 		0 0 5px 0;
	padding:		0;
	color:			#4382db;
	font:			bold italic 17px "Trebuchet MS", Arial, Verdana, sans-serif;
}


/* nieuws */

.news	{
	background:		#f9fbfe;
	border: 		solid 1px c6d9f4;
	margin: 		0 0 20px 0;
	padding:	 	10px 10px 10px 10px;
}

.news p	{
	margin: 		0 !important;
}

.news a	{
	font-weight:	bold;
	color:			black !important;
	text-decoration:none;
}

.news .more	{
	font-weight:	normal;
	font-style: 	italic;
}




/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash	{
	position:absolute; 
	z-index:1;
}
.sIFR-hasFlash #content h1, .sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 19px;
}

.sIFR-hasFlash h3, .sIFR-hasFlash h4, .sIFR-hasFlash h5 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 14px;
}

/* menu techniek */
	#menu, #menu ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;	
	}
	
	#menu li { /* all list items */
		position : relative;
		float : left;
	}
	
	#menu li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		float: left;
		margin-left : 11em;
		margin-top : -1.35em;
		z-index: 1000;
	}
	
	#menu li ul ul { /* third-and-above-level lists */
		left: -999em;
		float : left;
	}
	
		
	#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
		left: -999em;
	}
	
	#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}