/* 
De Scheepskamer van Heeg
=============================================================================================
URL:				http://www.scheepskamer.nl/
Auteur: 			Stefan Efde [http://www.addnoise.nl]
=============================================================================================
*/

/* 
DONKER BLAUW	: #041124
LICHT BLAUW		: #2C4D6F
ROOD			: #CE3400
*/

@import url(/addsite/css/iconen.css);

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #FFF; 
	margin: 0px;
	padding: 0px;
	background: #041124;
	height: 100%;	
	cursor: default;
	
}
	

a:link,  a:visited {
	text-decoration: none;
	outline-color: invert;
	outline-style: none;
	outline-width: 0pt; 	
	text-decoration: underline;
	border: 0px;
	color: #fff;
	cursor: pointer;
}
a:hover {
	
	text-decoration: none;
}

a.btn_meer:link,  a.btn_meer:visited {
	color: #ffffff;
	background: #ce3400;
	float: left;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	height: 20px;
	line-height: 20px;
}
a.btn_meer:hover {
	background: #e54a13;
	text-decoration: none;
}

img {
	border: 0px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 0px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 20px 0px;
	color: #CE3400;
	text-transform: uppercase;
	background: no-repeat 0px 1px url(../images/icn_kopje.gif);
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 0px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 18px 0px;
	color: #CE3400;
	text-transform: uppercase;
	background: no-repeat 0px 1px url(../images/icn_kopje.gif);
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	color: #FFF;
	
}
.kop3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	color: #FFF;
}

.subkop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 18px 0px;
	color: #CE3400;
	text-transform: uppercase;
	background: no-repeat 0px 1px url(../images/icn_subkopje.gif);
}

.intro {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

.tekst {
	display: block;
	padding: 0px 10px 0px 0px;
	margin: 20px 0px 0px 0px;
	text-align: justify;
}
.tekst_rood {
	color: #CE3400;
}
.nieuws a:link, .nieuws a:visited  {
	display: block;
	color: #FFF;
	text-decoration: none;
}
.nieuws a:hover {
	color: #2C4D6F;
	background: none;

}

.nieuws img {
	float: left;
	margin: 3px 15px 0px 0px;
	border: 0px solid #2C4D6F;
}

html
		{
			height: 100%;
		}

		#bovenstuk
		{
			width: 100%;
			min-height: 150px;
			background: #1E293A;
		}
		/* Fix voor IE */
		* html #bovenstuk
		{
			height: 150px;
		}
		
		#middenstuk
		{
			width: 100%;
			min-height: 355px;
			padding-bottom: 130px;
			padding-top: 40px;
		}
		
		#onderstuk
		{
			width: 100%;
			height: 75px;

			position: relative;
			margin: -75px auto 0 auto;
			background: none;
		}

		/* Fix voor IE */
		* html #onderstuk
		{
			margin-top: -75px;
		}

		#pagina
		{
			margin: 0 auto;
			width: 980px;
			min-height: 355px;
		}
		/* Fix voor IE */
		* html #pagina
		{
			height: 355px;
		}

		#top
		{
			position: relative;
			margin: 0 auto;
			width: 980px;
			min-height: 130px;
			padding-top: 20px;
			
			
		}

		#footer
		{
			margin: 0 auto;
			width: 980px;
			height: 25px;
			padding-top: 5px;
			background: #1E293A;
		}

		#container
		{
			position: relative;
			min-height: 100%;
		}

		* html #container
		{
			height: 100%;
		}
		
a#logo, a#logo:visited, a#logo:hover  {
	float: left;
	display: block; 
	width: 248px;
	height: 106px;
	background: no-repeat url(../images/logo.gif);
	margin-right: 60px;
}


#logo a:link, #logo a:visited, #logo a:hover {
	float: left;
	display: block; 
	width: 248px;
	height: 106px;
	background: no-repeat url(../images/logo.gif);
}

#navigatie {
	
}

#navigatie ul {
	float: left;
	font-family: Arial, Helvetica;
	font-size: 11px;
	border-left: 1px solid #B9BCC1;
	margin: 0px 0px 0px 20px;
	list-style: none;
	line-height: 21px;
	text-transform: uppercase;
	padding: 5px 0px 0px 13px;
}
#navigatie ul li   {
	
	
	margin-bottom: 3px;
}		
#navigatie ul li a {
	color: #B9BCC1;
	text-decoration: none;
	padding: 5px 15px 5px 10px;
}
#navigatie ul li a:hover {
	background: #CE3400;
	color: #FFF;
}

#navigatie ul li a.selected:link, #navigatie ul li a.selected:visited, #navigatie ul li a.selected:hover {
	background: #CE3400;
	color: #FFF;
}


#navigatie ul li.home_link a {
	background: no-repeat 8px 5px url(../images/icn_home_on.gif);
	padding-left: 40px;
	margin-left:0px;
}
#navigatie ul li.home_link a:hover {
	background:  no-repeat 8px 5px url(../images/icn_home.gif);
}
#navigatie ul li.home_link a.select {
	font-weight: bold;
	color: #FFF;
}

#navigatie ul li.sitemap_link a {
	background: no-repeat 8px 5px url(../images/icn_sitemap_on.gif);
	padding-left: 40px;
}
#navigatie ul li.sitemap_link a:hover {
	background:  no-repeat 8px 5px url(../images/icn_sitemap.gif);
}
#navigatie ul li.sitemap_link a.select {
	font-weight: bold;
	color: #FFF;
}

#navigatie ul li.contact_link a {
	background: no-repeat 8px 5px url(../images/icn_contact_on.gif);
	padding-left: 40px;
}
#navigatie ul li.contact_link a:hover {
	background:  no-repeat 8px 5px url(../images/icn_contact.gif);
}
#navigatie ul li.contact_link a.select {
	font-weight: bold;
	color: #FFF;
}

.vlaggen {
	position: absolute;
	top: 0px;
	right: 0px;
}

.vlaggen ul.talen {
	height: 20px;
}
.vlaggen ul.talen li {
	display: inline;
	padding-left: 10px;
	color: #1E293A;
}

.vlaggen ul.talen li a, .vlaggen ul.talen li a:visited  {
	background: none;
	padding: 3px 0px 5px 0px;
	color: #1E293A;
	border: 0px;
}
.vlaggen ul.talen li a:hover  {
	background: no-repeat bottom url(../images/arrow_up.gif);
}
.vlaggen ul.talen li a.active  {
	background: no-repeat bottom url(../images/arrow_up.gif);
}

.submenu {
	float: left;
}

.submenu ul {
	margin: 0px 0px 0px 0px;
	list-style: none;
	padding: 5px 0px 0px 0px;
}
.submenu ul li   {
	line-height: 18px;
	width: 220px;
	margin-bottom: 3px;
}		
.submenu ul li a, .submenu ul li a:visited {
	font-family: Arial, Helvetica;
	font-size: 12px;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px 15px 5px 0px;
}
.submenu ul li a:hover {
	color: #041124;
	padding-left: 0px;
	font-weight: normal;
	background: none;
}
.submenu ul li a.actief:link, .submenu ul li a.actief:visited{
	color: #041124;
	padding-left: 0px;
	font-weight: bold;
	background: none;
	text-decoration: none;
}
.submenu ul li a.actief:hover{
	
	padding-left: 0px;
	
}

#column01 {
	float: left;
	width: 470px;
	min-height: 355px;
	background: none;
	margin-right: 30px;
}
#column02 {
	float: left;
	width: 170px;
	min-height: 355px;
	background: #1E293A;
	padding-bottom: 25px;
}
#column03 {
	float: right;
	width: 255px;
	min-height: 355px;
	background: none;
}

#column01_vervolg {
	float: left;
	width: 640px;
	min-height: 355px;
	background: none;
}
#column03_vervolg {
	position:relative;
	float: right;
	width: 227px;
	background: #2C4D6F;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 30px;
	padding-right: 0px;
}
#column03_cv {
	float: right;
	width: 232px;
	min-height: 105px;
	background: #2C4D6F;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 10px;
}
#column03_cv ul {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 10px;
}



#column03_cv ul li {
	line-height: 24px;
	list-style: none;
	padding: 0px 0px 0px 15px;
	background: url(../images/arrow_darkblue.gif)  0px 8px no-repeat;
}

.cv_tekst {
	margin-top: 10px;
	font-size: 11px;
	float: right;
	width: 217px;
	min-height: 105px;
	background: #1E293A;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
}

ul#flashfotos {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	width: 447px;
	height: 182px;
	position: relative;
}
ul#flashfotos img {
	width: 435px;
	height: 170px;
	border: 0px solid #FFF;
}
ul#flashfotos li {
	position:  absolute;
	top: 0px;
	left: 0px;
}

.content_home {
	width: 430px;
	padding-left: 0px;
	text-align: justify;
}
.content_vervolg {
	width: 590px;
	padding-left: 15px;
}
* html .content_vervolg
		{
			height:130px;
		}

.boxrechts {
	float: left;
	margin-bottom: 30px;	
}
.boxrechts a:link, .boxrechts a:visited  {
	color: #FFFFFF;
	text-decoration: none;
}
.boxrechts a:hover {
	color: #2C4D6F;
	background: none;
}

.boxrechts img {
	
	margin: 3px 15px 0px 0px;
	border: 1px solid #041124;
}
.boxrechts img:hover {
	border: 1px solid #041124;
}




a.bluebox, a.bluebox:visited {
	display:block;
	font-size: 16px;
	width: 210px;
	color: #FFF;
	line-height: 16px;
	background: #1E293A;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}
a.bluebox:hover {
	background: #2C4D6F;
}
.contactgegevens {
	
}

.contactgegevens2 {
	position: absolute;
	bottom: -170px;
	left: 0px;
	border-top: 10px solid #041124;
	padding: 20px 0px 20px 20px;
	background: #1E293A;
	width: 227px;
}



.copyright {
	color: #a5a9b0;
	text-transform:  uppercase;
	font-size: 10px;
 	margin-left: 15px;
}

/* Carousel
---------------------------------------------------------------------------------------------- */

.jcarousel-scope {   
	position: relative;    
	width: 121px;    
	background: none;	   
	padding: 21px 17px 21px 20px;
	margin-left: 8px;
	margin-top: 15px;
	}
	
.jcarousel-list {    
	overflow: hidden;    
	margin: 0;    
	padding: 0;
	}
	
.jcarousel-list li {    
	float: left;    
	list-style: none;    
	margin: 3px 0px 10px 0px;
	line-height: 0px;
	width: 122px;
	height: 110px;
	}
	
.jcarousel-next {    
	position: absolute;    
	bottom: -5px;    
	left: 65px;    
	cursor: pointer;
	}
	
.jcarousel-next-disabled {    
	cursor: default;    
	opacity: .5;    
	-moz-opacity: .5;    
	filter: alpha(opacity=50);
	}
	
.jcarousel-prev {    
	position: absolute;    
	top: 0px;    
	left: 65px;    
	cursor: pointer;
	}
	
.jcarousel-prev-disabled {    
	cursor: default;    
	opacity: .5;    
	-moz-opacity: .5;    
	filter: alpha(opacity=50);
	}
	
.jcarousel-clip	 {
	margin: 0px; 
	padding: 0px; 
	overflow: hidden; 
	z-index: 2; 
	width: 110px; 
	position: relative;
	}
	
.jcarousel-list	 {
	margin: 0px; 
	padding: 0px; 
	z-index: 1; 
	position: relative; 
	top: 0px; 
	left: 0px; 
	display: block;
	}
	
.jcarousel-item-1	{
	overflow: hidden; 
	float: left; 
	list-style-type: none; 
	list-style-image: none; 
	list-style-position: outside;	
	}
	
.jcarousel-item-1 img{
	
	width: 110px;
	height: 110px;
	border: 0px solid #ffffff;
	}	
	
.jcarousel-item-1 a:hover img
{
	border: 0px solid #CE3400;
	background: none;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	width: 100%;
	visibility: visible !important;
	margin: 0px;
}

.sIFR-replaced {
	visibility: visible !important;
	z-index: 1;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	margin: 0px 0px 8px 0px;
	letter-spacing: 1px;
	height: 21px;
	text-transform: uppercase;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	margin: 0px 0px 8px 0px;
	letter-spacing: 1px;
	height: 19px;
	text-transform: uppercase;
	width: 170px;
}
.sIFR-hasFlash .subkop {
	visibility: hidden;
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
	letter-spacing: 1px;
	height: 16px;
	text-transform: uppercase;
	width: 170px;
}

a.meer, a.meer:link, a.meer:visited {
	float: left;
	color: #FFF;
	padding: 0px 0px 0px 15px;
	background: url(../images/arrow_blue.gif)  0px 4px no-repeat;
}

a.meer:hover {
	color: #CE3400;
}

a.meer_cv, a.meer_cv:link, a.meer_cv:visited {
	float: left;
	color: #FFF;
	padding: 0px 0px 0px 15px;
	background: url(../images/arrow_red.gif)  0px 4px no-repeat;
}

a.meer_cv:hover {
	color: #CE3400;
	
}

#pijltjes {
	float: left;
	width: 50px;
	height: 20px;
	padding-top: 13px;
	padding-left: 90px;
}


ul {
	border: 0px;
}
li {
	border: 0px;
}
/* ----------------------- */

a.linkje, a.linkje:link, a.linkje:visited {
	float: left;
	position: relative;
	width: 100px;
	height: 80px;
	border: 0px solid #FFF;
	margin: 0px 10px 20px 0px;
}

a.linkje:hover {
	border: 0px solid #2C4D6F;
	background: #2C4D6F;
}

a.linkje img{
	width: 100px;
	height: 80px;
}

a.linkje .bloknaam, a.linkje:link .bloknaam, a.linkje:visited .bloknaam {
	position: absolute;
	background: none;
	font-size: 0px;
	line-height: 0px;
	width: 100px;
	height: 80px;
	top: 0px;
	left: 0px;
	display: none;
	}

a.linkje:hover .bloknaam {
	display: block;
	cursor: pointer;
	position: absolute;
	background: #2C4D6F;
	width: 100px;
	height: 60px;
	padding-top: 20px;
	font-size: 11px;
	line-height: 16px;
	color: #ffffff;
	text-align: center;
	top: 0px;
	left: 0px;
	}
	
/* ----------------------- */

a.linkje2, a.linkje2:link, a.linkje2:visited {
	float: left;
	position: relative;
	width: 110px;
	height: 110px;
	margin: 0px 0px 0px 0px;
}

a.linkje2:hover {
	border: 0px solid #000;
	width: 110px;
	height: 110px;
	background: #fff;
}

a.linkje2 img {
	border: 0px solid #FFF;
	width: 110px;
	height: 110px;
}

a.linkje2 .bloknaam, a.linkje2:link .bloknaam, a.linkje2:visited .bloknaam {
	position: absolute;
	background: none;
	font-size: 0px;
	line-height: 0px;
	width: 110px;
	height: 110px;
	top: 9999px;
	left: 0px;
	display: none;
	border: 0px solid #FFF;
	
	}

a.linkje2:hover .bloknaam {
	display: block;
	cursor: pointer;
	position: absolute;
	background: #2C4D6F;
	width: 110px;
	height: 80px;
	padding-top: 30px;
	font-size: 11px;
	line-height: 16px;
	color: #FFF;
	text-align: center;
	top: 0px;
	left: 0px;
	border: 0px solid #1E293A;
	}


/* Foto overzicht
------------------------------------------------------------------------------------------ */


.fotosrechts { 
	width: 200px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 5px 0px;
	font-size: 0px;
	line-height: 0px;
	float: right;
	}		
	
.fotosrechts img
{
	width: 200px;
	border: 0px solid #FFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 30px;
	float: right;
}
.fotosrechts img:hover 
{
	border: px solid #2C4D6F;
}

.foto_cv { 
	width: 90px;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 0px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	}
/* Fix voor IE */
		* html .foto_cv 
		{
			margin: 0px 10px 0px 0px;
		}
	
.foto_cv img
{
	width: 90px;
	border: 0px solid #FFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	float: left;
}
/* Fix voor IE */
		* html .foto_cv img
		{
			margin: 0px 0px 0px 0px;
		}

.fotosoverzicht { 
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	font-size: 0px;
	line-height: 0px;
	
	}		
.fotosoverzicht a, .fotosoverzicht a:visited {
	background: none;
}

.fotosoverzicht img
{
	width: 120px;
	height: 110px;
	padding: 0px;
	margin: 15px 15px 0px 0px;
	border: 0px solid #2C4D6F;
	background: none;
}
.fotosoverzicht img:hover
{
	border: 0px solid #041124;
	
}

 /* Formulier
---------------------------------------------------------------------------------------------- */

.tekstform {
	padding: 16px;
	margin-top: 0px;
}




input.buttonform { 
	background: #CE3400; 
	border: 0px;
	color: #ffffff; 
	font-size: 12px;
	line-height: 16px;
	margin: 0px 0px 10px 0px; 
	padding: 3px 5px 3px 5px; 
	}
	
		/* Fix voor IE */
		* html input.buttonform
		{
			padding: 5px 5px 3px 5px; 
		}	
	
input.buttonform2 { 
	background: #2C4D6F; 
	border: 0px;
	color: #ffffff; 
	font-size: 12px;
	line-height: 16px;
	margin: 0px 0px 10px 0px; 
	padding: 3px 10px 3px 10px; 
	}	
	
		/* Fix voor IE */
		* html input.buttonform2
		{
			padding: 5px 5px 3px 5px; 
		}		

	
.input {
	background: #FFF;
	border: 1px solid #252525;
	font-size: 12px;
		width: 320px;
		margin-left: 10px;
		color: #2C4D6F;
		}
		
.invulNormaal {
	background: #FFF;
	border: 1px solid #2C4D6F;
	font-size: 12px;
		width: 270px;
		margin: 1px 0px 1px 0px;
		padding: 2px;
		color: #2C4D6F;
		}		
		
.invulArea {
 font: 11px Arial, Helvetica, sans-serif;
	background: #FFF;
	border: 1px solid #2C4D6F;
	font-size: 12px;
		width: 270px;
		margin: 1px 0px 1px 0px;	
		padding: 2px;
		color: #2C4D6F;
		}
		
.veld2pulldown select
{
 font: 12px  Arial, Helvetica, sans-serif;
 background-color: #e4eef5;
color: #4685b1;
 border: 1px solid #4786b2;
 margin-right: 0px;
 text-align: left;
 padding: 2px;
 margin: 0 0 0 0;
}	

.invulSmall {
	background: #FFF;
	border: 1px solid #2C4D6F;
	font-size: 12px;
		width: 153px;
		margin: 1px 0px 1px 0px;
		padding: 2px;
		color: #252525;
		}
		
.invulPulldown {
	background: #FFF;
	border: 1px solid #252525;
	font-size: 11px;
		margin: 1px 0px 1px 0px;		
		padding: 2px;
		color: #252525;
		}		
		
.invulXSmall {
	background: #FFF;
	border: 1px solid #252525;
	font-size: 11px;
		width: 73px;
		margin: 1px 0px 1px 0px;		
		padding: 2px;
		color: #252525;
		}

/* Sitemap
---------------------------------------------------------------------------------------------- */

.sitemap
	{
		line-height: 24px;
		margin: -30px 0px 0px 40px;
	}

.sitemap ul
	{
		margin: 0px;
		padding: 0px 0px 0px 0px;
	}

.sitemap ul li
	{
		padding: 0px 0px 0px 0px;	
		margin: 0 0 0 0 ;
		list-style-type: none;
		text-align: left;
		background: none;
		
		
	}
.sitemap ul li li
	{
		padding: 0px 0px 0px 15px;	
		margin: 0 0 0 0 ;
		list-style-type: none;
		text-align: left;
		background: url(../images/arrow_blue.gif)  0px 9px no-repeat;
	
		
		
	}
.sitemap ul li li li
	{
		padding: 0px 0px 0px 20px;	
		margin: 0 0 0 0 ;
		list-style-type: none;
		text-align: left;
		font-size: 11px;
		background: url(../images/arrow_white.gif)  0px 9px no-repeat;
		
	}
	
.sitemap li a , .sitemap li a:visited
	{
		color: #FFF;
		padding: 3px 5px 4px 0px;
		text-decoration: none;
		text-align: left;
		

	}

.sitemap li a:hover
	{
		background: url(../images/bullet_oranje.gif)  0px 9px no-repeat;
		color: #CE3400;
		text-decoration: underline;
		
	}

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

	
.spacer {
	width: 100%;
	height: 20px;
}

.spacer30 {
	width: 100%;
	height: 30px;
}


input.button { 
	background: #2C4D6F; 
	border: 0px;
	color: #ffffff; 
	font-size: 12px;
	line-height: 16px;
	margin: 0px 0px 10px 0px; 
	padding: 3px 10px 3px 10px; 
	}	
	
		/* Fix voor IE */
		* html input.button
		{
			padding: 5px 5px 3px 5px; 
		}
		

/* TABLE
--------------------------------- */

table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border: 0px;
	border-color: #041124;
}
table td, th {
	padding: 3px;
	border: 0px;
	border-color: #041124;
}