/* HTML redifine tags */
html {
	height: 100%;
}
body {
	margin: auto;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
img.borderme {
	border:1px solid #03acb3;
}
.telefoon {
	color:#005a5e;
	font-size:13px;
}
a {
	color:#a51839;
}
a.active {
	color:#01949a;
	font-weight:bold;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
img {
	border:0px;
}
/*
ul, li {
	margin:0px;
	padding:0px;

}
p {
	margin:5px 0px 0px 0px;
	padding:0px;
	line-height:17px;
}
*/
h1 {
	margin:15px 0px 15px 0px;
	padding:0px;
	font-size:25px;
	font-weight:normal;
	color:#01949a;
}
h2 {
	color:#942745;
	font-size:14px;
	font-weight:bold;
	margin:20px 0px 5px 0px;
	padding:0px;
}
h3 {
	color:#000;
	font-size:16px;
	font-weight:bold;
	margin:20px 0px 5px 0px;
	padding:0px;
}
.sublinks-kop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #B40026;
	text-decoration: none;
	vertical-align: middle;

}
a.sublinks2:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00A8B0;
	text-decoration: underline;
}
a.sublinks2:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00A8B0;
	text-decoration: underline;

}
a.sublinks2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #006B6B;

}
a.sublinks2:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #006B6B;

}

/* DIV Tags */
#container {
	width:970px;
	margin:0 auto;
	/*background:red;*/
}
#header {
	width:100%;
	height:85px;
	background:url(/img/header_bg.gif) no-repeat;
	z-index:1;
}
#logo {
	height:50px;
	width:134px;
	left:19px;
	top:24px;
}
div#menu {
	height:29px;
	width:auto;
	right: 20px;
	top: 56px;
	z-index:50;
}
#menu ul {
	margin:0px;
	padding:0px;
	height:29px;
	display:block;
	line-height:29px;
}
#menu li {

	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
#menu li {
	list-style:none;
}
#menu li a {
	display:block;
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 22px;
	height:29px;
	width:136px;
	background:url(/img/menu/vijvercentrum_overloon2.gif) left top;
	color:#FFFFFF;
	text-decoration:none;
}
#menu li a:hover {
	background:url(/img/menu/vijvercentrum_overloon2.gif) left bottom;
	color:#024e53;
}
#menu li a:active {
	background:url(/img/menu/vijvercentrum_overloon2.gif) left bottom;
	color:#024e53;
}

#header2 {
/*
	right: 20px;
	top: 90px;
*/
	position:absolute;
	height:29px;
	bottom: 20px;
	width:auto;
	left: 24px;
	z-index:50;
	float:none;
}

#header2 H2{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-style:normal;
	font-weight: normal;
	font-size:24px;
	padding:0px;
	margin:0px;
}

#header2_shadow{
/*
	right: 20px;
	top: 91px;
*/
	position:absolute;
	height:29px;
	bottom: 19px;
	width:auto;
	left: 25px;
	float:none;
	z-index:49;
}
#header2_shadow span{
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
		font-style:normal;
		font-weight: normal;		
		font-size:24px;
}

.productitems {
	list-style:none;
	overflow:hidden;
	margin-left:35px;

	padding-bottom:10px;

}
.productitems li {
	background:#95bfff;
	height:180px;
	margin-top:20px;
	margin-right:20px;
	width:90px;
	float:left;
	position:relative;
	overflow:hidden;
	list-style:none;
}

.productitems li span {
	background:#BFDFFF;
	display:block;
	height:180px;
	width:90px;
	left:0;
	top:0;
	position:absolute;
	z-index:10;
	background:url(/img/verkocht_klein.gif) center center;
	cursor:pointer;
}
.verkocht {
	background-image: url(/img/overzicht/verkocht.gif);
	background-repeat: no-repeat;
	background-position:  -130px center;
	width: 215px;
	height: 430px;
	overflow: hidden;
	position: absolute;
}

/* breadcrumb */
#breadcrumb {
	/*width:100%;*/
	height:27px;
	margin-left:20px;
}
	#breadcrumb span {
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		line-height:27px;
		color:#01949a;	
		font-size:10px;
	}
		#breadcrumb span a {
			color:#b1e0e2;
		}
		#breadcrumb span a:hover {
			text-decoration:none;
		}

/* mainframe */
#mainframe {
	width:732px;
	overflow:hidden;

}
	#mainframe #foto {
		width:100%;	
	}
	
/* content */
#content {
	margin-top:4px;
	background:url(/img/content_bg.gif) repeat-x;
	height:auto;
	font-size:12px;
	overflow:hidden;	
	padding-top:0px;
}
#contenttop {
	padding-left:20px;
	border-bottom: 1px solid #c0e2e4;
}
	#contenttop a {
		margin:0 4px;
	}
	#contenttop span {
		display:block;
		/*padding-right:10px;*/
	}
#contenttext {
margin:0px 15px 15px 15px;

}
	
/* linkerkolom */
#linkerkolom {
	width:233px;
}
a.bekijkprojectfotos img {
}
#faq {
	font-size:17px;
	height:40px;
	
}
	#faq span {
		font-size:17px;
		display:block;
		height:31px;
		
	}
		#faq img.pijl {
			margin: 7px 0px -0px 5px;
		}
#adress {
	width:222px;
	background:#e5f6f7;
	
	border-right:1px solid #b7e6e9;
	padding: 11px 0px 0px 11px;
}	
	#adress #openingstijden {
		width:209px;
		background:#f4fcfc;
		border-right:1px solid #b7e6e9;
		border-bottom:1px solid #b7e6e9;
		padding-bottom:10px;
	}
		#adress #openingstijden h4 {
			color:#02373d;
			font-size:13px;
			font-weight:bold;
			margin:0px;
			margin-top: 5px;
			padding:8px 0px 3px 11px;
		}
		#adress table {
			margin-left:10px;
			margin-top:2px;
			line-height:17px;
		}
		#adress .title {
			font-weight:bold;
			color:#a51839;

		}
		#adress span {
			font-size:12px;
			margin-left:10px;
			line-height:20px;

		}		
		#adress span.telefoon {
			margin-left:0;
		}
#adressbottom {
	width:233px;
	height:6px;
	border-right:1px solid #b7e6e9;
	background:#e5f6f7 url(/img/adress_bg.gif) left bottom no-repeat;
}	

	
/* footer */
#footer {
	clear:both;
	width:970px;
	padding:10px 0px;

}
	#footer #links {
		height:30px;
		line-height:30px;
		border-top:1px solid #e5e5e5;;
		border-bottom:1px solid #e5e5e5;;
		margin-bottom:5px;

	}
		#footer #links img {
			margin-right:20px;
		}
		#footer #links span {
			margin-left:25px;
		}
				#footer #links span a {
					margin:0 2px;
				}

	#footer span.quicklinks {
		width:785px;
		text-align:center;
		color:#555555;
		margin: 0 auto;
		display:block;
	}
		#footer span.quicklinks a {
			margin: 0 5px;
			color:#555555;			
		}
		#footer span.quicklinks a:hover {
			text-decoration:none;
		}
/* classes */
.relative { position:relative }
.absolute { position:absolute }
.floatleft { float:left }
.floatright {float:right }
.clear { clear:both }
.none { display:none }
.margintop10 {margin-top:10px;}

ul.tabs li {
	display:inline;
	line-height:35px;
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.tabs li a.active {
	padding-left:13px;	
	background:url(/img/kruimelpad_active.gif) left center no-repeat;
	padding-right:3px;	

}
ul.tabs li a {
	padding-left:10px;	
	background:url(/img/kruimelpad_nonactive.gif) left center no-repeat;
	padding-right:3px;
}
ul.tabs {
	color:#9e9e9e;
	margin:0px;
	padding:0px;
}
.print img {
	margin: 7px 3px -3px 0px;
}
div.print a {
	font-size:9px;
}	
div.print {
	margin-top:10px;
	float:right;
	height:31px;
	z-index:1;
	position:relative;
}
.nummering {
	padding-right:35px;
}
	.nummering .active {
		font-weight:bold;
		color:#a51839;
	}
	.nummering a {
	text-decoration:none;
	}
		.nummering a:hover {
		text-decoration:underline;
		}

.filter { font-size:11px; 
margin-top:10px;}

	.filter select { font-size:11px; }
.projectfoto {
	list-style:none;
	margin:0 0 0 15px;
	padding:0;
}
	.projectfoto li {
		height:auto;
		margin-top:12px;
		margin-right:10px;
		width:auto;
		float:left;
		position:relative;
		list-style:none;
	}
	.projectfoto li a {
			height:auto;
			width:auto;
			display:block;
			margin:1px;
			padding:0px;
			border: 1px solid #a51839;
	}
	.projectfoto li a.thumbactive {
		border: 1px solid #00a8b0;
			margin:0px;
			padding:1px;
		
	}
	
#thumbnail_target {
	font-size:10px;
	margin-left:10px;
	width:100%;
}
	#thumbnail_target img {
		margin:10px 0px 0px 0px;
	}
	#caption {
		width:100%;
		display:block;
		color:#6d6d6d;
		line-height:20px;
		font-size:10px;		
	}
	#terugoverzicht {
		margin-top:10px;
	}
#contenttext ul.projectoverzicht, #contenttext ul.productitems, #contenttext form {
	margin: 0px;
	padding: 0px;
}	
.projectoverzicht li {
	list-style:none;
	display:block;
	width:168px;
	height:160px;
	background:#ebf5f6;
	padding-top:5px;
	float:left;
	margin-right:7px;
	margin-bottom:10px;
	text-align:center;
	overflow: hidden;
}	
.projectoverzicht li span {
	margin-top:3px;
	padding-right: 15px;
	padding-left: 15px;
	display:block;	
	background: transparent url(/img/pijl.gif) 155px center no-repeat;
	text-decoration:underline;

}
.imglinks {
	padding: 0px 10px 5px 0px;
}
.imgrechts {
	padding: 0px 0px 5px 10px;
}
/*zwemvijveroverzicht*/
ul#zwemvijveroverzicht, ul#zwemvijveroverzicht li {
	margin:0;
	padding:0;
}
ul#zwemvijveroverzicht li.middle {margin:0 12px;}
ul#zwemvijveroverzicht li {
	display:block;
	width:226px;
	height:248px;
	float:left;
	list-style:none;
}
#overzicht {
	height:248px;
	width:100%;
}