html, body {
	margin: 0;
	height: 100%;
}

body {
	background-color: #b9b9b8;
	background-image: url('images/bg.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	padding: 0; margin: 0;
	font-family: verdana;
	font-size: 11px;
	color: #000;
}
img {
	border: 0px;
}

#container {
	width: 962px;
	margin: 0 auto;
	height: 100%;
	position: relative;
	background-image: url('images/art.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}
.logo {
	position: absolute;
	top: 105px;
	left: 240px;
}
.banner {
	position: absolute;
	top: 77px;
	right: 0px;
}
.content {
	position: absolute;
	top: 76px;
	right: 132px;
	width: 378px;
	color: #3f3c35;
	line-height: 16px;
	background-color: #E1DED5;
}
.content .text {
	padding: 20px;
}
.menu {
	position: absolute;
	top: 280px;
	left: 210px;
	width: 242px;
	line-height: 16px;
	background-color: #fff;

}
.menu .items {
	padding-top: 0px;
	padding: 20px;
	margin-top: -20px;
	color: #939393;
}

.menu .items .kopje { margin-top: 20px; margin-bottom: 20px; display: block; }
.menu .items .kopje2 { margin-top: 10px; margin-bottom: 10px;	display: block; }
.menu .items .kopje3 { margin-top: 0px; margin-bottom: 0px; display: block; cursor: pointer; }

.mediaslider {
	width: 225px; 
	text-align: left;
	display:none;
}
.mediaslider ul {
	padding: 0;
	margin: 0;
}
.mediaslider ul li {
	list-style-type: none;
	padding-left: 25px;
	margin-bottom: 3px;
	padding-top: 3px;
	background-image: url('images/bullet.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
.mediaslider ul li a { color: #000; text-decoration: none; font-size: 12px; font-weight: bold; }
.mediaslider ul li a:hover { color: #908A7C; }

.cbx {
	position: absolute; 
	top: 690px;
	right: 54px;
}

h2 {
	color:#8f897b;
}

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

img a {
	text-decoration:none;
}

.foto  {
	width:200px;
	border:#8f897b solid 4px;
}