HTML, BODY {
	margin: 0;
	padding: 0;
}

BODY {
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 16px;
	background: url(../images/background.jpg);
	color: #404040;
}

A {
	outline: none;
	text-decoration: none;
	color: #404040;
}

A.hover {
	color: #404040;
}

.overall {
	display: block;
	position: relative;
	left: 50%;
	margin: 10px 0px 0px -420px;
	width: 840px;
}

.outside_top,
.outside_bottom {
	display: block;
	position: relative;
	width: 100%;
	height: 20px;
}

.outside_bottom {margin: 0px 0px 10px 0px;}

.outside_top .blue,
.outside_bottom .blue {
	display: block;
	position: absolute;
	background: #0B5A82;
	width: 780px;
	left: 20px;
	height: 19px;
	padding: 1px 10px 0px 10px;
	color: #FFFFFF;
	font-size: 11px;
}

.outside_top .blue {text-align: right;}
.outside_bottom .blue {text-align: center;}

#english {
	display: block;
	position: absolute;
	width: 400px;
	left: 10px;
	text-align: left;
}

.inside {
	display: block;
	position: relative;
	background: #FFFFFF;
	width: 100%;
	min-height: 560px;
	height: auto !IMPORTANT;
	height: 560px;
	border: 1px solid #0B5A82;
}

.inside_table {
	display: block;
	position: relative;
	background: #FFFFFF;
	width: 800px;
	margin: 10px 20px;
}

.left {width: 200px; background: #FFFFFF;}
.middle {width: 20px; background: #FFFFFF url(../images/border.png) no-repeat 2px 215px;}
.right {width: 580px; background: #FFFFFF;}


.left .logo {
	display: block;
	background: url(../images/logostalarendssite.png);
	position: relative;
	width: 200px;
	height: 200px;
	margin: 0px 0px 10px 0px;
}

.right .afbeelding {
	display: block;
	position: relative;
	width: 580px;
	height: 200px;
	border: 1px solid #000000;
	margin: 0px 0px 10px 0px;
}


.header_home {background: url(../images/header1.png);}
.header_stalarends {background: url(../images/header2.png);}
.header_nieuws {background: url(../images/header3.png);}
.header_ruiters {background: url(../images/header4.png);}
.header_diensten {background: url(../images/header5.png);}
.header_fokkerij {background: url(../images/header8.png);}
.header_handelstal {background: url(../images/header6.png);}
.header_contact {background: url(../images/header7.png);}


.left .menu {
	display: block;
	position: relative;
	width: 200px;
}

.left .fotoinmenu {
	display: block;
	position: relative;
	width: 184px;
	margin: 30px 0px 13px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #0B5A82;
}

.left .fotoinmenu_last {
	display: block;
	position: relative;
	width: 184px;
	margin: 0px 0px 13px 0px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #0B5A82;
}

.left .fotoinmenu_last a,
.downloads a {
	display: block;
	position: relative;
	width: 184px;
	padding: 3px 0px 0px 15px;
  background: url(../images/bullet_hover.png) no-repeat 0px 8px;
}


.left .language_menu {
	display: block;
	position: relative;
	width: 184px;
	margin: 0px 0px 20px 0px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #0B5A82;
}

.left .language_menu div {
	display: block;
	position: relative;
	width: 176px;
	padding: 3px 0px 0px 23px;
  cursor: pointer;
}

.left .language_menu div.language_english { background: url(../images/engeland.gif) no-repeat 0px 5px; }
.left .language_menu div.language_dutch { background: url(../images/nederland.gif) no-repeat 0px 5px; }
.left .language_menu div.language_deutsch { background: url(../images/duits.gif) no-repeat 0px 5px; }

.find_english,
.find_deutsch,
.find_dutch {
  float: left;
}


.right .content {
	display: block;
	position: relative;
	width: 580px;
}

UL {margin: 0px 0px 0px 13px; padding: 0px;}
LI {list-style-type: none;}
LI.hover {list-style-image: url(../images/bullet_hover.png);}
LI.selected {list-style-image: url(../images/bullet.png);}

.ruiters LI {margin: 3px 0px;}
.ruiters LI.hover {list-style-image: url(../images/bullet_hover_ruiters.png); color: #0B5A82;}

.land {margin: 2px 5px 0px 0px; border: none;}

.title {
	display: block;
	margin: 0px 0px 5px 0px;
  border: none;
}

.leesmeer {
	display: block;
	text-decoration: none;
	margin: 8px 0px 10px 0px;
	color: #0B5A82;
}

.link_white {
	text-decoration: none;
	color: #FFFFFF;
}

.foto_tekst,
.foto_tekst2 {
	width: 150px;
	height: 120px;
	border: 1px solid #0B5A82;	
}

.foto_tekst {margin: 4px 0px 0px 5px;}
.foto_tekst2 {margin: 4px 10px 0px 0px;}


.opdeling_ruiters {
	display: block;
	position: relative;
	width: 290px;
	float: left;
	margin: 10px 0px 0px 0px;
}

.opdeling_ruiters IMG {
  border: 1px solid #0B5A82;
  padding: 2px;
}

.opdeling_ruiters A:hover {color: #0B5A82;}


#map {
	border: 1px solid #0B5A82;
	width: 578px;
	height: 300px;
	margin: 10px 0px 0px 0px;
}

.fokkerij_img {
  border: 1px solid #0B5A82;
  padding: 2px;
  width: 125px;
}

.handelstal_informatie_box {
  overflow: hidden;
  padding: 0 0 10px 0;
}

.handelstal_informatie {
  background: #0B5A82 url("../images/bullet_down_white.png") no-repeat scroll 161px 10px;
  color: #FFFFFF;
  display: block;
  float: right;
  padding: 5px 15px 5px 10px;
  width: 150px;
}

.handelstal_informatie_uitleg {
  background: #FFFFFF;
  border: 3px solid #0B5A82;
  display: none;
  position: absolute;
  padding: 5px;
  right: 0;
  top: 56px;
  text-align: right;
}




/* **** HOVERBOX **** */

.hoverbox {
	cursor: pointer;
	list-style: none;
}

.hoverbox a {
	cursor: pointer;
}

.hoverbox a .preview {
	display: none;
}

.hoverbox a:hover .preview {
	display: block;
	position: absolute;
	bottom: 160px;
	left: -200px;
	z-index: 1;
}

.hoverbox img {
	vertical-align: top;
	border: none;
}

.hoverbox img.liggend {width: 130px;}
.hoverbox img.staand {width: 98px;}

.hoverbox li {
	display: inline;
	border: 1px solid #0B5A82;
	float: left;
	margin: 20px 10px 10px 0px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview {
	border: 1px solid #0B5A82;
	width: auto;
	height: auto;
	/* width: 492px; */
	/* height: 405px; */
}

ul.hoverbox {
	margin: 0px 0px 0px 2px;
	padding: 0px;
}




/***************************************/
/** 	PHOTOVIEWER - ALGEMEEN					**/
/***************************************/

#con_photoviewer {
	display: block;
	float: right;
	margin: 0px 0px 0px 20px;
	overflow: hidden;
}


/***************************************/
/** 	PHOTOVIEWER - AFBEELDING				**/
/***************************************/

#con_photoviewer .photo {
	display: block;
	position: relative;
	border: 1px solid #0B5A82;
	width: 218px;
	height: 190px;
	overflow: hidden;
}

#con_photoviewer .photo A {
	display: block;
	position: absolute;
	background: #FFFFFF;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#con_photoviewer .photo img {
	display: block;
	position: relative;
	border: none;
	margin: 0px auto;
}

#con_photoviewer .border {
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
}



/***************************************/
/** 	PHOTOVIEWER - BESCHRIJVING			**/
/***************************************/

#con_photoviewer .beschrijving {
	display: block;
	position: relative;
	width: 204px;
	height: 50px;
	margin: 0px;
	padding: 3px 8px;
	background: #587887;
	cursor: pointer;
	overflow: hidden;
}

#con_photoviewer .beschrijving div {
	display: none;
	color: #FFFFFF;
}

#con_photoviewer .beschrijving div a {
	color: #FFFFFF;
}

#con_photoviewer .beschrijving span {
	position: absolute;
	width: 205px;
	height: 14px;
	bottom: 0px;
	left: 0px;
	font-size: 11px;
	color: #808080;
}