@charset "utf-8";

* {margin:0; padding:0; text-align:left;}
html {background: #ffffff url('../img/bk.jpg') repeat-x top center;} 
body {background: url('none') no-repeat top center; text-align:center; margin-bottom:0px; color:#444; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif}
a, a:visited, a img { border:none; color:#000; text-decoration:underline; }
.wrap { width:950px; margin:0 auto; }
table, p { margin-bottom:8px; }
.clear { clear:both; }
.resalta {color: #CC0000;}
.clearline{clear:both; /*border-top:1px solid #dedede; */ margin:20px 0;}

#header { background: url('../img/aqua-header.jpg'); width:100%; height:108px; border-bottom: 1px solid #ffffff; }
.logo { float:left; background:url('none') no-repeat; text-align:left; width:236px; height:80px }
.logo h1 span { display:none; margin:0; }
#banner { background:#CE0303 url('../img/back-banner.png'); height:328px; border-top:3px solid #ffffff; clear:both }
.bannerflash { width:650px; height:327px; float:left; }
.bannernews { width:375px; float:right; padding: 13px 18px 13px 0;}
.bannernews h3 {color:#FFF; font:bold 14px/17px Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; border-bottom:3px solid #9c3b3b; padding-bottom:4px; margin:0; }
.bannernews h4 { font:bold 13px/15px Arial, Helvetica, sans-serif; color:#FFFFFF; }
.bannernews ul { list-style:none; margin:0; margin-bottom:15px; }
.bannernews ul li { border-bottom:1px solid #b95353; color:#d08787; padding:8px 0 8px 5px;  }
.bannernews ul li a, .bannernews ul li a:visited {line-height:16px; color:#FFF; text-decoration:none; margin:0; }
.bannernews ul li a:hover{ color:#FFFFFF; margin:0; }
.bannernews .on { background:#710404; }
.bannernews a { color:#FFFFFF;  }
.bannernews a:hover { color:#d08787;  }
.content { background:#FFF url('../img/bk-content.png') repeat-x; padding-left:10px; padding-right:15px; padding-top:30px; padding-bottom:0px }
.module { margin:7px 0; }
.galleryvid { width:150px; float:left; margin:0 12px 12px 0; background-color:#EEE; }
.galleryvid p { margin:0; padding:4px; }
.gallerypic { background-color:#F2F2F2; float:left; margin:0 10px 10px 0; }
.pleca-titulos { background:url('../img/pleca.png'); border-top:1px solid #820000; border-bottom:1px solid #590101; clear:both; width:950px; height:74px }
.pleca-generic { background:#9e0000 url('../img/bk-pleca-generic.png') repeat-x; border-top:1px solid #820000; border-bottom:1px solid #590101; clear:both; width:950px; height:74px }

ul#nav {width:950px; z-index:101; height:28px;	display:block; background:#ffffff url('none') repeat-x; line-height:28px; list-style-type:none; border-bottom:1px solid #ffffff;}
ul#nav li a {display: block; color:#666666; text-decoration:none; text-align:center;}
ul#nav li a:hover, ul#nav li:hover {background-color:#f5f5f5;}
ul#nav li {	float: left; /*width:90px;*/} 
ul#nav li a.active, #menu2 li a.active{	color: #fff; background-color: #f3901d;	}
ul#nav li ul { position: absolute; left: -999em; background-color:#eee;	width: 165px; list-style: none;}
ul#nav li li { width: 157px; float:left; line-height:30px; border-right:none; }
ul#nav li li a {width:157px; color:#555; text-decoration:none; text-align:left; padding-left:8px; display:block; }
ul#nav li li a:hover {color:#FFF; background-color:#f3901d; }
ul#nav li:hover ul {left: auto; }
ul#nav li:hover ul, #nav li.sfhover ul {left: auto; }

.widecol a:hover, .narrowcol a:hover { color:#cc0000; }
.widecol { float:right; width:720px; }
.widecol h1 { background:url('../img/bullet-h1.png') no-repeat 0 8px; padding-left:10px; color:#333; margin-bottom:4px; font-style:normal; font-variant:normal; font-weight:bold; line-height:29px; font-size:26px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif }
.widecol h2 { font:bold 18px/22px Arial, Helvetica, sans-serif; color:#cc0000; margin-bottom:10px; }
.widecol h3{ color: #f3901d; font-size: 2.0em;	font-weight: normal;	line-height: 1em;	margin-bottom: 10px;}
.widecol h4{ color: #f3901d; font-size: 1.5em;	font-weight: normal;	line-height: 1em;	margin-bottom: 10px;}

.widecol p { line-height:17px; }
.widecol ul { list-style:none; margin:0 0 13px 10px; }
.widecol ul li { padding-bottom:1px; background:url('../img/bullet2.png') no-repeat 0 3px; padding-left:15px; line-height:17px }
.widecol ol{ margin:0 0 20px 10px; }
.widecol ol li {margin-left:15px; padding-top:10px; line-height:17px;}
.widecol th, .widecol td, .narrowcol th, .narrowcol td { font:normal 12px Arial, Verdana, Helvetica, sans-serif; text-align:left; vertical-align: top; color:#333333; padding: 6px; /*border-bottom: 1px solid #dedede; border-right: 1px solid #dedede;*/}
.widecol table, .narrowcol table {/*border-left: 1px solid #dedede; border-bottom: 1px solid #dedede;*/ margin-bottom:13px; border-collapse:collapse;}
.widecol th, .narrowcol th { color:#FFF; text-align:left; padding:7px; /*border-top: 1px solid #CCC; border-right: 1px solid #CCC;*/ background: url('../img/bk-table-th.png') repeat-x;; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif}

.narrowcol {float:left; width:180px; }
.narrowcol h3 {color:#cc0000; font:bold 14px/17px Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; border-bottom:3px solid #d0d0d0; padding-bottom:4px; margin:0; }
.narrowcol ul { list-style:none; margin:0; margin-bottom:15px; }
.narrowcol ul li { border-bottom:1px solid #e6e6e6; }
.narrowcol ul li a, .narrowcol ul li a:visited{display:block; line-height:16px; width:160px; color:#333; text-decoration:none; background:url('../img/bullet3-gris.png') no-repeat 3px 8px; margin:0; padding-left:20px; padding-right:0; padding-top:5px; padding-bottom:5px }
.narrowcol ul li a:hover{ background:#efefef url('../img/bullet3.png') no-repeat 3px 8px; margin:0 }
.narrowcol .alert { background:#eeeeee url('../img/alert-icon.png') no-repeat 8px 50%; color:#555555; border:1px solid #d2d2d2; margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px; padding-left:62px; padding-right:5px; padding-top:10px; padding-bottom:10px }
.narrowcol .alert p { margin-bottom:0; }
.narrowcol .alert a { color:#000; }

#footer {margin-top:10px; font-size:11px; padding-left:30px; height:60px; line-height:60px; background:url('../img/mr-aqua-footer.gif') no-repeat; color:#aaa }
#footer a { color:#FFF; }

.pic {float: right;	padding: 3px; margin: 4px 0px 5px 10px; /* border:1px solid #D2D2D2; */}
.picleft {float: left;	margin: 0 0 10px 5px; /* border:1px solid #D2D2D2; */}
.picgaleria { float: left; padding: 3px; background-color: #cee7f8; margin: 4px 7px 5px 0px;}




/* extra list */
#content div.services {	width: 120px; float: left; padding: 0 0 0 10px; }
#content div.services h3 { font-size: 17px "Times New Roman", Times, serif; font-weight: normal; color: #993300; margin: 0 0 10px 0; }
#content div.services ul { clear:both; list-style: none; margin-bottom:10px; }
#content div.services ul li { font-size: 12px; color: #43241E; padding: 2px 0 2px 20px; background: url('../img/bullet2.png') no-repeat 0 50%; }
#content div.services ul li a { padding-bottom: 0; color: #43241E; text-decoration: none; border-bottom: 1px solid #CBC3C1; }
#content div.services h3 a { padding-bottom: 0; color: #993300; text-decoration: none; border-bottom: 1px solid #CBC3C1; }
#content div.services ul li a:hover, #content div.services h3 a:hover { padding-bottom: 0; color: #993300; border-bottom: 1px solid #993300; }

#content div.services-home {	width: 190px; float: left; padding: 0 0 0 20px; }
#content div.services-home h3 { font-size: 17px "Times New Roman", Times, serif; font-weight: normal; color: #993300; margin: 0 0 10px 0; }
#content div.services-home ul { clear:both; list-style: none; margin-bottom:10px; }
#content div.services-home ul li { font-size: 12px; color: #43241E; padding: 2px 0 2px 20px; background: url('../img/blt_arrow.gif') no-repeat 0 50%; }
#content div.services-home ul li a { padding-bottom: 0; color: #43241E; text-decoration: none; border-bottom: 1px solid #CBC3C1; }
#content div.services-home h3 a { padding-bottom: 0; color: #993300; text-decoration: none; border-bottom: 1px solid #CBC3C1; }
#content div.serviceshome ul li a:hover, #content div.services h3 a:hover { padding-bottom: 0; color: #993300; border-bottom: 1px solid #993300; }





/*overige*/ 
#home_item {width:220px; float:left;}
#home_item_txt {width: 220px; margin-right:10px; line-height:20px; min-width:10px; float:left;	text-align:left;}
.home_item2 ul { list-style:none; margin:0; margin-bottom:0px; }
.home_item2 ul li { padding-bottom:1px; background:url('../img/bullet2.png') no-repeat 0 3px; padding-left:15px; line-height:17px }


/* producten rasters */
.een { background: url('../img/aanbieder-1.gif') no-repeat top right; width:660px; height:100%; margin-bottom:15px; }
.twee { background: url('../img/aanbieder-2.gif') no-repeat top right; width:660px; height:100%; margin-bottom:15px; }
.drie { background: url('../img/aanbieder-3.gif') no-repeat top right; width:660px; height:100%; margin-bottom:15px; }
.vier { background: url('../img/aanbieder-4.gif') no-repeat top right; width:660px; height:100%; margin-bottom:15px; }
.vijf { background: url('../img/aanbieder-5.gif') no-repeat top right; width:660px; height:100%; margin-bottom:15px; }
.zes { background: url('../img/aanbieder-6.gif') no-repeat top right; width:660px; height:100%; margin-bottom:15px; }
.zeven { background: url('../img/aanbieder-7.gif') no-repeat top right; width:660px; height:100%; margin-bottom:15px; }
.acht { background: url('../img/aanbieder-8.gif') no-repeat top right; width:660px; height:100%; margin-bottom:15px; }
.negen { background: url('../img/aanbieder-9.gif') no-repeat top right; width:660px; height:100%; margin-bottom:15px; }
.txtintro { width:350px; margin-left:30px; padding-top:38px; }
.aanb { width:500px; margin-left:15px; padding-top:30px; }

/*Contact Form*/

#myform {margin: 5px 0 0 0;}
#myform p.row { padding: 1px 15px; margin: 0; }
#myform p.info { border-top: 2px solid #F0EFE6; color: #CEBD07;  font-size: 0.92em; }
#myform p.submit { padding: 0 15px 10px 15px;  }
#myform p span.required { margin-left: 10px; color: #f3901d; }
#myform label { float: left; color: #000; font-weight: bold; width: 220px; }
#myform input.text { width: 218px; }
#myform input.radio { margin-left: 190px; }
#myform textarea { width: 400px; height: 130px; }
#myform select { width: 225px; }
#myform p.submit { padding-left: 205px; padding-top:10px;}
#myform p.submit input { display: block; overflow: hidden; color: #fff; width: 49px; height: 19px; padding: 0; border: 0; background: url(none) 0 0 no-repeat; text-transform: uppercase; font-size: 0.83em; text-indent: -1001em;  cursor: pointer; }
#captcha-input { padding-left: 205px; }
#myform-other{display:none;}
#myform-specify{display:none;}


/* --- Einde Downloads --- */

span.sup{ vertical-align: super; font-size:10px; }
span.sub{ vertical-align: sub; font-size:.83em; }
/* --- Reverenties -- */

/*-- HOME PAGE FEATURED PROJECTS --*/
.homeProjectsHolder {float: left; display: inline; width: 100%; padding: 0px 0 5px 0; margin: 0; border-bottom: text-align: center;}

.homeProjectsArea {position: relative; float: none; width: 100%; margin: 0 auto; text-align: left;}
	.homeProjectsArea h2 {text-indent: -9000px; line-height: 1em; height: 10px; background: url(none) top left no-repeat; font-size: 11px; margin: 0 0 10px 0;}

.homeProject {position: relative; float: left; display: inline; height: 100px; width: 160px; margin: 0 20px 0 0;}
	.homeProject img {margin: 0 0 10px 0; border: 0;}
	.homeProject h5 {font-size: 11px; line-height: 1.5em; margin: -5px 5px 5px 5px;}
	.homeProject p {line-height: 1.5em; margin: -5px 5px 0 5px;}

.homeProjectEnd {position: relative; float: left; display: inline; width: 150px; margin: 0;}
	.homeProjectEnd img {margin: 0 0 10px 0; border: 0;}
	.homeProjectEnd h5 {font-size: 11px; line-height: 1.5em; margin: -5px 5px 5px 5px;}
	.homeProjectEnd p {line-height: 1.5em; margin: -5px 5px 0 5px;}
	

h5.link2{
	font-size:13px;
	font-weight:600;
	padding:5px 0;
}

.link2 a{
	color:#ED5C33;
	padding-left:20px;
	background:url('../img/arrowOrange.gif') no-repeat left center;
	text-decoration:none
}

.link2 a:hover{
	color:#2F658A;
	background:url('../img/arrowBlue.gif') no-repeat left center;
	text-decoration:none
}

#youtube_zone {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding-left: 360px;
	padding-top: 10px;
	padding-bottom: 15px;
	background-image: url("../img/yt-bg.jpg");
	background-repeat: no-repeat;
}


/* ---------------------- flessen -------------------------------------*/
#water-flessen-soorten li { background:none; }
#water-flessen-soorten #fles-10liter, #water-flessen-soorten #fles-5gallon { background:url(../img/back-bottles.png) 0 0 no-repeat; }
.title_strong { color:#003366; }

#water-flessen-soorten .specs li { background:url(../img/icons--f.png) no-repeat; color:#1f5c99; }
#water-flessen-soorten .specs li strong { color:#004d99; }
#water-flessen-soorten .specs .weight { background-position:0 -418px; }
#overview_cooler #cooler_bullets li, #water-flessen-soorten .bullets li { border-bottom:1px solid #00264d; color:#003366; }
#overview_cooler #cooler_bullets li a { color:#003366; }

#fles-10liter .specs .height { background-position:3px -461px;}
#fles-10liter .specs .diameter { background-position:3px -501px;}
#fles-5gallon .specs .height { background-position:3px -541px;}
#fles-5gallon .specs .diameter { background-position:3px -581px;}

#verpakking_vergelijking { background:url('../img/water-verpakking-vergelijking.jpg') no-repeat 0 0; }
#verpakking_vergelijking { color:#297ACC; }

#verpakking_vergelijking .cell-1 li { background:none; }

#water-flessen-soorten .new { background:url('../img/new-label.png') no-repeat; }
#water-flessen-soorten h3 em, #flessen-soorten .note { color:#1f5c99; }


#water-flessen-soorten, #flessen-soorten, #flessen-milieu, #flessen-specs, #flessen-comfort { width:720px; overflow:hidden; }
#water-flessen-soorten li { width:720px; height:400px; overflow:hidden; float:left; padding:0; margin:0 0 10px; position:relative; }
#water-flessen-soorten li h3 { margin:20px 15px 18px; }
#flessen-soorten .note { text-align:left; }

#water-flessen-soorten .bullets { width:381px; height:266px; float:none; margin:0 -5px; padding:0; display:block; position:absolute; right:0; top:74px; }
#water-flessen-soorten .bullets ul { width:350px; margin:0; padding:0; overflow:hidden; position:absolute; top:0; right:15px; height:243px;  }
#water-flessen-soorten .bullets li { padding:0; height:18px; width:230px; position:absolute; top:0; overflow:visible; margin:0; }
#water-flessen-soorten .bullets li span { display:block; position:absolute; right:0; padding:0 0 0 5px; height:auto; width:170px; line-height:16px; text-align:left;  } 
#water-flessen-soorten .bullets li span { width:167px; }
#fles-10liter .bullets .dopsel { top:4px; left:93px; width:70px;}
#fles-10liter .bullets .handvat { top:52px; left:93px; width:70px}
#fles-10liter .bullets .vorm { top:100px; left:113px; width:50px}
#fles-10liter .bullets .uv { top:171px; left:113px; width:50px}
#fles-10liter .bullets .dopsel span { height:48px; top:-6px; left:70px;}
#fles-10liter .bullets .handvat span { height:16px; top:8px; left:70px; }
#fles-10liter .bullets .vorm span { height:48px; top:-6px; left:50px; }
#fles-10liter .bullets .uv span { height:32px; top:0px; left:50px; }

#fles-5gallon .bullets .dopsel {  top:0; left:93px; width:70px;}
#fles-5gallon .bullets .vorm { top:100px; left:113px; width:50px}
#fles-5gallon .bullets .uv { top:171px; left:113px; width:50px}
#fles-5gallon .bullets .dopsel span { height:48px; top:-4px; left:73px;}
#fles-5gallon .bullets .vorm span { height:48px; top:-6px; left:53px; }
#fles-5gallon .bullets .uv span { height:32px; top:0px; left:53px; }


#water-flessen-soorten .bullets .image_holder { width:205px; height:266px; padding:0; margin:0; position:absolute; top:0; left:0;  } 


#water-flessen-soorten li ul { width:350px; overflow:hidden; float:left; }
#water-flessen-soorten li li { width:58px; margin:0 10px; padding:6px 5px 6px 33px; height:30px; }
#water-flessen-soorten .summary { width:340px; margin:35px 25px;  } 
#water-flessen-soorten .weight { width:53px; margin:0 10px; padding:6px 5px 6px 35px; }
#water-flessen-soorten .new { position:absolute; right:-9999px; }

#water-flessen-soorten .colors { width:340px; padding:18px 0; margin:0 10px; overflow:hidden; float:left; clear:left; display:inline; }  
#water-flessen-soorten .colors ul { position:absolute; left:-9999px; }  
#water-flessen-soorten .colors li { width:160px; margin:0 10px; padding:0; }

#water-flessen-soorten .colors .colors-image { width:300px; padding:0 20px; height:100px; margin:-1px 0 0; float:left; display:inline; }  

#water-flessen-soorten .specs { position:absolute; bottom:15px; right:0; display:block; height:42px; width:360px; padding:0; }
#water-flessen-soorten .specs strong{ display:block; } 
.compatibility { width:340px; position:absolute; bottom:15px; left:50px; height:42px; padding:0 10px; }
.compatibility h4 { position:absolute; left:-9999px; }
.compatibility p { height:18px; padding:12px 5px;}
.lang_fr .compatibility p { height:32px; padding:5px 5px; line-height:16px;}


#content #flessen-milieu .image_holder { margin:0; z-index:10; position:relative; }
#flessen-milieu p { width:470px; }

#verpakking_vergelijking { width:720px; z-index:0; position:relative; margin-bottom:18px; }
#verpakking_vergelijking td, #verpakking_vergelijking th { vertical-align:top; padding:0; }
#verpakking_vergelijking div { width:230px; height:187px; padding:5px; position:relative; }
#verpakking_vergelijking #compare_5g div { height:186px; }
#headers_compare div { height:172px; }
#verpakking_vergelijking ul { width:230px; margin:22px 0 0; padding:0; }
#verpakking_vergelijking li { width:210px; margin:0; padding:0 10px; background:none; }
#verpakking_vergelijking .contains { margin-top:18px; }
#verpakking_vergelijking .durability { width:147px; }
#verpakking_vergelijking .durability span { position:absolute; left:-9999px; }
#flessen-vergelijking h3 { margin:9px 5px 9px; }
#verpakking_vergelijking h3 { margin:0; padding:0 10px; height:32px; line-height:32px; }
#verpakking_vergelijking .calculate_compare { position:absolute; top:108px; left:10px; text-align:center; padding:0; width:220px; }
#verpakking_vergelijking .cell-1 .calculate_compare { top:108px; text-align:left; width:190px; left:25px; }
#compare_10l .cell-1 .calculate_compare { top:112px; }
#compare_10l .calculate_compare { top:112px; }
#verpakking_vergelijking .calculate_compare strong { display:block; }
#verpakking_vergelijking .calc_material { top:152px; text-align:center; padding:0; position:absolute; left:10px; width:220px; }
#compare_10l .calc_material { top:156px; }
#verpakking_vergelijking .cell-1 .calc_material { text-align:left; left:25px; width:190px; }
#verpakking_vergelijking .intro_compare { position:absolute; top:52px; left:15px; padding:0; width:162px; }
#compare_10l .intro_compare { top:56px; }
#verpakking_vergelijking .intro_compare strong { display:block; }

#flessen-comfort #service_depots, #waterlevering-extra-value #service_depots {  width:240px; margin:18px 0 0 5px; padding:0; float:right; display:inline; height:216px; position:relative;}

#page-water-flessen .image_holder { width:240px; position:relative; overflow:hidden; }
#page-water-flessen .image_holder img { position:absolute; top:0; left:0; }

#page-water-flessen #flessen_img1 { height:280px; }
#page-water-flessen #flessen_img1 img { top:-840px; left:-240px; }
#page-water-flessen #flessen_img2, #page-water-flessen #flessen_img4 { width:205px; height:265px;}
#page-water-flessen #flessen_img2 img { top:-575px;}
#page-water-flessen #flessen_img4 img { top:-575px; left:-205px;}
#page-water-flessen #flessen_img3 { width:213px; height:125px; position:relative; overflow:hidden; padding:0; margin:-1px 20px 0;}
#page-water-flessen #flessen_img3 img { top:-575px; left:-410px; position:absolute; }
#page-water-flessen #flessen_img5 { height:202px;}
#page-water-flessen #flessen_img5 img { top:-700px; left:-480px;}
#page-water-flessen #flessen_img6 { height:234px;}
#page-water-flessen.lang_en #flessen_img6 { height:234px; margin-top:-18px;}
#page-water-flessen #flessen_img6 img { top:-840px; left:0;}


.bottom-links           { float: left;margin-bottom:30px; }
ul.sub-links 					{ float: left;padding-right:20px;}
.sub-links						{ text-align:left;text-decoration:none;}
.sub-links h4, .footer-right h4	{ text-align:left;font-size:18px;line-height:55px;}
.sub-links li					{ height:34px;width:170px; list-style:none;}
.sub-links li a					{ color:#2f2f2e;padding:7px 0 6px 30px;display:block;background:url("none") no-repeat top left;font-size:14px; text-decoration:none;}
.sub-links li a:hover			{ background:#e7e7e7 url("none") no-repeat 0px -33px;text-decoration:none;}
.sub-links .title, .sub-links .title h4 {background:none;height:45px;}