/* 	CSS FILE FOR SLICE */
/*	
/*	written by simon.hellin@vandenbroele.be
/*	edited by pieter.daveloose@vandenbroele.be
/*	written for vanden broele
*/

@import url("typo.css");
@import url("menu.css");

/*************************************
	SOME BASICS
/*************************************/

html {
	overflow-y: scroll;
}

html {
	overflow: -moz-scrollbars-vertical;
}

body{
	background: #ffffff url(assets/background.jpg) repeat-x;
}

input:focus,
a:focus{
	outline: none;
}
.floatleft{
	float: left;
}
.floatright{
	float: right;
}
/*************************************
	CLEARFIX
/*************************************/
.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
} 

.clear { clear: both; visibility: hidden; line-height: 0px; font-size: 0px; }

/*************************************
	STRUCTURE
/*************************************/

#root { 
	text-align: center;
}

#container{
	position: relative;
	text-align: left;
	width: 960px;
	margin: 0 auto 0;
}
/************************************/
#top{
	width: 960px;
	margin: 20px 0 0 0;
}
	#logo-wrapper{
		width: 960px;
		height: 75px
	}
		#logo,
		#logo-private{
			width: 188px;
			height: 75px;
			background: url(assets/logo.jpg) no-repeat;
		}
		#logo-private{
			background: url(assets/logo-private.jpg) no-repeat;
		}
			#logo p a,
			#logo-private p a{
				text-indent: -99999px;
				display: block;
				height: 75px;
				border: none;
			}
		#menu{
			padding-top: 13px;
			height: 35px;
			background: #ffffff;
			border: 1px solid #d8d8d8;
		}
		#lang{
			padding-top: 13px;
			border: 1px solid #d8d8d8;
			border-left:none;
			height: 35px;
			background: #ffffff;
		}
		#lang p{
			padding: 0 10px 0 10px;
		}
		#lang p a{
		}
		
	#header-wrapper{
		margin:	15px 0 0 0;
		display:inline;
		width: 960px
	}
	#header-wrapper.logged{
		margin:	150px 0 0 0;
	}
		#header-image{
			width: 600px;
			height: 190px;
			background: url(assets/bg_image.png) no-repeat;
			padding: 7px 0 0 4px;
			display: inline;
			
		}
		#header-quote{
			width: 310px;
		}
			#quote {
				display: block;
				margin: 0 0 13px 0;
				background: url(assets/quotes.png) no-repeat;
				height: 106px;
				overflow: hidden;
			}
			#price-button{
				display: block;
				height: 73px;
				width: 310px;
				margin: 13px 0 0 0;
			}
			
/************************************/
#center{
	margin:	0;
	/* display: inline-block; */
}
	/* PUBLIC  LEFT*/	
	#public-content-left{
		width: 580px;
		_width: 570px;
		padding: 0 60px 0 10px;
		margin: 25px 0 0 0;
	}
	
		.title-wrapper{
			height: 16px;
			width: 580px;
			_width: 570px;
			border-bottom: 1px solid #e8bcaa;
			padding: 0 0 5px 0;
			margin: 0 0 15px 0;
		}
		.title-wrapper a{
			border:none;
		}
		.title-title{
			width: 560px;
			_width: 550px;
			margin: 0 0 5px 0;
		}
		.title-rss{
			width: 16px;
			height: 16px;
		}
		
		#public-content-left .leftpane { 
			width: 580px;
			_width: 570px;
		}
		
		#public-content-left .news{
			width: 580px;
			_width: 570px;
			margin-bottom: 20px;
		}
		
		.newslist { margin-bottom: 20px; }
		
		#public-content-left .leftmiddlepane { 
			width: 270px;
			padding: 0 0 0 0;
		}
		
		#public-content-left .news-left,
		#public-content-left #oranjeboek-left{
			width: 270px;
			padding: 0 0 0 0;

		}
		
		#public-content-left .rightmiddlepane { 
			width: 270px;
			padding: 0 0 0 0;
		}
		
		#public-content-left .news-right,
		#public-content-left #oranjeboek-right{
			width: 270px;
		}
			.widget{
				padding: 0 0 10px 0;
				margin: 0 0 20px 0;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border: 1px solid #cccccc;
			}
			.widget h3{
				margin: 0;
				padding: 0 0 0 10px;
				border: none;
				border-bottom: 1px solid #cccccc;
			}
			.widget p,
			.widget h2{
				margin: 10px;
			}
			
			.widget .widget-image { margin-left:10px; }
			
	/* PRIVATE LEFT*/
	#private-content-left{
		width: 695px;
		_width: 685px;
		padding: 0 40px 0 0;
	}
		#start{
			margin: 0 0 20px 0;
		}
		#private-content-left .title-wrapper{
			width: 695px;
			_width: 685px;
		}

		#private-content-left .title-title{
			width: 675px;
			_width: 665px;
		}
		
		#private-content-left .news{
			width: 695px;
			_width: 685px;
		}
			#private-content-left .news-left,
			#private-content-left #oranjeboek-left{
				width: 325px;
				_width: 315px;
				padding: 0 45px 0 0;

			}
			#private-content-left .news-right,
			#private-content-left #oranjeboek-right{
				width: 325px;
				_width: 315px;
			}
	/* PUBLIC RIGHT */		
	#public-content-right{
		width: 310px;
		_width: 300px;
		margin: 25px 0 0 0;
	}
		#public-content-right .box,
		#private-content-right .box{
			background: #f0f0f0;
			border: 1px solid #dadada;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			padding: 10px 10px 10px 20px;
			margin: 0 0 20px 0;
		}
		.calender-category{
			border-bottom: 1px solid #dddddd;
			padding: 3px 5px;
			margin: 0 0 0 0;
			background: #ffffff;
			width: 270px;
			height: 20px;
			
		}
		.calender-category p{
			color: #185dab;
			font-weight:bold;	
		}
			.calender-title{
				width: 250px;
				height: 20px;
			}
			.calender-expand{
				width: 15px;
				height: 15px;
			}
			
		.calender-content{
			padding: 3px 0 3px 5px;
		}
		.calender-item{
			padding: 5px 0 5px 0;
			border-bottom: 1px solid #dddddd;
		}
		.calender-item  {  }
		.calender-item .location{ padding-left: 0px; }
		.last{
			border: none;
		}
		
		.calender-expand a{
			border:none;
		}
	/* PRIVATE RIGHT */
	#private-content-right{
		width: 225px;
	}
		#private-content-right .calender-category{
			width: 190px;
		}
		#private-content-right .calender-title{
			width: 170px;
		}

		#private-content-right .box{
			width: 205px;
			padding: 10px;
		}
		#private-content-right #userbox{
		}

/************************************/
#footer{
	margin: 50px 0 0 0;
	background: #f0f0f0;
	border-top: 1px solid #EBBAAC;
	border-bottom: 1px solid #EBBAAC;
	height: 104px;
	width: 100%;
	overflow: hidden;
	text-align: left;
}
	#footer-content{
		width: 960px;
		margin: 0 auto 0;
	}
	#footer-logo{
		width: 175px;
		height: 104px;
		background: url(assets/logovdb.png) no-repeat;
		margin: 0 50px 0 0;
	}
	#footer-links{
		padding: 30px 0 0 0;
	}
	#footer-contact{
		padding: 10px 0 0 0;
	}
/*************************************
	TABLE
/*************************************/
table{
	/* border: 1px solid #cccccc; */
	border-collapse: collapse;
}
table tr th{
	font: bold 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #4c4c4c;
	background: #f1f1f1;
	padding: 10px;
}
table tr td{
	font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #4c4c4c;
	padding: 10px;
	vertical-align: middle;
}

table.ControlPanel {
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
table.ControlPanel tr th {
	padding: 6px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;

}
table.ControlPanel tr td {
	padding: 6px;
	border-bottom: 1.5px solid #cccccc;
	border-right: 1px solid #cccccc;
}

table.ModuleTitle_SubMenu {  }
table tr.ModuleTitle_MenuBreak { display: none; }


/*************************************
	CONTACT FORM
/*************************************/
input, textarea { font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
input[type=text],
input[type=password]{ 
	border: 1px solid #cccccc;
	width: 270px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color: #4c4c4c;
	padding: 4px 0 4px 5px;
	margin: 0 0 10px 0;
}

input.txt-small[type=text],
input.txt-small[type=password] {
	width: 270px;
}

input[type=submit] { 
	background: url(assets/bg-button-subscribe.png) repeat-x;
	border: 1px solid #cc3300;
	width: 100px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	cursor: pointer;
	color: #ffffff;
	float: right;
} 
input:hover[type=submit] { 
	background: url(assets/bg-button-subscribe-hover.png) repeat-x;
}
input:focus { border: 1px solid #a2a2a2; }
textarea{
	width: 380px;
	border: 1px solid #cccccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
span.validation{
	color: #dd0000;
	font-size: 11px;
}
/*************************************
	ACTIVATIE FORM
/*************************************/
/* #activatie #activatie-info{
	border: 1px solid #cccccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 10px;
	margin: 0 0 20px 0;
}
#activatie .activatie-stappen{
	width: 580px;
	_width: 570px;
	height: 35px;
	margin: 0 0 15px 0;
}
#activatie .activatie-stappen.stap2{
	background: url(assets/activatie.jpg) no-repeat;
}
#activatie .activatie-stappen.stap3{
	background: url(assets/activatie.jpg) 0 -35px no-repeat;
}
#activatie .activatie-stappen.stap4{
	background: url(assets/activatie.jpg) 0 -70px no-repeat;
}
table.activatie{
	width: 580px;
	_width: 570px;
}
table.activatie,
table.activatie tr,
table.activatie tr td{
	border: none;
	padding: 0;
	margin: 0;
	vertical-align: top;
}
table.activatie tr td.labels{
	text-align: right;
	font-weight: bold;
	padding: 0 15px 15px 0;
	border-right: 1px solid #cccccc;
}
table.voltooien tr td.labels{
	text-align: left;
}
table.activatie tr td.input{
	padding: 0 0 15px 15px;
}
table.activatie tr td.input a.button, table.activatie tr td.input a.previous {
	float: none;
}
table.activatie tr td.validatie{
	padding: 0 25px 15px 0;
}

#activatie .error { color: Red; font-size: 10px; display: block; }

#activatie select{
	width: 355px;
	margin-bottom: 4px;
}
#activatie input[type=text],
#activatie input[type=password] {
	width: 90%;
	padding: 4px 5px;
	margin: 0;
}
#activatie input.small { width: 50px; }
#activatie input{
	width: 350px;
}
#activatie input.radio,
#activatie span.radio input {
	width: 15px
}
#activatie input[type=text].nok{
	border: 1px solid red;
	background: url(assets/nok.png) 335px 3px no-repeat;
}

#activatie input[type=text].ok{
	background: url(assets/ok.png) 335px 3px no-repeat;
}

#activatie span.chk input { width: 14px; }
#activatie .voltooid p { clear: both; }

#activatie a.meerInfo img { position: relative; top: 4px; } */

/* table rechten */
/* table.rechten{ margin: 10px 0 20px 0;
border: none;}
table.gekoppeld tr td { vertical-align: top; }

table.rechten,
table.rechten tr,
table.rechten tr td{
	border: none;
	vertical-align: top;
}
table.rechten tr th{
	border: none;
	background: none;
}
table.rechten tr td{
	border-top: 1px solid #cccccc !important;
}

table.rechten tr td.availible{
	font-weight: bold;
	color: green;
}
table.rechten tr td.unavailible{
	font-weight: bold;
	color: red;
}
table.rechten tr td a.button,
table.rechten tr td a.previous{
} */

/* ******** */
/* Containers */
/* ******** */
div.standaardContainer { margin-bottom: 10px }
div.standaardContainer h1 { border-bottom: solid 1px #ecbda9; padding-bottom: 4px; }
	div.standaardContainer .rssButton { float: right; }

div.accordionContainer { display: none; }

.visible { display: block; display: inline; float: right; position: relative; top: 3px; right: 2px; }
.visible a.linkedImage { border-bottom: none; }

/* Tabbladhouder */
.accordion { margin: 0; padding: 0;}
.accordion a.accordionLink { display: block; background-color: #FFF; border-bottom: 1px solid #CCC; padding: 4px;}
.accordion div.arrowleft { background-image: url(assets/arrowleft.jpg);}
.accordion div.arrowdown { background-image: url(assets/arrowdown.jpg);}
.accordion div.arrowleft, .accordion div.arrowdown  {
	float: right; 
	background-position: left top;
	background-repeat: no-repeat;
	width: 15px; 
	height: 15px; 
}

div.accordionHolderBoeken { margin-bottom: 20px; }
div.accordionHolderBoeken h1 { border-bottom: solid 1px #ecbda9; padding-bottom: 4px; }

div.accordionContainerBoeken { display: none; }

/* Tabbladhouder */
.accordionBoeken { margin: 0; padding: 0; }
.accordionBoeken a.accordionLink { display: block; background-color: #FFF; border-bottom: 1px solid #CCC; padding: 4px;}
.accordionBoeken div.arrowleft { background-image: url(assets/arrowleft.jpg);}
.accordionBoeken div.arrowdown { background-image: url(assets/arrowdown.jpg);}
.accordionBoeken div.arrowleft, .accordionBoeken div.arrowdown  {
	float: right; 
	background-position: left top;
	background-repeat: no-repeat;
	width: 15px; 
	height: 15px; 
}
div.accordionBoeken .boek { margin: 0 0 10px 10px; }
div.accordionHolderBoeken {
	background: #f0f0f0;
	border: 1px solid #dadada;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 10px 10px 20px;
	margin: 0 0 20px 0;
}
div.accordionHolderBoeken .block { padding-top: 10px; }

div.boekenList { display: none; }


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

/* ******** */
/* News */
/* ******** */
.news img { padding: 0 10px 10px 0; position: relative; top: 4px; }
.newscontent img { padding: 0 10px 10px 0; }
.news a.linkedImage, .newscontent a.linkedImage { border-bottom: none; }


/* ******** */
/* Tabs */
/* ******** */
.tabs { display: none; }
.tabs ul { margin: 10px 10px 10px 10px; padding: 0; border-bottom: solid 1px #cccccc;  }
.tabs ul li { list-style-type: none; list-style-image: none; display: inline; }
.tabs ul li a { 
	display: block;
	float: left;
	margin-right: 1px;
	padding: 0 10px 0 10px;
	border-bottom: none; 
	height: 24px;
	background-color: #f0f0f0; 
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc; 
	text-align: center; 
	line-height: 24px;
}
.tabs ul li a.active { background-color: #c3c3c3; }
.tabs .tabNavigatie-show { display: block; }
.tabs .tabNavigatie-hide { display: none; }

/* *********** */
/* DotNetNuke  */
/* *********** */
.adminContainer table.Settings { border: none; }
.adminContainer table.Settings tr th { border: none; }
.adminContainer table.Settings tr td { border: none; }
.adminContainer table tr td { vertical-align: top; }
.adminContainer table tr td table,
.adminContainer table tr td table tr,
.adminContainer table tr td table tr td { border: none; }

.DNN_HTMLContent table tr td table,
.DNN_HTMLContent table tr td table tr,
.DNN_HTMLContent table tr td table tr td { border: none; }

.adminContainer input[type=text] { width: auto; }

#dnn_ctr540_Login_Login_DNN_plUsername_imgHelp,
#dnn_ctr540_Login_Login_DNN_plPassword_imgHelp,
#dnn_ctr_SendPassword_plUsername_cmdHelp { display: none; }

#dnn_ctr553_Login_Login_DNN_plUsername_imgHelp,
#dnn_ctr553_Login_Login_DNN_plPassword_imgHelp,
#dnn_ctr_SendPassword_plUsername_cmdHelp { display: none; }

#dnn_ctr_Login_Login_DNN_plUsername_imgHelp,
#dnn_ctr_Login_Login_DNN_plPassword_imgHelp { display: none; }

.DNNArticleListContent table,
.DNNArticleListContent table tr,
.DNNArticleListContent table tr td { border: none; }

/* faq articlelist (ruben) */

.articleList .faqEditCategorie { width: 590px; margin-top: 2px;}
.articleList .lbl { width: 100px; float:left;}
.articleList .val {margin-top: 2px; }
.articleList td { vertical-align:top } 

/* */

.DNNArticleContent { margin-bottom: 20px; } /* margin-top: -20px; */
.DNNArticleContent table,
.DNNArticleContent table tr,
.DNNArticleContent table tr td { border: none; padding: 0; margin: 0; white-space: normal !important; vertical-align: top !important; }
.DNNArticleContent table tr td a { border: none; }
.DNNArticleContent table tr td a.normallink:hover { border-bottom: 1px solid #a4bedd !important; }
.DNNArticleContent table tr td img { padding-right: 6px; }

/* ** */  
#dnn_ctr603_DNNArticle_myArticles_MyArticleList_lstContent,
#dnn_ctr606_DNNArticle_myArticles_MyArticleList_lstContent { margin-top: 20px; width: 98%; }

#dnn_ctr604_Category_tvCategory,
#dnn_ctr607_Category_tvCategory { background-color: #efefef; border: solid 1px #efbbab; }
			#dnn_ctr604_Category_tvCategory table tr td,
			#dnn_ctr607_Category_tvCategory table tr td { padding: 2px 0; }
			
			.faqReturn { color: #185dab; margin: 20px 0 20px 10px; background-color: #efefef; padding: 4px; border: solid 1px #CCC; text-decoration: none; width: 80px; text-align: center; display: block; }
			
			.faqTitle { border-bottom: solid 1px #cbcbcb; margin: 0 10px; padding: 10px 0; }
			.faqTitle .italic { margin: 0; }
			.faqTitle p { color: #185dab; font-weight: bold; text-decoration: underline; padding: 0; margin: 0 !important; }

a#dnn_ctr603_DNNArticle_cmdCommentManagement,
a#dnn_ctr606_DNNArticle_cmdCommentManagement { display: none; }

#dnn_ctr603_DNNArticle_myArticles_MyArticleList_MyPageNav_pnlPageNav,
#dnn_ctr606_DNNArticle_myArticles_MyArticleList_MyPageNav_pnlPageNav { padding: 10px 0 0 10px; display: none; }

/* ************** */
/* Overzicht FaqList */
/* ************* */
.FAQListContent .FAQList {  }
	.FAQListContent .FAQList ul { padding: 0; margin: 0; }
	.FAQListContent .FAQList ul ul { margin: 0 0 0 16px; padding: 10px; }
		.FAQListContent .FAQList ul ul li { font-weight: normal; }
		
		.FAQListContent .FAQList span.title,
		.FAQListContent .FAQList span.title a { font-weight: normal; }
		.FAQListContent .FAQList span.datum, .FAQListContent .FAQList span.datumBS { font-weight: normal; }
		
.FAQListContent .FAQList div.aantalResultaten { padding: 10px; }
.FAQListContent .FAQList div a { background-color: #efefef; padding: 4px; border: solid 1px #CCC; color: #0061ad; text-decoration: none; }
	.FAQListContent .FAQList div a:hover { background-color: #dedede; }

/* ** */

.normallink {  }
.selectedcategory a { color: #c83b04 !important; font-weight: bold !important; }


/* ************** */
/* GGVDB Calender */
/* ************** */
.searchPanel input[type=text] { width: auto; }

/* *********** */
/* Breadcrumbs */
/* *********** */
.breadcrumbs { margin: 10px 0 10px 0; }

/* ************** */
/* Overzicht Widget Lexact */
/* ************* */

.WidgetLexactContent .widgetList {  }
	.WidgetLexactContent .widgetList ul { margin: 0; padding: 10px; }
		.WidgetLexactContent .widgetList ul li { margin: 0 0 20px 0; padding: 0 0 20px 0; list-style-type: none; font-weight: normal; border-bottom: solid 1px #cbcbcb; }
		
		.WidgetLexactContent .widgetList span.title,
		.WidgetLexactContent .widgetList span.title a { font-weight: normal; }
		.WidgetLexactContent .widgetList span.datum, .WidgetLexactContent .widgetList span.datumBS { font-weight: normal; }
		
.WidgetLexactContent .widgetList div { padding: 10px; }
.WidgetLexactContent .widgetList div a { background-color: #efefef; padding: 4px; border: solid 1px #CCC; color: #0061ad; text-decoration: none; }
	.WidgetLexactContent .widgetList div a:hover { background-color: #dedede; }
	
	.paging { margin: 20px 0 0 10px; }
	.paging a { background-color: #efefef; padding: 4px; border: solid 1px #CCC; color: #0061ad; text-decoration: none; }
	.paging a:hover { background-color: #dedede; }
	
	.addThis .addthis_toolbox { padding: 5px; }
	.addThis .addthis_toolbox a { padding: 4px; margin-right: 6px; border: none; }
	.addThis #mailsenderForm{width: 400px;margin-top:5px;	}
	.addThis #mailsenderSuccess{}
	.addThis #mailsenderDiv { margin-left: 10px; }
	.addThis #mailsenderForm p{	}
	.addThis #mailsenderSucces p{	}
	.addThis #tab{float:left; width:50px;	}
	.addThis input, .addThis textarea {width: 300px; border: 1px solid #CCC; -moz-border-radius: 5px;-webkit-border-radius: 5px;color: #4c4c4c;	padding: 4px 0 4px 5px;	margin: 0 0 5px 0;}	 
	.addThis .formItem { width: 399px; float:left; }
/* ******* */
/* Addemar */
/* ******* */

.Addemar label { clear: both; display: block; width: 150px; float: left; font-weight: bold; text-align: right; margin-right: 30px; margin-bottom: 10px; }
.Addemar input { display: block; }
.Addemar .moreinfo { margin-bottom: 20px; }
.Addemar .error { font-size: 10px; }
.Addemar .errorsummary { font-size: 10px; }
.Addemar .buttons { margin-left: 180px; }
.Addemar .form { background-image: url(../images/graydot.gif); background-repeat: repeat-y; background-position: 165px top; }

#dnn_ContentPane { margin-top: 15px; margin-left: 7px; }
.Addemar.AddemarStep2 {  }
.Addemar.AddemarStep2 input { margin-bottom: 0px; }
.Addemar.AddemarStep2 p { margin-bottom: 10px; }
.Addemar.AddemarStep1 .error { margin-left: 0px; }
.Addemar.AddemarStep2 .error { margin-left: 180px; clear: both; display: block; }
.Addemar.AddemarStep2 .errorsummary { margin-left: 180px; }


/* TAG CLOUD */
#trefwoorden { }
	
.alfabet { margin-right: 11px !important; }
.alfabet:hover { color: #000000 !important; }
	
#TWLeft, #TWRight { width: 50%; float:left; }
#TWLeft a, #TWRight a { font-weight: normal; text-decoration: none; color: #185dab !important; }
#TWLeft a:hover, #TWRight a:hover { text-decoration: none !important; }
#TWLeft .letter, #TWRight .letter { text-decoration: none; border:none; font-weight: bold; color: #666666 !important; }

a.linkedImage img { border-bottom: none; }