/* CSS Document */

body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	min-width:980px;
	background:url(../images/background.gif) top left repeat-x #c9cccc;
}

img {
	padding:0px;
	margin:0px;
}

h1 {
	font-size:21px;
	color:#0085aa;
	font-weight:normal;
}

	h1 span {
		color:#d4d800;
		font-weight:bold;
	}

a {
	color:#0085aa;
}

table a{
	color:#000000;
	text-decoration:underline;
}

table a:hover{
	color:#0085aa;
	text-decoration:none;
}

a.pakket span.small, span.small{
	font-size:10px;
	color:#666666;
	text-decoration:none;
}

#top {
	position:relative;
	background: url(../images/top-rechts.gif) no-repeat top right #FFF;
	margin:0px 35px;
	padding:0px;
}

#menu {
	position:relative;
	background: url(../images/menu-rechts.gif) no-repeat top right #0085aa;
	margin:0px 35px;
	padding:0px;
}

	#menu img {
		float:left;
	}

	#menu ul {
		list-style:none none;
		margin:0px;
		padding:11px 5px 11px 5px;
		line-height:normal;
	}
	
		#menu ul li {
			display:inline;
		}
		
			#menu ul li a {
				font-weight:bold;
				color:#FFFFFF;
				text-decoration:none;
				padding:0px 15px 0px 5px;
				background:url(../images/menu-bullit.gif) right center no-repeat;
			}
				#menu ul li a:hover {
					color:#ffb800;
				}
				
		#menu ul li a.laatste {
			font-weight:bold;
			color:#FFFFFF;
			text-decoration:none;
			padding:0px 15px 0px 5px;
			background:none;
		}
		
			#menu ul li a.laatste:hover {
					color:#ffb800;
				}

/* Pathway --------------------------------------------------- */

span#pathway {
	padding:12px 0px 11px 5px;
	line-height:31px;
	font-size:9px;
	color:#cce6ef;
	text-transform:lowercase;
}

	span#pathway a {
		color:#99cede;
	}

/* Startpagina --------------------------------------------------- */

body#startpagina #midden {
	position:relative;
	background:url(../images/st-mid-rechts.gif) no-repeat top right #FFF;
	margin:13px 35px 0px 35px;
	padding:0px;
	height:175px;
}

	body#startpagina #midden img {
		text-align:left;
	}
	
	body#startpagina #midden p#teksttop {
		margin:0px 300px 0px 136px;
		padding:18px 0px 0px 0px; 
	}
	
	body#startpagina #midden h1 {
		margin:10px 396px 0px 0px;
	}
	
	body#startpagina #midden p#tekstonder {
		margin:10px 370px 0px 136px;
	}

body#startpagina #onderLinks {
	margin:0px auto;
	padding:13px 0px 15px 35px;
	width:35%;
	float:left;
}

	body#startpagina #onderLinks #onderLinksTop {
		position:relative;
		background:url(../images/st-onder-top-rechts.gif) no-repeat top right #f1f1f2;
		margin:0px;
	}
	
	body#startpagina #onderLinks #onderLinksMidden {
		position:relative;
		background:#f1f1f2;
		margin:0px;
		
	}

		body#startpagina #onderLinks #onderLinksMidden h1 {
			line-height:normal;
			margin:0px 0px 12px 0px;
		}
		
		body#startpagina #onderLinks #onderLinksMidden .tekst {
			padding:0px 20px 0px 20px;
		}
		
		body#startpagina #onderLinks #onderLinksMidden img {
			margin:8px 0px 0px 0px;
		}
		
		body#startpagina #onderLinks #onderLinksMidden h1#onderTitel {
			margin:8px 0px 0px 0px;
		}
	
	body#startpagina #onderLinks #onderLinksOnder {
		position:relative;
		background:url(../images/st-onder-onder-rechts.gif) no-repeat top right #f1f1f2;
		margin:0px 0px 0px 0px;
	}
	
body#startpagina #onderContact {
	margin:0px auto;
	padding:13px 35px 0px 0px;
	width:17%;
	height:45px;
	float:right;
}

	body#startpagina #onderContact #onderContactTop {
		position:relative;
		background:url(../images/st-onder-top-rechts.gif) no-repeat top right #f1f1f2;
		margin:0px;
	}
	
	body#startpagina #onderContact #onderContactMidden {
		position:relative;
		background:#f1f1f2;
		margin:0px;
		clear:both;
	}

		body#startpagina #onderContact #onderContactMidden h1 {
			line-height:normal;
			margin:0px 0px 0px 20px;
		}
		
		body#startpagina #onderContact #onderContactMidden p {
			margin:10px 10px 0px 20px;
		}
	
	body#startpagina #onderContact #onderContactOnder {
		position:relative;
		background:url(../images/st-onder-onder-rechts.gif) no-repeat top right #f1f1f2;
		margin:0px 0px 0px 0px;
	}
/*---------------*/	
	body#startpagina #onderContact #rechtsContactTop {
		position:relative;
		background:url(../images/st-onder-top-rechts.gif) no-repeat top right #f1f1f2;
		margin:15px 0px 0px 0px;
	}
	
	body#startpagina #onderContact #rechtsContactMidden {
		position:relative;
		background:#f1f1f2;
		margin:0px;
		clear:both;
	}

		body#startpagina #onderContact #rechtsContactMidden h1 {
			line-height:normal;
			margin:0px 0px 0px 20px;
		}
		
		body#startpagina #onderContact #rechtsContactMidden p {
			margin:10px 10px 0px 20px;
		}
	
	body#startpagina #onderContact #rechtsContactOnder {
		position:relative;
		background:url(../images/st-onder-onder-rechts.gif) no-repeat top right #f1f1f2;
		margin:0px 0px 0px 0px;
	}

body#startpagina #onderRechts {
	margin:0px auto;
	padding:13px 0px 0px 28px;
	width:35%;
	float:left;
}

	body#startpagina #onderRechts h1{
		line-height:normal;
	}

	body#startpagina #onderRechts #onderLinksTop {
		position:relative;
		background:url(../images/st-onder-top-rechts.gif) no-repeat top right #f1f1f2;
		margin:0px;
	}
	
	body#startpagina #onderRechts #onderLinksMidden {
		position:relative;
		background:#f1f1f2;
		margin:0px;
		padding:0px 20px;
	}
	
		body#startpagina #onderRechts #onderLinksMidden p, body#product #tekstBlok p, body#product #proMid p#meekiLake, #proMid p#meekiSea, #proMid p#meekiOcean {
			padding:45px 0px 15px 66px; 
			margin:0px;
			border-bottom:1px solid #0085aa;
		}
		
		body#product #tekstBlok p, body#product #proMid p#meekiLake, #proMid p#meekiSea, #proMid p#meekiOcean {
			border:0px;
		}
		
			body#startpagina #onderRechts #onderLinksMidden p#meekiLake, p#meekiLake  {
				background:url(../images/logo-meeki-lake.gif) top left no-repeat;
				margin-top:10px
			}
			
			body#startpagina #onderRechts #onderLinksMidden p#meekiSea, p#meekiSea  {
				background:url(../images/logo-meeki-sea.gif) top left no-repeat;
				margin-top:10px
			}
			
			body#startpagina #onderRechts #onderLinksMidden p#meekiOcean, p#meekiOcean  {
				background:url(../images/logo-meeki-ocean.gif) top left no-repeat;
			}			
	
	body#startpagina #onderRechts #onderLinksOnder {
		position:relative;
		background:url(../images/st-onder-onder-rechts.gif) no-repeat top right #f1f1f2;
		margin:0px 0px 15px 0px;
	}

a.pakket {
	color:#000;
	text-decoration:none;
}

	a.pakket:hover {
		color:#0085aa;
		text-decoration:none;
	}

	a.pakket span {
		color:#0085aa;
		text-decoration:underline;
	}
	
		a.pakket:hover span {
			color:#000;
		}

/* Vervolg --------------------------------------------------- */

#midTop {
	position:relative;
	background:#FFF url(../images/mid-top-right.gif) top right no-repeat;
	margin:15px 35px 0px 35px;
}

#mid {
	position:relative;
	background:#FFF;
	margin:0px 35px 0px 35px;
	line-height:normal;
}

	#mid h1 {
		line-height:34px;
		margin:0px 35px 0px 20px;
	}

#midOnder {
	position:relative;
	background:#FFF url(../images/mid-onder-right.gif) top right no-repeat;
	margin:0px 35px 15px 35px;
}

#tekstBlokTop {
	position:relative;
	background:#0086aa url(../images/tekst-blok-rechts.gif) top right no-repeat;
	margin:15px 35px 0px 35px;
}

#tekstBlok {
	position:relative;
	background:#FFFFFF;
	margin:0px 35px 0px 35px;
	padding:10px 20px;
	z-index:1;
}

	#tekstBlok h1 {
		margin:10px 0px 20px 0px;
		padding:0px;
	}

	#tekstBlok p {
		margin:0px 0px 15px 0px;
	}
	
	#tekstBlok p.clear {
	}
	
		#tekstBlok ul {
			margin:3px 0px 8px 15px;
			padding:0px;
		}
		
			#tekstBlok ul li {
				list-style-position:outside;
			}
	
	#tekstBlok img.template1 {
		float:left;
		margin:0px 0px 0px 40px;
	}
	
	#tekstBlok img.template2 {
		float:right;
		margin:0px 0px 0px 40px;
	}

/* Producten --------------------------------------------------- */

#meekiLeft {
	width:50%;
	margin:0 35px 0 0;
	float:left;
}

#meekiRight {
	width:40%;
	clear:right;
}

.right {
	margin:0 0 0 10px;
}

#titelB {
	text-transform:uppercase;
	color:#0085aa;
}

#proMidTop {
	background:url(../images/pro-mid-top-rechts.gif) top right no-repeat #fff;
	margin:13px 35px 0px 35px;
}

#proMid {
	background:#FFF;
	margin:0px 35px;
}

	#proMid h1 {
		margin:0px;
		padding:0px 20px;
	}
	
	#proMid img {
		float:right;
		clear:both;
	}

	#proMid p {
		padding:10px 20px 10px 20px;
		margin:0px;
	}

	#proMid table a {
		cursor:pointer;
	}
	
/* ---------- */	
	
#proMid2 {
	background:#d4d800;
	margin:0px 35px;
	clear:both;
}

	#proMid2 p {
		padding:10px 20px 0px 20px;
		margin:0px;
	}
	
#proMidOnder {
	background:url(../images/pro-mid-onder-rechts.gif) top right no-repeat #d4d800;
	margin:0px 35px 13px 35px;
}
	
/* ---------- */	

h1#lake {
	color:#ffb800;
}
	
	h1#lake span {
		color:#ffb800;
	}

#proMid2-lake {
	background:#ffb800;
	margin:0px 35px;
	clear:both;
}

	#proMid2-lake p {
		padding:10px 20px 0px 20px;
		margin:0px;
	}
	
#proMidOnder-lake {
	background:url(../images/lake-mid-onder-rechts.gif) top right no-repeat #ffb800;
	margin:0px 35px 13px 35px;
}

/* ---------- */
	
h1#sea {
	color:#0086aa;
}
	
	h1#sea span {
		color:#0086aa;
	}

#proMid2-sea {
	background:#0086aa;
	margin:0px 35px;
	clear:both;
}

	#proMid2-sea p {
		padding:10px 20px 0px 20px;
		margin:0px;
		color:#FFFFFF;
	}
	
#proMidOnder-sea {
	background:url(../images/sea-mid-onder-rechts.gif) top right no-repeat #0086aa;
	margin:0px 35px 13px 35px;
}

/* ---------- */

h1#oce {
	color:#28488c;
}

	h1#oce span {
		color:#28488c;
	}
	
#proMid2-oce {
	background:#28488c;
	margin:0px 35px;
	clear:both;
}

	#proMid2-oce p {
		padding:10px 20px 0px 20px;
		margin:0px;
		color:#FFFFFF;
	}
	
#proMidOnder-oce {
	background:url(../images/oce-mid-onder-rechts.gif) top right no-repeat #28488c;
	margin:0px 35px 13px 35px;
}

/* ---------- */

	body#product #proMid div#meekiLake, #proMid div#meekiSea, #proMid div#meekiOcean {
		margin:0px 20px;
		padding:45px 0px 15px 66px;
	}
		
div#meekiLake  {
	background:url(../images/logo-meeki-lake.gif) top left no-repeat;
}

div#meekiSea  {
	background:url(../images/logo-meeki-sea.gif) top left no-repeat;
}

div#meekiOcean  {
	background:url(../images/logo-meeki-ocean.gif) top left no-repeat;
}

div#meekiLakeKl, div#meekiSeaKl, div#meekiOceanKl {
	padding:22px 0px 15px 39px;
	font-size:9px;
	width:169px;
	text-align:left;
}
		
div#meekiLakeKl  {
	background:url(../images/logo-meeki-lake-kl.gif) top left no-repeat;
}

div#meekiSeaKl  {
	background:url(../images/logo-meeki-sea-kl.gif) top left no-repeat;
}

div#meekiOceanKl  {
	background:url(../images/logo-meeki-ocean-kl.gif) top left no-repeat;
}

/* Productblad --------------------------------------------------- */

#midTopProductblad {
	position:relative;
	background:#0086aa url(../images/top-blok-rechts.gif) top right no-repeat;
	margin:15px 35px 0px 35px;
}

#productblad {
	position:relative;
	background:#FFF;
	margin:0px 35px 0px 35px;
	line-height:normal;
}

	#productblad h1 {
		line-height:34px;
		margin:0px 35px 0px 20px;
	}
	
	#productblad p {
		line-height:18px;
		margin:0px 35px 0px 20px;
	}
	
	#productblad table,  {
	}
	
		#product table td, #productblad table td, #productblad table td,{
			padding:4px 12px;
			border-right:1px solid #fff;
			border-bottom:1px solid #fff;
		}
		
		#product table td.titelproducten, #productblad table td.titelproducten {
			padding-top:8px;
		}
		
		#product table td.titel, #productblad table td.titel {
			background:#d4d800;
		}

		#product table td.titelLake, #productblad table td.titelLake {
			background:#f9b700;
		}

		#product table td.titelSea, #productblad table td.titelSea {
			background:#0086aa;
			color:#FFFFFF;
		}

		#product table td.titelOcean, #productblad table td.titelOcean {
			background:#28488a;
			color:#FFFFFF;
		}
		
/* Contact --------------------------------------------------- */

body#contact #midden {
	position:relative;
	background:url(../images/st-mid-rechts.gif) no-repeat top right #FFF;
	margin:13px 35px 13px 35px;
	padding:0px;
	height:175px;
}

	body#contact #midden img {
		text-align:left;
	}
	
	body#contact #midden p#teksttop {
		margin:0px 300px 0px 132px;
		padding:18px 0px 0px 0px; 
	}
	
	body#contact #midden h1 {
		margin:10px 396px 0px 0px;
	}
	
	body#contact #midden p#tekstonder {
		margin:10px 370px 0px 132px;
	}
	
	body#contact #tekstBlok p#left {
		float:right;
		width:50%;
		margin:0 3px 0 0;
	}
	
	body#contact #tekstBlok p#right {
		float:left;
		width:50%;
		margin:0 0 0 3px;
	}

input, textarea {
	font-size:10px;
	padding:3px;
	border:1px solid #d4d800;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

input.button {
	border:1px solid #ffb800;
	background:#d4d800;
	color:#000;
}


span.verplicht {
	font-size:10px;
	color:#f00;
}
	
/* Blokje contact -------------------------------------------- */

#contactblok{
	position:relative;
	width:45%;
	background:#0086aa url(../images/contact-right.gif) top right no-repeat;
	margin:0px 35px 15px 35px;
	line-height:normal;
	clear:both;
	font-size:11px;
	color:#000000;
	font-weight:bold;
}

	#contactblok p {
		margin:0px;
		padding:14px 0px 10px 0px;
	}
	
	#contactblok a {
		color:#FFFFFF;
	}
		
		#contactblok a:hover {
			color:#000000;
		}
	
		#contactblok a.self {
			text-decoration:none;
			font-weight:bold;
		}
		
			#contactblok a.self:hover {
				color:#000000;
			}
		
		#contactblok a.geen {
			text-decoration:none;
		}
		
			#contactblok a.geen:hover {
				color:#000000;
			}

/* Footer --------------------------------------------------- */

#footer{
	position:relative;
	background:#a0a4a1 url(../images/footer-right.gif) top right no-repeat;
	margin:0px 35px 5px 35px;
	font-size:10px;
	line-height:normal;
	clear:both;
}

	#footer p {
		margin:0px;
		padding:16px 0px 16px 0px;
	}
	
	#footer a {
		color:#000;
	}
		
		#footer a:hover {
			color:#c9cccc;
		}
	
		#footer a.self {
			text-decoration:none;
			font-weight:bold;
		}
		
			#footer a.self:hover {
				color:#000000;
			}
		
		#footer a.geen {
			text-decoration:none;
		}
		
			#footer a.geen:hover {
				color:#000000;
			}

#footer2 {
	position:relative;
	margin:0px 35px 15px 35px;
	padding:0 16px 15px 16px;
	font-size:9px;
	line-height:18px;
	clear:both;
	color:#808080;
}

	#footer2 a {
		color:#808080;
		text-decoration:none;
	}
		
		#footer2 a:hover {
			color:#666666;
		}