@charset "iso-8859-1";

* {
	margin: 0;
	padding: 0;
	}

html, body {
	color: #000;
	/* \*/ height: 100%; /* IE MAC ignores */
	} 
body {
	background-image: url("../images/design/background.gif");
	/* \*/ height: 100%; /* IE MAC ignores */
	font-size: 100.1%;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0;
	min-width: 770px;
	behavior: url("/style/csshover.htc");
	} 
* html body {
	margin: 0;
}
table {
	font-size: 12px;
}
#wrap {
	margin: 0;
	position: relative;
	height: 100%;
	font-size: 12px;
	text-align: center;
	}
#middle {
	position: relative;
	height: auto;
	width: 770px;
	min-height: 100%; 
	background: white;
	margin: 0 auto;
	text-align: left;
	background-image: url("../images/design/background_content.gif");
	background-repeat: repeat-y;
}
* html #middle {
	/* \*/ height: 100%; /* IE MAC ignores */
	}
/** common **/
.clearer {
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
/** elements **/
#top {
	position: absolute;
	left:0;
	top: 0;
	height: 50px;
	width: 100%;
	background-image: url("../images/design/background.gif");
	z-index:100;
}
#header {
	position: relative;
	width: 770px;
	height: 145px;
	background-image: url("../images/design/header.gif");
	background-position: bottom;
	background-repeat:no-repeat;
}
#left_column {
	float: left;
	width: 175px;
}
html>body #minheight{
	float:right;
	width:0px;
	height:800px;
	/* \*/ height: auto; /* IE MAC ignores */
}
#right_column {
	margin-top: 26px;
	float: right;
	width: 545px;
	padding-right: 25px;
	padding-bottom: 35px;
}
* html #right_column {
	/* \*/ width: 570px;/* IE MAC ignores */
	
}
#menu_top {
	background-image: url("../images/design/menu_top.gif");
	background-repeat:no-repeat;
	width: 175px;
	height: 60px;
}
#menu_spacer {
	background-image: url("../images/design/menu_spacer.gif");
	background-repeat:no-repeat;
	width: 175px;
	height: 19px;
}
#menu_comment {
	color: #fff;
	background-color: #330066;
	padding: 20px 13px 20px 13px;
}
/** header menu **/
#header_menu {
	position: absolute;
	top: 117px;
	/* \*/ 	top: 119px; /* IE MAC ignores */
	width: 760px;
	text-align: right;
}
#header_menu, #header_menu ul li a
{
	/* need to middor veritcal padding on .menu and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .menu to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .menu _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 4px;
	padding-bottom: 4px;
}
#header_menu ul, #header_menu ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#header_menu ul li a
{
	margin: 0 0 0 0;
	padding-left: 12px;
	padding-right: 12px;	/* short-hand padding attribute would overwrite
				   top/bottom padding set in a previous rule */
	white-space: nowrap;
}
#header_menu ul li a:link, #header_menu ul li a:visited, #header_menu ul li a:active, #header_menu ul li a:hover
{
	text-decoration: none;
}
* html #header_menu ul li, * html #header_menu ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline; 
		position: relative;
	/* reset above hack */
}
* html #header_menu, * html #header_menu ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html #HEADER_MENU
{
	padding: 0;	/* IE5/Win will resize #menu to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}
#header_menu, #header_menu ul li a
{
	color: #fff;
}
#header_menu ul li a:hover, #header_menu ul #current_menu a
{
	color: #ffff00;
}
#header_menu .bg {
	background-image: url("../images/design/menu_top_spacer.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
}
* html #header_menu .bg {
	background-position: 0 6px;
	/* \*/ 	background-position: 0 8px; /* IE MAC ignores */
}
/** einde: header menu **/
/** menu **/
#menu
{
	background: #CC0000;
}
#menu ul, #menu ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
#menu ul
{
	padding: 15px 0 10px 0;
}
#menu ul li
{
	margin-bottom: 5px;
}
#menu ul li a
{
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 13px 4px 23px;
}
* html #menu ul li a /* hide from IE5.0/Win & IE5/Mac */
{
	/* \*/ height: 1%; /* IE MAC ignores */
}
* html #menu ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}
#menu ul li a
{
	color: #fff;
}
#menu ul li a:hover
{
	background-color: #FF6600;
	color: #fff;
}
								#menu ul #current_menu a
								{
									color: #FF9933;
								}
								#menu ul #current_menu ul li a
								{
									color: #FFF;
								}
								#menu ul #current_menu ul #current_sub a
								{
									color: #FF9933;
									/* \*/ color: #FFF; /* IE MAC ignores */
								}
								#menu ul #current_menu ul #current_sub a:hover
								{
									color: #FFF;
								}
								#menu ul #current_menu a:hover
								{
									color: #fff;
								}
								#menu ul ul #current_sub a, #menu ul ul #current_sub a
								{
									/* \*/ background-color: #CC0000; /* IE MAC ignores */
									color: #fff;
								}
								#menu ul ul #current_sub a:hover
								{
									/* \*/ background-color: #CC0000; /* IE MAC ignores */
									color: #fff;
								}
#menu ul li:hover
{
	background-color: #FF6600;
	border-bottom: 1px solid #FF6600;
}
								#menu ul #current_menu:hover a
								{
									color: #fff;
								}


	#menu ul ul, #menu li:hover ul ul {
		/* \*/ display:none; /* IE MAC ignores */
	}
	#menu ul ul, #menu li:hover ul ul {
		padding: 0; 
		/* \*/ 	padding: 35px 0 25px 0; /* IE MAC ignores */
	}
	#menu ul ul li {
		margin-bottom: 0px;
		/* \*/ 	margin-bottom: 5px; /* IE MAC ignores */
	}
	#menu ul ul li a {
		background-image: url("../images/design/submenu_bg.gif");
		background-repeat: no-repeat;
		background-position: 30px 50%;
		/* \*/ 	background-image: none; /* IE MAC ignores */
		padding: 5px 13px 4px 40px;
		/* \*/ padding: 5px 13px 4px 23px; /* IE MAC ignores */
		/* \*/ border-bottom: 1px solid #FF6600; /* IE MAC ignores */
		/* \*/ width: 139px; /* IE MAC ignores */
	}
	* html #menu ul ul li a {
		/* \*/ width: 175px; /* IE MAC ignores */
	}
	#menu ul ul li a:hover, #menu ul ul #current_menu a, #menu ul ul #current_menu a:hover {
		color: #fff;
		/* \*/ background-color: #CC0000; /* IE MAC ignores */
		/* \*/ border-bottom: 1px solid #CC0000; /* IE MAC ignores */
	}
							#menu ul ul #current_menu a {
								color: #FF9933;
							}
	#menu li {
		position:relative;
		z-index:9;
		border-bottom: 1px solid #CC0000;
	}
		#menu li.folder	{ }		
		#menu li.folder ul {
		/* \*/ position:absolute; /* IE MAC ignores */
		/* \*/ 	left:175px; /* IE *//* IE MAC ignores */
		/* \*/ 	top:0px; /* IE MAC ignores */
			width: 175px;
		}		






	
	/* hovers with specificity */
	
	#menu li.folder:hover { z-index:10; }		
		

	#menu li:hover ul, #menu li:hover li:hover ul {
		display:block;
		background: #fff;
		padding: 0;
	}
	#menu li:hover ul li {
		margin-bottom: 1px;
		background-color: #FF6600;
		border-bottom: 0px solid #FF6600;
	}


@media tty {
i{content:"";/*" "*/}}; @import 'ie50win_fix.css'; {;}/*";}
}/* */





/** default form **/
	.defaultform {
	}
	.defaultform fieldset {
		border: 0px;
		border-width: 1px 0;
		border-color: #FF6600;
		border-style: solid;
		padding: 10px 0;
	}
	.defaultform label {
		float: left;
		width: 150px;
		padding: 3px 0 0 0;
		margin: 3px 0 0 0;
	}
	.defaultform input, .defaultform select, .defaultform textarea {
		font-family: arial, sans-serif;
		font-size: 100%;
		margin: 3px 0 0 0;
	}
	.defaultform #submit{
		margin-top: 10px;
	}
	.defaultform .save_button {
		text-align:right;
	}
/**  **/
/** form footer **/
	.form_footer {
		text-align:right;
	}
	.form_footer a {
		text-decoration: none;
	}
	.form_footer a:hover{
		text-decoration: underline;
	}
/**  **/

/** login form **/
	.login_copyright {
	}
	.login_error {
		color: #FF6600;
		padding-bottom: 10px;
	}
	.login_back {
	}
/**  **/

#right_column h1 {
	background-color: #FF6600;
	color: #fff;
	font-size: 12px;
	padding: 3px;
	margin-bottom: 14px;
}
#right_column h2, #right_column h2 a {
	color: #330066;
	font-size: 12px;
}
#right_column h2 a:hover {
	color: #330066;
	font-size: 12px;
	text-decoration: underline;
}
#right_column h3 {
	color: #000;
	font-size: 12px;
}

#right_column a {
	color: #CC0000;
	text-decoration: none;
}
#right_column a:hover {
	color: #CC0000;
	text-decoration: underline;
}
#right_column hr
{
background: #FF6600;
border: 0;
color: #FF6600;
height: 1px;
margin: 10px 0 10px 0;
}
* html #right_column hr
{
margin: 5px 0 5px 0;
}
#right_column ul
{
	list-style-type: disc;
}
#right_column ul li
{
	margin-left: 20px;
}
#right_column ol li
{
	margin-left: 24px;
}

/**  News List **/
#right_column .date {
	color: #9999CC;
}
#right_column .footer {
	text-align: right;
	color: #9999CC;
	margin-top: 3px;
	font-size: 11px;
}
#right_column .footer a {
	color: #FF6600;
	text-decoration: none;
}
#right_column .footer a:hover {
	color: #FF6600;
	text-decoration: underline;
}
/** personeel  **/
#teaser {
	 float:right; 
	 z-index: 20;
	 width: 240px; 
	 background: #E0E0FF; 
	 border-left: 20px solid white;
	 border-bottom: 20px solid white;
	 padding-bottom: 10px;
}
* html #teaser {
	 width: 260px; 
}
#teaser h1 {
	background-color: #330066;
}
#teaser .freetekst {
	padding: 0 10px;
}
#teaser .freetekst a {
	color: #FF6600;
	text-decoration: none;
	font-size: 11px;
}
#teaser .freetekst a:hover {
	color: #FF6600;
	text-decoration: underline;
}
#teaser_edit {
	position: absolute;
	top: 150px;
	right: 10px;
}

/** homepage **/
#teaser2 {
	 width: 240px; 
	 background: #E0E0FF; 
	 border-bottom: 20px solid white;
	 padding-bottom: 10px;
}
#teaser2 h1 {
	background-color: #330066;
	background-image: url("../images/design/background_teaser.gif");
	background-repeat:no-repeat;
	background-position: 100% 0;
}
#teaser2 .freetekst {
	padding: 0 6px;
}
#teaser2 .freetekst a {
	color: #FF6600;
	text-decoration: none;
	font-size: 11px;
}
#teaser2 .freetekst a:hover {
	color: #FF6600;
	text-decoration: underline;
}

#news_list0, #news_list1, #news_list2 {
	 width: 240px; 
	 border-bottom: 4px solid white;
	 padding-bottom: 10px;
}
#news_list0 h1 {
	background-color: #CC0000;
}
#news_list0 hr {
	background: #CC0000;
	color: #CC0000;
}
#news_list1 h1 {
	background-color: #9999CC;
}
#news_list1 hr {
	background: #9999CC;
	color: #9999CC;
}
#news_list0 div, #news_list1 div, #news_list2 div {
	padding: 0 6px;
}


#news_list3, #news_list4 {
	width: 284px;
	border-bottom: 4px solid white;
	padding-bottom: 10px;
}
#news_list4 h1 {
	background-color: #330066;
}
#news_list4 hr {
	background: #330066;
	color: #330066;
}
#news_list3 div, #news_list4 div {
	padding: 0 6px;
}
	
	
	#right_column .rss {
	}
	#right_column .rss a {
		text-decoration: none;
		color: #FF6600;
		font-size: 13px;
	}
	#right_column .rss a:hover span {
		text-decoration: underline;
		font-size: 13px;
	}
	#right_column .rss a img {
		vertical-align: middle;
		margin-left: 6px;
		margin-bottom: 4px;
	}