@charset "utf-8";

/* GENERAL */
body, html {margin:0; padding:0;}
body {background:#2d6d71 url(../images/bg.jpg) top repeat-x;}


/* DIVS */
#sun {width:297px; height:193px; position:absolute; top:0; left:0; background: url(../images/sun.jpg) no-repeat; z-index:-4;}
#waterlight {width:560px; height:453px; background:url(../images/waterlight.jpg) no-repeat; position:absolute; top:194px; left:0; z-index:-8;}
#content_flash {width:885px; height:450px; position:relative;}
#fish1 {width:144px; height:206px; margin:5px 0 0 0; float:left;}
/* #fish2 {width:144px; height:140px; margin:-140px 0 0 0; padding-right:42px; float:right; z-index:8;} */
#bubbles2 {width:208px; height:450px; margin:0px 58px 0 0 !important; margin-right:29px; float:right;}
#container {width:885px; margin:0 auto; z-index:0; position:relative; padding-bottom:20px;}
#header {width:885px; height:148px; margin-top:45px; background: url(../images/header_bg.jpg) center repeat-y;}
#logo {width:175px; height:95px; float:left; margin-top:24px;}
#menu {width:570px; height:95px; float:left; margin:24px 0 0 14px;}
#slogan {width:405px; height:70px;}
#menuline {width:580px; height:28px;}
#menulist {width:480px; height:28px; float:left;}
#language {width:70px; height:28px; float:right; color:#2c6d71;}
#package {width:175px; height:138px; background: url(../images/package.jpg) no-repeat; float:right; margin:-193px 104px 0 0 !important; margin-right:52px;}
#package_fr {width:175px; height:138px; background: url(../images/package_fr.jpg) no-repeat; float:right; margin:-193px 104px 0 0 !important; margin-right:52px;}
#title {width:885px; height:85px; background: url(../images/title_bg.jpg) center no-repeat; margin-top:-450px;}
#content {width:885px; background: url(../images/content_bg.jpg) center repeat-y;}
#content_text {width:480px; margin-left:145px; padding-bottom:10px;} 
#footer {width:885px; background: url(../images/footer_bg.jpg) center repeat-y; clear:both; margin-bottom:60px}
#water {width:100%; position:absolute; top:178px; height:60px; background: url(../images/water2.png) no-repeat;}
#corals {width:100%; height:236px; position:fixed; z-index:-6; bottom:50px;overflow:hidden}
#corals1 {float:left; width:447px; height:236px; background: url(../images/corals.png) no-repeat;}
#corals2 {float:right; width:512px; height:236px; background: url(../images/corals2.png) no-repeat;}
img{border:0}
#content p.footnote{
	color:#6e8598;
	font-size: 11px;
}

#deepblue {
position: absolute; right: 0; bottom: 0;
height: 50px;
width: 100%;
background-color: #333;
border-top:1px solid #424242;
margin: 0 auto;
}

body > div#deepblue {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}




#deepblue p{
color: #fff;
text-align: center;
font: 11px/18px arial, sans-serif;
padding: 5px;
margin: 0;
}
#video {width:448px; height:252px; margin:0 0 20px 0;}

#content_text p {padding:6px 0 16px 0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3c6896; line-height:20px;}
#footer p {margin:0; color:#e3e7e8; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; margin:0 0 0 144px !important; margin-left:72px; padding:20px 0 20px; /*width:480px;*/ width:600px; float:left;}
#footer p a {color:#e3e7e8; }
#title h1 {font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:300; color:#33788e; margin:0 0 0 144px; padding:48px 0 0;}
#content h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:300; color:#33788e; margin:0px; padding:15px 0 6px; font-weight:600;}


#menulist ul {margin:0; padding:0; display:inline; list-style:none; height:28px; width:570px;}
#menulist li {margin:0; padding:0; float:left; margin-right:7px; line-height:24px; height:24px;}

#content ul {margin-top:6px; margin-bottom:20px; margin-left:15px; padding:0; list-style:none;}
#content li {
	margin:0;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3c6896;
	list-style-type: disc;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

#menulist em {display:none; visibility:hidden; font-size:10px; line-height:12px;}

/* MENU NL */
#menulist a.opgeblazen, #menulink a.opgeblazen:visited {width:112px; height:24px; background: url(../images/menu_opgeblazen.jpg) top left; display:block; text-decoration:none;}
#menulist a.opgeblazen:hover, .opgeblazen #menulist a.opgeblazen {width:112px; height:24px; background: url(../images/menu_opgeblazen.jpg) bottom left; text-decoration:none;}
#menulist a.oplossing, #menulink a.oplossing:visited {width:68px; height:24px; background: url(../images/menu_oplossing.jpg) top left; display:block; text-decoration:none;}
#menulist a.oplossing:hover, .oplossing #menulist a.oplossing {width:68px; height:24px; background: url(../images/menu_oplossing.jpg) bottom left; text-decoration:none;}
#menulist a.tips, #menulink a.tips:visited {width:85px; height:24px; background: url(../images/menu_tips.jpg) top left; display:block; text-decoration:none;}
#menulist a.tips:hover, .tips #menulist a.tips {width:85px; height:24px; background: url(../images/menu_tips.jpg) bottom left; text-decoration:none;}
#menulist a.demo, #menulink a.demo:visited {width:44px; height:24px; background: url(../images/menu_demo.jpg) top left; display:block; text-decoration:none;}
#menulist a.demo:hover, .demo #menulist a.demo {width:44px; height:24px; background: url(../images/menu_demo.jpg) bottom left; text-decoration:none;}
#menulist a.tvspot, #menulink a.tvspot:visited {width:52px; height:24px; background: url(../images/menu_tvspot.jpg) top left; display:block; text-decoration:none;}
#menulist a.tvspot:hover, .tvspot #menulist a.tvspot {width:52px; height:24px; background: url(../images/menu_tvspot.jpg) bottom left; text-decoration:none;}

/* MENU FR */
#menulist a.ballonnements, #menulink a.ballonnements:visited {width:97px; height:24px; background: url(../images/menu_ballonnements.jpg) top left; display:block; text-decoration:none;}
#menulist a.ballonnements:hover, .ballonnements #menulist a.ballonnements {width:97px; height:24px; background: url(../images/menu_ballonnements.jpg) bottom left; text-decoration:none;}
#menulist a.solution, #menulink a.solution:visited {width:75px; height:24px; background: url(../images/menu_solution.jpg) top left; display:block; text-decoration:none;}
#menulist a.solution:hover, .solution #menulist a.solution {width:75px; height:24px; background: url(../images/menu_solution.jpg) bottom left; text-decoration:none;}
#menulist a.conseils, #menulink a.conseils:visited {width:103px; height:24px; background: url(../images/menu_conseils.jpg) top left; display:block; text-decoration:none;}
#menulist a.conseils:hover, .conseils #menulist a.conseils {width:103px; height:24px; background: url(../images/menu_conseils.jpg) bottom left; text-decoration:none;}
#menulist a.demo2, #menulink a.demo2:visited {width:86px; height:24px; background: url(../images/menu_demo2.jpg) top left; display:block; text-decoration:none;}
#menulist a.demo2:hover, .demo2 #menulist a.demo2 {width:86px; height:24px; background: url(../images/menu_demo2.jpg) bottom left; text-decoration:none;}
#menulist a.spottv, #menulink a.spottv:visited {width:53px; height:24px; background: url(../images/menu_spottv.jpg) top left; display:block; text-decoration:none;}
#menulist a.spottv:hover, .spottv #menulist a.spottv {width:53px; height:24px; background: url(../images/menu_spottv.jpg) bottom left; text-decoration:none;}

#language a.nl, #language a.nl:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2c6d71;}
#language a.nl:hover, .nl #language a.nl {color:#f67620; text-decoration:none;}
#language a.fr, #language a.fr:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2c6d71;}
#language a.fr:hover, .fr #language a.fr {color:#f67620; text-decoration:none;}

.mcneil {width:108px; height:57px; margin:0 125px 0 0; padding:20px 0 0; float:right;}
.clear {clear:both;}
#content_text span {width:100px; height:75px; display:block; float:left; padding:5px; margin:4px 10px 0px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ae2627; text-align:center; line-height:18px; }
#container #content #content_text a {
	color: #33577B;
}
.tipstext {padding-left:120px !important;}

#content_text .date_nl, #content_text .date_fr {display:inline !important; height:20px !important; width:auto !important; float:none !important; padding:0 !important; margin:0 !important; color:#3c6896 !important; font-size:12px !important;}