/*

Common Style

(c) 2023 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;}

h8{
	font-size:12px;
	font-weight:bold;
	font-size:75%;
	}
h9{
	font-size:10px;
	font-size:75%;
	}

p:first-letter{
	font-size:150%;
	color:#575756
	}

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

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: 10pt/12pt 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; */
	color:#575756
	}

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:#575756
	}

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

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

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:4px;
	margin-bottom:4px;
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	/*border:1px dotted red;*/
	min-height:159px;
	max-height:159px;
	height:150px;
	font-size:8pt;
	color:#575756;
	line-height:normal;
	text-align:left;
	/*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:#009844;
	}
	
.img-circle {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}
.img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  padding 
}


.TitleImage{
	position:absolute;
	top:0px;
	left:0px;
	height:159px;
	width:1200px;
	min-width:144px;
	max-width:1200px;
	z-index:10;
	margin-left:144px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:3px;
	padding-bottom:0px;
	background-color:*#F5F5F5*;
	text-align:center;
	
    /*background-image:url("images/header-background-1x159.png");*/
	/* background-position:right center;*/
	/*background-repeat:repeat-x;*/
	/* color:#6666CC; */
	/*color:#077B4A;*/
	/*border:1px dotted white;*/
	/*border:1px dotted red;*/
	/*background-color:transparent;*/
	
	}

.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;*/
	background-color: #F5F5F5;
	color:#009844;
	font-family:Verdana,Arial,Univers,Helvetica,sans serif;
	font-weight:normal;
	font-size:12pt;
	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:0px;
	margin-right:0px;
	margin-top:0px;
	border:2px dotted green;
	padding-left:0px;
	padding-right:0px;
	padding-top:12px;
	padding-bottom:12px;
	min-height:20px;
	max-height:40px;
	height:40px;
	background-color: transparant; 
	/*background-color:#F0B213;*/
	/*background-image:url("images/Background-CurveLeftTop.png");*/
	background-position:left top;
	background-repeat:no-repeat;
	font-size:12pt;
	/* font-variant:small-caps; */
	font-weight:bold; 	
	text-align:left;
	color:#009844;
	}

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

.SubHeader a:hover{
	color:#009844;
	}

/* The dropdown container */
.dropdown {
 	/*float: none;*/
 	overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px;
  border: 1px dotted #009844;
  background-color: inherit;
  font-family:Verdana,Arial,Univers,Helvetica,sans serif;
  font-weight:bold;
  padding: 12px 16px;
  color:#575756;
  }


/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  font-family:Verdana,Arial,Univers,Helvetica,sans serif;
  font-weight:bold;
  font-size: 12px;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color:#575756;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-family:Verdana,Arial,Univers,Helvetica,sans serif;
  font-weight:bold;
  font-size: 12px;
}

/* Add a green background color to dropdown links on hover */
.dropdown-content a:hover {
   color:#009844;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
  color:#009844;
}


.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:#545456;
	}

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

.Navigator a:hover{
	color:#009844
	}
	
/** 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;
	color:#575756;
	}

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

.Body a{
	text-decoration:underline;
	}

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

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

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

.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;
	color:#575756
	/*border:2px dotted red;*/
	}

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

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

.lb-overlay {
	background-color:black;
	/*border:2px dotted red;*/
	/*background: none repeat scroll 0% 0% #000;*/
	height: 100%;
	opacity: 0.85;
	/*position: absolute;*/
	position:relative;
	width: 100%;
	}
/*

==============================
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;
	}