/*
De underscore en de asterix en de minus zijn hack's voor Internet Explorer.
Normale browser negeren CSS properties die ze niet kennen.
Maar Internet Explorer probeert uit alle macht er toch iets van te maken.

IE kent de min-height property niet maar met de volgende CSS code is er toch iets van te maken:
div#content
   {
   height: auto;
   min-height: 400px;
   _height: 400px;
   }

Geef de font-size in punten of procenten op zodat het mee veranderd als de site groter of kleiner wordt gemaakt

*/
body
    {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 10pt;
    background-color: #4afefc;
    margin: 0;
    }
a:link
    {
    text-decoration: underline;
    color: #000000;
    }
a:active
    {
    text-decoration: underline;
    color: #FFFFFF;
    }
a:visited
    {
    color: #000000;
    text-decoration: underline;
    }
a:hover
    {
    color: blue;
    text-decoration: underline;
    }
h1, h2, h3, h4, h5, h6
    {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-weight: normal;
    color: green;
    }
p, li
    {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    color: #000;
    margin: 3px 0px 3px;
    }
td
    {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 10pt;
    bgcolor: #95f1ec;
    }

/*
Als het met een # begint dan is het een ID naam
*/
#kop
{
	border: 0 0 0 0;
	width: 100%;
	height: 100px;
	position: relative;
	margin: 0 0 0 0;
	display: block;
}

#titel
{
	border: 0 0 0 0;
	width: 100%;
	height: 20px;
	margin: 0 0 0 0;
	position: relative;
	display: table;
	background: #ffff80;
}
#middenstuk
{
	width: 900px;
	position: relative;
	top: 0px;
	display: block;
	background: #add8e6;
}
#content
{
	width: 100%;
	top: 30px;
	position: relative;
	display: block;
	text-align: center;
	z-index: 10;
}

#eind
{
	position: relative;
	display: block;
	background: #add8e6;
}

#eind div
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

#logo
{
	position: absolute;
	top: 20px;
	left: 20px;
}

/*
Als het met een . begint dan is het een CLASS naam
*/
.cel
{
	border: 0 0 0 0;
	float: left;
	height: 27px;
	margin: 3 0 0 0;
	text-align: center;
	width: 19%;
}

.buttonHome
{
	background: #ffff80;
	color: #000;
	/*    border: 1px solid #000;  */
	min-width: 250px;
	max-width: 250px;
	width:     250px;
	min-height: 30px;
	max-height: 30px;
	height:     30px;
}

.button {
	width: 96px;
}

.clearfix:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	zoom: 1;
}

.container
{
	border: 1px solid green;
	margin: 20px 0;
}

.inner-container
{
	border: 0px solid red;
}

.kolom
{
	float: left;
	display: inline;
	text-align: center;
	width: 99%;
	z-index: 5;
}