@charset "UTF-8";

/* 1. Global boks-modell som fikser padding-problemer */
* {
	box-sizing: border-box;
}
html {
	overflow-y: scroll;
}
body {
	margin: 0;
	padding: 0;
	background-color: #F8F8F4;
	/* Vi fjerner flex her og bruker margin på wrapper i stedet for bedre stabilitet */
}

#wrapper {
	height: auto;
	width: 1500px;
	margin: 0 auto; /* Dette sentrerer hele siden din perfekt i midten */
	position: relative;
	background-color: #FFF;
	overflow: hidden; /* Hindrer at innhold dytter ut rammen */
}


	#wrapper #header {
		background-color: #F8F8F4;
		min-height: 100px;
		width: 100%;
	}

	#wrapper #meny {
		height: auto;
		min-height: 35px;
		width: 100%;
		background-color: #FFF;
		border: 1px solid #A3A3A3;
		display: flex;
		flex-wrap: wrap;
	}

	#wrapper #content {
		width: 100%; /* Samme som header og wrapper */
		background-color: #FFF;
		border-right: 1px solid #A3A3A3;
		border-bottom: 1px solid #A3A3A3;
		border-left: 1px solid #A3A3A3;
		float: left;
	}

		#wrapper #content #hoved {
			background-color: #FFF;
			width: 100%; /* Den vil nå fylle nøyaktig de 1500px fra content */
			box-sizing: border-box; /* Tvinger padding (20px) til å holde seg INNE i boksen */
			padding: 20px;
			float: left;
			font-family: Arial, Helvetica, sans-serif;
			font-size: small;
		}

	/* Stil for menypunkter */
	#wrapper #meny {
		height: auto;
		min-height: 30px;
		width: 100%;
		background-color: #FFF;
		border: 1px solid #A3A3A3;
		display: flex;
		flex-wrap: wrap;
		/* Her legger vi tilbake dine originale fonter */
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		line-height: normal;
		font-weight: normal;
		color: #8C8C8C;
	}

		#wrapper #meny a {
			text-decoration: none;
			color: #000; /* Sort tekst som i originalen */
			padding: 7px 15px;
			display: block;
			text-align: center;
			border-right: 1px solid #D50E21; /* Den røde skillelinjen */
		}

			#wrapper #meny a:hover {
				color: #FF0000; /* Rød farge ved hover */
			}


#hoved img {
	max-width: 100%;
	height: auto;
}
.Heading_Top_All {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: normal;
	font-weight: 100;
	font: normal normal bolder 100% serif;
	color: #D50E21;
}
.Heading_Top_All_Right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: normal;
	font-weight: 100;
	color: #D50E21;
	text-align: right;
}
.Heading_Main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: normal;
	color: #D50E21;
}
.Heading_Small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}
.Heading_Small_Green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #009933;
}
.Heading_Station_Green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	color: #009933;
}
.Heading_Info_Type {
	width: 247px;
}

.Mat_Meny_Tekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	line-height: 1.5em;
}
.text_rod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	color: #D50E21;
	line-height: 1.5em;
}
.text_liste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	line-height: 1.5em;
}
.text_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
}
.text_form_rod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #D50E21;
	line-height: 1.5em;
}
.text_form_rod_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #D50E21;
	line-height: 1.5em;
}
.text_stor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	line-height: 1.5em;
}
.Label_40_Left {
	width: 40px;
}
.Label_50_Left {
	width: 50px;
}
.Label_67_Left {
	width: 67px;
}
.Label_80_Left {
	width: 80px;
}
.Label_80_Right {
	width: 80px;
	text-align: right;
}
.Label_100_Left {
	width: 100px;
	text-align: left;
}
.Label_110_Left {
	width: 110px;
	text-align: left;
}
.Label_120_Left {
	width: 120px;
	text-align: left;
}
.Label_130_Left {
	width: 130px;
	text-align: left;
}
.Label_130_Center {
	width: 129px;
	text-align: center;
}
.Label_130_Right {
	width: 129px;
	text-align: right;
}
.Label_137_Left {
	width: 137px;
}
.Label_150_Left {
	width: 150px;
	text-align: left;
}
.Label_200_Left {
	width: 200px;
}
.Label_200_Left Input {
	width: 190px;
}
.Label_200_Left Select {
	width: 190px;
}
.Label_300_Left {
	width: 300px;
}
.Label_350_Left {
	width: 350px;
}
.Label_400_Left {
	width: 400px;
}
.Label_450_Left {
	width: 450px;
}
.Label_500_Left {
	width: 500px;
}
.Tekstfelt_40 {
	width: 40px;
	text-align: left;
}
.Tekstfelt_40 Select{
	width: 30px;
	text-align: left;
}

.Tekstfelt_40 Input {
	width: 30px;
	text-align: left;
	border: 1px solid #A3A3A3;
	width: 30px;
}
.Textfelt_50_Left {
	width: 50px;
	text-align: left;
}
.Textfelt_50_Left input {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 40px;
}
.Textfelt_50_Left select {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 45px;
}
.Textfelt_50_TableHead {
	width: 50px;
	text-align: left;
	background-color: #C0C0C0;
	font-weight: bold;
}
.Tekstfelt_87_Left {
	width: 87px;
	text-align: left;
}
.Tekstfelt_87_Left input {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 50px;
}
.Textfelt_90_Left {
	width: 90px;
	text-align: left;
}
.Textfelt_90_Left input {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 80px;
}
.Textfelt_90_Left select {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 85px;
}
.Textfelt_90_Center {
	width: 90px;
	text-align: center;
}
.Textfelt_90_Center input {
	width: 80px;
	text-align: center;
}
.Textfelt_90_Right {
	width: 90px;
	text-align: right;
}
.Textfelt_130_Left {
	width: 130px;
	text-align: left;
}
.Textfelt_130_Left input {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 117px;
}
.Textfelt_140_Left {
	width: 140px;
	text-align: left;
}
.Textfelt_140_Left input {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 130px;
}
.Textfelt_140_Left select {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 135px;
}
.Textfelt_160_Left select {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 155px;
}
.Textfelt_140_Green_BG {
	border-style: none;
	width: 140px;
	text-align: left;
	font-weight: bold;
}
.Textfelt_140_Green_BG input {
	text-align: left;
	font-weight: bold;
	border-style: 1px solid #A3A3A3;
	width:130px;
	background-color: #00FF00;
}
.Textfelt_140_Left_Grey {
	border-style: none;
	width: 140px;
	text-align: left;
}
.Textfelt_140_Left_Grey input {
	width: 130px;
	text-align: left;
	border: 1px solid #A3A3A3;
	background-color: #C0C0C0;
}
.Textfelt_140_Left_Grey select {
	width: 135px;
	text-align: left;
	border: 1px solid #A3A3A3;
	background-color: #C0C0C0;
}
.Textfelt_140_TableHead {
	width: 140px;
	text-align: left;
	background-color: #C0C0C0;
	font-weight: bold;
}
.Textfelt_200_LoggInn {
	width: 200px;
	text-align: center;
	background-color: #FF0000;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;
}
.Textfelt_200_Left {
	width: 200px;
	text-align: left;
}
.Textfelt_200_Left input {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 190px;
}
.Textfelt_200_Left select {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 195px;
}
.Textfelt_250_Left {
	width: 250px;
	text-align: left;
}
.Textfelt_250_Left input {
	width: 240px;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
}
.Textfelt_250_Left select {
	width: 245px;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
}
.Textfelt_300_Left {
	width: 300px;
	text-align: left;
}
.Textfelt_300_Left input {
	width: 290px;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
}
.Textfelt_300_Left select {
	width: 295px;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
}
.Textfelt_300_TableHead {
	width: 300px;
	text-align: left;
	background-color: #C0C0C0;
	font-weight: bold;
}
.tekstfelt_bilmerke input {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 163px;
}
.tekstfelt_liten {
	width: 113px;
	text-align: left;
}
.tekstfelt_liten input {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 106px;
}
.tekstfelt_liten select {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 106px;
}
.tekstfelt_stor {
	width: 293px;
	text-align: left;
}
.tekstfelt_stor input {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 284px;
}
.tekstfelt {
	width: 100px;
	text-align: left;
}
.tekstfelt_center {
	width: 100%;
	text-align: center;
}
.tekstfelt input {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 95px;
}
.tekstfelt select {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 100px;
}
.check_text {
	width: 50px;
}
.check_text check {
	width: 30px;
	border: 1px solid #A3A3A3;
}
.fordelskode {
	width: 140px;
	text-align: left;
}
.fordelskode input {
	background-color: #FFFFFF;
	border: 1px solid #A3A3A3;
	width: 100px;
}
.menyknapp {
	width: 120px;
}
.menyknapp input {
	background-color: #FFFFFF;
	height: 17px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
}
.WebLogoSjomann {
	background-position: left;
	border-width: 0px;
	text-indent: 5px;
	background-image: url('../images/Weblogo.png');
	background-repeat: no-repeat;
	vertical-align: middle;
	clip: rect(50%, auto, auto, auto);
}
.textItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: normal;
	color: #000;
	line-height: 1.5em;
}
.text_form_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: 1.5em;
}
.textCenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	color: #000;
	line-height: 1.5em;
	text-align: center;
}
.tekstfelt_kommentar {
	width: 500px;
	text-align: left;
	height: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.Tekstfelt_Center_200_Red {
	border-style: solid;
	border-width: 1px 2px 1px 2px;
	border-color: #FF0000;
	width: 150px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.textRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	color: #000;
	line-height: 1.5em;
	text-align: right;
}
.textRightNoLength {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	color: #000;
	line-height: 1.5em;
	text-align: right;
}

.textLeftNoLength {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	color: #000;
	line-height: 1.5em;
	text-align: left;
}
.NoBorder {
	border-style: none;
}




.Textfelt_400_Left {
	width: 400px;
	text-align: left;
}





.Heading_Blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	color: #3333CC;
}

.Label_250_Left {
	width: 250px;
}

.Label_700_Left {
	width: 700px;
}
.Label_600_Left {
	width: 600px;
}

.Label_400_Right {
	width: 400px;
	vertical-align: middle;
	text-align: right;
}
.Label_240_Left {
	width: 240px;
}

.Label_10_Left {
	width: 10px;
}
.Label_20_Left {
	width: 10px;
}

.text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000;
	line-height: 1.5em;
}

.Textfelt_500 {
	width: 500px;
	text-align: left;
	background-color: #FFFFFF;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
}


.Label_25_Left {
	width: 25px;
}
.WebLogoSkippern_Blue {
	background-position: right;
	border-width: 0px;
	text-indent: 5px;
	background-image: url('../images/ViSeesPåSjømann_PNG.png');
	background-repeat: no-repeat;
	vertical-align: middle;
	clip: rect(50%, auto, auto, auto);
}
.Heading_Blue_xxl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-style: normal;
	font-weight: bold;
	color: #3333CC;
}
.WebLogoSkippern_Red {
	background-position: right;
	border-width: 0px;
	text-indent: 5px;
	background-image: url('../images/Skippern_Wide_red.png');
	background-repeat: no-repeat;
	vertical-align: middle;
	clip: rect(50%, auto, auto, auto);
}
.Formenn {
	font-family: Roboto;
	font-size: 15px;
	color: #28287D;
	font-weight: bold;
}
.Label_100_Right {
	width: 100px;
	text-align: right;
}
.Label_500_Left_Center {
	width: 500px;
	text-align: center;
}
.Label_500_Left_Right {
	width: 500px;
	text-align: right;
}
.Label_200_Right {
	width: 200px;
	text-align: right;
}
.Label_150_Center {
	width: 150px;
	text-align: center;
}
.Label_10_Left_Grey {
	width: 5px;
	background-color: #808080;
}
.Label_80_Right_Bold {
	width: 80px;
	text-align: right;
	font-weight: bold;
}
/* Spesialregler for utskrift/PDF */
        @media print {
            .no-print { display: none; } /* Skjuler knapper og søk */
            body { margin: 0; }
            th { background-color: #eee !important; color: black !important; border: 1px solid #000; }
            td { border: 1px solid #000; }
        }
        
        .btn { padding: 6px 12px; cursor: pointer; text-decoration: none; border-radius: 4px; display: inline-block; }
        .btn-green { background: #28a745; color: white; border: none; }
        .btn-blue { background: #007bff; color: white; border: none; }
/* Tvinger tabellen til å bruke hele den tilgjengelige bredden i #wrapper */
.table-dugnad {
	width: 100%;
	border-collapse: collapse;
	margin-top: 15px;
	font-size: 14px; /* Valgfritt: gjør skriften litt mindre for datatunge rapporter */
}

	/* Gjør overskriftene mer kompakte og legger på en bunnlinje */
	.table-dugnad th {
		padding: 6px 12px;
		text-align: left;
		font-weight: bold;
		border-bottom: 2px solid #ccc;
	}

	/* Reduserer padding dramatisk (fra 10px til 4px) for å presse linjene tettere */
	.table-dugnad td {
		padding: 4px 12px;
		text-align: left;
		vertical-align: middle;
		line-height: 1.2; /* Tvinger teksten til å bruke minimalt med høyde */
		border-bottom: 1px solid #eee; /* Fin, lys grå linje mellom radene */
	}

		/* Justering av kolonnebredder */
		.table-dugnad th:nth-child(1),
		.table-dugnad td:nth-child(1) {
			width: 110px;
		}

		/* Kolonne 3 og 4 holdes kompakte og sentrerte */
		.table-dugnad th:nth-child(3),
		.table-dugnad td:nth-child(3),
		.table-dugnad th:nth-child(4),
		.table-dugnad td:nth-child(4) {
			width: 130px;
			text-align: center;
		}

	/* Sørger for at totalraden skiller seg ut, men forblir kompakt */
	.table-dugnad tr[style*="font-weight:bold"] td {
		padding: 8px 12px;
		border-top: 2px solid #333;
		border-bottom: 2px solid #333;
	}