/* algemene instellingen */

html, body {
	margin:0px;
	padding:0px;
	font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	background-color: #031c5b;
	background-image:url(../images/bodybg.jpg);
	background-repeat: repeat-x;
}

.clr {
	clear: both;
}


a {
	color: #687092;
	text-decoration: none;
}
a:hover {
	color: #687092;
	text-decoration: underline;
}

.spanleft {
	float: left;
}
.spanright {
	float: right;
}

.spacer {
	height: 20px;
}

.error {
		float: left;
		padding: 5px 5px 5px 5px;
		color:#fff;
		margin:11px 0px 11px 11px;
		border:1px solid #FFFFFF;
		width:693px;
		
}
/* site */
#header {

	margin: 0 auto;
	width: 980px;
	height: 174px;
	}
	h1#logo {
		float: left;
		margin: 0px 19px 0px 32px;
		background-color: #031c5b;
		width: 204px;
		height: 174px;
		background-image:url(../images/morskieft_logo.jpg);
		background-repeat:no-repeat;
	}
		#headertop {
		float:left;
		width: 714px;
		height: 174px;
		
		font-family: "Minion Pro", "Times New Roman", Times, serif;

		color: #1d336c;
		text-align: left;
		position: relative;
		margin: 0px 0px 0px 11px;

		}
		#headertop h2#spreuk {
			position: absolute;
			left: 0px;
			bottom: 0px;
			margin: 0px 0px 10px 0px;

			padding: 0px;
			line-height: 66px;
			font-size: 67px;
			font-weight: normal;
		}
		#headertop .ubevindtzich {
			position: absolute;
			right: 0px;
			top: 0px;
			margin: 15px 80px 0px 0px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #677189;
			font-size: 12px;
		}


#pagina-houder {
	width: 980px;
	margin: 0px auto;
	}

	#kolumn {
		float: left;
		width: 255px;
		margin: 0px;
		padding: 0px;
		}

		#kolumn .afbeelding {
			float:left;
			width: 255px;
		}
		#menu {
			float: left;
			margin: 5px 0px 0px 32px;
			width: 223px;
			font-size: 14px;
			}
			#menu ul {
				list-style: none;
				margin: 0px;
				padding: 0px;
				}
				#menu ul li {
					color: #fff;
				}
				#menu ul li a{
					color: #fff;
					text-decoration: none;
				}
				#menu ul li#current a {
					color: #687092;
				}
				#menu ul li a:hover {
					color: #687092;
			}
			#menu .logos {
				float: left;
				margin: 16px 0px 0px 0px;
				}
				#menu .logos img {
					margin: 0px 10px 0px 0px;
	}
	#content {
		float: left;
		width: 714px;
		margin: 0px 0px 0px 11px;
		color: #fff;
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;

		}
		#content .afbeelding {
			float: right;
			clear: right;
			padding: 0px 10px 10px 10px;
		}
		#header2 {
			position: relative;
			margin: 0px 0px 11px 0px;
			width: 714px;
			height: 173px;
			}
			#header2 p {
				margin: 0px 0px 20px 0px;
				}
			#header2 table {
				font-size: 12px;
				font-family: Arial, Helvetica, sans-serif;
			}
			.input {
				background-color: #9198be;
				border: 1px solid #9198be;
				color: #050c38;
				}
				.plaats {
					width: 180px;
					margin-right: 34px;
				}
				.prijsklassevan {
					width: 108px;
					margin-right: 22px;
				}
				.prijsklassetot {
					width: 108px;
					margin-right: 29px;
				}
				.huur {
					width: 24px;
					margin-right: 29px;
				}
			#header2 .zoekresultaten {
				position: absolute;
				left: 0px;
				bottom: 0px;
				padding: 0px 0px 5px 0px;
				border-bottom: 1px solid #9198be;
				width: 630px;
	}
	.zoekresultaat {
		float: left;
		width: 630px;
		height: 122px;
		margin: 0px 0px 23px 0px;
		}
		.zoekresultaat .zoekimg {
			float: left;
			width: 182px;
			height: 122px;
		}
		.zoekresultaat .info {
			float: left;
			width: 412px;
			margin: 0px 0px 0px 11px;
			}
			.zoekresultaat .info h2 {
				font-size: 16px;
				margin: 0px;
				padding: 0px;
			}
			.zoekresultaat .info p {
				margin: 0px;
				padding: 0px;
	}
	.terugbox {
		width: 630px;
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 5px 0px;
		border-bottom: 1px solid #9198be;
		font-size: 12px;	
		}
		.terugbox a {
			text-decoration: none;
			color: #fff;
		}
		.terugbox a:hover {
			text-decoration: underline;
		}

	.infobox {
		width: 630px;
		margin:10px 0px 0px 0px;
		}
		.infobox h3 {
			margin: 0px;
			padding: 0px;
			font-size: 17px;
		}
		.infobox h2 {
			margin: 0px;
			padding: 0px;
			font-size: 21px;
		}
		.infobox .gegevens {
			margin: 0px 0px 15px 0px;
		}	
	#lichtkrant {
		margin: 0px 0px 0px 20px;
		float: right;
		top: 0px;
		right: 0px;
		width: 192px;
		height: 214px;
		border: 1px solid #fff;
		}
		.lk {
			font-size: 14px;
			text-align: center;
			width: 192px;
			height: 209px;
			background-image:url(../images/lichtkrantbg.jpg);
			padding: 5px 0px 0px 0px;
			}			
			.lk a {
				color: #fff;
				text-decoration: none;
			}
	.gallerij {
		height: 300px;
		width: 630px;
		margin: 0px;
		padding: 0px;
	}
		#slideshow { 
			width: 400px;
			float: left;
			background-color:#031c5b;
		}
		#nav { 
			width: 200px;
			float: left;
			list-style: none;
			padding: 0px;
			margin: 0px;
			height: 266px;
			overflow: auto;
			}
			#nav li { 
				float: left;
				width: 79px;
				height: 51px;
				margin: 0px 5px 10px 5px;
			}
			#nav li a {
				display: block;
				padding: 1px;
	
			}
			#nav a.activeSlide {
				background-color:#fff;
			}
			#nav a:focus { 
				outline: none;
			}
			#nav img { 
				border: none;
			}
			
			.pics {
				float: left;
				height:266px;
				overflow:hidden;
				width:400px;
			}
			.pics img {
				background-color: #031c5b;
				height: 266px;
				width: 400px;
		}
		#prevnext {
			float: left;
			font-size:14px;
			width: 415px;
			height: 20px;
		}
		#next {
			float: right;
			cursor: pointer;
		}
		#prev {
			float: left;
			cursor: pointer;
		}
	.cameraknop {
		float: right;
		margin: 0px 190px 0px 0px;
	}
	.contactvelden {
		width: 150px;
	}
	.contactvelden_medium {
		width: 80px;
	}
	.contactvelden_small {
		width: 40px;
	}