/* 3 augustus 2006 omgezet naar HHP layout - JJK */

@import url("style_layout.css");
@import url("style_window.css");
@import url("style_blocks.css");
@import url("style_menus.css");
@import url("style_events.css");

/* Voeg ook HHP specifieke items toe aan de theme */
@import url("style_hhp.css");

BODY { 
	background-color: #EEEEEE;	/* this is the page border color */
	padding: 0px;
	margin: 0px;
	
	/* Font properties for entire page */
	font-family: Verdana, Arial, sans-serif; 
	text-decoration: none; 
	color: #000F66;
	font-size: 12px;
}

/* Standaard instelling voor de links */
A{text-decoration: none; font-weight: normal;}
A:link {color:#0000AD;}
A:visited {color:#0000AD;}
A:hover	{color: #FF0000;}
A:active {}


/* PAGE ELEMENTS */
fieldset { border: 1px solid #05719F;}
legend {	font-size: 11px;}
HR { color: #0867A3; height: 2px; width:94%; }
form { margin: 0px; }

.textarea {
  border: 1px solid #000000;
  font-size: 12px;
  background-color: #FFFFFF;  
}
select {
	background: transparent;
	background-color: White;
	font-size: 10px;
	border:  1px solid #A8B2BB;
}
.textbox {
	border: 1px solid #003B75;
	padding-left: 2px;
	font-size: 10px;
	margin-bottom: 5px;
}
.button {
        FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFFFFF', EndColorStr='#C5CCD4');
	height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #05719F;
	background-color: #FFFFFF;
        font-size: 10px;
	font-weight: bold; 
	color: #05719F;
	letter-spacing: .2em;
}
.Title {
	font-weight: bold;
	font-size: 16px;
	color: #cc3300;
}
.Code {
  display: block;
  width: 80%;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 10px;
  padding-right: 5px;
  padding-left: 10px;
  font-family: 'Courier New', Monospace; font-size: 12px; color: #000000;
  border-top: 5px solid #003366;
  border-right: 1px solid #003366;
  border-bottom: 1px solid #003366;
  border-left: 5px solid #003366;
  background-color: #ffffff;
}
.Quote {
  display: block;
  width: 80%;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 10px;
  padding-right: 5px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 10px; 
  border-top: 2px solid #003366;
  border-right: 0px solid #8b4513;
  border-bottom: 2px solid #003366;
  border-left: 0px solid #8b4513;
  background-color: #ffffff;  
}
.spThemeSmallBlock { border: 1px solid #466D9D; padding:4px; }
.hidden { DISPLAY: none } 

/* Font Colors */

/* These next 7 are generally <table> cells, <div> or <span>
   and do not contain a background color
   The font sizes should descend */
.fBold {	font-weight: bold; font-size: 12px;}
.fAlert { font-weight: bold; color: #FF0000; } 
.fTitle {font-size: 12px; font-weight: bold; }
.fSubTitle {	font-size: 11px; font-weight: bold;	}
.fAltSubTitle {font-size: 12px; font-weight: bold; }
.fNorm {	font-size: 12px; }
.fSmall {
	font-weight: normal; 
	font-size: 9px; 
	}

/* These next 3 are generally <table> cells, <div> or <span>
   and contain a background color */
.tTitle { /* strHeadCellColor */
	margin: 2px;
	padding: 4px;
	font-size: 12px;
	font-weight: bold;
	background-color: #D9DEE4;
/*	background-image: url('HBg2.gif'); */
}
.tSubTitle {  /* strCategoryCellColor -  */
	margin: 2px;
	padding: 4px;
	font-size: 11px;
	font-weight: bold;	
	background-color: #C5CCD4;	
/*	background-image: url('HBg2.gif');*/
}

.tAltSubTitle {  /* strCategoryCellColor -  */
	margin: 2px; 	
	padding: 4px;
	font-size: 11px;
	font-weight: bold;
/*	background-image: url('HBg2.gif'); */
	background-color: #C5CCD4;
}


/* Table Classes */ 
table {	font-size: 11px;
		text-decoration: none; 
		text-align: left;}
table.grid {
	font-size: 12px;
	text-align: left;
	border-top: 1pt solid #05719F;
	border-right: 1pt solid #05719F;
	border-bottom: 0pt none #000000;
	border-left: 0pt none #000000;
}
table.grid td {
	font-size: 12px;
	border-top: 0pt solid #ffffff;
	border-right: 0pt solid #ffffff;
	border-bottom: 1pt solid #05719F;
	border-left: 1pt solid #05719F;
}

.tCellHover { border: 1px solid #0075B8; background-color: #CFECFF;}
.tCellAlt0 { border: 1px solid #003A67; background-color: #FAF0E6;}
.tCellAlt1 { border: 1px solid #000000; background-color: #f5f5f5; }
.tCellAlt2 { border: 1px solid #000000; background-color: #DFE2E7;}
/* Opmaak forum vergaand aanpassen, aangezien er te weinig klasse elementen zijn om dit goed te doen
   moet dit worden gedaan door geneste klassen anders te behandelen dan de normale verschijning ervan */

   	/* Tekstgrootte in de forumblokken / alternating cells */ 
	table .tCellHover, .tCellAlt0, .tCellAlt0 td, .tCellAlt1, .tCellAlt2{
			font-size: 12px;
			line-height: 19px;}

	/* Blokjes met paginnummering bij oa. actieve onderwerpen */
/*	ZORGT VOOR PROBLEMEN BIJ DE ACTIVE TOPICS 
	.tCellAlt1 .tCellAlt1{font-size:8px; line-height:8px;}	
	.tCellAlt2 .tCellAlt1{font-size:8px; line-height:8px;}		
	.tCellHover .tCellAlt1{font-size:8px; line-height:8px;}	
	.tCellHover .tCellAlt2{font-size:8px; line-height:8px;} */
/* Eind vergaande opmaak */



.tContent { color:#000018; background-color: #C5CCD4;}
.tBorder {
  width: 100%;
  margin: 0px;
  padding: 2px;
  font-size: 12px; color: #000018;
  border: 1pt solid #05719F;
}

/* Dit is een van de klassen waarin de eigenschappen worden vastgelegd van op de site weer te geven tekst. Voor 
   de hele site ligt het vast in de table klasse, maar dit wordt vaak aangeroepen binnen themeboxes */
.tPlain {	
	margin: 0px;
	padding: 0px;
	border: 0px;	
	text-align: left;
	font-size: 12px;  
	line-height: 18px;
	vertical-align: top;
}
.clsSpacer {
  width:10%;
  margin: 0px;
  padding: 0px;
  clear: both;
  height: 1px;
}