html {
  font-family: Verdana; font-size: 10pt;   overflow-x:hidden;
}

input  {
  color:blue;
  background:#F0F8FF;
  margin-top: 3px;
}

select  {
  color:blue;
  background:#F0F8FF;
}
.button1  {
  color:black;
  background:silver;
}
textarea {
  color:blue;
  background:#F0F8FF;
} 

label {
  display: inline-block;
  xline-height: 1.8;
  vertical-align: top;
}
label {
  width: 150px; /* Width of labels */
}

legend {font-weight:bold;color: green}

 dl.accordion {
	margin-left: -12px;
	padding-top: 1px;
	background: url(/images/dottedLine.gif) 0 0 repeat-x;
}

dl.accordion dt {
	cursor: pointer;
	padding: 4px 12px 4px 12px;
	color: blue;
	font-weight: bold;
	background: url(/images/dottedLine.gif) bottom left repeat-x;
}

dl.accordion dt.active {
	cursor: default;
	background:  #f9f9f9;
}

dl.accordion dd {
	xmin-height: 0;
	margin-left: 0px;
	padding: 5px 25px 5px 35px;
	color: #5087d7;
	overflow: hidden;
	background:  #f9f9f9 url(/images/dottedLine.gif) bottom left repeat-x;
}

dl.accordion dd a.more {
	font-weight: bold;
	text-decoration: none;
}
dl.accordion dd a.more:hover {
	text-decoration: underline;
}

dl.accordion ol.pager {
	margin-top: 0;
}


.zoekinfoleft {
background: #F0F8FF;
border-top: 1px solid blue;
color: #000000;
text-align: left;
width: 98%;
margin-bottom: 10px;
margin-top: 5px;
padding: 4px;
}

SPAN.searchword {
 font-weight:bold;color:blue;border-bottom: thin dotted #FF6633;
}

.searchinput {
  background: url(/images/form_bg_search.jpg);no-repeat scroll left top;padding-left:20px
}

.event {font-size:11px;text-align:center;font-weight:bold;padding-top:2px;margin-top:1px;height:30px;width:30px;background-image: url(/images/event.jpg);color:white}
.eventnu {font-size:11px;text-align:center;font-weight:bold;padding-top:2px;margin-top:1px;height:30px;width:30px;background-image: url(/images/gradientgreen.jpg);color:yellow}

.more {font-size:9px}

.soundx {color:red;margin-bottom: 10px;}

.zoekresultaat { 
  background:#f9faf9;
}

.sitemshead {font-family: Verdana; font-size: 10pt;margin-left:3px ;background:#f9faf9;margin-top:10px}
.nieuwsitems {font-family: Verdana; font-size: 10pt;margin-left:5px ;background:#f9faf9;}
.nieuwsitemsfoot {font-family: Verdana; font-size: 9pt;color: green;margin-left:5px ;padding-top:3px;background:#f9faf9;}

.zoekdescr {margin-left:17px;margin-top:1px;margin-bottom:1px}
.zoekmeta {color:#008000;margin-left:17px;margin-top:1px;padding-bottom:2px;margin-bottom:10px;font-family: Verdana; font-size: 8pt;}
.fileprop {margin-left:17px;font-size:9px;color:gray;padding-top:1px;}


.table100 {width:95%;}
.td140 {width:140px;vertical-align:top}
.tdaligntop {vertical-align:top}


.coverapril2008 {
     background-image: url(../folder_graphics/kaftje_2008-2.gif);
     background-repeat: no-repeat;
		 background-position: top right; 
}

.coverfeb2008 {
     background-image: url(../folder_graphics/kaftje_tbv_site.gif);
     background-repeat: no-repeat;
		 background-position: top right; 
}

.cover30jaar {
     background-image: url(../folder_graphics/kaft%20in%20kleur%20okt_nov.jpg);
     background-repeat: no-repeat;
		 background-position: top right; 
}

.cover30jaar2 {
     background-image: url(../folder_graphics/kaft%20in%20kleur%20dec_jan.jpg);
     background-repeat: no-repeat;
		 background-position: top right; 
}


img {border:0;}

div.xfotooverview {
  background: #ffffee; margin-bottom:10px;
	padding-left: 4px; padding-right: 4px; 
	padding-top: 4px; padding-bottom: 4px;
	width:98%; float: left; 
}
div.ximgslide {
  background: #ffffee;float: left;
	padding-left: 4px; padding-right: 4px; 
}

		.box
		{
			position:absolute;	
			margin:1em 0;
			padding:.1em 10px;
			background:#fcfcfc;
			border:1px solid #e1e1e1;
			clear:both;
			height:110px; 
			}
			
		.box h4{
			margin:.5em 0;
			padding:0;
			font:90% Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			line-height:18px;
			height:18px;
			letter-spacing:.1em;
			background:none;
			}
		.box p{
			margin:.5em 0;
			}
 .box img{
			margin:.5em 0;
			background:#fff;
			padding:1px;
			border:1px solid #e1e1e1;
			float:left;
			margin-right:10px;
			}

.nieuwsdatum {
  text-align:right;
} 
.mydogsdatum {
  text-align:center;color:Green;font-size:9px;
} 

.nieuwsintro {
  font-weight: bold; color:#000000;
} 
.nieuwsfoto {float:left;margin-left: 1px; margin-right: 10px;margin-bottom: 20px}
#nieuws {
  width:98%;text-align:left;background: #ffffee;border: 0.1em solid #dcdce9;
   position: absolute;
	 top: 140px;
   display: none;
   left: 168px;
   width:77%;
overflow: auto;
padding-top:10px;
padding-left:4px;
padding-right:4px;
padding-bottom:10px;
}

#kolom3 {
  width:220px;
  xheight:100%;
	text-align:left;
	background: #f9f9f9;
	border: 0.1em solid #dcdce9;
   position: absolute;
	 top: 1px;
   left: 572px;
   xoverflow: visible;
   xfont-size: 11px;
padding-top:4px;
padding-left:4px;
padding-right:4px;
padding-bottom:10px;
}
#kolom3 a {color:blue; text-decoration:none;} 
#kolom3 a:hover {color:red; text-decoration:underline ;} 

#nieuws a {color:blue; text-decoration:none;} 
#nieuws a:hover {color:red; text-decoration:underline ;} 
x.menu {background: #003690; color:#ffffff; text-align:center; width:130px;height:25px }



.thh3 {background:#808080;color:#ffffff;}
.divh3 {text-align:center;font-size:12px;font-weight:bold;color:#808080;}
a.aank:link, a.aank:visited {color:red}
a.aank:hover {color:blue}
.h3center {text-align:center;font-size:22px;height:30px;font-weight:bold;color:#5087d7;}
.h3 {font-size:16px;height:18px;font-weight:bold;color:#5087d7;}
.h3mydogs {font-size:12px;height:18px;font-weight:bold;color:#5087d7;}

.menuh4 {margin-bottom:1px;margin-top:4px;padding-top:2px;
padding-left:2px;
padding-right:2px;width:98%;font-size:12px;height:18px;font-weight:bold;background:#ebeff9;color:#003690;}

.h4 {padding-top:2px;
padding-left:2px;
padding-right:2px;width:98%;font-size:12px;height:18px;font-weight:bold;background:#808080;color:#ffffff;}
.h5 {width:95%;font-size:12px;height:18px;font-weight:bold;background:#808080;color:#ffffff;}

.resulttitel {font-size:12px;font-weight:bold;color:blue;}

.maand  {width:600px;font-size:12px;height:18px;font-weight:bold;background:#808080;color:#ffffff;}
.dag  {float:left;width:100px}
.dagtekst  {width:500px}

.Dierenambulances {width:98%;text-align:center;background: #ffffee;border: 0.1em solid #dcdce9;}

.prijzen {width:600px;}
.agenda {width:600px;}
.links {width:98%;text-align:center;}
.category  {width:600px;font-size:12px;height:18px;font-weight:bold;background:#808080;color:#ffffff;}

.ambu {color:blue;font-size:12px;font-weight:bold;text-align:center}

.divcenter {text-align:center;
	overflow: hidden;
	width: 95%;
}
.divhoofdstuk {
  border-style: solid; border-width: 1px; 
	padding-left: 4px; padding-right: 4px; 
	padding-top: 1px; padding-bottom: 1px;
  font-weight: bold;
  color:#808080;
}
           
a:link {color: #003690;text-decoration: underline;}
a:visited {color: black;text-decoration: underline;}
a:hover {color: red;text-decoration: underline;}
a:active {color: #000080;text-decoration: underline;} 

a.aankondiging {text-align:center;font-size:12px;color:red;}

.menu a {color:#FFFFFF; text-decoration:none} 
.menu a:hover {color:#ffffff; text-decoration:underline ;} 
.menu {background: #003690; color:#ffffff; text-align:center; width:130px;height:25px }

.menu1 a {color:#FFFFFF; text-decoration:none} 
.menu1 a:hover {color:#ffffff; text-decoration:underline ;} 
.menu1 {background: #003690; color:#ffffff; text-align:center; width:130px; height:25px}

p {color:#808080;}
.intro {font-weight:bold;overflow: auto;width: 95%;}

li {color:#808080;}

#banner {
  width:98%;text-align:center;color:#000000; font-family: Verdana; font-size: 7pt;float: left; 
}

#Contactkop {
text-align:center ;width:100%;
}

#Contactkop p {
	font-size: x-small;
	margin-bottom: 5px;
	margin-top: 0px;
}
 
.Tabel {
	font-size: x-small;
	width: 700px;
}
 
.Tabelkop {
	background-color: #808080;
	text-align: center;
	color: #ffffff;
}
 
.Altmail {
	font-size: x-small;
	color: #808080;
	font-weight: bold;
}
 
.style1 {
	height: 38px;
}
 
.style2 {
	height: 20px;
}

.exit { margin: 2px 0 0 2px; }


.style1 {
	font-size: x-small;
	color: #FFFFFF;
	background-color: #808080;
}
 
.style2 {
	font-size: x-small;
}


/*  Opbouw van het nav menu, hier geef je de grootte aan ect,  */
#nav-menu
{
  position: absolute;
  top: 70px;
  left: 260px;
  width:95%;
	margin: 0px;
  padding: 10px;
  height: 100px;   
}

#vert-menu
{
  width:40em ;position: absolute;
  left: 8px;
  top: 140px;
  width: 140px;
}

#vert-menu a:hover {background: #ffffee; color: red;text-decoration:underline;}
#nav-menu a:hover {background: #ffffee; color: red;text-decoration:underline;}

#mainbody {
   position: relative;
	 top: 2px;
   display: block;
   left: 160px;
   width:820px;
	 overflow: auto;
	 xheight:100%;

}
#mainbodyhome {
   position: relative;
	 top: 60px;
   display: block;
   margin-left: 160px;
   width:100%;
overflow: auto;
}

/* weghalen van de bullits */
#nav-menu ul
{
   list-style: none;
   padding: 0;
   margin: 0;
}

/* weghalen van de bullits */
#vert-menu ul
{
   list-style: none;
   padding: 0;
   margin: 0;
}


/* elementen op een lijn zetten */
#nav-menu li
{
   float: left;
   margin: 0 0 0.15em;
}

/* opmaken van het list element en creeren van een box */
#nav-menu li a
{
   background: #003690;
   height: 2em;
   line-height: 2em;
   width: 100px;
   display: block;
   border: 0.1em solid #dcdce9;
   color: #ffffff;
   text-decoration: none;
   text-align: center;
}

/* opmaken van het list element en creeren van een box */
#vert-menu li a
{
   background: #003690;
	 height: 1.6em;
   line-height: 1.6em;
   width: 140px;
   display: block;
   border: 0.1em solid #dcdce9;
   color: #ffffff;
   text-decoration: none;
   text-align: center;
}

/* ==new layout try == */

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1024px;
	background: url("/path/to/your/background_cols.gif") repeat;
}

#header {
	margin: 0 0 15px 0;
	background: yellow;
}

#side-a {
	float: left;
	width: 150px;
}

#side-b {
	float: right;
	width: 150px;
}

#content { 
	float: left;
	width: 56%;
}

#footer {
	clear: both;
	background: #A2A2A2;
}


.pixels {
	font-size:16px;
	line-height:30px;
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}
.point {
	font-size:12pt;
	line-height:30px;
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}
.em {
	font-size:1em;
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}
.percentage {
	font-size:100%;
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}
.undefined {
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}

#changeFont{
   position: absolute;
   top: 55px;
   left:742px;
   padding: 0px 2px;
}
#changeFont div{
  padding: 0px 4px;
}
#navigation #headerlinks  #changeFont a{
   padding: 0px;
}
#changeFont .increaseFont{
   font-size: 1.2em;
}
#changeFont .resetFont{
   font-size: 1.0em;
}
#changeFont .decreaseFont{
   font-size: 0.7em;
}


.cursustijden th {
	font-size: 9px;
	color: #003690;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 6px;
	background: #ebeff9;
	width: 100px;
}

.cursustijden .timer {height: 40px;background: url(/images/clock.gif) no-repeat;background-position: center;}

caption {text-align: left; font-weight:bold}
.cursustijden td {
        border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	text-transform: uppercase;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
	text-align: center;
		width: 100px;
}

.linkgreenarrow {padding-left: 17px;background:url( /images/arrow-left-bullet.png) no-repeat 2px 6px;}