/* CSS Document */

html, body {
height: 100%;
min-height: 100%;
}

body {
background: #ffd696 url(../images/ny-bg.png);
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

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

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

p.inngress {
font-weight: bold;
margin-bottom: 15px;
line-height: 16px;
}

p.news {
margin: 0 0 5px 0;
}

p.last, div.last {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 20px;
}

.bold {
font-weight: bold;
}

p.author {
font-size: 10px;
color: #777;
margin-bottom: 20px;
padding-bottom: 10px;
background: url(../images/dotted.gif) bottom repeat-x;
}

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

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

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

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

a:hover {
color: #333;
text-decoration: underline;
}

a.news {
text-decoration: none;
}

a:hover.news {
text-decoration: underline;
color: #000;
}

a.les-mer {
background: #777;
padding: 2px 3px;
color: #fff;
font-size: 9px;
}

a:hover.les-mer {
background: #FF3300;
text-decoration: none;
}

a.nyheter {
background: black;
padding: 2px 3px;
color: #fff;
font-size: 9px;
}

a:hover.nyheter {
background: #FF3300;
text-decoration: none;
}

.nyheter-heading {
font-weight: bold;
}


.asset-body a, a:hover h1.news {
text-decoration: underline;
}



/****Headings***/

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

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

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

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;
padding: 19px 0 7px 12px;
margin-left: 5px;
color: #fff;
font-size: 11px;
}

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

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

#container {
position:relative;
width: 920px;
height: auto !important; /* real browsers */
height: 100%; /* IE6: treaded as min-height*/
min-height: 100%; /* real browsers */
margin: 0px auto;
background: url(../images/shadow-bg.png) repeat-y;
text-align: left;
}





#header {
padding: 0px 0 0 0;
background: #fff url(../images/shadow-top.png) no-repeat;
width: 900px;
height: 133px;
margin: 0;
margin-left: 10px;

}

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

#headerRight {
position: absolute;
top: 112px;
right: 0;
padding: 0 10px 0 0;
}

#headerLower {
clear: both;
}

#HeaderSearch {
position: absolute;
z-index: 3;
top: -100px;
right: 15px;
width: 200px;
height: 37px;
padding: 12px 0 0 0px;
text-align: left;
}

#HeaderSearch input.search {
height: 15px;
width: 75%;
}

#main-content {
padding: 55px 0 5em 30px;
height: 100%;
background: url(../images/main-content-top.png) 10px 0 no-repeat;
}

#wide, #medium, #thin {
float: left;
position: relative;
}

#wide {
width: 520px;
margin-right: 10px;
}

#medium {
width: 270px;
background: url(../images/shadow-split.gif) top left no-repeat;
padding-left: 35px;
}

#thin {
width: 200px;
padding-top: 15px;
margin-right: 30px;
}

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


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

/****Top Navigation***/

ul#topNav {


}

ul#topNav li {
display: block;
float: left;
border-right: 1px dotted #9f9f9f;
}

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

ul#topNav li a {
font-size: 11px;
font-weight: bold;
color: #777;
text-decoration: none;
padding: 8px 15px 16px 15px;
display: block;
}

ul#topNav li a:hover {
background: #9f9f9f;
color: #fff;
}

ul#topNav li a:hover.kontakt {
background: #9f9f9f url(../images/kontakt-corner.gif) bottom right no-repeat;
}


#index .index,
#blog .blog,  
#fasiliteter .fasiliteter,
#produkter .produkter,  
#referanser .referanser, 
#om .om {
background: #9f9f9f;
color: #fff;
}

#kontakt .kontakt {
background: #9f9f9f url(../images/kontakt-corner.gif) bottom right no-repeat;
color: #fff;
}


/****Sidebar Navigation***/

ul.sidebarNav {
margin-left: 15px;
}

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

ul.sidebarNav li {
/*background: url(../images/dotted.gif) bottom repeat-x;*/
background: none;
border-bottom: 1px dotted #ccc;
font-size: 12px;
color: #333;
text-decoration: none;
padding: 10px 2px;
display: block;
}


ul.sidebarNav li a {
font-size: 12px;
color: #333;
text-decoration: none;
/* Fjernet Rick: padding: 10px 2px; */
display: block;
}

ul.sidebarNav li a:hover {
color: #3868a6;
background: none;
}

#rekrutteringsoffiser .rekrutteringsoffiser, #tolbodgaten_10 .tolbodgaten_10, #kart_og_veibeskrivelse .kart_og_veibeskrivelse, #video_av_ks .video_av_ks, #bhg .bhg, 

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

#temaer.historie_tema .historie_tema, #temaer.aktuelle_omraader .aktuelle_omraader, 
#temaer.reisebrev .reisebrev, #temaer.bilder_og_video .bilder_og_video, 

#ordbok .ordbok_index, #ordliste .ordliste, #forkortelser .forkortelser, 

#utdanning.operativ .operativ, #utdanning.ingenior .ingenior, #utdanning.logistikk .logistikk, 

#historie.intro .intro, #historie.a .a, #historie.b .b, #historie.c .c, #historie.d .d, #historie.e .e, 

#temaer.strand .strand, #temaer.gjerde .gjerde, #temaer.jansen .jansen 

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


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

/****Search***/

#HeaderSearch input#search {
padding: 2px;
}

#HeaderSearch input#search-submit {
margin-bottom: -6px;
margin-left: -4px;
}

/****Kontakt form***/

form.foresporsler {
margin: 20px 0 0 10px;
}

form.foresporsler input.felt, textarea {
display: block;
margin: 2px 0 10px 0;
width: 90%;
}

form.foresporsler ul {
padding: 0 0 0 4px;
}

form.foresporsler ul li {
padding: 3px 0;
}

form.foresporsler input.check {
vertical-align: middle;
margin: 0 3px 0 0;
padding: 0;
}

form.foresporsler label {
font-size: 10px;
}

form.foresporsler h2 {
margin: 20px 0 5px 0;
padding: 4px 2px;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}

form.foresporsler h3 {
padding: 0 0 0 3px;
}

input.submit {
margin: 20px 0;
}




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

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

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

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

ul.downloads li {
background: url(../images/pdf.gif) no-repeat 0 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 a {
text-decoration: none;
font-weight: bold;
}

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

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

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

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

}

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

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

}

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

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

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


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

#footer {
background: #d8d8d8 url(../images/shadow-bunn.png) bottom no-repeat;
padding: 30px 0 40px 0;
width: 900px;
position: absolute;
bottom: 0; /* stick to bottom */
text-align: center;
color: #555;
margin-top: 5em;
margin-left: 10px;
}

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


#footer p {
margin: 0 10px;
font-size: 9px;
}

#footer a {
color: #41433d;
}


/*************************************** MENY Rick ***************************************/
.on {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#9F9F9F none repeat scroll 0 0;
	color:#FFFFFF !important;
}

.off {
	color:#777777 !important;
	display:block !important;
	font-size:11px !important;
	font-weight:bold !important;
	padding:8px 15px 16px !important;
	text-decoration:none !important;
	background: #FFFFFF none repeat scroll 0 0  !important;
}


/*************************************** Om oss, bio page Rick ***************************************/
#bio img.bio_image {
float:left;
margin:5px 10px 2px 0;
}

#bio h1, #bio h2, #bio h3 {
color:#111111;
font-weight:bold;
}
#bio h2 {
font-size:12px;
line-height:15px;
margin-top:5px;
}


#bio {
border-bottom:1px solid #EEEEEE;
margin-bottom:20px;
padding-bottom:10px;
height: 150px;
}
/*************************************** Showing photos in list like a collage, Rick ***************************************/
ul.collage li {
display:inline;
}