/*************************************************

        DESIGN EN TECHNISCHE REALISATIE:
        Kruit Communication Design
        http://www.kruit.nl/
        2009 Kruit Communication Design
        +31 (0)348 � 481010    
        Vormgeving: Harmen Heuvelman

 *************************************************/

 

 /*---basis---*/

 body {
	padding: 0;
	margin: 0;
	background:#ffffff;
	text-align: center;
}
#wrapper {
	width: 980px;
	margin-left:auto;
	margin-right:auto;
}
#top {
	position: relative;
	height:250px;
	width:980px;
	margin-top:5px;
	background-image:url(img/greenaward/banner-top.jpg);
	margin-bottom:20px;
}
#leftcontent {
	width:330px;
	padding-right:18px;
	float:left;
	border-right: solid #B2BB1E 2px;
	z-index:1;
}
#centercontent {
	width:980px;  /* was 940*/
	padding: 0 0 10px 0; /* 27 04 top set to 0 */
	float:left;
	text-align:left;
	z-index:1;
	clear:both; /* 27 04 */
}
/* 28 04 */

#centercontent h1 {
	clear:both;
	display:block;
	padding: 0 0 0 20px;
}
#swf {
	width:980px;
	margin: 10px 0 10px 0;
	float:left;
	text-align:left;
	z-index:1;
}
#rightcontent {
	width: 630px;
	float: left;
	text-align:left;
	z-index:1;
}
#topbanner {
	width: 980px;
	height: 85px;
	float: left;
	z-index: 1;
}
/*--- top ---*/



.toplinks {
	float:left;
	width: 810px;
	height: 220px;
}
.toprechts {
	width: 170px;
	height: 220px;
	float: right;
}
.flashtop {
	width:810px;
	height:220px;/* background-color:#660099; */

		}
.logotop {
	margin: 0;
	padding: 0;
	width:170px;
	height:250px;
	background-image:url(img/greenaward/logo.jpg);
}
.logotop a {
	/* Hide GreenAward text */

	padding: 0 0 0 170px;
	width: 0;
	height: 250px;
	overflow: hidden;
	display: block;
}
.navigatie {
	position: absolute;
	bottom: 0;
	left: 0;
	width:971px;
	height:30px;
	padding-left:9px;
	z-index:10;
	background-color:#B2BB1E;
}
/*--- navigatie links ---*/



.image-links {
	width: 330px;
	height: 85px;
	float:left;
	margin-top:5px;
	background: no-repeat;
}
.image-links a {
	/* hide linktext */

	padding: 0 0 0 330px;
	width: 0;
	height: 85px;
	display: block;
	overflow: hidden;
}
.links-ships {
	background-image:url(img/greenaward/ships.jpg);
}
.links-managers {
	background-image:url(img/greenaward/holders.jpg);
}
.links-providers {
	background-image:url(img/greenaward/providers.jpg);
}
.links-supporters {
	background-image:url(img/greenaward/supporters.jpg);
}
.links-certification {
	background-image:url(img/greenaward/certification.jpg);
}
.links-login {
	background-image:url(img/greenaward/login.jpg);
}
/*---rechts---*/



.tekst {
	width: 420px;
	min-height: .1px;
	overflow: hidden;
	float:left;
	padding-right:18px;
	margin: 0;
	border-right: solid 2px #B2BB1E;
	line-height:14px;
	padding-left: 20px;
}
/*	

.tekst img {

	margin: 5px 0px 10px 10px;

}



.tekst p img {

	margin: 5px 0px 10px 0px;

}

*/	

.bar {
	width:150px;
	float:left;
	padding-left:20px;
	line-height:14px;
}
.newsbar {
	width:150px;
	height:400px;
	float:left;
	padding-left:20px;
	line-height:14px;
	overflow:auto;
}
.bottom {
	width:610px;
	float:left;
	border-top: solid 2px #B2BB1E;
	margin:10px 0 0 0;
	text-align:left;
}
.bottom2 {
	width:980px;
	float:left;
	border-top: solid 2px #B2BB1E;
	margin:10px 0 0 0;
	text-align:left;
}
.bottom2 p {
	margin: 10px 0;
}
.result {
	margin:10px 0 10px 0;
}
/*--- bar ---*/



.bar ul h3 {
	margin: 0;
	padding: 0;
}
.bar ul p {
	margin: 0;
	padding: 0;
}
.bar ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:14px;
	list-style:outside url(img/greenaward/arrow.gif);
	padding:0px;
	margin:0px;
}
.tekst ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:14px;
	list-style:outside url(img/greenaward/arrow.gif);
	list-style-type:none;
	padding: 0;
}
.date {
	font-weight: bold;
}
/*--- center ---*/



.shipsdate {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:14px;
}
table.list {
	float:left;
	margin: 0 0 0 20px;
	line-height:20px;
	border-collapse:collapse;
}
table.list td {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:14px;
	vertical-align:top;
	padding-right:10px;
	border-bottom: solid 1px #CCCCCC;
	padding-bottom:5px;
}
table.list td.bold {
	font-weight:bold;
}
.vak1 {
	width:449px;
	border-right:solid #B2BB1E 2px;
	padding: 0 20px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	font-weight:bold;
	float:left;
}
.vak1 h2,  .vak2 h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	font-weight:bold;
	margin: 0;
	padding: 0;
}
.vak2 {
	width:449px;
	padding: 0 0 0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	font-weight:bold;
	float:left;
}
.country {
	padding: 10px 0;
	width: 449px;
	border-bottom:solid #B2BB1E 2px;
	float:left;
}
.manager {
	width:449px;
}
.manager-tekst {
	text-align:left;
	font-weight:normal;
	width:299px;
	float:left;
}
.manager-tekst span.name-provider {
	font-weight: bold;
	font-size: 11px;
}
.manager-logo {
	padding: 10px;
	width:130px;
	height:60px;
	background-color:#CCCCCC;
	float:left;
}
/*---form---*/



.form_left {
	width:120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:14px;
	color: #333333;
	float:left;
	margin-bottom:10px;
	text-align:left;
}
.form_right {
	width:300px;
	float:left;
	margin-bottom:10px;
	text-align:left;
}
.send {
	background-image:url(img/greenaward/send.jpg);
	margin: 0 0 15px 0;
	border:solid 1px #FFFFFF;
	width:80px;
	height:20px;
	float:left;
}
.textinput {
	border: 1px solid #00224F;
	background:#ffffff;
	color:#333333;
	font-size:11px;
	height:14px;
	width:200px;
}
/*--- search and login---*/



.logsearch {
	width: 290px;
	height: 65px;
	background-color: #00224F;
	color: #FFFFFF;
	text-align: left;
	padding: 10px 20px;
	float: left;
}
.textinput {
	background:#ffffff;
	color:#000000;
	border:solid 1px #00224F;
	font-size:14px;
	height:18px;
	width:190px;
	margin: 0 18px 15px 0;
	float:left;
}
/*---recent toegevoegd door Harmen--*/

/*---list---*/

ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:14px;
	list-style:outside url(img/greenaward/arrow.gif);
	padding:0px;
	margin:0px;
}
li {
	padding-bottom:14px;
}
ul.unorder {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:14px;
	padding-bottom:14px;
	margin:0px;
	list-style:disc; /* 22 04 */
}
ul.unorder li {
	font-weight:normal;
	padding-bottom:0px;
}
ul.unorder li.bold {
	font-weight:bold;
	padding-bottom:0px;
}
ol {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:14px;
	padding-bottom:14px;
	margin:0px;
	list-style:decimal;
}
ol li {
	font-weight:normal;
	padding-bottom:0px;
}
ol li.bold {
	font-weight:bold;
	padding-bottom:0px;
}
.table {
	width:100%;
}
.newsinput {
	border: 0px solid #FFFFFF;
	background:#ffffff;
	color:#333333;
	font-size:11px;
	width:140px;
	height:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	overflow:hidden;
}
.newstitleinput {
	border: 0px solid #FFFFFF;
	background:#ffffff;
	color:#333333;
	width:140px;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	margin-top:9px;
	margin-bottom:4px;
	overflow:hidden;
}
.input {
	border: 0px solid #FFFFFF;
	background:#ffffff;
	color:#333333;
	font-size:11px;
	width:150px;
	margin-bottom:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:bold;
	height:14px;
}
/*---links---*/

.search {
	background-image:url(img/greenaward/search.jpg);
	margin: 0 0 15px 0;
	border:solid 1px #FFFFFF;
	width:80px;
	height:20px;
	float:left;
}
.login {
	background-image:url(img/greenaward/log.jpg);
	margin: 0 0 15px 0;
	border:solid 1px #FFFFFF;
	width:80px;
	height:20px;
}
/*--- images en banners ---*/



.heyerdahl {
	width:420px;
	height:90px;
	margin:20px 0 20px 0;
}
.kopimg {
	width:640px;
	height:85px;
	float:left;
	margin: 0 0 0 10px;
}
.news {
	float:right;
	margin: 0 0 10px 10px;
}
.lokation {
	background-image:url(img/greenaward/lokation.jpg);
	width:350px;
	height:250px;
	margin-top:20px;
}
/*---fonts---*/

	

h1,  .bar h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	margin: 9px 0;
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	margin:9px 0px;
	text-align:left;
}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
}
p .bold {
	font-weight:bold;
}
ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:14px;
	/* PV 20-04-2009: content dotted ul without arrows, only bar has arrow */

	/* list-style:outside url(img/greenaward/arrow.gif); */

	padding:0px;
	margin:16px;
}
ol {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:14px;
	/* PV 20-04-2009: content dotted ul without arrows, only bar has arrow */

	/* list-style:outside url(img/greenaward/arrow.gif); */

	padding:28px;
	margin:0px;
}
li {
	padding-bottom:14px;
}
ul.sitemap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	line-height: 14px;
	padding-bottom: 14px;
	margin: 0;
}
.tekst ul.sitemap li {
	list-style: outside url(img/greenaward/arrow.gif);
	padding-bottom: 0;
	margin-bottom: 0;
	font-weight: normal;
}
/*---links---*/



a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	line-height:14px;
	text-decoration:none;/*	cursor:hand;*/

	}
a:hover, a:active {
	color:#ED1849;
}
a.result {
	font-size:14px;
	font-weight:bold;
}
/*	

img {

	margin: 0;

	padding: 0;

	border: none;

}

*/	

/*---navigatie top---*/







#nav, #nav ul {
	list-style:none;
	line-height:24px;
	display: block;
	overflow:hidden;
	list-style-image:none;
	margin: 0;
	padding: 0;
}
#nav a {
	display: block;
	color:#FFFFFF;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
#nav a.sub {
	font-size:11px;
	line-height:22px;
}
#nav li {
	float: left;
	display: block;
	padding: 7px 9px 9px 10px;
}
#nav li li {
	float:none;
	width:auto;
	min-width: 150px;
	/*width:150px;*/
	text-align:left !important;
	font-size:11px;
	padding-top:4px;
	padding-bottom:4px;
	margin-left:-10px;
	background-color:#C4D6E8;
	display: block;
}
#nav li ul {
	position:absolute;
	left:-999em;
	font-size:11px;
	margin-top:9px;
	background-color:#C4D6E8;
	padding-left:10px;
}
#nav li ul li a { /* 16 04 */
	color:#0081C5;
}
#nav li:hover ul,  #nav li.sfhover ul {
	left: auto;
	display: block;
	margin-left:-10px;
	text-align:left !important;
}
#nav li:hover,  #nav li.sfhover {
	left: auto;
	display: block;
	background-color:#002B55;
	margin-left: 0px;
}
#nav li li:hover,  #nav li li.sfhover {
	left:auto;
	display: block;
	background-color:#0081C5;
	margin-left:-10px;
	
}


#nav li li:hover a, #nav li.sfhover a {
	color: #FFFFFF;
}



/* Holders */

.country span {
	font-size: 13px;
}
/* Shipslist */

.logo-1 {
	height: 50px;
	border: 0;
	width: 160px;
	margin-bottom: -12px;
}
.logo-2 {
	height: 48px;
	border: 0;
	width: 60px;
	margin-bottom: -12px;
}
/*---recente toevoeging Harmen---*/



.tekst ul li {
	margin-bottom:-14px;
}
/*---Even maar een kleine uitleg. Een standaard list-item in een unordend list wordt nu vooral gebruikt bij de news items in de rechterbalk. Om de afzonderlijke news items te accentueren, heb ik ervoor ingesteld dat als er een news item in de list erbij wordt gezet, er altijd 14 pixels afstand is tussen het ene en het andere newsitem. Echter, door deze oplossing is dus het probleem gekomen dat bij alle unorderd list gevalletjes er 14 pixels bij komen. Dit stukje CSS lost het op, door alles wat erbij wordt getikt in de tekst-div (het centrale vlak in het midden waar alle tekst komt te staan) het bevel te geven dat die 14 pixels regelafstand weer terug moet worden genomen. Ik heb het even met Photoshop gechecked, de regelafstand is nu bij de unorderd en de orderd listen gelijk op 6 pixels.---*/



.bar {
	float:left;
	line-height:14px;
	padding:0 10px 0 20px;
	width:140px;
}
/*---Dit is voor de balk aan de rechterkant waarin het samengevatte nieuws hoort te staan. Het leek namelijk alsof de teksten eruit liepen. Nu bleven de teksten keurig binnen de wraper, met de maximum breedte van 980px. Maar visueel leek het alsof de teksten door de wraper heen braken. Om het wat netjes te maken heb ik nu de padding veranderd. Aan de rechterkant van de div bar (dit is dus het balkje aan de rechterkant) zit nu dus een padding van 10 pixels, om een soort visuele grens te laten ontstaan. Zo moet het wel lukken.



Ik heb het nog even uitgetest in de 3 browsers (Firefox, IE en Safari) en het werkt zo te zien naar behoren. Ik zou zeggen, voeg het maar toe.---*/





img.pdf {
	border:none;
}
/*  added 20 07 2009 */

  

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13px;
	font-weight:bold;
	margin:0px 0 10px 0;
	text-align:left;
}
.tekst img {
	padding: 5px 10px 5px 10px;
}
#rightcontent table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*color:#333333;*/

  font-size:11px;
	border-top:1px solid #B2BC1F;
	border-left:1px solid #B2BC1F;
	padding: 0;
	margin: 0;
}
#rightcontent table td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	border-right:1px solid #B2BC1F;
	border-bottom:1px solid #B2BC1F;
	padding: 2px;
}
/* new for shiplists and ports 27 04 */

  

.ankerlink_lijsten {
	clear:both;
	text-align: left;
	display:block;
	z-index: 1;
}
.ankerlink_links {
	background-color:#9EBDDA;
	clear:both;
	text-align: left;
	margin: 0 0 0 260px;
}
.ankerlink_links a {
	display: block;
	padding: 7px 9px 9px 25px;
	/*	padding: 5px 5px 5px 25px;*/

	width: 323px;
	color:#00224F;
	font-weight:bold;
	background:url(img/greenaward/arrow_blue.gif) no-repeat left #9EBDDA;
}
.ankerlink_links a:hover {
	color:#FFFFFF;
	background:url(img/greenaward/arrow_white.gif) no-repeat left #0081C5
}
.clearing {
	clear:both;
}
.anchor {
	display: block;
	clear: both;
	line-height: 0;
	font-size: .1px;
}