/* Hondenschool Dog's Dream vzw - STYLESHEET */

/*----------------- [NORMALIZING]------------------*/

/* Normalizes margin and padding*/
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0; padding:0;}

/* Normalizes font-size for headers */
	h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* removes list style from lists */
	 ul {list-style:none;}

/*Normalizes font weight and font-style to normal*/
	address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}

/* tables */
	table {border-collapse:collapse; border-spacing:0;}

/*removes border from fieldset and img */
	fieldset, img {border:0;}

/* left-aligns text in captions and th */
	caption, th {text-align:left;}
	
/*----------------- [LIGHTBOX]------------------*/
	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#imageContainer img{ padding:0; float:none; margin:0; border:none; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Georgia, Palatino Linotype,"Times New Roman", Times, serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #223c43; }


/*----------------- [LIGHTBOX THUMBNAILS IMAGES]------------------*/

#content img.casting_thumb {
	border: 1px dotted #689795;
	float:left;
	margin:5px;
	padding:5px;
	}

#content img.casting_thumb:hover {
	background-color:#9fdd4e;
	}

div.thumbs { margin:0 0 110px 23px; }

/*----------------- [GENERAL STYLES]------------------*/

body	{
	background:#e4efee url(../img/body_bg.jpg) /*url(../img/body_bg_xmas.jpg)*/ repeat-x top center;
	font-family:Georgia, Palatino Linotype,"Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color:#223c43;
	}
	
div#container {
	background:transparent url(../img/container_bg.jpg) repeat-y;
	width:930px; 
	margin:0 auto;
	}

h1 {
	text-indent:-9000px;
	background:transparent url(../img/header.jpg) /*url(../img/header_pasen.jpg)*/ no-repeat scroll 0% 0%;
	height:210px;
	overflow:hidden;
	width:930px;
	margin:0 auto;
	}

h2 {text-indent:-9000px;
	height:60px;
	overflow:hidden;
	width:750px;
	margin:30px 0 20px;
	} 

#b_home h2 { width:465px; }

h3 {
	font-family:Georgia, Palatino Linotype,"Times New Roman", Times, serif;
	font-style:italic;
	color:#689795;
	letter-spacing:1px;
	font-size:15px;
	line-height:20px;
	padding:0 0 0 27px;
	background:transparent url(../img/h3_bullet.jpg)no-repeat scroll bottom left;
	margin:30px 0 12px 0px;
	}
#content h3 a {border-bottom:none;}
#content h3 a:hover {border-bottom:none;}

	
h4 {
	color:#9fdd4e;
	font-size:11px;
	line-height:18px;
	background:none;
	margin: 0 0 6px 27px;
	}
	
h5 {
	margin:0 0 0 27px;
	color:#689795; }

p {padding:0 0 12px 27px;}


img.left { padding:10px;
	margin:20px 20px 20px 27px;
	border: 1px dotted #689795;
	float:left;
	}
	
img.right {
	padding:10px;
	margin:20px 20px 20px 27px;
	border: 1px dotted #689795;
	float:right;
	}

img.links_left { 
	padding:5px;
	margin:0 0 20px 27px;
	float:left;
	border: 1px dotted #689795;
	}

#content a, div#agenda a { color:#689795;
	text-decoration:none;
	border-bottom:1px solid #689795}

#content a:hover, div#agenda a:hover { border-bottom:1px dotted #689795}

ul.ul_diploma {margin:0 0 12px 27px;}

ul.ul_content { list-style-type:disc;
	margin: 0 0 12px 42px;}
	
ol.ol_content { margin:0 0 12px 47px; }	

.clear {
	clear: both}
	
/*----------------- [ZEBRA STRIPE TABLE]------------------*/

table {
	margin:20px 0 0 27px;
	width:700px;
	border:1px solid #e4efee;
	}

table#agenda_quicklinks {
	width:100%;
	border:none;
	margin:0;
	background-color:#f3f7f7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#689795;
	text-transform:uppercase;
	text-align:center;}
		
table#agenda_quicklinks td a {
		display:block;
		text-decoration:none;
		padding:3px 6px;
		white-space:nowrap;
		border-bottom:none;
		}

table#agenda_quicklinks td a:hover {
		background:#689795;
		border-bottom:none;
		color:#fff;
		border-bottom:none;
		}

th.h_agenda {
	background-color:#689795;
	color:#fff;
	font-weight:bold;
	padding:8px 16px;
	}

td.odd {
	background-color:#e4efee;
	padding:4px 8px;
	vertical-align:top;
	}
	
td.even {
	padding:4px 8px;
	vertical-align:top;
	}

td.odd_agenda {
	background-color:#e4efee;
	padding:8px 16px;
	vertical-align:top;
	border-bottom:1px solid #fff;
	}

td.even_agenda{
	padding:8px 16px;
	vertical-align:top;
	border-bottom:1px solid #e4efee;
	}

td.date { width: 125px; }


/*----------------- [LINKS PAGINA TABEL]------------------*/

table.table_links {
	border:none;
	margin:0 0 0 27px;
	}

table.table_links td {
	padding-bottom:12px;
	vertical-align:top;
	}

/*----------------- [NAVIGATIE]------------------*/

ul#navigatie {
		top:210px;
		vertical-align:top;
		background:transparent  url(../img/nav_bg.jpg)/*url(../img/nav_bg_pasen.jpg)*/ no-repeat scroll 0% 0%;
		padding: 21px 0 0 74px;
		width:856px;
		height:81px;
		}

ul#navigatie li { float:left;}

ul#navigatie li a  {
	overflow:hidden;
	text-indent:-9000px;
	height:80px;
	display:block;
	outline:none;
	border-bottom:none;}


/*----------------HOVER---------------*/

ul#navigatie li#nav_home a {
	background:transparent url(../img/nav_home.jpg) no-repeat top left;
	width:79px;}
ul#navigatie li#nav_home a:hover {background-position:0 -80px;}

ul#navigatie li#nav_aanbod a {
	background:transparent url(../img/nav_aanbod.jpg) no-repeat top left;
	width:141px;}
ul#navigatie li#nav_aanbod a:hover {background-position:0 -80px;}

ul#navigatie li#nav_lesrooster a {
	background:transparent url(../img/nav_lesrooster.jpg) no-repeat top left;
	width:129px;}
ul#navigatie li#nav_lesrooster a:hover {background-position:0 -80px;}

ul#navigatie li#nav_publicaties a {
	background:transparent url(../img/nav_publicaties.jpg) no-repeat top left;
	width:141px;}
ul#navigatie li#nav_publicaties a:hover {background-position:0 -80px;}

ul#navigatie li#nav_contact a {
	background:transparent url(../img/nav_contact.jpg) no-repeat top left;
	width:111px;}
ul#navigatie li#nav_contact a:hover {background-position:0 -80px;}

ul#navigatie li#nav_forum a {
	background:transparent url(../img/nav_forum.jpg) no-repeat top left;
	width:100px;}
ul#navigatie li#nav_forum a:hover {background-position:0 -80px;}

ul#navigatie li#nav_links a {
	background:transparent url(../img/nav_links.jpg) no-repeat top left;
	width:79px;}
ul#navigatie li#nav_links a:hover {background-position:0 -80px;}


/*----------------ACTIVE STATES---------------*/

#b_home ul#navigatie li#nav_home a {background-position:0 -80px;}
#b_aanbod ul#navigatie li#nav_aanbod a {background-position:0 -160px;}
#b_lesrooster ul#navigatie li#nav_lesrooster a {background-position:0 -80px;}
#b_publicaties ul#navigatie li#nav_publicaties a {background-position:0 -160px;}
#b_contact ul#navigatie li#nav_contact a {background-position:0 -160px;}
#b_forum ul#navigatie li#nav_forum a {background-position:0 -80px;}
#b_links ul#navigatie li#nav_links a {background-position:0 -80px;}


/*----------------DISPLAY SUBNAV---------------*/

#b_home ul#subnav_aanbod {display:none}
#b_home ul#subnav_publicaties {display:none}
#b_home ul#subnav_contact {display:none}

#b_aanbod ul#subnav_aanbod {display:block}
#b_aanbod ul#subnav_publicaties {display:none}
#b_aanbod ul#subnav_contact {display:none}

#b_lesrooster ul#subnav_aanbod {display:none}
#b_lesrooster ul#subnav_publicaties {display:none}
#b_lesrooster ul#subnav_contact {display:none}

#b_publicaties ul#subnav_aanbod {display:none}
#b_publicaties ul#subnav_publicaties {display:block}
#b_publicaties ul#subnav_contact {display:none}

#b_contact ul#subnav_aanbod {display:none}
#b_contact ul#subnav_publicaties {display:none}
#b_contact ul#subnav_contact {display:block}

#b_forum ul#subnav_aanbod {display:none}
#b_forum ul#subnav_publicaties {display:none}
#b_forum ul#subnav_contact {display:none}

#b_links ul#subnav_aanbod {display:none}
#b_links ul#subnav_publicaties {display:none}
#b_links ul#subnav_contact {display:none}


/*-----------------SUBNAV-----------------*/

ul#subnav_aanbod, ul#subnav_publicaties {
		vertical-align:top;
		width:856px;
		height:23px;
		}

ul#subnav_aanbod li a, ul#subnav_publicaties li a, ul#subnav_contact li a  {
	overflow:hidden;
	text-indent:-9000px;
	height:23px;
	display:block;
	outline:none;
	border-bottom:none;
	float:left; 
	}
	
ul#subnav_contact {
		vertical-align:top;
		padding: 0 0 0 436px;
		width:420px;
		height:23px;
		}
ul#subnav_aanbod { padding-left:74px; }
ul#subnav_publicaties { padding-left:244px; }

ul#subnav_aanbod li, ul#subnav_publicaties li, ul#subnav_contact li {float: left}

ul#subnav_aanbod li#subnav_disciplines {width: 115px;}
ul#subnav_aanbod li#subnav_gedragshulp {width: 135px;}
ul#subnav_aanbod li#subnav_knuffelteam {width: 135px;}
ul#subnav_aanbod li#subnav_casting {width: 107px;}
ul#subnav_aanbod li#subnav_workshops {width: 198px;}
ul#subnav_aanbod li#subnav_agenda {width: 91px;}

ul#subnav_publicaties li#subnav_foto {width: 77px;}
ul#subnav_publicaties li#subnav_video {width: 91px;}
ul#subnav_publicaties li#subnav_uitslagen {width: 109px;}
ul#subnav_publicaties li#subnav_pers {width: 139px;}
ul#subnav_publicaties li#subnav_lectuur {width: 195px;}

ul#subnav_contact li#subnav_bestuur {width: 84px;}
ul#subnav_contact li#subnav_trainers {width: 88px;}
ul#subnav_contact li#subnav_locatie {width: 138px;}
ul#subnav_contact li#subnav_betalingen {width: 108px;}

/*----------------HOVER SUBNAV AANBOD---------------*/

ul#subnav_aanbod li#subnav_disciplines a { 	background:transparent url(../img/subnav_disciplines.jpg) no-repeat top left; width:115px;}
ul#subnav_aanbod li#subnav_disciplines a:hover {background-position:0 -23px;}

ul#subnav_aanbod li#subnav_gedragshulp a {	background:transparent url(../img/subnav_gedragshulp.jpg) no-repeat top left; width:135px;}
ul#subnav_aanbod li#subnav_gedragshulp a:hover {background-position:0 -23px;}

ul#subnav_aanbod li#subnav_knuffelteam a {	background:transparent url(../img/subnav_knuffelteam.jpg) no-repeat top left; width:135px;}
ul#subnav_aanbod li#subnav_knuffelteam a:hover {background-position:0 -23px;}

ul#subnav_aanbod li#subnav_casting a {	background:transparent url(../img/subnav_casting.jpg) no-repeat top left; width:107px;}
ul#subnav_aanbod li#subnav_casting a:hover {background-position:0 -23px;}

ul#subnav_aanbod li#subnav_workshops a {	background:transparent url(../img/subnav_workshops.jpg) no-repeat top left;	width:198px;}
ul#subnav_aanbod li#subnav_workshops a:hover {background-position:0 -23px;}

ul#subnav_aanbod li#subnav_agenda a {	background:transparent url(../img/subnav_agenda.jpg) no-repeat top left; width:91px;}
ul#subnav_aanbod li#subnav_agenda a:hover {background-position:0 -23px;}


/*----------------HOVER SUBNAV PUBLICATIES---------------*/

ul#subnav_publicaties li#subnav_foto a { 	background:transparent url(../img/subnav_foto.jpg) no-repeat top left;
											width:77px;}
ul#subnav_publicaties li#subnav_foto a:hover {background-position:0 -23px;}

ul#subnav_publicaties li#subnav_video a {	background:transparent url(../img/subnav_video.jpg) no-repeat top left;
											width:91px;}
ul#subnav_publicaties li#subnav_video a:hover {background-position:0 -23px;}

ul#subnav_publicaties li#subnav_uitslagen a {	background:transparent url(../img/subnav_uitslagen.jpg) no-repeat top left;
											width:109px;}
ul#subnav_publicaties li#subnav_uitslagen a:hover {background-position:0 -23px;}

ul#subnav_publicaties li#subnav_pers a {	background:transparent url(../img/subnav_pers.jpg) no-repeat top left;
											width:139px;}
ul#subnav_publicaties li#subnav_pers a:hover {background-position:0 -23px;}


ul#subnav_publicaties li#subnav_lectuur a {	background:transparent url(../img/subnav_lectuur.jpg) no-repeat top left;
											width:195px;}
ul#subnav_publicaties li#subnav_lectuur a:hover {background-position:0 -23px;}

/*----------------HOVER SUBNAV CONTACT---------------*/

ul#subnav_aanbod li#subnav_bestuur {width: 84px;}
ul#subnav_contact li#subnav_bestuur a { 	background:transparent url(../img/subnav_bestuur.jpg) no-repeat top left;
											width:84px;}
ul#subnav_contact li#subnav_bestuur a:hover {background-position:0 -23px;}

ul#subnav_aanbod li#subnav_trainers {width: 88px;}
ul#subnav_contact li#subnav_trainers a {	background:transparent url(../img/subnav_trainers.jpg) no-repeat top left;
											width:88px;}
ul#subnav_contact li#subnav_trainers a:hover {background-position:0 -23px;}

ul#subnav_aanbod li#subnav_locatie {width: 138px;}
ul#subnav_contact li#subnav_locatie a {	background:transparent url(../img/subnav_locatie.jpg) no-repeat top left;
											width:138px;}
ul#subnav_contact li#subnav_locatie a:hover {background-position:0 -23px;}

ul#subnav_aanbod li#subnav_betalingen {width: 108px;}
ul#subnav_contact li#subnav_betalingen a {	background:transparent url(../img/subnav_betalingen.jpg) no-repeat top left;
											width:108px;}
ul#subnav_contact li#subnav_betalingen a:hover {background-position:0 -23px;}


/*----------------CONTENT---------------*/

div#content {
	margin-left:90px;
	width:750px;
	}

#b_home div#content {
	margin-left:90px;
	width:465px;
	float:left;
	}

#content ul#subnav_lijst {
	margin:20px 0 40px 42px;
	list-style-type:disc;}

h2#overdogsdream {background: transparent url(../img/h2_overdogsdream.jpg) no-repeat bottom left;} 
h2#kennisgeving {background: transparent url(../img/h2_kennisgeving.jpg) no-repeat bottom left;} 

h2#aanbod {background: transparent url(../img/h2_aanbod.jpg) no-repeat bottom left;}
h2#disciplines {background: transparent url(../img/h2_disciplines.jpg) no-repeat bottom left;}
h2#gedragshulp {background: transparent url(../img/h2_gedragshulp.jpg) no-repeat bottom left;}
h2#knuffelteam {background: transparent url(../img/h2_knuffelteam.jpg) no-repeat bottom left;}
h2#casting {background: transparent url(../img/h2_casting.jpg) no-repeat bottom left;}
h2#workshops {background: transparent url(../img/h2_workshops.jpg) no-repeat bottom left;}
h2#agenda_groen {background: transparent url(../img/h2_agenda_groen.jpg) no-repeat bottom left;}

h2#lesrooster {background: transparent url(../img/h2_lesrooster.jpg) no-repeat bottom left;}

h2#publicaties {background: transparent url(../img/h2_publicaties.jpg) no-repeat bottom left;}
h2#foto {background: transparent url(../img/h2_foto.jpg) no-repeat bottom left;}
h2#video {background: transparent url(../img/h2_video.jpg) no-repeat bottom left;}
h2#uitslagen{background: transparent url(../img/h2_uitslagen.jpg) no-repeat bottom left;}
h2#pers {background: transparent url(../img/h2_pers.jpg) no-repeat bottom left;}
h2#lectuur {background: transparent url(../img/h2_lectuur.jpg) no-repeat bottom left;}

h2#contact {background: transparent url(../img/h2_contact.jpg) no-repeat bottom left;}
h2#bestuur {background: transparent url(../img/h2_bestuur.jpg) no-repeat bottom left;}
h2#trainers {background: transparent url(../img/h2_trainers.jpg) no-repeat bottom left;}
h2#overmartine {background: transparent url(../img/h2_overmartine.jpg) no-repeat bottom left;}
h2#locatie {background: transparent url(../img/h2_locatie.jpg) no-repeat bottom left;}
h2#betalingen {background: transparent url(../img/h2_betalingen.jpg) no-repeat bottom left;}

h2#links {background: transparent url(../img/h2_links.jpg) no-repeat bottom left;}

#content a.top {
	margin: 10px 0 0 27px;
	background:transparent url(../img/button_up.jpg);
	text-indent:-9000px;
	width:15px;
	height:23px;
	outline:none;
	display:block;
	border-bottom:none;
	}



/*---------------AGENDA--------------------*/

div#agenda {
	width:245px;
	margin-left:40px;
	float:left;
	}

div#agenda h2 {background:transparent url(../img/h2_agenda.jpg) no-repeat bottom left;
	width:245px;
	height:60px;
	} 

div#agenda h3{
	color:#ef8229;
	font-size:11px;
	line-height:18px;
	padding:0 0 0 20px;
	background:none;
	margin:0;
	}
div#agenda p {padding:0 0 12px 20px;}

div#agenda a#vollagenda {
	overflow:hidden;
	text-indent:-9000px;
	display:block;
	outline:none; 
	background:transparent url(../img/button_vollagenda.jpg) no-repeat top left;
	width:208px;
	height:22px;
	margin:30px 0 0 20px;
	border-bottom:none;
	}

div#agenda a#vollagenda:hover {background-position: 0 -22px;
	border-bottom:none;}
	
/*----------------- [OVER DIEREN TABEL]------------------*/

table#overdieren {border:none;}

table#overdieren tr.od_blauw { background-color: #e4efee; }

table#overdieren td {
	width:135px;
	border: 1px solid #e4efee;
	}
	
table#overdieren tr.od_blauw td { border: 1px solid #fff; }
	
table#overdieren td.cover {
	padding:20px; }

table#overdieren td.title {
	padding:5px 20px 20px 20px;
	vertical-align:top;
	}

table#overdieren td a {
	border:none;
	}
	
table#overdieren td a:hover {
	border:none;
	}

/*----------------- [VIDEO TABEL]------------------*/
	
table#table_video { border:none; }

table#table_video td {
	width:175px;
	vertical-align:top;
	}

table#table_video td.td_video {
	padding:5px 10px 20px 10px;
	}
	
	
/*----------------- [CONTAINER END]------------------*/
div#container_end {
	height:110px;
	width: 930px;
	background:#e4efee url(../img/container_footer_bg.jpg) no-repeat top center;
	padding:0;
	margin:0 auto;}

/*----------------- [FOOTER]------------------*/

div#footer {
	height:269px;
	background:#e4efee url(../img/footer_bg.jpg) /*url(../img/footer_bg_xmas.jpg)*/ repeat-x top center;
	}
div#footer p {
	height:269px;
	width: 930px;
	background: url(../img/footer.jpg) /*url(../img/footer_pasen.jpg)*/ no-repeat top center;
	text-indent:-9000px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	}