/*
* Layout styles
*/

body {
	text-align: center;
	padding: 0px; margin: 0px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 76%;
	background: #fff url(../images/header-bg.gif) repeat-x;
}

.clearboth	{ clear: both; }
.nobr		{ white-space: nowrap; }

#container {
	width: 980px;
	margin: 0px auto;
	background: transparent;
	position: relative;
	text-align: right;
}

	#content {
		width: 980px;
		padding: 180px 0px 30px 0px;
		text-align: left;
	}
	
	    #content-home {
	        float: left;
			width: 978px;
			border: 1px solid #e0e0e0;
			background: #f0f0f2;
			margin: 10px 0px 0px 0px; padding: 0;
		}
		
		    #content-home h1 {
				margin: 20px 0px 20px 15px;
				width: 550px;
				padding: 0px 0px 20px 0px;
				color: #333;
				border-bottom: 1px solid #e0e0e2;
			}

			#content-home h1 span { color: #999; }

			#content-home p {
				margin: 10px 10px 15px 15px;
			}

			#content-home ul {
				margin: 20px 0px 0px 0px;
				padding: 0px 0px 0px 15px;
				color: #333;
				background: #eee;
			}
			
			#content-home ul li {
			    float: left;
			    width: 255px;
			    line-height: 140%;
			    padding: 0px 0px 10px 15px;
			    background: url(../images/bullet-play.gif) no-repeat 2px 5px;
			}
			
			#content-home img#image-home {
				float: right;
				margin: 0px 0px 0px 20px; padding: 0;
			}
	
	    #content-left {
			float: left;
			width: 587px;
		}
		
			#content-left div.poptrainingen-home {
				float: left;
				width: 196px;
			}
			
			#content-left div.poptrainingen-home.last { width: 195px; }
			
			#content-left div.poptrainingen-home ul {
				list-style: none;
				line-height: 140%;
				margin: 0px 10px 0px 9px; padding: 0;
			}

			#content-left div.poptrainingen-home li {
			    background: #fff url(../images/bullet-play.gif) no-repeat 2px 5px;
			    padding: 0px 0px 10px 15px;
			}
			
			#content-left div.poptrainingen-home h2 {
				background: #fff url(../images/poptrainingen-home-header-bg.gif) no-repeat bottom left;
				line-height: 150%;
				padding: 20px 0px 10px 10px;
				margin: 0;
				color: #d0001b;
			}
			
			#content-left div.poptrainingen-home h2 A { color: #d0001b; }
			#content-left div.poptrainingen-home h2 A:hover { text-decoration: none; }
			
			#content-left div.nieuws-item {
			    width: 568px;
				background: url(../images/nieuwsitem-bg.gif) no-repeat bottom left;
				margin: 0px 0px 20px 10px;
			}
			
				#content-left div.nieuws-item h2 {
				    font-size: 100%;
				    color: #0099cc;
				    font-weight: bold;
				    margin: 10px 10px 0px 0px;
				}
			
				#content-left div.nieuws-item p {
					margin: 0px;
					padding: 10px 10px 15px 0px;
				}

					#content-left div.nieuws-item p a.video {
					    padding: 0px 10px 0px 20px;
					    background: url(../images/icons/video.gif) no-repeat 0px 0px;
					}

					#content-left div.nieuws-item p a.album {
					    padding: 0px 10px 0px 20px;
					    background: url(../images/icons/gallery.gif) no-repeat 0px 2px;
					}
			
					#content-left div.nieuws-item p.onderschrift {
						color: #999999;
					}

					#content-left div.nieuws-item span.nieuws-date { color: #999999; }
			
		    #content-left div.info-aanvragen-container {
				border: 1px solid #e0e0e0;
				background: #f0f0f2;
				margin: 10px 10px 0px 0px; padding: 0;
			}
			
			#content-left div.info-aanvragen-container a.info-button {
			    display: block;
			    width: 120px; height: 12px;
				padding: 8px 40px 8px 20px; margin: 10px 0px 0px 10px;
				background: #e11617 url(../images/custom-banner-arrow-red.gif) no-repeat top right;
				color: #fff;
			}
			
			#content-left div.vvdm-right-container {
				float: right;
			}

			#content-left div.info-aanvragen-vvdm {
				width: 270px;
				border: 1px solid #e0e0e0;
				background: #f0f0f2;
				margin: 0px 10px 20px 20px; padding: 0;
			}
			
			#content-left img.vvdm-foto { margin: 10px 10px 10px 20px; }
			
			div.info-aanvragen-vvdm a.info-button {
			    display: block;
			    width: 120px;
				padding: 7px 40px 8px 20px; margin: 10px 0px 0px 10px;
				background: #e11617 url(../images/custom-banner-arrow-red.gif) no-repeat top right;
				color: #fff;
			}
			
			div.info-aanvragen-vvdm a.info-button.short {
				width: 100px;
			}
			
			#content-left div.case {
				float: left;
				display: block;
				text-align: center;
				width: 175px; height: 111px;
				background: #fff url(../images/case-block-bg.gif) no-repeat top left;
				padding: 8px 0px 0px 1px;
				margin: 0px 7px 17px 10px;
			}

			#content-left div.case p {
			    text-align: left;
			}


			#content-left div.case img, .case-container img.logo {
			    padding-bottom: 5px;
				border-bottom: 1px solid #f0f0f2;
			}

		    .case-container {
		        float: right;
				width: 176px;
				text-align: center;
				border: 1px solid #e0e0e0;
				background: #fff;
				border-bottom: 1px solid #f0f0f2;
				margin: 0px 20px 10px 10px;
				padding: 0;
			}

				.case-container.vvdm {
					float: left;
					margin: 0px 5px 20px 10px;
				}

				.case-container.vvdm div {
					height: 240px;
				}

				.case-container.vvdm.grey { background: #eee; }
				.case-container.vvdm.grey div { height: 230px; }
				
				.case-container.gallery {
					float: left;
					margin: 0px 5px 20px 10px;
				}

				.case-container.gallery div {
					height: 200px;
				}

				.case-container img.thumb {
				    margin-top: 10px;
				    padding-bottom: 5px;
					border-bottom: 1px solid #f0f0f2;
				}

				.case-container p.header {
					display: block;
					background: #e0e0e0;
					padding: 5px 10px;
					margin: 0;
				}

				.case-container p { text-align: left; }

			#trainer-description {
				margin-left: 10px;
			}

			#trainer_selector {
				margin: 20px 10px 0px 10px;
				padding: 20px 0px 20px 0px;
				border-top: 1px solid #efefef;
			}
			
			#trainer_container {
				margin: 15px 10px 0px 10px;
				padding: 20px 0px 0px 0px;
				border-top: 1px solid #efefef;
			}
			
			    #trainertip {
					display: none;
					color: #fff;
					padding: 10px;
					background: #d1001c;
				}
			
				#content-left ul.trainers {
					margin: 0; padding: 0;
					list-style: none;
				}

				#content-left ul.trainers li {
					float: left;
					display: inline-block;
					width: 58px;
					margin: 0px 5px 5px 0px;
					padding: 0px 0px 0px 0px;
					background: #eee;
				}
				
				#content-left ul.trainers a {
				    display: block;
					background: #ccc;
					height: 83px;
					padding: 0; margin: 0;
					border: 2px solid #d1001c;
				}
			
			img.trainer-groot {
				float: left;
				margin: 0px 10px 10px 0px;
			}
			
			object.youtube {
				width: 560px; height: 340px;
				margin-left: 10px;
			}
		
	    #content-right {
			float: left;
			width: 382px;
			margin: 65px 0px 0px 0px;
			padding-left: 10px;
			border-left: 1px solid #f3f3f3;
		}
		
		#content-right.home {
			margin: 0px 0px 0px 0px;
		}
		
		    #home-banner {
				margin: 0px; padding: 0px;
			}
		
		    .banner {
				background: #fff url(../images/content-right-divider.gif) no-repeat bottom left;
				margin: 20px 0px 0px 0px;
				padding: 0px 0px 30px 0px;
			}
			
			.banner.last { background: none; }

			.banner p { margin: 10px 0px 0px 0px; padding: 0; }
			.banner div.vvdm p { margin: 10px 10px 10px 10px; padding: 0; }
			.banner div.vvdm {
				margin: 0px 10px 10px 0px;
			}			

			.banner ul {
				list-style: none;
				line-height: 140%;
			}

			.banner li {
			    background: url(../images/bullet-play.gif) no-repeat 2px 5px;
			    padding: 0px 0px 0px 15px;
			}

			    .banner.case-banner blockquote.case-banner-quote {
					float: left;
					width: 218px;
					background: url(../images/quotes-open.gif) no-repeat 0px 3px;
				}

				.banner.case-banner blockquote.case-banner-quote p {
				    padding: 0px 15px 0px 30px;
				    margin: 0;
				    background: url(../images/quotes-close.gif) no-repeat bottom right;
				}

				.banner.case-banner img.case-banner-logo {
					float: left;
					width: 154px;
					margin-left: 10px;
				}
				
				.banner.custom-banner {
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					padding-bottom: 30px;
				}
				
				.banner.custom-banner.home-banner {
				    display: none;
				}
				
				.banner.custom-banner h3 {
					margin: 25px 10px 15px 0px;
				}
				
				.banner.custom-banner A.custom-banner-button {
					float: right;
					padding: 7px 40px 8px 20px; margin: 0;
					background: #ebebeb url(../images/custom-banner-arrow.gif) no-repeat top right;
					color: #616161;
				}
				
				.banner.custom-banner A.custom-banner-button:hover {
					background: #ebebeb url(../images/custom-banner-arrow.gif) no-repeat top right;
					text-decoration: none;
					color: #000;
				}
				
    #subnav-container {
        float: right;
		width: 176px;
		border: 1px solid #e0e0e0;
		background: #f0f0f2;
		border-bottom: 1px solid #f0f0f2;
		margin: 0px 10px 10px 10px;
	}
	
		#subnav-footer {
		    width: 176px; height: 8px;
		    margin-bottom: -10px;
		    border-top: 1px solid #e0e0e0;
			background: #f0f0f2 url(../images/subnav-footer.gif) no-repeat bottom left;
		}

		#subnav-container p.header {
		    display: block;
			padding: 6px 8px 11px 10px;
		    margin: 0;
		    font-weight: normal;
		    background: #e0e0e0 url(../images/subnav-header-playdown.gif) no-repeat 0px 29px;
		}

		#subnav-container ul.subnav {
			margin: 15px 10px 20px 10px; padding: 0;
		}
		
		#subnav-container ul.subnav li {
		    padding: 0;
		    background: url(../images/subnav-stippel.gif) repeat-x bottom left;
		}
		
		#subnav-container ul.subnav A {
			display: block;
			padding: 4px 0px 4px 10px;
			margin: 0;
			background: url(../images/bullet-play.gif) no-repeat 0px 10px;
		}
		
		#subnav-container ul.subnav A:hover, #subnav-container ul.subnav A.active {
		    color: #000;
		    text-decoration: none;
		    background: #e6e6e7 url(../images/bullet-play_on.gif) no-repeat 0px 10px;
		}

	img#logo {
		position: absolute;
		top: 44px; left: 0px;
	}

#footer-container {
	width: 100%; height: 288px;
	text-align: center;
	background: #f0f0f2;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

	#footer {
		width: 980px;
		margin: 0px auto;
		text-align: left;
	}
	
		#footer-contact {
			float: left;
			width: 196px;
		}
		
		#footer-vvdm {
			float: left;
			width: 392px;
		}
		
		    .footer-vvdm-foto {
				float: right;
				width: 150px; height: 120px;
				background: url(../images/footer-vvdm-foto-bg.gif) no-repeat;
				margin: 40px 20px 0px 10px;
				padding: 5px 0px 0px 17px;
			}
  			#footer-vvdm span.naam { color: #0099cc; font-weight: bold; }
  			#footer-vvdm span.leeftijd { color: #999999; }
  			#footer-vvdm p {
  				margin-right: 30px;
  			}

		#footer-nieuws {
			float: left;
			width: 392px;
		}
		
		#footer-nieuws p.footer-nieuws-column {
			float: left;
			width: 186px;
			height: 163px;
			overflow: hidden;
			margin: 0px 0px 10px 0px; padding: 0px 0px 10px 10px;
		}

		#footer-nieuws p.footer-nieuws-column a.video {
		    padding: 0px 10px 0px 20px;
		    background: url(../images/icons/video.gif) no-repeat 0px 0px;
		}
		
		#footer-nieuws p.footer-nieuws-column a.album {
		    padding: 0px 10px 0px 20px;
		    background: url(../images/icons/gallery.gif) no-repeat 0px 2px;
		}
	
#underfooter-container {
	width: 100%;
	text-align: center;
	background: transparent;
	border-bottom: 1px solid #e0e0e0;
}

	#underfooter {
		width: 980px;
		margin: 0px auto;
		padding: 30px 0px 30px 0px;
		background: transparent;
	}
	
	#underfooter img#underfooter-img {
		float: left;
		margin: 0px 20px 0px 10px;
	}
	
	#underfooter p {
		float: left; width: 550px;
		text-align: left;
		color: #666;
		margin: 20px 10px 15px 10px;
	}

#footernav-container {
	width: 100%;
	text-align: center;
	background: transparent;
}

	#footernav {
		width: 980px;
		margin: 20px auto 40px auto;
		background: transparent;
	}
	
	#footernav ul {
		margin: 0px 0px 0px 10px; padding: 0px;
	}
	
	#footernav li {
	    float: left;
	    margin-right: 20px;
	}
	
	#footernav A { color: #999; }
	#footernav A:hover { color: #666; text-decoration: underline; }

#zoeken {
	display: none;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border-bottom: 1px solid #111;
	border-right: 1px solid #111;
	background-color: #e21619;
	padding: 5px; margin: 0;
}
#tooltip h3, #tooltip div { margin: 0; font-size: 100%; color: #fff; font-weight: bold; }


/*
* Typography styles
*/

h1 {
	font-size: 190%;
	font-weight: normal;
	color: #d1001c;
	padding: 0px;
	margin: 25px 10px 15px 10px;
}

h1.home {

}

h2 {
	font-size: 130%;
	font-weight: normal;
	color: #333;
	padding: 0px;
	margin: 30px 10px 15px 10px;
}

h2.open-trainingen {
	font-size: 110%;
	color: #0099cc;
	margin: 40px 10px 0px 10px;
	font-weight: bold;
}

h2.form-title {
	display: block;
	width: 568px;
	overflow: hidden;
	border-bottom: 1px solid #efefef;
	padding-bottom: 15px;
	margin: 20px 10px 20px 10px;
}

h3 {
	font-size: 130%;
	font-weight: normal;
	color: #333;
	padding: 0px;
	margin: 30px 10px 15px 0px;
}

	#footer h3 {
		margin: 40px 10px 15px 10px;
	}

h4 {
	font-size: 110%;
	line-height: 150%;
	color: #333;
	padding: 0px;
	margin: 20px 0px 0px 0px;
}

p {
	line-height: 140%;
	color: #333;
	margin: 10px 10px 15px 10px;
	padding: 0px;
}

p.service-text {
	padding-left: 15px;
	padding-bottom: 20px;
	background: url(../images/bullet-play.gif) no-repeat 2px 5px;
}

p.mail-a-friend-functions {
	margin: 0px 0px 30px 10px;
}

p.mail-a-friend-functions a {
	padding: 3px 0px 0px 15px;
	background: url(../images/icon-plus.gif) no-repeat 2px 5px;
}

p.item-functions {
	margin-top: 40px;
}

p.item-functions.right {
	float: right;
	width: 160px;
	margin-top: 0px;
}

p.item-functions A { padding: 2px 0px 2px 0px; }

p.item-functions A.print {
	padding-left: 20px;
	background: url(../images/icon-print.gif) no-repeat 0px 0px;
	margin-right: 40px;
}

p.item-functions.right A.print { margin-right: 0px; display: block; width: 160px; }

p.item-functions A.mail-a-friend {
	padding-left: 22px;
	background: url(../images/icon-mail.gif) no-repeat 0px 3px;
}

p.item-functions.right A.mail-a-friend { display: block; width: 160px; }

p.mail-url {
	display: block;
	width: 568px;
	overflow: hidden;
	border-bottom: 1px solid #efefef;
	padding-bottom: 5px;
}

p#breadcrumb {
	width: 970px;
    border-bottom: 1px solid #e0e0e0;
    color: #999999;
    padding: 10px 0px 10px 10px;
    margin: 0px;
}

p#breadcrumb span.divider {
	font-size: 110%;
	padding: 0px 5px 0px 5px;
}

p#breadcrumb A {
	color: #999999;
	text-decoration: none;
	padding: 10px 0px 10px 0px;
}

p#breadcrumb A:hover { color: #0099cc; text-decoration: none; }

ul.prevnext {
	width: 365px;
	margin: 20px 0px 20px 0px;
}

ul.prevnext li {
	float: left;
	background: none;
	padding: 0px;
	width: 50%;
}

ul.prevnext li.prev {
	text-align: left;
}

ul.prevnext li.next {
	text-align: right;
}

ul.prevnext a {
	color: #f00;
}

ul.prevnext a span.indicator {
	font-size: 120%;
}

/*
* Anchor styles
*/

A 				{ text-decoration: none; color: #0099cc; }
A.underlined    { text-decoration: underline; }
A:link			{ color: #0099cc; }
A:visited		{ color: #0099cc; }
A:active		{ color: #0099cc; }
A:hover			{ text-decoration: underline; color: #0099cc; }
A.underlined:hover  { color: #000; }
A.active		{ text-decoration: underline; color: #0099cc; }

/*
* Content lists styles
*/

#content-left ul {
	line-height: 150%;
 	margin: 0px 0px 0px 10px;
}

#content-left ol {
	line-height: 150%;
 	margin: 0px 0px 0px 30px;
	list-style: decimal;
}

#content-left ul li {
	background: url(../images/bullet-play.gif) no-repeat 0px 7px;
	padding-left: 10px;
}

#content-left ol li {
	background: none;
	padding-left: 10px;
}

/*
* Table styles
*/

table#literatuur {
	border: none;
}

table#literatuur td.title {
	width: 275px;
}

table#literatuur td.author {
	width: 125px;
}

table.open-trainingen {
	margin: 10px 0px 0px 10px; padding: 0px 0px 0px 0px;
	color: #999999;
	display: block;
    width: 568px;
	background: url(../images/nieuwsitem-bg.gif) no-repeat bottom left;	
}

table.open-trainingen td {
	padding: 10px 20px 10px 0px;
	background: url(../images/ot-stippel.gif) repeat-x bottom left;
}

table.open-trainingen td.date { width: 170px; }
table.open-trainingen td.place { width: 210px; }

table.open-trainingen tr.lastrow td {
	background: none;
	padding-bottom: 20px;
}

table.open-trainingen td.last {
	padding-right: 0;
	width: 188px;
}

table.open-trainingen-right {
	margin: 10px 0px 0px 0px; padding: 0;
	color: #333;
	display: block; width: 382px;
}

table.open-trainingen-right td {
	padding: 10px 20px 7px 0px;
	background: url(../images/ot-stippel.gif) repeat-x bottom left;
}

table.open-trainingen-right td.last {
	padding-right: 0;
}

table#vvdm-info {
	margin: 10px 0px 20px 10px;
	width: 270px;
}

table#vvdm-info td.desc {
	border-bottom: 1px solid #f0f0f0;
	padding: 10px 10px 10px 0px;
	color: #666;
}

table#vvdm-info td.val {
	font-weight: bold;
	border-bottom: 1px solid #f0f0f0;
	padding: 10px 10px 10px 0px;
	color: #333;
}

#content-left table {
	color: #333;
	margin: 10px 10px 0px 10px;
	line-height: 150%;
}

/*
* Mainnav styles
*/

ul#mainnav {
	position: absolute;
	top: 145px; left: 0px;
	list-style: none;
	margin: 0px 0px 0px 10px; padding: 0;
}

ul#mainnav li {
	display: inline;
	float: left;
	color: #fff;
}

ul#mainnav li.tel {
	font-weight: bold;
	padding: 10px 0px 0px 125px;
}

ul#mainnav A {
	display: block;
	padding: 10px 20px 14px 20px;
	color: #fff;
	background: #000 url(../images/mainnav-divider.gif) 0px 0px no-repeat;
}

ul#mainnav A:hover {
	color: #000;
	background: #eee;
	text-decoration: none;
}

ul#mainnav A.active {
	color: #000;
	font-weight: bold;
	background: #fff;
	text-decoration: none;
}

/*
* Topnav styles
*/

ul#topnav {
	position: absolute;
	top: 0px; right: 0px;
	list-style: none;
	margin: 0; padding: 0;
	width: 680px;
	background: transparent;
}

ul#topnav li {
	display: inline;
	float: right;
	background: url(../images/topnav-divider.gif) 10px 20px no-repeat;
}

ul#topnav li.zoeken {
	width: 100%;
	padding: 15px 0px 0px 0px;
	background: none;
}

ul#topnav li.zoeken A.zoekbutton {
	display: block;
	padding: 6px 15px 7px 15px;
	margin-top: -1px;
	color: #eee;
	font-weight: bold;
	font-size: 90%;
	background: #616161;
}

ul#topnav li.zoeken A:hover {
	background: #000;
	color: #fff;
}

ul#topnav li.vvdm-last {
	padding-right: 10px;
}

ul#topnav li.taalkeuze A {
	padding-right: 20px;
	background: url(../images/bullet-playdown.gif) no-repeat 108px 22px;
}

ul#topnav li.taalkeuze A img {
	vertical-align: middle;
}

ul#topnav li.taalkeuze div {
	display: none;
	position: absolute;
	top: 43px; right: 5px;
	width: 105px;
	background: #eee;
	text-align: left;
	border: 1px solid #e0e0e0;
	border-top: 1px solid #eee;
}

ul#topnav li.taalkeuze div A {
	display: inline-block;
	padding: 5px 5px 5px 7px;
}

ul#topnav A {
	display: block;
	padding: 18px 0px 16px 20px;
	color: #656565;
}

ul#topnav A:hover, ul#topnav A.active {
	color: #333;
	text-decoration: none;
}

/*
* Google CSE styles
*/

form.gsc-search-box, table.gsc-search-box {
	display: none;
}

div.gsc-tabsArea {
	display: none;
}

table.gsc-resultsHeader {
	display: none;
}

div.gsc-results {
	margin-left: 0px;
}

#cse .gs-webResult {
	line-height: 140%;
	margin-left: 10px;
	margin-bottom: 10px;
}

#cse .gs-no-results-result {
	margin-left: 0px;
}

#cse div.gsc-cursor-box {
	margin-left: 10px;
}

#cse div.gsc-trailing-more-results {
	display: none;
}

#cse .gs-webResult .gs-visibleUrl-short { display:none; }
#cse .gs-webResult .gs-visibleUrl-long { display:block; }