body,html
	{
		margin: 0;
		padding: 0;
		height: 100%;
        min-height: 100%; 
		font-family: Verdana, Arial;
		background-color: #FFF;
		font-size: 11px;
		color: #000;
		background: url(../pictures/structure/body_background.png);
		background-position: center;
		background-repeat: repeat-y;
	}

img
	{
		border: none;
	}

a
	{
		text-decoration: underline;
		color: #00AEEF;
	}

a:hover
	{
		text-decoration: none;
	}


p
	{
		margin-top: 0px;
		text-align: justify;
	}

hr
	{
		color: #00AEEF;
		background-color: #00AEEF;
		height: 1px;
		border: none;
		clear: both;
		margin-top: 25px;
		margin-bottom: 25px;
		width: 320px;
	}

.cleardiv
	{
		clear: both;
	}

#container
	{
		position: relative;
		margin: auto;
		width: 800px;
		height: 100%; 
        height: auto !important; 
        min-height: 100%; 
		background: url(../pictures/structure/container_background.png);
		background-position: center;
		background-repeat: repeat-y;
	}

#logo
	{
		position: absolute;
		height: 87px;
		left: 31px;
		top: 0;
		padding-top: 35px;
		background-color: #FFF;
	}

#navigation
	{
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		left: 400px;
		top: 64px;
	}

#bigbutton
	{
		position: absolute;
		top: 175px;
		right: 35px;
	}

#news
	{
		width: 311px;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 125px;
		padding-bottom: 30px;
		float: left;
	}

#news h2
	{
		margin-bottom: 10px;
		font-size: 100%;
	}

#content
	{
		float: left;
		width: 368px;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 215px;
		padding-bottom: 30px;
		display: inline;
		margin-right: -20px;
	}

#navigation li
	{
		float: left;
		padding: 0;
		margin: 0;
		margin-right: 8px;
	}

#navigation li a
	{
		display: block;
		text-indent: -1982px;
		width: 36px;
		height: 36px;
		
	}

#navigation li a#btn_aboutus
	{
		background: url(../pictures/structure/btn_aboutus.png);
		background-position: 0;
	}

#navigation li a#btn_aboutus:hover
	{
		background-position: 36px;
	}

#navigation li a#btn_klaas
	{
		background: url(../pictures/structure/btn_klaas.png);
		background-position: 0;
	}

#navigation li a#btn_klaas:hover
	{
		background-position: 36px;
	}

#navigation li a#btn_raymon
	{
		background: url(../pictures/structure/btn_raymon.png);
		background-position: 0;
	}

#navigation li a#btn_raymon:hover
	{
		background-position: 36px;
	}

#navigation li a#btn_brecht
	{
		background: url(../pictures/structure/btn_brecht.png);
		background-position: 0;
	}

#navigation li a#btn_brecht:hover
	{
		background-position: 36px;
	}

#navigation li a#btn_contact
	{
		background: url(../pictures/structure/btn_contact.png);
		background-position: 0;
	}

#navigation li a#btn_contact:hover
	{
		background-position: 36px;
	}

h1
	{
		display: block;
		text-indent: -1982px;
	}

h1#h1_aboutus
	{
		background: url(../pictures/content/h1_aboutus.png);
		background-repeat: no-repeat;
	}

h1#h1_klaas
	{
		background: url(../pictures/content/h1_klaas.png);
		background-repeat: no-repeat;
	}

h1#h1_raymon
	{
		background: url(../pictures/content/h1_raymon.png);
		background-repeat: no-repeat;
	}

h1#h1_brecht
	{
		background: url(../pictures/content/h1_brecht.png);
		background-repeat: no-repeat;
	}

h1#h1_contact
	{
		background: url(../pictures/content/h1_contact.png);
		background-repeat: no-repeat;
	}

#footer
	{
		width: 362px;
		height: 17px;
		margin-top: 120px;
		background: url(../pictures/structure/footerblokjes.png);
		background-repeat: no-repeat;
	}