html, body {
  margin:0;
	padding:0;
	background-color: #ffffff;
	background-image: url(../gfx/html_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

a {	
	color: #000000;
}	

img {
  border: 0;
}

div#cont_main {
	z-index: 10;
	
	position: absolute;
	top: 50%;
	left: 50%;

	padding: 0;
	margin: 0;
}

div#cont_index {
	z-index: 20;
	position: absolute;
	top: -291px;
	left: -495px;

	width: 990px;         /* 2*|div#inner{margin-left}| */
	height: 582px;        /* 2*|div#inner{top}|         */

	background-color: #fff;

	text-align: center;
}

div#menu_right {
	z-index: 200;
	position: absolute;
	
	width: 192px;
	height: 246px;
	
	bottom: 0px;
	right: 0px;
}

div#menu_right ul {
  padding: 0;
  margin: 0;
}  

div#menu_right ul li {
	display: inline;
	list-style: none;
  list-style-image: none;
}

div#menu_right ul li a {
	display: block;

	width: 192px;
	height: 0px;

	font-size: 0px;

	padding-top: 28px;
	overflow: hidden;
}

/* menu knoppen */

div#menu_right ul li#nieuws a {
  background: url(../gfx/menu_nieuws.png) no-repeat 0 0;
  padding-top: 44px;
}
div#menu_right ul li#deauto a {
  background: url(../gfx/menu_deauto.png) no-repeat 0 0;
  padding-top: 29px;
}
div#menu_right ul li#kalender a {
  background: url(../gfx/menu_kalender.png) no-repeat 0 0;
  padding-top: 37px;
}
div#menu_right ul li#carriere a {
  background: url(../gfx/menu_carriere.png) no-repeat 0 0;
  padding-top: 29px;
}
div#menu_right ul li#gastenboek a {
  background: url(../gfx/menu_gastenboek.png) no-repeat 0 0;
  padding-top: 37px;
}
div#menu_right ul li#fotoboek a {
  background: url(../gfx/menu_fotoboek.png) no-repeat 0 0;
  padding-top: 29px;
}
div#menu_right ul li#email a {
  background: url(../gfx/menu_email.png) no-repeat 0 0;
  padding-top: 41px;
}

/* menu knoppen OVER */

div#menu_right ul li#nieuws a:hover {
  background: url(../gfx/menu_nieuws_over.png) no-repeat 0 0;
}
div#menu_right ul li#deauto a:hover {
  background: url(../gfx/menu_deauto_over.png) no-repeat 0 0;
}
div#menu_right ul li#kalender a:hover {
  background: url(../gfx/menu_kalender_over.png) no-repeat 0 0;
}
div#menu_right ul li#carriere a:hover {
  background: url(../gfx/menu_carriere_over.png) no-repeat 0 0;
}
div#menu_right ul li#gastenboek a:hover {
  background: url(../gfx/menu_gastenboek_over.png) no-repeat 0 0;
}
div#menu_right ul li#fotoboek a:hover {
  background: url(../gfx/menu_fotoboek_over.png) no-repeat 0 0;
}
div#menu_right ul li#email a:hover {
  background: url(../gfx/menu_email_over.png) no-repeat 0 0;
}


/* menu knoppen current */

div#menu_right ul li#nieuws_current a {
  background: url(../gfx/menu_nieuws_current.png) no-repeat 0 0;
  padding-top: 44px;
}
div#menu_right ul li#deauto_current a {
  background: url(../gfx/menu_deauto_current.png) no-repeat 0 0;
  padding-top: 29px;
}
div#menu_right ul li#kalender_current a {
  background: url(../gfx/menu_kalender_current.png) no-repeat 0 0;
  padding-top: 37px;
}
div#menu_right ul li#carriere_current a {
  background: url(../gfx/menu_carriere_current.png) no-repeat 0 0;
  padding-top: 29px;
}
div#menu_right ul li#gastenboek_current a {
  background: url(../gfx/menu_gastenboek_current.png) no-repeat 0 0;
  padding-top: 37px;
}
div#menu_right ul li#fotoboek_current a {
  background: url(../gfx/menu_fotoboek_current.png) no-repeat 0 0;
  padding-top: 29px;
}
div#menu_right ul li#email_current a {
  background: url(../gfx/menu_email_current.png) no-repeat 0 0;
  padding-top: 41px;
}


div#content {
	z-index: 30;
	position: absolute;
	
	top: 100px;
	left: 185px;

	margin: 10px;
	
	width: 593px;
	height: 465px;
	
	overflow: auto;
}		


.home {
  background: url(../gfx/bg_home.jpg) no-repeat 0 0;
}
.fotoboek {
  background: url(../gfx/bg_fotoboek.jpg) no-repeat 0 0;
}
.fotoboek2 {
  background: url(../gfx/bg_fotoboek2.jpg) no-repeat 0 0;
}
.gastenboek {
  background: url(../gfx/bg_gastenboek.jpg) no-repeat 0 0;
}
.agenda {
  background: url(../gfx/bg_agenda.jpg) no-repeat 0 0;
}
.deauto {
 /* background: url(../gfx/bg_deauto.jpg) no-repeat 0 0; */
}
.nieuws {
  background: url(../gfx/bg_nieuws.jpg) no-repeat 0 0;
}
.kalender {
  background: url(../gfx/bg_kalender.jpg) no-repeat 0 0;
}
.carriere {
  background: url(../gfx/bg_carriere.jpg) no-repeat 0 0;
}
.notfound {
  background: url(../gfx/bg_home.jpg) no-repeat 0 0;
}

div#left_top_nav {
  margin: 5px;
}