/*
 * $Id: main.css 233 2009-09-11 08:45:26Z danny $
 */
.hide { display: none; }
.show { display: block; }
div#wrapper	{
	width:770px;
	background:#fff;
	color:#333;
	margin:0;
	margin: 5px 0 5px 0;
	padding: 0;
	height:600px;
}
table#pageBody td.topIllustration {
	width:770px;
	height:117px;
}
table#pageBody td.dhtmlMenu {
	height:22px;
	text-align:right;
	width:770px!important;
	background:url(/images/backgrounds/dhtmlMenu.gif) left top repeat-x;
}
td.dhtmlMenu { font-family: garamond; font-size: 12px; }
td.dhtmlMenu ul { padding: 0px; margin: 0px; list-style-type: none; }
td.dhtmlMenu ul.dropMenu { margin-top: 4px; display: inline; float: right; margin-right: 30px; }
td.dhtmlMenu ul.dropMenu li { float: left; position: relative; z-index: 200; cursor: default;}
td.dhtmlMenu ul.dropMenu li a { padding: 0px 15px 0px 10px; background: url('/images/icons/bullet.gif') 0 -4px no-repeat; }
td.dhtmlMenu ul.dropMenu li ul {
	position: absolute;
	border: 1px solid #fff;
	z-index: 100;
	left: -5px;
	top: 18px;
}
td.dhtmlMenu ul.dropMenu li ul.hide { display: none; }
td.dhtmlMenu ul.dropMenu li, td.dhtmlMenu ul.dropMenu li a { color: #fff; font-weight: bold; }
td.dhtmlMenu ul.dropMenu li ul li, td.dhtmlMenu ul.dropMenu li ul li a { color: #000; }
td.dhtmlMenu ul.dropMenu li ul li {
	float: left;
	background: #e5e5e5;
	border: 1px solid #fff;
	border-bottom: 1px solid #000;
	text-align: left;
}
td.dhtmlMenu ul.dropMenu li ul li a { display: block; background:none; width:140px; padding: 3px;}
td.dhtmlMenu ul.dropMenu li ul li a:hover { background: #d9d7d7; }

/* start scrollbar layout */
	div#pageContent,
	div#fairOverview {
		overflow: -moz-scrollbars-vertical;
		overflow-y: scroll;
	}
/* end scrollbar layout */

/* element div#pageContent heeft een scrollbar, deze is bovenaan deze css gedefineerd */
div#pageContent {
	position:relative;
	height:380px;
	padding:10px;
	z-index:20;
	padding-bottom:30px;
}
div.bottomLine {
	width:100%;
	height:60px;
	background:url(/images/backgrounds/strokeBottom.gif) left top repeat-x;
}
div.title {
	margin-top:3px;
	position:relative;
	z-index:10;
	margin-left:30px;
	padding:10px;
	color:red;
	font-size:25px;
	font-weight:800;
	font-family:Garamond!important;
	background-color:black;
	display:block;
}

/* start page footer markup */
	table#pageFooter {
		width:100%;
		height:60px;
	}
	table#pageFooter td {
		vertical-align:top;
	}
	table#pageFooter td.title {
		vertical-align:top;
		width:auto;
	}
	table#pageFooter td.languages {
		padding-top:13px;
		width:95%;
	}
	table#pageFooter td.files {
		width:80%;
		text-align:right;
		padding-right:10px;
		padding-top:5px;
	}
	table#pageFooter td.button {
		width:10%;
		padding-right:20px;
	}
	table#pageFooter td.files a {
		position:relative;
		width:60px;
		height:50px;
		overflow:hidden;
	}
	table#pageFooter div.button {
		width:60px;
		height:50px;
		border:1px solid White;
		background-color:Black;
		margin-top:5px;
	}
	table#pageFooter div.button a {
		display:block;
		width:60px;
		color:White;
		font-family:Garamond;
		font-size:14px;
		font-weight:800;
		padding-left:15px;
		line-height:20px;
	}
	table#pageFooter div.button a:hover {
		text-decoration:none;
	}
	table#pageFooter td.languages {

	}
	table#pageFooter div.button a.off {
		background:url(/images/icons/selectTypeOff.gif) left center no-repeat;
	}
	table#pageFooter div.button a.on,
	table#pageFooter div.button a.on:hover,
	table#pageFooter div.button a.off:hover {
		background:url(/images/icons/selectTypeOn.gif) left center no-repeat;
	}
	/*
	list-style-image: url(/images/icons/selectTypeOff.gif);
	*/
	div.blockHidden {
		position:absolute;
		width:1px;
		height:1px;
		z-index:1;
		visibility:hidden;
	}
	div.blockVisible {
		position:relative;
		z-index:20;
		width:100%;
		height:50px;
	}
	td#footerFileBlock .thumbFooter {
		margin-left:10px;
	}
/* end page footer markup */


/* start pageBody markup */
	table#pageBody {
		width:770px;
		height:380px;
	}
	table#pageBody td {
		vertical-align:top;
		text-align:left;
	}
	table#pageBody td.sideBar {
		width:205px;
		position:relative;
		background:url(/images/backgrounds/menuLeft.gif) left 20px no-repeat;
		background-color:#E6E6E6;
	}
	table#pageBody td.mainContent {
		position: relative;
		width:565px;
	}
	table#pageBody td.mainContent table {
		width:100%;
	}
	table#pageBody td.mainContent td {
		margin:0;
		border:0;
		line-height:155%;
		font-family:Verdana!important;
	}
	table#pageBody td.mainContent table ul,
	table#pageBody td.mainContent table li,
	table#pageBody td.mainContent table p {
		margin:auto;
	}
/* end pageBody markup */

/* start menu left markup */
	ul.menuLeft {
		margin-left:25px;
		padding:0;
		width:160px;
	}
	ul.menuLeft li {
		font-family:Garamond;
		font-size:14px;
		font-weight:800;
		padding:2px;
		padding-left:13px;
		background:url(/images/icons/bullet-sub.gif) left 3px no-repeat;
		list-style-type:none;
	}
	ul.menuLeft li.rootItemOff,
	ul.menuLeft li.rootItemOn {
	}

	ul.menuLeft li ul {
		margin:0;
		padding:0;
		padding-left:10px;
	}
	ul.menuLeft li ul li {
		background:none;
		padding-left:0;
	}

	ul.menuLeft a { color:Black; }

	ul.menuLeft li a:hover,
	ul.menuLeft li a.itemOn {
		text-decoration:none;
		color:#FF0000;
	}

	ul.menuLeft li.itemOff {
	}
/* end menu left markup */

/* start image box example markup */
	table#boxExample {
		margin-top:15px;
	}
	table#boxExample td {
		background-color:#E5E5E5;
	}
	table#boxExample td.header {
		height:29px;
		text-align:right;
		vertical-align:top;
		border-left:1px solid #999999!important;
		border-top:1px solid #999999!important;
		border-right:1px solid #999999!important;
	}
	table#boxExample td.header img {
		margin-right:6px;
		margin-top:1px;
	}
	table#boxExample td.body {
		width:407px;
		height:247px;
		border-left:1px solid #999999!important;
		text-align:center;
	}
	table#boxExample td.shadeRightTop,
	table#boxExample td.shadeRight {
		background:url(/images/fileEnlargeBox/shadeRight.gif) left top repeat-y;
		border-left:1px solid #999999!important;
		width:5px;
	}
	table#boxExample td.shadeRightTop {
		background:url(/images/fileEnlargeBox/shadeRightTop.gif) left top repeat-y;
	}
	table#boxExample td.shadeRight {
		background:url(/images/fileEnlargeBox/shadeRight.gif) left top repeat-y;
	}
	table#boxExample *.innerFile {
		border-style:solid;
		border-width:1px;
		border-color:black white white black;
		margin:10px;
	}
	table#boxExample span.fileHolder {
		/*
		deze span staat om een flash of image heen
		*/
	}
	table#boxExample td.bottom {
		height:20px;
		text-align:right;
		border-left:1px solid #999999!important;
		border-right:1px solid #999999!important;
		border-left:1px solid #999999!important;
		border-bottom:1px solid #999999!important;
	}
	table#boxExample td.bottom span {
		display:block;
		width:100%;
		text-align:right;
		margin-bottom:10px;
		margin-right:20px;
		font-weight:800;
	}
/* end image box example markup */

/* start static nav markup */
	div.loginBox {
		background:#D5D5D5;
		border-bottom:1px solid #D5D5D5;
		height:15px;
		padding:3px;
		padding-left:8px;
		position:relative;
		left:0;
		top:0;
	}
	div.loginBox a {
		color:#000;
		font-weight:800;
	}
	div.loginBox a img {
		margin-right:3px;
	}
	div.loginBox img {
		vertical-align:middle;
	}
	div.staticNav {
		margin-left:18px;
		margin-bottom:5px;
		width:180px;
		height:20px;
	}
	div.staticNav a {
		width:21px;
		height:20px;
		text-decoration:none;
		float:left;
		margin-right:5px;
	}
	div.staticNav a.email {
		background:url(/images/icons/leftStroke/email-off.gif) left top no-repeat;
	}
	div.staticNav a.email:hover {
		background:url(/images/icons/leftStroke/email-on.gif) left top no-repeat;
	}
	div.staticNav a.home {
		background:url(/images/icons/leftStroke/home-off.gif) left top no-repeat;
	}
	div.staticNav a.home:hover {
		background:url(/images/icons/leftStroke/home-on.gif) left top no-repeat;
	}
	div.staticNav a.sitemap {
		background:url(/images/icons/leftStroke/sitemap-off.gif) left top no-repeat;
	}
	div.staticNav a.sitemap:hover {
		background:url(/images/icons/leftStroke/sitemap-on.gif) left top no-repeat;
	}
	div.staticNav a.smily {
		background:url(/images/icons/leftStroke/smily-off.gif) left top no-repeat;
	}
	div.staticNav a.smily:hover {
		background:url(/images/icons/leftStroke/smily-on.gif) left top no-repeat;
	}
	/*
	div.staticNav a.smily:hover {
		background:url(/images/icons/leftStroke/smily-on.gif) left top no-repeat;
	}
	*/
/* end static nav markup */

/* start leftStroke markup */
	table#leftStroke {
		width:205px;
		height:100%;
	}
	table#leftStroke td {
		width:205px;
		padding:0;
	}
	table#leftStroke td.subMenu {
		height:95%;
		position:relative;
	}
	table#leftStroke td.nav {
		height:5%;
		vertical-align:bottom;
	}
/* start leftStroke markup */
a.languageBar {
	width:51px;
	height:33px;
	border:1px solid White;
	display:block;
	overflow:hidden;
}
a.languageBar:hover {
	border:2px solid White;
}
span.outterLink {
	display:block;
	float:right;
	width:65px;
	height:40px;
	vertical-align:middle;
}
/* element div#fairOverview heeft een scrollbar, deze is bovenaan deze css gedefineerd */
div#fairOverview {
	position:relative;
	z-index:20;
	width:205px;
	height:331px;
	padding-left:16px;
	top:23px;
}
div#fairOverview table {
	margin-top:10px;
	margin-bottom:10px;
	width:170px;
}
div#fairOverview table td {
	font-size:10px;
	padding-bottom:10px;
	line-height:140%;
}
div#fairOverview table td img {
	margin-bottom:3px;
}

textarea.textHidden {
	visibility:hidden;
	display:none;
}
span.message { font-weight: normal; }