/* RESET CSS */

body, html {
	height:100%;
	margin:0;
	padding:0;
	width:100%;
	background: #f5f5f5;
	color:#7b7b7b;
	font-family:Arial,Sans-serif;
	font-size:13px;
	line-height:1.15;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;}
body {
	line-height: 1;}
ol, ul {
	list-style: none;}
blockquote, q {
	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}

:focus {
	outline: 0;}
ins {
	text-decoration: none;}
del {
	text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0;}
a, a:visited, a:active {
	text-decoration:underline;	
	color: #19a4dc;}
a:hover {
	color: #666;}


/* Algemeen */
#container {
	height:auto;
	min-height:100%;
	position: relative;
	z-index: 2;
	width:100%;
	background: #f5f5f5;
}

* html #container {
	height:100% !important;
	min-height:100%;
	position:relative;
	z-index:10;
}

#footer-area {
	bottom:0;
	position:absolute;
	background: url(../_img/blue-bg-water.jpg) center center;
	height:40px;
	width:100%;
}

#home #footer-area {
	bottom:0;
	position:absolute;
	background: url(../_img/blue-bg-water-home.jpg) center center;
	height:40px;
	width:100%;
}

#footer-area p {
	text-align: center;
	font-size:11px;
	color: #000;
	padding:20px 0 0 0;
}

.inside-1024 {
	width:950px;
	margin:0 auto;
}

.clear {
	clear:both;
	height:1px;
	line-height:1px;
}

#holder {
	padding-bottom:60px;
}

#white-contain {
	width:950px;
	margin:0 auto;
	background: #fff;
	position:relative;}

#top-area {
	width:950px;
	margin:0 auto;
}

#top-area #logo {
	margin-top: 10px;
	float: left;
}

#white-contain #content {
	padding:20px 30px 30px 30px;	
	line-height:17px;}

iframe {
	border: 1px solid white;}
	
h1 {
	font-size:34px;
	color: #2e2e2e;
	display:block;
	line-height:38px;
	margin-bottom:10px;}

h2 {
	color: #1695ca;
	font-size:18px;
	display:block;
	line-height:22px;
	margin-bottom:15px;
	font-weight:normal;}

#content p {
	font-size:12px;
	color: #7b7b7b;}


/* Navigatie */
#navigation {
	font-size:12px;
	margin-top:30px;
	margin-bottom:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:right;}

#navigation ul li {
	float:left;}

#navigation ul li a {
	padding:0 12px 0 12px;
	color: #fff;
	height:39px;
	line-height:37px;
	background: #19a4dc;
	float:left;
	display:block;
	text-decoration:none;}

body #top-area #navigation ul li.nav-zoeken a{
	background:#19a4dc url(../_img/bg_corner_blue_nav.gif) no-repeat left top;}
body #top-area #navigation ul li.nav-contact a{
	background:#19a4dc url(../_img/bg_corner_blue_right_nav.gif) no-repeat right top;}

html body #top-area #navigation ul li.nav-zoeken a:hover{
	background:#1492c5 url(../_img/bg_corner_darkblue_left_nav.gif) no-repeat left top;
color:#fff;
/*background:#19a4dc url(../_img/bg_corner_white_left_nav.gif) no-repeat left top;
	color: #19a4dc;*/}


html body #top-area #navigation ul li.nav-contact a:hover{
	background:#1492c5 url(../_img/bg_corner_darkblue_right_nav.gif) no-repeat right top;
	color: #FFF;}
/*________________________________________________________________________________*/

body #top-area #navigation ul li a:hover{
	background: #1492C5/*fff*/;
	color: #FFF;}
/*________________________________________________________________________________*/

body.over-aquasearch #navigation ul li.nav-overaquasearch a, 
body.effectief-zoeken-met-aquasearch #navigation ul li.nav-effectiefzoeken a {
	background: #fff url(../_img/bg_line_nav.gif) repeat-x;  /*background: #FFF1492c5*/;
	color: #19a4dc/*fff*/;}

body.contact #top-area #navigation ul li.nav-contact a{
	background:#19a4dc url(../_img/bg_corner_white_right_nav.gif) no-repeat right top;
	color: #19a4dc;

/*	background: #1492c5 url(../_img/bg_corner_darkblue_right_nav.gif) no-repeat right top;
	color: #fff; */}


body.zoeken #top-area #navigation ul li.nav-zoeken a {
background:#19a4dc url(../_img/bg_corner_white_left_nav.gif) no-repeat left top;
	color: #19a4dc;
/*
	background: #1492c5 url(../_img/bg_corner_darkblue_left_nav.gif) no-repeat left top;
	color: #fff;*/}


/* layout-mid */

#white-contain .corner-left-top {
	background:url(../_img/white-corner-top-left.gif) no-repeat top left;
	width:5px;
	height:5px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	line-height:1px;}

#white-contain .corner-right-top {
	background:url(../_img/white-corner-top-right.gif) no-repeat top right;
	width:5px;
	height:5px;
	display:block;
	position:absolute;
	top:0;
	right:0;
	line-height:1px;}

#white-contain .corner-right-bottom {
	background:url(../_img/white-corner-bottom-right.gif) no-repeat bottom right;
	width:5px;
	height:5px;
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	line-height:1px;}

#white-contain .corner-left-bottom {
	background:url(../_img/white-corner-bottom-left.gif) no-repeat bottom left;
	width:5px;
	height:5px;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	line-height:1px;}

.img-holder {
	float:right;
	margin-top:60px;
}


/* id's pagina's */

#contact-info {
	border-top: 1px solid #d8d8d8;
	width:660px;
	float:left;
	margin-top:30px;
	margin-bottom:30px;}

#contact-info li {
	border-bottom: 1px solid #d8d8d8;
	clear:both;
	padding:10px 0 10px 0;}

#contact-info li span {
	float:left;	
	color: #1695ca;
	font-weight:bold;
	font-size:12px;}

#contact-info li strong {
	margin-left:120px;
	display:block;
	width:300px;
	font-size:12px;
	color: #000;}

#contact-info li a {
	text-decoration:underline;	
	color: #000;}

#contact-info li a:hover {
	color: #19A4DC;}

#content-main {
	margin-right:200px;	
	width:auto;}

#content-main p {
	display:block;}

#left-menu {
	float:left;	
	min-height:250px;
	width:160px;}

#left-menu ul {
	border-top: 1px solid #cecece;	
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	width:145px;}

#left-menu ul li {
	border-bottom:1px solid #cecece;
	width:145px;}

#left-menu ul li a {
	font-size:12px;
	display:block;
	padding-left:34px;
    padding-top:10px;
    padding-bottom:10px;
	text-decoration: none;
	color: #1695CA;
	background:url(../_img/icon-question.gif) no-repeat 10px 11px;}

#left-menu ul li a.nav-van-wie-is-het {
       background:url(../_img/icon-flag.gif) no-repeat 10px 11px;}

#left-menu ul li a.nav-hoe-werkt-het {
       background:url(../_img/icon-gears.gif) no-repeat 10px 11px;}

#left-menu ul li a.nav-wat-hebben-we-nodig {
       background:url(../_img/icon-todo.gif) no-repeat 10px 11px;}

#left-menu ul li a:hover {
	color: #000;}


.submenu-page #content-main {
	margin-left:180px;
	margin-right:200px;}

#content .text-area {
		font-size:13px;
	color: #7b7b7b;}

small {
	font-size:10px;}
	
hr {
	border-color:#E0E0E0;
	border-style:solid;
	border-width:1px 1px 0;
	height:1px;
	margin:7px 0;
	padding:0;
}

#home #container {
	background: #fff !important;
}

#aquasearch-big-logo {
	width:285px;
	height:176px;
	display:block;
	margin:55px auto 20px auto;
}
