/*********************************************************
 * CASCADING STYLESHEETS for AIREVENTS created by DVDM-Zonnebeke
 *********************************************************/
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #e5e8f1;
	color: #000000;
	text-align: center;
}
.style1 {color: #FFFFFF}
		
/*********************************************************
 * Beschrijving van unieke controls,
 * controls met ID
 */
#container
{ 
  position: relative;
  margin: auto auto;
  padding: 1px;
  text-align: center;
  width: 1044px;
}

/* instellingen voor de pagina header */
#header_1
{
	margin: 0px;
	padding: 0px;
	background-image: url(../afbeeldingen/header_01.jpg);
	height:110px;
	border: 0px;
	background-repeat: no-repeat;
}
#header_2
{
	margin: 0px;
	padding: 0px;
	background-image: url(../afbeeldingen/header_02.jpg);
	height:154px;
	border: 0px;
	background-repeat: no-repeat;
}
#header_3
{
	margin: 0px;
	padding: 0px;
	background-image: url(../afbeeldingen/header_03.jpg);
	height:85px;
	border: 0px;
	background-repeat: no-repeat;
}

/* achtergrond en instellingen voor de titels */
#titel_header
{
	height: 25px;
	margin: 0px;
	padding-left: 25px;
	padding-top: 4px;
	background-image: url(../afbeeldingen/page_div/titel%20grey.jpg);
	border: 0px;
	background-repeat: no-repeat;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	font:Arial, Helvetica, sans-serif;
	}

/* instellingen voor de pagina content  */

#content
{
	background-image: url(../afbeeldingen/content.jpg);
	background-repeat: repeat-y;
	width:1044px;
	margin:0px;
	height:auto;
	text-align: left;
}

/* instellingen voor de pagina footer */
#footer
{
	
	color: #BBBBBB;
	font-size:80%;
	height: 100px;
	margin: 0px;
	background-image: url(../afbeeldingen/footer.jpg);
	background-repeat: no-repeat;
	padding-top: 280px;
	
}

/* instellingen voor de pagina content links en rechts box */


 #content_boxl{
	width: 190px;
	margin: 1px 1px 1px 1px;
	padding:0px 20px 0px 76px;
	height: auto;
	border: 0px;
	float: left;
	text-align: center;
	}

#content_boxr {
	width: 720px;
	margin: 1px 1px 1px 1px;
	padding:0px 5px 0px 0px;
	height: auto;
	border: 0px;
	text-align: left;
	float: left;
}


#content_boxr a:link, 
#content_boxr a:visited
{
	COLOR: #000099;
	TEXT-DECORATION: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content_boxr a:hover
{
	COLOR: #0000FF;
	TEXT-DECORATION: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

.img
  {
  margin:2px;
  border:1px solid #0000ff;
  }


/**********************************************************
 * Beschrijving van klassen, gekoppeld aan controls
 */
H1
{
  font-size: 16pt;
  font-weight: bold;
  color: #ff9900; 
}

H2
{
  font-size: 14pt;
  font-weight: bold;
  color: Red;
}


H3 
{
  font-size: 12pt;
  font-weight: bold;
  color: #ff6600;
}

H4
{
  font-size: 10pt;
  font-weight: bold;
  color: Green;
}

H5
{
  font-size: 9pt;
  font-weight: bold;
  color: Red;
}

.Titel
{
	margin: 0px;
	font-size: 10pt;
	font-weight: bold;
	color: #07188e;
	font:Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.OnderTitel
{
	margin: 0px;
	font-size: 10pt;
	font-weight: bold;
	color: #07188e;
	font: arial, Arial, Helvetica, sans-serif;
	}

.Tekst
{ 
	font:Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;    
}

.Tekst_Vet
{
	font:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	color: #808080;
}

.Tekst_90
{
	font:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 90%;
	font-style: normal;
}

.copyright
{
	margin: 0px;
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
	color: #fc6e26;
	text-align: center;
	border-bottom: 0;
	}
	
.errormsg 
{
	color: red;
	font-weight: bold;    
}

TEXTAREA 
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND: #DADADA;
	border: #000000 1px solid;
	font-size:8pt;
}
 
OPTION {
	font-size:8pt;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND: #DADADA;
	border: #000000 1px solid;
} 

INPUT {
	font-size:8pt;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND: #DADADA;
	border: #000000 1px solid;
} 

SELECT {
	font-size:8pt;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border: #000000 1px solid;
	background-color: #DADADA;
}

A:link {
	COLOR: #02baff;
	TEXT-DECORATION: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

A:visited {
	COLOR: #02baff;
	TEXT-DECORATION: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

A:hover {
	COLOR: #CCCCCC;
	TEXT-DECORATION: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*class voor het aanmaken van een oranje kader rond fotos */
.img_kader_zwart 	
	{
	img border-width: 4px;
	border-style: solid;
	border-color: #000000;
	border: 1px;
}

/* back ground colors in tabel gegevens */
.bg1   {
	font-size:8pt;
	background-color:#C9C6B8;
}
.bg2   {
	font-size:8pt;
	background-color:#FFFFFF;
}

/* Style Sheet voor calendar icon Datum picker*/
img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align: middle;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 158px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: white;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	background-color: gray;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #ACD6F5;
}
div#tcal td.today {
	border: 1px solid red;
}
div#tcal td.selected {
	background-color: #FFB3BE;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
}

/* vanaf hier volgen de menu styles***************************************************************************************/
#navigatie ul
/* list-style: none; zorgt ervoor dat de bolletjes die standaard bij een lijst zijn, niet getoond worden, padding en margin staan op 0, dus daarmee hebben we de standaard inspringing van ongeveer 17px ook reeds verwijdert. */
{
	list-style: none;
	padding: 0;
	margin: 0;
} 
#navigatie li
{
/*Met de float: left; bepalen we dat de links nu naast elkaar staan in plaats van onder elkaar, met margin: 0 0.15em; zeggen we dat er geen marge onder & boven moet zijn, en dat er een spatie links en rechts moet zijn van 0.15em. 
Met padding: 0; zorgen we ervoor dat er geen spaties zijn, aan geen enkele kant. */
	margin: 0 0.15em;
	padding: 0;
} 

#navigatie  a:link, 
#navigatie  a:visited
{
	height:40px;
	width: 180px;
	display: block;
	border: 1px solid #000000;
	text-decoration: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../afbeeldingen/bg_hover_2.jpg);
	background-color: #000000;
	background-repeat: no-repeat;
} 
#navigatie  a:hover
{
	background: url(../afbeeldingen/bg_statisch_2.jpg);
	height:40px;
	width: 180px;
	display: block;
	border: 1px solid #FFFFFF;
	color:#0000ff;
	text-decoration: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-repeat: no-repeat;
	background-color: #000000;
} 
#navigatie
/* Dit is een optie, maar als je het niet zou plaatsen, dan zou, als de bezoeker om een of andere duistere reden zijn scherm kleiner maakt, de links aan de uiterst rechtse kant worden afgebroken en onder de eerste link geplaatst worden. */
{ 
	width:100%
}