/******************
 *  GLOBAL RESET  *
 ******************/
 
*
{
  margin:                     0;
  padding:                    0;
}

html, body
{
  width:                      100%;
  height:                     100%;
}


/***************
 *  CENTERING  *
 ***************/
 
body
{
  background:                 white;
  text-align:                 center;
}

div#wrapper
{
  text-align:                 left;
  width:                      911px;
  margin:                     0 auto;
  padding:                    0 0 0 0;
}

/****************
 *  TYPOGRAPHY  *
 ****************/
 
body 
{
  font-family:                "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  color:                      #444;
  font-size:                  11px;
  font-weight:                normal;
  font-style:                 normal; 
}

a, a:link, a:visited, a:active
{ 
  color:                      #00AEEF; 
  background-color:           transparent;
  text-decoration:            underline;
}

a:hover
{
  color:                      #00AEEF; 
  background-color:           transparent;
  text-decoration:            none;
}

a.graphic, a.graphic:link, a.graphic:visited, a.graphic:active, a.graphic:hover
{ 
  border:                     none; 
  text-decoration:            none; 
  background-color:           transparent;
}

h1 
{
	color:                      #00AEEF;
	font-size:                  20px;
	font-weight:                bold;
	margin:                     0 0 0.35em 0;
	line-height:                1.1em;
}

h2 
{
  color:                      #00AEEF;
	font-size:                  12px;
	font-weight:                bold;
	margin:                     0.2em 0 0.18em 0;
	line-height:                1.3em;
	text-align:                 justify;
}

h3 
{
	font-size:                  11px;
	font-weight:                bold;
	color:                      #0D723B;;
	margin:                     0.1em 0 0.15em 0;
	line-height:                1.1em;
}	

h4 
{
	font-size:                  1.2em;
	line-height:                1.6em;
	color:                      #F0FF74;
	display:                    block;
	padding-top:                5px;
	border:                     none;
}

h5 
{
	font-size:                  1.1em;
	line-height:                1.5em;
	color:                      #333333;
	display:                    block;
	padding-top:                5px;
}

h6 
{
	font-size:                  19px;
	line-height:                1.4em;
	color:                      #316595;
	display:                    block;
}

p 
{
	margin-bottom:              0.8em;
	text-align:                 left;
	line-height:                1.5em;
}	

ul
{
  padding:                    0 0 12px 15px;
}

table
{
  font-family:                "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size:                  11px;
}

/***********************************
 *                                 *
 *             PAGE                *
 *                                 *
 ***********************************/
 
div#topspacer
{
  height:                     20px;
}
 
div#header
{
  position:                   relative;
  background:                 transparent url("../img/dotted.gif") repeat-x bottom left;
  height:                     128px;
  margin-bottom:              13px;
}

div#logo-abc
{
  position:                   absolute;
  background:                 transparent url("../img/logo-abc.gif") no-repeat 0 0;
  top:                        0;
  left:                       624px;
  width:                      166px;
  height:                     116px;
}

div#logo-abc a
{
  display:                    block;
  width:                      166px;
  height:                     116px;
  border:                     none;
  text-decoration:            none;  
}

div#logo-avans
{
  position:                   absolute;
  background:                 transparent url("../img/logo-avans.gif") no-repeat 0 0;
  top:                        90px;
  right:                      0;
  width:                      90px;
  height:                     25px;
}

div#logo-avans a
{
  display:                    block;
  width:                      90px;
  height:                     25px;
  border:                     none;
  text-decoration:            none;
}

div#menu
{

  padding:                    105px 10px 0 10px;
  font-size:                  13px;
  color:                      #00AEEF;
  font-style:                 italic;
  font-weight:                bold;
}

div#menu a
{
  text-decoration:            none;
  margin-right:               40px;
}

div#menu a.active
{
  color:                      #008ECF;
}

div#menu a:hover
{
  color:                      #008ECF;
}

div#content
{
}

div#col1
{
  position:                   relative;
  float:                      left;
  width:                      310px; /* 291 + 19 */
}

div#col2
{
  position:                   relative;
  float:                      left;
  width:                      310px; /* 291 + 91 */
}

div#col3
{
  position:                   relative;
  float:                      left;
  width:                      291px;
}

div.cloud
{
  height:                     326px;
  width:                      291px;
  background:                 transparent url(../img/man.jpg) no-repeat 0 0;
}

div.cloud-mask
{
  height:                     326px;
  width:                      291px;
  background:                 transparent url(../img/balloon2.gif) no-repeat 0 0;
}

div.cloud-mask a,
div.cloud-mask a:visited,
div.cloud-mask a:link,
div.cloud-mask a:active,
div.cloud-mask a:hover
{
  display:                    block;
  height:                     285px;
  width:                      291px;
  border:                     none;
  text-decoration:            none;    
}

div.coltitle
{
  position:                   absolute;
  top:                        301px;
  margin:                     0 0 0 60px;
  width:                      216px;
}

div.coltitle h1
{
  font-size:                  15px;
  font-weight:                bold;
  font-style:                 italic;
  padding:                    0;
  margin:                     0 0 5px 0;
  line-height:                1em;
  text-align:                 left;
}

div#col1 div.coltitle h1 a,
div#col1 div.coltitle h2 a
{
  color:                      #00AEEF;
  text-decoration:            none;  
}

div#col2 div.coltitle h1 a,
div#col2 div.coltitle h2 a
{
  color:                      #F7941D;
  text-decoration:            none;
}

div#col3 div.coltitle h1 a,
div#col3 div.coltitle h2 a
{
  color:                      #52BE61;
  text-decoration:            none;
}

div.coltitle h2
{
  font-size:                  13px;
  font-weight:                bold;
  font-style:                 italic;
  padding:                    0 0 5px 0;
  margin:                     0;
  line-height:                1.2em;
  text-align:                 left;
}

div.coltitle ul
{
  list-style-image:           none;
  list-style-type:            none;
  padding:                    0 0 0 0;
  margin:                     0 0 0 -5px;
}

div.coltitle li
{
  padding:                    0 0 2px 0;
}

div.coltitle ul a,
div.coltitle ul a:active,
div.coltitle ul a:visited,
div.coltitle ul a:link,
div.coltitle ul a:hover
{
  text-decoration:            none;
  display:                    block;
  padding:                    2px 5px 2px 5px;
}

div.coltitle ul a.active
{
  color:                      #016185;
  background:                 transparent url(../img/menu-bg.gif) no-repeat top right;
  text-decoration:            none;
}

div.coltitle ul a:hover
{
  background:                 transparent url(../img/menu-bg-hot.gif) no-repeat top right;
}

div#col1 h1, div#col1 h2 { color: #00AEEF; }
div#col2 h1, div#col2 h2 { color: #F7941D; }
div#col3 h1, div#col3 h2 { color: #52BE61; }

div#page
{
  float: right;
  width: 598px;
}

/***********************************
 *                                 *
 *            DATEBOX              *
 *                                 *
 ***********************************/

div.datebox
{
  border:                     solid 1px #0D623B;
}

div.datebox-border
{
  border:                     solid 1px #fff;
}

div.datebox-inner
{
  background:                 #0D623B;
}