/****************************/
/***** Global Settings *****/
/****************************/

* {
	padding:0;
	margin:0;
    }

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse:separate;
	border-spacing:0px;
	outline: 0;
}


html { overflow-y: scroll; }

/* ************************************************** */
/* ******************* Basis ************************ */
/* ************************************************** */

body {
	font: 68.8%/1.6em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #005282;
}

/* ******************* LINK ************************ */


a {
	text-decoration:none;
	color: #e9b026;
	}
a:hover {
	text-decoration:underline;
	color: #005282;
	}


/*
a[href$="pdf"]:after,
a[href$="doc"]:after,
a[href$="xsl"]:after,
a[href$="ppt"]:after{
margin:0 0 0 3px;
font:normal 10px Arial, Helvetica, sans-serif;
content: " (PDF)";
}
a[href$=".doc"]:after {content: " (DOC)";}
a[href$=".xsl"]:after {content: " (XSL)";}
a[href$=".ppt"]:after {content: " (PPT)";}
*/

.langcdcp{}

/* ***************** HEADINGS + Titles ******************** */

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
	padding:0px;
	color: #005282;
	margin-bottom: 10px;
	font-size: 1.4em;
	font-weight: bold;
}

h2 {
	padding:0px 0;
	color: #005282;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
}

h3 {
	padding:0px 0;
	color: #005282;
	margin-bottom: 10px;
	font-size: 1em;
	font-weight: bold;
}

h4 {
	padding:0px 0;
	color: #E7AF26;
	margin-bottom: 10px;
	font-size: 1em;
	font-weight: bold;
}
h5 {
	padding:0px 0;
	color: #005282;
	margin-bottom: 10px;
	font-size: 1em;
	font-weight: bold;
}
h6 {
	padding:0px 0;
	color: #005282;
	margin-bottom: 10px;
	font-size: 1em;
	font-weight: bold;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}


.note{
	color: #666666;
	font-size: 1em;
}

/* ******************* GLOBAL TAGS ************************ */
.hr {

	width: 100%;

	height: 1px;

	border-style: dashed none none;

	border-width: 1px 0 0;

	border-color: #ccc

}
p, ul, ol {
	margin:0;
	padding:0;
}

ul, ol {
	padding:0;
}

img {
	border:0;

}




/* ******************* GLOBAL CLASSES ******************** */


.clear 			{ 
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;

 }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.pic {
	border: 1px solid #dfe1e0;
	padding: 1px;
	background: #FFFFFF;	
}

.spacer {

	width: 1px;

	float: left;

	display: block;

	margin: 0px 14px 0px 15px;

	padding: 0px;

}
.space  { padding: 5px }

.space2 { padding: 10px }

.space3 { padding: 15px }

.space4 { padding: 20px }

.bottomspace{ padding-bottom:10px;}


.transparent_class {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}


/* ******************* TOP ************************ */

#top{
	padding: 5px 0px 0px;
	margin: 0px;
	position: relative;
	height: 25px;
}

#baseline{
	color:#e9b026;
	/*text-transform:uppercase;*/
	font-size: 1.2em;
	float:left;
	padding-left: 250px;
	}
#baseline2{
	color:#e9b026;
	/*text-transform:uppercase;*/
	font-size: 1.2em;
	float:right;
	
	}
#language{
	float:right;
	font-size: 0.8em;
	text-transform: uppercase;
	margin-right: 15px;
	}
#language a{
	color:#758da2;
	}

#language a:hover{
	color:#E7AF26;
	}
	

#language .actif a{
	color:#E7AF26;
	}
	
#language ul{
	list-style: none;
	}

#language ul li{
	display: inline;
	padding-right: 5px;
}

#print{
	float:right;
	}

/* ************************************************** */	
/* ******************* FRAMEWORK ******************** */
/* ************************************************** */

#wrapper     {
	width: 960px;
	padding: 0;
	margin: 0 auto 20px;
	position: relative;
	}


/* ******************* LOGO ************************ */

#logo  {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}

#videohome{
	position:absolute;
	top:460px;
	left:70px;
	z-index:300;
}

#video{
	position:absolute;
	top:400px;
	left:70px;
	z-index:300;
	}

#sfeer{
	z-index: 10;
	overflow:hidden;
	width:960px;
	height:300px;
	}
#sfeerhome{
	z-index: 10;
	overflow:hidden;
	width:960px;
	height:400px;
	}

#picnav {
	margin: 0px;
	position: absolute;
	top: 30px;
	right: 0px;
	z-index: 300;
	background: url(../images/imageoverlay.png) repeat;
	}
#picnav a {
	margin: 0px;
	padding: 0px 5px;
	text-decoration: none;
	color: #E8AF26;
	/*background:#000;*/
	display:block;
}
#picnav a.activeSlide {
	background: #E5AC21;
	color: #FFF;
}
#picnav a:focus { outline: none; }


/* ******************* CONTENT *********************** */
.content   {
	background-color:#FFF;
	border: 1px solid #d8e2eb;
	
}
.contenthome   {
	background-color:#FFF;
	border-right: 1px solid #d8e2eb;
	border-bottom: 1px solid #d8e2eb;
	border-left: 1px solid #d8e2eb;	
}
.content ul, .content ol{
	margin-left:20px;
	}
.content1   {
	background-color:#FFF;
	border-top: 1px solid #d8e2eb;
	border-right: 1px solid #d8e2eb;
	border-bottom: 1px solid #d8e2eb;
	padding-bottom: 1px;
}
.content2   {
	background-color:#FFF;
	border-right: 1px solid #d8e2eb;
	border-bottom: 1px solid #d8e2eb;
	
}
.titletop{
	background: url(../images/bg_nav.gif);
	padding:4px 10px 5px 15px;
}

.titletop h1{
	color:#FFF;
	padding:0px;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0px;	
	}

#main   {
	
}

.album a{
	color:#005282;
	font-weight:bold;
	}

.album a:hover{
	color:#E7AF26;
	text-decoration:none;
	}

.album ul{
	margin-left:0px;
	list-style:none;
	}

.album ul li{
	display:inline;
	float:left;
	width:170px;
	margin-right:25px;
	margin-bottom:20px;
	
	}

.album img{
	width:160px;
	height:100px;
	overflow:hidden;
	
	}

/* ************************************************** */
/* ******************* Navigation ******************* */
/* ************************************************** */
#navbar{
	background: #FFF;
	width:200px;
	position: absolute;
	z-index: 200;
	height: 450px;
	left: 45px;
	top: 0px;
	}

#mainnav   {
	float: left;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	width: 200px;
	font-size: 1.2em;
	
}

.navitem ul {
	color: #FFFFFF;
	font-size: 1em;
	text-align: left;
	white-space: nowrap;
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px;
}

.navitem li {
	display: block;
	list-style: none;
	color: #FFFFFF;
	margin: 0px;
	border-top: 1px solid #dce6ef;
	text-indent: 15px;
	padding:0px 0px 2px;	
}

.navitem li a {
	color: #004685;
	text-decoration: none;
	display: block;
	
	
}

.navitem li a:hover {
	color: #124685;
	text-decoration: none;
	display: block;
	
	
}



.navitem li.actif{
	color: #FFF;
	text-decoration: none;
	display: block;
	background: url(../images/bg_nav.gif) repeat-x;
	font-weight: bold;

	
}

.navitem li.actif a {
	color: #FFF;
	text-decoration: none;
	
	background: url(../images/bg_nav.gif) repeat-x;
}

.navitem li.actif a:hover {
	color: #124685;
	text-decoration: none;
	
	background: url(../images/bg_nav.gif) repeat-x;
}






/* ************************************************** */
/* ******************* HOMEPAGE ********************* */
/* ************************************************** */

.list{}

.listitem{
	margin-bottom:10px;
	margin-top: 10px;
	}
.listitem :hover{
	color:#E4AB20;
	cursor:pointer;
	}
.date{
	background: url(../images/news_box.gif) no-repeat;
	height: 51px;
	width: 75px;
	float:left;
	margin-right:20px;
}

.newsmonth{
	display:block;
	font-size: 1.6em;
	color: #FFF;
	text-align: right;
	width: 65px;
	margin-top: 2px;
	margin-bottom: 2px;
	}
.newsday{
	display:block;
	color: #FFF;
	font-size: 2em;
	font-weight: bold;
	text-align: right;
	width: 65px;
	}
.txt{
	float:left;
	width:500px;
	}

.txt h2{
	color: #005282;
	margin-bottom:5px;
	padding:0px;
	font-size: 1.2em;
	font-weight: bold;
	}

.txt h2 a{
	color: #005282;
	}

.txt h2 a:hover{
	color: #FBD11C;
}


.home{
	width:470px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	position: absolute;
	top: 430px;
	left: 290px;
	background-color:#FFF;
	}
.homesubnav{
	width:200px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	position: absolute;
	top: 444px;
	left: 760px;
	background-color:#FFF;
	}


/* ************************************************** */
/* ******************* SUBPAGES ********************* */
/* ************************************************** */
.content h2{
	margin-bottom:5px;
	}

/* ******************* NEWS ********************* */

.news{
	width:620px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	position: absolute;
	top: 304px;
	left: 290px;
	background-color:#FFF;
	}
	
/* ******************* OSTEND QUEEN ********************* */

.ostendqueen{
	width:470px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	position: absolute;
	top: 304px;
	left: 290px;
	background-color:#FFF;
	}
.subnav{
	width:200px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	position: absolute;
	top: 394px;
	left: 760px;
	background-color:#FFF;
	}

.menu{
	width:470px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	position: absolute;
	top: 304px;
	left: 290px;
	background-color:#FFF;
	}






/* ******************* SLIDER ********************* */
.subnavbg{
	background-color:#f8fafb;
	}	
 
#slidernav a, #slidernav a:active, #slidernav a:visited {
	
	/*display:block;
	padding:5px 8px;
	float:left;
	background:#DAF1C9;
	color:green;
	margin-right:10px;
	text-decoration:none;
	outline:none;*/
	}
#slidernav a.selected, #slidernav a.selected:active, #slidernav a.selected:visited {
	outline:none;
	color: #FFF;
	text-decoration: none;
	display: block;
	background: url(../images/bg_nav.gif) repeat;
	font-weight: bold;
	}
.hiddencontent {
	/*padding:12px;
	background:#eee;*/
	display:none;
	}

.tabs{
	width:400px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	position: absolute;
	top: 406px;
	left: 291px;
	height:30px;
	}
#tabsnav ul{
	list-style:none;
	height:30px;
	padding-top:5px;
	padding-bottom:5px;
	}

#tabsnav ul li{
	display:inline;
	font-weight:bold;
	
	
	}
#tabsnav a, #tabsnav a:active, #tabsnav a:visited {
	color:white;
	text-decoration:none;
	background: url(../images/bg_nav.gif) repeat-x;
	padding:10px;
	/*display:block;
	float:left;
	padding:5px 8px;
	background:#FFF;
	
	margin-right:10px;
	
	outline:none;*/
	}
	#tabsnav a:hover {
		padding:10px;
	color:#E7AF26;
	text-decoration:none;
	background:#FFF;
	
	}
#tabsnav a.selected, #tabsnav a.selected:active, #tabsnav a.selected:visited {
	outline:none;
	color: #E7AF26;
	text-decoration: none;
	display: inline;
	background:#FFF;
	font-weight: bold;
	}


		
	




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

#footer{
	width: 960px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}


#footer a,#footer a:link,#footer a:visited,#footer a:active {
	text-decoration: none;
	color: #58A3D1;
}

#footer a:hover {
	text-decoration: none;
	color: #1B6691;
}



/* ************************************************** */
/* ******************* BUTTONS *********************** */
/* ************************************************** */


button {
	display:block;
	margin:0px;
	padding:5px 10px 5px 7px;   /* Links */
	border:1px solid #daa219;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
	font: bold 100%/130% Arial, Helvetica, sans-serif;
	float: left;
	background: #EBB12A url(../images/bg_nav.gif);
}

button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:24px;
  height:16px;
  float:none;
}


a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:24px;
  height:16px;
  float:none;
}

a.button {
	display:block;
	margin:0px;
	padding:5px 10px 5px 7px;   /* Links */
	border:1px solid #ccc;
	background-color:#124685;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
	font: bold 100%/130% Arial, Helvetica, sans-serif;
	float: right;
}
a:hover.button {
	display:block;
	margin:0px;
	padding:5px 10px 5px 7px;   /* Links */
	border:1px solid #ccc;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
	font: bold 100%/130% Arial, Helvetica, sans-serif;
	float: right;
	background: #CA0920;
}


/* Standard Buttons */
button:hover{
	border:1px solid #999;
	color:#FFF;
	background: #124685;
}


/* Positive */
body .positive {
	color:#FFF;
	
}
a.positive, button.positive {
	border:1px solid #F60;
	background-color:#EA7915;
	color:#FFF;
}


a.positive:hover, button.positive:hover {
	background-color:#2E82AB;
	border:1px solid #529214;
	color:#FFF;
}

/* Negative */
body .negative {
	color:#FFF;
}
a.negative:hover, button.negative:hover {
	background:#fff;
	border:1px solid #C4C1BC;
	color:#579BBF;
}
a.negative:active {
	background-color:#579BBF;
	border:1px solid #999;
	color:#fff;
}




/* ******************************************** */
/* ******************* STUFF ****************** */
/* ******************************************** */


/* ******************* LEGAL ****************** */

.legal {
	text-align: left;
	float: left;
	margin: 10px 0px 20px;
	padding: 0px;
	width:80%;
	font-size: 0.9em;
	}

.legal a{
	color:#CCC;
	}


/* ******************* WESTSITE ****************** */

.westsite {
	text-align: right;
	float: right;
	margin: 10px 0px 20px;
	padding: 0px;
	width:15%;
	}