/* Algemeen */
/**************************************************************************/
/* Body tag style. De meeste items worden geerfd door onderliggende tags. */
/**************************************************************************/
body {
	/* Tabellen moeten tegen de rand van de browser beginnen. */
	margin             : 0; /* Voor Firefox, IE en Netscape. */
	padding			   : 0; /* Voor Opera. */
	
	/* Achtergrond */
	background-image   : url('../images/background.png');
	background-repeat  : repeat-y;

	/* Type, grootte en kleur van de standaard font. */
	font-family        : Verdana, Arial, Helvetica, sans-serif;
	font-size          : 10px;
	color              : rgb(67,68,68);
}

/************************************/
/* Alle tabellen binnen de website. */
/************************************/
table {
 	font-family        : Verdana, Arial, Helvetica, sans-serif; /* Voor IE */
	font-size          : 10px; /* Voor IE */
	width              : 100%;
}

/************************************/
/* Alle kolommen binnen de website. */
/************************************/
td {
	vertical-align     : top;
}

/****************************************/
/* Tabel welke de gehele website bevat. */
/****************************************/
#wrapper {
	/* Header als achtergrond. Hierdoor kan de header eenvoudig worden aangepast. */
	background-image   : url('../images/header.png');
	background-repeat  : no-repeat;
}





/* Hoofdkolommen van Wrapper tabel */
/************************************************************/
/* Kolom, in wrapper tabel, voor het plaatsen van het menu. */
/************************************************************/
#column_menu {
	width              : 232px;
	vertical-align     : top;
}

/****************************/
/* Kolom voor alle content. */
/****************************/
#column_content {
	vertical-align     : top;  /* Voor pagina's die korter zijn als het menu. */
	width              : 523px; /* Breedte van de content kolom. */
}

/**************************************************************************/
/* Kolom rechts van de website. Vult het scherm op bij hogere resoluties. */
/**************************************************************************/
#column_other {
	vertical-align     : top; 
	background-image   : url('../images/headerback.png'); 
	background-repeat  : repeat-x; 
}





/* Menu tabellen en kolommen */
/*********************************************************************************/
/* Deze tabel omvat de tabel met menu items en de flash animatie onder het menu. */
/*********************************************************************************/
#wrapper_menu {
	margin             : 120px 0px 0px 100px;
	width              : 232px; /* Deze extra vermelding is enkel nodig voor Opera. */
	text-align         : right;
	background-color   : rgb(255,255,255); /* Kleur links van de menu items. */
}

/*************************/
/* Tabel met menu items. */
/*************************/
table.menu {
	margin-left        : 6px; /* Breedte van de witrand, links van het menu. */
}

/****************************/
/* Kolom met de menu items. */
/****************************/
td.menu {
	/* Achtergrond */
	background-color   : rgb(181,222,241);
	background-image   : url('../images/menushadow.png');
	background-repeat  : no-repeat;
	background-position: top left;

	/* Positionering */
	padding            : 21px 22px 19px 0px;
	text-align         : right;
}

/***************************************/
/* Tabel kolom voor de flash animatie. */
/***************************************/
td.flash {
	padding-bottom     : 4px; /* Hoogte witte rand, onder plaatje / flash. */
}

/**************************/
/* Logo's onder het menu. */
/*************************/
img.logo {
	margin             : 0 0 15px 0px;
}





/* Content Header */
/***********************************************/
/* Opmaak voor de header van de content kolom. */
/***********************************************/
table.header_content {
	margin-bottom      : 4px;
}

/***********************************************/
/* Opmaak voor de header van de content kolom. */
/***********************************************/
td.header_content {
	/* Positionering */
	line-height        : 0px; /* Voor Firefox en Opera (anders lijn onder header). */
	vertical-align     : top;
	text-align         : right;
}

/*********************/
/* Plaatje in header */
/*********************/
#header {
	margin-right       : 102px;
}





/* Kolommen / Tabellen in content, onder header */
/******************/
/* Content kolom. */
/******************/
td.content {
	padding            : 0px 10px 0px 10px;
}

/******************************/
/* Kolom "Maximale Hypotheek" */
/******************************/
#column_max {
	/* Background */
	background-color   : rgb(15,88,122); 

	/* Positionering */
	width              : 259px; 
	padding            : 8px 16px 10px 16px;
	vertical-align     : top;
}

/******************/
/* Kolom "Welkom" */
/******************/
#column_welcome {
	width              : 273px;
	padding            : 0px 10px 0px 10px;
}

/**************************/
/* Kolom met vestigingen. */
/**************************/
#column_locations {
	/* Background */
	background-image   : url('../images/linepoint.png'); 
	background-repeat  : repeat-y; 

	/* Positionering */
	width              : 210px; 
	padding-left       : 10px;
}

/*******************************************/
/* Lichtblauwe header "maximale hypotheek" */
/*******************************************/
span.text_maxheader {
	color              : rgb(128, 198, 227); 
	font-size          : 18px; 
}

/*******************************************/
/* Witte tekst binnen "maximale hypotheek. */
/*******************************************/
span.text_white {
	color              : rgb(255, 255, 255); 
}

/**********************************************/
/* Donkerblauwe tekst in "maximale hypotheek" */
/**********************************************/
span.text_darkblue {
	color              : rgb(78, 171, 215)
}

/****************************/
/* Knop "bereken hypotheek" */
/****************************/
#button_calculate {
	margin             : 22px 0px 22px 0px;
	border             : 0;
}

/**************************************/
/* Nationale Hypotheek Garantie logo. */
/**************************************/
#logo_nhg {
	margin             : 5px 0px 5px 5px;
	float              : right;
}

/************************/
/* Plaatje van grafiek. */
/************************/
#grafiek {
	margin             : 5px 10px 5px 0;
	float              : left;
}

/**********************************************/
/* Copyright regel onderin de content pagina. */
/**********************************************/
td.copyright {
	/* Background */
	background-image   : url('../images/linepoint2.png'); 
	background-repeat  : no-repeat; 
	background-position: top right; 

	/* Positionering */
	padding            : 10px 10px 50px 10px; 
}





/* Link activiteiten */
/***************************/
/* Weergave algemene links */
/***************************/
a.link:active, a.link:link, a.link:visited {
	color              : rgb(25,151,210);
	text-decoration    : none;
	font-size          : 9px;
}

/*****************************/
/* Algemene links bij hover. */
/*****************************/
a.link:hover {
	text-decoration    : underline;
}

/*********************/
/* Disclaimer links. */
/*********************/
a.disclaimer:active, a.disclaimer:link, a.disclaimer:visited {
	color              : rgb(176, 218, 238);
	text-decoration    : none;
}

/**************************/
/* Disclaimer link hover. */
/**************************/
a.disclaimer:hover {
	color              : rgb(25,151,210);
	text-decoration    : underline;
}

/*****************/
/* E-mail links. */
/*****************/
a.email:active, a.email:link, a.email:visited {
	color              : rgb(15,88,122);
	text-decoration    : none;
	font-size          : 9px;
}

/***********************/
/* E-mail links hover. */
/***********************/
a.email:hover {
	color              : rgb(22, 123, 170);
	text-decoration    : underline;
}

/*******************/
/* Menuitem links. */
/*******************/
a.menuitem:active, a.menuitem:link, a.menuitem:visited {
	color              : rgb(56, 121, 151);
	text-decoration    : none;
	font-size          : 11px;
	font-weight        : 100;
}

/**************************/
/* Menuitems links hover. */
/**************************/
a.menuitem:hover {
	color              : rgb(43 ,91, 113);
}





/* Headers & Paragrafen */
/************/
/* Header 1 */
/************/
h1 {
	color: rgb(25,151,210);
	font-size: 13px;
	margin: 10px 0px 3px 0px;
}

/************/
/* Header 2 */
/************/
h2 {
	color: rgb(15,88,122);
	font-size: 13px;
	margin: 10px 0px 5px 0px;
}

/************/
/* Header 3 */
/************/
h3 {
	color: rgb(25,151,210);
	font-size: 11px;
	margin: 0 0 3px 0;
	font-weight: 100;
}

/*************/
/* Paragraaf */
/*************/
p {
	margin: 0px 0px 10px 0px;
}