/*********************************************************
	CSS for Screen - http://www.essec.be
	v 1.0 - Kristof Rutten (06/06/06)
	v 1.1 - Kristof Rutten (29/06/06)
*********************************************************/

body		{ 	font-family: "Trebuchet MS", verdana, sans-serif; 
				font-size: 1em;
				color: #000; 
				background: url(../_images/bg_body.jpg) top left repeat-x #0b5cbf;
				margin: 0px; 
				padding: 0px; }

a			{ 	text-decoration: none; 
				color: #c71d27; 
				border-bottom: 1px solid #ddd; }

p			{ 	line-height: 1.6em; 
				font-size: 0.88em; 
				padding: 0px; 
				margin: 5px 0px; }
				
h1			{ 	font-size: 1.8em;
				color: #c71d27; 
				padding: 0;
				margin: 0.5em 0px 10px 0px; }
				
h2			{ 	font-size: 1.3em;
				color: #c71d27;
				margin: 1em 0px 0.4em 0px;
				display: block;
				border-bottom: 1px solid #eee; }
				
h2.blue		{ 	color: #00377a; }

h3 			{ 	font-size: 1em;
				color: #000; 
				font-weight: bold; 
				margin: 1em 0px 0.3em 0px; }

h1+p		{ 	font-weight: bold; }

ul			{ 	list-style: none; 
				margin: 0.88em 0px; 
				padding:0; }

li			{ 	background: url(../_images/ul_liststyle.jpg) 0 50% no-repeat;
				padding: 5px 0px 2px 25px;
				color: #4270a8;
				font-size: 0.88em; }
				
blockquote	{ 	border-top: 1px solid #ccc; 
				border-bottom: 1px solid #ccc; 
				text-align: justify; 
				color: #4270a8; 
				background: #efefef; 
				margin: 0px; 
				padding: 20px; }

/* Contentwrapper */

#masthead	{ 	margin: 0 auto;
				width: 760px;
				height: 150px;
			 	background: url(../_images/bg_masthead.jpg) top left no-repeat #0b5cbf;
				position: relative; }
#banner { position: absolute; bottom: 0px; right: 0px; margin: 0; padding: 0; }
#banner input { margin: 0; padding: 0; }
			
#wrapper	{ 	width: 100%; 
				background: #fff; 
				float: left; }

#content	{ 	width: 760px; 
				margin: 0 auto;
			}

#content textarea {
		width: 520px; height: 500px;
}

#primary	{ 	width: 550px; 
				float: right;
				}
				
#secondary	{ 	width: 180px; }

#secondary h2 { margin: 0; padding: 0; width: 180px; }

#secondary h2 span	{  }
#secondary ul	{ 	list-style: none;
					margin: 20px 0px; 
					width: 150px; 
					padding: 10px 0px 15px 0px; 
					font-size: 0.88em; border: none; }
#secondary li	{ 	border: none; padding: 0; margin: 0; display: inline; background: none; }
										
#secondary ul a { 	padding: 6px 0px 6px 10px; 
					display: block; 
					border: none; 
					}
					
#secondary #Mainmenu { background: url(../_images/ul_foot_red.jpg) bottom left no-repeat; }
#secondary #Mainmenu ul { color: #fff; background: url(../_images/ul_head_red.jpg) 0 0 no-repeat; }
#secondary #Mainmenu ul li {	padding: 0; margin: 0; border: none; }						
#secondary #Mainmenu ul a	{ color: #fff; background: #c71d27; }
#secondary #Mainmenu ul a:hover { background: url(../_images/ul_arrow_red.jpg) 0% 50% no-repeat #a5000a; }
#secondary #Mainmenu ul a.Back { background: url(../_images/back_bg.jpg) 0 0 repeat-x #d1cdca; color: #fff; color: #333; font-weight: bold;}
#secondary #Mainmenu ul a.Back:hover { background: url(../_images/back_bg_arrow.jpg) 100% 50% no-repeat #d1cdca; color: #333; font-weight: bold;}

#secondary #Mainmenu li.menuseparator

{

      background-position: left top;     

      background-attachment: fixed;

      background-image: url(../_images/ul_separator_grey.jpg);   

}

 

#secondary #Mainmenu li.menuseparator div

{     

      height:5px;

}

 

#secondary #Mainmenu li.menutitle 

{     
 
        color: #c71d27;
	background-image: url(../_images/ul_separator_grey.jpg);
	display:block;
	font-weight: bold;
	padding-left: 5px;

}

#secondary #Mainmenu li.menutitle div

{     

      

}


#secondary #MainmenuAdmin { background: url(../_images/ul_foot_red.jpg) bottom left no-repeat; }
#secondary #MainmenuAdmin ul { color: #fff; background: url(../_images/ul_head_red.jpg) 0 0 no-repeat; }
#secondary #MainmenuAdmin ul li {	padding: 0; margin: 0; border: none; }						
#secondary #MainmenuAdmin ul a	{ color: #fff; background: #c71d27; }
#secondary #MainmenuAdmin ul a:hover { background: url(../_images/ul_arrow_red.jpg) 0% 50% no-repeat #a5000a; }
#secondary #MainmenuAdmin ul a.Back { background: url(../_images/back_bg.jpg) 0 0 repeat-x #000; color: #fff;}

#secondary #MainmenuAdmin li.menuseparator a
{
      background-color: white;   
      color: black;  
}
#secondary #MainmenuAdmin li.menutitle a
{
      background-color: #D1CDCA;  
      color: #c71d27;
      font-weight: bold;
}

#secondary #Shortcuts { background: url(../_images/ul_foot_grey.jpg) bottom left no-repeat;}
#secondary #Shortcuts ul li { padding: 0; margin: 0; border: none; }						
#secondary #Shortcuts ul { 	background: url(../_images/ul_head_grey.jpg) 0 0 no-repeat; }
#secondary #Shortcuts ul a	{ color: #000; background: #d0cdcb;	}
#secondary #Shortcuts ul a:hover { 	background: url(../_images/ul_arrow_grey.jpg) 100% 50% no-repeat #615b57; color: #fff;	}
#secondary ul li a.Back	{ color: #fff; background: #000; }

#secondary #ShortcutsAdmin ul { margin: 0; padding: 0; }
#secondary #ShortcutsAdmin ul li { float: none; display: block;}
#secondary #ShortcutsAdmin ul li select { width: 100px; }

#secondary dl	{ margin: 0; padding: 0; }
#secondary dt 	{ margin: 0; padding: 0; font-size: 0.88em; font-weight: bold; color: #333;	margin-top: 10px;}
#secondary dd 	{ margin: 0; padding: 0; font-size: 0.75em; color: #ccc; }
#secondary dd a { margin: 0; padding: 0; color: #ccc; text-decoration: none; border: none;	}
#secondary dd a:hover { color: #3399cc; text-decoration: underline; }

#languagebar { position: absolute; bottom: 50px; left: 10px; color: #fff; font-size: 0.88em; width:  100px; text-align: left; font-size: 0.75em;  text-transform: lowercase;}


#searchbar { position:  absolute; bottom: 3px; left: 10px; }
#searchbar input { margin: 0; padding: 0; line-height: normal; }
#searchbar p { color: #fff; font-size:  0.77em;}
#searchbar #Btn_search { margin-bottom: -5px; }

#footer		{ 	background: url(../_images/bg_footer.jpg) top left repeat-x #0b5cbf; 
				float: left; 
				width: 100%; 
				text-align: center; }
				
#footer p	{   color: #fff; 
				margin: 15px 0px 5px 0px;  
				font-size: 0.70em;}
				

/* More info */

#moreinfo {
	color: #c71d27;
	line-height: 1.6em; 
	font-size: 0.88em; 
	
}
				
/* To change */

#breadcrumbs {
	color: #535353;
	margin: 10px 10px 0px 10px;
	width: 80%; height: 15px;
	font-size: 65%;
	}

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

#breadcrumbs li {
	list-style: none;
	float: left;
	margin: 0px; padding: 0px;
	}

#breadcrumbs a {
	color: #003366;
	text-decoration: underline;
	}
	
	/* Nieuws */

	#Pnl_Context {
		margin: 10px;
	}

	.NewsItem {
		margin: 10px 0px; padding: 0px;
		border-bottom: 1px solid #e5e5e5;
	}

	.NewsItem h5 {
		background: url(http://www.bns-be.com/_images/page.png) 0 0 no-repeat;
		clear: right;
		font-size: 90%; min-height: 18px;
		color: #c71d27;
		margin: 0px;
		padding: 0px 0px 5px 20px;
	}
	.NewsItem p {
		display: none;
	}
	.newstitle {
		clear: right;
		font-weight: bold;
		font-size: 100%;
		color: #c71d27;
		margin: 0px;
		padding: 10px 0px 0px 0px;
	}

	.date p {
		display: none;
		color: #666;
		margin: 0; padding: 0;
	}

	.NewsContent {
		font-size: 70%;
		line-height: 1.5em;
		color: #666;
	}

	.morebutton {
		font-weight: bold;
		color: #003366;
		padding: 0px;
		font-size: 70%;
		margin: 10px 0px;
	}

	.backbutton {
		font-weight: bold;
		color: #003366;
		padding: 0px;
		font-size: 70%;
		margin: 10px 0px;
	}


#Pnl_Buttons input {
		display: inline;
		height: 16px;
		width: 50px;
		margin: 0; padding: 0px;
		font-size: 9px;
		}

.PageTable {
		clear: left;
		float: left;
		width: 75px;
		color: #737373;
		height: 16px;
		font-size: 65%;
	}

	.searchtitle {
		padding: 5px 0px 8px 0px;
		margin: 0;
		font-weight: bold; 
		color: #737373;
		font-size: 0.95em;
	}

	/* Login */

	#login {
		position: relative;
		clear: left; margin: 0 auto; padding: 5px;
		width: 350px;
		border: 1px solid #565c64;
		font-size: x-small;
	}

	#login input {
		margin-left: 100px; 
		border: 1px solid #ddd;
		width: 200px;
		}

	#login span {
		font-weight: bold;
		height: 25px;
		}

	#loginsubmit {
		height: 35px;
		}

	#loginsubmit input {
		width: 70px; margin: 12px 0px 0px 100px; padding: 0;
		background: url(../_images/bg_edit_menu.jpg) repeat-x 0 0 #efefef;
		border: 1px solid #ddd;
		}

	#error {
		}

	#error span {
		margin: 5px 0px 0px 0px; padding: 5px 0px 5px 15px;
		display: block;
		color: #fff;
		font-weight: bold;
		}


	/* Wysiwyg Block */

	.common a {
		padding: 5px; font-size: 75%;
		font-weight: bold; color:#535353;
		text-decoration: none;
		border: 1px solid #efefef;
		border-right: 1px solid #bbb;
		border-bottom: none;
		}
	.common a:hover {
		background: #fafafa;
		}

	.tabname {
		padding: 5px;
		border: #efefef;
		}