body {
  font-family: Verdana;
  font-size: 13px;
}

#stable_viewer,
#horse_viewer {
  display: block;
	position: relative;
	width: 450px;
	padding: 5px 10px;
	overflow: hidden;
}

#horse_viewer { background: #883858; margin-bottom: 20px; }
#stable_viewer { background: #6098c7; margin-top: 20px; }

.corn_tl,
.corn_tr,
.corn_bl,
.corn_br {
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
}

#horse_viewer .corn_tl { background: url(../images/outer_corners.png) no-repeat top left; top: 0px; left: 0px; }
#horse_viewer .corn_tr { background: url(../images/outer_corners.png) no-repeat top right; top: 0px; right: 0px; }
#horse_viewer .corn_bl { background: url(../images/outer_corners.png) no-repeat bottom left; bottom: 0px; left: 0px; }
#horse_viewer .corn_br { background: url(../images/outer_corners.png) no-repeat bottom right; bottom: 0px; right: 0px; }

#stable_viewer .corn_tl { background: url(../images/outer_corners2.png) no-repeat top left; top: 0px; left: 0px; }
#stable_viewer .corn_tr { background: url(../images/outer_corners2.png) no-repeat top right; top: 0px; right: 0px; }
#stable_viewer .corn_bl { background: url(../images/outer_corners2.png) no-repeat bottom left; bottom: 0px; left: 0px; }
#stable_viewer .corn_br { background: url(../images/outer_corners2.png) no-repeat bottom right; bottom: 0px; right: 0px; }

#stable_viewer .hv_con,
#horse_viewer .hv_con {
  display: block;
	position: relative;
}

.hv_con .hv_title,
.hv_con .hv_horse,
.hv_con .hv_navigation,
.hv_con .hv_horse_con,
.hv_con .hv_title_horse,
.hv_con .hv_title_horses,
.hv_con .hv_more {
  display: block;
	width: 100%;
	overflow: hidden;
}

.hv_con .hv_title,
.hv_con .hv_horse,
.hv_con .hv_navigation {
  position: relative;
}

.hv_con .hv_title {padding-bottom: 5px;}

.hv_con .hv_horse_con 		{
	height: 100px;
	position: relative;
	overflow: hidden;
}

.hv_con .hv_horse {
	background: #FFFFFF;
	overflow: hidden;
}

.hv_horse .hv_horse_slide {
	position: relative;
	overflow: hidden;
}

.hv_title_con {
	position: relative;
	overflow: hidden;
	height: 25px;
}

.hv_title_horses {
	position: relative;
}

.hv_horse .hv_horse_info {
	display: block;
	padding: 5px;
	overflow: hidden;
  line-height: 1.4;
}

.hv_horse .hv_horse_info.een { background: #FF0000; }
.hv_horse .hv_horse_info.twee { background: #00FF00; }
.hv_horse .hv_horse_info.drie { background: #0000FF; }

.hv_horse .hv_horse_info .horse_beschrijving {display: none;}

.hv_con .hv_title .hv_title_gen,
.hv_con .hv_title .hv_title_horse {
	float: left;
	font-family: Trebuchet MS;
	font-size: 21px;
	font-weight: bold;
	height: 25px;
	line-height: 1.2;
}

#horse_viewer .hv_con .hv_title .hv_title_gen { background: url(../images/viewer_zoek_paard.png) no-repeat 0px 2px; width: 130px; }
#stable_viewer .hv_con .hv_title .hv_title_gen { background: url(../images/viewer_stal_nieuws.png) no-repeat 0px 2px; width: 110px; }
.hv_con .hv_title .hv_title_horse { color: #000000; }

.hv_con .hv_navigation .hv_numbers_float {
	float: right;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.hv_con .hv_navigation .hv_number {
	float: left;
	padding: 2px 5px;
	font-size: 10px;
	color: #FFFFFF;
	z-index: 10;
	cursor: pointer;
}

.hv_navigation #hv_nav_move {
	background: #FFFFFF;
	display: block;
	left: 0;
	position: absolute;
}

.hv_con .hv_navigation .hv_number.active {
	color: #000000;
}


.hv_con .hv_text {
	display: block;
	position: absolute;
	width: 235px;
	bottom: -2px;
	padding: 0px 0px 0px 20px;
}

#horse_viewer .hv_con .hv_text { background: url(../images/viewer_horse_arrow.png) no-repeat -12px -5px; }
#stable_viewer .hv_con .hv_text { background: url(../images/viewer_stable_arrow.png) no-repeat -12px -5px; }

.hv_con .hv_more {
	color: #FFFFFF;
}




.hv_horse_parents {
  display: block;
  margin-top: -2px;
  font-weight: bold;
}
.hv_horse_information {
  display: block;
  float: left;
	overflow: hidden;
}

#horse_viewer .hv_horse_information { width: 200px; }
#stable_viewer .hv_horse_information { width: 300px; }


.hv_horse_client {
  display: block;
  float: left;
  width: 100px;
  text-align: right;
	overflow: hidden;
}

.horse_foto {
  float: right;
  width: 132px;
  overflow: hidden;
  height: 90px;
  text-align: right;
}

#horse_viewer .horse_foto { margin-top: -16px; }

.horse_foto IMG {
  height: 90px;
}