/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	background-image:url(../images/bgtop.jpg);
	background-repeat:repeat-x;
	background-color: #101010;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	color:#fff;
	font-size: 12px;
}

.clear {
	clear: both;
}
a {
	outline: none;
	color: #00b4ff;
	text-decoration: none;
	border: none;
	}
	a:hover {
		text-decoration: underline;
	}
h1, h2, h3 {
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size: 24px;
	color: #00b4ff;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 16px;
}
.spacer {
	height: 40px;
}
.explorer_6_melding {
	width: 798px;
	border: 1px solid #95b794;
	border-top: 0px;
	background-color: #cdffcc;
	padding: 8px 20px 8px 20px;
	text-align: left;
	color: #000;
	position: absolute;
	left: 50%;
	margin-left: -419px;
	}
	.explorer_6_melding a {
		color: #F00;	
	}

.header {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
	height: 194px;
	background-image:url(../images/bgheader_content.jpg);
	background-repeat:no-repeat;
	}
	h1#buddydive_nl {
	float: left;
	margin: 71px 0px 0px 39px;
	padding: 0px;
	width: 510px;
	height: 62px;
	background-image:url(../images/duikverenigingbuddydive.jpg);
	background-repeat: no-repeat;
	display: inline;
	}
	h1#buddydive_de {
	float: left;
	margin: 71px 0px 0px 39px;
	width: 510px;
	height: 62px;
	background-image:url(../images/tauchvereinbuddydive.jpg);
	background-repeat: no-repeat;
	display: inline;
	}
.menu {
	margin: 0 auto;
	width: 960px;
	height: 40px;
	color: #000;
	}

	/* 1e niveau PARENT */
	#nav ul, #nav {
		padding: 0px;
		margin: 0px;
		list-style: none;
		height: 40px;
		display: block;
	}
	

	/*1e niveau CHILD */
	#nav li {
		float: left;
		width: 106px;
		position: relative;
	}
	/* ///////////////////OPMAAK HOOFDMENU//////////////////*/
	/* opmaak vlak*/
	#nav li a {
		text-align: center;
		display: block;
		color: #000;
		height: 40px;
		text-decoration:none;
		line-height: 40px;
		padding: 0px 5px 0px 5px;
		font-size: 14px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
	}
	/* opmaak hover*/
	#nav li a:hover {
		display: block;
		background-image:url(../images/menu_hover_bg.jpg);
		background-repeat: repeat-x;
	}
	
	#nav li:hover ul, #nav li.sfhover ul {
		left: auto;
		background-position: 0 0;
	}
	
	.pijltje {
		top: 15px;
		right: 0px;
		background-image:url(../images/pijltje.png);
		height: 10px;
		width: 12px;
		position: absolute;
	}
	
	/* ////////////// EINDE OPMAAK HOOFDMENU//////////////////*/
	
	/* 2e niveau PARENT */
	
	#nav ul {

		position: absolute;
		width: 120px;
		left: -9000px;

	}
	
	
	/*2e niveau CHILD */
	#nav ul li a:link, #nav ul li a:visited{
		color: #000;
		cursor: pointer;
	}
	
	/* ////////////////OPMAAK SUBMENU//////////////////*/
	#nav ul li a{
			font-weight: bold;
		font-size: 12px;
			text-align: left;
		line-height: 25px;
		height: auto;
		background-color:#008bc5;
	}
	
	#nav ul li a:hover {
		background-image: none;
		background-color: #59c6f3;
		cursor: pointer;
	}
	
	/* ////////////EINDE OPMAAK SUBMENU ///////////////*/

.ledenhoekmenu {
	float: left;



	}	
	.ledenhoekmenu ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.ledenhoekmenu ul li {
		float: left;

		text-align: center;
		}
		.ledenhoekmenu ul li a {
			width: 70px;
			height: 28px;
			padding: 5px 0px 5px 2px;
			color: #fff;
			background-color:#006699;
			display: block;
			font-size: 11px;
		}
		
		.ledenhoekmenu ul li#left a {
			background: none;
			background-image:url(../images/menuledenhoekleft.png);
			width: 81px;
		}
		.ledenhoekmenu ul li#left a:hover {
			background-image:url(../images/menuledenhoekleft_hover.png);
		}
		.ledenhoekmenu ul li#right a {
			background: none;
			background-image:url(../images/menuledenhoekright.png);
			width: 81px;
			padding: 5px 0px 5px 10px;
		}
		.ledenhoekmenu ul li#right a:hover {
			background-image:url(../images/menuledenhoekright_hover.png);
		}
		
		.ledenhoekmenu ul li a:hover {
			background-color:#0096d4;
			text-decoration: none;
		}

.content_top {
	margin: 0px auto;
	width: 960px;
	height: 53px;
	background-image:url(../images/bgheader_content.jpg);
	background-position: 0px -234px;
	background-repeat:no-repeat;
	background-color: #101010;

	}
	.content_top .nl, .content_top .nl_selected {
		width: 49px;
		height: 19px;
		background-image:url(../images/tab_nl.png);
		background-repeat: no-repeat;
		background-color: #282828;
		float: right;
		margin: 19px 0px 0px 5px;
		display: inline;
	}
	.content_top .de, .content_top .de_selected {
		width: 49px;
		height: 19px;
		background-image:url(../images/tab_d.png);
		background-repeat: no-repeat;
		background-color: #282828;
		float: right;
		margin: 19px 25px 0px 5px;
		display: inline;
		}
		.content_top .de_selected {
			height: 20px;
		}
		.content_top .nl_selected {
			height: 20px;
		}
.box {
	background-image:url(../images/bgtop.jpg);
	background-position: 0px -287px;
	background-repeat: repeat-x;
	background-color: #212121;
}

.content {
	margin: 0 auto;
	width: 890px;
	min-height: 400px;
	background-image:url(../images/bgheader_content.jpg);
	background-position: -1px -287px;
	background-repeat:no-repeat;
	background-color: #101010;
	border-left: 1px solid #575757;
	border-right: 1px solid #575757;
	padding: 10px 34px 10px 34px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	}
	.content h1 {
		margin: 0px 0px 25px 0px;
	}
	
	#plaatjes {
		float: right;
		height: 220px;
		width: 250px;
		list-style: none;
		padding: 0px;
		margin: 45px 20px 0px 20px;
		overflow: hidden;
		}
		#plaatjes li {
			margin: 0px;
			padding: 0px;

	}
	.infobox {
		float: left;
		position: relative;
		width: 240px;
		height: 168px;
		background-image:url(../images/box_bg.jpg);
		background-repeat:no-repeat;
		background-color: #101010;		
		margin: 35px 38px 10px 0px;
		padding: 10px 10px 0px 20px;

		}
	.infobox2 {
		float: left;
		position: relative;
		width: 240px;
		height: 168px;
		background-image:url(../images/box_bg.jpg);
		background-repeat:no-repeat;
		background-color: #101010;		
		margin: 35px 0px 10px 0px;	
		padding: 10px 10px 0px 20px;
	}
	.infobox img, .infobox2 img {
		position: absolute;
		right: 0px;
		top: 9px;
		margin: 0px 20px 20px 0px;
	}
	.infobox2 ul, .infobox ul {
		padding: 0px;
		margin: 0px 0px 0px 15px;
	}
	.infobox2 h2, .infobox h2 {
		padding: 5px 0px 0px 0px;
		margin: 0px 0px 15px 0px;
	}
	.infobox2 a, .infobox a{
		outline: none;
		color: #fff;
		text-decoration: none;
	}
	.infobox2 a:hover, .infobox a:hover {
		text-decoration: underline;
		color: #00b4ff;
	}
	.artikel {
		margin: 0px 0px 50px 0px;
	
		}
		.artikel .gegevens {
			font-size: 10px;
			color:#999999;
		}
		.artikel .reacties {
			float: left;
			margin: 0px 5px 0px 0px;
			line-height: 17px;
			background-color:#FFFFFF;
			color: #000;
			width: 100px;
			height: 17px;
			}
			.artikel .reacties a {
						padding: 0px 0px 0px 10px;
				color: #000;
				display: block;
			}
			.artikel .reacties a:hover {
				background-color: #00b4ff;
				text-decoration: none;
			}
			.fotoimg {
				float: right;
			}

	.links a {
		color: #fff;
		}
		.links a:hover {
			color: #00b4ff;
		}
	.linkgroep {
		float: left;
		width: 210px;
		margin: 10px 10px 10px 0px;
		height: 370px;

	
		}
		.linkgroep ul {
			list-style: none;
			padding: 0px;
			margin: 10px 0px 0px 0px;
		}
.footer {

	background-image:url(../images/bgfooter.jpg);
	background-repeat:repeat-x;
	clear: both;
	}
	.footer_middle {
		margin: 0 auto;
		width: 910px;
		height: 75px;
		background-image:url(../images/bgfooter_middle.jpg);
		background-repeat: no-repeat;
		background-color: #101010;
		color: #525252;
		padding: 25px 20px 0px 40px;
		position: relative;
		}
		.footer_middle a{
			color: #525252;
			text-decoration: none;
			}
			.footer_middle a:hover{
				color: #00b4ff;
				text-decoration: underline;
			}
		
		
	
/* foto gallerij */

.photo-link	{ 
	margin: 2px; 
	border: 1px solid #000;	
	display: block; 
	width: 120px;
	float: left; 
}
.photo-link:hover { 
border: 1px solid #999; 
}

/* form opmaak */
.success {
	background: url(../images/accept.png) no-repeat 0px 0px;
  	padding-left: 16px;
	height: 16px;
	width: 16px;
	position: absolute;
	margin-top: 8px;

}
.text {
	background-color:#000000;
	color: #fff;
	margin: 5px 5px 5px 0px;
	border: 1px solid #00b4ff;
	height: 20px;
	line-height: 20px;
}
input:-webkit-autofill {
	background-color:#000000; !important;
	color: #000; !important;
}
.textgebied {
	background-color:#000000;
	color: #fff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px 5px 5px 0px;
	border: 1px solid #00b4ff;
	}
.error {
	color: #FF0000;
}
#loginscherm {
	margin: 0px auto;
	width: 145px;
	height: 200px;

	}
.box_gegevens {
	float: left;
	width: 80px;
	font-size: 10px;
	color:#999999;

}
#map {
	color:#000000;
}
.commentform {
	float: left;
	margin-bottom: 30px;
}

	.commentbox {
		width: 700px;
	}
	.comment_naam {
		width: 340px;
		float: left;
		height: 35px;
		line-height: 35px;
		background-color:#1c1c1c;
		padding-left: 10px;
		font-size: 17px;
		color: #00b4ff;
		}
		.comment_naam a {
			color: #00b4ff;
			text-decoration: none;
			}
			.comment_naam a:hover {
				text-decoration: underline;
				}
	.comment_datum {
		width: 340px;
		float: left;
		text-align: right;
		height: 35px;
		line-height: 35px;
			background-color: #1c1c1c;
		padding-right: 10px
		}
	.comment_tekst {
		float: left;
		width: 580px;
		padding: 10px;
		padding-top: 10px;
	}
	.comment_invulbox {
		float: left;
		width: 400px;
		background-color: #1c1c1c;
		height: 370px;
		padding: 20px 20px 20px 10px;
		margin: 40px 0px 0px 0px;
		}
		.comment_invulbox h3 {
			margin: 0px 0px 10px 0px;
		}
	.melding {
		padding: 5px 5px 5px 22px;
		background-color:#060;
		color: #fff;
		margin: 0px 0px 20px 0px;
		background-image: url(../images/accept.png);
		background-repeat: no-repeat;
		background-position:left;
	}
	.tabel {
		border: 1px solid #666;
		border-collapse: collapse;
		}
		.tabel th {
			text-align: left;
			background-color:#006699;	
		}
		.tabel td {
			border: 1px solid #666;
		}
	.duikweekendimg_left {
		margin: 5px;
		float: left;
	}
	.duikweekendimg_right {
		margin: 5px;
		float: right;	
	}
	.sitemap {
		float: left;
		width: 400px;
	}
	.twitter {
		float: left;
		width: 866px;
		padding: 10px 10px 0px 20px;
		margin: 10px 0px 0px 0px;
		background-image: url(../images/twitter_bg.jpg);
		min-height: 40px;
		background-repeat: no-repeat;
		}
		.tweet {
			float: left;
			width: 700px;
			margin: 0px 0px 0px 15px;
			}
			.time {
				font-size: 10px;
				color:#999;
			}
		.twitter_logo {
			float: left;
			width: 137px;
			height: 26px;
			display: block;
			background-image: url(../images/twitter_logo.png);
			background-repeat: no-repeat;
			text-indent: -9999px;
			
		}
.social {
	position: absolute;
	left: 380px;
	top: 25px;
	width: 200px;
	height: 50px;
}
