@charset "UTF-8";
/* CSS til HiØ nyWeb - Dette stilsetter kun hovedrammeverket til forsiden */

/*************************************************
*	FARGEMAL FOR HØGSKOLENS WEBSIDER:
*	---------------------------------
*	Mørk blå: #073B58 (hoved)
*	Blå: #658595 (sekundær)
*	Lys blå: #E7F3F6 (bodyfarge + lys blå bokser)
*	Grå: #8f8f8e (farge bak cloud box)
*	Lys grå: #F0F0EF (box BG)
*	---------------------------------
*	LINKER - forsiden
*	---------------------------------
*	Blå link m/underline: #1580b5
*	Mellomblå: #89b6cd (brukt på pilknapp)
**************************************************
*	STUDENT FARGER:
*	---------------------------------
*	Turkis: #326668 (hovedfarge header + footer)
*	Lys turkis: #6c9f95
*	Klarblå: #289ac4
**************************************************/

body {
	background-color: #E7F3F6;
	margin: 0 auto;
}
#WRAPPER {
	background-color: #fff;
	width: 1000px;
	height: 842px;
	border-left: 10px #fff solid;
	border-right: 10px #fff solid;
	border-bottom: 10px #fff solid;
	margin: 0 auto;
	float: none;
}
#WRAPPER_ny {
	background-color: #fff;
	width: 1000px;
	height: 833px;
	border-left: 10px #fff solid;
	border-right: 10px #fff solid;
	border-bottom: 10px #fff solid;
	margin: 0 auto;
	float: none;
}
#MAIN_FRAME { /* ramme rundt hele siden */
	background-color: #fff;
	width: 1000px;
	height: 804px;
	border-left: 10px #fff solid;
	border-right: 10px #fff solid;
	border-bottom: 10px #fff solid;
	margin: 0 auto;
	float: none;
}
body#HIOF #MAIN_FRAME { /* ramme rundt hele siden */
	background-color: #fff;
	width: 1000px;
	height: 820px;
	border-left: 10px #fff solid;
	border-right: 10px #fff solid;
	border-bottom: 10px #fff solid;
	margin: 0 auto;
	float: none;
}


/* nytt */
body#HIOF {
	background: url(images/bodyBG.png) repeat;
	margin: 0 auto;
}
#containerMAIN {
	background: none;
	width: 1000px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	border-left: 10px solid #FFF;
	border-right: 10px solid #FFF;
	border-bottom: 10px solid #FFF;
}
#MAIN_FRAME_FORSIDEN {
	background: none;
	width: 1040px;
	height: 804px;
	margin: 0 auto;
	float: none;
	overflow: hidden;
}
/*
.leftBORDER {
	background: url(images/leftBORDER.png) repeat-y;
	width: 20px;
	height: 1400px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.rightBORDER {
	background: url(images/rightBORDER.png) repeat-y;
	width: 20px;
	height: 1400px;
	float: right;
	margin-top: -150px;
	padding: 0;
}
.bottomBORDER {
	background: url(images/bottomBORDER.png) repeat-x;
	width: 1000px;
	height: 20px;
	float: left;
	margin: 0;
	padding: 0;
}
.leftCornerBORDER {
	background: url(images/leftCornerBORDER.png) repeat-x;
	width: 20px;
	height: 20px;
	float: left;
	margin: 0;
	padding: 0;
}
.rightCornerBORDER {
	background: url(images/rightCornerBORDER.png) repeat-x;
	width: 20px;
	height: 20px;
	float: left;
	margin: 0;
	padding: 0;
}
*/



#HEADER { /* Ramme rundt header */
	background-color: #073B58;
	width: 1000px;
	height: 150px;
	margin: 0 auto;
	float: none;
}
#boxHolderLEFT { /* ramme rundt venstre felt av header */
	background: none;
	width: 647px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
	float: left;
}
#LOGO {
	background: none;
	width: 617px;
	height: 90px;
	margin: 30px 0 0 30px;
	float: left;
}
#MENU { /* ramme rundt hovedmeny */
	background: url(images/menuBG.png) repeat;
	width: 647px;
	height: 30px;
	padding: 0;
	margin: 0;
	float: left;
}
#boxHolderRIGHT { /* ramme rundt høyre felt i header */
	background: none;
	width: 343px;
	height: 150px;
	margin: 0;
	padding: 0;
	border-left: 10px #fff solid;
	float: left;
}
#TOP_MENU { /* ramme rundt toppmenylinker */
	background: url(images/topMenuBG.png) repeat;
	width: 343px;
	height: 30px;
	margin: 0;
	float: left;
	border-bottom: 1px #fff solid;
}
#SOK_BOX { /* ramme rundt søkemotor boks */
	background: none;
	width: 325px;
	height: auto;
	margin: 0;
	padding-top: 21px;
	padding-bottom: 10px;
	float: right;
}
#CONTENT { /* ramme som holder alt utenom header */
	background-color: #FFF;
	width: 1000px;
	height: auto;
	margin: 0;
	border-top: 10px solid #FFF;
	float: left;
}
#CONTENT a img { 
	border: none;
}
#SLIDESHOW { /* slideshow på forsiden */
	background: none;
	width: 580px;
	height: 340px;
	margin: 0 0 10px 0;
	float: left;
}
#SUB_CONTENT { /* ramme i midtre felt under slideshow */
	background-color: #CCC;
	width: 580px;
	height: auto;
	margin: 0;
	float: left;
}
#LEFT_BOX { /* Venstre kolonne */
	background: none;
	width: 200px;
	height: auto;
	margin: 0;
	float: left;
}
body#HIOF #dynamicContainerA {
	margin:0;
	padding:0;
	float:left;
}
body#HIOF #dynamicContainerA p {
	margin:0;
	padding:0;
	float:left;
}
body#HIOF #dynamicContainerA p img {
	border: 0;
}
#MAIN_CONTENT { /* Midtre kolonne */
	background: none;
	width: 580px;
	height: auto;
	margin: 0 0 0 10px;
	float: left;
}
#RIGHT_BOX { /* Høyre kolonne */
	background: none;
	width: 200px;
	height: auto;
	margin: 0 0 0 10px;
	float: left;
	color: #073B58;
}
	#RIGHT_BOX p {
		margin:0;
		padding:0;
		float:left;
	}
	/* --- BOKSER I HØYRE KOLONNE --------------------------------------------------- */
	.OFAbanner {
		margin:0;
		padding:0;
		border-bottom:10px solid #FFF;
		float:left;
	}
#hvaSkjer {
	background-color:#E7F3F6;
	width:200px;
	height:260px;
	margin:0;
	padding:0;
	float:left;
}
#hvaSkjer_ny {
	background-color: #E7F3F6;
    border-bottom: 10px solid #FFFFFF;
    float: left;
    height: 280px;
    margin: 0;
    padding-bottom: 20px;
    width: 200px;
}
body#HIOF #dynamicContainerB {
	margin:0;
	padding:0;
	float:left;
}
body#HIOF #dynamicContainerB p {
	margin:0;
	padding:0;
	float:left;
}
body#HIOF #dynamicContainerB p img {
	border: 0;
}
#FOOTER { /* Footer rammen */
 	background-color: #073b58;
	width: 1000px;
	height: 50px;
	margin: 10px 0 0 0;
	float: left;
}