html {
  background: #FFCCFF url(../img/background.png);
}

body {
	text-align: left;
	margin: 0;
	padding: 0;
}

#header {

	width: 100%;
	height: 291px;
	background: url(../img/header.png);
}
h1 {
	margin: 0;
	padding: 0;
	width: 720px;
	height: 291px;
	background: url(../img/topcondoom.png) no-repeat left top;
}
h1 span {
	display: none;
}

ul#menu {
	width: 219px;
	height: 216px;
	background: url(../img/menu.png);
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
}
ul#menu li span {
	display: none;
	padding: 0;
	margin: 0;	
}
ul#menu li {
	padding: 0;
        display: block;
        position: relative;
	margin: 0 0 0 15px;
	list-style: none;
}

ul#menu li.home {
	margin-top: 35px;

}
ul#menu li a {
	padding: 0;
	margin: 0;
	display: block;
}
li.home a {
	background: url(../img/home.png) top left;
	height: 22px;
	width: 102px;	
/* Dirty IE Hack: onderstaande wordt alleen weergegeven door iets anders dan IE */
  foo: ";
  foo: "";


height: 28px;


/*";*/
/* IE Hack einde */		
}
li.bestel a {
	background: url(../img/bestel.png) top left;
	height: 37px;
	width: 186px;
}
li.betalen a {
	background: url(../img/betalen.png) top left;
	height: 29px;
	width: 135px;
}
li.veiligheid a {
	background: url(../img/veiligheid.png) top left;
	height: 30px;
	width: 142px;
	
/* Dirty IE Hack: onderstaande wordt alleen weergegeven door iets anders dan IE */
  foo: ";
  foo: "";

height: 37px

/*";*/
/* IE Hack einde */		
}
li.contact a {
	background: url(../img/contact.png) top left;
	height: 35px;
	width: 82px;
	
}







li.home a:hover {
	background: url(../img/home.png) 0px -33px;
}
li.bestel a:hover {
	background: url(../img/bestel.png) bottom left;
}
li.betalen a:hover {
	background: url(../img/betalen.png) bottom left;
}
li.veiligheid a:hover {
	background: url(../img/veiligheid.png) 0px -45px;
}
li.contact a:hover {
	background: url(../img/contact.png) bottom left;
}

#content {
	border-top: 3px solid red;
	border-bottom: 3px solid red;	
	background: white;
	float: left;
	margin-left: 30px;
	position: relative;
	width: 470px;
	font: 0.8em/1.4em verdana, sans-serif;
}
#content p {
	padding: 0px 10px 10px 10px;
}
#content a {
	text-decoration: none;
	color: red;
}
#content a:hover {
	text-decoration: underline;
	color: red;
}
#content a:visited {
	text-decoration: underline;
	color: maroon;
}
#content h3 {
	padding: 0px 10px 0px 10px;
	font: bold 0.8em/1.4em verdana, sans-serif;

}
#content h2 {
	height: 31px;
	background: url(../img/h2.png);
	background-repeat: no-repeat;
	margin: 10px 10px 0 10px;
	padding: 0;
}
#content h2 span {
	display: none;
}
h2#home {
	background-position: 0px -40px;
}
h2#bestel {
	background-position: 0px -74px;
}
h2#betalen {
	background-position: 0px -105px;
}
h2#veiligheid {
	background-position: 0px -2px;
}
h2#contact {
	background-position: 0px -139px;
}