/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	background:#FFFFFF url(../gfx/header-back.gif) 0px 50px repeat-x;
	}
	

img {border:0px solid #000000;}
	
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
	
h1 {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:13px;
	}

	
a:focus {outline:none;}
a:link, a:visited {
	color:#4D74B3;
}
a:hover { color:#656565;}
h1 {
	font-size:14px;
	color:#4D74B3 !important;
	display:block;
	padding:0 0 15px 0;
	margin:0 0 0 0;
	}

p {display:block;
	padding:0 0 15px 0;
	margin:0 0 0 0;
}
	

label {
	display:block;
	line-height:15px;
	}
	
.cloud {
	overflow:visible;
	width:730px;
	height:260px;
	position:absolute;
	top:65px;
	right:10px;
	}
.logo {
	width:255px;
	height:252px;
	background:url(../gfx/ippoint.png);
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='gfx/ippoint.png');
	}
.logo img{display:none;}	
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	min-height:100%;
	text-align:center;
	height:768px;
	}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	width:980px;
	margin:0 auto 0 auto;
	text-align:left;
	height:335px;
	position:relative;
	background:#FFFFFF url(../gfx/header-back.jpg) bottom left no-repeat;
	}
	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	width:980px;
	clear:both;
	padding:12px 0 0 0;
	position:relative;
	margin:0 auto 0 auto;
	}
	div#footer a {
		display:block;
		padding:0px 15px 0px 15px;
		float:left;
		}
	
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div#contentBlock {
	position:relative;
		
	/*min-height:376px;overflow:auto;*/
	border-top:1px solid #FFFFFF;
	background:#CCCCCC url(../gfx/grey-back.gif) left bottom repeat-x;
	text-align:center;
	}
	div#contentBlock .mainContent {
		width:980px;
		position:relative;
		margin:0 auto 0 auto;
		text-align:left;
		padding:35px 0 30px 0;

		}
	
div#tab {
	width:289px;
	height:23px;
	background:url(../gfx/footer-back.png);
	position:absolute;
	top:-23px;
	left:0px;
	color:#5593C9;
	_background: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='gfx/footer-back.png');

	
	}
	div#tab span {
		display:block;
		padding:5px 0 0 0;
		}
		
div.formBack {
	width:377px;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	}
	div.formBack .top {
		width:377px;
		height:15px;
		background:transparent url(../gfx/form-top.png) top left no-repeat;
		position:absolute;
		top:-15px;
		left:0px;
		_background: none; 
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='gfx/form-top.png');
		
		}
	div.formBack .middle {
		height:100%;
		width:377px;
		background:transparent url(../gfx/form-back.png) top left repeat-y;
		_background: none; 
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='gfx/form-back.png');
		}
	div.formBack .bottom {
		width:377px;
		height:15px;
		background:transparent url(../gfx/form-bottom.png) top left no-repeat;
		position:absolute;
		bottom:-15px;
		left:0px;
		_background: none; 
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='gfx/form-bottom.png');
		
		
		}

div.formBack {_height:expression(document.getElementById('form').clientHeight);}

/* ============================================================	*/ 
/* ========	BACK 2			  	===============================	*/
/* ============================================================	*/ 


div.formBack2 {
	width:327px;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	}
	div.formBack2 .top {
		width:327px;
		height:15px;
		background:transparent url(../gfx/form-top2.png) top left no-repeat;
		position:absolute;
		top:-15px;
		left:0px;
		_background: none; 
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='gfx/form-top2.png');
		
		}
	div.formBack2 .middle {
		height:100%;
		width:327px;
		background:transparent url(../gfx/form-back2.png) top left repeat-y;
		_background: none; 
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='gfx/form-back.png');
		}
	div.formBack2 .bottom {
		width:327px;
		height:15px;
		background:transparent url(../gfx/form-bottom2.png) top left no-repeat;
		position:absolute;
		bottom:-15px;
		left:0px;
		_background: none; 
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='gfx/form-bottom2.png');
		
		
		}

div.formBack2 {_height:expression(document.getElementById('form').clientHeight);}

/* ============================================================	*/ 
/* ========	FORM			  	===============================	*/
/* ============================================================	*/ 


div#form {
	position:relative;
	/*left:460px;*/
	color:#6A6A6A;
	width:335px;
	float:left;
	}
	div.form * {
		color:#6A6A6A;
		}

div#foto {
	position:relative;
	float:right;
	top:-20px;
	
}		
.formContent {
	position:relative;
	padding: 0 20px 0 20px;
	overflow:hidden;
	}
.formFlash {
	position:relative;
	margin: 3px 0 10px 29px;
	padding-left: 16px;
	overflow: auto;
	min-height:310px;
	width:320px;
	}
.formFlash > a > img
{
	padding: 2px 2px 2px 2px;
}
	
	

div.tekst {
	/*position:absolute;
	top:40px;
	left:112px;*/
	padding-left:110px;
	position:relative;
	float:left;
	}
	div.tekst span {
		display:none;
		}
div.tekst-logo {
	position:relative;
	left:310px;
	color:#6A6A6A;
	width:60%;
	height:auto;
	}
		


/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 
input.typeText {
	color:#6A6A6A;
	font-weight:normal;
	border-top:1px solid #CFCFCF;
	border-right:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
	border-left:1px solid #CFCFCF;
	}

/* ============================================================	*/ 
/* ========	FORMGENERATOR	  	===============================	*/
/* ============================================================	*/ 

.formGenerator,
.errorsummary *,
.formSentMessage li {
	color:#004A8D;
	font-family:Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	}
.errorsummary * {color:Red;}

.formGenerator td {
	vertical-align:top;
	padding:0 5px 0 0;
	line-height:22px;
	}

.formGenerator input,
.formGenerator label,
.formGenerator textarea,
.formGenerator select {
	display:block;
	clear:both;
	border:1px solid #d0d2cd;
	}

.formGenerator td label {font-weight:normal;}
.formGenerator td td input {}
.formGenerator td td {
	background-color:#d0d2cd;
	}

.formGenerator td td label {
	padding:2px;
	}
.RadioButtonList td {
	padding:3px 3px 0 3px;
	}
.RadioButtonList {
	margin:0 auto;
	display:inline;
	}
.RadioButtonList label {
	margin:0 auto;
	display:inline;
	}	
.CheckBoxList td {
	border:0px solid #000000;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
.CheckBoxList input {
	clear:none;
	float:left;
	margin:8px 0 0 5px;
	#margin:5px 0 0 5px;
	}
.CheckBoxList label {
	margin:0 0 0 20px;
	clear:none;
	}
/* ================================================================================== */
/* POPUP SIMULATION FLEX APP														  */
/* ================================================================================== */
#popupmask {
	background: black;
	position: absolute;
	z-index: 250;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=61);
	opacity: .5; 
	-moz-opacity:.5;
}
#popupframe {
	background-color: #004282;
	position: absolute;
	left: 60px;
	top: 100px;
	width: 864px;
	height: 520px;
	z-index: 500;
	filter: alpha(opacity=150);
	opacity: 1.5; 
	-moz-opacity:1.5;
}
#popup {
	background-color: #004282;
}
/* ================================================================================== */
/* TRAININGEN																		  */
/* ================================================================================== */
div#contentBlockflow {
	position:relative;
	overflow: visible;
	border-top:1px solid #FFFFFF;
	background:#CCCCCC url(../gfx/grey-back.gif) left bottom repeat-x;
	text-align:center;
	}
	div#contentBlockflow .mainContent {
		width:980px;
		position:relative;
		margin:0 auto 0 auto;
		text-align:left;
		padding:35px 0 30px 0;
		}
div.inschrijvingtraining
{
	width: 588px;
	margin: 0 auto 20px 0px;
}
div.training 
{
	width: 588px;
	background-color: #e6e6e6;
	margin: 0 auto 20px 290px;
}
div.training span 
{
	display: block;
	position: relative;
}
span.titel 
{
	font-size: 15px;
	font-weight: bold;
	color: #5593c9;
	padding: 5px 0 10px 10px;
}
span.nivo
{
	clear: left;
	color: #6a6a6a;
	padding: 5px 0 0 10px;
}
span.omschrijving 
{
	clear: left;
	color: #6a6a6a;
	padding: 10px 0 0 10px;
}
span.toepassing 
{
	color: #6a6a6a;
	font-style: italic;
	padding: 10px 0 10px 10px;
}
div.agenda 
{
	background-color: #f3f3f3;
}
div.agendaitem 
{
	border: solid 1px #cccccc;
	color: #6a6a6a;
	padding: 3px 0 5px 10px;
}
div.agendaitem label 
{
	display: inline;
}
.trainingvol label 
{
	display: inline;
	font-style: italic;
}
div.training span.volvermelding {
	display: inline;
    font-style: normal;
    }
span.itemlabel 
{
	float: left;
	clear: left;
	width: 45px;
	padding: 0 0  0 10px;
}
div.agendaitem span.itemlabel 
{
	width: 60px;
	color: #000000;
	padding: 0 0 0 20px;
}
span.prijs,
span.duur 
{
	float: left;
	width: 300px;
	color: #5593c9;
}
div.buttonbar 
{
	display: block;
	position: relative;
	background-color: #7a7a7a;
	padding: 5px 10px 5px 10px;
	height: 26px;
}
div.buttonbar span.wit,
div.buttonbar span.invisiblewit
{
	display: block;
	position: relative;
	float: left;
	color: #ffffff;
	height: 25px;
	line-height: 25px;
	width: 378px;
}
div.buttonbar span.invisiblewit
{
	display: none;
}
div.buttonbar a.button,
div.buttonbar a.invisiblebutton,
div.buttonbar a.button:hover
{
	display: block;
	position: relative;
	float: left;
	background:transparent url(../gfx/inschrijf-button.gif) top left repeat-y;
	width: 183px;
	height: 25px;
	cursor: pointer;
}
div.buttonbar a.invisiblebutton
{
	display: none;
}
div.inschrijvingtraining div.cc,
div.clocatie span.locatie 
{
	line-height: 1.2em;
	height: 1.2em;
}


/* ============================================================	*/ 
/* ========	jquery lightbox-0.5	css    ========================	*/
/* ============================================================	*/ 

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 70;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 80;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img {
	border: none;
}
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 500px;
	height: 500px;
	margin: 0 auto;
}
#lightbox-container-image {
	padding: 10px;
}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}
#lightbox-nav a {
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
	}
#lightbox-image-details-caption {
	font-weight: bold;
}
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 88px;
	float: right;
	padding-bottom: 0.7em;
}