/* -------------------------------------------------------------------------
 * RESET
 * http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ 
 * ---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	  margin: 		0;
	  padding: 		0;
	  border: 		0;
	  outline: 		0;
	  font-size: 	100%;
	  background: 	transparent;
}

html {font-size: 62.5%;}

body { 
	color: 			#000;	
	font-family: 	arial, "lucida console", sans-serif;
	background: 	#9d9280 url('../images/bg_main.gif') repeat-x top;
 	font-size: 		1.2em;
	line-height: 	1.7em;
	border: 		0;
}

html,body {
/*  height: 			100%;*/
  min-width:		966px;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}


/*------------------------------------------------------------------------
 * GENERAL
 *----------------------------------------------------------------------*/

/* Links */
a, a:visited {
  text-decoration: none;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  clear: both;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1.4em;
  margin-bottom: 10px;
  margin-top: 5px;
}

h1 {
  margin-top: 20px;
  font-size: 1.2em;
  display: block;
  font-weight: 600;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.2em;
}

/* General Tags */
p {
  margin: 5px 0 15px;
}

/*------------------------------------------------------------------------
 * STRUCTURE
 *----------------------------------------------------------------------*/

#wrapper {
	background: 		#fff;
	height:		 		auto !important;
	width: 				965px;
	margin: 			0 auto;
	position: 			relative;
}

#top{
	height:				203px;
	width: 				100%;
	display: 			block;
	background: 		#adb601 url('../images/bg_top.jpg') repeat-x top;
	overflow:			hidden;
}

#top img{
	position:			relative;
	float:				left
}

#imgdate{
	top: 				0px;
	left:				550px;
}

#taalkeuze{
	position:			relative;
	top: 				115px;
	text-align: 		right;
	margin-right: 		70px;
	font-size: 			1em;
}
#taalkeuze a{
	font-size: 			1em;
	color:				#adb601;
}

#whiteline{
	position: 			relative;
	top:	 			25px;
	height:				1px;
	overflow:			hidden;
	width:				100%;
	background-color: 	#FFF;
}
#breadcrumb{
	position: 			relative;
	top:	 			26px;
	color:				#FFF;
	text-align:			right;
	margin-right: 		70px;
	height:				25px;
	display:			block;
	font-size:			0.9em;
}

#flashcontent{
	clear: 				both;
	display:			block; 
	height: 			207px;
	width: 				100%;
	background-color:	#adb601;
}
#flashcontent img, #flashcontent embed {
	display:			block; 
	position: 			relative;
}


/* column container */
.colmask {
	position:			relative;	/* This fixes the IE7 overflow hidden bug */
	clear:				both;
	float:				left;
	width:				100%;		/* width of whole page */
	overflow:			hidden;		/* This chops off any overhanging divs */
	background-color:	#FFF;		/* right column background colour */
}
.colleft {
	float:				left;
	width:				100%;
	position:			relative;
}
.col1,
.col2{
	float:				left;
	position:			relative;
	top:				-20px;
}
.col1{
	padding:			1px 50px 30px 3px;
}

/* 2 Column (left menu) settings */
.leftmenu {
	background:			#fff;		/* right column background colour */
}
.leftmenu .colleft {
	right:				771px;		/* right column width */
	background:			#FFF;
	border-right:		1px #7d705d solid;
}
.leftmenu .col1 {
	width:				71%;		/* right column content width */
	left:				104%;		/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:				195px;		/* left column content width (column width minus left and right padding) */
	left:				32px;
	
	padding: 			0;
	background:			#7d705d;	/* left column background colour */
}

/*--- col1 ---*/
/*--- menu ---*/
.menu {
	font-weight: 		bold;
	color:				#FFF;
	width: 				100%;
	list-style-type:	none;
	vertical-align: 	top;
	padding:			0;
	margin:				0;
}

.menu li a {
    display:			block;
	clear:				both;
	height:				1.5em;
	line-height			1.5em;
	padding-bottom: 	.1em;	
	background:			transparent url(../images/menu_out.gif) no-repeat left;
	background-position:25px 50%;
	margin-bottom:		1px;
	padding-left: 		35px;
	text-decoration:	none;
	color:				#FFF;
}
.menu li.selected a,
.menu li.selected a:hover,
.menu li a:hover {
	background:			#b3aa99 url(../images/menu_over.gif) no-repeat left;
	background-position:25px 50%;
}

#pressmenu{
	line-height:		12px;
	margin-bottom: 		35px;
	list-style-type:	none;
}
#pressmenu li {
	list-style-type:	none;
}
#pressmenu li a {
	padding-top:		5px;
	margin-left:		-10px;
	background:			none;
	height:				30px;
}
#pressmenu li.selected a,
#pressmenu li.selected a:hover,
#pressmenu li a:hover {
	background:			#b3aa99;
	color: 				#FFF;
}

/*
#pressmenu a{
	color: 				#FFF;
}
#pressmenu a:hover, #pressmenu a.selected{
	color: 				#FFF;
}
*/

#line{
	font-weight: 		bold;
	color: 				#FFF;
	line-height:		6px;
	padding: 			10px 0 8px 25px;
}


#agenda{
	width:				100%;
	color:				#FFF;
	margin-bottom: 		20px;
}
#agenda .header{
	color: 				#FFF;
	background-color:	#b3aa99;
	font-weight:		bold;
	padding: 			5px 0 5px 25px;
}
#agenda ul{
	margin:				10px 0;
	width:				150px;
	list-style-type:	none;
	color: 				#b3aa99;
	padding-left: 		25px;
}
#agenda a{
	color: 				#b3aa99;
	font-weight:		bold;
}
#agenda a.selected,
#agenda a:hover{
	color: 				#FFF;
	font-weight:		bold;
}

#infoCont{
	width:				100%;/*194px;*/
	text-align:			right;
	background-color:	#FFF;
	vertical-align:		bottom;
	
	position:			relative;
	top:				20px;
}
#infoCont p {
	padding-right:		20px;
	margin-bottom: 		0;
}

#printlogo{
	display: none;
}
.collumn{
	float:left;
}
.bot{
	vertical-align:bottom;
}
.top{
	vertical-align:top;
}
.break{
	clear:both;
}
.right{
	width: 95%;
	text-align: right;
}


a  { color:#adb601; text-decoration: none; }
h1, strong { color:#adb601; }
.black { color:#000; }
h1{
	padding-bottom: 12px;
}

/*--- links ---*/
a.dot{
	color:#adb601;
	text-decoration: none;
	background-image: url('../images/link.gif');
	background-position: left 6px;
	background-repeat: no-repeat;
	padding-left: 6px;
}
a.dot:hover{
	color: #000;
	text-decoration: none;
	background-position: left -4px;
	background-repeat: no-repeat;
}


#container {
	margin: 0 auto;
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	text-align: left;
	border: 0;
}

#logo{
	position: absolute;
	left: 15px;
	top: 32px;
}

div.item, div.detail{
	color: 			#000;
	padding: 		20px 10px 15px 30px;
	width: 			550px;/*550*/
	border-left: 	3px solid #FFF;
	border-bottom: 	1px dotted #999999;
}
div.detail{
	border: 0;
}

/* problem jump page with ie */
div.item:hover{
	cursor: 		hand;
	padding: 		20px 10px 15px 30px;
	border-left: 	3px solid #b3aa99;
	border-bottom: 	1px dotted #999999;
}

/*.vet{
	padding: 12px 10px 10px 23px;
	border-bottom: 1px dotted #999999;
}*/

.breedex{
	background-image: url('../images/bg_breedex.gif');
	background-position: right 26px;
	background-repeat: no-repeat;
}
div.item strong.head, div.detail strong.head{
	float: 			left;
	width: 			65%;
	display: 		block;
}
div.item span, div.detail span{
	width: 			25%;
	color: 			#999;
	float: 			left;
	text-align: 	right;
}
div.item .break, div.detail .break{
	clear:both; 
	padding-top: 20px;
	width: 510px;
}
div.images{
	padding-left: 	18px;
	height: 		auto;
	display: 		block;
}
span.thumb{
	float: left;
	padding: 12px;
	font-size: 10px;
	color: #999999;
}



.bordertop{
	border-top: 1px dotted #999999;
}

.totop{
	width: 98%;
	text-align: right;
}

#copyright{
	float: left;
	padding: 12px 0 0 30px;
	width: 170px;
	height: 50px;
	color: #999;
}
#subnav{
	float: left;
	padding: 12px 10px 0 0;
	width: 385px;
	text-align: right;
}
#subnav a{
	color:#999;
}
#subnav a:hover, #subnav a.selected{
	color:#adb601;
}

/*#agendasubnav a{
	font-weight: bold;
}
#agendasubnav a{
	color:#999;
}
#agendasubnav a:hover, #agendasubnav a.selected{
	color:#adb601;
}*/


#content{
	padding: 12px 0 0 30px;
}

p.bottombreak {
	clear:		both;
	display: 	block;
	height: 	45px;
}