/* 

	CREATIONAL

	CSS / GENERAL STYLES 

	COPYRIGHT © 2007 / CREATIONAL / WWW.CREATIONAL.NL / ALL RIGHTS RESERVED

*/

* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 84%;
	color: #000; background: #FFF;
	}
	
html, body { height: 100%; overflow: hidden; }

body#home,
body#page {

	}

a, a:link, a:visited, a:active { color: #E10033; text-decoration: underline; outline: 0; }
a:hover { color: #E10033; text-decoration: none; }

.oranje a, .oranje a:link, .oranje a:visited, .oranje a:active { color: #f65500; text-decoration: underline; outline: 0; }
.oranje a:hover { color: #f65500; text-decoration: none; }

img, a img { border: 0; }

ul { padding-left: 1.3em; padding-bottom: 1em; }
ol { padding-left: 1.8em; }
li { }

h1 { font-size: 1.2em; padding-bottom: 1em; }
h2 { font-size: 1.1em; padding-bottom: .7em; color: #E10033; }
h3 { font-size: 1em; padding-bottom: .2em; color: #E10033; }
h4 { font-size: 1em; color: #000; }

.oranje h2 { font-size: 1.1em; padding-bottom: .5em; color: #f65500; }
.oranje h3 { font-size: 1em; color: #f65500; }


p { font-size: 1em; padding-bottom: 1em; line-height: 1.3em; }

.clear { clear: both; height: 1%; visibility:hidden; font-size: 1px; }

u { text-decoration: none; }

hr { margin: 1em 0; padding: 0; color: #999; background-color: #999; border: none; height: 1px; }

.red { color: #E10033; }
.footnote { color: #999; font-size: 10px; }

/* CONTAINER */

#container {
	background: no-repeat 0px 168px;
	min-height: 100%;
	height: auto;
	}
* html #container {
	height: 100%;
	}

.greeting #container { background: none !important; }

/* HEADER */
#header {
	position: relative; width: 100%; min-width: 970px; height: 70px; overflow: hidden;
	}
#topnav { position: absolute; left: 25px; top: 29px; color: #909090; }
#topnav ul { list-style: none; margin: 0; padding: 0; font-size: 11px; }
#topnav li { display: inline; }

#topnav li a,
#topnav li a:link,
#topnav li a:visited {
	text-decoration: none;
	color: #909090;
	}
#topnav li a:hover {
	color: #E10033;
	}	
.oranje #topnav li a:hover {
	color: #f65500;
	}

#logo {
	position: absolute; left: 757px; top: 19px;
	}
.hitec #logo, .hitec_wide #logo { left: 799px; top: 10px; }

#logo_print {
	display: none;
	}

/* PHOTO BAR */
#photobar {
	width: 100%; height: 73px; min-width: 970px; overflow: hidden; background: #CCC;
	background: url(../img/ml_photobar.jpg) repeat-x left top;
	}
.oranje #photobar { background: url(../img/ml_photobar_oranje.jpg) repeat-x left top; }
.hitec #photobar,
.hitec_wide #photobar,
.greeting #photobar { background: none; display: none; }


/* NAV BAR */
#navbar { 
	height: 25px; min-width: 970px; overflow: hidden; position: relative;
	font-size: 12px; font-weight: bold;
	background: url(../img/ml_navbar.gif) repeat-x left top;
	}
.oranje #navbar { 
	background: url(../img/ml_navbar_oranje.gif) repeat-x left top;
	}

#navbar_inner {
	width: 970px;
	}

#navbar.sublevel { 
	height: 50px; 
	background: url(../img/ml_navbar_sublevel.gif) repeat-x left top;
	}
.oranje #navbar.sublevel { 
	background: url(../img/ml_navbar_sublevel_oranje.gif) repeat-x left top;
	}

#navbar ul { list-style: none; margin: 0; margin-left: 15px; padding: 0; }
#navbar li { float: left; position: relative; margin-right: 5px; height: 25px; line-height: 25px; }

/* first level */
#navbar li a,
#navbar li a:link,
#navbar li a:visited {
	padding: 0 11px;
	text-decoration: none; text-transform: uppercase;
	color: #FFF;
	}
#navbar li a:hover {
	color: #000;
	}

#navbar li.current {
	background: url(../img/ml_navbar_current.gif) repeat-x left top;
	}	
#navbar li.current a,
#navbar li.current a:link,
#navbar li.current a:visited {
	color: #000;
	}
#navbar li.current a:hover {
	text-decoration: underline;
	}	

/* second level */
#navbar ul ul {
	position: absolute; left: 0; top: 25px; width: 800px; margin: 0; margin-top: 0;
	}
#navbar li li {
	display: inline; margin-right: 0;
	}
#navbar li li.current {
	background: none;
	}		
#navbar li li a,
#navbar li li a:link,
#navbar li li a:visited,
#navbar li.current li a,
#navbar li.current li a:link,
#navbar li.current li a:visited {
	padding: 0 15px;
	text-decoration: none; text-transform: none;
	color: #000;
	}
#navbar li li a:hover,
#navbar li.current li a:hover {
	color: #E10033;
	}
.oranje #navbar li li a:hover,
.oranje #navbar li.current li a:hover {
	color: #f65500;
	}

#navbar li li.current a,
#navbar li li.current a:link,
#navbar li li.current a:visited,
#navbar li.current li.current a,
#navbar li.current li.current a:link,
#navbar li.current li.current a:visited {
	color: #E10033;
	}
.oranje #navbar li li.current a,
.oranje #navbar li li.current a:link,
.oranje #navbar li li.current a:visited,
.oranje #navbar li.current li.current a,
.oranje #navbar li.current li.current a:link,
.oranje #navbar li.current li.current a:visited {
	color: #f65500;
	}	
#navbar li li.current a:hover,
#navbar li.current li.current a:hover {
	text-decoration: underline;
	}

/* MAIN */
#main {
	
	}

/* LEFTNAV */
#leftnav {
	float: left; width: 200px; overflow: hidden;
	}
* html #leftnav {
	margin-right: -3px;
	}	
.greeting #leftnav { width: 30px; }
	
#leftnav_block {
	padding: 30px 0;
	background-image: url(../img/ml_leftnav_block.png);
	}

#leftnav ul { 
	list-style: none; margin: 0; margin-right: 15px; padding: 0;
	text-align: right; font-size: 12px; }
#leftnav li { padding-bottom: .5em; }

#leftnav li a,
#leftnav li a:link,
#leftnav li a:visited {
	display: block; padding-right: 10px;
	text-decoration: none; font-weight: bold;
	color: #E10033;
	}	
#leftnav li a:hover {
	text-decoration: underline;
	}
	
.oranje #leftnav li a,
.oranje #leftnav li a:link,
.oranje #leftnav li a:visited {
	padding-right: 10px;
	text-decoration: none; font-weight: bold;
	color: #f65500;
	}	
	
#leftnav li.current a,
#leftnav li.current a:link,
#leftnav li.current a:visited {
	background: url(../img/ml_leftnav_current.gif) no-repeat right center;
	}	
#leftnav li.current a:hover {

	}	
	
#leftnav ul ul {
	margin: 0; padding-top: .5em;
	}	
#leftnav li li {
	padding-bottom: .3em;
	}

#leftnav li li a,
#leftnav li li a:link,
#leftnav li li a:visited,
#leftnav li.current li a,
#leftnav li.current li a:link,
#leftnav li.current li a:visited {
	padding-right: 10px;
	text-decoration: none; font-weight: normal; font-size: 11px;
	color: #000; background: url(blank.gif) no-repeat right center;
	}	
#leftnav li li a:hover,
#leftnav li.current li a:hover {
	color: #E10033;
	}
.oranje #leftnav li li a:hover,
.oranje #leftnav li.current li a:hover {
	color: #f65500;
	}

#leftnav li li.current a,
#leftnav li li.current a:link,
#leftnav li li.current a:visited,
#leftnav li.current li.current a,
#leftnav li.current li.current a:link,
#leftnav li.current li.current a:visited {
	color: #E10033; background: url(../img/ml_leftnav_current.gif) no-repeat right center;
	}	
#leftnav li li.current a:hover,
#leftnav li.current li.current a:hover {
	text-decoration: underline;
	}

.oranje #leftnav li li.current a,
.oranje #leftnav li li.current a:link,
.oranje #leftnav li li.current a:visited,
.oranje #leftnav li.current li.current a,
.oranje #leftnav li.current li.current a:link,
.oranje #leftnav li.current li.current a:visited {
	color: #f65500; background: url(../img/ml_leftnav_current_oranje.gif) no-repeat right center;
	}

/* CONTENT */
#content_container {
	min-height: 200px; overflow: auto;
	}
* html #content_container {
	height: 200px;
	margin-left: -3px;
	}
	
#content_container_inner { width: 745px; }	
.greeting #content_container_inner { width: 915px; }	

/* content */
#content {
	float: left; width: 530px; padding: 20px 35px; display: inline; overflow: hidden;
	}
.hitec_wide #content { width: 710px; padding-right: 0; }
.greeting #content { width: 630px; }

#content li { line-height: 1.3em; }

#content a.more,
#content a.more:link,
#content a.more:visited,
#content a.archive,
#content a.archive:link,
#content a.archive:visited  {
	padding-right: 10px;
	text-decoration: none;
	background: url(../img/ml_link_more.gif) no-repeat 100% 5px;
	}
#content a.more:hover,
#content a.archive:hover {
	text-decoration: underline;
	}

.oranje #content a.more,
.oranje #content a.more:link,
.oranje #content a.more:visited,
.oranje #content a.archive,
.oranje #content a.archive:link,
.oranje #content a.archive:visited  {
	background: url(../img/ml_link_more_oranje.gif) no-repeat 100% 5px;
	}

#content a.back,
#content a.back:link,
#content a.back:visited  {
	padding-left: 10px;
	text-decoration: none;
	background: url(../img/ml_link_back.gif) no-repeat 0 5px;
	}
#content a.back:hover {
	text-decoration: underline;
	}

.oranje #content a.back,
.oranje #content a.back:link,
.oranje #content a.back:visited  {
	background: url(../img/ml_link_back_oranje.gif) no-repeat 0 5px;
	}

/* content > news & info!expres */
#home #content #news {
	float: left; width: 220px;
	}
	
#home #content #infoexpress {
	float: left; width: 220px; margin-left: 35px; display: inline;
	}
* html #home #content #infoexpress {
	height: 1%;
	}
#home #content #news h1 a,
#home #content #news h1 a:link,
#home #content #news h1 a:visited,
#home #content #infoexpress h1 a,
#home #content #infoexpress h1 a:link,
#home #content #infoexpress h1 a:visited {
	text-decoration: none;
	color: #000;
	}
#home #content #news h1 a:hover,
#home #content #infoexpress h1 a:hover {
	text-decoration: underline;
	color: #E10033;
	}

.news_date { color: #666; font-size: .9em; }
.news_title { color: #E10033; }

/* content > Hi-TEC */
#hitec_banner {
	display: block; width: 550px; height: 337px; margin-left: -35px; margin-top: -20px;
	}
#video { margin-bottom: 1em; }

/* content > greeting */
.greeting #video { margin-top: 2em; }

#greeting_info { padding: 20px; padding-top: 100px; }

/* sidebar */
#sidebar {
	float: left; width: 145px; padding-top: 20px; overflow: hidden;
	}
.greeting #sidebar { width: 215px; padding-top: 50px; }
	
#home #sidebar {
	text-align: center;
	}	

#home #sidebar a,
#home #sidebar a:link,
#home #sidebar a:visited {
	text-decoration: none; font-weight: bold;
	}
#home #sidebar a:hover {
	text-decoration: underline;
	}	

#sidebar ul.links { color: #E10033; }

#sidebar ul.links a,
#sidebar ul.links a:visited,
#sidebar ul.links a:link { text-decoration: none; color: #000; }
#sidebar ul.links a:hover { text-decoration: underline; color: #E10033; }

#sidebar ul.links li { padding-bottom: .5em; font-size: .9em; }

#sidebar a.tool,
#sidebar a.tool:link,
#sidebar a.tool:visited { text-decoration: none; font-size: .9em; color: #E10033; }
#sidebar a.tool:hover { color: #000; }

.hitec_wide #sidebar { display: none; }

/* FOOTER */
#footer {
	height: 30px; overflow: hidden;
	}
#footer_inner {
	
	}
#footer_inner p {
	margin: 0; padding: 0;
	}	
#copyright {
	display: block; float: left; width: 200px; overflow: hidden;
	text-align: center; font-size: 11px;
	color: #8e8e8f;
	}	
#slogan {
	display: block; float: left; width: 530px; margin-left: 35px; overflow: hidden; height: 30px;
	font-size: 12px; font-weight: bold; line-height: 30px;
	border-top: 1px solid #E10033;
	background: #FFF;
	}
.oranje #slogan {
	border-top: 1px solid #f65500;
	}	
#spieshecker {
	position: fixed; left: 890px; bottom: 0; width: 56px; height: 55px;
	background: #FFF;
	}


/* SEARCH */
#search_container {
	position: absolute; left: 855px; top: 4px; width: 127px;
	}
#search { 
	height: 22px; width: 112px; padding-left: 3px; overflow: hidden;
	background: transparent url(../img/cl_search_background.gif) no-repeat;
	}
* html #search {
	width: 127px;
	w\idth: 112px;
	}
#search form {
	margin: 0 !important;
	padding: 0 !important;
	}
#search .search_input,
#search .search_input_active {
	float: left; margin: 0; margin-top: 1px; margin-right: 2px; padding: 1px; padding-bottom: 0; width: 85px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;
	border: 0px solid #FFF;
	color: #999; background: #FFF;	
	}
* html #search .search_input,
* html #search .search_input_active {
	width: 83px;
	font-size: 10px;
	font-s\ize: 11px;
	}
#search .search_input_active {
	color: #000;
	}

/* search resuls */

#search_results a,
#search_results a:link,
#search_results a:visited {
	display: block; text-decoration: none;
	color: #000;
	}
#search_results a:hover {
	color: #E10033;
	}	
#search_results span.search_results_heading {
	display: block; 
	font-weight: bold;
	color: #E10033;
	}
#search_results a:hover span.search_results_heading {
	text-decoration: underline;
	}

.search_alert { font-weight: bold; }
.search_msg {}
.search_terms { font-weight: bold; }
.search_result_msg {}

/* PAGING */
#paging { padding: 1em 0;}
#paging ul { margin: 0; padding: 0; list-style: none; }
#paging li { display: inline; }

#paging li a,
#paging li a:link,
#paging li a:visited {
	padding-right: 10px;
	text-decoration: none;
	}
#paging li a:hover {
	text-decoration: underline;
	}
	
#paging li.current a,
#paging li.current a:link,
#paging li.current a:visited {
	font-weight: bold;
	}	

.paging_previous a,
.paging_previous a:link,
.paging_previous a:visited {
	padding-left: 10px;
	background:url(../img/ml_link_back.gif) no-repeat left center;
	}
.paging_next a,
.paging_next a:link,
.paging_next a:visited {
	padding-right: 10px;
	background:url(../img/ml_link_more.gif) no-repeat right center;
	}
	
	
/* FORMS */

form { margin: 0; margin-top: .2em; padding: 0; padding-bottom: 1em; color: #000; font-size: 1em; }

fieldset { border: 0px none; margin: 0; padding: 0; }
fieldset legend { display: none; }
fieldset div { margin: 10px 0; clear:both; }
fieldset br { display: none; }
fieldset div br { display: block; }

fieldset input, fieldset textarea {
	width: 300px; padding: 2px; font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #666; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;
	background: #FAFAFA; color: #000;
	}
fieldset select { width: 306px; }

fieldset textarea { font-size: 100%;}

fieldset label, fieldset div.cr p {
	margin: 0; padding-right: 10px; padding-top: 4px;
	display: block; float: left;
	width: 140px;
	text-align: left;
	}
        
fieldset div.cr label {
	margin-left: 153px;
	text-align: left;
	width: auto;
	float: none;
	}
	
fieldset div span { display: block; margin-left: 148px; padding-top: 4px; }
* html fieldset div span { margin-left: 151px; }

fieldset .removed { display: none !important;}
fieldset .mandatory { }

fieldset div.cr input { border: none; width: auto; margin-right: 5px; background: none; }
fieldset div.cr_label input { border: none; width: auto; }

fieldset .remark,
fieldset.footnotes { 
	font-size: 87%;
	color: #666; 
	}

fieldset .remark { display: inline; }

fieldset.buttons { padding-top: 1em; clear: both; width: 100%; }
fieldset.buttons label { width: 120px; float: left; }
fieldset.buttons input { 
	width: 110px; font-weight: bold;
	border: 1px solid #e2001a; border-right: 1px solid #e2001a; border-bottom: 1px solid #e2001a;
	background: #e2001a url(../img/cl_button.gif) repeat-x left center; color: #FFF; margin-left: 20px; text-transform: uppercase;
	}
fieldset.buttons input.large {
	height: 30px; font-size: 120%; width: 200px;
	background: #e2001a url(../img/cl_button_large.gif) repeat-x left center;
	}	
.oranje fieldset.buttons input { 
	border: 1px solid #e25800; border-right: 1px solid #e25800; border-bottom: 1px solid #e25800;
	background: #e25800 url(../img/cl_button_oranje.gif) repeat-x left center;	
	}
fieldset.buttons input.inactive { 
	border: 1px solid #e4e1e1; border-right: 1px solid #e4e1e1; border-bottom: 1px solid #e4e1e1;
	color: #BBB; background: #e4e1e1 url(../img/cl_button_inactive.gif) repeat-x left center; 
	}
fieldset.buttons .remark {
	text-align: right; padding-top: 20px;
	}

fieldset .error { 
	padding: 10px; padding-left: 40px;
	color: #000; background: #fffbf0 url(../img/ml_icon_warning.gif) no-repeat 10px 50%; border: 1px solid #d9d6cc; font-weight: bold; 
	}

fieldset .badinput { color: #E10033; }
fieldset input.badinput, fieldset textarea.badinput {
	background: #ffefef; color: #000;
	border: 1px solid #E10033; border-right: 1px solid #E10033; border-bottom: 1px solid #E10033;
	}
	
fieldset h3 { padding-left: 150px; padding-bottom: .5em; clear: both; }
fieldset h4 { padding-left: 150px; padding-top: .5em; }	
	
#ticket_number { font-size: 30px; padding: 10px; }	
	
/* TABLES */
table { border-collapse:collapse; font-size: 1em; }
table th { text-align: left; }
table th, table td { padding: .2em 0; padding-right: 2em; vertical-align: top; }
	
table.table_distortions th, table.table_distortions td { padding: 0; padding-right: 14px; padding-bottom: 14px; vertical-align: top; }
	
/* MODULES */
.module_items {}

.module_items br { display: none; }

.module_items a,
.module_items a:link,
.module_items a:visited {
	display: block; margin-bottom: 1em; padding-bottom: .5em; /* position: relative; */
	color: #000; text-decoration: none;
	border-bottom: 1px solid #CCC;
	}
	
.module_items span { display: block; padding-bottom: .2em; }	

.module_items .heading { color: #E10033; font-size: 1em; font-weight: bold; padding-bottom: 1em; }
.module_items a:hover .heading { text-decoration: underline; }

.module_items .summary { padding-bottom: .3em; }
.module_items a:hover .summary { text-decoration: none; }	

.module_items .more { color: #E10033; float: right; padding-top: 1em; display: none; }
.module_items a:hover .more { text-decoration: underline; }

.module_items .date { color: #999; padding-top: 1em; }
#home .module_items .date,
#agenda_items.module_items .date { 
	display: block; position: absolute; top: 0; left: 0; width: 50px;
	text-align: right; font-weight: normal; text-transform: lowercase;
	color: #999; 
	}
	
.module_items a:hover .date,	
#home .module_items a:hover .date,
#agenda_items.module_items a:hover .date {
	color: #E10033; text-decoration: none;
	}

.module_items .date_extra {
	color: #999;
	}

.module_items .image {
	/* display: block; position: absolute; top: 0; left: 0; */
	float: left; padding-right: 10px;
	}

.module_noitems {
	font-weight: bold;
	}

/* news */	
#news_items.module_items a,
#news_items.module_items a:link,
#news_items.module_items a:visited,
#infoexpress_items.module_items a,
#infoexpress_items.module_items a:link,
#infoexpress_items.module_items a:visited {
	padding-left: 0;
	min-height: 110px;
	}
* html #news_items.module_items a,
* html #news_items.module_items a:link,
* html #news_items.module_items a:visited,
* html #infoexpress_items.module_items a,
* html #infoexpress_items.module_items a:link,
* html #infoexpress_items.module_items a:visited {
	height: 110px;
	}		
#news_items.module_items a.item_noimage,
#news_items.module_items a.item_noimage:link,
#news_items.module_items a.item_noimage:visited,
#infoexpress_items.module_items a.item_noimage,
#infoexpress_items.module_items a.item_noimage:link,
#infoexpress_items.module_items a.item_noimage:visited {
	padding-left: 0; 
	min-height: 3em; 
	height: auto;
	}

#home .module_items a,
#home .module_items a:link,
#home .module_items a:visited {
	padding-left: 0;
	min-height: 1em;
	height: auto !important;
	border-bottom: none;
	}

#home .module_items .heading { 
	padding-bottom: .3em;
	}	
		
#home .module_items .date { 
	display: none; position: static; width: auto; 
	}

/* sitemap */
.tree_outer,
#sitemap,
#sitemap ul { list-style: none; margin: 0; padding: 0; }
#sitemap ul { list-style: disc; margin-left: 1.4em; margin-bottom: .5em; color: #999; }
#sitemap ul ul { margin-bottom: .1em; }

.tree_outer li a,
.tree_outer li a:link,
.tree_outer li a:visited,
#sitemap li a,
#sitemap li a:link,
#sitemap li a:visited {
	text-decoration: none;
	font-weight: bold;
	}
.tree_outer li a:hover,
#sitemap li a:hover {
	text-decoration: underline;
	}
#sitemap li li a,
#sitemap li li a:link,
#sitemap li li a:visited {
	color: #000;
	}	
#sitemap li li li a,
#sitemap li li li a:link,
#sitemap li li li a:visited {
	font-weight: normal;
	}
#sitemap li li li li a,
#sitemap li li li li a:link,
#sitemap li li li li a:visited {
	color: #666;
	}		
	
/* home buttons */
#home table th, #home table td { padding-right: 0; }

table td a.button,
table td a.button:link,
table td a.button:visited { display: block; width: 132px; height: 101px; overflow: hidden; }	
table td a.button:hover img { margin-top: -101px; }