/**************************************************
* START TEKST STYLING 
***************************************************/
body {
	color: #484848;
	font-family: Verdana, Times;
	font-size: 12px;
	}
	

a.headerIMG_bred img {
	border-style:none;
	border: hidden;
	text-decoration:none;
}
.nyhetsbrev {
	width:200px;
	height:auto;
	float:left;
	margin: 0 0 10px 0;
}
	.nyhetsbrev a img {
		border-style:none;
	}
span.title { /* Hovedtittel i content */
	color: #484848;
	font-family: Verdana, Times;
	font-size: 16px;
	width: 100%;
	height: 25px;
	}
span.title_white {
	color: #ffffff;
	font-family: Verdana, Times;
	font-size: 16px;
	font-style: normal;
	}
.text_white{
	background-color: transparent;
	width: auto;
	height: auto;
	color: #ffffff;
	font-family: Verdana, Times;
	font-size: 12px;	
	}
	
	.text_white a{
	color: #cfd66a;
	text-decoration: none;
    font-size: 12px;
	}
	
	.text_white a:hover{
	text-decoration: underline;
	}
			
span.subTitle { /* Brukes bl.a i søkefeltet i Header */
	color: #484848;
	font-family: Verdana, Times;
	font-size: 10px;
	}
	
/* Pilbullets linker ---------------- */
li.arrow_links {
	list-style-image: url(images/arrow.jpg);
	text-align: left;
	margin: 0 auto;
	}
li.arrow_2 {
	list-style-image: url(images/arrow2.jpg);
	text-align: left;
	margin: 20px auto;
	}
		
/* Meny linker */
a.menuLink {
	text-decoration: none;
	color: #688db7;
	line-height: 47px;
	}
	
/* Header linker i Følg HIOF feltet */
a.headerLinks {
	text-decoration: none;
	color: #484848;
	font-size: 10px;
	padding-left: 5px;
	}
	
/* HOVED linker */
a.textLink {
	text-decoration: none;
	color: #6c6c6c;
	}
a.textLink:hover {
	text-decoration: underline;
	}

a.textLinkBold {
	text-decoration: none;
	color: #688db7;	
	font-family: Verdana, Times;
	font-weight: bold;
	font-size: 12px;
	}
a.textLinkBold:hover {
	text-decoration: none;
	color: #355180;	
	font-family: Verdana, Times;
	font-weight: bold;
	font-size: 12px;
	}

a.textLink_blue {
	text-decoration: none;
	color: #336596;
	}
a.textLink_blue:hover {
	text-decoration: underline;
	}
	
a.textLink_white {
	text-decoration: none;
	color: #ffffff;
	}
a.textLink_white:hover {
	text-decoration: underline;
	}
	
a.greyLeftLink {
	text-decoration: none;
	color: #6c6c6c;	
	font-family: Verdana, Times;
	font-size: 12px;
	line-height: 16px;
	}
a.greyLeftLink:active {
	background: url(images/arrowBlack.png) no-repeat;
	padding-left: 13px;
	text-decoration: none;
	color: #6c6c6c;	
	font-family: Verdana, Times;
	font-size: 12px;
	line-height: 16px;
	}

/* Bilde linker nederst til høyre på Studiesøker siden */	
a.img_textLink { 
	text-decoration: none;
	color: #ffffff;	
	font-family: Verdana, Times;
	font-size: 10px;
	line-height: 15px;
	}
/**************************************************
* SLUTT TEKST STYLING
***************************************************/	
	
	
	

/**************************************************
* START MAIN 
***************************************************/
#MAIN {
	background-color: transparent;
	width: 997px;
	height: 800px;
	margin: 0 auto;
	padding-left: 25px;
	padding-bottom: 40px;
	}
/**************************************************
* SLUTT MAIN 
***************************************************/
	


	
/**************************************************
* START MENY 
***************************************************/
#MENU {
	background-color: transparent;
	width: 946px;
	height: 60px;
	margin: -8px 0 0 0;
	float: left;
	}
.menuHolder {
	background: url(images/menuBG.jpg) repeat;
	width: 116px;
	height: 30px;
	margin: 0  15px auto auto;
	float: left;
	}
/**************************************************
* SLUTT MENY 
***************************************************/
	
	
	
	
/**************************************************
* START HEADER INNHOLD
***************************************************/
#header {
	background-color: transparent;
	width: 979px;
	height: 183px;
	margin: 0 auto;
	float: left;
	}
#header_image {
	background: url(images/header_image.jpg) no-repeat;
	width: 703px;
	height: 183px;
	margin: 0 auto;
	float: left;
	}
#header_search {
	background-color: transparent;
	width: 193px;
	height: 133px;
	margin: 0 auto;
	float: left;
	padding: 25px;
	/* Tekststyling i søkemotorfelt */
	font-family: Gill Sans;
	font-size: 12px;
	color: #484848;
	}
#searchHIOF {
	background-color: transparent;
	width: 193px;
	height: 76px;
	margin: 0 auto;
	float: left;
	}
#followHIOF {
	background-color: transparent;
	width: 193px;
	height: 45px;
	margin: 25px auto;
	float: left;
	}
.h_LinkHolder {
	background-color: transparent;
	width: 91px;
	height: 10px;
	margin: 5px 5px auto auto;
	float: left;
	}
img.h_bullets {
	background-color: transparent;
	width: 10px;
	height: 10px;
	margin: 0 auto;
	float: left;
	border: none;
	}
/**************************************************
* SLUTT HEADER INNHOLD
***************************************************/




/* Hvorfor Velge siden */	
.hvorforVelge_headerIMG {
	background: url(images/hvorforVelge_headerIMG.jpg) no-repeat;
	width: 979px;
	height: 183px;
	margin: 0 auto;
	float: left;
	}
	
/* SKUT siden */	
.skut_headerIMG {
	background: url(images/skut_headerIMG.jpg) no-repeat;
	width: 979px;
	height: 183px;
	margin: 0 auto;
	float: left;
	}
	
	
	
	
/**************************************************
* START VENSTRE KOLONNE 
***************************************************/	
#LEFT_AREA {
	background-color: transparent;
	width: 217px;
	height: auto;
	margin: 0 auto;
	float: left;
	}
#LEFT_AREA img.l_areaIMG {
	background-color: transparent;
	width: 217px;
	height: 183px;
	margin: 0 auto;
	}
#LEFT_AREA .l_areaContent {
	background-color: transparent;
	width: 217px;
	height: 575px;
	margin: 15px 0 0 0;
	padding-bottom: 10px;
	}
/**************************************************
* SLUTT VENSTRE KOLONNE 
***************************************************/




/**************************************************
* START HOVEDFELT 
***************************************************/	
#CONTENT_AREA {
	background-color: transparent;
	width: 780px;
	height: auto;
	margin: 0;
	float: left;
	}
	#CONTENT_AREA img.headerIMG {
		background-color: transparent;
		width: 239px;
		height: 183px;
		margin: 0 auto;
		float: left;
		}
	#CONTENT_AREA headerIMG_bred {
		background-color: transparent;
		width: 795px;
		height: 183px;
		margin: 0;
		padding:0;
		float: left;
		}
	#CONTENT_AREA .studieInfo .studieText span.title_white {
		color: #484848;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-size: 24px;
	}
	#CONTENT_AREA .studieInfo .studieText .text_white {
		background-color: transparent;
		color: #484848;
		font-family: Verdana,Times;
		font-size: 12px;
		height: auto;
		width: auto;
	}
	#CONTENT_AREA .studieInfo .studieText .text_white a {
		color: #024F9D;
		font-size: 12px;
		text-decoration: none;
	}
	#CONTENT_AREA .studieInfo .studieText .text_white a:hover {
		color: #024F9D;
		font-size: 12px;
		text-decoration: underline;
	}
	#CONTENT_AREA .studieText {
		background-color: #f8f8f8;
		width: 763px;
		height: 148px;
		margin-top: 20px;
		padding: 16px 5px 25px 25px;
		border: 1px dashed #ccc;
		float: left;
		/* TEXT STYLING UNDERSIDE HEADER*/
		font-size: 10px;
		color: #ffffff;
		}
	/*#CONTENT_AREA .studieText {
		background: url(images/uSide_headerIMGpink.jpg);
		width: 496px;
		height: 148px;
		padding: 20px 5px 15px 25px;
		float: left;*/
		/* TEXT STYLING UNDERSIDE HEADER*/
		/*font-size: 10px;
		color: #ffffff;
		}*/
#TEXT_AREA {
	background-color: transparent;
	width: 649px;
	/*#height: 560px;*/
	margin: 1px 0 0 0;
	float: left;
	padding-right: 116px;
	padding-bottom: 25px;
	padding-left:25px;
	overflow: inherit;
	font-size:12px;
	}
	#TEXT_AREA a,
	#TEXT_AREA table td,
	#TEXT_AREA table a {
		font-size: 12px;
		text-decoration: none;
	}
	#TEXT_AREA a:hover,
	#TEXT_AREA table a:hover {
		text-decoration: underline;
	}
	#CONTENT_AREA h2.H2style {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:20px;
		font-weight:bold;
		margin: 0px 0 5px 0;
	}
	.sok_opptak {
		background: none;
		width: 175px;
		height: 50px;
		float: left;
		padding-right: 20px;
		border: 0;
		margin: 0 0 8px 8px;
		}
	.opptakslink {
		width: 100%;
		height:auto;
		margin: 5px 0 25px 0;
		padding: 0;
		float:left;
	}
		.opptakslink a {
			background: url(images/knappSokOpptak.png) no-repeat;
			font-family: Verdana, Geneva, sans-serif;
			font-size:12px;
			font-weight:normal;
			color:#FFF;
			padding: 4px 40px 10px 10px;
			text-decoration: none;
		}
		.opptakslink a:hover {
			background: url(images/knappSokOpptakHover.png) no-repeat;
			font-family: Verdana, Geneva, sans-serif;
			font-size:12px;
			font-weight:normal;
			color:#FFF;
			padding: 4px 40px 10px 10px;
			text-decoration: none;
		}
	.opptakslink_lokalt {
		width: 100%;
		height:auto;
		margin: 5px 0 25px 0;
		padding: 0;
		float:left;
	}	
		.opptakslink_lokalt a {
			background: url(images/knappSokOpptak_lokalt.png) no-repeat;
			font-family: Verdana, Geneva, sans-serif;
			font-size:12px;
			font-weight:normal;
			color:#FFF;
			padding: 4px 40px 10px 10px;
			text-decoration: none;
		}
		.opptakslink_lokalt a:hover {
			background: url(images/knappSokOpptak_lokaltHover.png) no-repeat;
			font-family: Verdana, Geneva, sans-serif;
			font-size:12px;
			font-weight:normal;
			color:#FFF;
			padding: 4px 40px 10px 10px;
			text-decoration: none;
		}
		
	
	
	
	#content {
		background-color: transparent;
		width: 979px;
		height: auto;
		margin: 0 auto;
		float: left;
		}
	.title {
		background-color: transparent;
		width: 211px;
		height: 25px;
		float: left;
		}
	
	/* Linker i Content */
	.linkHolder { 
		background-color: transparent;
		width: 211px;
		height: auto;
		margin: 2px 0 0 0;
		float: left;
		}
	.linkHolder2 { 
		background-color: transparent;
		width: 211px;
		height: auto;
		margin: 20px auto;
		float: left;
		}
	.linkHolder_wide { 
		background-color: transparent;
		width: 300px;
		height: auto;
		margin: 2px auto auto auto;
		float: left;
		}
	.link {
		background-color: transparent;
		width: 175px;
		height: auto;
		float: left;
		padding-right: 20px;
		}
	.link_wide {
		background-color: transparent;
		width: 250px;
		height: auto;
		float: left;
		padding-right: 20px;
		}
	img.arrow_bullet { 
		background: url(images/arrow.jpg) no-repeat;
		width: 11px;
		height: 11px;
		margin: 0 auto;
		float: left;
		padding-right: 5px;
		}
	img.arrow_bullet2 { 
		background: url(images/arrow2.jpg) no-repeat;
		width: 11px;
		height: 11px;
		margin: 0 auto;
		float: left;
		padding-right: 5px;
		}
		
		
	.content_frame1 {
		background-color: transparent;
		width: 211px;
		height: 362px;
		margin: 14px auto;
		float: left;
		border-right: 1px solid;
		border-color: #d6d6d6;
		padding-left: 7px;
		padding-top: 4px;
		}
	.content_frame2 {
		background-color: transparent;
		width: 222px;
		height: 362px;
		margin: 14px auto;
		float: left;
		border-right: 1px solid;
		border-color: #d6d6d6;
		padding-left: 15px;
		padding-top: 4px;
		}
	.content_frame3 {
		background-color: transparent;
		width: 227px;
		height: 362px;
		margin: 14px auto;
		float: left;
		border-right: 1px solid;
		border-color: #d6d6d6;
		padding-left: 20px;
		padding-top: 4px;
		}
	.content_frame4 {
		background-color: transparent;
		width: 224px;
		height: 370px;
		margin: 14px auto;
		float: left;
		padding-left: 17px;
		padding-top: 4px;
		}
	
	/* Underside Fag */	
	.content_sideLinks {
		background-color: transparent;
		width: 185px;
		height: auto;
		margin: 14px auto;
		float: left;
		padding-left: 7px;
		padding-right: 25px;
		}
	
	/* Hvorfor Velge siden */	
	.content_sideLinks_hvorforVelge {
		background-color: transparent;
		width: 192px;
		height: 530px;
		margin: 14px auto;
		float: left;
		border-right: 1px solid;
		border-color: #d6d6d6;
		padding-right: 25px;
		}
	.content_textFrame_hvorforVelge {
		background-color: transparent;
		width: 498px;
		height: 490px;
		margin: 14px auto;
		float: left;
		border-right: 1px solid;
		border-color: #d6d6d6;
		padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 25px;
		padding-left: 15px;
		}
	.content_studentIMG {
		background-color: transparent;
		width: 470px;
		height: 263px;;
		margin: 0 auto; 
		}
	.content_rightLinks_hvorforVelge {
		background-color: transparent;
		width: 217px;
		height: auto;
		margin: 14px auto;
		float: left;
		padding-top: 15px;
		padding-left: 15px;
		}
	.linkBoxHolder {
		background-color: transparent;
		width: 217px;
		height: auto;
		margin: 0 auto;
		float: left;
		padding-bottom: 15px;
		}
	.linkBoxHolder_left {
		background-color: transparent;
		width: 217px;
		height: auto;
		margin: 0 auto;
		float: left;
		}
	.leftLink {
		background-color: transparent;
		width: 202px;
		height: 45px;
		padding-top: 15px;
		padding-left: 15px;
		float: left;
		border: none;
		}
	.leftLink:hover {
		background-color: #efefef;
		width: 202px;
		height: 45px;
		padding-top: 15px;
		padding-left: 15px;
		float: left;
		border: none;
		}
	
/* SKUT siden */
img.skut_footer {
	background: url(images/skut_footer.jpg);
	width: 762px;
	height: 94px;
	float: right;
	margin: -15px 0 0 114px;
	}
/**************************************************
* SLUTT HOVEDFELT 
***************************************************/




/**************************************************
* START FOOTER
***************************************************/
#footer {
	background-color: transparent;
	width: 946px;
	height: 146px;
	margin: 0 auto;
	float: left;
	}
#footer_subLinks { /* Nyttige snarveier */
	background-color: transparent;
	width: 211px;
	height: 146px;
	margin: 0 auto;
	float: left;
	}
#footer_imageLinks { /* Bilde undermeny */
	background-color: transparent;
	width: 735px;
	height: 146px;
	margin: 0 auto;
	float: left;
	}
.f_imageHolder {
	background-color: transparent;
	width: 240px;
	height: 146px;
	margin: 0 auto;
	float: left;
	padding-left: 5px;
	}
.f_textLink_purple {
	background-color: #5c447e;
	width: 230px;
	height: 14px;
	margin: 0 auto;
	float: left;
	padding-left: 10px;
	}
.f_textLink_blue {
	background-color: #7b8fb4;
	width: 230px;
	height: 14px;
	margin: 0 auto;
	float: left;
	padding-left: 10px;
	}
.f_imageLink {
	background-color: transparent;
	width: 240px;
	height: 130px;
	padding-top: 2px;
	float: left;
	border: none;
	}

.f_imageLink img {
	border: none;
	}	
/**************************************************
* SLUTT FOOTER
***************************************************/

/*************************************************
*	STUDIEKNAPPER - Master, bachelor og årsstudier
**************************************************/
#studieKnapper {
	background: none;
	height: auto;
	width:200px;
	margin:0;
	padding:0;
	float:left;
	margin-bottom:10px;
}
#studieKnapper ul {
	width: 200px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	list-style: none;
	overflow:hidden;
}
#studieKnapper ul li.knapp01 a {
	background: url(images/knapperStudier.png) no-repeat;
	background-position: 0 0;
	height:29px;
	width: 200px;
	margin:0;
	padding:0;
	float:left;
}
#studieKnapper ul li.knapp01 a:hover {
	background: url(images/knapperStudier.png) no-repeat;
	background-position: 0 -30px;
	height:29px;
	width: 200px;
	margin:0;
	padding:0;
	float:left;
}
#studieKnapper ul li.knapp02 a {
	background: url(images/knapperStudier.png) no-repeat;
	background-position: 0 -60px;
	height:29px;
	width: 200px;
	margin:0;
	padding:0;
	float:left;
}
#studieKnapper ul li.knapp02 a:hover {
	background: url(images/knapperStudier.png) no-repeat;
	background-position: 0 -90px;
	height:29px;
	width: 200px;
	margin:0;
	padding:0;
	float:left;
}
#studieKnapper ul li.knapp03 a {
	background: url(images/knapperStudier.png) no-repeat;
	background-position: 0 -120px;
	height:30px;
	width: 200px;
	margin:0;
	padding:0;
	float:left;
}
#studieKnapper ul li.knapp03 a:hover {
	background: url(images/knapperStudier.png) no-repeat;
	background-position: 0 -150px;
	height:30px;
	width: 200px;
	margin:0;
	padding:0;
	float:left;
}