/*
 *Common
 */
*
{
	outline: none 0;
}

html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
}

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
}

.Close
{
	clear: both;
}

a img
{
	border: none 0;
}

body
{
	text-align: center;
	background-image: url(../media/img/body_bg.gif);
	background-repeat: repeat-x;
	background-color: #96c8fc;
}

div#Wrapper
{
	position: relative;
	text-align: left;
	padding-left: 9px;
	padding-right: 9px;
	margin: 0 auto -100px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 946px;
}

	body#ThreeColumn div#Wrapper
	{
		background-image: url(../media/img/wrapper_3column_bg.gif);
		background-repeat: repeat-y;
	}
		body#ThreeColumn div#Wrapper img#ContactBlock{
			display: none;
		}
	
	body#TwoColumn div#Wrapper
	{
		background-image: url(../media/img/wrapper_2column_bg.gif);
		background-repeat: repeat-y;
	}
		body#TwoColumn div#Wrapper img#ContactBlock{
			float: right;
		}

	div#ShadowLeft
	{
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 9px;
		height: 100%;
		height: expression(parseInt(parentNode.offsetHeight));
		background-image: url(../media/img/shadow_left.gif);
		background-repeat: no-repeat;
	}
	
	div#ShadowRight
	{
		position: absolute;
		left: 937px;
		top: 0;
		bottom: 0;
		width: 9px;
		height: 100%;
		height: expression(parseInt(parentNode.offsetHeight));
		background-image: url(../media/img/shadow_right.gif);
		background-repeat: no-repeat;
	}
	
	div#HeaderTop
	{
		position: relative;
		width: 928px;
		height: 89px;
		background-image: url(../media/img/header_logo.gif);
		background-repeat: no-repeat;
		overflow: hidden;
	}
	
	div#HeaderImage
	{
		position: relative;
		width: 928px;
		height: 203px;
		overflow: hidden;
	}
	
	div#ContentAreaTop
	{
		position: relative;
		width: 928px;
		height: 15px;
		background-image: url(../media/img/content_area_top.gif);
		background-repeat: no-repeat;
		overflow: hidden;
	}
	
	div#LeftContentBg
	{
		position: absolute;
		top: 307px;
		left: 10px;
		width: 205px;
		height: 336px;
		background-image: url(../media/img/left_column_bg.gif);
		background-repeat: repeat-x;
	}
	
	div#LeftContent
	{
		position: relative;
		padding: 10px 10px 10px 10px;
		width: 187px;
		float: left;
	}
	
	div#MainContent
	{
		position: relative;
		padding: 10px 0 10px 12px;
		width: 418px;
		float: left;
	}
	
	div#MainContent div.IntroText{
		position: relative;
		height: auto !important;
		height: 200px;
		min-height: 200px;
	}
	
	body#TwoColumn div#MainContent
	{
		width: 555px;
	}
	
		div.FormRow
		{
			position: relative;
			padding-bottom: 6px;
		}
		
		div.Block
		{
			position: relative;
			padding-top: 4px;
			/*background-image: url(../media/img/links_bg.gif);*/
			background-position: left top;
			background-repeat: repeat-x;
			margin-bottom: 10px;
		}
		
	div#RightContent
	{
		position: relative;
		width: 291px;
		float: left;
	}
	
		div#InlayBg
		{
			position: absolute;
			top: 307px;
			left: 646px;
			width: 291px;
			height: 336px;
		}
		
		body#ThreeColumn div#InlayBg
		{
			background-image: url(../media/img/inlay_bg_news.gif);
			background-repeat: no-repeat;
		}
		
		body#TwoColumn div#InlayBg
		{
			background-image: url(../media/img/inlay_bg.gif);
			background-repeat: no-repeat;
		}
	
		div#Inlay
		{
			position: relative;
			padding: 10px 10px 15px 20px;
			width: 261px;
			height: 175px;
			overflow: hidden;
		}
		
		body#TwoColumn div#Inlay
		{
			position: absolute;
			top: 307px;
			left: 666px;
			width: 261px;
			height: 175px;
			padding: 10px 10px 15px 0px;
		}
		
		div#News
		{
			position: relative;
			padding: 20px 10px 10px 20px;
			width: 261px;
		}
		
		div#FooterSpace
		{
			position: relative;
			height: 100px;
		}
		
	div#Footer
	{
		position: relative;
		margin: 0 auto;
		text-align: left;
		width: 946px;
		padding-left: 9px;
		padding-right: 9px;
		padding-top: 10px;
		height: 50px;
	}
	
	body#ThreeColumn div#FooterContent
	{
		width: 928px;
		padding-top: 6px;
		height: 83px;
		border-top: 1px solid #fff;
		background-color: #000080;
	}
	
	body#TwoColumn div#FooterContent
	{
		width: 786px;
		padding-top: 6px;
		height: 83px;
		border-top: 1px solid #fff;
		background-color: #000080;
	}

/*
 * Menu
 */
#Nav, #Nav ul
{
	list-style: none;
	margin: 0;
}
	
#Nav li
{
	width: 168px;
	line-height: 20px;
	border-bottom: 1px solid #5ca3ff;
}	
	
	#Nav a
	{
		display: block;
		padding: 2px;
		padding-left: 18px;
		width: 168px;
		font-size: 15px;
		font-weight: bold;
		color: #000080;
		text-decoration: none;
	}
	
	#Nav a.Collapse
	{
		background-image: url(../media/img/arrow_closed.gif);
		background-position: left 6px;
		background-repeat: no-repeat;
	}
	
	#Nav a.Open
	{
		background-image: url(../media/img/arrow_open.gif);
		background-position: left 6px;
		background-repeat: no-repeat;
	}
		
	#Nav a:hover
	{
		color: #fff;
	}
		
	#Nav ul li
	{
		border: none 0;
	}	
		
		#Nav ul a
		{
			display: block;
			padding: 2px;
			padding-left: 34px;
			width: 152px;
			font-size: 14px;
			font-weight: bold;
			color: #000080;
			text-decoration: none;
			border: none 0;
		}
		
		#Nav ul a.Collapse
		{
			background-image: url(../media/img/arrow_closed.gif);
			background-position: 20px 6px;
			background-repeat: no-repeat;
		}
		
		#Nav ul a.Open
		{
			background-image: url(../media/img/arrow_open.gif);
			background-position: 20px 6px;
			background-repeat: no-repeat;
		}
		
		#Nav ul a:hover
		{
			color: #fff;		
		}
		
			#Nav ul ul a
			{
				display: block;
				padding: 2px;
				padding-left: 34px;
				width: 152px;
				font-size: 13px;
				font-weight: normal;
				color: #000080;
				text-decoration: none;
			}
			
			#Nav ul ul a:hover
			{
				color: #fff;		
			}
			
/*
 *Images
 */
div#Inlay img
{
	border: 4px solid #4c84e6;
	float: right;
	margin-left: 10px;
}

/*Thumbs*/
div#MainContent a.Thumb img
{
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 4px;
	border: 1px solid #99ccff;
	background-image: url(../media/img/thumb_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	text-align: center;
}

div#MainContent a.Thumb:hover img
{
	background-image: none;
	background-color: #99ccff;
}

/* ledenlijst */
Table#LedenLijst
{
	width: 100%;	
}

	Table#LedenLijst th,
	Table#LedenLijst td
	{
		border-bottom: 1px solid #5ca3ff;
	}

/*
 *Banner buttons
 */
a.banner
{
	display: block;
	width: 187px;
	height: 40px;
}

a#spel
{
	background: url(../media/img/banner-succesmanagementspel.png) left top no-repeat transparent;
}

	a#spel:hover
	{
		background-position: right top;
	}

a#aanmelden
{
	background: url(../media/img/banner-aanmelden.png) left top no-repeat transparent;
}

	a#aanmelden:hover
	{
		background-position: right top;
	}

input.Error {
	color:#f00;
	border:2px solid #f00;
	background-color:#efb3b3;
}