/*
- DEFAULT HTML STYLES 
- CONTAINER STYLES
- SPAN STYLES
- HEADLINE STYLES 
- PARAGRAPH STYLES 
- LIST STYLES
- LINK STYLES 
- IMAGE STYLES
- TABLE STYLES 
- FORM STYLES
- DIVERSE STYLES
*/


/* 
---------------------------------------------------------------------------------------------
DEFAULT HTML STYLES 
---------------------------------------------------------------------------------------------
*/
body
{
    font-size: 76%;
    font-family: Arial, Verdana, sans-serif;
    color: #4a4a4a;
    margin: 0;
    background: #ffffff url(../images/bg.gif) repeat-y;
    margin: 0;
}
body.small
{
    font-size: 76%;
}
body.medium
{
    font-size: 100%;
}
body.large
{
    font-size: 110%;
}
h1
{
    color: #4a4a4a;
    font-size: 2.7em;
    margin: 0;
    padding: 0;
    margin-top: 12px;
}
h2
{
    font-weight: bold;
    font-size: 1.3em;
    margin: 0;
}
h3
{
    font-size: 156%;
    font-weight: normal;
}
h4
{
    font-size: 116%;
    font-weight: bold;
}
p.ingress
{
    font-size: 22px;
    font-weight: bold;
}
ul
{
}
ol
{
}
li
{
}
img
{
    border: 0;
}

/*RIKTIG REKKE: LoVe HAte*/
a:link
{
    color: #4c739c;
}
a:visited
{
    color: #4c739c;
}
a:hover
{
    color: #4c739c;
    text-decoration: none;
}
a:active
{
    color: #4c739c;
}
form
{
    margin: 0;
    padding: 0;
}




/* 
---------------------------------------------------------------------------------------------
CONTAINER STYLES 
---------------------------------------------------------------------------------------------
*/
#wrapper
{
    width: 990px;
    margin-top: 10px;
    margin: 0 auto;
    overflow: hidden;
    border-right: solid 2px #eeeeee;
    background: #ffffff;
}
div.printLogo
{
    background-color: #fefefe;
}
#header
{
    padding: 15px 0px 0 0px;
    background: #FFFFFF;
    width: 990px;
    overflow: hidden;
    clear: both;
    margin: 0;
}

#logo
{
    float: left;
    width: 152px;
    padding-left: 30px;
}
#tools
{
    float: right;
    text-align: right;
    width: 600px;
}
#search
{
    clear: both;
    margin-top: 15px;
    overflow: hidden;
    width: 165px;
    float: right;
    background: url(../images/dot.gif) repeat-x bottom;
    padding-bottom: 10px;
    border-right: solid 30px #ffffff;
}
div.breadCrumb
{
}
#contentWrapper
{
    clear: both;
    background: #ffffff;
    overflow: hidden;
    float: left;
}
#area_welcome
{
    background: #e5eef8 url(../images/bg_area_welcome.gif) repeat-x;
    padding: 0 20px 20px 20px;
    width: 950px;
    overflow: hidden;
}
#article_wrapper
{
    background: url(../images/bg_article_top.jpg) repeat-x;
    width: 950px;
    margin: 0 20px;
    position: relative;
    overflow: hidden;
}
.skjema
{
    margin: 0 20px;
}



.article_top_image
{
    xbackground: url(../images/article_top_man.jpg) no-repeat;
    top: 45px;
    left: 525px;
    position: absolute;
    width: 397px;
    height: 385px;
    z-index: 100;
}
.test
{
    background: url(../images/krussedull.png) no-repeat;
    width: 83px;
    height: 77px;
    left: 0;
    position: absolute;
    top: 0;
}
#area_welcome .right_col
{
    width: 460px;
    float: left;
    overflow: hidden;
    margin-top: 35px;
}
body.section #area_welcome .right_col, body.section #area_welcome .right_col img
{
    width: 460px;
}
#area_welcome p
{
    margin-bottom: 5px;
    margin-top: 15px;
}
#area_welcome .left_col
{
    width: 470px;
    float: left;
   margin-right: 20px;
    overflow: hidden;
}
body.section #area_welcome .left_col
{
    width: 470px;
    margin-right: 20px;
}


#area_documentary, #area_search
{
    padding: 10px;
    background: #4a4a4a;
    border: solid 20px #ffffff;
}
#area_documentary a:link,
#area_documentary a:visited,
#area_documentary a:active,
#area_documentary a:hover {
	color:#ffffff !important;
	}
#ResultArea ol
{
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

#area_map .left_col
{
    float: left;
    width: 230px;
    padding: 20px 20px 20px 20px;
}
#area_map img
{
    float: left;
    width: 303px;
    margin-top: 20px;
    border: solid 1px #6c7883;
    margin-right: 20px;
}
#area_map #map
{
    float: left;
    width: 256px;
    height: 340px;
    margin-top: 20px;
    border: solid 1px #6c7883;
    margin-right: 20px;
}


#area_documentary .krussedull
{
    background: url(../images/krussedull.png) no-repeat;
    width: 144px;
    height: 121px;
    left: 253px;
    position: absolute;
    top: 200px;
	display:none;
}
#area_documentary h3 a
{
    color: #ffffff;
    text-decoration: none;
}
#area_documentary h3 a:hover
{
    text-decoration: underline;
}

#area_documentary img
{
    width: 315px;
    margin: 20px 0;
}
#area_documentary h2
{
    color: #f2c800;
    background: url(../images/dot.gif) repeat-x bottom;
    padding: 10px 0 3px 0px;
}
#area_map h2, #area_servicelist h2
{
    background: url(../images/dot.gif) repeat-x bottom;
    margin: 0 20px;
    padding: 0px 0 5px 10px;
}
#area_servicelist h2
{
    margin: 0;
}
#area_articles
{
    padding: 20px 20px 20px 0px;
}
#area_article
{
    padding: 20px 80px 20px 20px;
    overflow: hidden;
}
#area_article img
{
    width: 495px;
    margin: 10px 0;
}
div.area_utsagn
{
    Xbackground: url(../images/krussedull_blue.gif) no-repeat;
    padding: 40px 0;
}
div.area_utsagn h2
{
    padding: 40px 80px 0px 80px;
}
div.area_utsagn p
{
    padding: 0px 80px 60px 80px;
    line-height: 20px;
}
.article #two_cols,
#article_wrapper #two_cols
{
    width: 595px;
    margin-top: 20px;
}

p.vision
{
    padding: 20px 0 80px 180px;
    background: url(../images/quote.gif) no-repeat 140px 0;
    width: 270px;
    margin: 0 0 0 0px;
    font-weight: bold;
    font-size: 1.7em;
    line-height: 20px;
}

#two_cols
{
    float: left;
    width: 615px;
}
#one_col
{
    float: left;
    width: 375px;
    position: relative;
}
.article #one_col,
#article_wrapper #one_col
{
    width: 350px;
    margin-top: 420px;
    position: static;
}
body.section #area_articles
{
    padding: 20px 0px 20px 20px;
}
body.section #area_map, #area_servicelist, .area_servicelist
{
    border-bottom: solid 20px #ffffff;
    border-left: solid 20px #ffffff;
    background: #e6e6e6 url(../images/bg_map.gif) repeat-x;
    overflow: hidden;
    float: left;
}
#area_servicelist,.area_servicelist
{
    border-right: 20px solid #ffffff;
}
body.article #area_servicelist
{
    border-right: 0;
}

#area_accommodation h2, #area_education h2, #area_articles h2
{
    xbackground: url(../images/arrow_yellow.gif) no-repeat bottom left;
    background: url(../images/dot.gif) repeat-x bottom;
    padding: 3px 0 3px 0px;
}
#area_accommodation
{
    margin-bottom: 10px;
}


#area_accommodation .text, #area_education .text
{
    float: left;
    width: 285px;
}
#area_accommodation img, #area_education img
{
    width: 265px;
    float: left;
    padding-right: 15px;
}
#area_accommodation .dotted, #area_education .dotted, .yellow_thin, .line
{
    margin-left: 20px;
    margin-right: 20px;
}
#area_accommodation .content .dotted, #area_education .content .dotted, #area_servicelist .line
{
    margin-left: 0px;
    margin-right: 0px;
}


#area_accommodation .content, #area_education .content
{
    overflow: hidden;
    padding: 15px;
}
#area_documentary .content
{
    background: #4a4a4a;
}
#area_documentary h3, #area_articles h3
{
    margin: 0;
    font-weight: bold;
    font-size: 1.7em;
}
h3 a:link,
h3 a:visited,
h3 a:active,
h3 a:hover {
	color:#4A4A4A;
	}
#area_servicelist h3
{
    margin: 0;
    padding: 0;
    font-size: 1.3em;
    font-weight: bold;
    padding: 5px 0;
}
#area_documentary h3, #area_documentary p
{
    color: #ffffff;
}
#menu_help, #menu_institution
{
    clear: both;
    padding: 20px;
    overflow: hidden;
    width: 950px;
}
div.list_element
{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
div.list_element ul
{
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
}
div.list_element ul li
{
    margin: 0 20px 0px 20px;
    padding: 0;
    display: inline;
    list-style: none;
    overflow: hidden;
    float: left;
    border-bottom: #ff9900 solid 2px;
    padding: 5px 0;
}
div.list_element ul li.last
{
    border: 0;
}
#one_col div.list_element ul li
{
    padding: 3px 0;
    margin: 0;
    border: 0;
    background: url(../images/dot.gif) repeat-x bottom;
}

div.list_element a
{
    color: #4A4A4A;
}
#one_col .list_element ul
{
    padding: 10px 20px;
    margin: 0;
}
#area_articles .list_element h2 a, #area_accommodation h2 a, #area_education h2 a, #area_accommodation h2 span, #area_education h2 span
{
    color: #4A4A4A;
    background: url(../images/arrow_yellow.gif) no-repeat left;
    text-decoration: none;
    padding-left: 35px;
}
#area_articles .list_element h2 a:hover, #area_accommodation h2 a:hover, #area_education h2 a:hover
{
    text-decoration: underline;
}
#one_col .list_element i
{
    font-size: 0.9em;
}
#one_col .list_element p
{
    margin: 3px 0;
}

#two_cols .list_element img
{
    float: left;
    width: 120px;
    padding: 10px 10px 10px 0;
}
#one_col .list_element img
{
    float: left;
    width: 115px;
    padding: 10px 0px 10px 10px;
}
#two_cols .list_element p
{
    float: left;
    width: 425px;
    padding: 10px 0;
    margin: 0;
}
#one_col .list_element .text
{
    float: left;
    width: 165px;
    padding: 0px 0;
}
#one_col div.area_servicelist .list_element .text {
	width:145px;}
#footer
{
    background: #ffffff;
    padding: 20px 20px;
    font-weight: bold;
    margin: 0;
}
#footer p
{
    float: left;
    width: 700px;
    margin: 0;
    padding: 0;
}
#footer img
{
    float: right;
}



/* 
---------------------------------------------------------------------------------------------
LIST STYLES 
---------------------------------------------------------------------------------------------
*/
#menu_global
{
    clear: both;
    background: url(../images/bg_global_menu.gif) repeat-x;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    display: block;
    width: 950px;
    margin: 0 20px;
    height: expression('120px');
    min-height: 120px;
    min-height: 140px;
    height: auto !important;
    height: 140px;
}
#menu_global .dotted
{
    margin: 20px 0 0px 0;
    float: left;
    width: 950px;
    overflow: hidden;
}

#menu_global ul.level_1
{
    margin: 0;
    padding: 0;
    padding-left: 30px;
	overflow:hidden;
}

#menu_global ul.level_2
{
    clear: both;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    padding-left: 30px;
}

#menu_global ul.level_3, #menu_global ul.level_4, #menu_global ul.level_5
{
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding: 0 20px;
    background: url(../images/dot_vertical.gif) repeat-y right;
    float: left;
    margin-top: 20px;
}

#menu_global ul.level4Alone {
    clear: both;
}

#menu_global ul.level_5
{
    background: none;
}

#menu_global ul.level_1 li
{
    margin: 0;
    padding: 0;
    display: inline;
    overflow: hidden;
    float: left;
    margin-right: 35px;
		 min-width:88px;
	 width:auto !important;
	 width:88px;
}
#menu_global ul.level_2 li
{
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    float: left;
    margin-right: 25px;
    font-size: 1.1em;
}
#menu_global ul.level_3 li, #menu_global ul.level_4 li, #menu_global ul.level_5 li
{
    font-size: 1.1em;
    list-style: none;
}

#menu_global div.level_3_main_element
{
    font-size: 1.7em;
    background: url(../images/dot_vertical.gif) repeat-y right;
    float: left;
    font-weight: bold;
    color: #db7700;
    width: 300px;
    text-transform: uppercase;
    padding-left: 30px;
    margin-top: 20px;
}
#menu_global div.level_3_main_element span
{
    font-size: 0.6em;
    color: #4a4a4a;
    display: block;
    font-weight: normal;
    text-transform: lowercase;
}

ul.menu_tool
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    float: right;
    background: url(../images/dot.gif) repeat-x bottom;
    padding-bottom: 5px;
    border-right: 30px #ffffff solid;
}

ul.menu_tool li
{
    margin: 0;
    padding: 0;
    display: inline;
    padding-left: 30px;
    float: left;
    line-height: 15px;
}

ul.menu_tool li.no_air
{
    padding: 0;
}

#menu_help dl
{
    float: left;
    width: 190px;
    overflow: hidden;
    margin: 0;
}
#menu_help dl dt, #menu_institution h3
{
    font-size: 1.3em;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #000000;
}
#area_map dl dt
{
    border: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 3px;
}
#menu_help dl dd, #area_map dl dd
{
    margin: 0;
    padding: 0;
}
#menu_help ul, #menu_institution ul, #menu_institution ul li, #menu_help ul li, #area_map ul li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu_help ul
{
    padding-right: 55px;
    line-height: 18px;
}

#area_map ul
{
    margin: 0;
    padding: 0;
}
#menu_institution ul li
{
    display: inline;
    width: 105.5px;
    float: left;
}
div.link_list ul, #MainFeatured ul
{
    margin: 0;
    padding: 0;
}
div.link_list ul li, #MainFeatured ul li
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}
span.link_list
{
    display: block;
    margin: 5px 0;
}
/* 
---------------------------------------------------------------------------------------------
LINK STYLES 
---------------------------------------------------------------------------------------------
*/

ul.menu_tool li a
{
    color: #1d4f84;
    font-weight: bold;
    text-decoration: none;
}
ul.menu_tool li a:hover
{
    text-decoration: underline;
}

.link_list a, #MainFeatured ul a
{
    margin-right: 20px;
}

#menu_global ul.level_1 li a{
	 
	 display:inline; 
	 padding-top:80px; 
	 float:left; 
	 font-weight:bold; 
	 text-transform:uppercase;
	 text-decoration:none; 
	 text-align:center; 
	 padding-bottom:25px; 
	 min-width:88px;
	 width:auto !important;
	 width:88px;
 	
	}
 
#menu_global ul.level_1 li.hjem a{background:url(../images/menu_hjem.jpg) no-repeat; }	
#menu_global ul.level_1 li.hjem a:hover, #menu_global ul.level_1 li.hjem a.selected{background:url(../images/menu_hjem_hover.jpg) no-repeat ; }

#menu_global ul.level_1 li.botilbud a{background:url(../images/menu_botilbud.jpg) no-repeat;}
#menu_global ul.level_1 li.botilbud a:hover, #menu_global ul.level_1 li.botilbud a.selected{background:url(../images/menu_botilbud_hover.jpg) no-repeat ; }

#menu_global ul.level_1 li.arbeidstilbud a{background:url(../images/menu_arbeidstilbud.jpg) no-repeat; min-width:112px; width:auto !important; width:112px;}
#menu_global ul.level_1 li.arbeidstilbud a:hover, #menu_global ul.level_1 li.arbeidstilbud a.selected{background:url(../images/menu_arbeidstilbud_hover.jpg) no-repeat ; }

#menu_global ul.level_1 li.utdanning a{background:url(../images/menu_utdanning.jpg) no-repeat ;min-width:100px;width:auto !important;width:100px;	}
#menu_global ul.level_1 li.utdanning a:hover, #menu_global ul.level_1 li.utdanning a.selected{background:url(../images/menu_utdanning_hover.jpg) no-repeat ; }

#menu_global ul.level_1 li.aktuelt a{background:url(../images/menu_aktuelt.jpg) no-repeat ;min-width:80px; width:auto !important; width:80px;}
#menu_global ul.level_1 li.aktuelt a:hover, #menu_global ul.level_1 li.aktuelt a.selected{background:url(../images/menu_aktuelt_hover.jpg) no-repeat ; }

#menu_global ul.level_1 li.om a{background:url(../images/menu_om.jpg) no-repeat ;min-width:89px; width:auto !important; width:89px;}
#menu_global ul.level_1 li.om a:hover, #menu_global ul.level_1 li.om a.selected{background:url(../images/menu_om_hover.jpg) no-repeat ; }
	
#menu_global ul.level_2 li a:hover, 
#menu_global ul.level_3 li a:hover, 
#menu_global ul.level_4 li a:hover, 
#menu_global ul.level_5 li a:hover, 
#menu_global ul.level_2 li a.selected,
#menu_global ul.level_3 li a.selected, 
#menu_global ul.level_4 li a.selected, 
#menu_global ul.level_5 li a.selected
{
    color: #db7700;
}


#menu_global ul.level_2 li a,
#menu_global ul.level_3 li a,
#menu_global ul.level_4 li a,
#menu_global ul.level_5 li a{
	text-decoration:none;}





/* 
---------------------------------------------------------------------------------------------
IMAGE STYLES 
---------------------------------------------------------------------------------------------
*/






/* 
---------------------------------------------------------------------------------------------
TABLE STYLES 
---------------------------------------------------------------------------------------------
*/






/* 
---------------------------------------------------------------------------------------------
FORM STYLES 
---------------------------------------------------------------------------------------------
*/

input.text
{
    border: solid 1px #4c739c;
    width: 130px;
    height: 15px;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
}

input.submit
{
    background: #e5f0f4;
    border: 0;
    color: #003973;
    height: 17px;
    font-weight: bold;
    font-size: 0.9em;
    margin-left: 3px;
    float: left;
    width: 30px;
}



/* 
---------------------------------------------------------------------------------------------
DIVERSE STYLES 
---------------------------------------------------------------------------------------------
*/
div.printLogo
{
    display: none;
}
div.clearer
{
    clear: both;
    font-size: 1px;
    line-height: 1px;
}
.hiddenTxt
{
    position: absolute;
    left: -1000px;
    width: 900px;
}

#area_welcome #MainFeatured b
{
    font-size: 16px;
}
.dotted
{
    clear: both;
    background: url(../images/dot.gif) repeat-x;
    height: 1px;
    margin: 5px 0;
}
.yellow
{
    border-top: #ff9900 solid 15px;
    padding: 5px 0;
}
.yellow_thin
{
    border-top: #ff9900 solid 2px;
    padding: 5px 0;
}
.line
{
    border-top: #808080 solid 1px;
    padding: 5px 0;
}

hr
{
    display: none;
}
span.image_text
{
    font-size: 0.9em;
}
#area_search
{
    background: #ffffff;
    padding-top: 0;
    border-top: 0;
}
#area_search ol li
{
    list-style: none;
}

#menu_global ul.level2Alone
{
    padding-top: 100px; 
}