@import url(/include/css/editor.php);

/* =COLORS *****
#c1cc26		Green			Background, Site name
#5a660a		Darker Green	Map :hover
#384401		Darkest Green	Nav :hover
#00b9e9		Light Blue		Titles, Background of country map
#444444		Dark Gray		Text
*/

body {
	background:#c1cc26 url('/image/background-fade.jpg') left top repeat-x;
	text-align:center;
	}

/* NAVIGATION */

#navigation {
	width:950px;
	height:66px;
	margin:0 auto;
	text-align:left;
	}
	#navExtra {
		float:right;
		width:436px;
	}
	#navExtra p {
		width:130px;
		float:left;
		line-height:66px;
		}
		a#btnVakWoning  {
			text-decoration:none;
			padding:2px 0px 0px 0px;
			background:url('/image/nav-vakantiewoningen.gif') 0px 3px no-repeat;
			}
		a#btnVakWoning:hover {
			background-image:url('/image/nav-vakantiewoningen-active.gif');
			}
		a#btnVakWoning span {
			padding:0px 5px;
			visibility:hidden;
			}
	#navExtra form {
		margin-top:23px;
		width:296px;
		float:left;
		}


/* CONTAINER */

#container {
	width:932px;
	border:9px solid #ffffff;
	background:#ffffff url('/image/bg-content-fade-top.jpg') left top repeat-x;
	margin:0 auto;
	text-align:left;
	position:relative;
	}
#content {
	margin-top:65px;
	background:url('/image/bg-topitems.gif') 0px 35px repeat-x;
	}

#siteName {
	margin:28px;
	width:313px;
	}
#siteName a {
	display:block;
	width:313px;
	height:36px;
	background:url('/image/de-vakantiespecialist.gif') left top no-repeat;
	text-indent:-999em;
	}

#photos {
	width:281px;
	height:254px;
	position:absolute;
	right:-18px;
	top:-23px;
	z-index:100;
	background:url('/image/top-photos.gif') left top no-repeat;
	}
#photos .figure {
	margin:19px 0px 0px 12px;
	}


/* COUNTRY NAVIGATION */

#navCountries {
	background:#00b9e9 url('/image/map-countries.jpg') left top no-repeat;
	padding:40px 0px;
	height:136px;
	}
	#navCountries ul {
		list-style:none;
		padding-left:10px;
		margin-left:26px;
		zoom:1;
		background:url('/image/dot-white.gif') left top repeat-y;
		}
	ul.navColl {
		float:left;
		width:80px;
		margin-bottom:14px;
		}
	ul.navSolo {
		clear:both;
		}

	#navCountries li,
	#navCountries a {
		line-height:1.4;
		padding-bottom:1px;
		}
	#navCountries a {
		color:#ffffff;
		text-decoration:none;
		}
	#navCountries a:hover,
	#navCountries a:focus,
	#navCountries a.active {
		color:#444444;
		font-weight:bold;
		}

#mapCountries {
	background:url('/image/map/base.gif') left top no-repeat;
	position:absolute;
	right:0px;
	top:0px;
	z-index:10;
	width:510px;
	height:406px;
	}
#mapCountries img {
	width:510px;
	height:406px;
	}


/* HOMEPAGE */

#topItems {
	padding:0px 27px;
	}
#topItems h2 {
	background:url('/image/txt-toppers.gif') left top no-repeat;
	margin-bottom:10px;
	height:22px;
	line-height:22px;
	text-indent:-999em;
	}
	#topItemHolder {
		height:148px;
		margin-top:15px;
		background:url('/image/dot.gif') left bottom repeat-x;
		}
	#topItemHolder div {
		width:137px;
		margin-right:11px;
		float:left;
		}
	#topItemHolder div.last {
		margin-right:0;
		}
	#topItemHolder h3 {
		margin:5px 0;
		}
	#topItemHolder h3 a {
		text-decoration:none;
		color:#00b9e9;
		}
	#topItemHolder img {
		border:1px solid #cdcdcd;
		}

/* HOMEPAGE TEXTS */

#textItems {
	margin:60px 27px 0px 27px;
	background:url('/image/dot.gif') left bottom repeat-x;
	height:200px;
	}
#textItems .txt,
#textItems .img {
	width:275px;
	height:196px;
	float:left;
	}
#textItems .txt {
	margin-right:10px;
	padding-right:10px;
	background:url('/image/dot.gif') right top repeat-y;
	}
#textItems h2 {
	color:#c1cc26;
	}


/* AANBOD */

h2.titleCountry {
	height:30px;
	color:#c1cc26;
	margin-bottom:5px;
	padding:0px 27px;
	background: url('/image/txt/country1.gif') 27px 5px no-repeat;
	}
	#country1 { background-image:url('/image/txt/country1.gif'); }
	#country2 { background-image:url('/image/txt/country2.gif'); }
	#country3 { background-image:url('/image/txt/country3.gif'); }
	#country4 { background-image:url('/image/txt/country4.gif'); }
	#country5 { background-image:url('/image/txt/country5.gif'); }
	#country6 { background-image:url('/image/txt/country6.gif'); }
	#country7 { background-image:url('/image/txt/country7.gif'); }
	#country8 { background-image:url('/image/txt/country8.gif'); }
	#country9 { background-image:url('/image/txt/country9.gif'); }
	#country10 { background-image:url('/image/txt/country10.gif'); }
	#country11 { background-image:url('/image/txt/country11.gif'); }
	#country12 { background-image:url('/image/txt/country12.gif'); }
	#country13 { background-image:url('/image/txt/country13.gif'); }
	#country14 { background-image:url('/image/txt/country14.gif'); }
	#country15 { background-image:url('/image/txt/country15.gif'); }
	#country16 { background-image:url('/image/txt/country16.gif'); }
	#country17 { background-image:url('/image/txt/country17.gif'); }
	#country18 { background-image:url('/image/txt/country18.gif'); }
	#country19 { background-image:url('/image/txt/country19.gif'); }
	#country20 { background-image:url('/image/txt/country20.gif'); }
	#country21 { background-image:url('/image/txt/country21.gif'); }
	#country22 { background-image:url('/image/txt/country22.gif'); }
	#country23 { background-image:url('/image/txt/country23.gif'); }
	#country24 { background-image:url('/image/txt/country24.gif'); }

h2.titleCountry strong {
	font-size:140%;
	font-weight:normal;
	letter-spacing:2px;
	visibility:hidden;
	}
h2.titleCountry em {
	height:30px;
	padding-top:4px;
	background:none right no-repeat;
	margin-left:-10px;
	margin-right:5px;
}
#country24 em{ /* canarische eilanden is qua text te breed, daarom meer marge aan de rechterkant geven.*/
	height:30px;
	padding-top:4px;
	background:none right no-repeat;
	margin-left:-10px;
	margin-right:60px;
	}
	#state1 { background-image:url('/image/txt/provblauw/prov1.gif'); }
	#state2 { background-image:url('/image/txt/provblauw/prov2.gif'); }
	#state3 { background-image:url('/image/txt/provblauw/prov3.gif'); }
	#state4 { background-image:url('/image/txt/provblauw/prov4.gif'); }
	#state5 { background-image:url('/image/txt/provblauw/prov5.gif'); }
	#state6 { background-image:url('/image/txt/provblauw/prov6.gif'); }
	#state7 { background-image:url('/image/txt/provblauw/prov7.gif'); }
	#state8 { background-image:url('/image/txt/provblauw/prov8.gif'); }
	#state9 { background-image:url('/image/txt/provblauw/prov9.gif'); }
	#state10 { background-image:url('/image/txt/provblauw/prov10.gif'); }
	#state11 { background-image:url('/image/txt/provblauw/prov11.gif'); }
	#state12 { background-image:url('/image/txt/provblauw/prov12.gif'); }
h2.titleCountry span {
	font-size:75%;
	font-weight:normal;
	}

#holder {
	padding:20px 0px 3px 0px;
	margin:0px 27px;
	min-height:200px;
	background:url('/image/dot.gif') left bottom repeat-x;
	}
#holder.contentHolder {
	padding:35px 0px;
	}
	#lineDots {
		background:url('/image/dot.gif') 578px 0px repeat-y;
		overflow:auto;
		}

#results {
	width:565px;
	float:left;
	}
	.destination {
		min-height:235px;
		margin-top:7px;
		padding-bottom:10px;
		background:url('/image/dot.gif') left bottom repeat-x;
		}
	.destination h3 {
		color:#00b9e9;
		margin-bottom:7px;
		}
	.destination .readmore {
		margin-bottom:10px;
	}

	#results .lastItem {
		background-image:none;
		}
	#results .photo {
		float:left;
		margin-right:10px;
		width:272px;
		height:184px;
		padding:1px 0px 0px 1px;
		background:url('/image/bg-photos.gif') left top no-repeat;
		}
	#results .morePhotos {
		background-image:url('/image/bg-photos-more.gif');
		}
	#results .figure {
		width:267px;
		height:179px;
		overflow:hidden;
		}


	/* LAND INFO - IN AANBOD */

#sidebar {
	width:297px;
	float:right;
	padding-top:7px;
	}
	#countryInfo {
		margin-left:11px;
		padding-bottom:25px;
		}
	#sideBanners {
		background:url('/image/dot.gif') left bottom repeat-x;
		padding-top:10px;
		}
	#sideBanners .banner {
		margin-left:11px;
		margin-bottom:13px;
		float:left;
	}
	/*
	#sideBanners .bannerRow {
		margin-top:13px;
		clear:both;
		}
		.bannerRow .small {
			float:left
			}
		.bannerRow .first {
			margin-right:13px;
			}*/


/* CONTENT */

h2.titlePage {
	font-size:140%;
	padding:0px 27px;
	}


/* ADS */

#bottomBanner {
	margin:30px 0px;
	text-align:center;
	}


/* FOOTER */

#footer {
	margin:0px 27px;
	background:url('/image/dot.gif') left top repeat-x;
	height:55px;
	}

#footer p {
	width:350px;
	float:left;
	margin-top:15px;
	}
#footer .footlinks {
	width:500px;
	float:right;
	text-align:right;
	}
	.footlinks a {
	margin-left:10px;
	}


/* BASIC STYLES */

.readmore a,
.footlinks a {
	background:url('/image/link-arrow.gif') right center no-repeat;
	padding:3px 23px 10px 0px;
	}
#navExtra .footlinks a {
	background-image:url('/image/from-button-topnav.gif');
	color:#FFF;
	padding:5px 23px 12px 0px;
}
#textItems .readmore,
#countryInfo .readmore,
.destination .readmore {
	margin-top:1.6em;
	}

.figure img {
	display:block;
	}



#orderCostOverview {
	border: 1px solid #D4D0D0;
	background-color: #F1F1F1;
	padding:10px;
	background-image:url('/image/logo_betaalmethoden.gif');
	background-position:right;
	background-repeat: no-repeat;
}

#orderCostOverview .button {
	float:none;
	background-image:url('/image/betalen.gif');
	visibility: hidden;
}

#affiliate {
	border: 1px solid #D4D0D0;
	background-color: #F1F1F1;
	padding:10px;
	margin-bottom:20px;
	text-align:center;
}

/* VERTICAL ALIGN */

.verticalalign { width:400px; height:300px; }
.verticalalign { display: table;  overflow: hidden; text-align:left; }
.verticalalign * { display: table-cell; vertical-align: middle; overflow:visible; }
.verticalalign * * { display:auto; vertical-align:none; }
/* <div class="verticalalign"><div><div><!-- element dat gecentreerd moet --></div></div></div> */