@charset "utf-8";
/* CSS Document */

body {
	background-color: #002144;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
	color: #4b555f;
	line-height: 15px;
}

/* ### wrapper ### */
#content,
#content_index,
#content_positions,
#content_trainee,
#content_whydof,
#content_contact {
	width: 900px;
	height: 550px;
	position: absolute;
	top: 9%;
	margin-left: -450px; 
	left: 50%;
	background-position: bottom;
	background-repeat:no-repeat;
	overflow: hidden;
}

/* #### bakgrunnsbildene ### */
#content_index		{background-image: url(../_images/bg_index.jpg);}
#content_positions 	{background-image: url(../_images/bg_positions.jpg);}
#content_trainee 	{background-image: url(../_images/bg_trainee.jpg);}
#content_whydof 	{background-image: url(../_images/bg_whydof.jpg);}
#content_contact 	{background-image: url(../_images/bg_contact.jpg);}


a {
	outline: none; /* fjerner ramme i FF */
}

#logo a {
	background-image: url(../_images/dof_logo.gif);
	display: block;
	width: 99px;
	height: 50px;	
}
#topplinje {
	background-color: #fff;	
	width: 86%;  
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 46px;
	left: 102px;
}	
#meny {
	position: absolute;
	right: 0;
	top: 38px;
	background-color: #002144;	
	padding-left: 8px;
	text-transform: uppercase;	
}
#meny ul {
	padding: 0;
	margin: 0;	
	list-style-type: none;
}
#meny ul li {
	padding: 0;
	margin: 0;
	display: inline;
}

#meny ul li a{
	border-right:solid #FFFFFF 1px;
	margin: 0 0px 0 5px;
	padding: 0 5px 0 0px;
}
#meny ul li a#lastitem{
	border-right:none;
	margin: 0 0px 0 5px;
	padding:0px;
}
#meny a {
	color: #fff;
	text-decoration: none;
}
#meny a:hover, #meny a:active, #meny .current, #meny a#activeitem, #meny a.inpath {
	color: #c20016;
}
.separator {
	color: #fff;
	padding: 0 5px 0 5px;
	cursor: hand;
}
#tekst { /* linjeskift hardkodes pga design */
	width: 805px; /* available positions minimum bredde */
	height: 350px;
	position: absolute;
	top: 93px;
	left: 44px;
	overflow: auto;
}
#tekst a { 
	color: #4b555f;
}
#tekst a:hover { 
	color: #c20016;
}

h1 { /* forsiden, trainee, why dof */
	font-size: 20px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 23px;
}
h2 { /* crewing office */
	font-size: 9px;
	color: #c20016;
	text-transform: uppercase;	
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 23px;	
}
/* h3 { /* available positions */ /*
	font-size: 13px;
	font-weight: normal;
	margin-top: 0;	
}*/
p b, p strong {
	font-size: 11px;
	font-weight: bold;
}
#knapp_forside a {
	background-image: url(../_images/forside_knapp_a.jpg);
	text-transform: uppercase;
	text-decoration:none;
	font-weight: bold;
	width: 146px;
	height: 21px;
	display: block;
	padding: 6px 0 0 12px;
}
#knapp_forside a:hover {
	background-image: url(../_images/forside_knapp_a-hover.jpg);
}


/* ### available positions tabell ### */

#positions_menu {
	position: absolute;
	top: 6px;
	right: 0px;
	text-transform: uppercase;	
}
#positions_menu ul {
	padding: 0;
	margin: 0;	
	list-style-type: none;
}
#positions_menu ul li {
	padding: 0;
	margin: 0;
	display: inline;
}
#positions_menu ul li a{
	border-right:solid #4b555f 1px;
	margin: 0 0px 0 5px;
	padding: 0 5px 0 0px;
}
#positions_menu ul li a.Last {
	border-right:none;
	margin: 0 0px 0 5px;
	padding:0px;
}
#positions_menu .separator {
	padding: 0 5px 0 5px;
	cursor: hand;
 	color: #4b555f;
}
#positions_menu ul a#activeitem, #positions_menu ul a#inpath {
	color:#c20016;
}
.positions_table {
	background-color: #9d9da5;
	width: 100%;
	border: 3px;
}
.positions_table .row_header {
	background-color: #9d9da5;
	font-weight: bold;
	color: #111;
	font-size: 10px;
}
.positions_table .row_even {
	background-color: #e3e3e3;
}
.positions_table .row_odd {
	background-color: #d1d2d7;
}
.positions_table .col_date {
	width: 80px; 
}
.positions_table .col_cat {
	width: 68px; 
}
.positions_table .col_pos {
	width: 250px; 
}