/********************************************************************************************
http://www.rikcoolsaet.be

author: Brendan Coolsaet 
date: october 2006
********************************************************************************************/

body{
	background-color:#CCC;
	margin: 0px;
	text-align:center;
	background-position:center;
	background-image:url(../images/back2.gif);
	background-repeat:repeat-y;

}

/**********************************************
Hide text created for CSS disabled browsers
**********************************************/

.no-style {
	display:none;
}

/********************************************************************************************
Page Container
********************************************************************************************/

#page 
{
	position:relative;
	left:0px;
	top:0px;
	width:760px;
	height:auto;
	margin:0px auto;

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

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

/**********************************************
menu container
**********************************************/
#menu {
	position:relative;
	height: 72px;
	left:0px;
}

#head {
	position:relative;
	left:0;
	top:0;
	width:760px;
	height:72px;
	background:url(../images/headindex.gif) 0 0 no-repeat;
	display:block;
	border:none;
}


/********************************************************************************************
Content
********************************************************************************************/

/* content container */
#content{
	position:relative;
	margin:0 auto;
	width:760px;
	text-align:left;
}

#forms {
	width:760px;
	background-color:#eeeedd;
	/*background-image:url(../images/owl.gif);
	background-repeat:no-repeat;
	background-position:5% 199%;*/
}

/* GROUPS container */
#groups {
	width:444px;
	margin:0 auto;
	height:190px;
	text-align:center;

}

#content .text{
	margin:0 auto;
	width:444px;
	padding-bottom:20px;

}

#L {
	margin-right:1em;
	text-align:right;
}

#groups a.small {

	width:142px;
	height:167px;
	background:url(../images/box.gif) 0 0 no-repeat;
	float:left;
	text-align:center;
	display:block;
	border:none;
	text-decoration:none;
	margin-top:1em;
}


#groups .groupb a{
	margin-left:8px;
}

#groups a.small:hover {
	background-position: -142px 0;
}


#groups .group h1 {
	margin-top:63px;
	margin-left:-3px;
}

#groups .groupb h1 {
	margin-top:63px;
	margin-left:-3px;
}



h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#369;
	margin-bottom:1em;
	margin-top:1em;

}

p  {

	margin-top:1em;
}