/*

COLOR SCHEME:

Achtergrond:   #FFFFFF

Donker Blauw:
	exact: #00669B
	web:   #006699

Lichter Blauw
	exact: #5E86B1
	web:   #6699CC

Donker Grijs:
	exact: #646567
	web:   #666666


Achtergrond Blauw:
	exact: #EBEDF4
	web:   #FFFFFF

Achtergrond Grijs:
	exact: #F1F1F2
	web:   #FFFFFF

*/
p 
{
	font-family: 'Arimo', sans-serif;
	color: #646567;
}

/*****************************************************************
 ** CONTENT SECTION                                             **
 *****************************************************************/

#content
{
	display: block;
	position: relative;
	
	font-family: 	'Arimo', sans-serif;
	font-size: 		1em;
	text-align:		left;
	color:			#666666;
}

.nivoSlider {
    position:relative;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}



/*****************************************************************
 ** PAGE CENTERING                                              **
 *****************************************************************/

#outer 
{
	overflow: auto; 
	position: absolute; 
	left: 10%; 
	right: 10%; 
	top: 100px; 
	bottom: 55px;
	vertical-align: middle;
}

#middle 
{
	display:table;
	overflow:hidden;
	margin:0px auto;
	position: relative;
	height: 100%;
	vertical-align: middle;
}



#inner 
{
	display:table-cell;
	vertical-align: middle;
}

/*****************************************************************
 ** HEADER SECTION                                              **
 *****************************************************************/

#header
{
	position: 		absolute;
	left: 			5%;
	right:			5%;
	top:			30px;
	height:			50px;
	
	font-family: 	'Arimo', sans-serif;
	font-size: 		0.875em;
	text-align:		left;
	color:			#666666;
	
	
	border-bottom:		2px solid #006699;
	padding-top:	10px;
}

#menu
{
	
	float: left;
	position:		relative;
	left: 10px;
	top: 25px;
	height: 25px;
}

#menu *
{
	margin: 		0;
	padding: 		0;
}

#menu ul 
{
	list-style-type: none;
	margin: 		auto;
}
#menu li 
{
	float: 			left;
	margin-right: -5px;
}
#menu a.ship:hover
{
	text-decoration: underline;
}
#menu a.ship
{
	display: 		block;
	font-size: 		1.375em;
	text-decoration: none;
	color: 			#006699;
	width: 			50px;
}

#menu a.shore:hover
{
	text-decoration: underline;
}
#menu a.shore
{
	display: 		block;
	font-size: 		1.375em;
	text-decoration: none;
	color: 			#666666;
	width: 			50px;
}

/*****************************************************************
 ** FOOTER SECTION                                              **
 *****************************************************************/

#footer
{
	position: 		absolute;
	left: 			5%;
	right:			5%;
	bottom:			0px;
	height:			25px;
	
	font-family: 	'Arimo', sans-serif;
	font-size: 		0.875em;
	text-align:		center;
	color:			#666666;
	
	
	border-top:		2px solid #006699;
	padding-top:	10px;
}

#footer strong
{
	color:			#006699;
	font-weight:	normal;
}

#footer a
{
	color:			#666666;
}

#footer a:hover
{
	color: 			#006699;
}

div.logoFoot
{
	position:		absolute;
	right: 			0px;
	bottom:			0px;
	width:			325px;
	height:			153px;
	background-image: url('sns_footer.png');
	background-repeat: none;
}