/*1.tag defaults/general*/
/*menubeskrivelse: 
3 states med hver sin farve. 
1) default:  mørkeblå, 2) hover: sort
3) selected: lyseblå
Ved udskrivelse skal vi for hvert pkt. afgøre om det er selected, for derefter at udskrive den korrekte
id.*/

/*container for main menu*/
#menubox {
	height: 76px; 
	width: 400px;	
	position: relative;
	left: -2px;
	/*overflow: hidden;*/
}



#preloadbox {
	position: absolute;
	left: -400px;
	visibility: hidden;
	
}
/*correct of imagebox height on front*/
.front_special {
		height: 46px !important; 	
}

#menubox a, img {
	margin: 0 !important;
	padding: 0 !important;	
}
/*
#career_a {
	position: relative;
	left: -4px;
	}

#projects_a {
		position: relative;
		left: -12px;
}

#partners_a {
		position: relative;
		left: -16px;
}

#fleet_a {
		position: relative;
		left: -5px;
}

#contact_a {
		position: relative;
		left: -5px;
}

#yolo_a	{
		position: relative;
		left: -9px;
}
*/
#hider {
	height: 20px;
	width: 14px;
	position: absolute;
	background-color: #f3f3f3;	  	
	left: 244px;
	z-index: 20;
}
/*default kill margins and paddings*/
h1, h2, h3, p, div, form {
	margin: 0;
	padding: 0; 
}

img {
	border: none; 
}

/*default font*/
body, p, td, h2, h1, div, span, a, input, textarea, option {
	font: 11px Arial, Sans-Serif; 	
}

p, td {
	font: 11px Arial, Sans-Serif !important; 	
}
/
*black heading..TINYMCE class. Must match in admin*/
h3, .h3 { 
	font-size: 12px; 
	font-weight: bold; 	
	padding: 0; 	 
	margin: 0;
	color: #000; 
}

h4 { 
	font-size: 14px; 
	font-weight: bold; 	
	padding: 0; 	 
	color:#009ee0; 
}

/*red h5*/
h5 {
	color: #ff0000; 
	font-size: 12px; 
	font-weight: bold; 	
	padding: 0; 
	margin: 0; 
	text-transform: uppercase; 
	/*padding: 10px 0; */
}

/*default link*/
a:link, a:visited,a:hover, a:active  {
	color: #000000; 
	text-decoration:none; 
	background-color: none !important;
}

a:hover, a:active {
	color: #000000; 
	text-decoration:underline; 
	background-color: transparent !important;
	}
}


/*other links are described in the container section!*/
.clear_spacer {
	clear: both;
	height: 58px !important;	
}

/*other links are described in the container section!*/
.clear {
	clear: both;
}


.left {
  float: left; 
}


.right {
  float: right; 
}

input, option, textarea, select {
	font-size: 10px; 
	margin: 0; 
	padding: 0; 
}

/*2.main layout*/
  body {
	padding: 0;
	margin: 0;
	padding-left: 30px; 
	background-color: #f3f3f3;	  	
  }

  
 /*main container*/
div#container {
	margin: 0; 
	width: 926px;	
	/*border: 1px solid red;*/ 
	}


/***header**/
#header {
	height: 56px !important;
	overflow: hidden; 
	/*background-image: url(images/header_logo.jpg);
	background-repeat:no-repeat;*/
	background-color: #e7ebef;  	
	position: relative;	 	 
}


#headline_img {
	float: left; 
	margin-top: 20px; 
}


#header_left {
	float: left;
	width: 148px;
	position: relative;
   	
}

/*map left position*/
#header_left img {
	position: relative; 
	top: 6px; 
	left: 10px; 	
}

/*box and text*/
#adress {
	float: left;
	width: 400px; /*we limit the box. It could be bigger*/
	padding-top: 14px; 
	color: #ADAEAF; 
	/*font-size: 6px;*/ 
	line-height: 11px; 		
	background-image: url(images/map_middle_bg2.gif);
	background-repeat:no-repeat;
	background-position: 0 6px; 
	height: 100%;

}


#adress a {
	 color: #ADAEAF; 
	/*font-size: 6px;*/ 
	line-height: 11px;	
	height: 100%;
}
	
#logo {
	float: right; 	 
	position: relative; 
	top: 16px;
	left: -24px; /*logo is cut from layer with somee margin*/	 	
}


#dannebrog {
	float: right; 	 
	position: relative; 
	top: 35px;
	left: 98px; /*logo is cut from layer with somee margin*/	 	
}


#logo2 {
	float: right; 	 
	position: relative; 
	top: 10px;
	left: -16px; /*logo is cut from layer with somee margin*/	 	
}

/***footer container****/
#footer {	
	clear: both !important;
	display: block; 	
	background-color: #e7ebef;
	margin-bottom: 20px; 
	/*margin-top: 38px; /*???maybe use space from elements abvoe*/
	/*IE 7 & FF disagree on this*/
}

#footer_text {
	height: 38px;  	  	
	color: #ADAEAF; 	 
	background-color: #e7ebef;  		
	height: 48px;
	padding: 0; 
	margin: 0;		
}

#footer_text p, #footer_text div  {
	padding-top: 16px;	 	
	margin: 0 !important;
}

#footer_text p a, #footer_text div a {
	padding: 0;	 	
	margin: 0;
}


#footer_left {
	padding-left: 14px;
	float: left; 
}

#footer_right {
	float: right;
	padding-right: 16px; 
}

#footer_right a, #footer_right a:link, #footer_right a:visited {
	color: #77AACD; 	
	text-decoration: underline !important;	
}	

#footer_right a:hover, #footer_right a:active {
	color: #77AACD; 	
	text-decoration: none !important;	
}



/*spacer from header to content*/
.spacer {
	height: 18px; 
}


.left_col, .right_col {
	
}


/***left col mainly used for images*/
.left_col {
	position: relative; /*position context for buttons!!!*/	
	width: 520px; 	 
	float:left; 	
	/*trick empty left col to fill it's space. relevant on frontpage*/
	border: 1px solid #f3f3f3;
	border-top: none; 
	border-left: none; 
}

/*inner container for left content. Sets the hor. "padding" of the box*/
.left_col_content {
	margin: 0 10px; 
}

/*imagebox for left col*/
.imagebox {
 	width: 518px;  
	margin-bottom: 20px;/*if images is higher than content this will be the space to the footer*/
	/*background-color: #ffffff; */
	float: left; 
}

/*
.left_col_content p {
	margin-bottom: 14px; 
}
*/

/***right col main content column*/
.right_col {
	float:left;
	width: 370px; 
	margin-left: 34px; /*space between columns*/
	padding-top: 34px; /*should be 36!!!* put it doesn't match*/ 
	position: relative; /*pos context*/	
}

/*add padding to the main text element*/
#add_padding {
	padding-bottom: 36px;	
}

.right_col_content, .right_col_content div, .right_col_content p  {
	/*min-height: 420px;*/ 		
		font-size: 12px !important;	
}

/***basically the default text!!*/
.right_col_content p {
	font-size: 12px !important;
	margin-bottom: 20px; 
}

.submenu {
	height: 34px;
	height: 72px;	
	overflow: hidden; 
}

/*the submenu for textpages*/
.submenu a, .submenu {
	 color:#009ee0 !important;
	 font-size: 12px;
	 font-weight: bold; 
}

.submenu .selected {
 color:#22376E !important; 
}	


.submenu a:visited {
	text-decoration: none !important; /*for IE 7*/ 	
}

.submenu a:hover {
	text-decoration: underline !important; 
}

/**forside**/
/*spacing around front image*/
#forside_img {
	margin: 0 0 0 0; 
	/*position: relative:
	top: -20px;*/ 
}



#frontpage_textbox {
	padding-top: 8px !important; /*correct of class padding-top*/
	margin-bottom: 150px;
}


.table_left_text {
	width: 184px; 
	float: left;
}
	
.table_left_text p {
	width: 110px; 
	margin-bottom: 20px; 
}

/*used on fleet et al*/
.table_left_text a, .table_left_text a:link {
	display: block;
	color: #006699 !important; 	
}

/*used on fleet et al*/
.table_left_text a.selected {
	color: #666666 !important; 	 
}

.table_left_text .bottomLink {
	margin-top: 48px; 	
}

/***linkgroups***/
/**using default h3!!**/
.linkgroup p {
	margin: 0; 		
}

.linkgroup a {
	margin: 0; 
	font-size: 12px;
	color: #009ee0 !important;
	font-weight: bold;		
}

.linkgroup  {
	margin-bottom: 18px; 			
}

/*bottom spacer*/
.ships_spacer {
	height: 38px;
		
}

/****positions*****/
/*vessels table*/
.vessel_table {
	width: 740px;
	background-color:#FFFFFF; 
	border-collapse: collapse; 
	border: none; 
	float: right; 
	margin-bottom: 60px;
}

.vessel_table .headerrow {
	height: 74px;
	text-align: left;
	vertical-align:top;			
}

/*common styles for special first left cell*/
.blue_bg_fake_border { 
	background-color: #eaf0f6; 
	height: 72px !important; 
	/*border-bottom: 1px solid white; */
}

#vessel_bluecell {
	width: 177px; 
}

.vessel_table .spacecol {
	width: 8px; 
}

/*links*/
.vessel_table a:hover, td a {
	color: #000 !important;
}

.vessel_table .firstcol {	
	/*add extra to simulate cellpadding*/
	width: 1px; /*old 178px*/
	/*border: 1px solid green; */
	font-size: 1px;
	padding: 0;
}

.vessel_table .secondcol, .vessel_table .thirdcol {
	width: 70px; 
}

.vessel_table .forthcol {
	width: 118px; 
}

.vessel_table .fifthcol {
	width: 190px; 
}

.vessel_table .sixthcol {
	width: 84px; 
}

.vessel_table td {
	margin: 0; 
	padding: 0; 
	height: 18px; 
}

/*fleets table*/
.fleet_table {
	width: 740px;
	background-color:#FFFFFF; 
	border-collapse: collapse; 
	border: none; 
	float: right; 
	margin-bottom: 60px;
}

#fleet_bluecell {
	width: 176px;
}

.fleet_table .headerrow {
	height: 74px;
	text-align: left;
	vertical-align:top;		
}

/*common styles for special first left cell*/
.blue_bg_fake_border { 
	background-color: #eaf0f6; 
	height: 73px; 	
}

#fleet {
/*	width: 174px; 	*/
}

/*fleet default cell we will override the bg-image for first cols*/
.fleet_table td {
	margin: 0; 
	padding: 0; 
 	padding-left: 8px; 
	height: 18px; 
	margin-right: 12px; 
	background-image: url("../images/divider2.gif");
	background-repeat: no-repeat; 
	background-position: 0 0; 	
}

/*this out****
.fleet_table td.spacecol {
	width: 8px;
	padding: 0 !important;  
}

.spacer_col {
	width:1px; 
	overflow: hidden;
	margin: 0; 	
	background-color: #00FF33 !important; 	 
}
*/

.fleet_table .firstcol {	
	/*add extra to simulate cellpadding*/
	width: 163px;
	background-color: #eaf0f6;
	height: 70px; 
	background-image: url("../images/unit2.gif");
	background-repeat: repeat-x !important; 
	background-position: bottom left; 
}

.fleet_table .secondcol, .fleet_table .thirdcol {
	width: 74px; 
}

.fleet_table .forthcol {
	width: 108px; 
}

.fleet_table .fifthcol {
	width: 95px; 
}

.fleet_table .sixthcol {
	width: 90px; 
}

/*reset for first two cols*/
.fc { 
	background-image: none !important; 
}

.odd {
	background-color: #eaf0f6 !important; 		
}

/**dot**/
.dot {
	margin-left: 2px; 	
}

/**********fleet2***********/
.whitebox, .infobox  {
	float:left; 	
}

/*white box */
.whitebox {
	width: 368px;
	background-color: #fff; 
	padding-bottom: 100px; 
}

/*we set box padding directly on elements as margins*/
.whitebox h3, .whitebox p {
	margin: 1px 4px 2px 2px; 		
}

.bold {
	font-size: 12px; 
	font-weight: bold; 	
}

.greybox h2 {
	/*margin: 2px;	*/
}

.infobox {
	width: 374px;
	background-color: #EAF0F6; 	
	padding-bottom: 70px; 
}

.infobox img{
	margin-bottom: 16px;
}

.greybox {
	width: 186px; 
	height: 74px; 
	background-color: #F8F8F8; 
	font-size: 14px !important; 
	font-weight: bold; 				
}

.greybox span {
	font-size: 16px; 
	font-weight: normal; 			
	margin-top: 8px; 	
}

/*detail box */
.smallbox {
	float: left; 
	width: 183px; 		
}	
	
/*detail box */
.smallbox_content {
	margin: 2px;	 
	font-size: 11px; 		
}

.smallbox_content .topmargin {
	margin-top: 20px; 		
}

/*used on fleet et al*/
.smallbox_content a, .smallbox_content a:link {
	display: block;
	color: #006699 !important; 
	font-size: 11px; 
	
}

/*used on fleet et al*/
.smallbox_content span {
	color: #006699; 
	font-size: 11px; 	
}

/*used on fleet et al*/
.smallbox_content h3 {
	font-weight: bold; 
	font-size: 11px; 	
}


/*used on fleet et al*/
.table_left_text a.selected {
	color: #666666; 	 
}

/*used on fleet et al*/
.table_left_text span {
	color: #666666; 	 
}

/*selected search param*/
.table_left_text span a{
	color: #000 !important; 	 
}

.table_left_text .bottomLink {
	margin-top: 48px; 	
}

/*********contact**********/
.locationbox a, .locationbox a:hover  {
	color: #22376E; 
	font-size: 12px; 
	font-weight: bold; 
	margin-right: 4px;
}

.locationbox a.selected {
	color: #008fbd !important;
	font-size: 12px;	
}

.contactbox {
	margin-top: 10px; 	
	font-size: 11px;
}

.contactbox a{
	font-size: 12px;
}

/*container for each person block with img and textblock*/
.person {
	clear: both !important; 
	position: relative;
}

.person img {
	float: left; 
	margin-right: 34px; 	/*space*/
}

.missing_image {
	float: left; 
	margin-right: 34px;
	width: 110px;
	height: 100px;
	background-color: #EAF0F6; 

	
}


.missing_image p {
	margin: 10px;
	
}


/*commonwith for staff boxes*/
.staffbox {
	width: 186px; 
	background-color: #EAF0F6; 
	/*float: left; */
	height: 184px; 	
	position:absolute;
	left: 146px;
	top: 0;
}

/*headline staff box*/
#staff {
	height: 76px; 	
	font-size: 14px; 
	font-weight: bold; 
	font-size: 16px; 
	font-weight: normal;
	position: absolute; 
	top: 442px; 
	left: 0; 		
}

/*container for all personblocks*/
.photo_col {
	clear: both;
	margin-left: 408px; 
	margin-top: 20px; 
	float: left; 
}

.staff_col {
	float: left; 
}

.st_space {
	float: left;
	width: 34px;
}



/*fixed height for whole person row*/
.person {
	height: 184px;
	height: 220px; 	
}