body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	background-image:url(images/background2.jpg);
}

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

a#rollover1 {
	background-image:url(images/next1.gif);
	width: 50px;
	height: 39px;
	display:block;
}

a#rollover1:hover {
	background-image:url(images/next2.gif);
}

a#rollover2 {
	background-image:url(images/next3.gif);
	width: 50px;
	height: 39px;
	display:block;
}

a#rollover2:hover {
	background-image:url(images/next4.gif);	
}

.foto {
	border: double;
	border-width: thick;
	border-color: #000000;
}

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

div #main a:hover {
	color: #7A5A30;
	text-decoration: underline;
}

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

div #flagNL {
	position:absolute;
	left:400px;
	top:138px;	
	z-index:7;
}

div #flagEN {
	position:absolute;
	left:460px;
	top:138px;	
	z-index:7;	
}

div #video {
	position:absolute;
	left:900px;
	top:0px;
	width: 218px;
	height: 234px;
	z-index: 3;
}

div #paper {
	position: absolute;
	left: 220px;
	top: 181px;
	width: 800px;
	height: 900px;
	z-index: 3;	
}

div #hoefijzer {
	position: absolute;
	left: 1070px;
	top: 275px;
	width: 258px;
	height: 276px;
	z-index: 5;	
}
	
div	#menu {
	position: absolute;
	left: 0px;
	top: 110px;
	width: 265px;
	z-index: 5;
}

div	#menu1 {
	background-color:#5e4a3d;
	position: absolute;
	left: 40px;
	top: 200px;
	width: 190px;
	height: 450px;
	z-index: 4;
}

div	#main {
	position: absolute;
	left: 255px;
	top: 175px;
	width: 734px;
	height: 900px;
	z-index: 4;
}

div #logo {
	position:absolute;
	left:400px;
	top:20px;
	z-index: 5;
}

div #home {
    position: absolute;
    left: 110px;
	top: 218px;
	z-index: 6;
}

div #tekoop {
    position: absolute;
    left: 88px;
	top: 248px;
	z-index: 7;
}

div #nieuws {
    position: absolute;
    left: 60px;
	top: 284px;
	z-index: 6;
}

div #merries {
    position: absolute;
    left: 90px;
	top: 328px;
	z-index: 6;
}

div #hengst {
    position: absolute;
    left: 60px;
	top: 360px;
	z-index: 6;
}

div #veulens {
    position: absolute;
    left: 80px;
	top: 412px;
	z-index: 6;
}

div #shows {
    position: absolute;
    left: 90px;
	top: 466px;
	z-index: 6;
}

div #historie {
    position: absolute;
    left: 85px;
	top: 494px;
	z-index: 6;
}

div #contact {
    position: absolute;
    left: 70px;
	top: 540px;
	z-index: 6;
}

div #links {
    position: absolute;
    left: 75px;
	top: 585px;
	z-index: 6;
}

div #blog {
    position: absolute;
    left: 70px;
	top: 198px;
	z-index: 6;
	width: 645px;
	height: 590px;
}

div #blog a:hover {
	color: #FFFFFF;
}

.dropdownmenu, .dropdownmenu ul{ /*topmost and sub ULs, respectively*/
	font: bold 14px Verdana;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	background: black;
	border: 1px 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: #E7D1BF;
	background: #5e4a3d;
	border-bottom: 1px 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: #978477;
	color: #000000;
}

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