/* $Id: screen.css 11 2009-05-12 13:58:27Z arie $ */


ul { margin: 0px; padding: 0px; }
li { margin: 5px 0px 0px 5px; padding: 5px; }
p { margin: 0px; padding: 0px; }
h1 { margin: 0px; padding: 0px; }
img	{ border: 0; }
body { font-family : "Arial"; font-size: 9pt; margin: 0px; padding: 0px; color: black; }



#container { position : absolute; margin : 0 0 0 -380px; width : 760px; left: 50%; background: white; }
#menu { position: absolute; right: 5px; }

#menu ul { clear: both; }
#menu li { float: left; list-style: none; height: 50px; width: 110px; border: 1px solid blue; text-align: center; }
#menu a { margin: 0px; padding: 0px; color: silver; text-decoration: none; font-weight: normal; }
#menu a:hover { color: red; font-weight: bold; }

#main { font-family : "Arial Black"; color: blue; width: 760px;  border: 1px solid blue; position: relative; top: 20px;  }
#main p { font-size: 12px; text-align: center; }
#wie{
	position: relative;
	clear: both;
	float: right;
	top: 20px;
	height: 20px;
}
#wie a{
	text-decoration: none;
	color: red;
}



#letters li { position: relative; left:15px; list-style: none; float: left; font-weight: bold; width: 40px; background: #C5C5C5; text-align:center; margin: 0px 0px 3px 5px;}
#letters li a { color: red; text-decoration: none; }

#woorden p { text-indent: 20px; font-weight: bold; padding-bottom: 20px;  }
#woorden li { position: relative; left:15px; list-style: none; float: left; margin: 0px 0px 3px 5px; color: #666665;}
#woorden li a { color: #A80507; text-decoration: none; font-weight: bold; }
#woorden .woord { width: 170px; clear: both; color:blue;}
#woorden .omschrijving { width: 520px; color:blue;}

#blok { background: blue; width:455px; height: 95px; color: white; border:1px solid black; position: relative; left: 160px; cursor:pointer;}
#blok p {font-family : "Arial Black"; font-size: 14px; line-height:31px;}

.hypotheek { font-family : "Arial Black"; color: red; font-size: 50pt; position: absolute; left: 160px; top:115px; }
.logo { position: relative; top: 5px;left: 5px; }
.selected { color: red; }
.hidden { clear: both; color: white; }

/* calculator */
.txt2{margin-top:5px;margin-left:5px;margin-bottom:10px;width:500px;font-family:verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px;}
.koptext{width:500px;height:15px;padding:5px;margin-top:0px;margin-left:0px;margin-bottom:5px;background-color:#043074;font-family:verdana;color:#FFFFFF;font-size:12;font-weight:bold;}
h3{width: 520px;height: 15px;padding: 5px;margin-top: -15px;margin-left:0px;margin-bottom:5px;font-family:verdana;color:#000000;font-size:14px;font-weight:bold;}


h2{width: 405px;height: 20px;padding: 5px;margin: 0px;background-color: #FFDE00;font-family:verdana;color:#000000;font-size:12;	font-weight:bold;}

div.calcForm td.tdElement {
padding:3px;
 margin-left: 15px;
	width: 250px;
	font-family: verdana;
	font-size: 11px;
/*	border-bottom: 1px Solid Grey;*/
}

div.calcForm td.tdSpacer {
	width: 10px;
	text-align: right;
	font-family: verdana;
	font-size: 10pt;
/*	border-bottom: 1px Solid Grey;*/
}

div.calcForm td.tdInput {
	width: 600px;
	font-family: tahoma; 
	font-size: 10pt;
}

div.calcForm .error {
	font-family: tahoma; 
	font-size: 8pt;
	font-weight: bold;
	color: #ff0000;
}

div.calcForm input, select, textarea {
	font-family: verdana; 
	font-size: 10pt;
	
	border: 1px Solid Grey;
}

/* calculator */
/* update */
.calcOverzicht {
width:500px;	
margin-left:-5px;
}
div.calcOverzicht td.tblHead {

	background-color: #043074;
	font-size: 16pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}

div.calcOverzicht table{
	margin-left: 5px;
	width: 520px;
}

div.calcOverzicht td.tblFoot {
	width: 600px;
	background-color: #dfdfdf;
	font-size: 7pt;
	font-weight: normal;
	color: #000000;
	text-align: left;
}

div.calcOverzicht th {
	font-family: Tahoma, Sans-serif;
	font-size: 7pt;
	font-weight: thin;
	text-align: left;
	vertical-align: middle;
}

div.calcOverzicht th.liteGrey {
	background-color: #dfdfdf;
}

div.calcOverzicht th.darkGrey {
	background-color: #bbbbbb;
}


div.calcOverzicht td {
	border-bottom: 1px Solid Silver;
	font-family: Tahoma, Sans-serif;
	font-size: 8pt;
	vertical-align: top;
	text-align: center;
}

div.calcOverzicht td.big {
	font-size: 11px;
	color:#E40808;
	font-weight: bold;
}

/* rente tarieven tabel */

table.tarieven{
	border-collapse:collapse;	
}

tr.odd{
	background-color:#C0C0C0;
}

table.tarieven th{
	text-align: left;
	font-weight: normal;
	padding-right:5px;
}

td.instelling,
td.tarief{
	padding-right:20px;
}