*{ font-family:arial, helvetica, sans-serif !important; font-size: 100%;  }
html
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color: #000; /*#6C6F98;*/
	background-image: url(../img/bg_body2010.png);

/* Yuna styles*/
/*	background-color: #533E84;*/
	background-repeat: repeat-x;
/*	background-position: center top;*/
	text-align:center;
	font-family:arial, helvetica, sans-serif;
	font-size:80%;
	line-height:120%;
}



	/* --- main containers --- */
div#mainOuterContainer
{
	margin:0 auto;
	width: 958px;
	text-align:center;
	background:transparent url('../img/bg_main.gif') repeat-y center 0;
}
	div#mainInnerContainer
	{
		margin:0 auto;
		width:948px;
		background-color:#FFF;
		text-align: left;
	}
	div#footer
	{
		height:30px;
		background:#55284F url('../img/bg_footer.gif') no-repeat 0 0; /* #6C6F98  */
	}


	/* --- default elements --- */
table
{
	font-size:100%;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol
{
	margin:0 0 10px 0;
	padding:0;
}
li
{
	padding:0;
	margin:0 0 0 20px;
}
a
{
	color:#000;
	text-decoration:underline;
}
a:hover
{
	color:#2C4051;
	text-decoration:underline;
}
a img
{
	border:0 solid transparent;
}
h1
{
	font-weight:bold;
	font-size:180%;
	line-height:30px;
	margin:0 0 20px 0;
	color: #F32837;
}
h2
{
	font-weight:bold;
	font-size:140%;
	margin:20px 0 5px 0;
	color: #F32837;
}
h3
{
	font-weight:bold;
	font-size:120%;
	margin:20px 0 5px 0;
}
h4
{
	font-weight:bold;
	font-size:100%;
	margin:20px 0 0 0;
}


	/* --- sIFR defaults --- */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}



	/* --- header --- */
#headerOuterBox
{
	position:relative;
	height:288px;
	background:transparent url('../img/bg_step2011nj.jpg') no-repeat 257px 0;
}
	#logo img
	{
		margin:0 0 0 1px;
	}
	#header
	{
		position:absolute;
		top:0;
		left:257px;
		width:690px;
		height:255px;
		visibility:hidden;
	}
	#header_flash
	{
		position:absolute;
		top:0;
		left:257px;
		width:690px;
		height:256px;
		z-index:10;
	}
	#myStep
	{
		position:absolute;
		width:257px;
		height:199px;
		left:0;
		top:89px;
		color:#FFF;
		font-size:85%;
		background:transparent url('../img/bg_my_step.jpg') no-repeat 1px 0;
	}
		#myStep h2
		{
			display:none;
			margin:0;
		}
		#myStep p
		{
			margin:0;
			padding:40px 18px 0 18px;
		}
		#myStep p.login
		{
			padding:0;
			position:absolute;
			left:89px;
			top:150px;
			width:150px;
			height:48px;
			background:transparent url('../img/bg_btn_login.jpg') no-repeat 0 0;
		}
			#myStep a
			{
				display:block;
				width:150px;
				height:30px;
				text-indent:-10000px;
			}
		#myStep ul
		{
			margin:7px 18px;
			padding:0;
			list-style:none;
		}
		#myStep li
		{
			margin:7px 0 0 0;
			padding:0 0 0 24px;
			background:transparent url('../img/bullet_my_step.gif') no-repeat 0 0;
		}


	/* --- header - navigation --- */
	ul#mainNav
	{
		margin:0;
		padding:0;
		position:absolute;
		left:257px;
		top:256px;
		width:690px;
		height:33px;
		list-style:none;
		background:transparent url('../img/bg_menu.gif') repeat-x 0 0;
	}
		#mainNav li
		{
			float:left;
			position:relative;
			margin:0;
			padding:0;
		}
		#mainNav li a
		{
			float:left;
			height:32px;
			margin:0;
			padding:0;
			display:block;
			background-position:0 0;
			background-repeat:no-repeat;
			text-indent:-10000px;
		}
			#mainNav a.overStep {width:87px;background-image:url('../img/buttons/btn_overstep.gif');}
			#mainNav a.inHouse {width:114px;background-image:url('../img/buttons/btn_inhouse.gif');}
			#mainNav a.inschrijven {width:88px;background-image:url('../img/buttons/btn_inschrijven.gif');}
			#mainNav a.tips {width:101px;background-image:url('../img/buttons/btn_tips.gif');}
			#mainNav a.friends {width:67px;background-image:url('../img/buttons/btn_friends.gif');}
			#mainNav a.contact {width:69px;background-image:url('../img/buttons/btn_contact.gif');}
			#mainNav a.faq {width:56px;background-image:url('../img/buttons/btn_faq.gif');}
			#mainNav a.werkgever {width:85px;background-image:url('../img/buttons/btn_werkgever.gif');}

			#mainNav a.overStep:hover {background-image:url('../img/buttons/btn_overstep_r.gif');}
			#mainNav a.inHouse:hover {background-image:url('../img/buttons/btn_inhouse_r.gif');}
			#mainNav a.inschrijven:hover {background-image:url('../img/buttons/btn_inschrijven_r.gif');}
			#mainNav a.tips:hover {width:101px;background-image:url('../img/buttons/btn_tips_r.gif');}
			#mainNav a.friends:hover {background-image:url('../img/buttons/btn_friends_r.gif');}
			#mainNav a.contact:hover {background-image:url('../img/buttons/btn_contact_r.gif');}
			#mainNav a.faq:hover {background-image:url('../img/buttons/btn_faq_r.gif');}
			#mainNav a.werkgever:hover {background-image:url('../img/buttons/btn_werkgever_r.gif');}

			#mainNav ul
			{
				display:none;
				position:absolute;
				left:0;
				top:33px;
				width:210px;
				list-style:none;
        background:#6b6b6b url('../img/bg_pulldown.gif') repeat-x 0 0;
			}
				#mainNav ul li
				{
					margin:0;
					padding:0;
					display:block;
					width:100%;
					position:relative;
				}
				#mainNav ul li a
				{
					float:none;
					height:auto;
					display:block;
					padding:0 10px;
					color:#FFF;
					text-decoration:none;
					line-height:27px;
					text-indent:0;
					border-bottom:1px solid gray;
				}
				#mainNav ul li a:hover
				{
					background-color:#FFF;
					color:#000;
					font-weight:bold;
					border-bottom:1px solid #FFF;
				}


	/* --- content --- */
#contentOuterBox
{
	background:transparent url('../img/bg_content.gif') repeat-y 0 0;
}

		/* --- content - left --- */
	#leftColBox
	{
		float:left;
		width:256px;
		margin:1px 0 0 0;
		color:#FFF;
		font-size:85%;
		position:relative;
		left:1px;
	}
		#leftColBox h2
		{
			display:none;
		}
		#leftColBox .paddingBox
		{
			padding:40px 18px 5px 18px;
		}
		#leftColBox .panel
		{
			min-height:199px;
		}
		* html .panel
		{
			height:199px;
		}

	#leftColBox a
	{
		color:#FFF;
		text-decoration:none;
	}
		#leftColBox a:hover
		{
			color:#FFF;
			text-decoration:underline;
		}

	#mededelingen
	{
		border-bottom:1px solid #EDEDED;
		background:#9C92B4 url('../img/bg_mededelingen.jpg') no-repeat 0 0;
	}
		#mededelingen ul
		{
			margin:0;
			padding:0;
			list-style:none;
		}
		#mededelingen li
		{
			margin:0;
			padding:1px 0 4px 0;
			background:transparent url('../img/bg_dots.gif') no-repeat left bottom;
		}
	#brochure
	{
		border-bottom:1px solid #EDEDED;
		background:#000000 url('../img/bg_brochure.jpg') no-repeat 0 0;
	}
		#brochure p.aanvragen
		{
			position:relative;
			padding:0;
			margin:0;
			height:55px;
			background:transparent url('../img/btn_aanvragen.jpg') no-repeat 52px 0;
		}
			#brochure p.aanvragen a
			{
				position:absolute;
				left:50px;
				top:10px;
				display:block;
				width:170px;
				height:30px;
				text-indent:-10000px;
			}
	#nieuwsbrief
	{
		min-height:287px !important;
		background:#EDEDED url('../img/bg_nieuwsbrief.jpg') no-repeat 0 0;
	}
	* html #nieuwsbrief
	{
		height:250px !important;
		width:256px;
		overflow:hidden;
	}

		#nieuwsbrief label
		{
			display:block;
			color:#FFF;
			font-weight:bold;
		}
		#nieuwsbrief form
		{
			margin:0;
			padding:0;
		}
		#nieuwsbrief input.text
		{
			margin:0 0 10px 0;
			border-width:0;
			width:221px;
			height:24px;
			padding:3px 3px 0 3px;
			background:transparent url('../img/bg_input_left.gif') no-repeat 0 0;
		}
		
		
	#qompas
	{
		border-bottom:1px solid #EDEDED;
		background:#000000 url('../img/bg_workshops.jpg') no-repeat 0 0;
	}
	* html #qompas
	{
		height:250px !important;
		width:256px;
		overflow:hidden;
	}

		#qompas label
		{
			display:block;
			color:#FFF;
			font-weight:bold;
		}
		#qompas form
		{
			margin:0;
			padding:0;
		}
		#qompas input.text
		{
			margin:0 0 10px 0;
			border-width:0;
			width:221px;
			height:24px;
			padding:3px 3px 0 3px;
			background:transparent url('../img/bg_input_left.gif') no-repeat 0 0;
		}
		#qompas select.select
		{
			margin:0 0 10px 0;
			border-width:0;
			width:221px;
			height:24px;
			padding:3px 3px 0 3px;
		}

	#contentOuterBox .clear
	{
		clear:both;
		height:10px;
/*		background:transparent url('../img/bg_content_bottom.gif') repeat-y 0 0;*/
	}

		/* --- content - center --- */
	#contentColBox
	{
		float:left;
		width:510px;
		color:#000;
		line-height:160%;
		overflow:hidden;
	}
		#contentColBox .paddingBox
		{
			padding:50px 25px;
		}

	/* --- content - right --- */
	#rightColBox
	{
		float:left;
		width:160px;
		color:#000;
		height:630px;
		background:transparent url('../img/bg_reclame.gif') no-repeat 0 50px;
	}
		#rightColBox .paddingBox
		{
			padding:75px 10px 10px 7px;
			text-align:center;
		}
		#rightColBox img
		{
			margin:10px auto;
		}




	/* --- footer --- */
#footer
{
	color:#ADB1B5;
}
	#footer .yuna
	{
		padding:7px 30px 7px 10px;
		float:left;
		width:300px;
		text-align: left;
	}
	#footer .step
	{
		padding:7px 30px;
		float:right;
		text-align:right;
		width:300px;
	}
	#footer a
	{
		color:#ADB1B5;
		font-weight:normal;
		text-decoration:none;
	}
	#footer a:hover
	{
		text-decoration:underline;
	}


	/* --- alternate page types: vervolg --- */
	.vervolg #leftColBox
	{
		display:none;
	}

	.vervolg #contentColBox
	{
		width:766px;
	}
		.vervolg #contentColBox .paddingBox
		{
			padding:50px 60px;
		}
	.vervolg #contentOuterBox
	{
		background-color:#FFF;
		background-image:none;
	}



	/* --- alternate page types: mystep --- */
	.mystep #headerOuterBox
	{
		background:transparent url('../img/bg_step2011nj.jpg') no-repeat 257px 0;
	}
	p.uitloggen
	{
		position:absolute;
		top:160px;
		left:19px;
		width:160px;
		height:40px;
		margin:0;
		padding:0 !important;
		background:transparent url('../img/btn_uitloggen.jpg') no-repeat 0 0;
	}
	p.uitloggen a
	{
		display:block;
		width:152px;
		height:32px;
	}
	.mystep #leftColBox
	{
		display:none;
	}

	.mystep #contentColBox
	{
		width:766px;
	}
		.mystep #contentColBox .paddingBox
		{
			padding:50px 60px;
		}
	.mystep #contentOuterBox
	{
		background-color:#FFF;
		background-image:none;
	}



	/* --- 20070219 TB in house table styling --- */
table.list
{
	width:100%;
	font-weight:100%;
	background:#D0D0D0 url('../img/bg_table_list2.jpg') repeat-x 0 0;
}
table.list td
{
	ackground-color:#F4F4F4;
	border-width:0 1px 1px 0;
	border-color:#FFF;
	border-style:solid;
	padding:2px 5px;
}
	table.list .style2 td
	{
		background-color:#E4E4E4;
	}

table.list td.c1
{
	font-weight:bold;
	width:15%;
}
table.list td.c2
{
	width:20%;
}