/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
    
/* BREADCRUMBS
-------------------------------------------- */
#main{
	height: 100%;
}
body,html {
	color: #666666;
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	height: 100%;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-left:0px;
	padding-left:0px;
	margin-right:0px;
	padding-right:0px;
	background-color:#ffffff;
}

a {
	color: #666666;
	font-family: Arial, Verdana, Tahoma;
}
a.noline {
	text-decoration:none;
}
#Layout a {
	color:#008C99;
}
a:hover.noline{
	text-decoration:underline;
}
td ul {
	margin-top:0px;
	margin-left:0px;
	padding-top:0px;
	padding-left:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	list-style:none;
}
td ul li {
	border:0px solid #000000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
/*	vertical-align:middle;
*/	background-image:url("../images/bullit.gif");
	background-repeat:no-repeat;
	background-position:left top;
}
hr{
	border:1px solid #d8d8d8;
	background-color:#d8d8d8;
	height:1px;
	margin:10px 0px 10px 0px;
	padding:0px;
}
td hr{
	border:1px solid #d8d8d8;
	background-color:#d8d8d8;
	height:1px;
	margin:10px 0px 10px 0px;
	padding:0px;
}
.hr{
	border-bottom:1px solid #ffffff;
	background-color:#ffffff;
	height:0px;
	margin:14px 0px 15px 0px;
	padding:0px;
}
.inputgroot{
	width:200px;
}
#item_container:after {
	content:'';
	display:block;
	clear:both;
}
#siteContainerOverall{
	margin:0 auto; /* center, not in IE5 */
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	
	width:999px;
	background:transparent url('../images/bg_shadow_repeat.png' ) repeat-y scroll 0px; 
	margin:0px auto; 
	padding:0px 0px 0px 0px;  
	vertical-align:top;
	border:0px solid #000000;
}
#siteContainerMain {
    margin:0px auto;
    width:980px;
    padding:0px;
    border:none;
    background:none;
}
#siteContainer{
	position:absolute; /* needed for footer positioning */
	margin:0 auto; /* center, not in IE5 */
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	background-position:right bottom;
	background-repeat:no-repeat;
}
#topMenu div#uls{
	list-style:none;
	position:absolute;
	margin:61px 0px 0px 337px;
	padding:0px;
	z-index:11;
	width:630px;
}
#topMenu li {
	display:inline;
	float:left;
	border-right:solid 1px #008c99;
	color:#9d3293;
	margin:0px;
	z-index:1000;
	
}
#topMenu li li{
	border-right:solid 0px #008c99;
	background-color:#e5f3f5;
	
}#topMenu li .l{
	display:inline;
	float:left;
	border-right:solid 1px #008c99;
	color:#9d3293;
	margin:0px;
	padding:0px 10px 0px 10px;
	
}#topMenu li .current, .section{
	font-weight:bold;	
}
#topMenu li a{
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#9d3293;
	text-decoration:none;
	padding:0px 10px 0px 10px;
}
#hoofdMenu3D{
	position:absolute;
	width:980px;
	margin:0px auto;
	top:100px;
	z-index:10;

}
#hoofdMenu3D img{
	position:absolute;
	z-index:2;
}#hoofdMenu li .last{
	border-right:solid 0px #008c99;
	
}
#hoofdMenu{
/*	background-image:url('../images/hoofdmenu3d.png');
*/	background-position:center;
	background-repeat:no-repeat;
	height:200px;
}
#hoofdMenu ul{
	list-style:none;
	position:absolute;
	margin:-75px 0px 0px 340px;
	padding:0px;
	z-index:999;
}
#hoofdMenu li{
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	display:inline;
	float:left;
	border-right:solid 1px #008c99;
	margin:0px;
	padding:0px 10px 0px 10px;
}
#hoofdMenu li a{
	color:#9d3293;
	text-decoration:none;
}
#hoofdMenu li a:hover{
	color:#9d3293;
	text-decoration:underline;
}
#hoofdMenu li .current, .section{
	font-weight:bold;
}

#hoofdMenu li .last{
	border-right:solid 0px #008c99;
	
}
#siteTable{
	margin:0px 0px 0px 12px;
	padding-left:0px; 
	width:981px;
	position:relative; /* needed for footer positioning */
	margin:0 auto; /* center, not in IE5 */
	
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	background-position:right bottom;
	background-repeat:no-repeat;
	direction:ltr;
	white-space:inherit;
}
.container_top{
 	background:transparent url(../images/bg_top.png);
	background-position:left top;
	background-repeat:no-repeat;
	top:15px;
	height:144px;
}
.container_top img{
	padding-top:15px;
}
#container_bottom_logo{
	border:0px solid #000000;
	padding: 20px 0px 0px 0px;
}
#container_bottom_menu{
	color:#666666;
	font-size:12px;
	line-height:25px;
	padding: 12px 0px 12px 0px;
	border:0px solid #000000;
	bottom:0px;
	height:50px;
	background-image:url('../images/bottom_menu_topline.png');
	background-repeat:no-repeat;
	background-position: top left;
}
#container_bottom_menu a{
	color:#666666;
}
#container_bottom_menu a:hover{
	text-decoration:underline;
}
#container_bottom_menu ul{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 400px;
	border:0px solid #000000;
}
#container_bottom_menu ul li{
	font-size:12px;
	margin-right: 20px;
	float:left;
	border:0px solid #000000;
	border-right:1px solid #9a9a9a;
}
.container_left_padding{
	padding-left:55px;
}
.container_left_margin{
	margin-left:48px;
}

#bg_bottom{
	background-image: url('../images/bg_bottom.png');
	background-repeat:no-repeat;
	background-position:right bottom;
}
#leftMenu{
	width: 160px;
	border-right: 1px solid #ebeaea;
}
#leftMenu ul{
	width: 146px;
}
#leftMenu ul li{
	border-bottom: 1px solid #dcdcdc;
	line-height:20px;
	padding:0px;
	margin:0px;
	text-decoration:none;
}
#leftMenu ul li table{
	line-height:16px;
}
#leftMenu ul li table .submenu_sub{
	line-height:14px;
} 
#leftMenu ul li a{
	text-decoration:none;
}
#leftMenu ul li a:hover{
	text-decoration:underline;
}
#leftMenu ul li .current, .section{
	font-weight:bold;
}
#leftMenu div.submenu_sub a.current {
	color:#9D3293;
}
#maincontent{
	width: auto;
	padding-left:0px;
}
#rightblocks{
	float:right;
}
#rightblocks ul li .current, .section, .current{
	font-weight:normal;
	color: #008C99;
	text-decoration:none;
}

.block_right{
	width:223px;
	border: 1px solid #cccdcd;
	border-collapse:collapse;
	padding:11px;
}
.block_right p{
	padding:0px;
	margin:0px;
}
.block_right .header{
	border: 1px solid #cccdcd;
	color:#9d3293;
	background-color: #f3f5f5;
	padding:11px;
	font-weight:bold;
}
.block_right .normal{
	background-color:#ffffff;
	border: 1px solid #cccdcd;
	padding:11px;
}
.block_right .button{
	background-color:#ffffff;
	border: 1px solid #cccdcd;
	background-image:url('../images/arrow-right.gif');
	background-position: 95% 50%;
	background-repeat:no-repeat;
	padding:11px;
}
.block_right .buttonaccord{
	background-color:#ffffff;
	border: 1px solid #cccdcd;
	padding:11px;
}
.block_right .ui-state-default{
	background-image:url('../images/arrow-right.gif');
	background-position: right center;
	background-repeat:no-repeat;
    cursor:s-resize;
}
.block_right .ui-state-active{
	background-image:url('../images/arrow-down.gif');
	background-position: right center;
	background-repeat:no-repeat;
	margin-bottom:11px;	
    cursor:n-resize;
}
.block_right h3{
	width:auto;
	clear:none;
}
.block_right .linkTitle{
	float:left;
	clear:both;
}
.block_right a.link{
	text-decoration:none;
}
.block_right a:hover{
	text-decoration:underline;
}
.block_right .search{
	border: 1px solid #cccdcd;
	background-color: #f3f5f5;
	padding:11px;
}
.block_right .search form{
	padding:0px;
	margin:0px;
	width:0px;
}
#Layout{
	padding-right:0px;
}
#Breadcrumbs{
	font-family:verdana, tahoma, arial;
	padding-bottom:10px;
	width:370px;
}
.afbeelding{
	float:left;
	padding:4px 13px 0px 0px;
	
}


#footer{
	border:0px solid #000000;
}

.rightBlockHeader{
	text-decoration:none;
	
	display:block;
}

/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}
#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
	#PageComments li.odd {
		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
		padding-left: 40px;
		padding-right: 10px;
		border-bottom: 2px solid #BCE4FE;
	}
	#PageComments li.even {
		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
		padding-right: 40px;
		padding-left: 10px;
	}

		#PageComments li.odd p.info {
			color: #3AA0C3;
		}

		.actionLinks li {
		   display: inline;
		   border-right: 1px solid;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
	#PageComments p.info {
		color: #999;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 0.9em;
	}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
		font-size: 1em;
	}

/* SEARCH FORM 
-----------------------------------------------*/
html #SearchForm_SearchForm {
	float: left;
	width: 0px;
	margin: 0px;
	padding:0px;
	width:198px;
}
html #SearchForm_SearchForm .middleColumn {
	float:left;
	width:170px;
	margin:0 5px 0 0;
	padding:0px;
	background-color: #fff;
	border:1px solid #cccdcd;
	
}
	html #SearchForm_SearchForm .middleColumn input.text {
		width: 145px;
		border: none;
		color: #666;
		margin:0px;
		padding:0px;
		font-size:12px;
	}
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	background-image:url('../images/icon-search.gif');
	background-position: right center;
	background-repeat:no-repeat;
	background-color: #f3f5f5;
	float: left;
	margin: 0px;
	padding:0px;
	width:20px;
	height:20px;
	border:none;
}
fieldset {
	border:none;
	font-size:12px;
	line-height:0px;
	width:198px;
	padding:0px;
	margin:0px;
}




/* POLL FORM
--------------------------------------------- */
#poll {
	position:relative;
	width:198px;
	margin:0px;
	padding:0px;
}
#poll fieldset {
	width:198px;
	margin:0px;
	padding:0px;
	display:block;
}
#poll #PollOptions {
	position:relative;
	width:198px;
	margin:0px;
	padding:0px
}
#poll label {
	position:relative;
	margin:0px;
	padding:0px;
	width:198px;
}
#poll .middleColumn {
	position:relative;
	background:none;
	margin:0px;
	padding:5px 0px;
	width:198px;
}
#poll input.radio {
	border:none;
}
#poll ul li {
	padding:0px;
	margin:0px;
}
#poll .Actions {
	position:relative;
	margin:0px;
	padding:0px;
}
#Form_pollForm {
	position:relative;
	margin:0px;
	padding:0px;
}

/* OVERALL POLL */

/* POLL FORM
--------------------------------------------- */
#overallPoll {
	position:relative;
	width:124px;
	margin:0px;
	padding:0px;
}
#overallPoll fieldset {
	width:124px;
	margin:0px;
	padding:0px;
	display:block;
}
#overallPoll #PollOptions {
	position:relative;
	width:124px;
	margin:0px;
	padding:0px
}
#overallPoll label {
	position:relative;
	margin:0px;
	padding:0px;
	width:124px;
}
#overallPoll .middleColumn {
	position:relative;
	background:none;
	margin:0px;
	padding:5px 0px;
	width:124px;
}
#overallPoll input.radio {
	border:none;
}
#overallPoll ul li {
	padding:0px;
	margin:0px;
}
#overallPoll .Actions {
	position:relative;
	margin:0px;
	padding:0px;
}
#Form_pollForm {
	position:relative;
	margin:0px;
	padding:0px;
}



/* MESSAGEBOXS
--------------------------------------------- */
.message {
	padding: 5px;
	margin:5px 0px 0px 0px;
	width: 288px;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
	display:block;
}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

	#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label{
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label{
		margin:0;
	}


/* FOOTER
----------------------------------------------- */

#Footer { 
 	clear: both;  
	width: 800px; 
	height: 5em; 
	background: transparent url(../images/footerBottom.gif) no-repeat bottom left; 
	text-align: center; 
}
	#Footer .footerTop {
		width: 100%;
		background: transparent url(../images/footerTop.gif) no-repeat top left;
		display: block;
		height: 2em;
	}
  	#Footer p { 
		color: #fff;
		font-size: 1.1em;
		text-align: center;
		margin-top: -0.6em;
	}
  		#Footer a { 
	   		color: #fff; 
	   		text-decoration: none;
		}
			#Footer a:hover {
				color: #fff;
				text-decoration: underline;
			}
/* PRINT PAGE EN MAILTOFRIEND
------------------------------------------------ */
/*#printmailfriend {
	position:relative;
	width:auto;
	float:right;
	right:0px;
}
#printmailfriend img{
	border:none;
}*/
#fontSizer{
	position: absolute;
	top:5px;
    left: 50%;
    margin-left: 405px;
	width:50px;
	z-index:10;
}
#fontSizer a{
	text-decoration:none;
}
.fontSizerLinks{
	color:#008c99;
}
.currentFont{
	text-decoration:underline;
}
.notCurrentFont{
	text-decoration:none;
}
#printmailfriend {
	position: absolute;
	top:356px;
    left: 50%;
    margin-left: 110px;
	width:70px;
	z-index:11;
}
#printmailfriend img{
	border:none;
}
.submenu_sub{
	width:125px;
	padding:0px 0px 0px 7px;
	margin:0px;
}
.submenu_sub a:hover{
	text-decoration:underline;
}

#accordion h3{
	padding:0px;
	margin:0px;
	font-size:11px;
	font-weight:normal;
	line-height:15px;
}
.afbeeldingContent{
	clear:both;
	float:left;
	padding-right:10px;
	padding-top:4px;
}
.LeesVerder{
	text-decoration:underline;
}
#filterResultKeyWords{
	color: #9a9a9a;
}
#filterResultKeyWords u{
	color: #9a9a9a;
}
.activeMouse{
	cursor:pointer;
}
.resultButtonArrow{
	background-image:url('../images/arrow-right-small.gif');
	background-repeat:no-repeat;
	background-position:center center;
}


/* BANNERS
------------------------------------------------ */
#Banner {

}
#Banner a {
	
}
#Banner a img {
	border:1px solid #DCDCDC;
}
#TekstAlinea{
	clear:both;
}