/**
 * Niets uit dit bestand mag worden gekopieerd, gewijzigd, veranderd of
 * gebruikt zonder de expliciete toestemming van Crowd Surfing
 * (ITC Portal B.V.)
 *
 * Indien u met betrekking tot dit bestand wijzigingen doorvoert draagt
 * Crowd Surfing niet langer de verantwoordelijk voor een correcte
 * werking van uw website
 *
 *
 * Nothing from <strong>div#FooterNavigationContainer</strong>this file may be copied, changed or used
 * without the explicit consent of Crowd Surfing (ITC Portal B.V.)
 *
 * If you make changes concercing this file, Crowd Surfing will no
 * longer bear responsibility for a correct functioning of your website
 */

/**
 * CSS for Wit 
 *
 * Updates:
 * - 2010-04-08		Added Notices
 *
 * @author 			Mike Hanssen, Crowd Surfing
 * @copyright		(c) Crowd Surfing 2010
 * @license			http://crowd-surfing.com/algemenevoorwaarden/Module-01-licentie-programmatuur.pdf
 */

/* CSS RESET */
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, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body 	{ background: white; color: black; line-height: 1; }
del 	{ text-decoration: line-through; }
table 	{ border-collapse: collapse; border-spacing: 0; } /* Tables still need cellspacing="0" in the HTML */
:focus 	{ outline: 0; } /* Removes outline for input fields in Webkit */
/* END CSS RESET */

/* GENERAL STYLES */
a#Logo
{
	border: 			0px;
	background-image:	url('/Includes/Themes/Wit/Images/DeWitLogo.png');
	float:				right;
	height:				158px;
	width:				222px;
	margin:				75px 167px 0px 25px;
}

a#ButtonUpcoming
{
	background-image:	url('/Includes/Themes/Wit/Images/KnopAgenda.png');
	background-repeat: 	no-repeat;
	background-position:right;
	color:				#FBFF00;
	font-family:		Arial;
	font-size:			18px;
	float:				left;
	height:				95px;
	line-height:		147px;
	text-align: 		center;
	width:				205px;
	margin-left:		105px;
}

a#ButtonAgenda.Button
{
	float:				left;
	height:				41px;
	margin-top:			55px;
}

	a#ButtonAgenda.Button span.Left
	{
		background-image:	url('/Includes/Themes/Wit/Images/RodeKnopLinks.png');
		float:				left;
		height:				41px;
		width:				16px;
	}

	a#ButtonAgenda.Button span.Middle
	{
		background-image:	url('/Includes/Themes/Wit/Images/RodeKnopMid.png');
		color:				#FFFFFF;
		font-size:			14px;
		font-family:		Arial;
		float:				left;
		padding-top: 		10px;
		height:				31px;
	}

	a#ButtonAgenda.Button span.Right
	{
	background-image:	url('/Includes/Themes/Wit/Images/RodeKnopRechts.png');
	float:				left;
	height:				41px;
	width:				21px;
	}

a.Submit
{
	vertical-align: 	middle;
}

	a.Submit span.Left
	{
		background-image:	url('/Includes/Themes/Wit/Images/RodeKnopLinks.png');
		float:				left;
		height:				41px;
		width:				16px;
	}

	a.Submit span.Middle
	{
		background-image:	url('/Includes/Themes/Wit/Images/RodeKnopMid.png');
		color:				#FFFFFF;
		font-size:			14px;
		font-family:		Arial;
		float:				left;
		padding-top: 		10px;
		height:				31px;
	}

	a.Submit span.Right
	{
	background-image:	url('/Includes/Themes/Wit/Images/RodeKnopRechts.png');
	float:				left;
	height:				41px;
	width:				21px;
	}

a.ButtonImage
{
	display: 			inline-block;
	height:				280px;
 	margin:				0px 65px 35px 0px;
	text-align: 		center;
	vertical-align: 	middle;
	width:				266px;
}

	a.ButtonImage span.Image
	{
		height: 			274px;
	}

	a.ButtonImage span.Name
	{
		color:				#000000;
		display:			block;
		font-size:			15px;
		font-family: 		Arial;
		font-weight: 		bold;
	}

	a.ButtonImage span.Link
	{
		color:				#E3001C;
		display:			inline-block;
		font-size:			12px;
		font-family: 		Arial;
		font-weight: 		bold;
		text-decoration: 	underline;
	}

a.ButtonImageSmall
{
	display: 			inline-block;
	height:				160px;
 	margin:				0px 81px 0px 0px;
	text-align: 		center;
	width:				180px;
}

	a.ButtonImageSmall span.Image
	{
		height:				180px;
	}

	a.ButtonImageSmall span.Name
	{
		color:				#000000;
		font-size:			15px;
		font-family: 		Arial;
		font-weight: 		bold;
		height:				23px;
		margin-top:			23px;
	}

a.ButtonLocation
{
	display: 			inline-block;
	height:				225px;
 	margin:				0px 65px 35px 0px;
	text-align: 		center;
	width:				266px;
}

	a.ButtonLocation span.Image
	{
		height: 			274px;
	}
	a.ButtonLocation span.Name
	{
		color:				#000000;
		display:			block;
		font-size:			15px;
		font-family: 		Arial;
		font-weight: 		bold;
		height: 			16px;
	}

a.Submit
{
	display: 			block;
	margin-left:		424px;
}

html, body, div#Container
{
	width: 				100%;
}

body#Home
{
	background-color: 	#FCEB00;
	background-image: 	url('/Includes/Themes/Wit/Images/Achtergrond.png');
	background-repeat: 	repeat-x;
	color: 				white;
	font: 				13px/1.3 Arial, Helvetica, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;
	margin: 			0;
}

body#Default
{
	background-color: 	#FCEB00;
	background-image: 	url('/Includes/Themes/Wit/Images/AchtergrondDefault.png');
	background-repeat: 	repeat-x;
	color: 				white;
	font: 				13px/1.3 Arial, Helvetica, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;
	margin: 			0;
}

	body#Default div#Content
	{
		margin-top:			60px;
		width: 				980px;
	}

	body#Default div#Content p
	{
		margin-left:		3px;
	}

h1#Heading
{
		color:			#FFFFFF;
		font-family: 	Arial Black;
		font-size: 		18px;
		margin:			10px 0px 0px 117px;
}

h1
{
	font-family: 		arial;
	font-size: 			18px;
	font-weight: 		bold;
}

h2
{
	font-size: 			16px;
	font-weight: 		normal;
}

h3
{
	font-size: 			14px;
	font-weight: 		normal;
}

a
{
	color: 				#E3001C;
	text-decoration: 	none;
}

a:hover
{
	text-decoration: 	none;
}

a:visited
{
	color: 				#E3001C;
}

p
{
	color: 				#000000;
	line-height:		1.3;
	text-align:			left;
}

strong
{
	font-weight: 		bold;
}

em
{
	color: 				#E3001C;
	font-style: 		italic;
}

li
{
	list-style-type: 	none;
}

textarea
{
	overflow: 			auto; /* No scrollbars in IE when there is enough room */
	height:				150px;
	width:				350px;
}

blockquote
{
	border-left: 		2px solid #000000;
	margin: 			5px 0 15px 15px;
	padding-left: 		15px;
}

pre
{
	font-family: 		"Courier New", Courier, monospace, serif;
  	margin: 			0 0 1.5em;
}

blockquote,
blockquote p
{
	font-size: 			15px;
	font-style: 		italic;
	text-align: 		justify;
}

div#Agenda
{
	background-color: 	#DD0000;
	background-image:	url('/Includes/Themes/Wit/Images/AchtergrondAgendaBody.png');
	background-position:bottom;
	background-repeat: 	no-repeat;
	min-height:			239px;
	margin:				15px 0px 0px 110px;
	width:				980px;

}


div#Agenda table#TableAgenda
{
	min-height:			239px;
	width:				980px;
	zoom:				1;
}

	table#TableAgenda tr
	{
		height:				35px;
		vertical-align: 	middle;
	}

	table#TableAgenda td
	{
		border-bottom:		solid 1px;
		border-color: 		#DD5D13;
		margin-left:		25px;
		padding-left:		25px;
		vertical-align: 	middle;
	}

	table#TableAgenda td.Location
	{
		vertical-align: 	middle;
		width:				300px;
	}

	table#TableAgenda td.Date
	{
		width:				240px;
		height:				44px;
	}

	table#TableAgenda td.Place
	{
		width:				250px;
	}

	table#TableAgenda thead
	{
		color:				#000000;
		background-color:	#DD5D13;
		background-image:	url('/Includes/Themes/Wit/Images/AchtergrondAgendaHeader.png');
		background-repeat: 	repeat-x;
		background-position:top;
		font-family: 		Arial;
		font-weight: 		bold;
		font-size: 			16px;
		width:				980px;
	}

	table#TableAgenda td.Info a
	{
		text-decoration: 	underline;
	}

	table#TableAgenda tr.White
	{
		color:				#FFFFFF;
		font-family: 		Arial;
		font-size: 			15px;
	}

		table#TableAgenda tr.White a
		{
			color:				#FFFFFF;
		}

		table#TableAgenda tr.White td.Info a:hover
		{
			color:				#FBFF00;
		}

	table#TableAgenda tr.Yellow
	{
		color:				#FBFF00;
		font-family: 		Arial;
		font-size: 			15px;
	}

		table#TableAgenda tr.Yellow a
		{
			color:				#FBFF00;
		}

		table#TableAgenda tr.Yellow td.Info a:hover
		{
			color:				#FFFFFF;
		}



div#AgendaText
{
	background-image: 	url('/Includes/Themes/Wit/Images/AchtergrondAgendaText.png');
	background-repeat:	no-repeat;
	height:				54px;
	text-align:			right;
	margin-left:		9px;
	width:				1173px;
}

	div#AgendaText p.AgendaTextBig
	{
		color:				#980000;
		font-family:  		Arial;
		font-size:			18px;
		font-weight: 		bold;
		padding-top:		10px;
		padding-right:		123px;
		text-align:			right;
	}

	div#AgendaText p.AgendaTextSmall
	{
		color:				#980000;
		font-family:  		Arial;
		font-size:			13px;
		font-weight: 		bold;
		padding-right:		123px;
		text-align:			right;
	}

div#Container
{
	background-color:  	transparent;
	margin-left:		auto;
	margin-right:		auto;
	overflow: 			hidden;
	width:				1200px;
}

div#ContentContainer
{
	min-height:			500px;
	width:				1200px;
}


div#Center
{
	width: 				1200px;
	height:				190px;
}

div#Contact
{
	font-family:		Arial;
	float:				right;
	height:				80px;
	margin:				24px 131px 0px 0px;
	text-align:			right;
	width:				300px;
}

	div#Contact ul li
	{
		float:			right;
	}

	div#Contact p
	{
		color:				#980000;
		font-size:			14px;
		float:				right;
		margin-right:		10px;
	}

	div#Contact h1
	{
		color:				#980000;
		font-size:			14px;
		font-weight: 		bold;
		float:				right;
		margin-right:		10px;
	}

div#Slogan
{
	background-image: 	url('/Includes/Themes/Wit/Images/KopTekst.png');
	margin:				35px 0px 0px 120px;
	height:				98px;
	text-indent: 		-9999em;
	width:				631px;
}

div#EventPage
{
	width:				1200px;
}

div#FotoPagina
{
	width:				1056px;
}

div#FotoAlbum
{
	width:				1200px;
}

div#Header
{
	background-image: 	url('/Includes/Themes/Wit/Images/FotoHeader.png');
	background-repeat: 	no-repeat;
	background-position:center;
	width: 				1200px;
	height:				176px;
}

div#NavigationContainer
{
	margin-top:			154px;
	margin-left:		100px;
	float:				left;
	position:			relative;
}

div#NavigationContainer ul li
	{
		border-right: 		solid 1px;
		border-color:		#FFFFFF;
		float:				left;
		font-family: 		Arial;
		font-size:			14px;
		list-style-type:	none;
		margin:				0px 0px 0px 25px;
	}

	div#NavigationContainer a
	{
		color:				#FFFFFF;
		font-family: Arial;
    	font-size: 14px;
		text-decoration:	none;
		margin-right:		25px;
	}

	div#NavigationContainer a:hover
	{
		color:				#FEFD33;
	}

	/* GENERAL STYLES CONTENT */
	div#Content ol,
	div#Content ul
	{
		line-height:			1.3;
		/* list-style-position: 	inside; */ /* Outside sometimes gives problems in IE */
		margin-left: 			15px;
	}

	div#Content ol li
	{
		list-style-type:	decimal;
	}

	div#Content ul li
	{
		list-style-type:	disc;
	}

	/* GENERAL STYLES CONTENT */

/* END GENERAL STYLES */

/* CONTENT */
div#Content
{
	background-color: 	#transparent;
	color: 				#000000;
	margin-left:		115px;
	text-align: 		left;
	width: 				980px;
}

	div#Content p
	{
		background-color: 	#transparent;
		color: 				#000000;
		font-family: 		arial;
		font-size: 			16px;
		margin:				5px 25px 5px 20px ;
	}

	div#Content h1
	{
		color:				#000000;
		font-family: 		arial black;
		font-size: 			18px;
		font-weight: 		bold;
		margin:				0px 25px 0px 23px;
	}

	div#Content div#VisitorsInfo
	{
		border-right:		1px solid #E3001C;
		float:				left;
		font-family:		arial;
		font-size:			16px;
		min-height:			440px;
		width:				400px;
	}

		div#Content div#VisitorsInfo p
		{
			margin:				0px 0px 0px 0px;
		}

		div#Content div#VisitorsInfo h1
		{
			font-family:		Arial Black;
			font-size:			18px;
			margin:				0px 0px 20px 0px;
		}

		div#Content div#VisitorsInfo span.Prices
		{
			margin:				25px 0px 25px 0px;
		}

		div#Content div#VisitorsInfo span.Image
		{
			display: 			block;
		}

		div#Content div#VisitorsInfo span.Text
		{
			color:				#000000;
			font-weight: 		bold;
			display: 			block;
			margin:				25px 0px 25px 0px;
		}

		div#Content div#VisitorsInfo a
		{
			color:				#000000;
			display: 			block;
			font-size:			15px;
			font-family:		Arial;
			margin:				25px 0px 25px 0px;
			text-align:			center;
			text-decoration: 	underline;
			width:				180px;
		}

	div#Content div#ExhibitorsInfo
	{
		float:				right;
		font-family:		arial;
		font-size:			16px;
		width:				550px;
	}

		div#Content div#ExhibitorsInfo p
		{
			margin:				0px 0px 0px 0px;
		}

		div#Content div#ExhibitorsInfo ol
		{
			font-family:		Arial;
			font-size:			16px;
		}

		div#Content div#ExhibitorsInfo h1
		{
			font-family:		Arial Black;
			font-size:			18px;
			margin:				0px 0px 20px 0px;
		}
/* END CONTENT */

/* FOOTER */
div#Footer
{
	background-color: 	#990000;
	color:				#FFFFFF;
	height:				20px;
	margin:				50px 0px 0px 0px;
	width:				100%;
	min-width:			1200px;
}

	div#Footer ul li
	{
		border-color:		#FFFFFF;
		float:				left;
		font-family: 		Arial;
		font-size:			12px;
		list-style-type:	none;
		margin:				0px 80px 0px 0px;
	}

	div#Footer a
	{
		color:				#FFFFFF;
		text-decoration:	none;
	}

	div#Footer a:hover
	{
		color:				#FEFD33;
	}


div#Footer div#FooterWrapper
{
	height:			20px;
	line-height:	20px;
	margin:			0 auto;
	width:			980px;
}

	div#Footer div#FooterWrapper div#FooterNavigationContainer
	{
		float: 			left;
		margin-left: 	75px;
	}

	div#Footer div#FooterWrapper div#Developer
	{
		float: 			left;
	}

/* END FOOTER */

/* FORM HINTS */
	form#Filter
	{
		margin-top: 20px;
		text-align:	center;
	}

	form#SearchForm div.Row
	{
		margin: 0 auto;
	}

	form#Filter div.Row label
	{
		display:		inline-block;
		margin-bottom:	5px;
		width: 			100%;
	}

		form#Filter div.ErrorMessage
		{
			height: 0; /* Fix for IE */
		}

			form#Filter div.Row select
			{
				border: 1px solid #E0E0E1;
				background-color: #E0E0E1;
				color: #313032;
				text-align: center; /* Doesn't work in IE */
				width: 	160px;
			}

	form div.Row
	{
		position: 			relative;
		width:				510px;
		margin-bottom:		20px;
	}

		form div.ErrorMessage
		{
			color: 				#FF0000;
		}

		form div.Row input
		{
			line-height:		22px;
		}

		form div.Submit input
		{
			height: 			auto;
		}

		form div.Row input.ErrorVeld
	    {
	    	border: 			2px solid #FF0000;
			height: 			16px; /* To compensate the extra 2 border px */

			-moz-box-shadow: 	0px 0px 4px #FF0000;
			-webkit-box-shadow:	0px 0px 4px #FF0000;
			box-shadow: 		0px 0px 4px #FF0000;
		}

		form div.Row label
		{
			display: 			inline-block;
			width: 				150px;
			vertical-align: 	top;
		}

		form div.Row span.Hint
		{
			background-color: 	#FFFFFF;
			border: 			1px solid #B3B3B3;
			display: 			none;
			font-family: 		Verdana, Arial, Helvetica, sans-serif;
			font-size: 			12px;
			padding: 			3px 5px;
			position: 			absolute;
			right: 				-185px;
			top: 				0;
			width: 				175px;

			-moz-box-shadow: 	0px 0px 4px #000000;
			-webkit-box-shadow:	0px 0px 4px #000000;
			box-shadow: 		0px 0px 4px #000000;
		}

			form div.Row span.Hint span.Pointer
			{
				background: 		url('/Includes/Themes/Wit/Images/Icons/pointer.png') no-repeat;
				display: 			block;
				height: 			9px;
				left: 				-8px;
				position: 			absolute;
				top: 				5px;
				width: 				9px;
			}


/* END FORM HINTS */

/* FORMS */


/* END FORMS */

/* NOTICES */
div.Notice
{
	background-color:	#FFFFCC;
	border:				1px dotted #CC9933;
	color: 				#CC9933;
	font-weight:		bold;
	line-height:		2;
	margin-bottom:		10px;
	padding: 			10px;

	-moz-box-shadow:	0 0 4px #CC9933;
	-webkit-box-shadow:	0 0 4px #CC9933;
	box-shadow:			0 0 4px #CC9933;
}

	div.Notice.Error
	{
		background-color:	#FFD4D4;
		border:				1px dotted #FF0000;
		color: 				red;
		font-weight:		bold;

		-moz-box-shadow:	0 0 4px #FF0000;
		-webkit-box-shadow:	0 0 4px #FF0000;
		box-shadow:			0 0 4px #FF0000;
	}

	div.Notice.Message
	{
		background-color:	#E2F1F8;
		border:				1px dotted #0398CA;
		color: 				#0398CA;
		font-weight:		bold;

		-moz-box-shadow:	0 0 4px #0398CA;
		-webkit-box-shadow:	0 0 4px #0398CA;
		box-shadow:			0 0 4px #0398CA;
	}

	div.Notice.Success
	{
		background-color:	#AEA;
		border:				1px dotted #008000;
		color: 				#008000;
		font-weight:		bold;

		-moz-box-shadow:	0 0 4px #008000;
		-webkit-box-shadow:	0 0 4px #008000;
		box-shadow:			0 0 4px #008000;
	}

	div.Notice a
	{
		border: 			1px solid black;
		border-color:		#CC9933;
		color: 				#CC9933;
		display:			inline-block;
		float: 				right;
		text-align:			center;
		text-decoration:	none;
		width:				24px;
	}

		div.Notice a:hover,
		div.Notice.Error a:hover,
		div.Notice.Message a:hover,
		div.Notice.Success a:hover
		{
			background-color: 	#000000;
			text-decoration: 	underline;

			opacity: 			0.3;
			filter:				progid:DXImageTransform.Microsoft.Alpha(opacity=30);
		}

		div.Notice.Error a
		{
			border-color: 		#0398CA;
			color: 				#0398CA;
		}

		div.Notice.Message a
		{
			border-color: 		#0398CA;
			color: 				#0398CA;
		}

		div.Notice.Success a
		{
			border-color: 		#008000;
			color: 				#008000;
		}

/* END NOTICES */