* {
	font-family: arial;
	font-size: 12px;
	color: #5e2c2c;
} 

/* *************      B A S I C   E L E M E N T S       **********************/

/* Note that the body is visible only in the border area of the site */
BODY {
	padding: 0px;
	padding-top: 0px;
	background-color: White;
	background-image:url(body_bg.jpg);
	background-attachment:fixed;
	text-align: center;
} 

BODY#statistics {
	padding: 0px;
	background-color: White;
	text-align: center;
	background-image:none;
} 

h1, h2, h3, h4 {
	color: #EF0D48;
	font-family: verdana,helvetica,sans-serif;
  font-weight : bold;
  margin: 0px;
} 

h1 { 
  font-size : 18px;
  margin-bottom: 10px;
} 
h2 { 
  font-size : 16px;
  margin-bottom: 10px;
} 
h3 { 
  font-size : 14px;
  margin-bottom: 10px;
} 

h4 { 
  font-size : 13px;
  margin-bottom: 10px;
} 

h5 { 
	font-family: arial;
  font-size : 13px;
  margin-bottom: 10px;
} 

h6 {
	/* same style as bold in articles and text, but different color, preferably main supporting color */
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
	color:#EF0D48;
} 

/* generic style for links */
A {
	text-decoration: underline;
	color: #EF0D48;
} 

A:hover {
  color: #F73D90;
}

/* carefull, having a 'visited' at this level will cause all siblings to have one */
/* A:visited {
	text-decoration: underline;
	color: #EF0D48;
} 
*/

DIV {
   margin-left:auto;
   margin-right:auto;
}

TABLE { 
  border : 0;
  border-collapse : collapse;
  background-color : transparent;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  margin-top:0px;
} 

TR { 
  border : 0;
} 

TD { 
  border : 0;
  text-align : left;
  padding : 0px;
} 

TH {
	border: 0;
	text-align: center;
	padding: 5px;
	font-size: 13px;
	color: White;
	background-color: #EF0D48;
	/* please do not define a bg image at this level */
} 

/* this applies also to button style input elements! */
input [type=image] { 
  border : 0;
  margin : 0;
  background : transparent; /* so buttons do not get a white border */
  color : black;
  padding : 3px;
} 

input [type=radio] { 
  border : 0;
  margin : 0;
  background : transparent; /* so buttons do not get a white border */
  color : black;
  padding : 3px;
} 

input [type=checkbox] { 
  border : 0px;
  background : white;
  color : black;
} 


input[type=submit] {
  background-color: #EF0D48;
  color: White;
  border: 1px solid #F73D90;
}

BUTTON {
  background-color: #EF0D48;
  color: White;
  border: 1px solid #F73D90;
}

img {
	border: 0px;
}

HR {
	color: #F73D90;
}





/* ************************* G L O B A L   S T Y L E S  ***********************/

.label {
	color: #ff6600;
	font-weight: bold;
}

.info { 
  color : #f07900;
} 

.date { 
	color : #f07900;
	font-weight : normal;
} 

.update {
	color: #f07900;
	font-style: italic;
	text-align: right;
}

div.container {
  text-align:center;
  margin:0px;
  padding:0px;
}

.counter {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: bold;
	background-color: transparent;
	color: #EF0D48;
}

/* a class for small superscript text as used to alert a new item in the menu */
.tiny_super {
  font-size: 9px;
  vertical-align:top;
  color:Yellow;
}

a.attention {
    color: orange;
    text-decoration:underline;
}

A.read_more {
  color: orange;
  text-decoration:none;
  padding-left:13px;
  background-image: url(icon_follow.gif);
  background-repeat:no-repeat;
	background-position: bottom;
	background-position: left;	
	margin-top:3px;
	display:block;
  vertical-align:top;
}

A.read_more:hover {
  color: orange;
  text-decoration:underline;
  padding-left:13px;
  background-image: url(icon_follow.gif);
  background-repeat:no-repeat;
	background-position: bottom;
	background-position: left;	
	margin-top:3px;
	display:block;
  vertical-align:top;
}

/* ************************************************************************** */
/* ********************* P A G E   L A Y   O U T  *************************** */
/* ************************************************************************** */

#page {
	width: 980px;
	background-color: White;
	background-image:url(page_bg.jpg);;
	background-repeat:no-repeat;
	/* center the page */
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	text-align:center; /* new, does this affect in a negative way? */
} 

@media handheld {
   #page {
	  width:480px;
	  background-color:red; 
	}
}



/* ************************** M E N U  O N   T O P  ************************* */

#ontopmenu {
	background-color: transparent;
	padding: 3px;
	overflow: hidden;
	margin:0px;
	color: color4; /* colors the seperators */
} 

#ontopmenu ul{
	text-align: right;
	padding: 0px;
	margin:0px;
	margin-right:10px;
}

#ontopmenu li{
	display:inline;
	list-style:none;
	padding-left: 5px;
	color: color4; /* colors the seperators */
}

#ontopmenu A{ 
	color: color4;
	text-decoration: none;
} 

#ontopmenu A:hover{ 
	color: color4;
	text-decoration: underline;
} 

/* ********************************* H E A D E R **************************** */
/* this wraps around login menu and sub menu area */

#header {
  background-color: transparent;
	background-image:url(header_bg.jpg);
	background-repeat: no-repeat;
	height:;
}

/* ******************************  L O G I N  ****************************** */

#login {
	background-color: transparent;
	
	background-repeat: no-repeat;
	background-position: top left;
	height: 70px;
	overflow: hidden;
} 

/* doet wel degelijk iets!*/
#login ul{
	text-align: left;
	padding-top:3px;
	padding-left:20px;
	margin:0px;
}

#login li{
	padding: 3px;
	font-weight: normal;
	list-style: none;
	display: inline;
	color : #F73D90;
}

#login li.status{
	padding: 3px;
	font-weight: bold;
	list-style: none;
	display: inline;
	color : #F73D90;
}

/* this applies to both the text input field as to the button so don't combine with INPUT.login */
#login li input{
	vertical-align:middle;
}

INPUT.login {
	background-color: White;
	border: 1px solid #417EFF;
	padding: 2px;
} 

/* forgotten password */
#login A{
	text-decoration : underline;
	color : #F73D90;
} 

#login A:hover {
	text-decoration: underline;
} 

#username {
	font-weight: bold;
	color: #EF0D48;
}


/* ***************************  M A I N  M E N U  *************************** */

#mainmenu { 
	background-color: transparent;
	
	background-repeat: no-repeat;
	background-position: left top;

	/* hide overflowing edges of tabs/list */
	overflow: hidden;
	padding-top: 3px;
	height: 25px; /*keep this, only this makes height equal in all 3 browsers */
  vertical-align:top;
  padding-left:20px;
}

#mainmenu ul {
	padding: 0px;
	margin:0px;
	text-align: left;
  margin-left:20px;
  margin-top:1px;
} 


#mainmenu li {
	margin-top:0px; /* or else pushes elements down unpredictably in IE */
	background-color: transparent; /* if you want to use graphic menu tabs */
	background-image: url(tab_gray.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 1px; /* changing this only cuts the visible area off, but keep 1! */
	padding-left: 12px;
	list-style: none;
	display: inline;
	padding-bottom:12px; /* this pushes visibility bottom down so all of the background becomes visible */
	height: 25px;
} 



#mainmenu li.close {
  margin-top:0px; 
	background-color: transparent; /* if you want to use graphic menu tabs */
	background-image: url(tab_gray_close.gif);
	background-position: right top;
	width:11px;
	padding-top: 1px; 
	padding-bottom:14px; /* this pushes visibility bottom down so all of the background becomes visible */
	height: 25px;	/*padding-bottom:10px; we need it on LI item! */
	padding-left: 0px;
	padding-right: 11px;
} 

#mainmenu li.current {
  margin-top:0px; 
	background-color: transparent; /* if you want to use graphic menu tabs */
	background-image: url(tab_active.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-bottom:12px; /* this pushes visibility bottom down so all of the background becomes visible */
	height: 25px;
	padding-top: 1px; 
} 

#mainmenu li.current_close {
  margin-top:0px; 
	width: 11px;
	background-color: transparent; /* if you want to use graphic menu tabs */
	background-image: url(tab_active_close.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 0px;
	padding-right: 11px;
	padding-top: 1px; 
	padding-bottom:14px; /* this pushes visibility bottom down so all of the background becomes visible */
	height: 25px;
} 

#mainmenu li img {
	vertical-align: middle;
	margin-top:0px; /* will push background image down as well */
}

#mainmenu li.current A {
	font-size: 14px;
	color: White;
	font-weight: bold;
	text-decoration: none;
	vertical-align:middle;
} 

#mainmenu li.current A:hover {
	text-decoration: underline;
} 

#mainmenu li A {
	font-size: 14px;
	color: White;
	font-weight: bold;
	text-decoration: none;
	vertical-align:middle;
} 

#mainmenu li A:hover {
	text-decoration: underline;
} 

#mainmenu li a.webmaster {
	font-size: 14px;
	color: White;
	font-weight: bold;
	text-decoration: none;	
}

#mainmenu li a.webmaster:hover {
	text-decoration: underline;	
}

/* ****************************  S U B   M E N U  *************************** */

#submenu {
	background-color: #EF0D48;
	
	background-repeat: no-repeat;
	height: 26px;
	padding-left: 15px;
	padding-top: 5px;
	overflow: hidden;
	vertical-align: middle;
	margin-bottom:0px;
} 

#submenu ul {
	padding: 0px;
	margin:0px;
	text-align: left;
	margin-left:20px;
}

#submenu li {
	padding: 2px;
	color: White; /* this colors separators between sub-menu items */
	font-weight: bold;
	display: inline;
	list-style: none;
	vertical-align: middle;
} 

#submenu li img{
	vertical-align: middle;
}

#submenu A {
	color: White;
	font-size: 13px;	
	font-weight: bold;
	text-decoration: none;
} 

#submenu A:hover {
	text-decoration: underline;
} 

/* this colors the links on the menu and submenu-tabs that are only visible to the webmaster */

#submenu li a.webmaster {
	font-size: 13px;
	color: Yellow;
	font-weight: bold;
	text-decoration: none;	
}

#submenu li a.webmaster:hover {
	text-decoration: underline;	
}

/* ****************************  BREAD CRUMB TRAIL  DISCONTINUED************************* */


/* *****************************   M A I N   ****************************   */
/* ************** effectively the BODY area up of the content ************* */

/* wraps around columns and footer */
/* by page()! */
#main {
	background-color:transparent; 
	padding:0px;
	text-align: center;
	overflow:hidden;
	margin:0px;
} 


.center {
  width:100%;
  text-align:center;
}

/* wrap around content that is not in columns but spreads the page */
/* should itself be wrapped in a #main DIV but page() does not do this */ 
/* so is at same level with table.content and in place of */
#one_column {
  width:95%;
  text-align: left;
  overflow:hidden;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  padding: 10px;
}

/* TABLE FOR COLUMNS */
table.content {
	width:95%;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
}

table.content TD{
  vertical-align:top;
  text-align:center;
}

table.content TD#left{
  vertical-align:top;
  text-align:center;
	border-right: 1px solid #F73D90;
	padding-right:10px;
}

table.content TD#mid{
  vertical-align:top;
  text-align:left;
	padding-left:10px;
	padding-right:10px; /* nodig  */
}


/* the three columns as used by the applications */
/* use as ID selectors for DIV's that wrap content of columns */
#left_column {
	width:200px;
	max-width:200px;
	vertical-align: top;
	text-align: left;
	padding:0px;
	overflow:hidden;
}

/* division in the column as extra wrapper for all content */
#mid_column {
  width: 550px; /* is nodig ivm Explorer */
  max-width: 550px;
	vertical-align: top;
	padding:0px; /* padding offered by the column table middle cell */
	text-align: left;
	overflow:hidden;
	margin: 0px;
}

#right_column {
	width: 160px;
	vertical-align: top;
	text-align: left;
	padding: 0px;
	overflow:hidden;
	margin:0px;
}

#double_column {
	width: 670px;
	max-width: 670px;
	vertical-align: top;
	text-align: left;
	padding:0px; /* padding offered by the column table */
	overflow:hidden;
	margin: 0px;
}


#right_column TABLE{
  margin-bottom: 10px;
}

#left_column TABLE{
  margin-bottom: 10px;
}

/* at the same level as the main division, NO wrapped in main division */
#footer {
	width:95%;
	margin: 0px;
}


/* ***********************  L O C A L   I N D E X    ************************ */

/* this defines a table for a list of links as used mostly in the left column */
table.local_index {
	width:100%;
	margin-top:10px;
}

table.local_index TD{
	padding: 5px;
	text-align: right;
	border-top: 2px solid #F73D90;
}

table.local_index TD.subcategory{
	padding: 2px;
	text-align: right;
	border-top: 0px solid #F73D90;
}

table.local_index TH{
	background-color: red; 
	
	background-position: top left;
	background-repeat:no-repeat;
	color: white;
	text-align: right;
	font-size: 13px;
	padding: 3px;
	padding-right: 10px;
}

table.local_index A {
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	text-align: right;
	color: #F73D90;
	background-color: transparent;
} 

table.local_index A.subcategory {
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	text-align: right;
	color: ;
	background-color: transparent;
}

table.local_index A.webmaster {
	font-weight: normal;
	font-size: 10px;	
	text-decoration: none;
	text-align: right;
	color: white;
	background-color: red;
} 

table.local_index A:hover {
	text-decoration: underline;
} 

TD.separator_hr {
	border-bottom: 1px solid #F73D90;
}

/* *************** P A G E   S P E C I F I C   O P T I O N S  *************** */

table.options {
  border-bottom: 0px;
  background-color: transparent;
  margin-bottom:5px;
  margin:0px;
}

table.options TD{
	vertical-align: middle;
	text-align: left;
	padding: 1px 5px 1px 1px;
}

table.options TD A {
	font-weight: normal;
	text-decoration: underline;
	color: #EF0D48;
}

table.options IMG {
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}


table.webmaster {
  /* no width, so this table stays compact */
  border: 0;
  background-color: transparent;
  margin-top: 1px;
  margin-bottom:5px;
  margin-right:5px;
  margin-left:auto;
}

table.webmaster TD{
	vertical-align: middle;
	text-align: left;
	padding: 1px 1px 1px 1px;
	color: #ff1c49;
}

table.webmaster TD A {
	font-weight: normal;
	text-decoration: none;
	color: #ff1c49;
}

table.webmaster TD A:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #ff1c49;
}

table.webmaster IMG {
	margin-right: 5px;
	vertical-align: middle;
}


A.webmaster {
  font-size: 10px;
  color: #ff1c49;
  text-decoration: underline;
}


/* *************************** warnings and errors ************************** */

table.warning {
	border: 1px solid #EF0D48;
}

table.warning TH{
	background-color: #EF0D48;
  padding: 5px;
	color: white;
	font-weight: bold;
	font-size: 13px;
}

table.warning TD{
	background-color: white;
  padding: 5px;
	color: #EF0D48;
	font-weight: normal;
	font-size: 12px;
}

/* other uses */
TD.error {
  background-color:red;
  font-size: 12px;
  font-weight:bold;
  color:white;
  padding:5px;
}


/* ****************************  above content ****************************** */

#page_logo {
	width:97%;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	overflow:hidden;
}

/* ************************************* B L O G **************************** */

#blog_head {
	/* this is before the blogs themselve start and holds title and button */
  width: 97%;
	padding-left:10px; 
	padding-right:10px;
	text-align: center;
	font-weight: bold;
	color: #EF0D48;
	vertical-align: top;
	margin-bottom: 10px;
	margin-top: 0px;
}

#blog_head table td{
  text-align:right;
}


div.blog {
  /*width: 97%; /*  a bit smaller than 100% */
  /*width:550px; duwt over de rand */
  /*max-width:550px;*/
	border: 1px solid #F73D90;
	background-color: #fdfafb; 
	padding:10px;
	margin-bottom: 10px; /* to seperate different log items */
	margin-left: auto;
	margin-right: auto;
	clear:both;
} 


div.blog IMG {
  float:right;
  width:200px;
  margin: 10px;
}

/* not used? */
.blog_subtitle {
	font-weight: bold;
	color: Gray;
	padding: 5px;
	padding-left: 0px;
	text-align: left;
} 

/* to style the body text of the blog */
.blog_text {
	color:#5e2c2c;
	font-weight: normal;
}

/* ****************************** A R T I C L E  **************************** */

/* wraps around the whole article and follows the options tables! */
#article {
  overflow: hidden;
  background-color:#fdfafb;
  padding: 10px;
}


table.article_header{
   /* width: 97%; /*  a bit smaller than 100% */
   width:100%;
  }

table.article_header TD{
  text-align:left;
}

DIV.article_intro {
	color: #F73D90;
	font-size:12px;
	font-weight: bold;
}

DIV.article_body {
	color: #5e2c2c;
  font-size:12px;
}

/* let op een image in een artikel is dus niet meer automatisch gestyled */
div.article_body IMG.article {
  float:right;
  width:200px;
  margin-top: 0px;
  margin-left:5px;
  margin-right:0px;
  margin-bottom:5px;
}

div.article_body IMG.webcam {
  width:320px;
  clear:both;
  float:none;
  margin-left:0px;
  margin-top:10px;
}

div.article_body table {
   border: 1px solid #e9dbd9;
}

div.article_body table TH{
	vertical-align: middle;
	text-align: center;
	background-color: #c1bfbd;
	font-weight : bold;
	color: #F73D90;
}

div.article_body table TD{
	vertical-align: top;
	text-align: left;
	background-color: #fdfafb;
	font-weight : normal;
	color: #5e2c2c;
	padding:5px;
}

div.code{
  font-family: "Courier New", Courier, monospace;
  font-size:12px;
  color:#222255;
  background-color:#EEEEFF;
  padding:10px;
}

/* when using a special table inside an article */
/* deprecate or give special use, no longer necessity */
table.article {
   border: 1px solid #e9dbd9;
}

table.article TH{
	vertical-align: middle;
	text-align: center;
	background-color: #c1bfbd;
	font-weight : bold;
	color: #F73D90;
}

table.article TD{
	vertical-align: top;
	background-color: #fdfafb;
	border: 0;
	padding:3px;
}

table.article TD.label{
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	background-color: #c1bfbd;
	color: #EF0D48;
}


/* *******************************    F A Q    ****************************** */


table.faq {
  background-color: #fdfafb;
  border: 1px solid #F73D90;
} 


table.faq TH {
	background-color: transparent;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	color: #F73D90;
	font-size: 13px;
	vertical-align:top;
} 

table.faq TD { 
  color : #5e2c2c;
  font-weight : normal;
  padding: 5px;
  text-align: left;
  vertical-align:top;
} 

/* ********************************  C H A T  ****************************** */

div.chat {
	border: 0;
	width:95%;
	/* leave bottom margin to be determined by padding of containing element */	
	background-color: #fdfafb;
	margin: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
	clear: both;
}

table.comment {
  width:95%;
  margin-left:10px;
  margin-right:0px;
}

table.comment td {
  padding:3px;
  text-align:left;
}

.chat A {
	color: #1F344F;
	text-decoration: underline;
}

.chat A:hover {
	color: #3B6AA0;
	text-decoration: underline;
}


INPUT.comment {
	background-color: White;
	border: 1px solid #F73D90;
	padding: 3px;
	width:95%;
}

TEXTAREA.comment {
	background-color: White;
	border: 1px solid #F73D90;
	padding: 3px;
	margin: 1px;
	height: 60px;
	width: 95%;
}


.who {
	color: #EF0D48;
	font-weight: normal;
} 

.what {
	color: #F73D90;
	font-weight: normal;
} 

.when {
	color: #f07900;
	font-weight: normal;
} 






/* ***************************** D I S C U S S I O N   ***********************/

/* DO NOT CONFUSE WITH CHAT CLASS - FOR GENERAL COMMENTS */
/* wraps around the discussion, just like a blog wrap */
div.discussion { 
	border: 1px solid #F73D90;
	background-color: #fdfafb; 
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}

table.argument {
  width: 97%;
  background-color: #fdfafb; 
  border: 1px solid #e9dbd9;
  margin:10px;
}

table.argument TD {
  text-align: left;
  padding: 5px;
  vertical-align: top;
}

table.argument TH {
  width: 80%;
  background-color:transparent;
  text-align: left;
  padding: 5px;
  vertical-align: top;
}

.discussion_intro {
	color: #F73D90;
	font-weight: bold;
}

.discussion_body {
	color: #5e2c2c;
}

.issue {
	color: #f07900;
	font-weight: bold;
}

/* ****************************  P O L L    B O X  ************************** */

table.poll {
	margin: 0px;
	border: 1px solid #F73D90;
  background-color: #fdfafb;
	
} 

table.poll TD {
  text-align:left;
  padding:2px;
  padding-left:4px;
  padding-right:4px;
	color: #5e2c2c;
	font-size:10px;
}

table.poll TH {
  font-size:10px;
  font-weight:bold;
	color: #ff6600;
	text-align:left;
	
	border: 1px solid #F73D90;
  padding:3px;
  padding-left:4px;
  padding-right:4px;
}

/* ********************** BOOKMARK SITE ICON TABLE *********************** */

table.bookmark_sites {
  background-color: #fdfafb;
  margin-top:10px;
  border: 1px solid #F73D90;
  margin-left:auto;
  margin-right:auto;
}

table.bookmark_sites TH{
  background-color: #fdfafb;
  font-size:10px;
  font-weight:bold;
	color: #ff6600;
	text-align:center;
	padding:3px;
}

table.bookmark_sites TD{
  padding:1px;
  vertical-align:middle;
}



/* ********************************  F O R M   ****************************** */
/* used for e-mail, user forms, data forms */

/* newer strategy: ALWAYS wrap the form table in a form div */

/* a light or white form */
div.form {
  width:90%;
  text-align:center;
  margin-left: auto;
  margin-right: auto;
  margin-top:10px;
  margin-bottom:10px;
  padding:20px;
  background-color: #fdfafb;
  border: 1px solid #F73D90;
  
}

/* use this for light or white forms, else use form_table_inverted */
TABLE.form {
	width:95%;
	background-color: transparent;
	border: 0px;
	margin: 10px;
} 

/* for fields and inputs */
TABLE.form TD.field {
	background-color:transparent;
	border: 0px;
	padding: 3px;
	padding-left:5px; /* to align with header */
	text-align:left;
} 



TABLE.form TD.label {
	background-color: transparent;
	border: 0px;
	padding: 5px;
	text-align: right;
	color: #F73D90;
	font-weight: bold;
	width: 20%;
}

TABLE.form TH {
	background-color: transparent;
	border: 0px;
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #EF0D48;
	text-align: left;
	vertical-align:bottom;
} 

INPUT.form [type=text] {
  width:80%;
	background-color: White;
	border: 1px solid #F73D90;
	padding: 2px;
} 

TABLE.form INPUT[type=image] {
	background-color: transparent;
	border: 0;
} 

TABLE.form INPUT[type=checkbox] {
	background-color: white;
	border: 0px;
} 

TABLE.form INPUT[type=radio] {
	background-color: transparent;
	border: 0px;
} 


TABLE.form TEXTAREA {
  width:80%;
	background-color: White;
	border: 1px solid #F73D90;
	padding: 2px;
} 

TABLE.form SELECT {
	background-color: White;
	border: 1px solid #F73D90;
	padding: 2px;
} 

div.form input[type=image]{
	background-color: transparent;
	border: 0;
}


/*** form_inverted new standard ***/

TABLE.form_inverted {
	width:95%;
	background-color: transparent;
	border: 0px;
	margin: 10px;
} 

TABLE.form_inverted TD.field {
	background-color: transparent;
	border: 0px;
	padding: 5px;
	text-align:left;
} 

TABLE.form_inverted TD.label {
	background-color: transparent;
	border: 0px;
	padding: 5px;
	text-align: right;
	color: #FFFFFF;
	font-weight: bold;
}

TABLE.form_inverted TD.field input{
  /* voorkomt box om buttons */
  border:0px;
}

/* ----------------------------    C O N T R O L S     ------------------- */
/* are used for example with edit_record to display record statua, buttons */

TABLE.controls {
	background-color: transparent;	
	border: 0px;
} 

TABLE.controls TD {
	background-color: transparent;
	border: 0px;
	padding: 5px;
} 

TABLE.controls TD.controlstatus { 
background-color : transparent;
text-align : left;
padding : 5px;
color: #EF0D48;
border-bottom: 1px solid #EF0D48;
}



/* ***************** R E C O R D S   A N D   D A T A   ********************** */

TABLE.record {
	border: 0;
	width: 95%;
} 

table.record TH {
	background: #EF0D48;
	font-weight: bold;
	color: white;
	padding-left: 18px;
	padding-right: 15px;
} 

TD.label {
	background-color: #c1bfbd;
	color: #EF0D48;
	font-weight: bold;
	text-align: right;
	padding: 5px;
	padding-right: 15px;
	width:25%;
} 

TD.field { 
  background-color : #fdfafb;
  color : #5e2c2c;
  text-align : left;
  padding : 5px;
  padding-left : 15px;
} 

/* signify error in form input or unknown field-type */
TD.field_attention {
	background-color: white;
	color: #EF0D48;
	text-align: left;
	padding: 5px;
	padding-left: 15px;
} 

TD.field input { 
	background-color : white;
	border : 1px solid #F73D90;
	padding: 3px;
	padding-left: 10px;
} 

TD.label input {
	background-color: #fdfafb;
	border: 0;
	padding: 3px;
	padding-right: 10px;
	text-align: right;
} 


TD.field TEXTAREA { 
	border : 1px solid #F73D90;
	background-color : White;
	color : black;
	padding : 3px;
	padding-bottom : 3px;
	width: 100%;
	max-width:650px;
} 

input.array {
  width:100%;
}

TR.alert { 
background-color : #ffe9d2;
} 

/* ********************************  L I S T   ****************************** */

table.list{
	width:95%;
}

table.list TD{
	padding: 3px;
	padding-top: 2px;
	text-align:left;
}

table.list TH{
	 text-align:left;
	 background-color: #EF0D48;
	 color: white;
}

table.list TH A{
	 color:white;
	 text-decoration:underline;
}

table.list TH A:hover{
	 color:white;
	 text-decoration:underline;
}

table.list input {
     background-color:White;
}


TR.row1 { 
background-color : #fdfafb;
} 
TR.row2 {
	background-color: #fdfafb;
} 

div.list{
   width:100%;
   padding:10px;
   background-color: White;
}

div.list table{
   width:100%;
   background-color: transparent;
}

/* ************************* V I E W   R E C O R D  ************************* */
/* show records in a showy fashion */

table.viewrecord {
	border: 1px solid #F73D90;
} 

/*this will display the field label before the content */
table.viewrecord TD.label {
	background-color: #c1bfbd;
	font-weight: bold;
	color: #EF0D48;
	text-align: right;
	padding: 5px;
	padding-right: 15px;
} 

table.viewrecord TD.field { 
background-color : White;
font-weight : bold;
color : #F73D90;
text-align : left;
padding : 5px;
padding-left : 15px;
} 



/* ********************************* D O W N L O A D S ************************/

table.downloads {
	border: 0;
	background: White;
	width:95%;
	margin-left: auto;
	margin-right: auto;
}

table.downloads TH{
	background-color: white;
	color: Black;
	font-weight: bold;
	text-align:left;
}

table.downloads TD{
	border-top: 1px solid gray;
	padding: 5px;
	text-align:left;
	vertical-align: top;
}

.file_item {
	font-weight: bold;
	color: 	#f07900;
}

/*********************** L I N K L I S T **************************************/

table.linklist{
	border: 1px solid #417EFF;
	background-color: #fdfafb; 
	width: 99%;
	margin-right:2px;
	margin-top:10px;
	margin-bottom:10px;
}

table.linklist TD{
	background-color: transparent;
	padding: 3px;
	padding-left: 10px;
	color: #417EFF;
	text-align:left;
}

table.linklist TH{
	background-color: #417EFF;
	
	font-weight: bold;
	color: white;
	padding: 5px;
}

/* link category title head */
.link_category {
	color: #EF0D48;
	font-size: larger;
	font-weight: bold;
}

/* external links should be recognizable as such */

table.linklist A {
 color: #417EFF;
 text-decoration:underline;
}

table.linklist img{
  width: 200px;
  margin-left:auto;
  margin-right:auto;
}

/*******************************  V I E W   P I C S  **************************/

TABLE.view_pics {
	width: 100%;
	border: 0px;
	margin-left: 0px;
	margin-top: 10px;
	background-color: #fdfafb;
}
		
table.view_pics TH    { 
  border: 0px;
  text-align: left;
  padding : 2px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  background-color: gray;
  background-image: none;
}
		
table.view_pics TD {
  border: 0px;
  text-align: center;
  vertical-align: top;
  padding : 3px;
  font-size: 11px;
}
		
table.view_pics TD.control    { 
		border: 0px;
		border-bottom: 1px solid gray;
    text-align: left;
	  vertical-align: middle;
    padding : 3px;
		font-size: 11px;
}
		
table.view_pics TD.view_pics  { 
  border: 0px;
  text-align: center;
  vertical-align:middle;
  padding : 5px;
}		
		
input.view_pics   { 
	border: 1px solid gray;
	background-color: white;
}

img.view_pics {
	border: 1px solid gray;
	width: 200px;
}

/* ***************************   S I T E   M A P  ************************* */


table.site_map {
	background-color: #fdfafb;
	border: 1px solid #F73D90;
	width: 95%;
	margin-left:auto;
	margin-right:auto;
}

table.site_map TH {
	background-color: transparent;
	text-align: left;
	padding: 5px;
	vertical-align: top;
	margin-top: 15px;
}

table.site_map TD {
	background-color: transparent;
	color: #5e2c2c;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 15px 5px 15px;
	vertical-align: top;
}

table.site_map A {
	color:#EF0D48;
	font-size: 12px;
	font-weight: normal;
}


/* *******************************  S O L I D  ****************************** */


div.shadow {
  background-image:url(shadow.png);
  background-position: top right;
  background-repeat:no-repeat;
  padding-bottom:10px;
  padding-left:10px;
  width:650px;
  height:490px;
}



/* OLD */
table.solid {
	/* the width of this table is set from within the pages, because it is used in many contexts */
	background-image: url(solid_bg.jpg);
	margin: 10px;
} 


table.solid TH {
	background-color: transparent;
	font-size: 16px;
	font-family: Arial Black, arial, helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	padding: 10px;
} 

table.solid TD { 
  color : white;
  font-weight : bold;
  padding:5px;
} 

INPUT.solid {
	margin-top:5px;
	background-color: White;
	border: 1px solid #1F3451;
}

/* NEW AND BETTER */

div.solid {
	/* the width is set from within the pages, because it is used in many contexts */
	background-image: url(solid_bg.jpg);
	/* no margins because then shadow would not work */
	padding:20px;
	text-align:center;
	color:White;
	font-weight:bold;
} 

div.solid table{
    background-color: transparent;
}

div.solid table TD { 
  color : white;
  font-weight : bold;
  padding:5px;
}

div.solid table TH { 
  background-color: transparent;
  color : white;
  font-size:13px;
  font-weight : bold;
  padding:5px;
}

div.solid h1{
  color:White;
}

/* *************************** A   C L E A R   B O X     ******************** */


table.clearbox { 
  border : 1px solid #EF0D48;
} 

table.clearbox TD { 
    padding: 5px;
    text-align : left;
    font-size : 11px;
} 

/* ***************************  TEASERS AND BANNERS   ********************** */


/* *************************** OTHER  SPECIAL TABLES   ********************** */
table.chatmenu{
   background-color:transparent;
   margin:10px;
   text-align:left;
}

table.chatmenu TH {
  padding:2px;
  text-align:left;
  background-color:transparent;
}

table.chatmenu TD {
  padding:2px;
  text-align:left;
}


table.chatmenu TD A{
   color:White; 
   text-decoration:none;
   font-size:13px;
   font-weight:bold;
}

table.chatmenu TD A:hover{
   color:White; 
   text-decoration:underline;
   font-size:13px;
   font-weight:bold;
}

span.unavailable{
   color:yellow; 
   text-decoration:none;
   font-size:13px;
   font-weight:bold;
}



div.quicklinks{
	width: 980px;
	background-color: transparent; 
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	text-align:left;
}

table.quicklinks{
   background-color:transparent;
   margin:0px;
   margin-bottom:3px;
}

table.quicklinks TD {
  padding:0px;
  padding-right:8px;
}


table.quicklinks TD A{
   color:White; 
   text-decoration:underline;
}


table.layout{
   background-color:transparent;
   margin:0px;
}

table.layout TH{
   background-color:transparent;
   border:0px;
   vertical-align: middle;
   padding:0px;
}

table.layout TR{
   background-color:transparent;
   border:0px;
}

table.layout TD{
   background-color:transparent;
   border:0px;
   vertical-align: middle;
   padding:0px;
}

 
TH A.mail { 
  background-color : transparent;
  font-weight : normal;
  font-size : 11px;
  text-decoration : none;
  color : blue;
} 

TH A.mail:hover { 
  background-color : transparent;
  font-weight : normal;
  font-size : 11px;
  text-decoration : underline;
  color : blue;
} 

table.statistics {
    background-color:white;
    width:100%;
    margin:0px;
    border:1px solid #EF0D48;
}

table.statistics TD{
   padding:5px;
   color:#EF0D48;
   text-align:center;
}

/* ***************************     F O O T E R        ********************** */

div#footer {
  width:95%;
  text-align:center;
  border-top: 1px solid #F73D90;
}

div#footer table TD{
  padding: 5px;
  text-align:center;
  vertical-align:middle;

}


/* ********************** D I V I D E   A N D   R U L E  ******************** */

div.bottomline {
  width:100%;
  background-color:transparent;
  text-align:left;
  padding-bottom:5px;
  padding-left:0px;
  border-bottom: 1px solid #e9dbd9;
}


/* dit een bijzonder formulier oplevert */
div.signup {
   background: url(signup_bg.jpg);
   background-repeat:no-repeat;
   padding: 10px;
   height:200px;
   width:160px;
   padding-top:70px;
}

div.signup table{
   margin-left:auto;
   margin-right:auto;
}

div.signup TD{
   text-align:left;
   color:white;
   font-weight:bold;
   padding: 5px;
}

div.create_account {
   background-image: url(create_account_bg.jpg);
   background-repeat:no-repeat;
   padding: 10px;
   height:200px;
   max-width:240px;
   padding-top:70px;
}

div.login_box {
   background-image: url(login_box_bg.png);
   background-repeat:no-repeat;
   padding: 15px;
   height:200px;
   width:200px;
   color:#EF0D48;
   text-align:left;
}

/* getest, dit zorgt ervoor dat text in spans ook kleur krijgt */
.login_box span {
   color:#EF0D48;
}

div.create_account table{
   margin-left:auto;
   margin-right:auto;
}

div.create_account TD{
   text-align:left;
   color:white;
   font-weight:bold;
   padding: 5px;
}


div.bottom_optimizer{
   font-size:10px;
   color:#EF0D48;
   margin:10px;
}

div.bottom_optimizer B{
   font-size:10px;
   color:#EF0D48;
}

div.bottom_optimizer i{
   font-size:12px;
   color:#EF0D48;
}/* local styles document to be imported by edit_css.php */


/* deze staat als een venster om alle views en apps in de middelste kolom */
div.matchbox_application {
   background-color:#fdfafb;
   padding:10px;
   text-align:center;
   border:0px;
   font-weight:bold;
   margin:0px;
}

div.application_text {
   text-align:left;
   color:#5e2c2c;
   font-weight:normal;
   margin:0px;
   margin-top:10px;
   margin-bottom:10px;
   text-align:left;
}

div.application_text B{
	font-weight:bold;
  color:#EF0D48;
}

div.section_text {
   text-align:left;
   color:#5e2c2c;
   font-weight:normal;
   margin:0px;
   margin-top:10px;
   margin-bottom:10px;
}

div.matchbox {
   background-color:#fdfafb;
   width:98%;
   padding: 10px;
   text-align:left;   
   margin:0px;
   margin-bottom:10px;
   color:#5e2c2c;
   font-weight:normal;
}

div.status_box {
   background-color:#fdfafb;
   border:3px solid #F73D90;
   /*background-image:url(gradient_bg2.jpg);*/
   padding: 10px;
   padding-top:5px;
   text-align:left;   
   margin-bottom:10px;
   width:95%;
   color:#5e2c2c;
   font-weight:normal;
   font-size:13px;
   margin-top:10px;
   max-width:800px;
}

/* verwijderen ? */
span.section_title {
   font-size:18px;
   font-weight:bold;
   color:#EF0D48;
}

table.inbox{
   width:95%;
   border:1px solid #e9dbd9;
}

table.inbox TR{
   border-bottom:1px solid #e9dbd9;
   background-image:url(tr_bg.jpg);
   height:16px;
}

table.inbox TR.bottom_row{
   border-bottom:1px solid #e9dbd9;
   background-color:#fdfafb;
   background-image:url(th_bg.jpg);
   height:12px;
}

table.inbox TH{
   text-align:left;
   padding:5px;
   font-size:13px;
   font-weight:bold;
   background-image:url(th_bg.jpg);
   color:#EF0D48;
}

table.inbox TD{
   text-align:left;
   padding:5px;
   font-size:13px;
   vertical-align: top;
}

table.targetbox{
   width:95%;
   border:1px solid #e9dbd9;
}

table.targetbox TR{
   border-bottom:1px solid #e9dbd9;
   background-color:#F8F4F2;
   height:16px;
}

table.targetbox TR.bottom_row{
   border-bottom:1px solid #e9dbd9;
   background-color:#fdfafb;
   background-image:url(th_bg.jpg);
   height:12px;
}

table.targetbox TH{
   text-align:left;
   padding:5px;
   font-size:13px;
   font-weight:bold;
   background-image:url(th_bg.jpg);
   color:#EF0D48;
}

table.targetbox TD{
   text-align:left;
   vertical-align: top;
   padding:5px;
}


table.message {
  width:97%;
  margin:10px;
  background-color:#c1bfbd;
  background-image:url(2lijnen.png);
}

table.message TD.mlabel{
   text-align:right;
   padding:5px;
   font-size:13px;
   color:#F73D90;
   background-color:transparent;
   font-weight:bold;
}

table.message TD.mfield{
   text-align:left;
   padding:5px;
   font-size:13px;
   color:blue;
   background-color:transparent;
   font-size:13px;
   font-weight:normal;
   font-family: courier;
}

table.message input[image]{
    border:0px;
}


/* de DIV om de form en apart om de tabel die de stenen bevat */
div.wall_form {
 width:90%;
  text-align:center;
  margin-left: 10px;
  margin-right: auto;
  margin-top:10px;
  margin-bottom:10px;
  padding:10px;
  border: 0px;
  background-repeat: no-repeat;
  background-image:url(pinksubsquash.jpg);
  color:white;
}

div.wall_form h1{
   color:white;
}

table.love_wall {
    background-color:transparent;
    background-image:url(mist_30.png);
    background-repeat:repeat;
    border-collapse:separate;
}

table.love_wall td {
    text-align:right;
    font-weight:bold;
    color:white;
}


td.brick {
   background-color:#fdfafb;
   width:140px;
   max-width:150px;
   padding:5px;
   border:3px solid gray;
}

div.shoutbox {
   height:280px;
   width:200px;
   background-image:url(shoutbox_bg.png); 
   background-repeat:no-repeat;
   padding:5px;
   padding-top:55px;
   max-height:280px; 
   overflow:hidden;
   color:white;
   font-weight:bold;
   margin-bottom:10px;
}

div.shoutspace {
   height:157px;
   width:190px;
   padding:0px;
   max-height:157px; 
   overflow:hidden;
   margin-bottom:5px;
   text-align:left;
}

div.shoutspace span.when{
   color:pink;
   font-size:10px; 
}

div.shoutspace span.who{
   color:yellow;
   font-size:10px; 
   font-weight:bold;
}

div.shoutspace span.what{
   color:white;
   font-size:10px; 
}

/*         CHAT  */

div.chatbox {
   /* height:500px; */
   width:530px;
   background-color:#F73D90; 
   background-image:url(chatroom_bg.jpg);
   padding:10px;
   padding-top:5px;
   /* max-height:550px; ff kijken hoe dit uitpakt */
   overflow:hidden;
   color:white;
   font-weight:bold;
   margin-bottom:10px;
}

img.chatbox_avatar{
   width:95px;
   margin:0px;
}

div.chatspace {
   background-color:#fdfafb; 
   background-image:url(mist.png);
   height:410px;
   width:500px;
   padding:5px;
   max-height:410px; 
   overflow:hidden;
   margin-bottom:5px;
   text-align:left;
}

div.chatbox span.when{
   color:#f07900;
   font-size:10px; 
}

div.chatbox span.who{
   color:#ff6600;
   font-size:12px; 
   font-weight:bold;
}

div.chatbox span.what{
   color:#EF0D48;
   font-size:12px; 
}

div.chatbox span.status{
   color:gray;
   font-weight:bold;
   font-size:12px; 
}

span.chatbox_status {
   color:yellow;
   font-weight:bold;
   font-size:13px;
}

/*        T E A S E R   S T Y L I N G     */

div.blog_teaser {
   background-color:#fdfafb;   
   padding:5px;
   padding-top:10px;
   overflow:hidden;
   color:white;
   font-weight:bold;
   margin-top:10px;
   margin-bottom:10px;
   border: 1px solid #EF0D48;
}

#teasespace {
   padding:0px;
   margin-bottom:10px;
   text-align:left;
   font-size:10px; 
}

#teasespace span.when{
   color:#ff6600;
}

#teasespace span.title{
   color:#EF0D48;
   font-weight:bold;
}

#teasespace span.what{
   color:#5e2c2c;
   font-weight:normal;
}