﻿html,body{
  margin:0;
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body{
  min-width:1004px;
  text-align:center;
}
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0}
#fullheightcontainer{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:1004px;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapper{
  min-height:100%;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapp\65	r{
  height:auto;
}
/* \*/
* html #wrapper{
  height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */
#outer{
  z-index:1;
  position:relative;
  margin-left:110px;
  width:782px;
  border-right:1px solid #000000;
  border-left:1px solid #000000;
  background:#FFFFFF;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}

* html #outer{
  width:784px;
  w\idth:782px;
}
#float-wrap{
  width:782px;
  margin-right:-1px;
  float:left;
  display:inline;
}
#left{
  width:112px;
  float:left;
  display:inline;
  position:relative;
  margin-left:-111px;
}
*>html #left{width:111px;}
#container-left{
  width:110px;
}
#right{
  float:left;
  display:inline;
  width:112px;
  margin-right:-110px;
  margin-left:-1px;
  position:relative;
}
/* \*/
* html #right{
  width:112px;
  margin-left:0px;
  margin-right:-500px;
  mar\gin-right:-112px;
}
/* Above style hidden from Mac IE */
#container-right{
/* \*/
  width:110px;
/* Above hidden from IE-Mac */
  margin-left:3px;
}
/* \*/
* html #container-right{
  fl\oat:right;
  di\splay:inline;
  margin-left:2px;
  mar\gin-left:0px;
}
/* Above style hidden from Mac IE */
/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
#center{
  width:782px;
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}
#gfx_bg_middle{
  top:0px;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:782px;
  margin-left:110px;
  border-right:1px solid #000000;
  border-left:1px solid #000000;
}
* html #gfx_bg_middle{
  display:none;
}
div,p{margin:0}

body 
{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-image: url(../images/patroon.jpg);
    background-repeat: repeat
}
#container-center
{
    position:absolute;
    top:103px;
}
#Verhaal
{
	display:block;
    height:248px;
    width:782px;
    background-position:0px 0px;
    background-image: url(../images/intro_verhaal.jpg);
}
#Verhaal:hover
{
	display:block;
    height:248px;
    width:782px;
    background-position:0px -248px;
    background-image: url(../images/intro_verhaal.jpg);
}
#Rotterdam
{
	display:block;
    height:249px;
    width:156px;
    float:left;
    background-position:0px 0px;
    background-image: url(../images/intro_rotterdam.jpg);
}
#Rotterdam:Hover
{
	display:block;
    height:249px;
    width:156px;
    float:left;
    background-position:0px -248px;
    background-image: url(../images/intro_rotterdam.jpg);
}
#Antwerpen
{
	display:block;
    height:249px;
    width:156px;
    float:left;
    background-position:0px 0px;
    background-image: url(../images/intro_antwerpen.jpg);
}
#Antwerpen:Hover
{
	display:block;
    height:249px;
    width:156px;
    float:left;
    background-position:0px -248px;
    background-image: url(../images/intro_antwerpen.jpg);
}
#Amsterdam
{
	display:block;
    height:249px;
    width:156px;
    float:left;
    background-position:0px 0px;
    background-image: url(../images/intro_amsterdam.jpg);
}
#Amsterdam:Hover
{
	display:block;
    height:249px;
    width:156px;
    float:left;
    background-position:0px -248px;
    background-image: url(../images/intro_amsterdam.jpg);
}
#Emmen
{
	display:block;
    height:249px;
    width:156px;
    float:left;
    background-position:0px 0px;
    background-image: url(../images/intro_emmen.jpg);
}
#Emmen:Hover
{
	display:block;
    height:249px;
    width:156px;
    float:left;
    background-position:0px -248px;
    background-image: url(../images/intro_emmen.jpg);
}
#Londen
{
	display:block;
    height:249px;
    width:158px;
    float:left;
    background-position:0px 0px;
    background-image: url(../images/intro_londen.jpg);
}
#Londen:Hover
{
	display:block;
    height:249px;
    width:158px;
    float:left;
    background-position:0px -248px;
    background-image: url(../images/intro_londen.jpg);
}
#YellowElephant
{
    background-position:0px 0px;
    background-image: url(../images/olifant_footer_geel.png);
}
#YellowElephant:hover
{
    background-position:0px -25px;
    background-image: url(../images/olifant_footer_geel.png);
}
#BlueElephant
{
    background-position:0px 0px;
    background-image: url(../images/olifant_footer_blauw.png);
}
#BlueElephant:hover
{
    background-position:0px -25px;
    background-image: url(../images/olifant_footer_blauw.png);
}
#RedElephant
{
    background-position:0px 0px;
    background-image: url(../images/olifant_footer_rood.png);
}
#RedElephant:hover
{
    background-position:0px -25px;
    background-image: url(../images/olifant_footer_rood.png);
}
#GreenElephant
{
    background-position:0px 0px;
    background-image: url(../images/olifant_footer_groen.png);
}
#GreenElephant:hover
{
    background-position:0px -25px;
    background-image: url(../images/olifant_footer_groen.png);
}
#LightBlueElephant
{
    background-position:0px 0px;
    background-image: url(../images/olifant_footer_lichtblauw.png);
}
#LightBlueElephant:hover
{
    background-position:0px -25px;
    background-image: url(../images/olifant_footer_lichtblauw.png);
}
#PurpleElephant
{
    background-position:0px 0px;
    background-image: url(../images/olifant_footer_paars.png);
}
#PurpleElephant:hover
{
    background-position:0px -25px;
    background-image: url(../images/olifant_footer_paars.png);
}
#Footer
{
	width:782px;
	height: 30px; 
	background-repeat:no-repeat;
}
.FooterElephant
{
	display:block;
    margin-top: 10px;
    height: 25px;
    width: 28px;
    float:left;
    cursor:pointer;
}
#FooterLeftText
{
    float:left;
    margin-top: 19px;
    margin-left: 10px;
    width:192px;
    height:22px;
	background-image: url(../images/footer_links.png);  
	background-repeat:no-repeat;
}
#FooterRightText
{
    float:right;
    margin-top: 20px;
    width:340px;
    height:16px;
	background-image: url(../images/footer_rechts.png);  
	background-repeat:no-repeat;
  
}

