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

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


/***************
 *  CENTERING  *
 ***************/
 
body
{
  background:                 white url('../img/gras.jpg') repeat-x 0 0;
}

div#wrapper
{
  position:                   relative;
  width:                      100%;
  height:                     100%;
  overflow:                   hidden;
}

div#header
{
  height:                     100px;
}

div#logo
{
  padding:                    31px 0 0 29px;
  width:                      178px;
  height:                     49px;
}

div#page
{
  width:                      1018px;
  padding:                    20px 0 20px 0;
}

div#card-creatie
{
  position:                   absolute;
  z-index:                    1;
  left:                       0px;
  top:                        0px;
  background:                 transparent url(../img/creatie.png) no-repeat -5px -5px;
  _background:                 transparent url(../img/creatie.gif) no-repeat -5px -5px;
  width:                      100px;
  height:                     140px;
  cursor:                     pointer;
}

div#card-innovatie
{
  position:                   absolute;
  z-index:                    1;
  left:                       0px;
  top:                        0px;
  background:                 transparent url(../img/innovatie.png) no-repeat -5px -5px;
  _background:                 transparent url(../img/innovatie.gif) no-repeat -5px -5px;
  width:                      100px;
  height:                     140px;
  cursor:                     pointer;
}

div#card-inthefield
{
  position:                   absolute;
  z-index:                    1;
  left:                       0px;
  top:                        0px;
  background:                 transparent url(../img/inthefield.png) no-repeat -5px -5px;
  _background:                 transparent url(../img/inthefield.gif) no-repeat -5px -5px;
  width:                      100px;
  height:                     140px;
  cursor:                     pointer;
}

div#card-inspiratie
{
  position:                   absolute;
  z-index:                    1;
  left:                       0px;
  top:                        0px;
  background:                 transparent url(../img/inspiratie.png) no-repeat -5px -5px;
  _background:                 transparent url(../img/inspiratie.gif) no-repeat -5px -5px;
  width:                      100px;
  height:                     140px;
  cursor:                     pointer;
}

/****************
 *  TYPOGRAPHY  *
 ****************/
 
body 
{
  font-family:                "Times New Roman", Arial, Verdana;
  color:                      #000;
  font-size:                  12px;
  font-weight:                normal;
  font-style:                 normal; 
}

a, a:link, a:visited, a:active, a:hover
{ 
  color:                      #373737;
  text-decoration:            underline;
  border:                     none; 
}

a:hover
{
  color:                      #373737;
  text-decoration:            none;
}

h1 
{ 
  font-size:                  28px; 
  margin:                     0 0 0 0;
	color:                      #666;
	font-style:                 normal;
	line-height:                1.1em;
}

h2 
{
  font-size:                  16px;
  margin-top:                 4px;
  font-weight:                normal; 
	color:                      #434343;
	padding-bottom:             5px;
	font-style:                 normal;
}

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

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

h6 
{
  font-size:                  28px; 
  margin:                     0 0 0 0;
	color:                      #ccc;
	font-style:                 normal;
	line-height:                1.1em;
}

p 
{
	line-height:                1.3em;
}	

ul
{
  padding-left:               15px;
}

li
{
  padding-bottom:             5px;
  line-height:                1.5em;
}

ol
{
  padding-left:               15px;
}

img
{
  border:                     none;
}

table
{
  font-family:                "Times New Roman", Arial, Verdana;
  font-size:                  12px;
}

td
{
  vertical-align:             top;
}

fieldset
{
  border:                     none;
}

input
{
  width:                      98%;
}

textarea
{
  width:                      98%;
}

