/*
  Main lay-out
*/

html {
  min-height: 100%;
  height: auto;
}

body {
  margin: 0;
  padding: 0;

  overflow: -moz-scrollbars-vertical;

  text-align: left;
}

form {
  margin: 0;
}

body div#container {
  position: absolute;
  z-index: 1;

  width: 910px;
  height: 588px;  
  
  bottom: 0px;
  left: 50%;
  margin-left: -455px;  
  
  top: 40%;
  margin-top: -294px;
}


body div#left_content {
  position: absolute;
  z-index: 10;
  
  width: 187px;
  height: 588px;
  min-height: 588px;
  
  left: 0px;
  top: 78px;
}

body div#right_content {
  position: absolute;
  z-index: 10;
  
  width: 722px;
  height: 588px;
  min-height: 588px;
  
  left: 187px;
  top: 0px;
  
  background-color: #e5e5e5;
}

/*
  Header: Logo
*/

h1#logo {
  margin: 0;
  padding: 0;
}

h1#logo a {
	display: block;

	width: 166px;
	height: 0px;

	padding-top: 94px;

  background-image: url(../gfx/logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;

	font-size: 0px;

	overflow: hidden;
}

/*
  Menu
*/

div#menu {
  position: absolute;
  z-index: 20;
  
	left: 0px;
	margin-top: 53px;
}

div#menu ul {
	margin: 0;
	padding: 0;

	width: 151px;
	text-align: left;
}

div#menu ul li{
	display: inline;
	list-style: none;

}

div#menu ul li a {
	display: block;

	width: 151px;
	height: 0px;

	font-size: 0px;

	padding-top: 35px;
	overflow: hidden;
	margin-top: 0px;
}

div#menu ul li#architectuur a {
  background: url(../gfx/architectuur.gif) no-repeat 0 0;
  padding-top: 35px;
}

div#menu ul li#architectuur a:hover {
  background: url(../gfx/architectuur_over.gif) no-repeat 0 0;
}



div#menu ul li#natuur a {
  background: url(../gfx/natuur.gif) no-repeat 0 0;
  padding-top: 35px;
}

div#menu ul li#natuur a:hover {
  background: url(../gfx/natuur_over.gif) no-repeat 0 0;
}



div#menu ul li#kunst a {
  background: url(../gfx/kunst.gif) no-repeat 0 0;
  padding-top: 37px;
}

div#menu ul li#kunst a:hover {
  background: url(../gfx/kunst_over.gif) no-repeat 0 0;
}



div#menu ul li#portretten a {
  background: url(../gfx/portretten.gif) no-repeat 0 0;
  padding-top: 37px;
}

div#menu ul li#portretten a:hover {
  background: url(../gfx/portretten_over.gif) no-repeat 0 0;
}



div#menu ul li#landschappen a {
  background: url(../gfx/landschappen.gif) no-repeat 0 0;
  padding-top: 36px;
}

div#menu ul li#landschappen a:hover {
  background: url(../gfx/landschappen_over.gif) no-repeat 0 0;
}



div#menu ul li#publicaties a {
  background: url(../gfx/publicaties.gif) no-repeat 0 0;
  padding-top: 38px;
}

div#menu ul li#publicaties a:hover {
  background: url(../gfx/publicaties_over.gif) no-repeat 0 0;
}



div#menu ul li#specials a {
  background: url(../gfx/specials.gif) no-repeat 0 0;
  padding-top: 35px;
}

div#menu ul li#specials a:hover {
  background: url(../gfx/specials_over.gif) no-repeat 0 0;
}



div#menu ul li#nieuw_werk a {
  background: url(../gfx/nieuw_werk.gif) no-repeat 0 0;
  padding-top: 37px;
}

div#menu ul li#nieuw_werk a:hover {
  background: url(../gfx/nieuw_werk_over.gif) no-repeat 0 0;
}



div#menu ul li#contact a {
  background: url(../gfx/contact.gif) no-repeat 0 0;
  padding-top: 34px;
}

div#menu ul li#contact a:hover {
  background: url(../gfx/contact_over.gif) no-repeat 0 0;
}
body div#sub_menu {

  position: absolute;
  z-index: 10;
  
  width: 722px;
  height: 30px;
  min-height: 30px;
  
  left: 195px;
  top: 601px;
  
  background-color: #FFFFFF;
}