@charset "utf-8";
/* CSS Document */

/*****************************************************************************
GLOBAL RESETS / ESSENTIAL STYLING
*****************************************************************************/

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;
	background: transparent;
}

body {
    background-color: #fff;
	text-align:center;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	color: #7f8f9b;
	background: url(../images/background1.jpg) top center no-repeat #7f8f9b;
	background-attachment:fixed;
}

.windsurfing {
    background-color: #fff;
	text-align:center;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	color: #afc0d4;
	background: url(../images/background2.jpg) top center no-repeat #afc0d4;
	background-attachment:fixed;
}

.surfing {
    background-color: #fff;
	text-align:center;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	color: #7f8f9b;
	background: url(../images/background1.jpg) top center no-repeat #7f8f9b;
	background-attachment:fixed;
}

.diving {
    background-color: #fff;
	text-align:center;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	color: #1d7ec3;
	background: url(../images/background3.jpg) top center no-repeat #1d7ec3;
	background-attachment:fixed;
}

.boating {
    background-color: #fff;
	text-align:center;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	color: #05090a;
	background: url(../images/background5.jpg) top center no-repeat #05090a;
	background-attachment:fixed;
}

a {
	color:#141f4d;
	font-weight: bold;
}

h1 {
	font-size: 22px;
}

h2 {
	font-size: 17px;
	padding: 5px 0 10px 260px;
	color: #fff;
}

h3 {
	color: #fff;
	font-weight: normal;
	font-size: 30px;
	padding: 5px 0 0 0;
}

/*****************************************************************************
SITE ELEMENTS
*****************************************************************************/

.wrapper {
	background: url(../images/background_lines.png) 0px 0px repeat-x;
	height: 174px;
}	

#main_content {
	width: 1010px;
	text-align: left; 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}


/*****************************************************************************
NAVIGATION
*****************************************************************************/

#header {
	width: 1010px;
	height: 124px;
	text-align: left; 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	background: url(../images/logo.png) center 7px no-repeat;  
}

#header:hover {
  background: url(../images/logo.png) center -109px no-repeat;
}
/*****************************************************************************
BREADCRUMB
*****************************************************************************/

#breadcrumb_content {
	width: 100%;
	text-align: left; 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}

#breadcrumb {
	padding: 15px 0 5px 0;
	font-size: 12px;
	float: left;
	width: 100%;
}

#breadcrumb li {
     display: inline;
	 list-style:none;
	 color: #fff;
}

#breadcrumb li a{
     text-decoration: none;
	 color: #fff;
}

#breadcrumb li a:hover{
     text-decoration: underline;
}


















/*****************************************************************************
HOMPAGE LEFT CONTENT
*****************************************************************************/

.left_bubble {
	background: url(../images/bubblel.png) no-repeat right;
	height: 243px;
	width: 332px;
	float: left;
	padding: 0 0 0 40px;
	border: 1px solid red;
}

.left_bubble p {
	padding: 75px 0 0 45px;
	width: 210px;
	text-align: left;
}

.left_main {
	font-size: 20px;
	width: 510px;
	line-height: 1.5em;
	float: left;
	padding-top: 170px;
}

.introduction_pic {
	float: right;
	width: 80px;
	padding-right: 135px;
}

.introduction {
	float: left;
	color: #fff;
	padding-bottom: 10px;
}

.introduction_holder {
	width: 100%;
	float: left;
}

.introduction_copy {
	width: 510px;
	float: left;
	font-size: 20px;
	width: 510px;
	line-height: 1.5em;
	float: left;
	padding: 0 0 10px 0;
}

.introduction_copy p {
	float: left;
	padding: 0 20px 0 20px;
	margin: 1px 0 1px 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #141f4d;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}

.introduction_ad {
	width: 120px;
	padding: 5px 0 0 0;
	float: left;
}

.whats_new {
	width: 380px;
	padding: 0 10px 0 0;
	float: right;
}

.news_title {
	font-size: 22px;
	color:#ffffff;
	float: left;
	width: 290px;
	padding: 0 0 10px 20px;
	text-align: left;
}

.news_article {
	width: 390px;
	float: left;
	background: url(../images/whats_new.png) no-repeat;
	height: 84px;
	padding: 0 0 20px 0;
}

.article img {
	padding: 0 10px 0 20px;
	float: left;
}

.article p {
	width: 255px;
	float: right;
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
	color:#ffffff;
	padding: 10px 15px 0 0;

}

.article_button {
	float: right;
	width: 273px;
}

.article_button a {
	text-decoration:none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color:#ffffff;
	padding-left: 15px;
	background: url(../images/buttons/button_norm.gif) left no-repeat;
}

.article_button :hover {
	text-decoration: none;
	display: block;
	color:#c0e9ff;
	padding-left: 15px;
	background: url(../images/buttons/button_hover.gif) left no-repeat;
}

.competition_article {
	width: 370px;
	float: right;
	background: url(../images/competition_background.png) no-repeat;
	height: 283px;
}


.competition_title {
	font-size: 22px;
	color:#ffffff;
	float: left;
	width: 290px;
	padding: 10px 0 0 20px;
	text-align: left;
}

.competition_message {
	float: left;
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
	color:#ffffff;
	width: 290px;
	padding: 10px 10px 10px 20px;
}

ol.competition_answer {
	float: left;
	font-size: 14px;
	line-height: 19px;
	color:#ffffff;
	width: 160px;
	padding: 4px 5px 0 40px;
}

ol.competition_answers {
	float: left;
	font-size: 14px;
	line-height: 19px;
	color:#ffffff;
	width: 160px;
	line-height: 22px;
	padding: 0 0 0 0;
}

/*****************************************************************************
HOMPAGE RIGHT CONTENT
*****************************************************************************/


.right_main {
	font-size: 19px;
	float: right;
	width: 480px;
	line-height: 1.5em;
	text-align:right;
	padding: 0 20px 0 0;
}

.right_bubble {
	background: url(../images/bubble.png) no-repeat left top;
	height: 243px;
	width: 312px;
	float: right;
	margin: 30px 0 10px 0;
	text-decoration: none;

}

.right_bubble p {
	padding: 90px 0 0 85px;
	line-height: 24px;
	width: 210px;
	color: #141f4d;
	text-align: left;
	text-decoration: none;
}

.sport_title {
	font-size: 22px;
	color:#ffffff;
	float: left;
	width: 290px;
	padding: 0 0 10px 12px;
	text-align: left;
}

.event_category_t {
	background: url(../images/event_backgroundtop.png) no-repeat left top;
	width: 475px;
	height: 15px;
	float: right;
}

.event_category_m {
	background: url(../images/event_backgroundmiddle.png) repeat-y left top;
	width: 475px;
	float: right;
}

.event_category_b {
	background: url(../images/event_backgroundbottom.png) no-repeat left top;
	width: 475px;
	height: 9px;
	float: right;
	padding: 0 0 10px 0;
}


.event_info {
	width: 290px;
	padding: 0 20px 0 20px;
	float: left;
}

.event_info h2 {
	border; 1px solid red;
	text-align: left;
	padding: 0 0 5px 0;
}

.event_info img {
	float: left;
	padding: 3px 0 6px 0;
}

.event_subject {
	font-size: 13px;
	line-height: 22px;
	color:#ffffff;
	text-align: left;
	float: left;
	width: 290px;
}

.event_subject a {
	text-decoration:none;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	color:#ffffff;
	background: url(../images/buttons/button_norm.gif) left no-repeat;
	padding-left: 15px;
}

.event_subject :hover {
	text-decoration: none;
	display: block;
	margin-top: 5px;
	color:#c0e9ff;
	background: url(../images/buttons/button_hover.gif) left no-repeat;
	padding-left: 15px;
}

.google_event {
	width: 130px;
	padding: 0 15px 0 0;
	float: right;
}


/*****************************************************************************
INTERNAL PAGES
*****************************************************************************/

.internal_box_t {
	background: url(../images/content_backgroundtop.png) no-repeat;
	float: left;
	height: 20px;
	width: 850px;
}

.internal_box_m {
	background: url(../images/content_backgroundmiddle.png) repeat-y;
	float: left;
	width: 819px;
	padding: 0 0 10px 20px;
}

.internal_box_m p {
	font-size: 14px;
	line-height: 22px;
	width: 530px;
	padding: 0 0 0 260px;
}

.internal_box_m ul {
	font-size: 14px;
	width: 515px;
	padding: 0 10px 10px 260px;
    list-style: none;
}

.internal_box_m li {
	padding: 15px 0 0 0;
	line-height: 20px;
}

.internal_box_m ul {
    list-style: none;
	line-height: 22px;
}

.number_icon {
	padding: 0 0 0 0;
	height: 24px;
	width: 24px;
}

.internal_box_b {
	background: url(../images/content_backgroundbottom.png) no-repeat;
	float: left;
	height: 8px;
	width: 850px;
	padding: 0 0 0 0;
}

.internal_box {
	width: 820px;
	float: left;
	color: #FFFFFF;
}

.internal_box img {
	float: left;
	padding: 0 0 10px 20px;
}

.internal_left {
	width: 820px;
	float: left;
	color: #FFFFFF;
}

.nextpage {
	float: left;
	padding: 10px 0 10px 0;
}

.nextpage a {
	display:block;
	width: 839px;
	height: 25px;
	color:#ffffff;
	padding: 9px 0 0 25px;
	font-size: 14px;
	font-weight:bold;
	background: url(../images/next_page.png) 0 0 no-repeat;
	text-decoration: none;
}

.nextpage a:hover { 
	background-position: 0 -34px;
	color:#ffffff;
	font-size: 14px;
	text-decoration: underline;
}

/*****************************************************************************
MIDDLE SECTION WITH VIDEO
*****************************************************************************/

.internal_box_ml {
	background: url(../images/content_backgroundmiddle.png) repeat-y;
	float: left;
	width: 819px;
	padding: 0 0 10px 20px;
}

.internal_box_ml h2 {
	padding: 0 0 10px 0;
}

.internal_box_ml img {
	float: left;
	padding: 0 15px 10px 0;
}

.internal_box_ml p {
	font-size: 14px;
	padding: 0 20px 0 0;
	line-height: 22px;
}

.internal_box_ml ul {
	font-size: 14px;
	padding: 0 10px 10px 0;
    list-style: none;
}

.internal_box_ml li {
	padding: 5px 0 5px 0;
}

.internal_box_ml ul {
    list-style: none;
	line-height: 22px;
}

.video {
	width: 350px;
	float: left;
	padding: 10px 10px 10px 0;
}

.video p {
	width: 350px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	padding: 5px 0 0 0;
}



/*****************************************************************************
TOP AREA - PAGE CONTENTS
*****************************************************************************/

.top_pagenav_top {
	background: url(../images/top_bgt.png) no-repeat;
	float: left;
	height: 10px;
	width: 850px;
	margin: 10px 0 0 0;
}

.top_pagenav_bottom {
	background: url(../images/top_bgb.png) no-repeat;
	float: left;
	height: 15px;
	width: 850px;
	padding: 0 0 0 0;
}

.top_pagenav {
	width: 820px;
	float: left;
	color: #FFFFFF;
}

.top_pagenav img {
	float: left;
	padding: 0 10px 10px 0;
}


.top_pagenav_middle {
	background: url(../images/top_bgm.png) repeat-y;
	float: left;
	width: 819px;
	padding: 0 0 0 27px;
	font-size: 12px;
}

.top_pagenav_middle h2 {
	padding: 8px 0 0 0;
	color: #141f4d;
}

.top_pagenav_middle p {
	font-size: 14px;
	width: 780px;
	padding: 0 20px 0 0;
	line-height: 22px;
}

.top_pagenav_middle ul {
	font-size: 12px;
	width: 255px;
	float: left;
	padding: 0 15px 0 0;
    list-style: none;
}

.top_pagenav_middle li {
	padding: 5px 0 0 0;
	line-height: 20px;
}

.top_pagenav_middle li a {
	line-height: 20px;
	color: #141f4d;
	text-decoration: none;
}

.top_pagenav_middle li a:hover{
	color: #366b9f;
}

.top_pagenav_middle ul {
    list-style: none;
	line-height: 22px;
}





















.internal_right {
	width: 160px;
	float: right;
	padding: 10px 28px 0 0;
}

.internal_event {
	width: 130px;
	float: right;
}

.page_link a
  {
    float: left;
    width: 170px;
    height: 40px;
	background: url(../images/top_ofpage.png) no-repeat 0px 0px;
  }

.page_link a:hover
  { 
	background-position: 0 -43px;
  }




/*****************************************************************************
FOOTER
*****************************************************************************/

#footer_wrapper {
	float: left; 
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	background-color:#141f4d;
	width: 100%;
}

#footer {
	width: 1010px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

#footer h1 {
	float: left;
	padding: 15px 0 0 0;
	width: 100%;
}

#footer_menu {
    float: left;
	width: 1010px;
	padding: 0 0 10px 0;
}

.footer_container {
	color: #fff;
	float: left;
	width: 240px;
	padding: 0 10px 0 0;
}

.footer_container h2 {
	float: left;
	padding: 0 0 0 0;
}

.footer_container img {
	float: left;
	width: 220px;
	padding: 0 3px 5px 0;
}

.footer_list li {
    list-style-type: none;
}

.footer_list li a {
	float: left;
	text-align: left;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	width: 100%;
	text-decoration:none;
}

.footer_list li a:hover {
	text-decoration: underline;
}

#altaire_footer {
	float: left;
	width: 1010px;
	background: url(../images/footer_bg.gif) 0px 0px no-repeat;
}

.altaire {
	float: right;
	padding-top: 35px;
	color: #999999;
	padding-right: 20px;
}




.internal_box_ml td {
	font-size: 12px;
}

.request_field {
    padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	color: #fff;
	background-color: #94c8f8;
	border-color: #3b97bc;
	border-style:solid;
	border-width: 3px;
	width: 150px;
}

.request_field_space {
    padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	background-color: #94c8f8;
	border-color: #3b97bc;
	border-style:solid;
	border-width: 3px;
}

.contact_link {
	color: #fff;
	float: right;
	height: 37px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}





/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
	display: block;
    padding: 0px;
	margin: 0px;
  }
  
  .sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	margin-bottom: 0px;
	padding-bottom: 0px;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;  
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  
  .sIFR-active h3 {
  visibility: hidden;
  float: left;
  width: 500px;
}

  .sIFR-active .news_title {
  visibility: hidden;
  padding-top: 2px;
  padding-bottom: 10px;
  line-height: 1.5em;
  }

  .sIFR-active .competition_title {
  visibility: hidden;
  padding-top: 20px;
  padding-bottom: 0;
  line-height: 1.5em;
  }

  .sIFR-active .sport_title {
  visibility: hidden;
  padding-bottom: 10px;
  line-height: 1.5em;
  }
   
  .sIFR-active .introduction  {
  visibility: hidden;
  padding-bottom: 0px;
  line-height: 1.5em;
  } 
   
}