/* CSS & Site created and designed by 
  > CSS & Coding : Bart Seyen
  > Design by : Peter Derwa & Bart Seyen	
  > © Famca Informatica : http://www.famca.be
--------------------------------------------------------------------*/  

/* --------------------------------- MAIN ADJUSTMENTS ----------------------- */
html { height: 100%; }
body {
	height:100%;
	text-align: center;
	padding: 0;
	margin: 0;
	background-color:#255a14;
	
}
/* --------------------------------- // MAIN ADJUSTMENTS // ----------------------- */

/* --------------------------------- CONTENT POSITIONING ----------------------- */
/* --------------------------------- Main Content ----------------------- */


#container {
	width:900px;
	position:relative;
	text-align: left;
	width: 900px;
	padding: 0px;
	margin:0;
	margin-left: auto;
	margin-right: auto;

}

html,container{
height:100%;
}



#header{
width:900px;
margin:0;
padding:0;
height:150px;
border:#FFFFFF 1px solid;
background-image:url(images/header1.jpg);
background-repeat:repeat-x;
text-align:center;
}


/* --------------------------------- // Header // ----------------------- */
#header img{
float:left;
}

#header #title{
width:828px;
height:138px;
padding:0;
margin:0;
}

#header #title h1{
position:relative;
font-family:tahoma;
font-size:20px;
font-weight:bold;
color:#FFFFFF;
margin:0;
padding:0;
margin-top:50px;
margin-left:10px;

}
/* --------------------------------- // Header // ----------------------- */

/* --------------------------------- // Menu's // ----------------------- */
#menu{

width:900px;
margin:0;
padding:0;
border:#FFFFFF 1px solid;
height:25px;
background-image:url(images/m_bg.gif);
background-repeat:repeat-x;
}

#menu table{
height:22px;
margin:0;
padding:0;

}

#menu div{
padding-top:2px;

}

#menu ul,li {
display:inline;
 }
 
 #menu ul p{
 display:inline;
 }

#content {
	float:left;
	width:900px;
	border:#FFFFFF solid 1px;
	height:100%;
	background-image:url(images/c_bg.jpg);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	
}

#content #left{
width:200px;
float:left;
height:100%;


}


#content #right{
width:699px;
float:right;
height:100%;
border-left:#c6c7cc 1px solid;
}

#content #right div{
width:95%;
margin-left:auto;
margin-right:auto;
text-align:justify
}




/* --------------------------------- // TEXT // ----------------------- */
/* --------------------------------- // menu Links // ----------------------- */

#menu a:link{

color:#507283;
text-decoration:none;
font-family:Tahoma;
font-weight:normal;
font-weight:bold;
font-size:14px;
}
#menu a:active{

color:#507283;
text-decoration:none;
font-family:Tahoma;
font-size:14px;
font-weight:normal;
font-weight:bold;
}
#menu a:hover{

color:#636363;
font-weight:bold;
text-decoration:none;
border-bottom:#FFFFFF solid 1px;
border-top:#FFFFFF solid 1px;
border-spacing:8px;
font-family:Tahoma;
}

#menu a:visited{

color:#507283;
text-decoration:none;
font-family:Tahoma;
font-size:14px;
font-weight:normal;
font-weight:bold;
font-size:14px;
}


/* --------------------------------- // left Links // ----------------------- */

#left a:link{
margin-left:15px;
color:#8F7D64;
text-decoration:none;
font-family:Tahoma;
font-size:13px;
}
#left a:active{
margin-left:15px;
color:#8F7D64;
text-decoration:none;
font-family:Tahoma;
font-size:13px;
font-weight:bold;
}
#left a:hover{
color:#90ab93;
font-weight:bold;
text-decoration:none;
border-bottom:#FFFFFF solid 1px;
border-spacing:8px;
font-family:Tahoma;
font-size:13px;
}

#left a:visited{
margin-left:15px;
color:#8F7D64;
text-decoration:none;
font-family:Tahoma;
font-size:13px;
}


#left ul{
list-style-image:none;
list-style:none;
margin:0;
margin-left:11px;
padding:0;
/*border-right:#00FF00 1px solid;*/
}


#right h1 {
font-size:17px;
color:#e4e4e4;
font-style:italic;
}

#right h2 {
font-size:14px;
margin:0;
padding:0;
}

/* --------------------------------- // left Links // ----------------------- */

/* --------------------------------- // Right Text // ----------------------- */
#content #right, div p{
font-size:12px;
font-family:tahoma;
color:#BDBDBD;
}