/*** © LCP nv - OCMW Maasmechelen ***/

/*** wim.dury@lcpnet.com ***/

/*** HTML ****************************/

html,body,form {
	min-height: 100%;
	height:100%;	
	margin: 0;
	padding: 0;
}
body{
	background: #FFF url(/images/bg.jpg) repeat-y left top;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #01692C;
	font-size: 68.75%;/*was 10px; nu 11px*/
	scrollbar-face-color: #ADC3F5;
	scrollbar-track-color: #F5F6EA;
	scrollbar-arrow-color: #00466A;
	scrollbar-shadow-color: #B3B3B3;
	scrollbar-highlight-color: #E5ECF0;
}
table{
	font-size: 1em; /* 100% */
	margin: 0 0 10px 0;
	padding: 0;
}
td{ 
	font-size: 1em; /* 100% */
	margin: 0;
	padding: 0;
}
a{
	color: #312809;
	text-decoration: none;
	font-weight: bold;
}
a:hover{color: #B7B7B7;}
p{ margin-left:0;}
img{border: 0;}
input, select{
	background: #F9FBF8;
	color: #01692A;
	border: 1px solid #8EBB24;
	font-size: 1.1em; /*  110% */
	padding: 1px 0 1px 1px;
}
input.btn{
	background: #8FBA22;
	color: #01692C;
	border: 1px solid #8FBA22;
	font-size: 0.9em;/* 90% */
	height: 17px;
	padding: 0;
}
ul {
	}
hr{
	height: 1px;
	color: #BDE2CA;
	border: 0;
	border-bottom: 1px solid #EFF1DB;
	margin-right: 10px;
}
/** FONTS ****************************/

/** Menu ********************/

#mainmenu .level2 TD, #mainmenu .level2_hover TD,
#mainmenu .level2_expanded TD, #mainmenu .level2_disabled TD,
#mainmenu .level3 TD, #mainmenu .level3_hover TD, 
#mainmenu .level3_disabled TD{
	font-size: 0.9em;/* 95% - 10px*/
}


/** HEADERS ******************/

H1,H2,H3,H4,H5,H1 a,H2 a,H3 a,H4 a,H5 a{
	font-variant: small-caps;
	font-weight: bold;	
	width: 100%;	
}
H1,H2,H3,H4,H5{margin: 0 0 5px 0;}
H1{
	font-size: 2.1em;/* 210% */
	color: #8FBA22;
	border-bottom: 1px solid #00983F;
}
H1 a, H1 a:link{color: #8FBA22;}
H1 a:visited{color: #8FBA22;}
H1 a:active{color: #8FBA22;}
H1 a:hover{color: #B5B3B3;}

H2{
	font-size: 1.8em;/* 160% */
	color: #008641;
	border-bottom: 2px dotted #8FBA22;
}
H2 a, H2 a:link, H2 a:visited, H2 a:active{
color: #008641; font-weight: bold;}
H2 a:hover{color: #B5B3B3;}

H3{
	font-size: 1.5em;/* 150% */
	color: #9B8D64;
	font-weight: bold;
	border-bottom: 1px solid #9B8D64;
}
H3 a, H3 a:link, H3 a:visited, H3 a:active{
color: #9B8D64; font-weight: bold;}
H3 a:hover{color: #B5B3B3;}

H4{font-size: 1.3em;/* 130% */ color: #9B8D64; font-weight: bold;}
H4 a, H4 a:link, H4 a:visited, H4 a:active{
color: #9B8D64; font-weight: bold;}
H4 a:hover{color: #B5B3B3;}

H5{font-size: 1.2em;/* 120% */ color: #9B8D64; font-weight: bold;}
H5 a, H5 a:link, H5 a:visited, H5 a:active{
color: #9B8D64; font-weight: bold;}
H5 a:hover{color: #B5B3B3;}

H6{font-size: 1em;/* 100% */ color: #312809;	font-weight: bold;}
H6 a, H6 a:link, H6 a:visited, H6 a:active{
color: #312809; font-weight: bold;}
H6 a:hover{color: #B5B3B3;}


/** OTHER ******************/
#welkom h1{
	font-size: 1.8em;/* 180% */
}
#mainmenu {
	font-size: 1.1em;/* 120% - 12px*/
}
#topmenu, #zoek, #htp{
	font-size: 0.9em;/*10px;*/
}
#mainmenu .level3_expanded TD{
	font-size: 0.8em/* 90% - 9px;*/
}
#nieuws .title, #doorzoek {
	font-size: 1.1em;/* 110% */
}
#nieuws .meer{
	font-size: 0.8em;/* 90% - 9px*/
}
#footer, #logo{
	font-size: 9px;/* 90% */
}