/* CSS Document */
/* logo: white = #F7F7F7, grey = #66666 */
/* corner radius = 7 */
/* websave: no dither, diffusion transparancy */

a:link { color: Green;}
a:visited { color: #5a5a5a; }

body 
{
	background: #F1F1F1 url(images/backgroundgradient.gif) repeat-x;
	font-family: Calibri, sans-serif;
	color: #5a5a5a;
	padding: 0px;
	width: 930px;
	margin: 10px auto auto auto;
}

.input
{
	background-color: #EAF6EB;
	border-style: solid;
	border-width: 1px;
	font-family: Courier New, monospace;
	margin-left:10px;
}

/* -------- header --------- */
div#flags
{
	 height: 20px;
}
.flags_img { margin: 0 1px; }

div#header
{
	height: 60px;
}

div#logotop a
{
	height: 60px;
	width: 130px;
	background-image: url(images/logotop.gif);
	float: left;
	margin-right: 10px;
}

div#banner a
{
	height: 60px;
	width: 640px;
	background-image: url(images/banner.gif);
	float: left;
	margin-right: 10px;
}

div#account 
{ 
	float: left;
	font: Helvetica;
	font-size: x-small;
	font-weight:bolder;
	background-image: url(images/emptytop.gif);
	height: 50px;
	width: 120px;
	padding: 5px;
}

.loginstatus
{
	height: 25px;
	margin: 12px 12px 0 3px;
	float: left;
}

div#logintext
{
	margin-top: 10px;
}

.profilelink
{
	text-decoration: none;
}

/* -------- footer --------- */
div#footer
{
	padding-top: 10px;
	clear: both;
	text-align: center;
}

.copyright
{
	font-family: Arial;
	font-size: xx-small;
	color: #5a5a5a;
}

/* -------- text --------- */
p 
{	
	font-size: medium;
	margin-top: 2px;
}

li
{
	 font-size: smaller; 
}

h1 
{
	font-size: x-large;
	margin-bottom: 5px;
}

h2 
{
	font-size: large;
	margin-bottom: 2px;
}

h3
{
	font-size: medium;
	margin-bottom: 2px;
	margin-top: 5px;
}

ul
{
	padding: 0;
	margin: 0;
}

tr.section { text-align: center; }

/* --------- box ------------- */
div.boxtop 
{ 
	background: url(images/tr.gif) no-repeat top right; 
}

div.boxcontent
{
	margin: 5px 20px 10px 20px;
}

div.boxbottom {
	background: url(images/br.gif) no-repeat top right; 
}

div.box img.corner { display: block; }

/* ----------- content -------*/
div#content 
{ 
	width: 640px;
	float: left;
	margin-left: 10px;
	padding: 0px;
	background-color: White;
}
div#content p { text-align: justify; }

div#leftcontent
{
	float: left;
	width: 290px;
}

div#rightcontent
{
	margin-left: 300px;
	width: 290px;
}


/* ---------- navigation menu's ------------- */
/* left nav */
div#nav 
{ 
	float: left;
	background-color: #79C475; /*lichtgroen*/
}

div#nav ul
{
	list-style: none;
	width: 130px;
}

div#nav li
{
	padding-left: 10px;
	text-align:left;
}

div#nav a {color: #F7F7F7;}
div#nav a:hover {color: Gray;}

.navitem 	
{
	font-family: Calibri;
	font-size: large;
	font-weight: normal;
	text-decoration: none;
	color: #F7F7F7;
}

/* ---------- other -----------*/
img#iirbanner
{
	border: solid 1px gray;
	margin:10px 0;
}

table#publictrainingiir
{
	/*margin-left: 7px;*/
	font-size: 8pt;
	background-color: #F7F7F7;
}

br.clear
{
	clear: both;
}

/* --------- paginas -----------------*/
/* resources->links */
ul.linkstuff
{
	margin: 10px 0;
	padding: 0 5px;
	background-color: #F1F1F1;
	background-image: url(images/small_gradient_bg.gif);
	background-repeat: repeat-x;    
	list-style-type: none; 
	font-size: 8pt;
}

ul.linkstuff li.header
{
	font-weight: normal;
	font-size: medium; 
	border-bottom: solid 1px gray;
	color: Gray;
}

ul.linkstuff a
{
	text-decoration: none;
	font-size: small;
	font-weight: lighter; 
	color: #5a5a5a;
}

ul.linkstuff a:hover
{
	text-decoration: underline;
}

/* ----- login -------*/
.logincontrol td
{
	text-align: left;
}