/**
  * Standaard-stylesheet voor Industryplanner
  *
  * @copyright 2008 Slik BV  * @version $Id$
  */

/* RESETCODE VOOR BROWSER COMPATIBILITEIT *********************/
/* reset.css - by Eric Meyer | v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }
body { line-height: 1; }
html { overflow-y: scroll; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
h1 span, h2 span { display: none;}
.clear { clear: both;}

body {
	background: white;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: black; }

a { text-decoration: none; color: #026EAD; }
a:hover { text-decoration: underline;  }
h1 { color: #076399; }
h2 { color: #076399; font-size: 16px; }
h3 { color: white; font-size: 14px; }
h4 { background: #DFE6EC; padding: 7px; font-weight: normal; font-size: 12px; margin-bottom: 10px; }
p { line-height: 1.8em; }
input { 
	border: 0;
	font-family: arial, verdana, sans-serif;
	font-size: 12px; }
input.query { 
	background: url(../gfx/input.gif);
	height: 16px;
	padding: 4px; }
input.required {
	background: url(../gfx/input_required.gif);
	height: 15px;
	padding: 4px; }
input.button {
	background: url(../gfx/button.png) no-repeat;
	width: 168px;
	float: right;
	color: white;
	margin: -5px -5px 0 0;
	height: 33px; 
	outline: none;
	border: none; }
input.checkbox { 
	float: left;
}

a.register { 
	background: url(../gfx/icon_plus.gif) no-repeat;
	display: block;
	height: 30px;
	padding: 4px 0 0 26px;
	margin: 10px 0 10px 0; }

/* HEADER *********************/
#headerContainer {
	position: relative;
	z-index: 2;
	background: url(../gfx/headerBackground.jpg) repeat-x;
	height: 260px; }
	#headerContainer #headerContent {
		width: 985px;
		margin: 0 auto;	}
/* ---- Navigation */
		#headerContent ul.navigation { 
			width: 985px;
			height: 31px; }
			#headerContent ul.navigation li { 
				padding: 10px 30px 0 0;
				height: 19px;
				float: left; }
				/* Navigation English */	
				#headerContent ul.navigation li.english  {
					padding: 10px 10px 0 0;
					background: url(../gfx/englishBackground.gif) no-repeat; }
					#headerContainer #headerContent ul.navigation li.english a { padding: 10px 0 0 13px; }
				/* Navigation Nederlands */
				#headerContent ul.navigation li.nederlands  { 
				background: url(../gfx/nederlandsBackground.gif) no-repeat;
				padding-right: 15px; }
				#headerContent ul.navigation li.linkToHome  { padding: 10px 15px 0 10px; }
				
				#headerContent ul.navigation li.countrySelector {
					margin-left: 0; 
					background: url(../gfx/navigationBackgroundLeft.gif) no-repeat left top;
					padding-left: 8px;
					padding-right: 15px; 
					color: white; }
					#headerContent ul.navigation li.countrySelector span {
						background: url(../gfx/navigationBackground.gif) no-repeat right top;
						display: block;
						margin-top: -10px;
						padding: 10px 20px 0 10px;
						height: 19px; }
					#headerContent ul.navigation li.countrySelector select { margin-top: -10px; font-size: 11px; width: 120px; }
						
					#headerContent ul.navigation li.nederlands a { padding: 10px 13px 0 0; }
					
				/* Navigation LoginElement */
				#headerContent ul.navigation span.XMSLoginElement li { padding: 10px 20px 0 0; }
									
				/* Navigation Organisatoren */	
				#headerContent ul.navigation li.organisatoren { /* ie6: width:100px */
					background: url(../gfx/navigationBackgroundLeft.gif) no-repeat left top;
					padding-left:8px;
					padding-right:0;
					float: right; }
					#headerContent ul.navigation li.organisatoren a {
						background: url(../gfx/navigationBackground.gif) no-repeat right top;
						display:block;
						margin-top: -10px;
						padding: 10px 20px 0 10px;
						height: 19px; }
				#headerContent ul.navigation li.linkToYearOverview { float: right; padding-right: 10px; }
				
				#headerContent ul.navigation li a {	color: #474747; }
				#headerContent ul.navigation li.english a,
				#headerContent ul.navigation li.nederlands a,
				#headerContent ul.navigation li.organisatoren a { color: white;  }
					#headerContent ul.navigation li a:hover { text-decoration: underline; }
				#headerContent ul.navigation li#loginInfo a.login { 
					padding-right: 20px;
					background: url(../gfx/icon_lock.png) no-repeat right 0; }
/* ---- Header: Logo, Banner & Map */
		#headerContent #elements {
			width: 984px;
			height: 145px; 
			position: relative; }
			#headerContent #elements #logo {
				width: 180px;
				height: 145px;
				position: relative;
				float: left;
				padding-right: 40px; }
				#elements #logo a {
					position: absolute;
					top: 50px;
					left: 2px;
					background: url(../gfx/logo.jpg) no-repeat;
					width: 185px;
					height: 52px; }
					#elements #logo h1 span { display: none; }
			#headerContent #elements #banner {
				height: 108px;
				width: 760px;
				float: left;
				text-align: right;
				padding-top: 15px;
				padding-right: 4px; }
			#headerContent #elements #topevents {
				width: 261px;
				height: 176px;
				position: absolute;
				right: 0;
				top: -31px;
				background: url(../gfx/topevents.gif) no-repeat; }
/* ---- Searchbar */
		#headerContent #searchbar {
			color: white;
			font-size: 11px;
			position: relative;
			height: 84px;
			background: url(../gfx/searchBar.gif) no-repeat; }
			.home #headerContent #searchbar { background: url(../gfx/searchBarHome.gif) no-repeat; }
			#searchbar #types, #searchbar #branches, #searchbar #search { 
				position: absolute;
				top: 16px; }
				#searchbar #branches p, #searchbar #types p { padding-top: 14px; }
				#searchbar label { cursor: pointer; }
			#searchbar #branches {
				width: 163px;
				left: 12px; }
				#searchbar #branches h3 a { color: white; } /* Tijdelijk tot dropdown weg is */
				#searchbar h3 { line-height: 130%; font-size: 120%; } /* Tijdelijk tot dropdown weg is */
			#searchbar #types {
				position: relative;
				width: 455px;
				left: 230px; }
				.home #searchbar #types { left: 206px; }
				#typesButton, #categoriesButton { 
					position: absolute;
					background: url(../gfx/dropdownButton.gif) no-repeat;
					right: -28px;
					top: -8px;
					width: 48px;
					cursor: pointer;
					height: 68px; }
					.home #searchbar #typesButton {	right: -52px; } 
					.home #searchbar #categoriesButton  { display: none;} /* IE6 right: -53px; */
					#branches #typesButton, #branches #categoriesButton { right: -32px; }
					#typesButton a, #categoriesButton span.tabtitle { 
						position: absolute;
						color: white;
						text-align: center;
						font-size: 10px;
						top: 37px;
						left: 0px; } /* IE6 left: 10px; */
				/* Checkboxes */
				#searchbar #types p.congressen, #searchbar #types p.bedrijfsdagen, 
				#searchbar #types p.trainingen, #searchbar #types p.beurzen { 
					position: absolute;
					padding: 0;
					left: 130px; }
				#searchbar #types p.beurzen { top: -3px; }
				#searchbar #types p.congressen {
					top:  -3px;
					left: 200px; }
				#searchbar #types p.bedrijfsdagen {	top: 17px; }
				#searchbar #types p.trainingen { top: 36px; }
			/* Zoek blok */ 
			#searchbar #search { 
				width: 173px;
				left: 740px; }
				#searchbar #search input.query { 
					margin-top: 10px;
					width: 165px; }
				#searchbar #search input.button { 
					position: absolute;
					background: url(../gfx/searchButton.gif) no-repeat;
					width: 44px;
					height: 68px;
					color: white;
					padding-top: 20px;
					cursor: pointer;
					top: -3px;
					right: -61px; }
			/* Dropdown menu */
			.dropdownmenu { 

				z-index: 1000; }
				.dropdownmenu ul#downlistBranches  {
					position: absolute;
					z-index: 3;
					height: 0px;
					width: 203px;
					top: 0px;
					left: 0px;
					font-size: 11px;
					color: white; 
					display: none;
					overflow: hidden; }
					.dropdownmenu ul#downlistTypes {
						position: absolute;
						z-index: 2;
						height: 0px;
						top: 0;
						left: 216px;
						width: 480px;
						overflow: hidden;
						font-size: 11px;
						background: url(../gfx/dropdown_home.gif) no-repeat;
						background: #076298;
						color: white;
						border: 1px solid #3882ae;
						border-top: none;
						padding: 0 0 0px 9px; 
						display: none; }
						#main.home ul#downlistTypes {
							left: 191px;
							width: 507px; }
					.downlistBranchesBottom, .downlistTypesBottom {
						background: white;
						height: 10px;
						left: 0;
						width: 202px;
						position: absolute;
						bottom: 0; }
						.downlistTypesBottom {
							background: url(../gfx/dropdownBottom_big.gif) no-repeat;
							width: 492px; }
						.home #searchbar .dropdownmenu #downlistTypes .downlistTypesBottom {
							width: 515px;
							background: url(../gfx/dropdownBottom_home.gif) no-repeat; }										
					#searchbar .dropdownmenu ul.downlist li label{ padding-left: 5px; }
/* MAIN *********************/

#main { 
	position: relative;
	margin:0 auto;
	width: 975px;
	z-index: 3; }
	/* Sidebar */
		#sidebarBackground {
			position: absolute;
			width: 253px;
			background: #E8EDF1;
			top: 0px; /* IE7: top: -3px; */
			right: 0px;
			height: 100%; }
		#sidebarBackground.home {
			left: 0;
			width: 177px; }
		.XMSProfilePage #sidebarBackground { display: none; }
			
	#sidebar { 
		padding: 0 0 10px 0;
		float: right;
		font-size: 12px;
		position: relative;
		width: 249px;
		z-index: 1; }
		#sidebar.home { float: left; width: 177px; padding-top: 20px; }
		#sidebar ul li h4, .nieuwsbrief h4 { 
			padding: 15px 0 5px 0;
			margin-bottom: 0;
			background: none;
			font-weight: bold;
			font-size: 12px; }
		#sidebar h2 {
			padding: 10px 0 10px 0; }
	#sidebar .banner {
		padding: 15px 15px 15px 30px;
		margin: 20px 0 10px 0;
		width: 196px;
		border: 4px #DFE6EC solid; }
	#sidebar a.button {                                          
		display: block;                                          
		color: white;
		padding-top: 17px;                                       
		text-align: center;                                      
		background: url(../gfx/morebutton.gif) no-repeat;        
		width: 228px;                                            
		height: 29px; }                                          
		#sidebar a.button:hover { background-position: 0 -46px;	}
	#sidebar .text {
		padding: 20px 10px 10px 10px;	}
		#sidebar .text p {
			line-height: 1.5em;
	 		padding-bottom: 10px;
		}
		/* YUI Menu */
			.yuimenu { top:-999em; left:-999em; font-size: 11px; }
				.yuimenu .yuimenu { position:absolute; }
			.yuimenu ul,.yuimenu li,.yuimenu h6 {
				margin:0; 
				padding:0; }	
				.yuimenu li { list-style-type:none; }
			.yuimenuitemlabel { display:block; text-align:left; white-space:nowrap; }
				.yuimenuitemlabel .helptext {
					font-style:normal;
					display:block;
					margin:-1em 0 0 10em; }
			.yui-menu-shadow {
				position:absolute;
				visibility:hidden;
				z-index:-1; }
				.yui-menu-shadow-visible {
					top:2px;
					right:-3px;
					left:-3px;
					bottom:-3px;
					visibility:visible; }
			.hide-scrollbars select { display:none; }
			.yuimenu.show-scrollbars { overflow:visible; }
				.yuimenu.show-scrollbars .yui-menu-shadow { overflow:auto; }
			.yui-overlay.yui-force-redraw { margin-bottom:1px; }
			.yui-skin-sam .yuimenu {
				line-height:1.45; }
				.yui-skin-sam .yuimenu .yuimenu { font-size:100%; }
				.yui-skin-sam .yuimenu .bd { zoom:1px; zoom:normal; }
			.yui-skin-sam .yuimenuitem, .yui-skin-sam .yuimenu h5 {
				background:#E8EDF1;
				width:177px;
				padding:5px 0;
				clear:both; }
				.yui-skin-sam .yuimenuitem input, .yui-skin-sam .yuimenu h5 input {
					float:left;
					font-size: 12px;
					margin: 0 5px 5px 7px; }
				.yui-skin-sam .yuimenuitem label, .yui-skin-sam .yuimenu h5 label {
					width: 150px; }
			.yui-skin-sam .yuimenuitemlabel {
				color:#000;
				text-decoration:none;
				cursor:default;
				padding:0; }
			.yui-skin-sam .yuimenuitem-hassubmenu {
				background:#E8EDF1 url(../gfx/menuitem_submenuindicator.gif) right center no-repeat; }
				.yui-skin-sam .yuimenuitem ul li.yuimenuitem,
				.yui-skin-sam .yuimenuitem-hassubmenu ul li.yuimenuitem {
					width:187px;
					padding:5px 0; }
			.yui-skin-sam .yuimenuitem-selected, .yui-skin-sam .yuimenu h5:hover { background-color:#DBE7F9; }
			.yuimenubar .yuimenu ul,.yui-skin-sam .yuimenu .yuimenu .bd { zoom:normal; }
			/* YUI MENU - Dropdown menu */
			.yui-skin-sam #downlistBranches .yuimenu .bd { zoom:1px; zoom:normal; width: 203px; }
			.yui-skin-sam #downlistBranches .yuimenuitem, .yui-skin-sam #downlistBranches .yuimenu h5 {
				width: 187px;
				background: #076298; }
				.yui-skin-sam #downlistBranches .yuimenuitem label, .yui-skin-sam #downlistBranches .yuimenu h5 label { font-size: 12px; }
				.yui-skin-sam #downlistBranches .yuimenuitem input, .yui-skin-sam #downlistBranches .yuimenu h5 input {
					float:left;
					font-size: 12px;
					margin: 0 7px 5px 11px; }
			.yui-skin-sam #downlistBranches .yuimenuitem-hassubmenu { 
				background: #076298 url(../gfx/menuitem_submenuindicator.gif) no-repeat right center; }
				.yui-skin-sam #downlistBranches .yuimenuitem ul li.yuimenuitem,
				.yui-skin-sam #downlistBranches .yuimenuitem-hassubmenu ul li.yuimenuitem {
					width: 213px;
					padding:5px 0 5px 0; }
			
	/* Content Container */
	#contentContainer { 
		float: left;
		padding: 20px 0 20px 0;
		width: 708px; } /* IE6: width: 680px; */
		
		#contentContainer.home { 
			float: right;
			width: 784px;
			min-height: 620px;
			/*border: 1px solid red;*/
			padding-left: 13px;  } /* IE6: padding-left: 10px; */
		#contentContainer h2 { 
			padding-bottom: 10px;
			font-size: 24px; }
		#contentContainer .text p {
	 		padding-bottom: 10px;
			line-height: 1.5em; }
		#contentContainer a.button {                                          
			display: block;                                          
			color: white;                                            
			padding-top: 17px;                                       
			text-align: center;                                      
			background: url(../gfx/morebutton.gif) no-repeat;        
			width: 228px;                                            
			height: 29px; }                                          
			#contentContainer a.button:hover { background-position: 0 -46px;	}
		#contentContainer #eventDescription ul {
			list-style: disc;
			margin: 0 20px;
			padding: 10px 0 0 10px; }
			#contentContainer #eventDescription ul li {
				padding-bottom: 10px; }
		#contentContainer #eventDescription h3 { color: #646464; font-weight: normal; padding-bottom: 10px;}
		#contentContainer .sortedby { font-style:italic; }			
		/* Agenda navigatie */	
		#contentContainer.home ul#agendaNav {
			height: 26px;
			width: 100%; }
			#contentContainer.home ul#agendaNav li {
				float: left;
				font-size: 11px;
				font-weight: bold;
				margin-right: 2px;
				background: url(../gfx/nav_tab_inactive.gif) no-repeat 0 0; }	
				#contentContainer.home ul#agendaNav li:hover { background: url(../gfx/nav_tab_hover.gif) no-repeat 0 0; }
				#contentContainer.home ul#agendaNav li a {
					display: block;
				color: black;
					width: 61px;
					height: 17px;
					text-align: center;
					padding: 9px 0 0 0;
					text-decoration: none; }
				#contentContainer.home ul#agendaNav li.active a {
					color: white;
					background: url(../gfx/nav_tab_active.gif) no-repeat 0 0; }
				#contentContainer.home ul#agendaNav li.navLeft {
					width: 14px;
					height: 26px;
					margin: 0;
					padding: 0;
					background: url(../gfx/nav_left.gif) no-repeat 0 0;	}
				#contentContainer.home ul#agendaNav li.navRight {
					width: 13px;
					height: 26px;
					margin: 0;
					padding: 0;
					background: url(../gfx/nav_right.gif) no-repeat 0 0; }
				#contentContainer.home ul#agendaNav li span.numEvents {
					font-size: 11px;
					color: #808080;
					font-weight: normal;
					padding-left: 2px; }
					#contentContainer.home ul#agendaNav li.active span.numEvents {
						color: white; }
		/* Agenda header */
		#contentContainer.home #agendaHeader {
			background: url(../gfx/agendaBackground.jpg) repeat-x 0 0;
			width: 100%;
			height: 40px; }
				#contentContainer.home #agendaHeader h2 {
					padding: 16px 8px 0 16px;
			 		font-size: 20px;
			 		color: white;
				 	float: left; }
					#contentContainer.home #agendaHeader span.numEvents {
						padding: 20px 0 0 0;
						font-size: 11px;
						color: #5BA6D1;
				 		float: left; }
					#contentContainer.home #agendaHeader span.yearOverview {
						padding: 20px 10px 0 0;
						font-size: 11px;
						color: #5BA6D1;
				 		float: right; }
						#contentContainer.home #agendaHeader span.yearOverview a {
							color: #5BA6D1; }
			#contentContainer.home #agendaHeader #monthBrowser {
				padding: 16px 16px 0 0;
				float: right;
				text-align: right; }
				#contentContainer.home #agendaHeader #monthBrowser select {
					color: #474747;
					font-size: 12px;
					border: 1px solid #E3E9EF; }
		/* Agenda */
		#contentContainer.home #agenda {
			background: #e8edf1;
			width: 100%; }		
			#agenda table {
				width: 100%;
				border-collapse: separate; }
				#agenda table tr th, 
				#agenda table tr td {
					width: 125px;
					height: 90px;
					background: white;
					border: 1px solid #0566A0;
					border-left: none;
					border-top: none; }
				#agenda table thead {
					margin-left: 16px; }
					#agenda table thead tr th {
						height: 16px;
						color: white;
						background: #0566A0;
						font-weight: normal; }
					#agenda table thead tr th.weekNumber {
						width: 16px; }
				#agenda table tbody tr td.weekNumber {
					width: 16px;
					color: white;
					text-align: center;
					vertical-align: middle;	
					background: #0566A0; }
				#agenda table tbody tr td.currentDay .dayContainer .dayNumber {
						background: red;
					 }
					#agenda table tbody tr td.currentDay .dayContainer {						
						margin: 1px; 
						*margin-right: 0px; }
				#agenda table tbody tr td .dayContainer {
					height: 105px; 
					width: 125px;
					margin-bottom: 1px;
					position: relative;
					overflow:hidden; }
					#agenda table tbody tr td .dayContainer ul {
						color: #4A4A4A;
						font-size: 10px;
						padding: 8px 0 0 5px;
						margin-right: 5px;
						list-style: none; 
						overflow: hidden; }
						#agenda table tbody tr td .dayContainer ul li {
							color: #4A4A4A;
							padding-bottom: 2px;
							white-space: nowrap;
							padding-left: 7px;
							padding-right: 5px;
							margin-left: 0;
							background: url(../gfx/bullet_calendar.gif) 0px 5px no-repeat; }
							#agenda table tbody tr td .dayContainer ul li a {
								color: black; }
						#agenda table tbody tr td .dayContainer ul li.inactive { display: none; }
						#agenda table tbody tr td .dayContainer.hasEvents {
							margin: 1px;						
							background: url(../gfx/dayBackground.jpg) repeat-x 0px 22px; }
						#agenda table tbody tr td .dayContainer.hasEvents.inactive {
							opacity: 0.2;
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }
					#agenda table tbody tr td .dayContainer #browseEvents {
						display: none; }
						#agenda table tbody tr td .dayContainer.hasEvents #browseEvents {
							display: block;
							position: absolute;
							top: 2px;
							right: 5px; }
					#agenda table tbody tr td .dayNumber {
						font-size: 14px;
						font-weight: bold;
						color: #0566A0;
						padding: 4px 6px; }
						#agenda table tbody tr td .dayNumber .daylist,
						#agenda table tbody tr td .dayNumber .weekendlist { display: none; }
						#agenda table tbody tr td div.dayContainer.inactive .dayNumber {
							color: #BFDCED; }
						#agenda table tbody tr td div.dayContainer.hasEvents .dayNumber {     
							color: white; 
							background: #0173B6; }	
						#agenda table tbody tr td.currentDay div.dayContainer.hasEvents .dayNumber {     
							color: white; 
							background: red; }
						#agenda table tbody tr td div.dayContainer.hasEvents .dayNumber a {     
							color: white;
							text-decoration: none;  }
		/* Year Overview */
		body.wide #contentContainer {
			width: 975px; }
		ul.yearOverviewNav {
	 		height: 26px;
			padding: 0 0 10px 0; }
			ul.yearOverviewNav li.overview {
				float: left; }
			ul.yearOverviewNav li {
				height:26px;
				margin:0;
				padding:0;
				float: right; }
				ul.yearOverviewNav li.navLeft {
				 	background: url(../gfx/nav_left.gif); }
					ul.yearOverviewNav li.navLeft a {
			 			width: 14px;
	 					height: 26px;
				 		display: block; }
			 	ul.yearOverviewNav li.navRight {
			 		margin-right: 14px;
				 	background: url(../gfx/nav_right.gif); }
			 		ul.yearOverviewNav li.navRight a {
			 			width: 14px;
	 					height: 26px;
			 			display: block; }
		.monthCalendar {
			float: left;
			background: #fff;
			height: 210px;
			padding: 7px;
			border: 1px solid #C9DDED;
			margin: 0 7px 7px 0; }
			.agendaHeaderMini {
				width: 210px;
				padding: 7px 0 4px 0;
				text-align: center;
				font-size: 14px;
				color: white;
				font-weight: bold;
				background: #0566A0; }
				.agendaHeaderMini a { 
					color: white;
					text-decoration: none; }
					.agendaHeaderMini a:hover { 
						color: white; }
			.agendaMini table {
					width: 210px;
					border-collapse: separate;
					border-left: 1px solid #0566A0; }
					.agendaMini table tr th, 
					.agendaMini table tr td {
						color: white;
						background: #0566A0;
						border: 1px solid #0566A0;
						border-left: none;
						border-top: none; } 
					.agendaMini table tr th {
						height: 17px; }
					.agendaMini table tr th.weekNumber, 
					.agendaMini table tr td.weekNumber {
						width: 1px; } 
					.agendaMini table tr td {
						text-align: center;
						vertical-align: middle;
						width: 27px;
						height: 27px;
						background: white;
						color: #0566A0;  }
					.agendaMini table tr td a {
						display: block; }
					.agendaMini table tr td.hasEvents {
					 	background: #C9DDED; }
						.agendaMini table tr td.hasEvents.inactive {
					 		background: #E6F1F9; }
							.agendaMini table tr td.hasEvents.inactive a {
								color: #C9DDED;
								display: block; }
					.agendaMini table tr td.inactive {
						color: #C9DDED;
						background: white; }
		/* Agenda loading */
		#loadingContainer {
			display: none;
			position: absolute;
			top: 250px;
			left: 560px;
			width: 50px;
			height: 100px;
			text-align: right;			
			background: url(../gfx/ajax-loader.gif) no-repeat center top; }
			
		body.standard #loadingContainer { left: 300px;}	
							
		/* Day Popup Box */	
		#dayOverlayHolder {
			position: absolute;
			width: 175px;
			height: 155px;
			z-index: 101;
			overflow-x: hidden;
			overflow-y: auto;
			background: url(../gfx/daycontainerBackground.gif) no-repeat 0 0; }
			#dayOverlayHolder .dayNumber {
				position: absolute;
				top: 7px;
				left: 7px;
				width: 163px;
				height: 22px;
				font-size: 14px;
				font-weight: bold;
				color: white; }
				#dayOverlayHolder .dayNumber a {
					color: white;
					display: block;
					width: 155px;
					text-decoration: none;
					padding: 4px 0 0 6px; }
					#dayOverlayHolder .dayNumber .daylist,
					#dayOverlayHolder .dayNumber .weekendlist { 
						display: block; 
						font-size: 10px; 
						position: absolute;
						top: 5px;
						left: 45px;
						cursor: pointer; }
					#dayOverlayHolder .dayNumber .weekendlist { 
						left: 50px; }
						
			#dayOverlayHolder.currentDay .dayNumber {
				background: red; 
			}
			#dayOverlayHolder #browseEvents {
				position: absolute;
				top: 10px;
				right: 10px; }
			#dayOverlayHolder ul {
				display: block;
				position: absolute;
				top: 22px;
				left: 0;
				color: #4A4A4A;
				font-size: 10px;
				margin: 9px 0 0 2px;
				padding: 8px 5px 0 10px;
				list-style: none;
				width: 152px;
				height: 110px;
				overflow-y: auto; 
				overflow-x: hidden; }
				#dayOverlayHolder ul li {
					color: #4A4A4A;
					font-size: 12px;
					padding-bottom: 5px;
					padding-left: 8px;
					white-space: nowrap; /* IE: normal */
					background: url(../gfx/bullet_calendar.gif) 0px 5px no-repeat; } 
					#dayOverlayHolder ul li a {
						color: black; }  
					#dayOverlayHolder ul li.inactive {
						display: none; } 
                
/* Nieuwsbrief */
#sidebar.home .subscribeToSave { 
	padding: 5px 10px; 
	color: #666;
	font-size: 90%; }
	#sidebar.home .subscribeToSave a { line-height: 15px; color: #5997E5;}

#sidebar.home .nieuwsbrief {
	padding: 10px;	}
.nieuwsbrief a {
	color: #5997E5;
	height: 20px;
	display: block; }
.nieuwsbrief input.query {
	margin-bottom: 7px;
	width: 215px;
	background: url(../gfx/input_dark.gif) no-repeat; }
#sidebar.home .nieuwsbrief input.query { width: 140px; }
.nieuwsbrief input.button {
	background: url(../gfx/button.png) no-repeat;
	width: 168px;
	float: right;
	color: white;
	margin: -5px -5px 0 0;
	height: 33px; }
#sidebar.home .nieuwsbrief input.button { 
	padding: 0;
	margin: 0 0 0 -3px;
	width: 160px;
	float: none;
	background: url(../gfx/button_home.png) no-repeat; }

/* Event */
#contentContainer ul.eventlinks li, .listview li.agenda { 
	list-style: none;
	margin-top: 10px;
	padding: 2px 10px 0 20px;
	height: 20px;
	float: left; }
	.listview li.agenda { margin-top: 3px; }
	#contentContainer ul.eventlinks li.informatie { background: url(../gfx/icon_info.gif) no-repeat top left; } 
	#contentContainer ul.eventlinks li.agenda, .listview li.agenda { background: url(../gfx/icon_agenda.gif) no-repeat top left; } 
	#contentContainer ul.eventlinks li.route { background: url(../gfx/icon_route.gif) no-repeat top left; }
	#contentContainer ul.eventlinks li.collega { background: url(../gfx/icon_collega.gif) no-repeat top left; }
	#contentContainer ul.eventlinks li.print { background: url(../gfx/icon_print.gif) no-repeat top left; }
#contentContainer #eventDescription {
	position: relative; }
	#contentContainer #eventDescription p {
		padding-bottom: 10px;}
	#contentContainer #eventDescription .type {
		position: absolute;
		top: 10px;
		right: 15px;
		color: #646464;
		text-transform: uppercase; }
#contentContainer #atc,
#contentContainer #pmr { position: absolute; display: none; }
#sidebar .eventinfo { 
	margin-top: 10px;
	width: 219px;
	padding: 15px;
	background: #E8EDF1; }
	#sidebar .eventinfo dl { 
		line-height: 1.3em;
		background: #E8EDF1;
		padding-top: 10px; }
		#sidebar .eventinfo dl dt { 
			padding-bottom: 8px;
			float: left;
			color: #0068B0;
			font-weight: bold;
			width: 60px; }
		#sidebar .eventinfo dl dd { 
			float: left;
			padding-bottom: 8px;
			width: 155px; }
	#sidebar .text p a { line-height: normal; }
/* Main Form */
#mainForm { }
	#mainForm label { 
		float: left; 
		padding-top: 5px;
		padding-right: 30px;
		width: 111px;
		height: 17px;
		text-align: right; }
		#mainForm label.required {
			background: url(../gfx/star_required.gif) no-repeat center right; }
	#mainForm input.query, #mainForm input.required {
		width: 558px;
		border: 0px;
		margin-bottom: 10px;
		float: left; }
	#mainForm .readOnly { 
		padding: 5px;
	}
	#mainForm em { 
		padding-bottom: 5px;
		font-size: 11px;
		float: right; }
	.login input.button { float: left; }
/* Listview */		
.listview {
	padding: 10px;
	background: url(../gfx/listview.gif) repeat-x; } /* IE6: border: 1px solid white; */
	.listview:hover, .listview.hover { background: url(../gfx/listviewHover.gif) repeat-x; }
	#contentContainer .listview h2 {
		position: relative;
		color: black;
		font-size: 16px; }
		#contentContainer .listview h2 span {
			display: block;
			float: right;
			color: #646464;
			font-size: 12px;
			font-weight: normal;
			text-transform: lowercase;
			margin-top: -8px; }
		#contentContainer h4 span#linkToOldEvents {
			float: right;
			cursor: pointer;  
			color: #026EAD; }
		#contentContainer h4 span#linkToOldEvents:hover { text-decoration: underline;  }
	.listview .date {
		background: #DFE6EC;
		padding-bottom: 7px;
		text-align: center;
		float: left;
		width: 43px; }
	.listview .type {
		position: absolute;
		top: 12px;
		right: 12px;
		text-transform: lowercase; }
		.listview .date p {
			padding: 0 10px 0 10px;	
			color: #646464; }
		.listview .date span { 
			padding: 0 10px 0 7px;
			font-size: 24px;
			font-weight: bold;
			text-align: center;
			color: #016FB0;}
		.listview .date hr { 
			color: white;
			width: 35px; }
		.listview .date strong {
			color: #646464; }
	.listview .detail {
		float: left;
		padding-left: 10px;
		width: 624px; }
	.listview .atc { display: none; }
	.listview .atc {
		z-index: 100;
		position: absolute;
		padding: 15px 15px 0 15px;
		background: url(../gfx/dialogbox.gif) no-repeat;
		width: 385px;
		height: 123px;
		display: none; }
		.listview .atc h3 {
			color: #076399;
			padding-bottom: 10px; }
		.listview .atc input.knop {
			position: absolute;
			right: 53px;
			bottom: 10px;
			color: white;
			background: #076399;
			padding: 5px; }
		.listview .atc ul.calendar li {
			float: left;
			width: 150px;
			font-size: 10px;
			padding: 2px 0 15px 20px; }
			.listview .atc ul.calendar li.agenda {
				background: url(../gfx/icon_agenda.gif) no-repeat left top; }
			.listview .atc ul.calendar li.ical {
				background: url(../gfx/icon_ical.gif) no-repeat left top; }
			.listview .atc ul.calendar li.google {
				background: url(../gfx/icon_googlecal.gif) no-repeat left top; }
			.listview .atc ul.calendar li.outlook {
				background: url(../gfx/icon_outlook2007.gif) no-repeat left top; }
			.listview .atc ul.calendar li.outlook2003 {
				background: url(../gfx/icon_outlook.gif) no-repeat left top; }
			.listview .atc ul.calendar li.lotusnote {
				background: url(../gfx/icon_lotusnote.gif) no-repeat left top; }
			.listview .atc ul.calendar li input {
				float: right; }
		.listview .atc input.text {
			width: 300px;
			margin: 10px 10px 10px 5px;
			background: url(../gfx/input.gif);
			height: 16px;
			color: #474747;
			font-style: italic;
			padding: 4px; }
			#contentContainer #atc input.text.required,
			#contentContainer #pmr input.text.required {
				background: url(../gfx/input_required.gif);	}
	
	#listview.nieuwsbrief { 
		margin-left: -10px;
		width: 228px;
		padding: 0 10px 10px 10px;
		background: #DFE6EC; }
	#listview.nieuwsbrief input.query { width: 220px; }
#relatedBlockContainer {
	padding-top: 15px;
	position: relative;
	width: 695px; }
	.relatedBlock { 
		height: 100%;
		position: relative;
		background: #06649B url(../gfx/relatedblock.gif) no-repeat top center;
		float: left; 
		color: white;
		font-size: 11px;
		padding: 10px;
		width: 198px;
		margin-right: 13px; } /* ie6: margin-right: 10px; */
		.relatedBlock .relatedBlockBottom {
			background: url(../gfx/relatedblockbottom.gif) no-repeat;
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 218px;
			height: 4px; }
		.relatedBlock ul li {
			padding: 3px 0 3px 0;
			list-style-type: square;
			margin-left: 15px; }
			.relatedBlock ul li a {
				color: white; }
		.relatedBlock h3 { padding-bottom: 5px;}
		.relatedBlock input.query { width: 192px; }
		.relatedBlock input.button { 
			width: 202px;
			float: left;
			height: 25px;
			margin: 0;
			padding: 4px 0 9px 0;
			background: url(../gfx/relatedblock_button.jpg) no-repeat; }
#contentContainer #atc,
#contentContainer #pmr {
	z-index: 100;
	position: absolute;
	padding: 15px 15px 0 15px;
	background: url(../gfx/dialogbox.gif) no-repeat;
	width: 385px;
	height: 123px;
	display: none; }
	#contentContainer #atc h3,
	#contentContainer #pmr h3 {
		color: #076399;
		padding-bottom: 10px; }
	#contentContainer #atc input.knop,
	#contentContainer #pmr input.knop,  
	#contentContainer #pmr input.route {
		position: absolute;
		right: 53px;
		bottom: 10px;
		color: white;
		background: #076399;
		padding: 5px; }
	#contentContainer #pmr input.route { right: 120px; }
	#contentContainer #atc ul.calendar li {
		float: left;
		width: 150px;
		font-size: 10px;
		padding: 2px 0 15px 20px; }
		#contentContainer #atc ul.calendar li.agenda {
			background: url(../gfx/icon_agenda.gif) no-repeat left top; }
		#contentContainer #atc ul.calendar li.ical {
			background: url(../gfx/icon_ical.gif) no-repeat left top; }
		#contentContainer #atc ul.calendar li.google {
			background: url(../gfx/icon_googlecal.gif) no-repeat left top; }
		#contentContainer #atc ul.calendar li.outlook {
			background: url(../gfx/icon_outlook2007.gif) no-repeat left top; }
		#contentContainer #atc ul.calendar li.outlook2003 {
			background: url(../gfx/icon_outlook.gif) no-repeat left top; }				
		#contentContainer #atc ul.calendar li.lotusnote {
			background: url(../gfx/icon_lotusnote.gif) no-repeat left top; }
		#contentContainer #atc ul.calendar li input {
			float: right; }
	#contentContainer #atc input.text,
	#contentContainer #pmr input.text {
		width: 300px;
		margin: 10px 10px 10px 5px;
		background: url(../gfx/input.gif);
		height: 16px;
		color: #474747;
		font-style: italic;
		padding: 4px; }
		#contentContainer #atc input.text.required,
		#contentContainer #pmr input.text.required {
			background: url(../gfx/input_required.gif);	}

#loginForm { display: none; }
#headerLoginForm { margin-top: -3px; }
	#headerLoginForm input { 
		font-size: 11px;
		background: url(../gfx/input.gif);
		height: 13px;
		margin-top: -5px;
		padding: 4px 3px 3px 5px; }
	#headerLoginForm input.button { 	
		background: url(../gfx/button_small.png) no-repeat;
		width: 110px;
		float: none;
		color: white;
		height: 35px; 
		outline: none; }

#organizerForm h2 { margin: 10px;}		
#organizerForm input { float: left; margin: 5px 10px 5px 0; }
#organizerForm input.button { margin-left: 10px; }
#organizerForm label { display: block; float: left; width: 80px; margin: 5px 5px 5px 10px; }

/* Profile pages **************/

.XMSWebUserProfileElement ul.profileActions {
	height: 26px;
	width: 100%; }
	.XMSWebUserProfileElement ul.profileActions li {
		float: left;
		font-size: 11px;
		font-weight: bold;
		margin-right: 2px;
		background: url(../gfx/nav_tab_big_inactive.gif) no-repeat 0 0; }	
		.XMSWebUserProfileElement ul.profileActions li:hover { background: url(../gfx/nav_tab_big_hover.gif) no-repeat 0 0; }
		.XMSWebUserProfileElement ul.profileActions li a {
			display: block;
		color: black;
			width: 130px;
			height: 17px;
			text-align: center;
			padding: 9px 0 0 0;
			text-decoration: none; }
		.XMSWebUserProfileElement ul.profileActions li.active a {
			color: white;
			background: url(../gfx/nav_tab_big_active.gif) no-repeat 0 0; }

.XMSWebUserProfileElement .profileContent {
	padding: 10px;		
	background: #e8edf1;
	width: 784px; 
	border: 1px solid #0566A0;
	position: relative; }
	
	.XMSWebUserProfileElement .profileContent h3 { color: #0566A0; padding: 10px 5px; }

	.XMSWebUserProfileElement .profileContent .panelContent { float: left; width: 480px; }
	.XMSWebUserProfileElement .profileContent.editProfile .panelContent, 
	.XMSWebUserProfileElement .profileContent.changePass .panelContent { width: auto;}

	.XMSWebUserProfileElement .statusNotification {
		color: green;
		padding: 5px; }

	.XMSWebUserProfileElement dl.userProfile { width: 440px;}
		.XMSWebUserProfileElement dl.userProfile dt, .XMSWebUserProfileElement dl.userProfile dd {
			float: left;
			display: block;
			padding: 5px;
			height: 15px; 
			width: 200px;}
		.XMSWebUserProfileElement dl.userProfile dt {	
			width: 200px;
			font-weight: bold;
			clear: left;
			}
		.XMSWebUserProfileElement dl.userProfile dd {float: left; }
	
	.XMSWebUserProfileElement .subscriptions {
		float: left;
		width: 300px;
		padding-bottom: 10px;  
		background: #fff; }
		
		.XMSWebUserProfileElement .subscriptions table td, .XMSWebUserProfileElement .subscriptions table th { padding: 5px; }
		/*.XMSWebUserProfileElement .subscriptions dt, .XMSWebUserProfileElement .subscriptions dd {
			float: left;
			display: block;
			padding: 5px;
			height: 15px; 
			width: 100px; }
		.XMSWebUserProfileElement .subscriptions dt {	
			font-weight: bold;
			clear: left; 
			width: 180px; }*/

/* FOOTER *********************/
#footer { 
	position: relative;
	z-index: 1;
	background: url(../gfx/footer.gif) repeat-x;
	height: 55px; }
	#footer #footerContainer { 
		position: relative;
		margin: 0 auto;
		width: 975px; }
		#footer #footerContainer a { color: white; }
		#footer #footerContainer a:hover { text-decoration: underline; }
		#footer #footerContainer ul {
			position: absolute;
			background: url(../gfx/footerNavLeft.gif) no-repeat left top;
			padding-left: 10px;
			top: 7px;
			right: -5px; } /* IE6: width: 360px */
			#footer #footerContainer ul li {
				float: left;
				padding-right: 19px; }
			#footer #footerContainer ul div { 
				background: url(../gfx/footerNav.gif) no-repeat right top;
				padding: 5px 20px 0 20px;
				height: 24px; } /* IE6: width: 340px; */
	#footer #footerContainer .copyright {
		position: absolute;
		top: 17px;
		left: 5px;
		color: #474747; }

ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}