@charset "utf-8";
/* Stylesheet for Voetgolf by Media Solutions Veenendaal */

/* START: html */
html {
	font-family:Helvetica, Arial, sans-serif;
	font-size:100%;
	background:url(../images/background_old.jpg) center 0 no-repeat;
}

body {
	font-size:0.625em;
}

html,
body,
ul,
dl,
h1,
h2,
h3 {
	margin:0;
	padding:0;
}

a {
	color:#0b0b0b;
	text-decoration:none;
}

a:hover {
	color:#f60808;
}

a img {
	border:0;
}

ul {
	list-style:none;
}

#social {
	margin:10px auto;
	width:970px;

}

#lasttweet {
	position: absolute;
	top: 527px;
	width: 250px;
}
	#lasttweet h3 {
		margin: 5px 0 0 50px;
		color: #FFF;
		line-height: 10px;
	}

	#lasttweet p {
		color: #FFF;	
	}
/* START: Site */
#site {
	overflow:hidden;
	position:relative;
	margin:0 auto;
	width:970px;
	height:641px;
	/*border:1px solid #000;*/
}

/* START: Header */
h1 {
	position:absolute;
	top:15px;
	left:14px;
	z-index:2;
	width:391px;
	height:164px;
	background:url(../images/logo.png);
}

	h1 a {
		overflow:hidden;
		display:block;
		padding-top:90px;
		width:391px;
		height:0;
	}
	
	.voetgolf-waardering-text {
		background: url(../images/voetgolf-waardering.png);
		position:absolute;
		width: 150px;
		height: 148px;
		left: 430px;
		top: -15px;
		text-align: center;
		line-height: 140px;
		color: RED;
		font-size: 3.6em;
	}
/* END: Header */
/* START: Page */
	/* START: Content */
	#index #content {
		position:absolute;
		top:0;
		right:7px;
		padding:25px;
		width:290px;
		height:591px;
		background:rgba(255,255,255,0.8);
		-webkit-box-shadow:rgba(0,0,0,0.25) 0 -5px 7px;
		-moz-box-shadow:rgba(0,0,0,0.25) 0 -5px 7px;
		box-shadow:rgba(0,0,0,0.25) 0 -5px 7px;
	}
	
	#content {
		position:absolute;
		top:100px;
		right:30px;
		z-index:3;
		padding:30px 45px 40px 30px;
		width:641px;
		height:362px;
		color:#494949;
		background:url(../images/content.png) no-repeat;
	}
	
		#content > div {
			overflow:auto;
			height:325px;
		}
		
		#content div.left {
			float:left;
			width:310px;
		}
		
		#content div.right {
			float:right;
			width:310px;
		}
	
		#text-right {
			float:right;
			margin-left:30px;
			width:305px;
			height:220px;
		}
		
		#text-right p {
			/*overflow-y:auto;
			max-height:130px;*/
		}
		
		#index #content a {
			color:#000;
		}
	
		#index #content h2 {
			margin:0 0 10px;
			color:#0b0b0b;
			font-family:tahoma, sans-serif;
		}
		
		#content h2 {
			margin-bottom:10px;
			color:#496e28;
			font-size:2.1em;
		}
		
		#content h3 {
			margin-bottom:0;
			font-size:1.2em;
		}
		
		#content h3.title {
			color:#7d7d7d;
			font-size:1.5em;
			font-weight:400;
		}
		
		#content h3.news-title {
			margin-bottom:10px;
		}
		
			#index #content h3 a {
				color:#444444;
			}
			
			#index #content h3 span {
				display:inline-block;
				margin-right:5px;
				padding-right:3px;
				border-right:1px solid #b0b0b0;
				color:#b0b0b0;
			}
		
		#content p {
			margin:0 0 2em;
			font-size:1.2em;
			line-height:1.75em;
		}
		
		#content p.date {
			margin-bottom:0;
			line-height:2.7em;
		}
		
		#content ul {
			font-size:1.2em;
		}
		
			#content ul.downloads li {
				padding-left:28px;
				font-weight:700;
				line-height:2.4em;
			}
		
			#content ul.list li {
				padding-left:20px;
				line-height:2.41em;
				color:#f60808;
				background:url(../images/arrow.png) 0 8px no-repeat;
			}
			
			#content ul.downloads li.video {
				background:url(../images/icon_qt.png) 0 3px no-repeat;
			}
			
			#content ul.downloads li.pdf {
				background:url(../images/icon_pdf.png) 0 3px no-repeat;
			}
		
		#index .photoalbum {`
			position:relative;
			display:inline-block;
			margin-right:10px;
			padding:10px 0 0 15px;
			z-index:50;
			width:117px;
			height:90px;
			background:url(../images/photo-back.png) no-repeat;
		}
		
		#index {
			background:url(../images/background.jpg) center 0 no-repeat;
		}
		
		a.info,
		a.big {
			font-family:tahoma, sans-serif;
			font-size:1.7em;
			font-weight:700;
		}
		
		a.info {
			position:absolute;
			right:35px;
			bottom:30px;
			font-size:1.6em;
		}
		
		a#arrangementen {
			float:left;
			top:20px;
		}
		
		ul#wist-u-dat {
			color:#7d7d7d;
			font-size:1.5em;
			font-style:italic;
			line-height:2em;
		}
		
		/* START: Pages */
		ul.pages {
			position:absolute;
			bottom:50px;
			overflow:hidden;
			width:641px;
			color:#f60808;
		}
		
		.photo ul.pages {
			left:25px;
		}
		
		div.right ul.pages {
			position:static;
			bottom:auto;
			margin-top:2em;
			width:100%;
		}
		
			ul.pages li {
				min-height:26px;
			}
			
			ul.pages li.left {
				float:left;
				width:100px;
			}
			
			ul.pages li.middle {
				float:left;
				width:440px;
				text-align:center;
			}
			
			div.right ul.pages li.middle {
				width:110px;
			}
			
			ul.pages li.right {
				float:right;
				width:100px;
				text-align:right;
			}
			
			/* START: Arragementen Pages */
			#arrangementen ul.pages {
				right:100px;
				bottom:80px;
			}
			
				#arrangementen ul.pages li {
					width:200px;
				}
			/* END: Arragementen Pages */
		/* END: Pages */
		
		/* START: Arragementen */
		#arrangementen #content {
			margin-top:5px;
			padding:0;
			width:716px;
			height:auto;
			background:none;
		}
		
			#content .arrangementen {
				overflow:hidden;
				height:208px !important;
			}
		
			#content .arrangement {
				position:relative;
				float:left;
				padding:25px 35px 25px 30px;
				width:274px;
				height:158px;
				background:url(../images/arrangementen.png) no-repeat;
			}
			
			.arrangement li {
				padding-left:13px;
				font-weight:700;
				line-height:1.75em;
				background:url(../images/arrow-small.png) 0 6px no-repeat;
			}
			
			#content p.price {
				position:absolute;
				bottom:30px;
				left:30px;
				margin:0;
				color:#f60808;
				font-weight:700;
				font-size:2.8em !important;
				line-height:normal;
			}
			
				p.price sub,
				p.price sup {
					color:#494949;
					font-size:0.5em;
				}
		/* END: Arragementen */
		/* START: Fotoalbums */
		div.albums {
			margin-top:25px;
			height:auto !important;
		}
		
			div.album {
				float:left;
				margin:0 20px 0 0;
				width:296px;
				text-align:center;
				background:url(../images/album-back.png) no-repeat;
			}
			
				div.album a.photo {
					display:block;
					margin-bottom:21px;
					padding:15px 36px 0 27px;
					height:174px;
				}
		/* END: Fotoalbums */
		/* START: Topscores */
		table.scores {
			margin-top:20px;
			width:100%;
			border-collapse:collapse;
		}
		
			.scores th {
				color:#7d7d7d;
				font-size:1.5em;
				font-weight:400;
				text-align:left;
			}
			
			.scores td {
				color:#000;
			}
			
			.scores thead th {
				padding-bottom:15px;
			}
			
			.scores tbody th,
			.scores tbody td {
				font-size:1.2em;
				font-weight:700;
				line-height:2em;
			}
			
			.scores tbody tr:hover {
				background:#d2ecf6;
			}
			
			th.number {
				width:30px;
			}
			
			th.team {
				width:225px;
			}
			
			th.name {
				width:225px;
			}
			
			th.date {
				width:110px;
			}
			
			th.score {
				width:;
			}
		/* END: Topscores */
		/* START: Photos */
		.photos {
			margin:20px 0;
		}
		
			.photos a {
				display:inline-block;
				margin-left:25px;
				width:135px;
				text-align:center;
			}
			
			.photos a.first-child {
				margin-left:0;
			}
		
			.photos img {
				max-width:135px;
				max-height:100px;
			}
		/* END: Photos */
		/* START: Photo */
		div.photo {
		}
		
			div.photo img {
				max-width:310px;
				max-height:270px;
			}
		/* END: photo */
		/* START: Contact */
		#contact #content div.left {
			overflow:hidden;
			width:420px;
		}
		
		#contact #content div.right {
			width:210px;
		}
		
			#contact div.right input.text {
				width:194px;
			}
			
			#contact div.right .button {
				right:8px;
			}
			
		ul.info {
			margin-top:15px;
			line-height:1.75em;
		}
		
			ul.info .space {
				margin-top:15px;
			}
			
			ul.info .name {
				color:#f60808;
				font-weight:700;
			}
		/* END: Contact */
		/* START: Route */
		.route {
			margin-top:25px;
		}
		
			.route h3 {
				margin:1em 0 !important;
			}
			
			.route input[type=image] {
				position:relative;
				right:10px;
			}
		/* END: Route */
	/* END: Contet */
	/* START: Menu */
	#menu {
		position:absolute;
		top:210px;
		left:0;
		z-index:2;
		width:156px;
		font-family: Tahoma, sans-serif;
		font-size: 1.6em;
		font-weight: 600;
		line-height: 0.9em;
		background:#fff;
	}
	
		#menu a {
			color:#1d1d1d;
		}
		
		#menu a:hover,
		#menu li.active a {
			color:#f60808;
		}
		
		#menu li {
			margin:10px 0;
		}
	/* END: Menu */
/* END: Page */
/* START: Footer */
#footer {
	position:absolute;
	bottom:10px;
	left:0;
	z-index:4;
	width:970px;
	color:#fff;
	font-size:1.2em;
}

	#footer a {
		color:#fff;
	}
	
	#footer a.media {
		float:right;
	}
	
	#footer a:hover {
		text-decoration:underline;
	}
	
	#footer p {
		float:left;
		margin:0;
	}
	
	#footer ul {
		position:absolute;
		top:0;
		left:340px;
		font-weight:700;
	}
	
	#footer li {
		float:left;
		margin-right:10px;
		padding-right:10px;
	}
	
	#footer li:first-child {
		border-right:1px solid #fff;
	}
/* END: Footer */
#grass {
	position:absolute;
	right:-146px;
	bottom:-1px;
	z-index:-1;
}

#reserveer {
	display:inline-block;
	position:absolute;
	bottom:140px;
	right:150px;
	z-index:20;
}

	#reserveer img {
		z-index:10;
	}

#branch {
	position:absolute;
	right:0;
	top:0;
	padding:5px 0 0 115px;
	width:200px;
	height:74px;
	font-weight:700;
	background:url(../images/branch.png) no-repeat;
}

	#branch a {
		color:#f8f7f4;
		font-size:1.3em;
		text-decoration:underline;
	}
	
	#branch p {
		margin:3px 0 2px;
		color:#f8f7f4;
		font-size:1.8em;
	}
/* START: Forms */
input.text {
	border:1px solid #d3d3d3;
	background:#fafaf9;
}

.form {
	overflow:hidden;
	width:420px;
	font-size:13px;
}

.right .form {
	width:100%;
}

.right .forward {
	width:254px;
}

	.form div {
		position:relative;
	}

	.form dt,
	.form dd,
	.form div {
		margin-bottom:5px; /* Spacing between the rows */
		margin-left:0;
	}

	.form dt {
		clear:both;
		float:left;
		width:130px;
		height:21px;
		font-size:1em;
		line-height:21px;
	}

	.form dd {
		float:right;
		padding-right:30px;
		width:250px;
		height:21px;
		line-height:21px;
	}
	
	.form dt.message {
		height:105px;
	}
	.form dd.message {
		height:105px;
	}
	
	.form dd.radios {
		line-height:17px;
	}
	
		.form dd.radios span {
			
		}
	
	.form input.text {
		margin:0;
		padding:0 2px 3px;
		width:246px;
		height:16px;
		font-size:1em;
		/* Simpele border */
		border:1px solid #c3c3c3;
		/* Mooie border
		border-top:1px solid #7c7c7c;
		border-left:1px solid #c3c3c3;
		border-right:1px solid #c3c3c3;
		border-bottom:1px solid #dddddd;
		background:#fff url(../images/input-background.gif) repeat-x;
		*/
	}
	
	.form input#day {
		width:40px;
	}
	
	.form input#month {
		width:40px;
	}
	
	.form input#year {
		width:60px;
	}
	
	.form dd p {
		float:right;
		margin:0 !important;
		font-size:0.8em !important;
		line-height:2.2em !important;
	}
	
	.form input.long {
		width:370px;
	}
	
	.form .error {
		border:1px solid rgb(246, 8, 8) !important;
	}
	
	.form select {
		width:252px;
		height:21px;
		font-size:1em;
		line-height:17px;
	}
	
	.form input#name {
		float:right;
		position:relative;
		right:-2px;
		width:185px;
	}
	
	.form input#postcode {
		float:left;
		width:50px;
	}
	
	.form input#city {
		float:right;
		position:relative;
		right:-2px;
		width:185px;
	}
	
	.form textarea {
		position:relative;
		z-index:10;
		overflow:auto;
		margin:0;
		padding:1px;
		width:248px;
		height:101px;
		border:1px solid #c3c3c3;
	}
	
	.form input#submit {
		font-size:1em;
		/*line-height:16px;*/
	}
	
	.form input.button,
	a.button {
		float:right;
		position:relative;
		right:-2px;
		height:21px;
		border:0;
		color:#fff !important;
		background:#000;
	}
	
	.form input.radio {
		vertical-align:middle;
	}
	
	.form input[type=image] {
		margin-top:10px;
		float:right;
	}
	
	.form select#sex {
		float:left;
		width:56px;
	}
	
	.form label:after {
		content:":";
	}
	
	.form label[for=postcode]:after {
		content:"";
	}
	
	.form .route-field {
		position:relative;
	}
	
	.form .overlabel,
	.form .overlabel-apply {
		position:absolute;
		left:6px;
		top:3px;
		z-index:20;
		color:#9fa4a6;
		cursor:text;
	}
/* END: Forms */
/* START: 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; }

#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(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-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: #000; }
/* END: Lightbox */
/* START: Misc */
.hidden {visibility:hidden;}
.none {display:none;}
.block {display:block;}
p.error {margin-bottom:10px !important;}
a.right {float:right;}
img.middle {position:relative;top:2px;}
/* END: Mis */
/* END: Site */
/* END: html */