/*

Common Style

(c) 2008 Copyleft Els D'Eer.

*/

/*
==============================
Basic Elements
==============================
*/

html, body {
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#ffffff;
	background-position:right bottom;
	background-attachment:fixed;
	background-repeat:no-repeat;
	color:#000000;
	font-family:Verdana,Arial,Univers,Helvetica,sans serif;
	font-size:1em;
	text-align:left;
	vertical-align:top;
	}

div{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	}

h1{
	font-size:16px;
	font-weight:bold;
	}

h1:first-letter{
	font-size:150%;
	}
	
h2{
	font-size:1em;
	font-weight:bold;
	}
	
h2:first-letter{
	font-size:150%;
	}
	
h3{
	font-size:20px;
	}
	
h3:first-letter{
	font-size:150%;
	}
h4{
	font-size:16px;
	font-weight:bold;
	text-align: right;
	}

h4:first-letter{
	font-size:150%;
	}
	
h5{
	font-size:12px;
	font-weight:bold;
	font-size:150%;
	}
h6{
	text-align: right;
	}
	
h7{
	font-weight:bold
	}
p:first-letter{
	font-size:150%;
	}

p{
	/* border:1px solid #cccccc; */
	/* background-color:#ffffff; */
	}

span{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	font: 8pt/16pt Verdana;
	text-align: left;
	color:#333399;
	}

object{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	/* border:1px dotted red; */
	}

table{
	/* border:1px dotted red; */
	}

tr{
	
	}

td{
	/* border:1px dotted blue; */
	vertical-align:top;
	font-family:Verdana,Arial,Univers,Helvetica,sans serif;
	/* font-size:1em; */
	}

a{
	text-decoration:none;
	}

a:link{
	/* unvisited link */
	color:#003366;
	}

a:visited{
	/* visited link */
	color:#003366;
	}

a:hover{
	/* mouse over link */
	color:#077b4a;
	}

a:active{
	/* selected link */
	}

ul{
	list-style-type:square;
	list-style-position:outside;
}

li{
	margin-left:50px;
	margin-top:0px;
	margin-bottom:0px;
}

.li-extraspace{
	margin-left:50px;
	margin-top:12px;
	margin-bottom:12px;
}

.li-border{
	margin-top:12px;
	margin-bottom:12px;
	border:1px dotted red;
}

/*
==============================
Page Classes
==============================
*/

.Container{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	/* border:1px dotted green; */
	width:100%;
	height:100%;
	background-image:url("images/Background-groen-144x1.png");
	background-position:top left;
	background-repeat:repeat-y;
	}

.Header{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:8px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	/* border:1px dotted red; */
	min-height:159px;
	max-height:159px;
	height:159px;
	font-size:8pt;
	color:#ffffff;
	line-height:normal;
	/* background-color:#077B4A; */
	/* background-image:url("images/Background-Bridge-450x144d72.png"); */
	background-image:url("images/header-background-1x159.png");
	/* background-position:right center;*/
	background-repeat:repeat-x;
	}

.Header a{
	color:#ffffff;
	}

.Header a:visited{
	/* visited link */
	color:#ffffff;
	}
	
.Header a:hover{
	/* mouse over link */
	color:#F0B213;
	}

.TitleImage{
	position:absolute;
	top:0px;
	left:0px;
	height:159px;
	/* width:740px;*/
	min-width:144px;
	max-width:740px;
	z-index:10;
	margin-left:140px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:16px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	/* border:1px dotted red; */
	background-color:transparent;
	/* color:#6666CC; */
	color:#077B4A;
	text-align:center;
	}

.SubTitle{
	position:absolute;
	/* top:16px; */
	top:72px;          
	left:0px;
	height:108px;
	width:50%;
	z-index:10;
	margin-left:256px;
	margin-right:144px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:16px;
	padding-right:16px;
	padding-top:0px;
	padding-bottom:0px;
	/* border:1px dotted red; */
	background-color:transparent;
	color:#333399;
	font-family:Verdana,Arial,Univers,Helvetica,sans serif;
	font-weight:normal;
	font-size:18pt;
	text-align:center;
	letter-spacing:0.42em;
	}

.Titles img{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	border:thin dotted #ff6600;
	}

.SubHeader{
	margin-left:144px;
	margin-right:0px;
	/* border:1px dotted red; */
	padding-left:25px;
	padding-right:0px;
	padding-top:8px;
	padding-bottom:0px;
	min-height:24px;
	max-height:24px;
	height:24px;
	/height:32px; /* IE Fix */
	/* max-width:2048px; */
	background-color:#F0B213;
	background-image:url("images/Background-CurveLeftTop.png");
	background-position:left top;
	background-repeat:no-repeat;
	font-size:8pt;
	/* font-variant:small-caps; */
	font-weight:bold; 	
	/* text-align:left; */
	color:#000000;
	}

.SubHeader a{
	text-decoration:none;
	display:block;
	position:relative;
	float:right;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px;
	border-width:0;
	width:26px;
	height:22px;
	background-image:url("images/Language-xp.png");
	background-position:center center;
	background-repeat:no-repeat;
	font-size:11pt;
	text-align:center;
	}

.SubHeader a.h{
	text-decoration:none;
	display:block;
	position:relative;
	float:right;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px;
	border-width:0;
	width:26px;
	height:22px;
	background-image:url("images/Language-xp-h.png");
	background-position:center center;
	background-repeat:no-repeat;
	font-size:11pt;
	text-align:center;
	}

.Navigator{
	position:absolute;
	left:0;
	margin-top:4px;
	margin-bottom:4px;
	margin-left:8px;
	margin-right:8px;
	padding-left:2px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:4px;
	width:120px;
	/width:128px; /* IE Fix */
	padding:4px;
	/* border:1px solid #ffffff; */
	background-color:transparent;
	/* background-image:url("images/Background-Lines-144x2d72.png"); */
	font-size:8pt;
	font-weight:bold;
	line-height:200%;
	}

.Navigator a{
	color:#ffffff;
	}

.Navigator a:visited{
	/* visited link */
	color:#ffffff;
	}

.Navigator a:hover{
	color:#F0B213;
	}
	
/** Makes sure there is a default border in the background color. */
.Navigator a img{
	border:thin solid #077B4A;
	}
	
/** Changes the default border on hover. */
.Navigator a:hover img{
	border:thin dotted #ff6600;
	}

.Body{
	margin-left:144px;
	margin-bottom:0px;
	/* margin-bottom:72px; */
	/* padding:8px; */
	padding:8px;
	font-size:12pt;
	background-color:transparent;
	}

.Body p{
	/* margin-right:72px; */
	margin-right:18px;
	}	

.Body a{
	text-decoration:underline;
	}

.Body a:link{
	/* unvisited link */
	color:#003366
	}

.Body a:visited{
	/* visited link */
	color:#003366
	}

.Body a:hover{
	/* mouse over link */
	color:#077b4a;
	}

.Body a:active{
	/* selected link */
	}

.PhotoPage{
	margin-left:144px;
	margin-bottom:0px;
	/* margin-bottom:72px; */
	/* padding:8px; */
	padding:8px;
	font-size:12pt;
	background-color:transparent;
	}

.PhotoPage img{
	margin-top:8px;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:8px;
	}


/*
==============================
Element Classes
==============================
*/

.AppletProblem{
	width:338;
	height:36;
	border:1px dotted red;
	color:#EE0000;
	letter-spacing:0.25em;
	text-align:center;
	vertical-align:"middle";
	}
	
.Name{
	font-family:Papyrus,Arial,Helvetica;
	font-size:10pt;
	font-weight:normal;
	color:#333333;
	}

.IT{
	font-family:Papyrus,Arial,Helvetica;
	font-size:10pt;
	font-weight:bold;
	color:#333399;
	}

.LanguageSelection{
	align:right;
	float:right;
	border:1px dotted red;
	}