body {
	background-color: #77b57f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
}

td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
}

form {

}

a {
	color:#000000;
	text-decoration: none;
}

a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

.zoekbalk {
	color:#009933;
}

.Pellet {
	font-size: x-large;
}

div #main a {
	color: #FFFFFF;
	text-decoration: none;
}

div #main a:hover {
	color: #11F4A5;
	text-decoration: underline;
}

div #container {
	position:relative;
	width: 1003px;
	height: auto;
	z-index: 1;
}
	
div #header {
	position:absolute;
	left:0px;
	top:0px;
	width: 999px;
	height: 170px;
	z-index: 2;
}

div #home {
	position: absolute;
	left: 515px;
	top: 57px;
	z-index: 4;
}

div #sitemap {
	position: absolute;
	left: 290px;
	top: 115px;
	z-index: 6;
}

div #zoekbalk {
	position: absolute;
	left: 662px;
	top: 109px;
	width: 300px;
	z-index: 4;
}

div #winkelmand {
	position: absolute;
	left: 870px;
	top: 110px;
	width: 100px;
	z-index: 4;
}

div #flag1 {
	position: absolute;
	left: 570px;
	top: 40px;
	width: 100px;
	z-index: 5;
}

div #flag2 {
	position: absolute;
	left: 610px;
	top: 65px;
	width: 100px;
	z-index: 5;
}

div #flag3 {
	position: absolute;
	left: 610px;
	top: 65px;
	width: 100px;
	z-index: 5;
}
	
div	#menu {
	position: absolute;
	left: 0px;
	top: 170px;
	width: 265px;
	height: 650px;
	z-index: 2;
}

div	#main {
	position: absolute;
	left: 254px;
	top: 170px;
	width: 749px;
	z-index: 2;
	color:#005100;
}

div	#bestelling {
	position: absolute;
	left: 250px;
	top: 150px;
	width: 749px;
	z-index: 2;
	background-color: #FF99CC;
	visibility: hidden;
}

div #extra {
	z-index: 7;
	position:absolute;
    left: 80px;
	top: 95px;	
	padding: 6px;
	background-color: #CCCCCC;
	border-width: thick;
	border-style: ridge;
	border: #009900;
}

div #info {
    position: absolute;
    left: 63px;
	top: 185px;
	z-index: 2;
}

div #voordeel{
	position: absolute;
    left: 6px;
	top: 227px;
	z-index: 2;
}

div #speelgoed {
	position: absolute;
	left: 124px;
	top: 259px;
	z-index: 2;
}

div #voeding {
	position: absolute;
	left: 114px;
	top: 326px;
	z-index: 2;
}

div #kooien {
	position: absolute;
	left: 1px;
	top: 337px;
	z-index: 2;
}

div #accessoires {
	position: absolute;
	left: 89px;
	top: 413px;
	z-index: 2;
}

div #kwekerij{
	position: absolute;
	left: -1px;
	top: 489px;
	z-index: 2;
}

div #knaagdier{
	position: absolute;
	left: 129px;
	top: 520px;
	z-index: 2;
}

div #hond {
	position: absolute;
	left: 17px;
	top: 549px;
	z-index: 2;
}

div #kat{
	position: absolute;
	left: 188px;
	top: 682px;
	z-index: 2;
}

.dropdownmenu, .dropdownmenu ul{ /*topmost and sub ULs, respectively*/
	font: 12px Verdana;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	background: #baa883;
	border: 2px solid black;
	border-bottom-width: 0;
	visibility: hidden;
	display: none; /*collapse all sub menus to begin with*/
	box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
	-webkit-box-shadow: 3px 3px 8px #818181;
	-moz-box-shadow: 3px 3px 8px #818181;
}

.dropdownmenu li{
	position: relative;
}

.dropdownmenu li a{
	width: 200px;
	display: block;
	color: #563e21;
	background: #baa883;
	border-bottom: 2px solid black;
	text-decoration: none;
	padding: 4px 5px;
}

* html .dropdownmenu li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 200px;
}

.dropdownmenu li a:hover, .dropdownmenu li.selected>a{
	background: #e2d0ac;
	color: #000000;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
}

.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
background:white;
color: black;
z-index:2000;
padding: 4px;
}