/*General Style*/
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}
body { }
body#bd { color: #333; font-size: 12px; font-family: helvetica; }
p { }
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
	padding: 0;
}
td { padding-bottom: 2px; border-bottom: 2px dotted #bdccd4; border-top-style: none; border-right-style: none; border-left-style: none; outline-style: none; }
table { border-style: none; outline-style: none; }
a:link { color: #ff931e; }
a:visited { color: #ea660b; }
a:hover { color: #909090; }
a:active { color: #ea660b; }
.passwordreset { color: #fff; font-size: 9px; text-align: center; margin: 0; padding: 0; }
.passwordreset a { color: #fff; }
h1 {font-size: 180%;}
h2 {font-size: 130%;}
h3 {font-size: 125%;}
h4 {font-size: 100%;text-transform: uppercase;}
hr { height: 1px; border-top: 2px dotted #bdccd4; border-right-style: none; border-right-width: 0; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; }
ul {
	list-style: none;
}
ul li {
	background: url(images/icon-star.gif) no-repeat 14px 4px;
	line-height: 160%;
	padding-left: 30px;
}
ol li {
	line-height: 180%;
	margin-left: 35px;
}


.clr
{
	clear: both;
}

body
{
	background: #FFFFFF;
}	


body, table, td, input, select
{
	font-family: helvetica;
	font-size: 12px; 
	color: #333333; 
}

#wrapper
{
	width: 930px;
	margin: 0px auto;
	padding: 0px
}

/******************************************************************************

*

*						Opmaak error.

*

******************************************************************************/
#errormessage_container
{
	border-width:	1px;
	border-color:	#000000;
	border-style:	none none solid none;	
}

#errormessage
{
	color:			#FA0000;
	padding:		1px;
	border-width:	3px;
	border-color:	#FF0000;
	border-style:	solid solid solid solid;
	background:		#FFFFCC;
	font-weight:	bold;
	text-align:		center;
}



/******************************************************************************
*
*						Header
*
******************************************************************************/

#qu-header 
	{ 
		height: 61px; 
		margin-top: 7px; 
	}

#qu-logo 
	{ 
		width: 350px; 
		height: 61px; 
		float: left; 
		background-image: url('../images/site/logo.gif'); 
		background-repeat: no-repeat; 
		background-attachment: scroll; 
		background-position: 0 0; 
		margin: 0; 
		padding: 0; 
	}

#qu-logo h1 
	{ 
		font-family: helvetica; 
		font-size: 20px; 
		font-weight: 100; 
		color: #000000; 
		margin-top: 36px; 
		margin-left: 80px; 
	}

#qu-logo a 
	{ 
		font-family: helvetica; 
		font-size: 20px; 
		font-weight: 100; 
		color: #000000; 
		text-decoration: none; 
	}

#banner-top 
	{ 
		width: 250px; 
		height: 60px; 
		float: right; 
		
		background-repeat: no-repeat; 
		background-attachment: scroll; 	
	}


/******************************************************************************
*
*						*Navigation*
*
******************************************************************************/

#qu-mainnavwrap 
	{ 
		width: 930px; 
		height: 20px; 
		background: #f7931e url('../images/site/nav-logo.gif') no-repeat; 
		margin-bottom: 12px; 
	}

#qu-mainnav 
	{ 
		color: #FFFFFF; 
		font-size: 11px; 
		font-weight: bold; 
		text-transform: lowercase; 
		margin-left: 80px; 
		padding-top: 2px; 
		padding-right: 20px; 
	}

#mainnav, #mainnav ul 
	{ 
		margin: 0; 
		padding: 0; 
		list-style-type: none; 
	}

#mainnav li 
	{ 
		float: left; 
		background-image: none; 
		margin: 0 30px 0 0; 
		padding: 0; 
	}

#mainnav ul 
	{ 
		width: 125px; 
		position: absolute; 
		left: -1000px; 
		background-image: url('../images/site/mainnav-transp.png'); 
		padding-top: 13px; 
		padding-right: 4px; 
		padding-left: 6px; 
		z-index: 100;
	}

#mainnav ul li 
	{ 
		background-image: none; 
		letter-spacing: 1px; 
		padding-bottom: 2px; 
	}

#mainnav li:hover ul, #mainnav li.ie_does_hover ul 
	{ 
		background-position: 0 0; 
		left: auto; 
	}

#mainnav a 
	{ 
		color: #fff;
		text-decoration: none; 
		letter-spacing: 1px; 
		display: block; 
	}

#mainnav a:hover 
	{ 
		color: #333333; 
		text-decoration: none; 
		display: block; 
	}

#mainnav ul a 
	{ 
		color: #FFFFFF; 
		font-weight: bold; 
	}

#mainnav ul a:hover 
	{ 
		color: #333333; 
	}

#mainnav ul a:active 
	{ 
		color: #333333; 
	}

/******************************************************************************
*
*						Expand Site
*
******************************************************************************/

#slideshow-small 
	{ 
		width: 628px; 
		height: 121px; 
		float: left; 
		background-image: url('../images/site/slideshow-small.jpg'); 
		background-repeat: no-repeat; 
		background-attachment: scroll; 
		margin-bottom: 15px; 

	}

#qu-leftcol1 
	{ 
		width: 628px; 
		float: left; 
		margin-right: 12px; 
	}

.qu-rightcol 
	{ 
		width: 290px;
		float: left; 
	}

#qu-rightcol1 
	{ 
		width: 139px; 
		float: left;
		margin-right: 12px;
	}

#qu-rightcol2 
	{ 
		width: 139px; 
		float: left; 
	}

/******************************************************************************
*
*						Main
*
******************************************************************************/

#qu-containerwrap
	{
		width: 930px; 
		margin-bottom: 14px;
	}

#qu-leftcol
	{
		width: 130px; 
		height: 255px; 
		float: left; 
		margin-right: 12px;
	}

#banner-left 
	{ 
		width: 130px; 
		height: 175px;
		background-repeat: no-repeat; 
		background-attachment: scroll; 
		margin-bottom: 12px; 
	}

#banner-left2 
	{ 
		width: 120px; 
		height: 58px;
		color: #FFFFFF; 
		background-color: #f7931e;  
		padding: 5px; 
	}

#banner-left2 a 
	{ 
		color: #FFFFFF; 
		text-decoration: none; 
		letter-spacing: 1px; 
	}

#banner-left2 h1 
	{ 
		font-size: 17px; 
		letter-spacing: 1px; 
		margin-top: 2px; 
		margin-bottom: 5px; 
	}

#slideshow 
	{ 
		width: 486px; 
		height: 255px;
		float: left; 
		display: inline;	
		background-repeat: no-repeat; 
		background-attachment: scroll; 
		margin-right: 12px;
		margin-bottom: 15px; 
		overflow: hidden;
	}

#qu-rightcol 
	{ 
		width: 290px; 
		float: left; 
	}

#qu-rightcol1 
	{
		width: 139px; 
		float: left; 
		margin-right: 12px; 
	}

#qu-rightcol2 
	{ 
		width: 139px; 
		float: left; 
	}

#container-login 
	{ 
		width: 123px; 
		height: 105px; 
		color: #FFFFFF; 
		font-size: 15px; 
		font-weight: bold; 
		background-color: #f7931e; 
		letter-spacing: 1px; 
		margin-bottom: 13px; 
		padding: 8px; 
	}

#container-login .inputboxuser 
	{ 
		width: 95px; 
		height: 12px; 
		font-size: 9px; 
		background-image: url('../images/site/icon-user.gif'); 
		background-repeat: no-repeat; 
		background-position: 2px 2px; 
		margin-bottom: 5px; 
		padding: 0 0 0 18px; 
	}

#container-login .inputboxpass 
	{ 
		width: 95px; 
		height: 12px; 
		background-image: url('../images/site/icon-key.gif'); 
		background-repeat: no-repeat; 
		background-position: 2px 3px; 
		margin-bottom: 5px; 
		padding: 0 0 0 18px; 
	}

#container-login .submitbutton 
	{ 
		width: 115px; 
		height: 18px; 
	}

#container-senior 
	{ 
		width: 123px; 
		height: 105px; 
		color: #FFFFFF; 
		font-size: 15px; 
		font-weight: bold; 
		background-color: #bdccd4; 
		letter-spacing: 1px; 
		margin-bottom: 13px; 
		padding: 8px; 
	}

#container-top 
	{ 
		width: 123px; 
		height: 105px; 
		color: #FFFFFF; 
		font-size: 15px; 
		font-weight: bold; 
		background-color: #bdccd4; 
		letter-spacing: 1px; 
		padding: 8px; 
	}

#container-youth 
	{	 
		width: 123px; 
		height: 105px; 
		color: #FFFFFF;
		font-size: 15px; 
		font-weight: bold; 
		background-color: #bdccd4; 
		letter-spacing: 1px; 
		padding: 8px; 
	}

.passwordreset 
	{ 
		color: #FFFFFF; 
		font-size: 9px; 
		text-align: center; 
		margin: 0; 
		padding: 0; 
	}

.passwordreset a 
	{ 
		color: #FFFFFF; 
	}

.inputselect 
	{ 
		width: 100px; 
		height: 18px; 
		font-size: 10px; 
		font-family: helvetica; 
		margin-bottom: 5px; 
		padding-top: 2px; 
	}

/******************************************************************************
*
*						News
*
******************************************************************************/
#qu-newswrap 
	{ 
		float: left;
		margin-bottom: 12px; 
	}

#qu-newswrap h1 
	{ 
		color: #bdccd4; 
		font-size: 20px; 
		font-weight: 200; 
		letter-spacing: 1px; 
		float: left; 
		margin: 0 8px 0 5px; 
		padding: 0; 
	}

#qu-newswrap h2 
	{ 
		color: #f7931e; 
		font-size: 20px; 
		font-weight: 200; 
		letter-spacing: 1px; 
		margin: 0; 
	}

#qu-newswrap hr 
	{ 
		margin-bottom: 12px; 
		border-top-style: none; 
		border-top-width: 0; 
		border-right-style: none; 
		border-right-width: 0;
		border-bottom: 2px dotted #bdccd4; 
		border-left-style: none; 
		border-left-width: 0; 
	}

#news-general 
	{ 
		width: 308px; 
		float: left; 
		margin-right: 12px; 
		margin-bottom: 15px; 
	}

#news-senior 
	{ 
		width: 308px; 
		float: left; 
		margin-right: 12px; 
		margin-bottom: 15px; 
	}

#news-youth 
	{ 
		width: 290px; 
		float: left; 
		margin-bottom: 15px; 
	}

.newsitem-container 
	{ 
		margin-right: 4px; 
		margin-left: 8px; 
	}

.newsitem-title 
	{ 
		color: #333333; 
		font-size: 10px; 
		font-weight: bold; 
		letter-spacing: 1px;
		margin-bottom: 10px; 
	}

.newsitem-content 
	{ 
		color: #333333; 
		font-size: 11px; 
		margin-bottom: 15px; 
	}

.readmore 
	{ 
		color: #f7931e; 
		text-decoration: underline; 
	}

.readmore a 
	{ 
		color: #f7931e; 
		text-decoration: underline; 
	}

.newsitem-date 
	{ 
		color: #bdccd4; 
		font-size: 10px; 
		font-weight: normal; 
		margin-right: 10px; 
	}

/******************************************************************************
*
*						Content_Title
*
******************************************************************************/
#qu-contentwrap {  }
#qu-contenttitle {  }
#qu-contenttitle h1 
	{ 
		color: #F7931E; 
		font-size: 20px;
		font-weight: 200; 
		letter-spacing: 1px; 
		float: left; 
		margin: 0 8px 0 5px; 
		padding: 0; 
	}

#qu-contenttitle h2
	{ 
		color: #f7931e; 
		font-size: 20px; 
		font-weight: 200; 
		letter-spacing: 1px; 
		margin: 0; 
	}

#qu-contenttitle hr 
	{ 
		margin-bottom: 0; 
		border-top-style: none;
		border-top-width: 0; 
		border-right-style: none; 
		border-right-width: 0; 
		border-bottom: 2px dotted #bdccd4;
		border-left-style: none;
		border-left-width: 0; 
	}

#qu-content 
	{ 
		width: 465px; 
		float: left; 
		font-size: 11px; 
		line-height: 15px;
		word-spacing: 2px;
		margin: 0 0 12px; 
		padding: 5px 0 20px 16px; 
		border-left: 2px dotted #bdccd4; 
	}

#qu-content h3 
	{
		color: #333333; 
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px; 
	}

/******************************************************************************
*
*						Content_Menu
*
******************************************************************************/
/*Menu*/
#qu-menu 
	{ 
		width: 125px; 
		float: left; 
		margin-right: 12px; 
		padding-top: 12px; 
	}

ul.menu 
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}

ul.menu li 
	{ 
		background-image: none; 
		margin: 0; 
		padding: 0; 
	}

ul.menu li a 
	{ 
		display: block; 
		padding: 0 0 4px 4px; 
		color: #909090; 
		font-size: 11px; 
		font-weight: 200; 
		text-decoration: none; 
		letter-spacing: 1px; 
	}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus 
	{ 
		color: #ff931e; 
		font-weight: normal; 
		text-decoration: none; 
	}

ul.menu li.active a 
	{ 
		color: #333333; 
		font-weight: bold; 
		text-decoration: none; 
	}

ul.menu li ul 
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}


/******************************************************************************
*
*						Kalender
*
******************************************************************************/
#calendar 
	{ 
		width: 290px; 
		float: left; 
		margin-bottom: 15px; 
	}

#calendar hr 
	{ 
		margin-bottom: 12px; 
		border-bottom: 2px dotted #bdccd4; 
		border-top-style: none;
		border-top-width: 0; 
		border-right-style: none;
		border-right-width: 0; 
		border-left-style: none;
		border-left-width: 0; 
	}

#calendar .inputselect 
	{ 
		width: 100px; 
		height: 18px; 
		float: right; 
		font-size: 10px; 
		font-family: helvetica; 
		position: relative;
		top: 15px; 
		margin-bottom: 5px; 
		padding-top: 2px; 
	}

#calendar h1	
	{ 
		color: #f7931e; 
		font-size: 20px; 
		font-weight: 200; 
		letter-spacing: 1px; 
		margin: 15px 8px 8px 5px; 
	}

.calendar-title 
	{ 
		color: #333333; 
		font-size: 12px; 
		font-weight: normal; 
		letter-spacing: 1px; 
		margin-bottom: 15px; 
		font-decoration:none;
	}
	

.calendar-date	
	{ 
		color: #ff931e; 
		font-size: 10px; 
		font-weight: normal; 
		margin-right: 20px; 
	}
/******************************************************************************
*
*						Footer
*
******************************************************************************/

#qu-footerwrap 
	{ 
		width: 930px; 
		height: 104px; 
		float: left; 
	}

#qu-footer 
	{	
		width: 468px; 
		height: 104px; 
		float: left; 
		background-color: #f7931e; 
		letter-spacing: 1px; 
		margin-right: 12px; 
	}

#footer-col1 
	{ 
		width: 160px; 
		height: 96px; 
		float: left; 
		color: #FFFFFF; 
		font-size: 9px; 
		line-height: 12px; 
		margin-top: 4px; 
		margin-left: 16px;
	}

#footer-col2 
	{ 
		width: 210px; 
		height: 96px; 
		float: left; 
		color: #FFFFFF; 
		font-size: 9px; 
		line-height: 12px; 
		margin-top: 4px; 
		margin-left: 16px; 
	}

#qu-footer a 
	{ 
		color: #FFFFFF; 
		font-weight: bold; 
		text-decoration: none; 
	}

#qu-footer a:hover 
	{ 
		color: #FFFFFF; 
		font-weight: bold; 
		text-decoration: underline; 
	}

#banner-bottom 
	{ 
		width: 450px; 
		height: 104px; 
		float: left; 
		background-repeat: no-repeat; 
		
	}