/* CSS voor KC 's-Hertogenbosch */

* {
	padding:0;
	margin:0;
}

body {
	background-color:#ffffff;
}

.wrapper {
	width:900px;
	margin:0px auto;
	margin-top:10px;
	margin-bottom:10px;
	border:solid 1px #5f554b;
	font-family:"trebuchet ms",arial,helvetica,sans-serif;
	color:#5f554b;
	font-size:80%;
}

/* H1, H2, H3 & AFWIJKENDE FONTS */

h1 {
	color:#5f554b;
	font-size:200%;
}

h2 {
	color:#5f554b;
	font-size:150%;
}

h3 {
	color:#525ba8;
	font-size:120%;
}

h4 {
	color:#525ba8;
	font-weight:bold;
}

em {
	font-style:normal;
	font-weight:bold;
}

.small {
	font-size:80%;
}

/* LINKS */

a {
	color:#484099;
	font-weight:normal;
	text-decoration:underline;
}

a:visited {
	color:#9a9dec;
	text-decoration:underline;
}

a:hover {
	color:#843b00;
	text-decoration:underline;
}

a[rel~=external] {
	padding-right:16px;
	background:transparent url(../img/external.jpg) center right no-repeat scroll;
}

a[rel~=external]:visited {
	background:transparent url(../img/externalvisited.jpg) center right no-repeat scroll;
}

a[rel~=external]:hover {
	background:transparent url(../img/externalhover.jpg) center right no-repeat scroll;
}

a[rel~=top] {
	padding-left:20px;
	background:transparent url(../img/pijltop.jpg) center left no-repeat scroll;
	font-size:90%;
}

a[rel~=top]:visited {
	background:transparent url(../img/pijltopvisited.jpg) center left no-repeat scroll;
	font-size:90%;
}

a[rel~=top]:hover {
	background:transparent url(../img/pijltophover.jpg) center left no-repeat scroll;
	font-size:90%;
}

.footer a {
	color:#f1f0f8;
	text-decoration:underline;
}

.footer a:visited {
	color:#f1f0f8;
	text-decoration:underline;
}

.footer a:hover {
	color:#f1f0f8;
	text-decoration:none;
}

.footer a[rel~=external] {
	padding-right:16px;
	background:transparent url(../img/footerexternal.jpg) center right no-repeat scroll;
}

.footer a[rel~=external]:visited {
	background:transparent url(../img/footerexternal.jpg) center right no-repeat scroll;
}

.footer a[rel~=external]:hover {
	background:transparent url(../img/footerexternal.jpg) center right no-repeat scroll;
}

/* IMAGES */

img.left {
	float:left;
	clear:left;
	margin:5px 10px 5px 0;
	padding:2px;
	border:1px solid #9a9dec;
}

img.center {
	float:none;
	clear:both;
	display:block;
	margin:0 auto;
	padding:2px;
	border:1px solid #9a9dec;
}

img.right {
	float:right;
	clear:right;
	margin:5px 0 5px 10px;
	padding:2px;
	border:1px solid #9a9dec;
}

img.leftnoborder {
	float:left;
	clear:left;
	margin:5px 10px 5px 0;
	padding:2px;
	border-style:none;
}

img.centernoborder {
	float:none;
	clear:both;
	display:block;
	margin:0 auto;
	padding:2px;
	border-style:none;
}

img.rightnoborder {
	float:right;
	clear:right;
	margin:5px 0 5px 10px;
	padding:2px;
	border-style:none;
}

img.leftlink {
	float:left;
	clear:left;
	margin:5px 10px 5px 0;
	padding:2px;
	border:1px solid #9a9dec;
}

img.leftlink:hover {
	border:1px solid #484099;
}

img.centerlink {
	float:none;
	clear:both;
	display:block;
	margin:0 auto;
	padding:2px;
	border:1px solid #9a9dec;
}

img.centerlink:hover {
	border:1px solid #484099;
}

img.slideshow {
	margin:2px;
	padding:2px;
	border:1px solid #9a9dec;
}

/* HEADER */

.header {
	width:900px;
}

.header-top {
	width:900px;
	height:30px;
	background:#f1f0f8;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}

.header-middle {
	width:900px;
	height:210px;
	background:#f1f0f8 url(../img/bg_head_middle.jpg) no-repeat;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	border-bottom:solid 1px #5f554b;
}

.header-bottom {
	clear:both;
	margin:0;
	padding:0 0 10px 0;
	background:transparent url(../img/bg_header_bottom.jpg) top left repeat-y;
	text-align:center;
}

.header-bottom p {
	/* height:70px; */
	margin:0;
	padding:10px 10px 10px 40px;
	background:#eed0b4 url(../img/uitroep.gif) no-repeat 10px 5px;
	color:#64300a;
	font-size:110%;
	font-family:Tahoma, Geneva, sans-serif;
	border-bottom:solid 1px #5f554b;
	line-height:140%;
}

.header-bottom a {
	color:#64300a;
	font-weight:bold;
}

.header-bottom a:hover {
	color:#484099;
	font-weight:bold;
}

.skip {
	width:350px;
	position:absolute;
	z-index:2;
	margin:5px 0 0 0;
	margin-left:-1000px !important/*Non-IE6*/;
	margin-left:-1000px /*IE6*/;
}

.servicemenu {
	width:350px;
	position:absolute;
	margin:5px 0 0 550px;
}

.servicemenu ul {
	float:right;
	padding:0 15px 0 0;
	font-weight:bold;
}

.servicemenu li {
	display:inline; 
	list-style:none;
}

.servicemenu li a {
	display:block;
	float:left;
	padding:2px 5px 2px 5px;
	color:#5f554b;
	text-decoration:none;
}

.servicemenu a:hover {
	text-decoration:underline;
	color:#797269;
}

.header-middle ul {
	float:right;
	width:720px;
	list-style:none;
	padding:175px 0 0 0;
}

.header-middle ul li {
	display:inline;
	padding:0 5px 0 10px;
	background:#f1f0f8 url(../img/bg_bullet_arrow.jpg) no-repeat 0 50%;
	font-size:90%;
}

.header-middle ul a {
	color:#5f554b;
	text-decoration:underline;
}

.header-middle ul a:hover {
	color:#5f554b;
	text-decoration:none;
}

.header-middle ul li.none {
	background:#f1f0f8;
	padding:0 5px 0 0;
}

.header-middle ul li.current {
	font-weight:bold;
}

/* MAIN */

.main {
	width:900px;
	clear:both;
	padding-bottom:20px;
	background:transparent url(../img/bg_main_nav.jpg) top left repeat-y;
}

/* main navigation */

.main-navigation {
	display:inline /*Fix IE floating margin bug*/;
	float:left;
	width:200px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}

.main-navigation .round-border-topright {
	width:10px;
	height:10px;
	position:absolute;
	z-index:100;
	margin:0 0 0 190px;
	background:url(../img/bg_corner_topright.gif) no-repeat;
}

ul.menu {
	width:199px;
	margin:0 0 10px 5px;
	list-style-type:none;
}

ul.menu li a,
ul.menu li a:visited {
	line-height:25px;
	padding:0 0 0 10px;
	background:url(../img/bg_bullet_full_1.jpg) no-repeat 0px 50%;
	text-decoration:none;
	color:#484099;
	font-weight:bold;
	font-size:120%;
}

ul.menu li a:hover {
	background:url(../img/bg_bullet_full_2.jpg) no-repeat 0px 50%;
	text-decoration:underline;
	color:#9a9dec;
}

ul.menu li ul {
	list-style-type:none;
}

ul.menu li ul li a,
ul.menu li ul li a:visited {
	line-height:20px;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	background:url(../img/bg_bullet_half_1.jpg) no-repeat 0px 50%;
	text-decoration:none;
	color:#484099;
	font-weight:normal;
	font-size:90%;
}

ul.menu li ul li a:hover {
	background:url(../img/bg_bullet_half_2.jpg) no-repeat 0px 50%;
	text-decoration:underline;
	color:#9a9dec;
}

ul.menu li ul li ul {
	list-style-type:none;
	padding-left:10px;
}

ul.menu li ul li ul li a,
ul.menu li ul li ul li a:visited {
	line-height:20px;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	background:url(../img/bg_bullet_disc_1.jpg) no-repeat 0px 50%;
	text-decoration:none;
	color:#484099;
	font-weight:normal;
	font-size:90%;
}

ul.menu li ul li ul li a:hover {
	background:url(../img/bg_bullet_disc_2.jpg) no-repeat 0px 50%;
	text-decoration:underline;
	color:#9a9dec;
}

.main-navigation p.menuheader {
	clear:both;
	margin:0px;
	padding:4px 20px 3px 20px;
	background-color:#9a9dec;
	color:#ffffff;
	font-size:140%;
	font-weight:bold;
}

.main-navigation p {
	clear:both;
	margin:10px 10px 10px 20px;
	color:#5f554b;
}

/* main content */

.main-content {
	display:inline; /*Fix IE floating margin bug*/;
	float:left;
	width:460px;
	margin:10px 0 0 20px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	font-size:110%;
}

.contentborder {
	clear:both;
	width:460px;
	border-bottom:solid 1px #d9d8ed;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	padding-bottom:10px;
}

.contentnoborder {
	clear:both;
	width:460px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
}

.main-content h1 {
	margin:0 0 0.4em 0;
	padding:0 0 2px 0;
	border-bottom:solid 7px #d9d8ed;
	color:#484099;
	font-weight:bold;
}

.main-content h2 {
	clear:both;
	margin:20px 0 10px 0;
	color:#5f554b;
	font-weight:bold;
}

.main-content h3 {
	clear:both;
	margin:10px 0 5px 0;
	color:#5f554b;
	font-weight:bold;
}

.main-content p {
	margin:0 0 10px 0;
}

.main-content .caption {
	margin:0 0 10px 0;
	text-align:center;
	font-weight:bold;
}

.main-content .tekstblok {
	background:#f1f0f8;
	color:#464034;
	margin:0 0 10px 0;
	padding:10px;
	text-align:center;
	border:1px solid #484099;
}

.main-content .tekstblok ul {
	text-align:left;
}

.main-content ul {
	list-style-type:square;
	margin:10px 0 10px 15px;
}

.main-content ul li {
	margin:0 0 2px 0;
	padding:0 0 0 5px;
	line-height:20px;
}

.main-content ul .sub {
	list-style-type:disc;
	margin:0 0 0 20px;
}

.main-content ul li .sub {
	margin:0 0 2px 0;
	padding:0 0 0 17px;
	line-height:20px;
}

.main-content ul .subsub {
	list-style-type:circle;
	margin:0 0 0 40px;
}

.main-content ul li .subsub {
	margin:0 0 2px 0;
	padding:0 0 0 17px;
	line-height:20px;
}

.main-content ol {
	margin:10px 0 10px 20px;
}

.main-content ol li {
	margin:0 0 2px 0;
	padding:0 0 0 5px;
	line-height:20px;
}

/* table */

.main-content table {
	clear:both;
	width:460px;
	margin:0 0 20px 0;
	border-collapse:collapse;
	empty-cells:show;
	background-color:#f1f0f8;
}

.main-content table .smallfont {
	font-size:80%;
}

caption {
	background:#b9b9dd;
	color:#464034;
	font-size:130%;
	border:1px solid #ffffff;
	border-bottom:none;
	padding:5px;
}

.main-content table th {
	height:3.0em;
	padding:2px 5px 2px 5px;
	border:solid 2px #ffffff;
	background-color:#d9d8ed;
	text-align:left;
	color:#5f554b;
	font-weight:bold;
	font-size:110%;
	vertical-align:top;
}

.main-content table td {
	height:3.0em;
	padding:2px 5px 2px 5px;
	border:solid 2px #ffffff;
	background-color:#f1f0f8;
	text-align:left;
	font-weight:normal;
	color:#5f554b;
	vertical-align:top;
}

.main-content table .activiteit {
	width:280px;
}

.main-content table .datum {
	width:180px;
}

.main-content table .email {
	width:140px;
}

.main-content table .functie {
	width:120px;
}

.main-content table .naam {
	width:140px;
}

.main-content table .telefoon {
	width:120px;
}

.main-content table .plaats {
	width:45px;
}

.main-content table .eigenaar {
	width:75px;
}

.main-content table .hond {
	width:65px;
}

.main-content table .ras {
	width:75px;
}

.main-content table .geboortedatum {
	width:65px;
}

.main-content table .puntentotaal {
	width:65px;
}

.main-content table .resultaat {
	width:65px;
}

.main-content table.clubmatch .plaats {
	width:10px;
}

.main-content table.clubmatch .ras {
	width:100px;
}

.main-content table.clubmatch .naam-hond {
	width:100px;
}

.main-content table.clubmatch .eigenaar {
	width:100px;
}

/* forms */

.contactform {
	width:440px;
	margin:10px 0 10px 0;
	padding:0 10px 0 10px;
	border:solid 1px #9a9dec;
	background-color:#f1f0f8;
	font-size:100%;
}

.contactform fieldset {
	padding:10px 0 10px 0 !important;
	padding:0;
	margin:0 0 10px 0;
	border:solid 1px #9a9dec;
}

.contactform fieldset legend {
	margin:0 0 0 5px !important;
	margin:0 0 20px 5px;
	padding:0 3px 0 3px;
	color:#9a9dec;
	font-weight:bold;
	font-size:130%;
}

.contactform fieldset p {
	padding:10px 10px 0 12px;
}

.contactform label {
	float:left;
	width:180px;
	margin:0 0 0 10px;
	padding:2px;
}

.contactform label.checkbox {
	width:180px;
	margin:0 0 0 10px;
	padding:2px;
	clear:left;
}

.contactform select.kort {
	width:100px;
	margin:2px 0 2px 0;
	padding:2px;
	border:solid 1px #9a9dec;
	font-family:verdana,arial,sans-serif;
}

.contactform select.lang {
	width:230px;
	margin:2px 0 2px 0;
	padding:2px;
	border:solid 1px #9a9dec;
	font-family:verdana,arial,sans-serif;
}

.contactform select.datum {
	width:65px;
	margin:2px 0 2px 0;
	padding:2px;
	border:solid 1px #9a9dec;
	font-family:verdana,arial,sans-serif;
}

.contactform select.datummaand {
	width:85px;
	margin:2px 0 2px 0;
	padding:2px;
	border:solid 1px #9a9dec;
	font-family:verdana,arial,sans-serif;
}

.contactform input.inputText {
	width:230px;
	margin:2px 0 2px 0;
	padding:2px;
	border:solid 1px #9a9dec;
	font-family:verdana,arial,sans-serif;
}

.contactform textarea {
	width:230px;
	padding:2px;
	border:solid 1px #9a9dec;
	font-family:verdana,arial,sans-serif;
	font-size:100%;
}

.contactform input.button {
	margin-left:195px;
	padding:1px !important;
	padding:0;
	background:#d9d8ed;
	border:solid 1px #9a9dec;
	color:#5f554b;
	text-align:center;
	font-family:verdana,arial,sans-serif;
}

.contactform input.button:hover {
	cursor: pointer;
	background:#9a9dec;
	border:solid 1px #525ba8;
	color:#5f554b;
}

#submitForm {
	width:440px;
	margin:10px 0;
	padding:0 10px 0 10px;
	border:solid 1px #9a9dec;
	background-color:#f1f0f8;
	font-size:100%;
}

#submitForm fieldset {
	margin:0 0 5px 0;
	padding:10px;
	border:solid 1px #9a9dec;
}

#submitForm fieldset legend {
	margin:0 0 0 3px;
	padding:0 3px 0 3px;
	color:#9a9dec;
	font-weight:bold;
	font-size:130%;
}

#submitForm fieldset p {
	margin:5px 0;
}

#submitForm fieldset div {
	margin:5px 0;
}

#submitForm fieldset div.list {
	margin:5px 0 15px 0;
}

#submitForm fieldset .label {
	float:left;
	width: 170px;
	padding-right:10px;
	text-align:right;
}

#submitForm fieldset input.inputText {
	width:230px;
}

#submitForm fieldset input.radio2 {
	margin-left:10px;
}

#submitForm fieldset textarea {
	width:410px;
}

#submitForm input.button {
	margin-left:10px;
	padding:3px 10px;
}

#submitForm p.info {
	margin: 5px 0;
	padding: 5px 5px 5px 30px;
	color: #ffffff;
	background: #9a9dec url(../img/info.jpg) no-repeat 5px 5px;
}

/* main subcontent */

.main-subcontent {
	display:inline /*Fix IE floating margin bug*/;
	float:right;
	width:185px;
	margin:0 15px 0 0;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}

.subcontent-unit-border {
	width:183px;
	margin:0 0 1em 0;
	padding:0;
	border:solid 1px #9a9dec;
	/*border-bottom:none;*/
	background:#f1f0f8;
}

.round-border-topleft {
	width:10px;
	height:10px;
	position:absolute;
	z-index:100;
	background:url(../img/bg_corner_topleft.gif) no-repeat;
	margin-top:-1px;
	margin-left:-1px;
}

.round-border-topright {
	width:10px;
	height:10px;
	position:absolute;
	z-index:100;
	background:url(../img/bg_corner_topright.gif) no-repeat;
	margin-top:-1px;
	margin-left:174px;
}

.main-subcontent p.nieuwsheader {
	clear:both;
	margin:0;
	padding:4px 10px 3px 10px;
	background-color:#9a9dec;
	font-family:"trebuchet ms",arial,sans-serif;
	color:#ffffff;
	font-weight:bold;
	font-size:140%;
}

.main-subcontent ul {
	padding:0;
	margin:0;
	list-style:none;
}

.main-subcontent ul li {
	padding:0;
	margin:0;
	border-top:1px solid #9a9dec;
}

.main-subcontent .date {
	color:#bd712d;
	font-size:70%;
	font-weight:normal;
	padding:8px 0 0 0;
}

.main-subcontent img {
	margin-bottom:1em;
}

.main-subcontent img.last {
	margin-bottom:0;
}

.main-subcontent ul li a {
	color:#484099;
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
	padding:0 5px 8px 10px;
}

.main-subcontent ul li a:link {
	color:#484099;
	display:block;
}

.main-subcontent ul li a:visited {
	color:#484099;
	display:block;
}

.main-subcontent ul li a:hover {
	background:#ffffff;
	color:#484099;
}

.main-subcontent p {
	margin:0 0 8px 8px;
}

/* FOOTER */

.footer {
	clear:both;
	width:900px;
	padding:10px 0 10px 0;
	background:#9a9dec;
	font-size:90%;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}

.footer p {
	line-height:1.3em;
	text-align:center;
	color:#f1f0f8;
	font-size:110%;
}

/*  CLEAR FLOATS  */

.wrapper:after, .header:after, .header-bottom:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after, .subcontent-unit-border:after, .footer:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clear-contentunit {
	clear:both;
	width:440px;
	height:0.1em;
	border:none;
	background:#d9d8ed;
	color:#d9d8ed;
}

/*  SLIDE SHOW  */

#gallery {width:628px; height:460px; padding:10px; border:1px solid #484099; background: #b9b9dd; position:relative; }
#gallery b.default {position:absolute; left:0; top:10px; width:448px; height:460px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #f1f0f8; border-color:#525ba8 #d9d8ed #f1f0f8 #484099;}
#gallery b.default span {display:block; color:#484099; font-family:verdana, arial, sans-serif; font-weight:normal; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:190px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#f1f0f8 #525ba8 #484099 #d9d8ed;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#525ba8 #d9d8ed #f1f0f8 #484099; background:#9a9dec;}
#gallery ul li a:hover b {position:absolute; left:-448px; top:0; width:448px; height:460px; text-align:center; background:#b9b9dd; z-index:20;}
#gallery ul li a:hover span {display:block; color:#484099; font-family:verdana, arial, sans-serif; font-weight:normal; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #f1f0f8; border-color:#525ba8 #d9d8ed #f1f0f8 #484099;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#525ba8 #d9d8ed #f1f0f8 #484099; background:#9a9dec;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-448px; top:0; width:448px; height:460px; text-align:center; background:#b9b9dd; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#484099; font-family:verdana, arial, sans-serif; font-weight:normal; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #f1f0f8; border-color:#525ba8 #d9d8ed #f1f0f8 #484099;}

/* SLIDE SHOW CEMIUS */

#foto {
	width				: 620px;
	background			: #f1f0f8;
	border				: 1px solid #9a9dec;
	text-align			: center;
	padding				: 10px 0 10px 0;
	margin				: 5px 0 5px 0;
}

#foto img {
	border				: 1px solid #9a9dec;
}

#scrollbox {
	width				: 620px;
	height				: 140px;
	margin				: 0 0 10px 0;
	background			: #f1f0f8;
	overflow			: auto;
	border				: 1px solid #9a9dec;
}

#thumbs.clubmatch {
	width				: 6850px;
	padding				: 5px 0 5px 5px;
	height				: 90px;
}

#thumbs.examens {
	width				: 9000px;
	padding				: 5px 0 5px 5px;
	height				: 90px;
}

#thumbs.ehbo {
	width				: 5780px;
	padding				: 5px 0 5px 5px;
	height				: 90px;
}

#thumbs.kindhond {
	width				: 28100px;
	padding				: 5px 0 5px 5px;
	height				: 90px;
}

#thumbs.zomercursus {
	width				: 15050px;
	padding				: 5px 0 5px 5px;
	height				: 90px;
}

#thumbs img {
	border				: 1px solid #9a9dec;
	margin				: 0 5px 0 0;
}

#thumbs img:hover {
	border				: 1px solid #525ba8;
	cursor				: pointer;
}