/* Pagina gerelateerde CSS */

/* Sfeer Homepage */
.ctSfeerHome {
	float: left;
	width:990px;
	height:455px;
	}
	#map {
		width:988px;
		height:348px;
		border:1px solid #ccc;
		overflow:hidden;
		}
/* Keuze Vestiging */
ul.ctVestiging {
	width:990px;
	height:101px;
	float: left;
	margin:3px 0 0;
	list-style:none;
	}
	ul.ctVestiging li {
		margin:0 6px 0 0;
		float:left;
		}
		ul.ctVestiging a {
			float: left;
			width:243px;
			height:101px;
			background-color:#ccc;
			}
			.ravensteinWide {
				width:248px;
				}
			
			a.webshop {
				background:url('../img/layout/nav/btn01-on.jpg') no-repeat;
				}
			a.nistelrode {
				background:url('../img/layout/nav/btn02-on.jpg') no-repeat;
				}
			a.ravenstein {
				background:url('../img/layout/nav/btn03-on.jpg') no-repeat;
				}
			a.schijndel {
				background:url('../img/layout/nav/btn04-on.jpg') no-repeat;
				}
				
		ul.ctVestiging a:hover {
			background-color:#999;
			}
			a.webshop:hover {
				background:url('../img/layout/nav/btn01-over.jpg') no-repeat;
				}
			a.nistelrode:hover {
				background:url('../img/layout/nav/btn02-over.jpg') no-repeat;
				}
			a.ravenstein:hover {
				background:url('../img/layout/nav/btn03-over.jpg') no-repeat;
				}
			a.schijndel:hover {
				background:url('../img/layout/nav/btn04-over.jpg') no-repeat;
				}
			ul.ctVestiging span {
				display:none;
				}
.vestigingTxt {
	width:990px;
	margin:5px 0 15px;
	color:#9c9c9c;
	font-size:18px;
	overflow:hidden;
	}
/* Contact Vestiging */
div.ctContact {
	margin:990px;
	margin:6px 0 0;
	list-style:none;
	}
	.contactCol {
		width:326px;
		margin:0 6px 0 0;
		float:left;
		}
		.contactCol .cmsBlok1 {
			min-height: 95px;
		}
		div.nistelrode, div.ravenstein, div.schijndel {
			display:block;
			width:326px;
			height:150px;
			}
		div.nistelrode {
			background:url('../img/layout/misc/nistelrode.jpg') no-repeat left top;
			}
		div.ravenstein {
			background:url('../img/layout/misc/ravenstein.jpg') no-repeat left top;
			}
		div.schijndel {
			background:url('../img/layout/misc/schijndel.jpg') no-repeat left top;
			}
		div.nistelrode:hover {
			background:url('../img/layout/nav/home_nistelrode.gif') #ccc no-repeat center 35px;
			}
		div.ravenstein:hover {
			background:url('../img/layout/nav/home_ravenstein.gif') #ccc no-repeat center 35px;
			}
		div.schijndel:hover {
			background:url('../img/layout/nav/home_schijndel.gif') #ccc no-repeat center 35px;
			}
		div.nistelrode span, div.ravenstein span, div.schijndel span {
			display:none;
			}
		.adress {
			margin-top:10px;
			height:130px;
			}
		p.koopzondag {
			/*height:48px;*/
			height:80px;
			}
		.contactCol p {
			margin:5px 0;
			}
		input.contact {
			width:324px;
			height:16px;
			margin:0 0 2px;
			}
		textarea.contact {
			width:324px;
			height:75px;
			margin:0 0 2px;
			}
		label.contact {
			display:block;
			width:326px;
			margin:3px 0 2px;
			background:none;
			}
		input.submitForm {
			height:30px;
			margin:0;
			padding:0 10px 4px;
			background:url('../img/layout/bg/bg_nav-vestiging.gif') repeat-x left top;
			border:0;
			color:#585858;
			font-size:12px;
			text-align:center;
			cursor:pointer;
			float:right;
			}
		input.submitForm:hover {
			background:url('../img/layout/bg/bg_nav-vestiging-mo.gif') repeat-x left top;
			color:#333;
			}

		.contactFormKnop a {
			font-size:16px;
			font-weight:700;
			line-height:24px;
			font-family:Arial,Verdana,Helvetica,sans-serif;
			text-decoration:none;
		}
		.contactFormKnop a:hover {
			font-size:16px;
			font-weight:700;
			text-decoration:underline;
		}

/* Content Vervolg */
.contentVervolg {
	width:798px;
	float:left;
	}
	/* Sfeer Vervolg */
	.ctSfeerVervolg {
		width:795px;
		float:left;
		}
 .vacatureHeader H1 {
		display:none;
	}
		/* Replace */
		.replace {
			width:795px;
			height:315px;
			float:left;
			}
			.replace h1 {
				margin:205px 0 0 40px;
				font-size:36px;
				}
		.rDames {
			background:url('../img/layout/temp/temp_flash-vervolg.gif') no-repeat left top;
			}
	/* Inleiding */
	.inleiding {
		margin:15px 45px 0;
		float:left;
		}
		.inleiding h2 {
			font-size:16px;
			line-height:24px;
			}
		.inleiding p {
			font-size:13px;
			line-height:21px;
			}
	/* Content Blokkken */
	.content {
		margin:15px 0 0;
		width:100%;
		float:left;
		}
	/* Main Features */
	.mainFeatures {
		width:795px;
		margin:0 0 15px;
		background:url('../img/layout/bg/bg_main-features.gif') repeat-y 0 6px;
		border-top:1px solid #ccc;
		float:left;
		}
	.featureAlbum {
		background:url('../img/layout/bg/bg_album-vestiging.gif') repeat-y 0 6px;
		}
		.ctFeature {
			width:261px;
			margin:0 6px 0 0;
			border-top:6px solid #fff;
			float:left;
			}
			.feature {
				width:241px;
				margin:10px;
				}
				.feature h3 {
					font-size:14px;
					}
				.media {
					margin:5px 0;
					}
				.feature ul {
					margin:0 0 10px;
					line-height:16px;
					list-style:none;
					}
					.feature ul a {
						text-decoration:underline;
						}
					.feature ul a:hover {
						color:#dc3232;
						}
			.featureInfo {
				width:261px;
				}
				.infoBlok {
					width:241px;
					padding:10px;
					margin:0 0 6px;
					background:#f6f6f6;
					overflow:hidden;
					}
				.infoBlok h3 {
					font-size:14px;
					}
				.infoBlok h4 {
					margin:10px 0 0;
					font-size:13px;
					}
	/* Collectie */
	.ctCollectie {
		width:795px;
		margin:0 0 15px;
		float:left;
		}
		/* Navigatie Collectie */
		ul.navCollectie {
			width:795px;
			height:30px;
			margin:0 0 5px;
			background:url('../img/layout/bg/bg_nav-vestiging.gif') repeat-x left top;
			list-style:none;
			float:left;
			}
			ul.navCollectie li {
				display:block;
				width:auto;
				height:30px;
				background:url('../img/layout/nav/divider_nav-vestiging.gif') no-repeat left 1px;
				float:left;
				}
			ul.navCollectie li.last {
				width:198px;
				}
				ul.navCollectie a {
					display:block;
					height:22px;
					margin:0 0 0 1px;
					padding:8px 9px 0;
					color:#686868;
					font-size:11px;
					text-decoration:none;
					}
				ul.navCollectie a:hover, ul.navCollectie a.selected {
					background:url('../img/layout/bg/bg_nav-vestiging-mo.gif') repeat-x left top;
					color:#333;
					}
		/* Collectie */
		.collectie {
			width:795px;
			min-height:240px;
			background:#f6f6f6;
			float:left;
			}
			.collectie p {
				margin:10px 10px 5px;
				}
			.collectie a {
				width:140px;
				margin-left:6px;
				color:#585858;
				line-height:18px;
				text-decoration:none;
				float:left;
				padding-left: 13px;
				}
			.collectie a:hover, .collectie a.selected {
				color:#dc3232;
				}
				a.noclick, a.noclick:hover {
					color:#9c9c9c;
					cursor:default;
				}
			.collectie a.shopbrand {
				background:url('../img/layout/nav/shop.png') no-repeat 0px 1px;
			}
			.shopNotice{
				float:left;
				width: 795px;
				background:#f6f6f6;
				height: 25px;
			}
			.shopNotice img{
				margin-left: 4px;
			}
	/* Album */
	.ctAlbum {
		width:795px;
		margin:0 0 15px;
		padding:6px 0 0;
		border-top:1px solid #ccc;
		float:left;
		}
		.nbrieven .tmb {
			height:192px !important;
			}
		.ctFotoalbum, .ctVideoalbum, .albumOverig {
			width:795px;
			background:#f6f6f6;
			float:left;
			}
		.ctAlbumVestiging {
			width:528px;
			margin:0 6px 0 0;
			border-top:6px solid #fff;
			float:left;
			}
			.ctAlbumVestiging h3 {
				margin:10px 10px 5px;
				font-size:14px;
				}
			.ctFotoalbum p, .ctVideoalbum p, .albumOverig p, .ctAlbumVestiging p {
				margin:10px 10px 5px;
				}
			.fotoAlbum, .videoAlbum {
				margin:0 0 5px 10px;
				float:left;
				}
				.tmb {
					width:121px;
					margin:0 10px 6px 0;
					float:left;
					height:120px;
					}
				.ctAlbumVestiging .tmb {
					margin-right:8px;
					}
					.tmb a {
						border:1px solid #ccc;
						float:left;
						}
					.tmb a:hover {
						background:#dc3232;
						border:1px solid #dc3232;
						}
						.tmb img {
							margin:2px;
							}
					.tmb p {
						margin:2px 0 0;
						font-size:10px;
						font-style:italic;
						float:left;
						}
					.tmb span {
						display:block;
						height:26px;
						float:left;
						}
					.play {
						position:absolute;
						width:27px;
						height:27px;
						margin:28px 0 0 47px;
						}
			.albumMore {
				float: left;
				width: 100%;
				margin: 0px 10px 10px;
				line-height: 20px;
			}
	/* Form */
	.form {
		width:775px;
		margin:10px 0;
		padding:6px 10px 0;
		border-top:1px solid #ccc;
		float:left;
		}
		.formfloat {
			float: left;
		}
		.form form {
			margin:20px 0 0;
			}
		input.klantenkaart {
			width:242px;
			height:16px;
			margin:0 0 2px;
			}
		textarea.klantenkaart {
			width:764px;
			height:75px;
			margin:0 0 2px;
			}
		select.klantenkaart {
			width:202px;
			height:20px;
			margin:0 0 2px;
			}
		label.klantenkaart {
			display:block;
			width:248px;
			margin:3px 0 2px;
			background:none;
			}
		input.radio, input.checkbox {
			margin:5px 5px 2px 0;
			}
		label.radio, label.checkbox {
			margin:0 10px 0 0;
			}
		.spaarbonus input[type=checkbox] {
			float:left;
			margin: 4px 6px 0 0;
			}
		.spaarbonus input[type=radio] {
			float:left;
		    width: 16px
			}
		.spaarbonus label.radio {
			float:left;
			margin-top: 3px;
		    width: 54px;
			}
		.spaarbonus label.klantenkaart {
		    width: 181px;
			}
		.spaarbonus .extraheight {
			line-height: 25px;
		}
	/* Vacature */
	.functie {
		width:465px;
		padding:0 25px 0 0;
		border-right:1px solid #ccc;
		float:left;
		}
	.voorwaarden {
		width:189px;
		margin:0 0 0 25px;
		float:left;
		}
		.voorwaarden ul {
			margin:0 0 0 15px;
			line-height:16px;
			list-style:disc;
			}
	/* Zoekresultaten */
	.ctZoekresultaten {
		width:100%;
		min-height:15px;
		margin:0 0 10px;
		overflow:hidden;
		clear:both;
		}
		.searchDiv {
			width:100%;
			margin:0 0 10px;
			padding:9px 2px;
			border-bottom:1px solid #ccc;
			}
			.searchDiv p {
				margin:0 7px;
				}
				.searchDiv a {
					line-height:16px;
					}
			.searchOptions {
				margin:5px 0 0;
				float:left;
				clear:left;
				}
				.searchOptions input {
					margin:0 5px 0 0;
					}
				.searchOptions label {
					margin:0 10px 0 0;
					}
		table.zoekresultaten {
			margin:10px 0;
			}
			table.zoekresultaten td {
				padding:5px 0;
				text-align:left;
				}
				td.number {
					width:25px;
					color:#dc3232;
					font-size:1.1em;
					}
					td.detailresult span {
						display:block;
						width:100px;
						float:left;
						}
				td.numberpages strong {
					margin:0 10px;
					color:#dc3232;
					}
				td.numberpages a {
					margin:0 10px;
					}
				td.numberpages a:hover {
					margin:0 10px;
					color:#dc3232;
					}
				table.zoekresultaten td a {
					font-weight:700;
					text-decoration:none;
					}
				.numberpages {
					margin:10px 0 0;
					padding:10px 0 0;
					border-top:1px solid #ccc;
					}
	/* FAQ */
	a.FAQlink {
		width:740px;
		padding:7px 10px 7px 26px;
		background:url('../img/layout/bg/faq_closed.gif') #e6e6e6 no-repeat 10px 8px;
		text-decoration:none;
		cursor: pointer;
		float:left;
		overflow:hidden;
		}
		div.faqBoxContent {
			width:740px;
			padding:0 10px 10px 26px;
			clear:both;
			}
			div.faqBoxContent ul {
				margin:10px 0;
				}
				div.faqBoxContent li {
					margin:0 0 0 20px;
					list-style:disc;
					}
	a.FAQopen {
		background:url('../img/layout/bg/faq_open.gif') #e6e6e6 no-repeat 10px 8px;
		color:#dc3232;
		}
	/* Nieuws */
	.nieuws {
		overflow:hidden;
		}
		.nieuws a {
			text-decoration:none;
			}
		.nieuws a:hover {
			color:#dc3232;
			}
		.nieuws .date {
			display:block;
			color:#d6d6d6;
			}
		.leesverder a {
			color:#585858;
			text-decoration:underline;
			float:right;
			}
		.leesverder a:hover {
			color:#333;
			text-decoration:none;
			}
	/* Blok */
	.blok {
		width:auto;
		margin:0 0 15px;
		overflow:hidden;
		clear:left;
		}
		.blok h2 {
			margin:0 0 10px;
			}
	.actie {
		width:384px;
		margin:0 5px 5px 0;
		float:left;
		clear:none;
		}
	/* Sitemap */
	.ctSitemap {
		width:795px;
		margin:0 0 15px;
		padding:6px 0 0;
		border-top:1px solid #ccc;
		float:left;
		}
		.sitemap {
			width:795px;
			background:#f6f6f6;
			float:left;
			}
			.sitemap p {
				margin:10px 10px 5px;
				}
			.sitemap ul {
				width:188px;
				margin:10px 0 15px 10px;
				list-style:none;
				float:left;
				}
				.sitemap ul a {
					display:block;
					padding:2px 0 0;
					color:#585858;
					text-decoration:none;
					}
				.sitemap ul a:hover {
					color:#dc3232;
					}
				.sitemap ul a.selected {
					padding:2px 0 0 5px;
					}
				.sitemap ul span {
					font-weight:700;
					}
				.sitemap ul a span {
					color:#dc3232;
					font-weight:400;
					}
				/* Subcategorie */
				ul.sitemapSubcat {
					width:188px;
					margin:0 0 2px 5px;
					background:none;
					border:none;
					list-style:none;
					float:left;
					}
					ul.sitemapSubcat li {
						height:15px !important;
						margin:0 !important;
						background:none !important;
						border:none;
						}
						ul.sitemapSubcat a {
							display:block;
							padding:2px 0 0;
							color:#585858;
							text-decoration:none;
							}
						ul.sitemapSubcat a:hover {
							color:#dc3232;
							}
	/* Actie */
	.tennisProdLt, .tennisProdMd, .tennisProdRt, .tennisPlus {
		float:left;
		}
	.tennisProdLt {
		width:189px;
		}
		.tennisProdLt div {
			height:205px;
			float:left;
			}
		.tennisProdLt p, .tennisProdMd p, .tennisProdRt p {
			width:100%;
			font-size:10px !important;
			line-height:14px !important;
			text-align:center;
			text-transform:uppercase;
			}
			.tennisProdLt strong, .tennisProdMd strong, .tennisProdRt strong {
				display:block;
				font-size:15px !important;
				}
	.tennisProdMd, .tennisProdRt {
		width:169px;
		}
		.tennisProdMd div, .tennisProdRt div {
			width:169px;
			height:200px;
			margin:5px 0 0;
			text-align:center;
			float:left;
			}
	.tennisPlus {
		width:56px;
		}
		.tennisPlus img {
			margin:70px 0 0;
			}
	.tennisPrice {
		margin:55px 0 0 10px;
		float:right;
		}
		.tennisPrice p {
			width:100%;
			font:bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif !important;
			text-transform:uppercase;
			}
			.tennisPrice span {
				font:bold 17px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif !important;
				}
		.tennisPrice strong {
			margin:0 10px 0 0;
			font:bold italic 30px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif !important;
			float:right;
			}

/* Standaard cmsBlokken, alleen width aanpassen indien nodig */
.cmsBlok1,.cmsBlok2,.cmsBlok3,.cmsBlok4,.cmsBlok5,.cmsBlok6,.cmsBlok7,.cmsBlok8,.cmsBlok9,.cmsBlok10 {
	/*
	width:100%;
	margin-bottom:10px;
	*/
	/*width:auto;*/
	width:773px;
	margin:0 15px 10px 10px;
	float:left;
	}
	.cmsBlok3 ul {
		margin-left:14px;
		}
	.cmsBlok1 p,.cmsBlok2 p,.cmsBlok3 p,.cmsBlok4 p {
		margin-bottom:15px;
		}
	.cmsBlok6 ul {
		width:auto;
		margin:0 0 0 15px;
		line-height:16px;
		list-style:none;
		}
		.cmsBlok6 li {
			margin:0 0 5px;
			}
			.cmsBlok6 a {
				text-decoration:none;
				}
			.cmsBlok6 a:hover {
				color:#dc3232;
				}
.cmsBlok9 {
	margin-left:0;
	}
	.cmsBlok10 h2, .cmsBlok10 p strong {
		font-size:16px;
		line-height:24px;
		}
	.cmsBlok10 p {
		font-size:13px;
		line-height:21px;
		}
.infoBlok .cmsBlok1 {
	margin:0 0 10px;
	}
.contactCol .cmsBlok1 {
	width:326px;
	margin:0 0 10px;
	}
	.contactCol .cmsBlok1 p {
		margin:0;
		}
	.schijn .cmsBlok1 {
		width:auto;
		}
		.schijn .cmsBlok1 p {
			padding:0 5px 0 0;
			}
.foto_links {
	margin:0 8px 8px 0;
	float:left;
	}
.foto_rechts {
	margin:0 0 8px 8px;
	float:right;
	}
.last {
	margin-right:0 !important;
	margin-bottom:15px !important;
	}
.italic {
	font-style:italic;
	}
	.modeMagCmsblok {
		float:left;
		width:445px;
	}
/* Vacatures */
.verzend {
	float: right;
	margin: 10px 0;
}


.vacInputSmall, .vacInputLarge, .vacInput, .vacInputMedium, .vacInputExtraLarge, .vacArea, select.date, select.year{
	border:1px solid #E3E3E3;
color:#585858;
	margin: 2px;
}
.vacInputLarge,.vacInput {
height:18px;
width:300px
}
select.date,select.year {
	height: 18px;
}
select.fout  {
	background: #FEE;
}
.vacInputSmall {
height:18px;
width:60px;
margin-right: 5px;
}

.vacArea {
	width: 300px;
	height: 60px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
.vacInputMedium {
height:18px;
width:230px
}
.vacatureFrm {
	width:795px;
	float:left;
}
.solTable {
	width: 795px;
	float:left;
}
.solTable H2 {
	font-size: 13px;
	margin-top: 10px;
}
.fout {
	border: 1px solid #D00
}
.vacatureOverzicht{
	float: left;
	width: 795px;
}
.vacatureOverzicht td {
	padding:5px 5px 5px 10px;
	}
	.tabelKleurKop {								/* kleur van de kop in de vacaturetabel (funtie, provincie etc.) */
		background:#f2963c;
		}
		.tabelKleurKop a {
			color:#fff;
			font-weight:bold;
			text-decoration:none;
			}
		.tabelKleurKop a:hover{
			color:#333;
			font-weight:bold;
			text-decoration:none;
			}
	.tabelKleurContent1 {					/* donkere kleur in vacaturetabel */
		background-color:#f4f4f4;
		}
	.tabelKleurContent2 {					/* lichte kleur in vacaturetabel */
		background-color:#e4e4e4;
		}
a.submitForm,a.submitFormLeft {
			height:30px;
			margin:0;
			padding:7px 10px 0;
			background:url('../img/layout/bg/bg_nav-vestiging.gif') repeat-x left top;
			border:0;
			color:#585858;
			font-size:12px;
			text-align:center;
			text-decoration:none;
			float:left;
			}
a.submitFormLeft {
	float: left;
	margin-left: 10px;
}
.contactData {
	clear: both;
	float: left;
	margin-left: 8px;
	width: 100%;
}
p.aangepasttijd {
	height: 81px;
	}
a.publLogo {
	margin: 11px 0 0 686px;
	position:absolute;
	}
div.datum {
	float: left;
	width: 125px;
	line-height: 16px;
	margin: 10px 21px 0 0;
}
div.clearBoth {
	width: 800px;
	clear: both;
}
.kledingchequepag h1 {
	margin:10px 0;	
	}
.kledingchequepag table {
	float:left;
    width: 100%;
	clear:both;
	}
.kledingchequepag .submitForm {
	float:left;
	clear:both;
    margin: 10px 0;
	}
.kledingchequepag #formMelding {
	float:left;
	}
.kledingchequepag strong {
	margin:10px 0;	
	float:left;    
	width: 100%;
	}
.kledingchequepag form {
	margin:10px 0;	
	float:left;
	}
.kledingchequepag input[type=checkbox] {
	clear:left;
	float:left;
    margin: 7px 5px 0 0;
	}
.kledingchequepag input[type=text] {
	float:left;
	border:1px solid #585858;
	margin:0 0 1px;
	}
.kledingchequepag label {
	float:left;
    margin: 6px 0 0;
    width: 780px;
	clear:right;
	}
.kledingchequepag form p {
	margin:10px 0;	
	float:left;
	width: 600px;
	clear:both;
	}
.maillabel {
	clear:left !important;
	width:100px !important;
	}
.naamlabel {
	width:100px !important;
	}
.kledingchequepag fieldset {
	float:left;
	clear:both;
	width:100%;
	}
.kledingchequepag i {
	width:756px;
	margin:10px 0;
	float:left;
	clear:both;
    display: block;
	}