div#content {
	background-color: rgb(76,76,76);
	min-height: 320px;
	height: 320px;
	width: 276px; /*920px;*/
	padding: 5px;
	padding-left: 649px;
}

div#content.teaser {
	height: 479px;
}

div#content.teaser div#hpteaser {
	position: absolute;
	top: 330px;
	left: 5px;
	width: 916px;
	height: 152px;
	overflow: hidden;
	border: 1px solid black;
}

div#content.teaser div#hpteaser span.bg {
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
	width: 916px;
	height: 46px;
	background-color: black;
	opacity: .66;
	filter: alpha(opacity=66);
}

div#content.teaser div#hpteaser a {
	text-decoration: none;
}

div#content.teaser div#hpteaser a span.title {
	position: absolute;
	left: 10px;
	bottom: 0px;
	display: block;
	height: 46px;
	line-height: 46px;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 27px;
	color: white;
	letter-spacing: 2px;
	cursor: pointer;
}

div#content.teaser div#hpteaser a:hover span.title:hover {
	color: #e40000;
}

div#content div#slideshow {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 637px;
	height: 319px;
	margin-right: 5px;
	border: 1px solid black;
}

div#content div#slideshow img {
	position: absolute;
}

div#content div#nav {
	z-index: 10;
	position: absolute;
	left: 650px;
	top: 5px;
	width: 180px;
}

div#content div#nav span a {
	display: block;
	position: relative;
	width: 175px;
	height: 14px;
	margin-bottom: 11px;
	padding-top: 56px;
	outline: none;
	left: 89px;
	padding-right: 4px;
	text-align: right;
	color: white;
	text-decoration: none;
}

/* Diversen */
div#content div#nav span.item-4 a.activeSlide {
	color: #f45c00;
}

/* Huur */
div#content div#nav span.item-3 a.activeSlide {
	color: #c9e100;
}

/* Blaas */
div#content div#nav span.item-2 a.activeSlide {
	color: rgb(0,148,180);
}

/* Drum */
div#content div#nav span.item-1 a.activeSlide {
	color: rgb(228,0,0);
}

div#content img#brands {
	position: relative;
	z-index: 2;
	border: 1px solid black;
}

div#content ul {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	list-style: none;
}

div#content ul li {
	position: relative;
	height: 78px;
	margin-bottom: 3px;
}

div#content ul li img {
	position: absolute;
	border: 1px solid black;
}

div#content ul li a img {
	position: absolute;
	top: 9px;
	left: 5px;
	border: 0;
}

div#content ul li a {
	position: absolute;
	outline: none;
	left: 89px;
	display: block;
	width: 181px;
	height: 78px;
	line-height: 130px;
	padding-right: 4px;
	text-align: right;
	color: white;
	text-decoration: none;
	background-image: url('/template/terpstra/img/fade-medium.gif');
	background-repeat: repeat-x;
}

div#content ul li a.s1:hover {
	color: rgb(0,187,53);
}

div#content ul li a.s2:hover {
	color: rgb(0,148,180);
}

div#content ul li a.s3:hover {
	color: rgb(228,0,0);
}

div#content ul li a.s4:hover {
	color: #c9e100;
}

div#content ul li a.s5:hover {
	color: #f45c00;
}

div#footer p#copy, 
.s1 div#footer p#copy, 
.s2 div#footer p#copy, 
.s3 div#footer p#copy, 
.s4 div#footer p#copy, 
.s5 div#footer p#copy {
	background-image: url('/template/terpstra/img/footer/footer-bg.jpg');
}

form#search input.text {
	width: 160px;
	height: 18px;
	padding-left: 4px;
	padding-top: 6px;
	color: white;
	font-size: 14px;
	background-color: transparent;
	border: 1px solid rgb(97,97,97);
}

form#search input.btn {
	position: relative;
	border: none;
	text-align: center;
	cursor: pointer;
	margin: 0;
	padding: 0;
	top: -2px;
	margin-left: 6px;
	width: 54px;
	height: 28px;
	line-height: 24px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: white;
	background-color: black;
	background-image: url('/template/terpstra/img/btn-fade.gif');
	background-repeat: repeat-x;
	border: 1px solid rgb(97,97,97);
}

div#footer div#contact {
	position: absolute;
	z-index: 14;
	left: 0px;
	top: 147px;
}

div#footer div#contact a {
	outline: none;
}

.headline {
	position: absolute;
	display: none;
}

.headline.first {
	display: block;
}