/************************************
SerenDipiTY_ic. | Mixed media design
                  www.serendipity.be
************************************/

/*******************************
 LAYOUT FUNDAMENTALS
*******************************/
HTML, BODY {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../_img/bg_body.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top;
}
TD {
	vertical-align: top;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #777744;
	text-align: left;
	line-height: 1.5;
}
#baseheader {
	height: 170px;
	padding: 0;
	text-align: center;
	background-image: url(../_img/bg_top.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: top;
}
#baseheader-photo {
	height: 40px;
	padding: 0;
	text-align: center;
	background-image: url(../_img/bg_top.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: top;
}
#basemiddle {
	padding: 0;
	text-align: center;
	vertical-align: top;
	background-image: url(../_img/bg_middle.gif);
}
#basefooter {
	height: 30px;
	padding: 0;
	text-align: center;
	background-image: url(../_img/bg_bottom.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: bottom;
}
#header {
	width: 950px;
	height: 170px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	text-align: left;
	background-image: url(../_img/bg_header.gif);
}
#header-photo {
	width: 950px;
	height: 40px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	text-align: left;
	background-image: url(../_img/bg_header-photo.gif);
}
#footer {
	width: 950px;
	height: 30px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	text-align: left;
	background-image: url(../_img/bg_footer.gif);
}
#maincolumn1 {
	width: 180px;
	text-align: left;
	vertical-align: top;
	background-color: #F6F6F6;
}
#maincolumn2 {
	width: 540px;
	text-align: left;
	vertical-align: top;
	background-image: url(../_img/bg_content.gif);
}
#maincolumn3 {
	width: 190px;
	text-align: left;
	vertical-align: top;
	background-color: #EEEEEE;
}
#maincolumn23 {
	width: 730px;
	text-align: left;
	vertical-align: top;
	background-image: url(../_img/bg_content23.gif);
}
#maincolumn4 {
	width: 40px;
	text-align: left;
	vertical-align: top;
	background-image: url(../_img/bg_maincolumn4.gif);
}
/*******************************
 NAVIGATION FUNDAMENTALS
*******************************/
#breadcrumbs {
	padding-left: 180px;
	font-size: 7pt;
	height: 20px;
}
A:link.breadcrumb    {color: #999966; text-decoration: underline;}
A:visited.breadcrumb {color: #999966; text-decoration: underline;}
A:active.breadcrumb  {color: #999966; text-decoration: underline;}
A:hover.breadcrumb   {color: #000000; text-decoration: underline;}

/* ***** GENERAL HYPERLINKS ***** */
A:link    {color: #333366; text-decoration: underline;}
A:visited {color: #333366; text-decoration: underline;}
A:active  {color: #333366; text-decoration: underline;}
A:hover   {color: #999966; text-decoration: underline;}

/* ***** VERTICAL MENU ***** */
#v_menu   {
	width: 180px;
	background: #F6F6F6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.lvl01	  {text-align: left; display: block; border-top: solid 1px #F6F6F6; border-bottom: solid 1px #EFEFEF;
	font-family: "Trebuchet MS", "MS Sans Serif"; font-size: 11px;
	padding: 4px 10px 4px 30px;
	display: block;
	height: 20px;
}
a.lvl02	  {text-align: left; display: block; border-top: solid 1px #F6F6F6; border-bottom: solid 1px #EFEFEF;
	font-family: "Trebuchet MS", "MS Sans Serif";
	font-size: 11px;
	padding: 4px 2px 4px 44px;
	display: block;
}
a.lvl03	  {text-align: left; display: block; border-top: solid 1px #F6F6F6; border-bottom: solid 1px #EFEFEF;
	font-size: 7pt;
	padding: 2px 2px 2px 64px;
	display: block;
}
a.pointer	  {text-align: left; display: block; border-top: solid 1px #DDDDDD; border-bottom: solid 1px #DDDDDD;;
	font-family: "Trebuchet MS", "MS Sans Serif"; font-size: 11px;
	padding: 4px 10px 4px 30px;
	display: block;
	height: 20px;
}

a:link.lvl01	{color: #646442; background-color: #F6F6F6; text-decoration: none;}
a:visited.lvl01	{color: #646442; background-color: #F6F6F6; text-decoration: none;}
a:hover.lvl01	{color: #000000; background-color: #EEEEEE; text-decoration: none; border-top: solid 1px #DDDDDD; border-bottom: solid 1px #DDDDDD;}

a:link.lvl02	{color: #999966; background-color: #FFFFFF; text-decoration: none;}
a:visited.lvl02	{color: #999966; background-color: #FFFFFF; text-decoration: none;}
a:hover.lvl02	{color: #000000; background-color: #EEEEEE; text-decoration: none; border-top: solid 1px #DDDDDD; border-bottom: solid 1px #DDDDDD;}

a:link.lvl03	{color: #666666; background-color: #FFFFFF; text-decoration: none;}
a:visited.lvl03	{color: #666666; background-color: #FFFFFF; text-decoration: none;}
a:hover.lvl03	{color: #000000; background-color: #EEEEEE; text-decoration: none; border-top: solid 1px #DDDDDD; border-bottom: solid 1px #DDDDDD;}

a:link.pointer		{color: #646442; background-color: #EEEEEE; text-decoration: none;}
a:visited.pointer	{color: #646442; background-color: #EEEEEE; text-decoration: none;}
a:hover.pointer		{color: #000000; background-color: #DEDEDE; text-decoration: none;}

/*******************************
 CONTENT
*******************************/

.contentbody	{
	padding: 20px 20px 20px 20px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #777744;
	text-align: left;
	line-height: 1.5;
}
.newsbody {
	padding: 20px 20px 20px 20px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #777744;
	text-align: left;
	line-height: 1.5;
	background-image: url(../_img/bg_content_newsbody.gif);
	background-position: top;
	background-repeat: no-repeat;
}
.title01 {
	padding: 0px 0px 2px 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 28px;
	/*font-weight: bold;*/
	color: #003366;
}
.title02 { 
	padding: 0px 0px 2px 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999966;
}


/* ***** PAGES - documentatie ***** */
a.documentatielabel	  		{font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif; display:block;}
a:link.documentatielabel	{color: #646442; text-decoration: none;}
a:visited.documentatielabel	{color: #646442; text-decoration: none;}
a:active.documentatielabel	{color: #646442; text-decoration: none;}
a:hover.documentatielabel	{color: #FFFFFF; background: #646442; text-decoration: none;}

/* ***** PAGES - right itemlist ***** */

.right_itemlist   		{padding: 10px; font-size: 11px; color: #646442;}
.right_item_title 		{font-family: "Trebuchet MS", "MS Sans Serif"; font-size: 10pt; font-weight: bold;}
.right_item_img 		{margin: 0px 0px 4px 0px;}
a.right_item	  		{font-size: 7pt; padding: 10px; display: block; border-bottom: solid 1px #BCBCBC;}
a:link.right_item		{color: #646442; text-decoration: none;}
a:visited.right_item	{color: #646442; text-decoration: none;}
a:active.right_item		{color: #646442; text-decoration: none;}
a:hover.right_item		{color: #000000; background: #FFFFFF; text-decoration: none; border-bottom: solid 1px #BCBCBC;}

/* ***** PAGES - right picto ***** */

a.right_picto	  		{font-size: 7pt; padding: 4px 0px 4px 10px; display: block; border-bottom: solid 1px #CDCDCD;}
a:link.right_picto		{color: #646442; text-decoration: none;}
a:visited.right_picto	{color: #646442; text-decoration: none;}
a:active.right_picto	{color: #646442; text-decoration: none;}
a:hover.right_picto		{color: #003366; background: #FFFFFF; text-decoration: none;}

/* ***** HOME - homer ___ doorheen heel de site gebruikt (list) ***** */
/*
.homer_title	{font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding: 10px 20px 0px 20px;}
.homer_text		{font-size: 10px; padding: 0px 20px 30px 20px;}
.listimg  		{float:left; margin: 6px 16px 6px 16px;}
a.homer	  		{display:block; border-bottom: solid 1px #CCCCCC;}
a:link.homer	{color: #646442; text-decoration: none; background: #BBBBFF;}
a:visited.homer	{color: #646442; text-decoration: none; background: #BBBBFF;}
a:active.homer	{color: #646442; text-decoration: none; background: #BBBBFF;}
a:hover.homer	{color: #333366; text-decoration: none; background: #F6F6F6;}

.homer_title	{font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding: 2px 20px 0px 20px;}
.homer_text		{font-size: 10px; padding: 0px 20px 20px 20px;}
.listimg  		{float:left; margin: 6px 16px 6px 16px;}
a.homer	  		{display:block; border-bottom: solid 1px #CCCCCC;}
a:link.homer	{color: #646442; text-decoration: none; background-image: url(../_img/list_bg.gif);}
a:visited.homer	{color: #646442; text-decoration: none; background-image: url(../_img/list_bg.gif);}
a:active.homer	{color: #646442; text-decoration: none; background-image: url(../_img/list_bg.gif);}
a:hover.homer	{color: #333366; text-decoration: none; background-image: url(../_img/list_hover.gif);}*/

/* ***** - listtable ___ (vervangen door homer ? ... firefox ? ) ***** */

.listtable_img {
	border-bottom: 1px solid #CCCCCC;
	/*border-left: 8px solid #999966;*/
	width: 120px;
	padding: 10px 0px 10px 20px;
	vertical-align: top;
}
.listtable_txt {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 10px 10px 10px 10px;
	vertical-align: top;
	font-size: 10px;
}
.listtable_colspan {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 10px 10px 10px 20px;
	vertical-align: top;
	font-size: 10px;
}
.listtable_title {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
a:link.listtable	{color: #003366; font-size: 10px; text-decoration: none;}
a:visited.listtable	{color: #003366; font-size: 10px; text-decoration: none;}
a:active.listtable	{color: #003366; font-size: 10px; text-decoration: none;}
a:hover.listtable	{color: #003366; font-size: 10px; text-decoration: underline;}


/* ***** HOME - urllist ***** */

.urllisthead {
	font-family: Arial, Helvetica, sans-serif;
	color: #646442;
	font-size: 8pt;
	vertical-align: top;
	height:25;
	cursor:hand;
	padding: 2px 2px 2px 2px;
}
.urllistsub {
	padding: 10px 0px 0px 0px;
}
a.home_urlitem  {
	display: block; 
	border-bottom: solid 1px #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 2px 2px 2px 2px;
	display: block;
}
a:link.home_urlitem		{color: #999966; text-decoration: none;}
a:visited.home_urlitem	{color: #999966; text-decoration: none;}
a:active.home_urlitem	{color: #999966; text-decoration: none;}
a:hover.home_urlitem	{color: #FFFFFF; background-color: #999966; text-decoration: none;}

/* ***** HOME - telefoon ***** */

.home_telefoon {
	font-family: "Trebuchet MS", "MS Sans Serif";
	font-size: 7pt;
	color: #003366;
	text-align: left;
	/*padding: 0px 20px 10px 22px; (rechterbalk)*/
	padding: 0px 20px 10px 30px;
}

/*******************************
 FORMS
*******************************/

/* ***** FORM - right search ***** */

form.right_search {
height: 20px;
font-size: 7pt; 
display: block; 
background-color: #DEDEDE; 
border-bottom: solid 1px #CDCDCD;  
text-align: center; 
padding: 4px 4px 4px 4px; 
margin: 0px;
}
.searchfield {
background-color: #F6F6F6;
border-color: #CCCCCC;
border-style: solid;
border-width: 1;
color: #666666;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
}
.searchbutton {
cursor: hand;
background-color: #BBBBBB;
border-color: #DEDEDE;
border-style: solid;
border-width: 1;
color: #FFFFFF;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-style: bold;
}