/* ============================================================	*/
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/
/*verbergd de debug info*/
/*#SWFUpload_Console {display:none;}*/

html {height: 100%; height:100%; width: 100%; overflow: -moz-scrollbars-vertical;}
form {min-height:800px; height: 100%; _height:auto; display:block; padding:0 0 0 0; margin:0 0 0 0;}

body {
	margin: 0 0 0 0;
	width:100%;
	#width:auto;
	min-height:100%;
	height:100%;
	text-align: center;
	background: #00122E url('../gfx/bgstatic.jpg') top left repeat;
	padding: 0;
	}

img, div, a.close span {_behavior: url(css/iepngfix.htc);}

img
{
	border: 0px solid #000000;
}

body
{
	font-family: "Trebuchet MS", Arial, Helvetica Verdana, Sans-serif;
	font-size: 12px;
	color: #535355;
}

table, th, td, p, ul, li, input, textarea, select
{
	font-size: 11px;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0 0 10px 0;
}
*
{
	line-height: 15px;
	font-family: Trebuchet MS, Arial, Helvetica Verdana, Sans-serif;
}

a
{
	outline: none;
	text-decoration: none;
	color:#000000;
}

h1
{
	font-size: 18px;
}


.noborder
{
	border: 0px none !important;
}


ul
{
	padding:0 0 0 0;
	margin:0 0 0 0;
}

ul li {
	list-style: none;
	font-weight: bold;
	color: #535355;
	border-bottom: 1px solid #ccd4cb;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.plus
{
	background: url( '../gfx/plus.gif' ) no-repeat center left;
}

.min
{
	background: url( '../gfx/min.gif' ) no-repeat center left;
}

a.selected
{
	font-weight:bold;
}
.collapsed 
{
	/*display:none;*/
}
.expanded 
{
	display:block;
}
ul li a
{
	font-weight: normal;
	color: #535355;
	/*padding-left: 10px;*/
	display: block;
}
#panel ul li a {
	/*min-height:30px;
	_height:30px;*/
	padding:8px 0 7px 10px;
	line-height:15px;
	margin:0 0 0 0;
	}
	#panel ul li ul li a {
		min-height:auto;
		height:auto;
		padding:0 0 0 10px;
		}
	/*#panel a.selected {color:#007ADF;}*/


ul li a:hover
{
	color: #007ADF;
}

ul li ul
{
	display:block;
	padding: 0 0 0 10px;
	overflow:hidden;
}

ul li ul *
{
	list-style: none;
	border: none;
	/*line-height: 16px;*/
}
.minWidth {
    width:985px;
    line-height:1px;
    height:1px;
    font-size:1px;
    /*float:left;*/
    }

.sideSpacer 
{
    line-height:5px;
    height:5px;
    font-size:5px;
    overflow:hidden;
}

/* ============================================================	*/
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/

#container {
	position:relative;
	/*margin:0 auto 0 auto;*/
	width:100%;
	#width:auto;
	min-height:100%;
	overflow:hidden;
	min-width:985px;
	_height:100%;
	_overflow:inherit;
	z-index:100;
	}
	
/* ============================================================	*/
/* ========	flashbackground		===============================	*/
/* ============================================================	*/

#bg
{
	overflow: hidden;
	/*min-height: 100%;*/
	min-height:100%;
	_height: 100%;
	width: 100%;
	left: 0;
	top: 0px;
	position: absolute;
	
}
/*#bg img {
	min-height: 100%;
	_height: 100%;
	width: 100%;
	left: 0;
	top: 0px;
	position: absolute;
}*/

#updatePanel 
{
    min-height:350px;
    _height:350px;
}
/* ============================================================	*/
/* ========	topNav				===============================	*/
/* ============================================================	*/

/*div.navigatie
{
	position: relative;
	float: left;
	margin-top: 28px;
	width: 439px;
	text-align: right;
	height: 10px;
}
div.navigatie a
{
	color: #808090;
	display: inline;
	padding-right: 5px;
	margin-left: 5px;
	border-right: 1px solid #808090;
}
div.navigatie a:hover
{
	color: #FF0000;
}*/


/**/
.quickNav 
{
    position:absolute;
    top:32px;
    left:45px;
    line-height:36px;
    color:#FFFFFF;
    font-size:12px;
    }
.quickNav a
{
    color:#FFFFFF;
    font-size:12px;
    }
.slogan 
{
    position:absolute;
    top:36px;
    right:20px;
    }

/**/

div.navigatie {
    /*background:transparent url(../gfx/wie-zijn-wij-back.jpg) 0 0 no-repeat;*/
    width:276px;
    height:32px;
    min-height:32px;
    position:absolute;
    top:48px;
    left:92px;
    /**/display:none !important;
    }
    div.navigatie a#algemeen {
        display:block;
        float:left;
        position:relative;
        width:68px;
        height:32px;
        min-height:32px;
        background:transparent url(../gfx/algemeen.gif) 0 0 no-repeat;
        text-indent:-500px;
        overflow:hidden;
        }div.navigatie a#algemeen:hover {background:transparent url(../gfx/algemeen.gif) 0 -32px no-repeat;}
    div.navigatie a.doel {
        display:block;
        float:left;
        width:208px;
        height:32px;
        min-height:32px;
        background:transparent url(../gfx/doel-van-deze-site.gif) 0 0 no-repeat;
        text-indent:-500px;
        overflow:hidden;
        }div.navigatie a.doel:hover {background:transparent url(../gfx/doel-van-deze-site.gif) 0 -32px no-repeat;}

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

div.header {
	position:relative;
	/*height: 62px;*/
	height:80px;
	overflow: visible;
	font-weight: bold;
	font-size: 10px;
	/*width:100%;*/
	background:transparent url(../gfx/stroke-top.png) 0 32px repeat-x;
	_background:transparent url(../gfx/header-stroke-ie6.gif) 0 32px repeat-x;
	/*_background-color:#003377;*/
	margin-bottom:10px;
	z-index:999;
	}
	#navSub {
	    background:transparent url(../gfx/header-sub-bottom.gif) bottom left no-repeat;
	    width:141px;
	    overflow:hidden;
	    
	    position:absolute;
	    left:276px;
	    top:9px;
	    z-index:999;
	    display:none;
	    }
    #navSub .top {
        background:transparent url(../gfx/header-sub-top.gif) top left no-repeat;
        width:141px;
	    overflow:hidden;
        }
    #navSub .margin {
        padding:3px 0 3px 0;
        margin:0 3px 0 3px;
        }
    #navSub a {
        background:transparent url(../gfx/subnav-gradient.gif) bottom left repeat-x;
        display:block;
        color:#FFFFFF;
        text-align:left;
        text-indent:9px;
        }
 
    img.tab {width:197px; height:54px;position:absolute; top:47px; left:40%;}
/*
div.logo
{
	position: relative;
	float: left;
	height: 40px;
	width: 361px;
}
*/

div.logo 
{
    position:absolute;
    top:5px;
    left:50%;
    margin-left:-115px;
    }
#clock
{
	position: relative;
	float: right;
	margin-top: 28px;
	height: 10px;
	text-align: center;
	color: #ffffff;
	margin-right:24px;
}


/* ============================================================	*/
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock
{
	position: relative;
	/*margin: 0 220px 0 0;*/
	margin:0 180px 0 0;
	text-align: left;
	z-index: 50;
	padding:0 0 0 0;
	overflow:hidden;
}

div#loading 
{
	text-align:center;
	width:210px;
	z-index:5000;
	left:150px;
	top:150px;
	position:absolute;
	padding:20px;
	border:solid 1px #000040;
	background: #ffffff;
	display:none;

	}
	
div.centeredblock {
	position:relative;
	margin:0 auto 0 auto;
	width:802px;
	overflow:hidden;
	padding-bottom:150px;
}

div.mainContent {
	position:relative;
	width:100%;
	overflow:hidden;
	}

div.box {
	position:relative;
	width: 802px;
	/*overflow:hidden;*/
	z-index:100;
	min-height:100%;
	height:100%;
	}
	div.box .borderleft,
	div.box .navbg,
	div.box .bordercenter,
	div.box .contentbg,
	div.box .borderright {
		height:100%;
		min-height:100%;
		_height:3000px;
		}


#panel
{
	position: relative;
	float: left;
	width: 152px;
	left: 12px;
	padding-bottom: 40px;
		
}

div.content
{
	position: relative;
	float: right;
	right: 31px;
	width: 567px;
	padding: 30px 0;
}

div.content .image
{
	position: relative;
	float: right;
	width: 200px;
	padding: 0 0 20px 20px;
}

a.movieLink {
	display:block;
	border-bottom:1px solid #EEEEEE;
	line-height:25px;
	height:25px;
	position:relative;
	padding:0 0 2px 0;
	overflow:hidden;
	margin:0 50px 0 0;
	}
a.movieLink img {
	position:absolute;
	left:0px;
	top:0px;
	}
a.movieLink span {
	display:block;
	height:25px;
	line-height:25px;
	margin:0 0 0 50px;
	padding:0 10px 0 0;
	background:transparent url(../gfx_content/movie-arrow.gif) right center no-repeat;
	}



/* ========	forms				===============================	*/

div.formfield 
{
	display:block;
	width:100%;
	height:24px;
}
div.textfield 
{
	display:block;
	width:100%;
	height:78px;
	margin-bottom:2px;
}
div.flashUpload	
{
	display:block;
	width:100%;
}

#spanButtonPlaceholder 
{
	font-family:Trebuchet MS;
	display:block;
	position:absolute;
	cursor:pointer;

}
#fsUploadProgress 
{
	margin-left:144px;
	border:none;
}
span.label {
	position:relative;
	width:150px;
	/*display:inline-block;*/
	display:block;
	float:left;
	clear:left;
	}

div.formfield .textbox,
div.textfield .textbox
{
	width: 240px;
	
}
ul.errors 
{
	border:solid 1px #ee0000;
	background-color:#ffffff;
	padding:8px;
	font-weight:bold;
	margin-bottom:20px;
}
ul.errors li
{
	font-weight:normal;
	list-style-type:disc;
	margin-left:40px;
	line-height:normal;
	border:none;
}

/* ========	fixed borders		===============================	*/
div.mainContenttop {
	position: relative;
	height: 26px;
	width: 802px;
	z-index: 100;
	}

div.topbg {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 26px;
	width: 802px;
	background:transparent url(../gfx/content-top.png) top left no-repeat;
	z-index: 10;
	}

div.mainContenttop h1 {
	float: left;
	line-height: 26px;
	font-size: 12px;
	width: 170px;
	text-indent: 14px;
	color: #ffffff;
	}
div.tabTitle {
	z-index:999;
	position:absolute;
	font-size:14px;
	font-weight:bold;
	top:-20px;
	left:-182px;
	}

a.close span {
	position:absolute;
	top:0px;
	right:0px;
	width:37px;
	height:10px;
	background:transparent url(../gfx/close.png) top left no-repeat;
	}


a.close span:hover {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 37px;
	height: 10px;
	background:transparent url(../gfx/close-ho.png) top left no-repeat;
	}

a.close {
	cursor: hand;
	position: relative;
	float: right;
	margin-top: 6px;
	display: block;
	width: 37px;
	height: 10px;
	right:8px;
	}

div.mainContentbottom {
	position:relative;
	float:left;
	height:11px;
	width: 802px;
	background-image: url( '../gfx/content-bottom.png');
	}

div.shadow {
	position: absolute;
	top: 26px;
	left: 4px;
	height: 4px;
	width: 787px;
	z-index: 100;
	background-image: url( '../gfx/content-top-shadow.png' );
	_background:transparent;
	}


/* ========	flex borders		===============================	*/



div.borderleft {
	position: absolute;
	top: 0px;
	left: 0px;
	height:100%;
	width: 4px;
	background: #fff;
	-moz-opacity: .50;
	opacity: .50;
	filter: alpha(opacity=50);
	}

div.navbg {
	position: absolute;
	top: 0px;
	left: 4px;
	height:100%;
	width: 169px;
	background: #fff;
	-moz-opacity: .90;
	opacity: .90;
	filter: alpha(opacity=90);
	}

div.bordercenter {
	position: absolute;
	top: 0px;
	left: 173px;
	height:100%;
	width: 11px;
	background: #dbdbdc;
	-moz-opacity: .80;
	opacity: .80;
	filter: alpha(opacity=80);
}

div.contentbg {
	position: absolute;
	right: 11px;
	width: 607px;
	height:100%;
	background: #fff;
	-moz-opacity: .90;
	opacity: .90;
	filter: alpha(opacity=90);
	}

div.borderright {
	position: absolute;
	top: 0px;
	right: 0px;
	height:100%;
	width: 11px;
	background:transparent url(../gfx/content-right.png) top left repeat-y;
	}


/* ============================================================	*/
/* ========	sideblock 			===============================	*/
/* ============================================================	*/
div.sideblock *
{
	line-height: 12px;
}
div.sideblocks 
{
	font-size:10px;
	position:absolute;
	text-align:left;
	width: 172px;
	top:95px;
	right:20px;
}

div.sideblock {
	position: relative;
	margin: 0 0px 2px 0;
	width: 114px;
	color: #ffffff;
	}

div.sideblock .title
{
	position: relative;
	width: 94px;
	/*margin-top: 6px;*/
	left: 10px;
	/*padding-bottom: 6px;*/
	overflow: hidden;
	border-bottom: gray solid 1px;
	line-height:22px;
}

div.sideblock .onlytitle
{
	position: relative;
	width: 94px;
	margin-top: 6px;
	left: 10px;
	padding-bottom: 2px;
	overflow: hidden;
}
div.sideblock .onlytitle a
{
	display: block;
	color: #ffffff;
}
div.sideblock .onlytitle a:hover
{
	display: block;
	color: #ff0000;
}

div.sideblock .block
{
	position: relative;
	width: 114px;
	overflow: hidden;
	clear:both;
}


div.sideblock .contenttxt
{
	position: relative;
	width: 94px;
	margin-left: 10px;
	padding: 6px 0;
}

div.sideblock .contenttxt a
{
	display: block;
	color: #ffffff;
}

div.sideblock .contenttxt a:hover
{
	display: block;
	color: #ff0000;
}

/* ============================================================	*/
/* ========	Agenda				===============================	*/
/* ============================================================	*/

#agenda .block .top
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 114px;
	height: 60px;
	background-image: url( '../gfx/agenda-top.png' );
}

#agenda .block .blockbg
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 114px;
	height: 400px;
	background: #5dceec;
	-moz-opacity: .35;
	opacity: .35;
	filter: alpha(opacity=35);
}

#agenda .bottom
{
	position: relative;
	height: 3px;
	width: 114px;
	background-image: url( '../gfx/agenda-bot.png' );
}

/* ============================================================	*/
/* ========	visie 				===============================	*/
/* ============================================================	*/
#visie .block .top
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 114px;
	height: 60px;
	background-image: url( '../gfx/visie-top.png' );
}


#visie .block .blockbg
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 114px;
	height: 400px;
	background: #FFFFFF;
	-moz-opacity: .35;
	opacity: .35;
	filter: alpha(opacity=35);
}



#visie .bottom
{
	position: relative;
	height: 3px;
	width: 114px;
	background-image: url( '../gfx/visie-bot.png' );
}

/* ============================================================	*/
/* ========	contact				===============================	*/
/* ============================================================	*/
#contact .block .top
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 114px;
	height: 60px;
	background-image: url( '../gfx/contact-top.png' );
}

#contact .block .blockbg
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 114px;
	height: 400px;
	background: #5dceec;
	-moz-opacity: .50;
	opacity: .50;
	filter: alpha(opacity=50);
}


#contact .bottom
{
	position: relative;
	float: left;
	height: 3px;
	width: 114px;
	background-image: url( '../gfx/contact-bot.png' );
}

/*div.partners {
    position:relative;
    top:10px;
	float:right;
    word-spacing:10px;
    color:#FFFFFF;
    font-weight:normal;
    }*/

/* ============================================================	*/
/* ========	FOOTER				===============================	*/
/* ============================================================	*/



div#footer {
	position: relative;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 150px;
	text-align: center;
	z-index: 0;
	}
#flashfooter {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 200px;
	z-index: 990;
	background: url(../gfx/footernav-bg.jpg) repeat-x bottom left;
    }
object#footerlinks {
	margin: 0 auto 0 auto;
	position:absolute;
	bottom:0px;
	left:0px;
    }
div.footerlinks a {
	position: relative;
	float: left;
	display: inline;
	height: 88px;
	margin: 0 10px;
}

div.footerlinks a img
{
	position: relative;
	float: left;
	height: 88px;
	margin-top: 60px;
}
div.footerlinks a:hover img
{
	position: relative;
	float: left;
	height: 88px;
	margin-top: 40px;
}
.partnersAlt 
{
    z-index: 991;
    }


/*HOME*/

.partners,
.partnersAlt
{
    position:absolute;
    bottom:25px;
    right:23px;
    text-align:right;
    font-size:9px;
    }
.partners span,
.partnersAlt span
{
    text-align:right;
    display:block;
    margin-bottom:5px;
    }



/*================	SWFUpload ========================================== */

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
	}

object#bg {
	min-height:100%;
	#height:expression(document.getElementById('container').clientHeight);
	}
	
	
/*noflash*/

.noFlash {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
	height:100%;
	z-index:999;
    }
    .noFlash .yPos {
        position:absolute;
        top:50%;
        left:50%;
        }
    .noFlash .yPos .kader {
        width:250px;
        height:130px;
        _height:150px;
        background-color:#999999;
        border:1px solid #DEDEDE;
        position:relative;
        top:-75px;
        left:-125px;
        z-index:999;
        padding-top:20px;
        overflow:hidden;
        background-color:#FFFFFF;
        filter:alpha(opacity=75);
	    -moz-opacity:.75;
	    opacity:.75;
        }
    div#bg div.noFlash img 
    {
        width:158px !important;
        height:39px !important;
    }
.transBack {
    position:absolute;
    top:0px;
    left:0px;
    background-color:#000000;
    filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	width:100%;
	height:100%;
	/*z-index:999;*/
    }
#loadingAjax 
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
	height:100%;
	z-index:999;
	/*display:block !important;*/
	overflow:hidden;
	}
#loadingAjax .yPos {
        position:absolute;
        top:50%;
        left:50%;
        }
    #loadingAjax .yPos .kader {
        width:250px;
        height:130px;
        _height:150px;
        padding-top:20px;
        background-color:#999999;
        border:1px solid #DEDEDE;
        position:relative;
        top:-75px;
        left:-125px;
        z-index:999;
        background-color:#FFFFFF;
        filter:alpha(opacity=75);
	    -moz-opacity:.75;
	    opacity:.75;
	    overflow:hidden;
        }
div.loading 
{
	display:none;/*
	background: #fff;
	-moz-opacity: .80;
	opacity: .80;
	filter: alpha(opacity=80);
	position:absolute;
	width:608px;
	margin:-28px -20px;
	height:100%;
	z-index:500;
	padding:50px 0 0 50px;*/
}
div.loading div.center 
{
	/*width:100%;
	font-size:16px;
	color:#000;
	z-index:501;*/
}


/*291008*/
a.movieLink {
	display:block;
	border-bottom:1px solid #EEEEEE;
	line-height:25px;
	height:25px;
	position:relative;
	padding:0 0 2px 0;
	overflow:hidden;
	margin:0 50px 0 0;
	}
a.movieLink img {
	position:absolute;
	left:0px;
	top:0px;
	}
a.movieLink span {
	display:block;
	height:25px;
	line-height:25px;
	margin:0 0 0 50px;
	padding:0 10px 0 0;
	background:transparent url(gfx_content/movie-arrow.gif) right center no-repeat;
	}
.sideblock2 .topImage {background:transparent url(../gfx/home-top.png) top left no-repeat; width:173px; height:10px; overflow:hidden;}
.sideblock2 .bottomImage {background:transparent url(../gfx/home-bottom.png) bottom left no-repeat; width:173px; height:800px; overflow:hidden; position:absolute; left:0px; bottom:0px;}
.sideblock2 .overflow {width:173px; overflow:hidden; position:relative;}
.sideblock2 .margin {margin:0 15px; padding:10px 0; position:relative; z-index:999;}
.sideblock2 .title {color:#00B6F1; font-size:13px; font-weight:bold; display:block; position:relative; top:-10px;}
.sideblock2 .title a {color:#00B6F1;}
.sideblock2 .meerNieuws {position:absolute; right:0px; top:0px;}
.sideblock2,
.sideblock2 .topImage,
.sideblock2 .bottomImage {width:172px; overflow:hidden;}

.homeEvents a {display:block; color:#FFFFFF; font-size:11px;}

.nItem {border-bottom:1px solid #004884; overflow:hidden; overflow:hidden; position:relative; z-index:999; margin:0 10px 0 10px;}
.nItem .nMargin {overflow:hidden; margin:0 5px; padding:0 0 10px 0; font-size:11px; color:#FFFFFF;}
.nItem .nMargin a {color:#00B6F1; text-decoration:underline;}

div.lijst a {color: #007ADF; /*font-weight:bold;*/}

div#updatePanel div.content a {color:#00b6f1 !important;}