/********************************************************
*
*	stylesheet initializing Bornem website
*
********************************************************/

/* Main Structural Elements & init
-------------------------------------------- */	
html { margin: 0; padding: 0; border: 0; }

body
{	
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 62.5% !important; /* Sets base font size for site to 10px (because 62.5% of 16px [default browser font size] = 10px)   */
	margin: 0;
	padding: 0;
	background: #fff url(../media/brn_bg_760x1200.gif) no-repeat center top;
	text-align: center;
}

ul, ol, li, a, p, div, span {margin: 0; padding: 0; list-style-type: none;}

form
{
	margin: 0;
	
}


/* div section
-----------------------------------  */
#wrapper
{
	text-align: left;
	width: 760px;
	margin: 0 auto; 
}


#header
{
	height: 131px;
}

#navlist, #search
{
	/*margin: .7em .6em 0 0;*/
	margin: .7em 0 0 0;
	float: right;
	padding: 0;
	width: 500px;
	text-align: right;
}
#search
{
	margin-top: 1.4em;
	width:600px;
}
#breadcrumb
{
	clear: both;
	/*height: 20px;*/
	padding: 5px .5em 5px 19em;
	width:570px;
	overflow:hidden;
}
#innerbreadcrumb
{
	width:370px; float:left;
}
#extrafunctions
{
	width:180px; float:left;
	text-align:right;
	padding:0 10px;
}
#tree
{
	float: left;
	margin: 0;
}


#content
{
	padding: .2em .3em 0 .3em;
	margin: 0;
	font-size: 1.2em; /* Sets base font size for Content Div to 12px */
	border-top: solid 4px #E2EBF2;
	float: right;
	width: 570px;
}
#footer, #footer_groot
{
	clear: both;
	margin-bottom: 1.6em;
	margin-top: 10px;
	height: 18px;
	border-top: solid 1px #aebf00;
}

#extra
{
	float: right;
	width: 200px;
}


/* rule section */
div#rule
{
	padding: 0;
	margin: 15px 12px .8em 16px;
	color: #aebf00;
	background-color: #aebf00;
	height: 1px;
}
#extra div#rule
{
	padding:0;
	margin:0;
}
#rule hr
{
	display: none;
}

#resultpager {padding-left:25px;}


/* Typography 
-----------------------------------  */
h1
{
	margin: 0;
	padding: 0;
	color: #075d8e;
	font-size: 1.65em; /* displayed at 20px */
	background-color: #EFF2CC;
}
h2
{
	color:#075d8e;
	font-size: 1.35em; /* displayed at 16px */
}
h3
{
	color:#075d8e;
	font-size: 1.05em;
}
p, li
{
	font-size: 11px; /* displayed at 11px */
}
p{margin:0 20px 10px 0;}

h1, h2, p
{
	margin-bottom: .8em;
	padding: 0 12px 0  16px;
}
h6
{
	position: relative;
	top: 12px;
	font-size: .75em; /* displayed at 9px */
	color: #ccc;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #fff;
	margin-right: 3em;
}
h6 a
{
	color:#ccc;
}
a
{
	cursor: hand;
	/*cursor: pointer;*/
	color: #006BA4;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em; /* displayed at 11px = 1.2*0.9*1 */
}
a:hover
{
	text-decoration: underline;
}

fieldset {border-left-width:0px; border-right-width:0px; margin-bottom:10px; padding-bottom:10px;}
fieldset legend {margin:0 0 10px 0; padding:0 5px;}
fieldset label {display:block; float:left; width:100px; margin-left:10px;}
fieldset #btnSearchNews {margin-left:10px;}

#search dl {display:inline; overflow:hidden; margin:0;}
#search dl dd, #search dl dt {display:inline; margin:0;}
#search dd.link {margin:0 5px;}


/*	content specific styles
------------------------------------------ */
#content ul { margin: .4em 12px .4em 16px;}
#content ul li { list-style-position: outside; list-style-type: disc; margin-left:15px;}
#content ol li { list-style-position: outside; margin-left:15px; list-style-type: decimal; }
#content li.pijltje { list-style-type: none; list-style-image: url(../media/pijltje_icon_wit.gif);}
#content div.listextra li { list-style-type: none; list-style-position:outside; margin-left: 0px;}

#content p q, #content p acronym, #content p abbr, #content p dfn { border-bottom: 1px dotted #000000; font-weight: bold; font-style: italic; }


#content table { width: 85%; border-collapse: collapse; margin: 0 12px .8em  16px;}
#content td { padding: .5em .5em .5em .5em;}

/*** IMAGES ***/ 

.image_top_left {display: block; margin-bottom: 15px;}
.image_top_middle {display: block; margin: 0 auto 15px auto;}
.image_bottom_left {display: block; margin-top: 15px;}
.image_bottom_middle {display: block; margin: 15px auto 0 auto;}
.image_align_right {float: right; padding: 0 0 0 15px;}
.image_align_left {float: left; padding: 0 15px 0 0;}

table.eyeRssFeed tr.rssHeader td { color: #006BA4; font-weight: bold; text-decoration: underline; }



br.clear { clear : both; height : 0; margin : 0;font-size : 1px; line-height : 0;}

/* styles wysiwyg controls
------------------------------------- */
#eyeEditMenu table { margin:0; width:auto; text-align:left;}
td.mceToolbarTop a {display:inline;}


/* styles in DB
------------------------------------- */

.kop_1 {color: #075d8e;}
.kop_2 {color: #075d8e;}
.link {color: #006BA4; text-decoration: none; font-weight: bold;}
.lijst {color: #000;}
.standaard {color: #000;}
.pivot_kop_1 {color: #075d8e;}

/* cascade standaard link
------------------------------------- */
div.content_head h1 { border-left: solid 1px #aebf00; border-top: solid 1px #aebf00; border-right: solid 1px #aebf00;}

a.standaard {color: #006BA4;}
.labels, label { COLOR: #075D8E; font-size: 12px; font-weight: bold; padding-top: 4px;}
.infotekst { color: #999; margin-left: 5px;}
.error { color:#f00; padding-left:5px; font-weight:400;}
#verplicht h6 { color:#075D8E;}

/*classes pager*/
div.pages{font-weight: bold;}
div.btn{margin: 5px 0 15px 0;}
div.btn input{font-size:0.9em;}
div.btn input.CurrentPage{font-weight: bold;}