/*#######################################################*/
/*                     reset HTML-elementen              */
/*#######################################################*/
html,
body,
img,
a,
div,
span,
hr,
p,
ul,
ol,
li,
h1,
h2,
h3,
h4,
table,
tr,
th,
td,
form,
fieldset,
label,
object,
embed,
param,
script,
noscript
	{
	margin: 0;
	padding: 0;
	border: 0;
	}
	
a,
a img,
a:hover img
	{
	text-decoration: none;
	}
	
a:hover
	{
	text-decoration: underline;
	cursor: pointer;
	}	

a:focus
	{
	outline: none;
	-moz-outline-style: none;
	}

h2
	{
	font-size: 14px;
	margin: 0 0 10px 0;
	}
	
.back	

	{
	background-color: #E9F1FB;
	padding: 10px 0px 10px 10px;
	}
	
h3
	{
	font-size: 12px;
	margin: 0 0 10px 0;
	}	
	
h4
	{
	font-size: 11px;
	margin: 4px 0 10px 0;
	}
	
/*#######################################################*/
/*                     floats                            */
/*#######################################################*/
.lfloat
	{
	float: left;
	}		
	
.rfloat
	{
	float: right;
	}
	
.lclear
	{
	clear: left;
	}		
	
.rclear
	{
	clear: right;
	}	

.clear
	{
	margin: 0 0 -1px 0;
	padding: 0;
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	}

	

/*#######################################################*/
/*                     basis                             */
/*#######################################################*/	
html {background: url(../images/html.gif); color: #E8E8E5;}

body
	{
	background: #E8E8E5;
	font-family: "Lucida Grande", verdana, arial, tahoma, sans-serif;
	font-size: 11px;
	line-height: 150%;
	padding: 0 0 25px 0;
	text-align: center;
	}

#container
	{
	margin: 0 auto;
	width: 958px;
	background: url(../images/bg/left19right19.jpg) 0 0 repeat-y;
	}
	
#container2
	{
	margin: 0 18px 0 19px;
	text-align: left;
	}	
	
#header
	{
	position: relative;
	width: 920px;
	height: 108px;
	background: url(../images/bg/bg_header.jpg) 0 0 no-repeat;
	}
	
#content
	{
	min-height: 405px;
	}
	
#footer
	{
	position: relative;
	width: 920px;
	height: 202px;
	background: url(../images/bg/bg_footer3.jpg) 0 18px no-repeat;
	clear: both}

#footer a
	{
	text-decoration: underline;
	}
	
#footer a:hover
	{
	text-decoration: none;
	}		


ul#list   { line-height: 20px; list-style-image: url(../images/arrow_r.gif); position: relative; left: 20px }
	

/*#######################################################*/
/*                     header - homebutton logo          */
/*#######################################################*/		
a#blueboat_home
	{
  	position: absolute;
	left: 0;
	top: 0;
	width: 360px;
	height: 80px;
	text-indent: -9000px;
	}

/*#######################################################*/
/*                     header - topnavigatie             */
/*#######################################################*/	
ul#topnavigatie
	{
	position: absolute;
	top: 8px;
	right: 0;
	z-index: 1;
	list-style-type: none;
	font-family: arial, sans-serif;
	font-size: 10px;
	line-height: 10px;
	color: #afcaef;
	}

ul#topnavigatie li
	{
	float: left;
	display: inline;
	}	

ul#topnavigatie li a
	{
	display: block;
	padding: 0 10px;
	color: #afcaef;
	text-decoration: none;
	}
	
ul#topnavigatie li a:hover,
ul#topnavigatie li a.actief
	{
	color: #FFF;
	}


/*#######################################################*/
/*                     header - talenkiezer              */
/*#######################################################*/	
ul#talenkiezer
	{
	position: absolute;
	bottom: 25px;
	right: 0;
	z-index: 1;
	list-style-type: none;
	}

ul#talenkiezer li
	{
	float: left;
	display: inline;
	}

ul#talenkiezer li a
	{
	display: block;
	padding: 0 10px 0 0;
	width: 23px;
	height: 16px;
	line-height: 16px;
	text-decoration: none;
	text-indent: -9000px;
	}

ul#talenkiezer li a.nl
	{
	background: url(../images/bg/bg_flag_nl.gif) 0 0 no-repeat;
	}
	
ul#talenkiezer li a.uk
	{
	background: url(../images/bg/bg_flag_uk.gif) 0 -16px no-repeat;
	}	
	
ul#talenkiezer li a:hover,
ul#talenkiezer li a.actief
	{
	background-position: 0 0;
	}
	


/*#######################################################*/
/*                     hoofdnavigatie                    */
/*#######################################################*/	
ul#hoofdnavigatie
	{
	position: relative;
	width: 920px;
	height: 67px;
	background: url(../images/bg/bg_hoofdnavigatie.gif) 0 0 no-repeat;
	list-style-type: none;
	}

ul#hoofdnavigatie li a
	{
	display: block;
	position: absolute;
	top: 1px;
	height: 54px;
	width: 150px;
	line-height: 54px;
	text-decoration: none;
	text-indent: -9000px;
	}




/*#######################################################*/
/*                     content                           */
/*#######################################################*/	
#content a
	{
	text-decoration: underline;
	}
	
#content a:hover
	{
	text-decoration: none;
	}	
	
.wrapper
	{
	margin: 0 20px 0 80px;
	}

#kol1,
#kol2
	{
	width: 400px;
	margin: 25px 0 0 0;
	color: #333;
	float: left;
	}
	
#kol2
	{
	float: right;
	}
	
#kol3
	{
	width: 600px;
	margin: 25px 0 0 0;
	color: #333;
	float: left;
	}
	
#column1
	{
	width: 280px;
	margin: 15px 0 0 0;
	color: #333;
	float: left;
	}
	
#column2
	{
	width: 280px;
	margin: 15px 0 0 0;
	color: #333;
	float: left;
	}
	
#column3
	{
	width: 280px;
	margin: 18px 0 0 0;
	color: #333;
	float: left;
	}
	
.form
	 { font-size: 11px; font-family: "Lucida Grande", verdana, arial, tahoma, sans-serif; line-height: 120% }
	 
.footer
	 {
	font-size: 10px;
	font-family: arial, sans-serif;
	font-size: 10px;
	line-height: 10px;
	color: #FFF;
	letter-spacing: 1px}

	
	 
.blueborder
	{
	border: solid thin #7890D2;
	color: #333;
	margin: 10px 0 15px 0;
	}
	 	
#extra
	{
	background-color: #E5E3E3;
	border: solid thin #7890D2;
	margin: 5px 4px 15px 4px;
	padding: 5px 10px 5px 10px;
	width: auto;
	}	

#home a,
#home h2,
#contact a,
#contact h2,
#faqs a,
#faqs h2,
#meetus a,
#meetus h2,
#vacatures a,
#vacatures h2,
#nieuwsbrief a,
#nieuwsbrief h2,
#emailformulier a,
#emailformulier h2,
#voorwaarden a,
#voorwaarden h2,
#disclaimer a,
#disclaimer h2,
#privacy a,
#privacy h2
#verzekeringen a,
#verzekeringen h2
#inbeeld a,
#inbeeld h2,
#inbeeld h4
	{
	color: #1060CF;
	}

#rondvaarten a,
#rondvaarten h2,
.txt_rondvaarten
	{
	color: #7890D2; 
	}
	
#sales a,
#sales h2,
.txt_sales
	{
	color: #7890D2; 
	}	

#lunches a,
#lunches h2,
.txt_lunches
	{
	color: #F41870; 
	}
	
#dinner a,
#dinner h2,
.txt_dinner
	{
	color: #9300A0; 
	}
	
#borrel a,
#borrel h2,
.txt_borrel
	{
	color: #EF941D; 
	}	

#arrangementen a,
#arrangementen h2,
.txt_arrangementen
	{
	color: #F0314E;
	}

#ourfleet a,
#ourfleet h2,
.txt_ourfleet
	{
	color: #82AD1A; 
	}
	
#trouwen a,
#trouwen h2,
.txt_trouwen
	{
	color: #82AD1A; 
	}

#greenlabel a,
#greenlabel h2,
.txt_greenlabel
	{
	color: #119818; 
	}

#bluelabel a,
#bluelabel h2,
#bluelabel h3,
.txt_bluelabel
	{
	color: #1B2591; 
	}
	
.txt_pink
	{
	color: #FF5A9F; 
	}	
.txt_blueboat
	{
	color: #1060CF; 
	}	
	

/*#######################################################*/
/*                     footer - footernavigatie          */
/*#######################################################*/	

#weather
	{
	position: absolute;
	bottom: 72px;
	left: 94px;
	z-index: 1;
	width: 380px;
	font-family: arial, sans-serif;
	font-size: 10px;
	line-height: 10px;
	color: #2f4680;
	float: left;
	}
	
#fb
	{
	position: absolute;
	bottom: 102px;
	left: 640px;
	z-index: 1;
	width: 292px;
	font-family: arial, sans-serif;
	font-size: 10px;
	line-height: 10px;
	color: #2f4680;
	float: left;
	}
	
#tickets
	{
	position: absolute;
	bottom: 92px;
	right: 12px;
	z-index: 1;
	width: 219px;
	float: right;
	}
	
#aws
	{
	position: absolute;
	bottom: 92px;
	right: 0px;
	z-index: 1;
	width: 219px;
	float: right;
	}
	
#address
	{
	position: absolute;
	bottom: 14px;
	left: 114px;
	z-index: 1;
	float: left;
	}
	
#address a
	{
	color: #FFF;
	}


#search
	{
	position: absolute;
	top: 28px;
	left: 720px;/* was 0px*/
	z-index: 1;
	width: 220px;/* was 250px*/
	float: left;
	}
	
ul#footernavigatie
	{
	position: absolute;
	bottom: 72px;
	right: 0;
	z-index: 2;
	list-style-type: none;
	font-family: arial, sans-serif;
	font-size: 10px;
	line-height: 10px;
	color: #2f4680;
	}

ul#footernavigatie li
	{
	float: left;
	display: inline;
	}	

ul#footernavigatie li a
	{
	display: block;
	padding: 0 10px;
	color: #2f4680;
	text-decoration: none;
	}
	
ul#footernavigatie li a:hover,
ul#footernavigatie li a.actief
	{
	color: #1161d0;
	}