/********************************************************
*
*	stylesheet initializing Sint-Truiden website
*
********************************************************/

* {margin:0; padding:0; font-size: 1em;} /*apply default to all elements*/

HTML {border: 0;}

BODY
{
	font-family: Arial;
	font-size: 62.5%;/*10px;*/ /* Sets base font size for site to 10px (because 62.5% of 16px [default browser font size] = 10px)   */
	background-color: #F2F2F2;
	
/*	background-image: url(../media/sinttruiden_gis_scroller2.gif);
	background-repeat: no-repeat;
	background-position: left top; */
	
    color: #142B88;
}

DIV#tree
{
	float: left;
	width: 240px;
}

DIV#logo_top
{
	width: 240px;
	height: 126px;
	background-image: url(../media/logo_links_boven.jpg);
	background-repeat: no-repeat;
	float: left;
}

DIV#searchbar
{
	margin: 0 23px 0 16px;
	padding: 6px 0 6px 0;
	border-bottom: solid 2px #202D7B;
	text-align: center;
}

DIV#tree_structure
{
	float: left;
	clear: both;
	margin-left: 16px;
	width: 224px;
	padding-bottom: 20px;
}

DIV#logo_bottom
{
	width: 240px;
	height: 100px;
	background-image: url(../media/logo_links_onder.jpg);
	background-repeat: no-repeat;
	float: left;
	clear: both;
}

DIV#content
{
	float: left;
	margin-left: 6px;
	padding-right: 58px;
	width: auto;
	font-size: 1.2em;
	
	/*background-image: url(../media/bannerTest.JPG);*/
	background-repeat: no-repeat;
	background-position: left top;
}


DIV#breadcrumb
{
	padding: 10px 0 16px 0; 
}

DIV.paragraaf
{
	margin-bottom: 15px;
	clear: both;
}

DIV#footer
{
	margin-top: 30px;
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
}

H1
{
	padding-left: 10px;
	/*width: 710px;*/
	width: auto;
	height: 20px;
	border-bottom: solid 2px #202D7B;
}

.kop1
{
	color: #DE2D1D;
	font-size: 1.34em;
}

.tekst
{
	margin: 6px 0 0 10px;
}

IMG
{
	clear: both;
}

INPUT
{
	font-family: Arial;
	font-size: 1.2em;
	color: #142B88;
}

DIV.paragraaf UL, DIV.paragraaf LI
{
	list-style-type: disc;
	list-style-position: inside;
}

.footertekst
{
	font-size: .8em;
	color: #9C9C9C;
}

A, A.tekst
{
	color: #142B88;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

DIV#breadcrumb A
{
	text-decoration: none;	
}

DIV.lvl1, LAYER.lvl1
{
	float: left;
	margin: 6px 0 2px 0;
	clear: both;
	width: 224px;
	height: 20px;
}

DIV.lvl1 DIV.img, LAYER.lvl1 DIV.img
{
	float: left;
}

DIV.lvl1 DIV.a, LAYER.lvl1 DIV.a
{
	float: left;
	margin-left: 6px;
	width: 206px;
}

DIV.lvl1 DIV A, LAYER.lvl1 DIV A
{
	text-decoration: none;
	font-weight: bold;
	font-size: 1.35em;
}



DIV.lvl2, LAYER.lvl2
{
	width: 204px;
	color: #5F5F5F;
	float: left;
	clear: both;
	padding: 0 0 0 20px;
}

DIV.lvl2 DIV.img, LAYER.lvl2 DIV.img
{
	float: left;
}

DIV.lvl2 DIV.a, LAYER.lvl2 DIV.a
{
	margin: 0 3px 3px 3px;
	float: left;
}

DIV.lvl2 DIV A, LAYER.lvl2 DIV A
{
	color: #5F5F5F;
	font-size: 1.25em;
	text-decoration: none;
}

DIV.lvl2 A:active, DIV.lvl2 A:hover, LAYER.lvl2 A:active, DIV.lvl2 A:hover
{
	text-decoration: underline;
}


DIV.lvl3, LAYER.lvl3
{
	width: 184px;
	padding: 1px 0 2px 40px;
	font-size: 1.15em;
	float: left;
	clear: both;
}

DIV.lvl3 DIV.img, LAYER.lvl3 DIV.img
{
	float: left;
}

DIV.lvl3 DIV.a, LAYER.lvl3 DIV.a
{
	margin-right: 3px;
	float: left;
}

DIV.lvl3 DIV A, LAYER.lvl3 DIV A
{
	text-decoration: underline;
}


#btnSearch
{
	vertical-align: bottom;
}