body {
	font-family: Verdana, Arial;
}

.willebody {
	background:#FFFFFF url(../images/bg_body_roze.gif) repeat left top;
	margin:0;
	color:#000000;
}

div,
td,
p {
	font-size:12px;
	line-height:18px;
	color:#000000;
}

a,
a:link,
a:active,
a:visited
{
	color:#222222;
}

a:hover {
	color:#96C600;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

li {
	line-height: 0px;
	padding-left: 0px;
	padding-top: 0px;
}

/** To center the objects **/
.center {
	text-align:center!important;
}

/* ---------------------
template layout
--------------------- */

/** wrapper to make the page center **/
#container {
	width:1000px;
	margin: 0px auto;
	padding:0;
	text-align: left;
}

/**
hold background, it should be float:left
that's way we can not put it in #container
**/
#containerbg {
	position:relative;
	width: 1000px;
	background:transparent url(../images/bg_inside.jpg) repeat-y left top;
	float:left;
	top:0;
	left:0;
}

#logo {
	position:relative;
	width:100%;
	height:57px;
	float:left;
	background:#FFFFFF;
}

/** div container for top menu. position:top **/
#topmenu {
	position:relative;
	float:left;
	clear:left;
         height:24px;
	background-color:#000000;
	width: 100%;
}

/** div container for image header **/
#imgheader {
	position:relative;
	float:left;
	clear:left;
	width:100%;
	height:105px;
	background-color: #000000;
}

/** div container for left column **/
#leftcol {
	position:relative;
	float:left;
	clear:left;
         top:0;
         left:0;
	width:172px;
}

/** container for news **/
#news {
         padding: 0 0 0 10px;
         border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E5E5E5;
         border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
}

/** div container for main_path **/
#main_path {
         position:relative;
         height:20px;
	display:block;
	text-align:left;
         background-color:#ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
         	font-family: Arial;
         font-size:11px;
         font-color:#888888;
}

/** div container for mainbody **/
#content_main {
	position:relative;
	float:left;
	width:620px;
	min-height:475px;
	margin:15px 0px 20px 20px;
	background-color:#FFFFFF;
}

/** div container for right column **/
/** #rightcol_top, **/
#rightcol {
	float:left;
	clear:left;
	width:168px;
	margin:0 0 0 1px;
	display:inline;
	overflow:auto;
}

#blackline {
	position:relative;
	clear:left;
	float:left;
	width:830px;;
	height:15px;
	background-color: #000000;
}

/* ---------------------
mambo content layout
--------------------- */

/** content title **/
.componentheading {
	font-family: Verdana, Arial !important;
	color:#000000;
	font-size: 20px;
	line-height:5px;
	padding: 5px 0 5px 0;
	display:block;
}

.contentheading,
.contentpagetitle,
a.contentpagetitle:link,
a.contentpagetitle:active,
a.contentpagetitle:visited {
	font-family: Verdana, Arial !important;
	font-size:18px;
	color:#000000;
	padding-top: 25px;
	background-color:inherit;
	display:block;
}

.contentpaneopen
{
         color:#000000;
}

a.contentpaneopen:link,
a.contentpaneopen:active,
a.contentpaneopen:visited
{
         color:#333333;
}


.buttonheading {
	width: 16px!important;
	text-align:right;
}


td.sectiontableheader {
	font-weight: bold;
}

.category, .categorytitle {
	font-weight: bold;
	color:#000000;
	background-color:inherit;
}

.sectiontableentry1,
table.pollstableborder tr.sectiontableentry1 {
	background-color: #F9FFEA;
	padding: 2px;
	color:#333333;
	
}

.sectiontableentry2,
table.pollstableborder tr.sectiontableentry2 {
	background-color: #FFFFFF;
	padding: 2px;
	color:#333333;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
	word-wrap:break-word;
}

.comment-link, 
a.comment-link:link,
a.comment-link:active
{
         color:#333333;
}

/** blog Styles **/
.blogsection {
	color:#000000;
	background-color:inherit;
}

.blog_more {
	font-weight: bold;
	line-height: 25px;
	padding-top: 20px;
	color: #000000;
	border-bottom: 1px solid #E5E5E5;
	background-color:inherit;
}

/** small text in content **/
.small {
	color:#336600;
	font-size:10px;
	font-weight: normal;
	background-color:inherit;
}

/** news text in content **/
.news {
         font-size:10px;
	font-weight: normal;
	background-color:inherit;
}

.news a:hover {
         color: #FFFFFF;
}


/** date info in content **/
#content_main .createdate {
	color:#99CC00;
	font-size:10px;
	padding: 0 0 15px 0;
	line-height:8px;
	background-color:inherit;
}

#content_main .modifydate {
	color:#999999;
	font-size:10px;
	padding: 0;
	background-color:inherit;
}


/** sectie voor Virtuemart producten **/
.browseProductContainer {
	color:#DE4TD2;
	font-size:20px;
}

/** content item navigation  **/
.pagenavbar  {
	display:block;
	width:100%;
	background-color:inherit;
	height:20px;
	line-height:25px;
	text-align:right;
	letter-spacing:2px;
	color:#999999!important;
	clear:both;
	font-size: 11px!important;
	margin-top: 10px;
	background-image: url(../images/bg_pagenav.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;	
}

.pagenav {
	height:20px;
	line-height:25px;
	text-align:right;
	letter-spacing:2px;
	color:#999999;
	clear:both;
	font-size: 11px;
	margin-left: 0;
	margin-right: 0;
	background-color:inherit;
}

.back_button {
	display:block;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	width:100%;
	margin-bottom:10px;
	letter-spacing:2px;
}

/** highlight word search result **/
.highlight {
	font-weight:bold;
	background-color: #FFFF00;
	padding: 2px 0 2px 0;
	
}

/** table of content layout **/
table.contenttoc {
	border:1px solid #000000;
	padding:1px;
	width:130px;
	margin: 0 0 10px 10px;
}

/** table of content header **/
.contenttoc th {
	color:#333333;
	background-color:#666666;
	font-size:11px;
	display:block;
	width:124px;
}

/** unordered list for latest news module **/
ul.latestnews li,ul.mostread li {
	line-height: 18px;
	font-size:11px;
	font-weight:bold;
	list-style-type: none;
	list-style-position: outside;
}


/** fix opera table width for content list in table category**/
table.contentpane td.contentdescription {
	width:100%!important;
}

/*TOPMENU*/
#topmenu a, #topmenu a:link, #topmenu a:active
{
	font-size: 12px;
	height:24px;
	line-height: 24px;
         margin: 0px;
	padding:0 0 0 20px;
	text-decoration: none;
	color: #DDDDDD;
	overflow:hidden;
}

#topmenu a:hover
{
	font-size: 12px;
	height:24px;
	line-height: 24px;
         margin: 0px;
	padding:0 0 0 20px;
	text-decoration: none;
	color: #ffab3f;
	overflow:hidden;
}


/*LEFTCOL MENU*/
#leftcol ul.menu li a, #leftcol ul.menu li a:link, #leftcol a, #lefcol a:link
{
	display:block;
	font-size: 12px;
	height:30px;
	line-height: 30px;
	padding:0 0 0 20px;
	text-decoration: none;
         font-weight:bold;
	color: #000000;
	overflow:hidden;
	background: transparent url(../images/menu_blok.gif) no-repeat left center;
}


#leftcol ul.menu li a:hover, #leftcol a:hover
{
	color: #FFFFFF;
	background: transparent url(../images/menu_blok.gif) no-repeat left center;
}

/*LEFT COL CURRENT LINK*/

#leftcol ul.menu li#current, #leftcol ul.menu li#active
{
	display:block;
	font-size: 12px;
	height:30px;
	line-height: 30px;
/**	padding:0 0 0 20px;**/
	text-decoration: none;
	color: #DDDDDD;
	overflow:hidden;
	background: transparent url(../images/menu_blok.gif) no-repeat left center;
}


#leftcol ul.menu li#current a, #leftcol ul.menu li#current a:link, 
{
	display:block;
	color: #DDDDDD;
	background: transparent url(../images/menu_blok_hover.gif) no-repeat left center;
}

/** container for news **/
#news {
         font-family: Arial;
         font-size:20px;
}

/*RIGHTCOL MENU*/
#rightcol ul.menu li a, #rightcol ul.menu li a:link
{
/**	display:block; **/
	font-size: 12px;
	height:30px;
	line-height: 30px;
	padding:0 0 0 20px;
	text-decoration: none;
         font-weight:bold;
	color: #CCCCCC;
	overflow:hidden;
}


#rightcol ul.menu li a:hover
{
	color: #96C600;
}

/*RIGHT COL CURRENT LINK*/

#rightcol ul.menu li#current
{
/**	display:block; **/
	font-size: 12px;
	height:30px;
	line-height: 30px;
/**	padding:0 0 0 20px; **/
	text-decoration: none;
	color: #555555;
	overflow:hidden;
}


#rightcol ul.menu li#current a, #rightcol ul.menu li#current a:link, 
{
/**	display:block; **/
	color: #555555;
}