/*
  Main lay-out
*/

body {
  margin: 0;
  padding: 0;

  background: #72a133 url(../gfx/html_bg.jpg) no-repeat scroll top center;

  overflow: -moz-scrollbars-vertical;

  text-align: left;
}

form {
  margin: 0;
}

.img {
	border: #000000;
}

/*
  Header
*/

body div#header {
	position: absolute;
	height: 170px;
	width: 900px;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	display: block;
	z-index: 4;
  left: 50%;
  margin-left: -450px;

  text-align: center;
}

* html div#header { position: absolute; }

span.menubar {
	position: relative;
	top: -15px;
	left: 30px;
	z-index: 4;

}
/*
  Content
*/

body div#container {
  margin-top: 170px;
  width: 900px;
  position: absolute;
  left: 50%;
  margin-left: -450px;
}

body div.container1000 {
	position: relative;
	width: 900px;
	margin-top: 0;
	margin-left: -450px;
	border-width: 0;
	left: 50%;
}

body div#topbar {
	height: 45px;
	width: 900px;
	/*padding-left: 32px;*/
	/*background-color: #6e93d6;*/
  background-image: url(../gfx/menu_bg.png);
	background-repeat: no-repeat;
	background-position: top center;

	margin-top: 0px;
}

body div#contentarea {
	width: 826px;
	min-height: 250px;
	_height: 250px;
	text-align: left;
	margin-left: 37px;
	padding-top: 13px;
	padding-top: 13px;
}

body div#container_mid {
  width: 900px;
  margin: 0px;
  padding: 0px;
  z-index: 2;
  background-image: url(../gfx/content_bg.png); /* window_background.jpg */
	background-repeat: repeat-y;
	background-position: center;
}

body div#containerarea_home {
	width: 866px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 17px;
  background-color: #fff;
}

/*
  Bottom
*/

body div#contentarea_copyright {
  z-index: 3;
  float:left;
  width:900px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #416411;
  padding: 0px;
  margin-top: 0px;
  padding-top:15px;
  text-align: center;
  margin-left: 0px;
  background-image: url(../gfx/footer_bg.png);
  background-repeat: no-repeat;
  background-position: center;
}

/* Homepage */
body#home div#header { height: 162px; }
body#home div#container { margin-top: 162px; }
body#home div#topbar { height: 37px; }

/*
  Header: Logo
*/

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

div#header h1#logo a {
  display: block;

  width: 283px;
  height: 0px;

  background-image: url(../gfx/logo.png);
  background-repeat: no-repeat;
  background-position: top center;

  padding-top: 109px;
  margin-top: 18px;

  font-size: 0px;

  overflow: hidden;
}

/*
  Menu
*/
div#topbar ul {
	width: 670px;
	height: 30px;
	margin-left: 20px;
	margin-top: 7px;
	padding: 0px;
	overflow: hidden;
	text-align: left;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
}

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

	float: left;
	height: 30px;
	margin-left: 2px;
}

div#topbar ul li a {
	display: block;

	width: 88px;
	height: 0px;

	font-size: 0px;

	padding-top: 30px;

	overflow: hidden;
}


div#topbar ul li#home a{
	width: 50px;
	background-image: url(../gfx/button_home.jpg);
}
div#topbar ul li#home a:hover{
	background-image: url(../gfx/button_home_over.jpg);
}


div#topbar ul li#assortiment a{
	width: 103px;
	background-image: url(../gfx/button_assortiment.jpg);
}
div#topbar ul li#assortiment a:hover{
	background-image: url(../gfx/button_assortiment_over.jpg);
}


div#topbar ul li#themafeesten a{
	width: 113px;
	background-image: url(../gfx/button_themafeesten.jpg);
}
div#topbar ul li#themafeesten a:hover{
	background-image: url(../gfx/button_themafeesten_over.jpg);
}

div#topbar ul li#wk2010 a{
	width: 67px;
	background-image: url(../gfx/menu_wk2010.jpg);
}
div#topbar ul li#wk2010 a:hover{
	background-image: url(../gfx/menu_wk2010_over.jpg);
}

div#topbar ul li#informatie a{
	width: 91px;
	background-image: url(../gfx/button_informatie.jpg);
}
div#topbar ul li#informatie a:hover{
	background-image: url(../gfx/button_informatie_over.jpg);
}

div#topbar ul li#aanbiedingen a{
	width: 109px;
	background-image: url(../gfx/button_aanbiedingen.jpg);
}
div#topbar ul li#aanbiedingen a:hover{
	background-image: url(../gfx/button_aanbiedingen_over.jpg);
}

div#topbar ul li#contact a{
	width: 74px;
	background-image: url(../gfx/button_contact.jpg);
}
div#topbar ul li#contact a:hover{
	background-image: url(../gfx/button_contact_over.jpg);
}
div#topbar ul li#fotoalbum a{
	width: 91px;
	background-image: url(../gfx/button_fotoalbum.jpg);
}
div#topbar ul li#fotoalbum a:hover{
	background-image: url(../gfx/button_fotoalbum_over.jpg);
}
div#topbar ul li#links a{
	width: 55px;
	background-image: url(../gfx/button_links.jpg);
}
div#topbar ul li#links a:hover{
	background-image: url(../gfx/button_links_over.jpg);
}

/*
	Search Button
*/

a.searchbutton {
  display: block;
  width: 58px;
  height: 0px;

  font-size: 0px;

  padding-top: 19px;
  margin:0;

  overflow: hidden;

  border: 0;
  background-image: url(../gfx/submit_zoeken_top.jpg);
}

a.searchbutton:hover {
	background-image: url(../gfx/submit_zoeken_top.jpg);
}

div#window div#window_content {
	width: 374px;
	background-image: url(../gfx/window_background.jpg);
	background-repeat: repeat-y;
	padding-left: 18px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;

}
div#window div#window_bottom {
  width: 374px;
  background-image: url(../gfx/window_bottom.jpg);
  background-repeat: no-repeat;

  height: 13px;
}
div#window div#window_header_contacttitel {
	width: 374px;
	background-image: url(../gfx/window_header.jpg);
	background-repeat: no-repeat;
	height: 28px;
}div#topbar ul li#nieuw a {

	width: 58px;
	background-image: url(../gfx/button_nieuw.jpg);
}
div#topbar ul li#nieuw a:hover {

	background-image: url(../gfx/button_nieuw_over.jpg);
}
.plaatje {
	border-top-width: 2px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #85bc3c;
	border-right-color: #73a432;
	border-bottom-color: #73a432;
	border-left-color: #85bc3c;
}


div.floatsearch {
  float: right; margin: 11px 21px 0 0; width: 180px;
}