/*
  Main lay-out
*/

body {
  margin: 0;
  padding: 0;

  background: #ffde00 url(../gfx/achtergrond.jpg) repeat-x scroll;

  overflow: -moz-scrollbars-vertical;

  text-align: left;
}

form {
  margin: 0;
}

.img {
	border: 2px solid #0055a5;
}


/*
  Header
*/

body div#header {
	position: absolute;
	height: 180px;
	width: 100%;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	display: block;
	z-index: 4;
}

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

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

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

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

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: 52px;
	background-image: url(../gfx/menu_home.jpg);
}
div#topbar ul li#home a:hover{
	background-image: url(../gfx/menu_home_over.jpg);
}


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


div#topbar ul li#themafeesten a{
	width: 103px;
	background-image: url(../gfx/menu_themafeesten.jpg);
}
div#topbar ul li#themafeesten a:hover{
	background-image: url(../gfx/menu_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: 88px;
	background-image: url(../gfx/menu_informatie.jpg);
}
div#topbar ul li#informatie a:hover{
	background-image: url(../gfx/menu_informatie_over.jpg);
}

div#topbar ul li#aanbiedingen a{
	width: 104px;
	background-image: url(../gfx/menu_aanbiedingen.gif);
}
div#topbar ul li#aanbiedingen a:hover{
	background-image: url(../gfx/menu_aanbiedingen_over.gif);
}

div#topbar ul li#fotoalbum a{
	width: 92px;
	background-image: url(../gfx/menu_fotoalbum.jpg);
}
div#topbar ul li#fotoalbum a:hover{
	background-image: url(../gfx/menu_fotoalbum_over.jpg);
}

div#topbar ul li#links a{
	width: 57px;
	background-image: url(../gfx/menu_links.jpg);
}
div#topbar ul li#links a:hover{
	background-image: url(../gfx/menu_links_over.jpg);
}

div#topbar ul li#contact a{
	width: 68px;
	background-image: url(../gfx/menu_contact.jpg);
}
div#topbar ul li#contact a:hover{
	background-image: url(../gfx/menu_contact_over.jpg);
}


/*
  Content
*/

body div#container {
  margin-top: 180px;
  width: 990px;
  position: absolute;
  left: 50%;
  margin-left: -490px;
}

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

body div#topbar {
	height: 30px;
	width: 900px;
	padding-left: 32px;
	margin-left: -473px;
	/*background-color: #6e93d6;*/
  background-image: url(../gfx/top_menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

body div#topbarbottom {
  height: 10px;

  background-color: #fff;
  background-image: url(../gfx/top_menu_bg_bottom.jpg);
  background-repeat: repeat-x;
  margin-left: -440px;
  font-size: 0px;
}

body div#container_mid {
  width: 967px;
  margin: 0px;
  padding: 0px;
  z-index: 2;
  float: left;
  background-image: url(../gfx/scale.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: 50px;
  background-color: #fff;
}

body div#contentarea {
	width: 823px;
	min-height: 250px;
	_height: 250px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top right;
	text-align: left;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 33px;

}

/*
  Bottom
*/

body div#contentarea_bottom {
	width: 967px;
	height: 28px;
	z-index: 3;
	float:left;
	padding: 0px;
	background-image: url(../gfx/scale_bottom.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body div#contentarea_copyright {
	z-index: 3;
	float:left;
	width:967px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #ffffff;
  background-color: #ffdf00;
  padding: 0px;
  margin: 0px;
  text-align: center;
  margin-left: 1px;
}
#contentarea_copyright a{
    font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #ffffff;
  text-decoration: none;
}

/*
  Header: Logo
*/

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

  font-size: 0px;
  color: #2260ab;
}

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

  width: 100px;
  height: 0px;

  background-image: none;
  background-repeat: no-repeat;
  background-position: 0 0;

  font-size: 0px;

  overflow: hidden;
}

div#window {
  width: 374px;
  text-align: center;

  margin-left: 3px;

  display: block;

}

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

  height: 28px;
}
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;
}
body div#contentarea_inhoud {

	width: 812px;
	min-height: 250px;
	_height: 250px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top right;
	text-align: left;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 44px;
}
.kop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0054a4;
	text-decoration: none;
}
.hoekje_rechtsboven {
	background-image: url(../gfx/hoekje_rechtsboven.jpg);
	position: absolute;
	background-position: right top;
	background-repeat: no-repeat;
}

.tabel_rond {
	background-color: #e6e6e6;
}

.subkop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0054a4;
	text-decoration: none;
}
.prijsopaanvraag {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.aanbieding {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0054a4;
	text-decoration: none;
	background-color: #FFF110;
	border: 2px solid #FFF111;
}

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

	font-size: 0px;

	padding-top: 30px;
	margin:0;

	overflow: hidden;

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

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

div.floatsearch {
 float: right; margin: 0 45px 0 0; width: 200px;
}