@charset "utf-8";
/*************************************************
CSS Document
Author: Maria Therese Nordahl
Date: 2009
Name of site: VHR

#####FARGER
VHR Teal : #038578;

/*---------------RESETS--------------------------*/

form {
margin: 0;
padding: 0;
}

fieldset {
margin: 0;
padding: 0;
border: none;
}

p {
margin: 0;
padding: 0; 
}

ul {
margin: 0;
padding: 0;
}


/*--------------BASIC----------------*/

html {
margin : 0; 
padding : 0; 
text-align: center; /*centering for <--IE6 */
overflow-y: scroll; /*always show vertical scrollbar - to keep page from jumping in FF*/
background: url(../images/topbar-bg-new.png) repeat-x;
}

body { 
width: 100%;
margin : auto; 
text-align : left; /*resetting the text*/
font : 76%/160% Arial, Tahoma, Verdana, sans-serif;
color: #5e5e5d;
}

/********HEADINGS********/
h1, h2, h3, h4, h5 {
font-family: georgia;
font-weight: normal;
margin: 0;
padding: 0;
}

h1 {
color: #038578;
font-family: Georgia;
font-size: 24px;
padding-bottom: 11px;
line-height: 26px;
}

h2 { 
font-family: arial;
font-size: 12px;
color: #444; 
padding-top: 15px;
padding-bottom: 0px;
}

h3 {
font-weight: bold;
}

h4 { /*Adresse på kontakt-sted sidene */
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 0;
color: #555;
}

h5 { /*kontaktkort: navn*/
font-size: 12px;
font-weight: bold;
color: #555;
}

em { 
font-style: italic;
}

strong {
font-weight: bold;
}

p {
margin: 15px 0 15px 0;
font-size: 11px;
color: #444;
}

.textBox ul {
font-size: 11px;
color: #444;
margin-left: 15px;
}

.firstParagraph {
margin: 0px 0 15px 0;
}

.clear {
clear: both; 
}

.tealText {
color: #038578;
}

/*********LINKS*********/

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

a:link { 
color: #038578; text-decoration : none;
}

a:visited { 
color: #038578; text-decoration : none;
} 

a:hover { 
color: #666666; text-decoration : none; 
}

a:active, a:focus {
color: #666666; text-decoration : none; 
}

a:active { /*for firefox - removes dotted line*/
outline: none;
}




/**********************************CONTAINER********************************/

div#wrapper {}


div#container {
width: 1000px;
position: relative; /*to avoid issues with fixed/absolute divs*/
margin-left: auto; /*centering on page*/
margin-right: auto;
/* Lagt til for sticky footer */
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -285px; /* the bottom margin is the negative value of the footer's height */
/*padding-bottom: 30px;*/
}

div#breadcrumbs {
color: #373737;
font-family: arial, tahoma, sans-serif;
font-size: 12px;
text-transform: uppercase;
margin-left: 10px;
margin-top: 3px;
margin-bottom: -14px;
}

/**********************************BRANDING********************************/
div#branding { 
width: 400px;
height: 146px;
background: url(../images/logo-vhr2.png) no-repeat 40% 45%;
}
 
div#branding h1 a { 
display : block;
width: 332px;
height: 146px;
text-indent : -9999px;
} 

div#tagline {
/*position: absolute;*/
position: relative;
left: 610px;
top: -75px;
height: 30px;
width: 340px;
background: url(../images/tagline2.png) no-repeat;
}

/**********************************NAV********************************/

div#nav {  }

div#nav-main {
font-family: georgia;
font-size: 20px;
margin-top: -30px; /*because of tagline*/
}

div#nav-main ul {
list-style-type: none;
overflow: auto;
/*padding-bottom: 10px;*/
}

div#nav-main .subtext {
font-family: arial;
font-size: 11px;
color: #038578;
}

div#nav-main li {
display: inline;
float: left;
margin: 0;
padding: 0;
padding-top: 15px;
padding-bottom: 20px;
border-bottom: 1px solid #e3e0db;
}

div#nav-main li:hover, div#nav-main li.active  {
background: #ebf6f5;
}

.lastListItem {
border-right: 1px solid #e3e0db;
padding-right: 5px;
margin: 0;
}

div#nav-main li a {
display: block;
color: #101010;
border-left: 1px solid #e3e0db;
padding-right: 35px;
padding-left: 35px;
margin: 0;
max-height: 30px;
}


/********SECTION*******/

div#nav-section {
font-family: tahoma, arial;
font-size: 11px;
margin-top: 82px;
font-weight: bold;
margin-bottom: 40px;
}

	div#nav-section ul {
	list-style-type: none;
	}
	
		div#nav-section li {
		background: url(../images/icon-vhrman.png) no-repeat 0 50%;
		padding: 4px;
		padding-left: 20px;
		border-bottom: 1px solid #e9e9e9;
		}
		
		div#nav-section li a {
		}
		
		div#nav-section li a:hover, div#nav-section li a.active {
		color: #444;
		}

/**********************************CONTENT********************************/

div#content {
min-height: 300px;
width: 1000px;
margin-top: 20px;
}

div#content-main, div#content-main-contact {
width: 750px; /*+ padding*/
min-height: 200px;
padding: 10px 0 20px 0px;
float: left;
padding-bottom: 50px;
/*background: yellow;*/
}
	div#content-main .imgBox,
	div#content-main-contact .imgBox  {
	width: 250px;
	float: left;
	margin-top: 8px;
	margin-left: -25px;
	}
	
	div#content-main .textBox {
	width: 490px;
	float: right;
	padding-right: 18px;
	/*background: red;*/
	}

div#content-section {
/*width: 210px; /*+ padding*/
min-height: 200px;
padding: 10px;
margin-left: 762px;
/*border-left: 1px solid #ededed;*/
/*background: green;*/
}


/**********************************SITEINFO********************************/

div#siteinfo { /* se top.inc for endringer */
width: 100%;
height: 150px;
background: #1b1b1b url(../images/footer-bg.png) repeat-x;
position: relative;
z-index: 100;
}

div#siteinfo div#siteinfoContainer {
width: 1000px;
margin: auto;
}
	div#siteinfoContainer p {
	padding: 0;
	margin: 0;
	}
	
	div#siteinfoContainer div#siteinfoBranding {
	padding-top: 35px;
	float: left;
	width: 208px;
	height: 75px;
	background: url(../images/btm-branding.png) no-repeat 5px 95%;
	font-size: 11px;
	color: #eee;
	}

	div#siteinfoContainer .siteinfoKontakt {
	padding-top: 25px;
	font-size: 11px;
	float: left;
	margin-top: 30px;
	width: 110px;
	color: #444;
	padding-left: 10px;
	padding-right: 10px;
	/*border-right: 1px solid #444;*/
	margin: 10px;
	}
		div#siteinfoContainer .siteinfoKontakt strong {
		color: #ccc;
		}
	
	div#siteinfoContainer div#quickLinks {
	float: left;
	margin-top: 60px;
	padding-right: 5px;
	}
		div#siteinfoContainer div#quickLinks a {
		color: #444;
		}
		div#siteinfoContainer div#quickLinks a:hover {
		color: #eee;
		}


/* Lagt til for sticky footer */
.push {
height: 285px; /* .push must be the same height as .footer */
position: relative;
z-index: 0;
}

/* Lagt til for sticky footer */
html, body {
height: 100%;
}

.orgnr {
margin-top: 60px; 
margin-left: 7px;
color: #444;
}

/***************************LEDIGE STILLINGER********************************/

div#ledigeStillinger {
overflow: auto;
margin-top: 14px;
}

div#ledigeStillinger a {
color: #333;
}

div#ledigeStillinger a:hover {
color: #038578;
}

div#ledigeStillinger .topTab, div#ledigeStillinger .bottomTab {
background: white;
min-height: 10px;
border: 1px solid #ededed;
border-bottom: none;
/*padding: .2mm 5.8mm .2mm 5.8mm;*/
padding: .2mm 4.6mm .2mm 4.7mm;
float: left;
font-size: 85%;
font-weight: bold;
}

div#ledigeStillinger .bottomTab {
border: 1px solid #ededed;
border-bottom: none;
/*padding: .2mm 8.1mm .2mm 8.2mm; */
padding: .2mm 5.5mm .2mm 5.6mm;
}

	div#ledigeStillinger .topTab a, div#ledigeStillinger .bottomTab a {
	color: #444;
	display: block;
	min-width: 60px;
	}
	
	div#ledigeStillinger .topTab:hover, div#ledigeStillinger .topTab.active, 
	div#ledigeStillinger .bottomTab:hover, div#ledigeStillinger .bottomTab.active {
	background: #ebf6f5;
	color: #666666;
	}
	
	div#ledigeStillinger .topTab a:hover,  div#ledigeStillinger .topTab a.active,
	div#ledigeStillinger .bottomTab a:hover,  div#ledigeStillinger .bottomTab a.active {
	background: #ebf6f5;
	}
	

.ledigeStillingerTable, .ledigeStillingerTableWide {
border: 1px solid #ededed;
width: 206px;
}
	.ledigeStillingerTable .lsTopbar,
	.ledigeStillingerTableWide .lsTopbar {
	background: #242424 url(../images/stillingledig-topbar.png) no-repeat; 
	height: 20px;
	color: white;
	font-size: 80%;
	}
	
	.ledigeStillingerTable .soknadsfrist {
	font-size: 80%;
	padding-right: 2px;
	color: #333;
	}
	
	.ledigeStillingerTable .stillingstittel {
	font-size: 85%;
	}
	
	.ledigeStillingerTable td {
	border-bottom: 1px solid #ededed;
	}


.ledigeStillingerTableWide { /*for ledigestillinger page*/
width: 98%;
margin-top: 15px;
}
	.ledigeStillingerTableWide a {
	color: #222;
	}
	.ledigeStillingerTableWide a:hover {
	color: #038578;
	}
	.ledigeStillingerTableWide .soknadsfrist{
	color: #222;
	}

.flereStillinger a {
color:#333; 
font-size: 11px;
margin-left: 125px;
margin-right: 5px;
margin-top: 3px;
}


/******************************KONTAKT************************************/

div#content-main-contact { /*se også content-main*/
width: 100%;
min-height: 200px;
margin-left: 10px;
/*background: yellow;*/
}

div#content-main-contact .contactBox  { /* replaces imgBox & textBox on kontakt.php */
width: 770px;
float: right;
}

	.contactBox img {
		border: 1px solid #333;
		margin-right: 10px;
		margin-bottom: 8px;
		}
		
div#kontaktinfo {
margin-top: 10px;
margin-left: 27px;
}

div#kontaktkortBox {
float: left;
width: 300px;
overflow: auto;
}
	.kontaktkort {
	width: 300px;
	}
		.kontaktkort img {
		border: 1px solid #666;
		float: left;
		}
		
		.kontaktkort .kontaktTekst {
		padding-top: 11px;
		margin-left: 120px;
		}
	
	
div#avdelingsInfo {
float: right;
width: 340px;
}
	div#avdelingsInfo img {
	margin: 0;
	}