@charset "utf-8";
/* CSS Document */
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
strong { font-weight:bold;}
em { font-style:italic;}
.clear { clear: both; height:0; }
html { overflow-y:scroll;}
body { background:url(../img/gradientbg.png) repeat-x top; font-family:Arial, Helvetica, sans-serif; font-size: 12px; }
a { color:#00612E; text-decoration:underline;}
a:hover { text-decoration:none;}
#wrap { position:relative; width:880px; margin:0 auto;}

#forsidenettverk {width:506px; height:354px; position:absolute; top:142px; right:0px;}

#toparea { position:relative; width:880px; height:98px; z-index:3000;}
#toparea #logo { position:absolute; width:155px; height:52px; left:0; top:20px;}
#toparea #search { position:absolute; right:0; top:25px; width:272px; height:28px;}
#toparea #search #searchfield { float:left; }
#toparea #search #searchbutton { float:right; }

#whotab{ width:139px; background:url(../img/whobg.png) bottom left #01612E no-repeat; position:absolute; top:0px; right:300px; padding:0px 17px; z-index:100;}
#whotab h2{ font-size:14px; font-weight:bold; color:#ffffff; padding-top:30px; padding-bottom:0px;margin-bottom:0;}
#whotabchoices p{ padding-top:10px;font-size:12px; font-weight:normal; color:#ffffff;}
#whotabchoices ul{ padding-top:10px;padding-bottom:10px;}
#whotabchoices li{ padding-bottom:5px;}
#whotabchoices li a{ text-decoration:none; color:#ffffff;}
#whotabchoices li a:hover { text-decoration:underline;}
#whobgbottom{ position:absolute;bottom:-7px;right:0px; /*margin-left:-17px; margin-bottom:0px; width:173px; height:7px;*/}
#whotabbutton { float:right; margin-top:30px;margin-bottom:0px; padding-bottom:0px; cursor:pointer;}
#whotabtext:hover {cursor:pointer; text-decoration:underline;}
#whotabchoices { position:relative; display:none;}

#menyarea { position:relative; width:880px; font-size:13px;}
#menyarea a { color:#ffffff; text-decoration:none;display:block; }
#menyarea #menyniv1 a { padding-left:19px; padding-right:19px; height:33px; line-height:33px;}
#menyarea #menyniv1 { width:880px; height:33px; background-image:url(../img/menutopbg.png); border-bottom:1px solid #CCCCCC;}
#menyarea #menyniv1 li { position:relative; float:left; border-right:1px solid #AAA8AD; border-left:1px solid #51644E;}
#menyarea #menyniv1 li.first{ border-left:none;}
#menyarea #menyniv1 li.active{ background:url(../img/menutopactivebg.png) repeat-x;}
#menyarea #menyniv1 li.first.active a {background:url(../img/menutopfirstactiverightbg.png) no-repeat right;}
#menyarea #menyniv1 li.first.active{ background:url(../img/menutopfirstactivebg.png) no-repeat left;}
#menyarea #menyniv1 li:hover{ background:url(../img/menutopactivebg.png) repeat-x;}
#menyarea #menyniv1 li.first:hover{ background:url(../img/menutopfirstactivebg.png) no-repeat left;}
#menyarea #menyniv1 li.first:hover a {background:url(../img/menutopfirstactiverightbg.png) no-repeat right;}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
#menyarea #menyniv1 li.twicon{ border-right:none;}
#menyarea #menyniv1 li.twicon a{height:26px; padding-left:14px; padding-right:10px; padding-top:7px;}
#menyarea #menyniv1 li.twicon:hover{ background:none;}
/*-----------------------------------------------------------------------------------------------------------------------------------*/

#menyarea #menyniv2 { background-image:none; background-color:#00612E; width:880px;}
#menyarea #menyniv2 a { padding-left:10px; padding-right:10px; height:25px; line-height:25px;}
#menyarea #menyniv2 li { position:relative; float:left; border-right:1px solid #50901e;background-color:#00612E;}
#menyarea #menyniv2 li.active {background-color:#51901E; color:white;}
#menyarea #menyniv2 li:hover {background-color:#51901E; color:white;}
#menyniv3{ line-height:21px;}

#breadbox { position:relative; width:880px; height:44px; line-height:44px; font-size:11px; color:#5D6067;}
#breadbox a{ color:#5D6067; text-decoration:none;}
#breadbox a:hover {text-decoration:underline;}

#contentmain { position:relative; width:545px; margin-left:40px; padding-right:20px; float:left;color:#5D6067;}
#contentmain h1 { font-size:30px; font-weight:bold; color:#00612E; margin-bottom:15px;}
#contentmain h2 { font-size:15px; font-weight:bold; color:#5D6067; line-height:18px; margin-bottom: 17px;}
#contentmain h3 { font-size:16px; font-weight:bold; color:#00612E; margin-bottom:10px;}
#contentmain p { font-size:12px; font-weight:normal; color:#5D6067; line-height:18px; padding-bottom:20px;}
#contentmain li { list-style:outside disc;margin-left:20px;}
#contentmain ul { padding-bottom:20px; line-height:18px;}
#contentmain #hovedbudskap { margin-top:20px; margin-bottom:57px;}
#contentmain #hovedbudskap h1 { font-size:35px; font-weight:bold; color:#5D6067; margin-bottom: 11px;}
#contentmain #hovedbudskap a { font-size:12px; text-transform:uppercase; text-decoration:none; font-weight:bold; color:#5D6067;}
#contentmain #hovedbudskap a:hover { text-decoration:underline;}
#contentmain #artimg { margin-right:14px; margin-bottom:14px; float:left;}

#contentmain.stortansattbilde ul li{ list-style-position:inside; padding-bottom:7px;}

#contentmain .imagelistitem {width:505px; height:66px; margin-bottom:20px;}
#contentmain .ansatt {height:100px;}
#contentmain .imagelistitem .image {width:75px; height:53px; margin-right:10px;float:left;}
#contentmain .imagelistitem .text {width:420px; float:left; height:66px; overflow:hidden;}
#contentmain .imagelistitem .text p {padding-bottom:0;}
#contentmain #kursliste table{ width:530px; color:#5D6067;}
#contentmain #kursliste table td{padding-bottom:5px;}

#contentmain #reftable img { padding-bottom:20px;padding-right:5px;}

#contentright { position:relative; width:273px; float:right;}
#contentright h3 { font-size:16px; font-weight:bold; color:#00612E; margin-bottom:10px;}
#contentright .greygradientright { width:241px; min-height:116px; padding-right:15px; padding-left:15px;margin-bottom:28px; background:url(../img/greygradientright_2.png) no-repeat;}
#contentright .greygradientright h1 {height:36px; line-height:36px; font-size: 16px; font-weight:bold; color:#ffffff; margin-bottom:10px;}
#contentright .greygradientright p {font-size:12px; line-height:18px; font-weight:normal; color:#5D6067; padding-bottom:10px;}

#contentright .greygradientright #selectdropdown, #contentright .greygradientright #supportavd, #contentright .greygradientright #fylkedropdown { width:241px; color:#5D6067; margin-bottom:10px;}

#contentright .supportinfo{ display:none;}

#mainitems h1 { font-size:16px; font-weight:bold; color:#FFFFFF; margin-bottom:7px;}
#mainitems h1 a { text-decoration:none; color:#ffffff; }
#mainitems h2 { font-size:12px; font-weight:normal; color:#FFFFFF; line-height:18px;}
#mainitems h2 a { color:#ffffff; font-size:11px; text-decoration:underline;}
#mainitems .greenbox p a { position:absolute; bottom:17px; left:40px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:12px; text-decoration:none;}
#mainitems .greenbox a:hover { text-decoration:underline;}
#mainitems .greenbox { position:relative; z-index:2; float:left; width:136px; height:134px; padding: 17px 19px; margin-right:28px; background:url(../img/greenbox.png) top left no-repeat;}
#mainitems .greyaktuelt{ position:relative; z-index:2; float:left; width:241px; height:83px; padding:15px 15px 0px 15px; margin-top:70px; background:url(../img/greyboxshort.png) top left no-repeat;}
#mainitems .greyaktuelt p a {color:#ffffff;}
#mainitems .greyaktuelt a:hover { text-decoration:none;}
#mainitems .greyaktuelt h1 a:hover { text-decoration:underline;}
#mainitems .greyaktuelt .arkivlink { float:right;}

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
#mainitems .greyaktuelt .rullering img{ float:left; padding-right:5px;}
#mainitems .greyaktuelt .rullering.active {display:block;}
#mainitems .greyaktuelt .rullering {display:none; position:absolute; top:13px; left:15px; width:230px; height:83px;}
#mainitems .greyaktuelt #dots{ position:absolute; width:10px; height:85px; right:8px; top: 11px;}
#mainitems .greyaktuelt #dots .dot{ width:10px; height:9px; background:url(../img/dots.png) top right; margin-top:6px; margin-bottom:6px;}
#mainitems .greyaktuelt #dots .dot a{display:block; width:10px; height:9px;}
#mainitems .greyaktuelt #dots .dot.active{ background:url(../img/dots.png) top left;}
/*---------------------------------------------------------------------------------------------------------------------------------------------*/

#footerarea { position:relative; width:880px; height:40px;color:#5D6067; border-top:1px solid #6B6F77; margin-top:17px;}
#footer { margin-left:20px; margin-right:10px; margin-top:5px; font-size:12px; font-size:11px; }
#footer ul li { float:left;padding-right:10px;}
#footer ul li span.green{ color:#00612E;}
#footer ul li a{ color:#5D6067; text-decoration:underline;}
#footer ul li a:hover { text-decoration:none;}

/* Kalenderstyle */
.greygradientrightcalender{ width:271px; min-height:158px; margin-bottom:28px; background:url(../img/greygradientright.png) no-repeat;}
.greygradientrightcalender h1{height:36px; line-height:36px; font-size:16px; font-weight:bold; color:#ffffff; margin-bottom:2px; padding-left:15px;}
.kalenderBrowse{ position:absolute; right:23px; top:12px; font-size 13px; color:#ffffff; font-weight:bold;}
.kalenderBrowse a{ color:#ffffff; text-decoration:none;}
.kalender table th, .kalender table td{text-align:center; border:1px solid #C7C8CA;}
.kalender table{ color:#77787B; margin-left:1px;width:270px; text-align:center; border:1px solid #A7A9AC;}
.kalender table th[scope="row"]{background-color:#DCDDDE;}
.kalender table th[scope="col"]{background-color:#A7A9AC;}
.kalender td a{position:relative; text-decoration:none; color:#ffffff; background-color:#529241;display:block;}
.kalender td span{display:none;}

.kalender td a:hover span{position:absolute; width:150px; right:-70px; top:18px; background-color:#00612E; padding:5px; display:block;z-index:1;}

/* Søkefelt */

/* Søk for support*/
#ajaxSearch_form { height:50px;}
#searchClose { padding-top:35px;}
#ajaxSearch_form input[type=text]{ position:absolute; top:50px; left:14px; font-size:14px; background:url(../img/searchfield_square.png); border:none; width:154px; height:18px;padding:5px;color:#5D6067;}
#ajaxSearch_form input[type=submit]{ position:absolute; top:50px; right:25px; background:url(../img/searchbutton_square.png); border:none; width:56px; height:28px; cursor:pointer;}

#ajaxSearch_form2{}
#ajaxSearch_form2 input[type=text]{ position:absolute: top:1px; left:1px; font-size:14px; background:url(../img/searchfield.png); border:none; width:192px; height:18px; padding:5px; color:#5D6067;}
#ajaxSearch_form2 input[type=submit]{ position:absolute; top:1px; right:1px; background:url(../img/searchbutton.png); border:none; width:57px; height:28px; cursor:pointer;}

/* Paginering under aktuelt */
#paginering p{padding-bottom:4px;}
.pagiprev, .paginumber, .ditto_currentpage, .paginumber, .paginext{
	padding-left:2px; padding-right:2px;
}
.ditto_currentpage{font-weight:bold;}

.forhandler{display:none;}
