/* CSS Document */

/*-------------Sticky footer ---------------*/

html, body, #container {height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #222; }

body > #container {height: auto; min-height: 100%;}

#main-content {padding-bottom: 114px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -114px; /* negative value of footer height */
	margin-left: auto;
	margin-right: auto;
	height: 114px;
	clear:both;}
	
	.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/******************* GENERAL *****************/

body {
background: #55615d url(../images/map-bg.gif) fixed;
text-align: center;
}

/******************* TYPOGRAPHY *****************/

p {
font-size: 11px;
line-height: 15px;
margin: 5px 0 12px 0;
}

p.inngress {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
line-height: 19px;
color: #333;
}

p.news {
font-size: 10px;
line-height: 12px;
margin: 0 0 20px 0;
}

p.last {
border-bottom: 1px dashed #ccc;
padding-bottom: 10px;
margin-bottom: 20px;
}

.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

p.author {
font-style: italic;
font-size: 9px;
color: #777;
margin: -8px 0 10px 0;
}

p.date {
font-size: 9px;
color: #ee2f3f;
margin-bottom: 5px;
}

img.wraparound-left {
float: left;
margin: 5px 10px 2px 0;
}

img.wraparound-right {
float: right;
margin: 0 0 10px 10px;
}

div.image-full {
width: 100%;
height: auto;
background: #999;
}

div.image-full img {
float: left;
margin-bottom: 0;
}

div.image-full span {
width: 150px;
float: left;
padding: 20px 15px;
}
div.image-full span p.author {
color: #fff!important;
}

a {
color: #000;
text-decoration: none;
}

a:hover {
color: #555;
}

a.news {
text-decoration: none;
}

a:hover.news {
color: #555;
}

a.line, a.line h2 {
text-decoration: underline;
}

a.bigred {
display: block;
position: relative;
z-index: 10;
height: 63px;
/*background: url(/images/bigred.gif) top left repeat-y;*/
padding: 8px 5px 0px 30px;
margin-top: -85px;
color: #eee!important;
}

/* for Internet Explorer */
/*\*/
* html #container a.bigred {
margin-top: -85px;
padding-top: 8px;
height: 52px;
}

* html #container a.bigred p.small {
font-size:10px;
line-height: 12px;
}

* html #container a.bigred h1 {
font-size:14px;
line-height: 12px;
}
/**/

a.bigred h1 {
color: #fff;
font-size: 16px;
line-height: 10px;
margin-bottom: 2px;
}

img.union-jack {
display: block;
}

/****Headings***/

h1, h2, h3 {
font-weight: bold;
color: #111;
}

h1 {
font-size: 18px;
line-height: 20px;
margin: 0px 0 12px 0;
}

h2 {
font-size: 12px;
line-height: 15px;
}

h2.big {
font-size: 14px;
margin-bottom: 15px;
}

h2.arrow {
background: url(../images/arrow.gif) no-repeat 0 2px;
padding-left: 14px;
margin: 0 0 14px 0;
}

h2.gradient {
background: /*url(../images/header-gradient-bg.gif) repeat-x*/#e1ddc0 url(../images/arrow.gif) no-repeat 13px 15px;
padding: 12px 0 12px 27px;
margin-left: 5px;
color: #3d380d;
font-size: 12px;
}

h2.gradient a {
color: #3d380d;
}

h3 {
font-size: 11px;
margin: 3px 0 5px 0;
line-height: 13px;
}

/****************** IMAGES *******************/

img {
margin-bottom: 4px;
}

img.large {
margin-bottom: 10px;
}

.ks {
clear: both;
margin: 5px 10px 0 0;
}

.image-container {
width: 120px;
height: 80px;
overflow: hidden;
float: left;
margin-right: 5px;
}

/********************************** Layout ************************************/

#container {
height: 100%;
width: 1000px;
min-height: 100%;
margin: 0 auto;
text-align: left;
background: #fff url(../images/vert-shadow-bg.gif) right repeat-y;
border-left: 2px solid #55615d;
border-right: 2px solid #55615d;
}

#header {
padding: 15px 0 0 0;
background: #fff;
}

#headerLeft {
float: left;
padding: 0 0 0 20px;
}

#headerRight {
text-align: center;
float: right;
padding: 0 10px 0 0;
}

#headerLower {
clear: both;
}

#HeaderSearch {
display: none;
margin: 30px 10px 0 0;
}

#main-content {
padding-left: 20px;
}

#thin, #wide, #thinBg {
float: left;
margin: 0 20px 0 0;
}

#wide {
width: 550px;
padding-top: 30px;
}

/**************** custom #wide margin-top *********************/

#soke-ks #main-content, #om_ks #main-content, #hverdag #main-content, #utdanning #main-content { padding-top: 40px; }


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



#wide.kontakt {
width: 750px;
}

#wide.blog {
padding-top: 20px;
}

#thin {
width: 180px;
padding-top: 21px;
}

#thinBg {
width: 210px;
margin-right: 0;
padding-top: 9px;
}

#thin.blog {
width: 180px;
padding-left: 20px;
margin-right: 0;
}

.clear {
clear: both;
height: 20px;
}


/****************** Navigation ****************/

/****Top Navigation***/

ul#topNav {
position: relative;
right: -23px;
}

ul#topNav li {
display: block;
float: left;
border-right: 1px solid /*#e00034*/#111;
padding: 2px 0 1px 0;
}

ul#topNav li.last {
border-right: none;
}

ul#topNav li a {
font-size: 11px;
color: #111;
text-decoration: none;
padding: 2px 5px;
display: block;
}

ul#topNav li a:hover {
text-decoration: underline;
}

ul#topNav li a.kontakt-oss {
color: #ee2f3f;
font-weight: bold;
}

#index .index, 

#kontakt_oss .kontakt_oss, #rekrutteringsoffiser .kontakt_oss, #tolbodgaten_10 .kontakt_oss, #kart_og_veibeskrivelse .kontakt_oss, #video_av_ks .kontakt_oss, #bhg .kontakt_oss, #ordbok .ordbok, #ordliste .ordbok, #forkortelser .ordbok, #soknadsskjema .soknadsskjema,  

#bibliotek .ks_bibliotek, #om_biblioteket .ks_bibliotek, #kontakt_biblioteket .ks_bibliotek, #nye_boker .ks_bibliotek, #skrive_oppgaver .ks_bibliotek, #lenker_bibliotek .ks_bibliotek, 
#finn_boker .ks_bibliotek, #finn_artikler .ks_bibliotek, #tidsskrifter .ks_bibliotek, #databaser .ks_bibliotek, #fordypningsoppgaver .ks_bibliotek

{
color: #ee2f3f;
}

/****Blogg og bibliotek knapper***/

ul#topNav li.bibliotek-btn, ul#topNav li.blog-btn, ul#topNav li.kontakt-btn {
padding: 1px 0 2px 15px;
}

ul#topNav li.union-jack {
padding-top: 0; 
}

ul#topNav li.bibliotek-btn a, ul#topNav li.blog-btn a, ul#topNav li.kontakt-btn a {
color: #fff!important;

}

ul#topNav li.bibliotek-btn {
background: #000 url(../images/bok.gif) 2px 1px no-repeat;
}

ul#topNav li.blog-btn {
background: #000 url(../images/blog-btn.gif) 2px 1px no-repeat;
}

ul#topNav li.kontakt-btn {
background: #000 url(../images/kontakt-btn.gif) 2px 1px no-repeat;
}

ul#topNav li.bibliotek-btn a:hover, ul#topNav li.blog-btn a:hover, ul#topNav li.kontakt-btn a:hover {
text-decoration: none!important;
color: #FFFF00!important;
}



/****Main Navigation***/

ul#mainNav {
	margin: 0; padding: 0;
	width: 100%;
	background: #646300 url(../images/mainNav-bg.gif) top repeat-x;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	top: 10px;
	z-index: 1000;
	height: 33px;
}

ul#mainNav li {
	display: block;
	float: left;
	border-left: 1px solid #ece7b4;
	/*border-right: 1px solid #dbd48a;*/
	padding: 0;
	background: #646300 url(../images/mainNav-bg.gif) top repeat-x; /*--Divider for each parent level links--*/
}

ul#mainNav li.first {
	border: none;
}

ul#mainNav li.first a {
	padding-left: 20px;
}

ul#mainNav li.last {
border-right: 0;	
}

ul#mainNav li a {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 11px 17px;
	_padding: 11px 16px;
}



ul#mainNav li a:hover {
background: #494907 url(../images/mainNav-bg-over.gif) top repeat-x;
color: #fff;
/*color: #fff;*/
}

#forside .forside, #soke-ks .soke-ks, #om_ks .om_ks, #hverdag .hverdag, #utdanning .utdanning, #bibliotek .bibliotek, #stillinger .stillinger, #fou .fou, #kontakt-oss .kontakt-oss
{
background: #494907 url(../images/mainNav-bg-over.gif) top repeat-x;
color: #ece7b4!important;
}

ul#mainNav li:hover { background: #494907; }
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

/*ul#mainNav li:hover a { color: #fff!important; }*/

ul#mainNav li span {
	float: left;
	padding: 15px 0 16px 15px;
	position: absolute;
	z-index: 1000;
	left: 0; top:30px;
	display: none; /*--Hide by default--*/
	background: #494907;
	color: #ece7b4;
	width: 985px;
	font-size: 10px;
}

#soke-ks ul#mainNav li span#soke-ks, #om_ks ul#mainNav li span#om_ks, #hverdag ul#mainNav li span#hverdag, #utdanning ul#mainNav li span#utdanning { display: block; }

/*ul#mainNav li:hover span { display: block; } --Show subnav on hover--*/
ul#mainNav li span a { display: inline; font-size: 11px; color: #ece7b4; font-weight: normal; margin: 0 -2px 0 -5px; padding: 0 10px; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#mainNav li span a:hover {text-decoration: underline; background: none; color: #ece7b4!important;}


/****Sidebar Navigation***/

ul.sidebarNav {
padding: 3px 0 0 0;
}

ul.sidebarNav.hoyre {
padding: 17px 20px 20px 20px;
}

ul.sidebarNav li {
background: none!important;
border-bottom: 1px solid #ccc;
padding: 8px 0px 8px 0px;
}

ul.sidebarNav li.first {
/*border-top: 1px solid #ccc;*/
}

ul.sidebarNav li a {
font-size: 11px;
color: #333;
text-decoration: none;
padding: 8px 2px 8px 17px;
background: url(../images/arrow.gif) 2px 10px no-repeat;
}

ul.sidebarNav li a:hover {
/*background: #777!important;
color: #fff!important;*/
color: #000;
background-position: 5px 10px;
}

#bibliotek.biblioteket .biblioteket, #bibliotek.om_biblioteket .om_biblioteket, #bibliotek.minelaan .minelaan, #bibliotek.fornyelaan .fornyelaan, #bibliotek.forslag .forslag, #bibliotek.nye_boker .nye_boker, #bibliotek.lenker_bibliotek .lenker_bibliotek, #bibliotek.skrive_oppgaver .skrive_oppgaver, #bibliotek.finn_boker .finn_boker, #bibliotek.finn_artikler .finn_artikler, #bibliotek.tidsskrifter .tidsskrifter, #bibliotek.andre_bibliotek .andre_bibliotek, #bibliotek.databaser .databaser, #bibliotek.fordypningsoppgaver .fordypningsoppgaver, #bibliotek.tekster-paa-nett .tekster-paa-nett, 

#om_ks.historie .historie, #om_ks.tolbodgaten_10 .tolbodgaten_10, #om_ks.profileringsartikler .profileringsartikler, #om_ks.ks_org .ks_org, #om_ks.strategi .strategi, #om_ks.verdier .verdier, #om_ks.offiserskodeks .offiserskodeks,

#om_ks.aarshjul .aarshjul, #om_ks.fire_aarig_utdanning .fire_aarig_utdanning, #om_ks.bachelor .bachelor, #om_ks.skolen .skolen, 

#om_ks.aktuelle_temaer .aktuelle_temaer, #om_ks.mot_en .mot_en, #om_ks.utenlands_operasjoner .utenlands_operasjoner, #om_ks.arkiv .arkiv, 

#om_ks.stottefunskjoner .stottefunskjoner, #om_ks.lege .lege, #om_ks.fysiterapaut .fysiterapaut, #om_ks.resepsjonen .resepsjonen, #om_ks.ikt .ikt, #om_ks.lms .lms, #om_ks.boligkontoret .boligkontoret, #om_ks.studieadministrasjonen .studieadministrasjonen, 

#utdanning.ks_operativ .ks_operativ, #utdanning.ks_ingenior .ks_ingenior, #utdanning.ks_logistikk .ks_logistikk, #utdanning.gjennomgaaende .gjennomgaaende, #utdanning.ks_kvalifiseringskurs .ks_kvalifiseringskurs, #utdanning.sivile_studier .sivile_studier, #utdanning.bachelorgrad .bachelorgrad

{
color: #000;
font-weight: bold;
}

#bibliotek.minelaan .minelaan, #bibliotek.andre_bibliotek .andre_bibliotek, #bibliotek.fordypningsoppgaver .fordypningsoppgaver {
font-size: 10px;
}

/* for Internet Explorer */
/*\*/
* html #bibliotek.minelaan .minelaan, #om_ks.mot_en .mot_en {
font-size: 10px;
}
/**/

/********************************** Org kart *************************************/

p.tilbake {
text-align: right;
}

a.orgkort {
background: #222;
font-size: 9px;
color: #fff;
text-decoration: none;
padding: 2px 3px;
}

a.orgkort:hover {
background: #f70404;
color: #fff;
}



/********************************** FORMS *************************************/

/****Search***/

#HeaderSearch input#search {
padding: 2px;
/*display: none;*/
}

#HeaderSearch input#search-submit {
margin-bottom: -5px;
/*display: none;*/
}

/*#temaer.blog #HeaderSearch input#search, #temaer.blog #HeaderSearch input#search-submit {
display: inline;
}*/

/****It's Learning login***/

div#itslearning {
padding: 20px;
}

form.logg-inn {
margin-bottom: 20px;
}

form.logg-inn label {
display: block;
font-size: 10px;
margin: 8px 0 3px 0;
}

form.logg-inn input {
border: 1px solid #ccc;
background: #fff;
padding: 3px 1px;
} 
form.logg-inn input.headerFormField {
width: 90%;
}

form.logg-inn input.headerFormSubmit {
float:right; 
border: 0; 
margin: 10px 14px 0 0; 
background: #ff8400; 
color: #fff; 
font-weight: bold; 
padding: 2px 2px;
font-size: 10px;
}

/*************************************** NEWS ARTICLES ***************************************/

/****Image box***/

div.imagebox {
overflow: auto;
width: 100%;
padding: 12px 0 12px 0;
background: /*#e4e4e0*/#e1ddc0;
margin: 20px 0 0 0;
}

div.imagebox h1 {
font-size: 16px;
font-weight: bold;
margin: 0 0 10px 9px;
color: #3d380d;
}

div.imagebox span {
width: 162px;
min-height: 200px;
height:auto;
float: left;
background: #fff;
padding: 5px;
border: 1px solid #b9b06c;
margin: 0 0 0 7px;
}


/* for Internet Explorer */
/*\*/
* html div.imagebox span {
height: 200px;
}
/**/


div.imagebox span img {
margin: 0 0 3px 0;
}

div.imagebox span p {
font-size: 10px;
margin: 3px 0;
color: #333;
}

/****3 gode grunner***/

.godegrunner {
padding: 20px;
background: #eee;
margin-bottom: 20px;
}

.godegrunner h2 {
font-size: 105%;
margin-bottom: 10px;
color: #333;
}

/****Nyheter arkiv***/

.nyheter {
padding-bottom: 10px;
border-bottom: 1px dashed #ccc;
margin-bottom: 20px;
}

/****News***/

div.news {
}

div.news p, div.news dt  {
font-size: 10px;
line-height: 12px;
margin: 10px 20px;
color: #333;
}

div.news p a, div.news dt a {
color: #000;
text-decoration: none;
}

div.news p a:hover, div.news dt a:hover {
color: #444;
text-decoration: underline;
}

div.news p span {
color: #444;
}
/*************************************** BIBLIOTEK ***************************************/

h2.linkspage, h2.nyeboker {
background: #eee;
margin: 5px 0 7px -2px;
padding: 8px 2px 7px 5px;
font-size: 12px;
}

h2.linkspage.short {
width: 30%;
}

h2.linkspage.red {
color: #CC0000;
}

h2.submenu {
padding: 9px 0 9px 20px;
background: #eee;
margin: 0 0 -10px 6px;
}

.float {
float: left;
width: 30%;
margin-right: 10px;
}

h2.nyeboker {
margin: 10px 0;
padding: 8px 5px;
font-size: 13px;
}

form.nyebokermeny {
float: right; 
margin: 5px 6px 0 5px;
}

form.nyebokermeny select {
border: 1px solid #ccc;
}

form.nyebokermeny select option.list {
padding: 2px 2px 0px 2px;
}

.search-mag {
display: block;
background: url(../images/search-mag.gif) no-repeat;
padding: 0 0 0 20px;
}

/********************Forslag form*********************/

form#forslag {
font-size: 11px;
}

form#forslag label {
display: block;
margin-bottom: 5px;
}

form#forslag input.text {
margin-bottom: 10px;
width: 95%;
}

form#forslag textarea {
width: 95%;
height: 100px;
margin-bottom: 20px;
}

form#forslag .col {
width: 250px;
}

form#forslag .col.left {
float: left;
}

form#forslag .col.right {
float: right;
}


/*************************************** LISTS ***************************************/

ul.bullets, ul.downloads, ul.images, ul.tick, ul.house, ol {
display: block;
font-size: 11px;
line-height: 14px;
margin: 10px 0 15px 15px;
}

ul.bullets li {
display: list-item;
list-style: url(../images/bullet_arrow.gif);
margin: 0 0 7px 0;
}

.bib-news {
margin-top: 20px;
}

.bib-news p {
border-bottom: 1px solid #CCCCCC;
clear: both;
height: 100px;
margin-bottom: 10px;
}

ul.downloads {
list-style: none;
margin: 0 0 15px 0;
}

ul.downloads li {
background: url(../images/pdf.gif) no-repeat 2px 5px;
line-height: 20px;
padding: 12px 0 12px 24px;
border-bottom: solid 1px #ddd;
font-size: 10px;
display: block;
}

ul.downloads li.word {
background-image: url(../images/word.gif);
}

ul.downloads li.wma {
background-image: url(../images/wma.gif);
}

ul.downloads li.first {
border-top: solid 1px #ddd;
}

ul.downloads li.noline {
border: 0;
display: inline;
}

ul.downloads li a {
text-decoration: none;
font-weight: bold;
}

ul.images {
margin: 10px 0 0 0;
}

ul.images li {
margin: 0 10px 2px 0;
float: left;
}

ul.images li img {
margin-bottom: 5px;
}

ol li {
list-style: decimal;
margin: 0 0 5px 10px;
}

ul.tick, ul.house {
margin-left: 10px;
}

ul.tick li, ul.house li {
background:url(../images/tick.gif) 0 1px no-repeat;
list-style-type: none;
margin:10px 0;
padding-left: 20px;
}

ul.house li {
background:url(../images/house.gif) 0 -2px no-repeat;
}




/*************************************** TABLE ***************************************/

.table {
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;

}

.table th {
background: #eee;
}

.cell_left, .cell_right {
	border-top: solid 1px #ddd;
	padding: 7px 0 7px 4px;
	color: #333;
	font-size: 10px;
	line-height: 13px;
}

.cell_right {
	border-left: solid 1px #ddd;
	
}

.whiteborder {
border-bottom: solid 2px #ddd;
}

/****Kontakt table***/


table.kontakter {
	font-size: 10px;
	background: #fff;
	border-collapse: collapse;
	text-align: left;
	margin: 10px 50px 0 0;
	float: left;
	width: 350px;
	}

table.kontakter.last {
margin-right: 0;
}	
	
table.kontakter th {
	font-size: 11px;
	font-weight: bold;
	color: #3d380d;
	padding: 10px 8px;
	/*background: #e1ddc0;*/
	border-bottom: 1px solid #3d380d;
	}
	
table.kontakter td {
	border-bottom: 1px solid #ccc;
	color: #000;
	padding: 10px 10px;
	vertical-align: middle;
	}
	
	table.kontakter td.center {
	text-align: center;
	}
	table.kontakter td.bold {
	font-weight: bold;
	}


/*************************************** FOOTER ***************************************/

#foot {
background: #e1ddc0 url(../images/footer.gif) no-repeat;
margin:0 auto;
padding: 40px 0 50px 0;
width: 1000px;
height: 54px;
font-size:  9px;
text-align: center;
color: #41433d;
}

#foot p {
font-size: 10px;
color: #3d380d;
}

#footer img {
margin-top: 10px;
}

#footer a {
color: #41433d;
}

#footer a.signoff {
color: #988e45;
}