/* ===============  CSS Document =============== */

*{padding: 0; margin: 0; }
img{border: 0;}
html, body, #wrapper {height: 100%;}
body { background: #fff; font: 11px Tahoma,Arial,Verdana,Geneva,Helvetica,sans-serif; color: #333; line-height: 135%;}

ul{margin:10px 0 10px 15px;}
ol{margin:10px 0 10px 18px !important;margin:10px 0 10px 22px;}
li{margin-bottom:5px;}
td, p, div { font: 11px Tahoma,Arial,Verdana,Geneva,Helvetica,sans-serif; color: #333; line-height: 135%;}
td {vertical-align:top;}
hr {width: 100%; height: 1px; border:0; border-top: 1px solid #c1daab; margin: 8px 0; }

/* ------------------------- menu joomla 1.5 ---------------------------*/
#hovedmeny ul, #hovedmeny li{list-style: none; margin:0;}
ul.menu li{padding:0; line-height: 135%; }
ul.menu li a:link, ul.menu li a:visited, ul.menu li a:active {display: block; background: #ebf3e5 url(../gfx/pil_red.gif) no-repeat 15px 10px; border-bottom: #c1daab 1px solid; padding: 6px 5px 7px 28px;
font-size: 11px; font-weight: bold; color: #360; text-decoration: none;}
ul.menu li a:hover {text-decoration: none; color: #7eb150;}
#current a:link, #current a:visited, #current a:active{color:#b20070;}
ul.menu li ul{padding:0 0 3px; border-bottom:#c1daab 1px solid;}
ul.menu li ul li a:link, ul.menu li ul li a:visited, ul.menu li ul li a:active {line-height:100%; display:block; background:none; margin:7px 0; padding:0 0 0 29px; border:0; font-weight:normal; color: #360; text-decoration: none;}
#current ul li a:link, #current ul li a:visited, #current ul li a:active{color: #360;}
#current ul li a:hover{color: #7eb150;}
ul.menu li ul li a:hover{text-decoration: none; color: #7eb150;}

/* user menu */
.module-bruker ul, .module-bruker li{list-style: none; margin:0;}
.module-bruker h3{font:normal 15px Arial; margin: 15px 1px 5px;}
.module-bruker{padding: 0 0 6px 15px;}
ul.menu-bruker li a:link, ul.menu-bruker li a:visited, ul.menu-bruker li a:active {display: block; background:url(../gfx/pil_red.gif) no-repeat 2px 6px; padding: 3px 0 3px 15px; font:bold 11px Tahoma, Arial; color: #360; text-decoration: none;}
ul.menu-bruker li a:hover {text-decoration: none; color: #7eb150;}

/* pagination */
.pagination span, .pagination a{padding:3px;}
.rsg_sem_inl_Nav{padding:15px 0;}

/* nyhet */
.introbilde{ text-align:right;}
.introbilde img{ margin-left:5px;}

/* Tooltips */

.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	margin: 0;
}

.totalt{font-weight:bold;}
.sc_cart td, .sc_cart th{padding-right:10px;}
.scunitprice{white-space:nowrap;}


#system-message{padding:10px; background:#ff3;}
#system-message dt.error {font-weight:bold;}


#wrapper {width: 100%; background: url(../gfx/bg.gif) repeat-x;}


#bg_left{background: url(../gfx/bg_left.gif) no-repeat top right; }
#bg_right{background: url(../gfx/bg_right.gif) no-repeat top left; }
#bg_innhold {width:900px; background: #fff;}
#sitetop {width: 100%; background: #7eb150 url(../gfx/top.gif) no-repeat top right;}
#sitetop img{margin-left: 20px;}
#top_left {width: 136px; padding-left: 20px; background: url(../gfx/top_l.gif) no-repeat top left;}
#top_menu { height: 64px; background: url(../gfx/topp_m.gif) repeat-x top left;}
#top_menu .moduletable{text-align:center; margin-top: 12px; height:50px;}

#kam_pane{background:#e0ebd7;}
#kam_left{padding:1px 0; }
#kam_right{vertical-align:middle; padding:20px; background: url(../gfx/kam_r_bg.gif) no-repeat bottom right; line-height: 18px;}
img.ikon{margin: 10px 4px 1px 0;}

#top_right {width: 20px; background: url(../gfx/top_r.gif) no-repeat top right;}
#wrapper2{padding:0 20px;}
#top_stripe {height: 21px; width: 100%; background: url(../gfx/top_line.gif) repeat-x top left;}
#top_stripe div{width: 100%; background: url(../gfx/w_tl.gif) no-repeat top left;}
#top_stripe div div{ width: 100%; background: url(../gfx/w_tr.gif) no-repeat top right;}

#hovedmeny{background: #ebf3e5;}  /* -------  #hovedmeny{background: #deead6;}   meny background ------- */

#content_table{margin: 20px 0 40px;}
#left_pane{padding-right: 25px; width: 170px;}
#left_front{padding-right: 25px; width: 210px; }
#right_pane{padding:60px 0 0 20px; width: 200px; }
#right_front{padding-left:20px; width: 200px; }

#pathway_link{color: #999; font-weight:bold; margin-bottom: 20px; margin-top: 5px;}
.pathway, a.pathway:link, a.pathway:visited{font-weight:normal; color: #999; text-decoration: none;}
a.pathway:hover{color: #b20070;}

#mainbody{}

#bunntekst{color: #666; text-align: center; background: url(../gfx/dot_litegreen.gif) repeat-y top right;}
#bunntekst a:link, #bunntekst a:visited, #bunntekst a:active{color: #666; text-decoration:none;}
#bunntekst a:hover{color: #b20070; text-decoration:underline;}

a.mainlevel-topp:link, a.mainlevel-topp:visited {font-size: 11px; text-transform: uppercase; font-weight: bold; color: #b20070; text-decoration: none;}
a.mainlevel-topp:hover {text-decoration: none; color: #7eb150;}
.mainlevel-topp img{margin-bottom:-10px; margin-left: 20px; margin-right: 20px;}

.mosTopp{background:#cde1bc url(../gfx/mostoppb.gif) repeat-x bottom left; padding-bottom: 15px;}
.mosToppLeft{float: left;}
.mosToppRight{float: right;}
.mosToppText{width: 100%; text-align:center; color:#693; clear:both;}
.mosToppText h5{font: 17px Arial; color:#693; font-weight:bold; margin:0; margin-top:4px;}
.mosToppText a:link, .mosToppText a:visited{color:#693; font: 13px Arial; font-weight:bold; text-decoration:none;}
.mosToppText a:hover{color:#b20070; text-decoration:none;}
.menyb{width:100%; background:#ebf3e5; margin-top:1px;}
.menybl{background:#ebf3e5 url(../gfx/w_bl.gif) no-repeat bottom left; float: left; width:50%; height:15px;}
.menybr{background:#ebf3e5 url(../gfx/w_br.gif) no-repeat bottom right; float: right; width:50%; height:15px;}

table.moduletable-vm {width:100%; border-bottom:#c1daab 1px solid}  /*-- container for venstremeny --*/

/* ===============  rounded corner  =============== */

.ground_box {background: url(../gfx/ground_tl.gif) no-repeat top left; margin-bottom: 20px;}
.ground_top {background: url(../gfx/ground_tr.gif) no-repeat top right;}
.ground_bottom {background: url(../gfx/ground_bl.gif) no-repeat bottom left;}
.ground_bottom div {background: url(../gfx/ground_br.gif) no-repeat bottom right;}
.ground_top div, .ground_top, .ground_bottom div, .ground_bottom {width: 100%; height: 10px; font-size: 0;}

div.module-round {background: url(../gfx/round_bl.gif) no-repeat bottom left; width:98%; margin:10px auto;}
div.module-round div {background: url(../gfx/round_br.gif) no-repeat bottom right;}
div.module-round div div {background: url(../gfx/round_tl.gif) no-repeat top left;}
div.module-round div div div {background: url(../gfx/round_tr.gif) no-repeat top right; padding: 10px;}
div.module-round div div div h3 {font: 13px; color:#b20070; font-weight:bold;}
div.module-round div div div div, div.module-round div div div div div{background:url(spacer.gif) no-repeat; padding:0; }

div.module-white{padding:0 15px 15px;}

/* ===============  navigation buttons  =============== */
.back_button {float: left; text-align: center; border:1px solid #DDEAD1;  background:#EBF3E5; padding: 4px 12px; margin-top: 20px;}
.back_button a:link, .back_button a:visited{ font: 9px Verdana; text-transform: uppercase; text-decoration:none;}
.pagenav, .pagenav_prev, .pagenav_next{text-align: center; font-weight: bold; width: auto; background:#EBF3E5; padding: 3px 10px; margin: 2px;}
.pagenavbar { margin-right: 10px; float: right;}


				/* ===================================
				         Joomla core stuff
				 =================================== */ 
   

/* ===============  Links  =============== */
 
a:link, a:visited, a:active {color: #09c; text-decoration: underline;}
a:hover {color: #b20070; text-decoration: underline;}

a.mainlevel:link, a.mainlevel:visited, a.mainlevel:active {
display: block; height: 22px; background: #ebf3e5 url(../gfx/pil_red.gif) no-repeat 15px 10px; 
border-top: #c1daab 1px solid; padding-top: 6px; padding-left: 28px;
font-size: 11px; font-weight: bold; color: #360; text-align: left; text-decoration: none;
}
a.mainlevel:hover {text-decoration: none; color: #7eb150;}
a.mainlevel#active_menu {color:#b20070; }  /*---- active menypunkt ----*/

table.moduletable-vm div {margin: 2px 0 14px 25px; }  /*---- container for undermeny ----*/
a.sublevel:link, a.sublevel:visited, a.sublevel:active {line-height:5px; color: #360; text-decoration: none;}
a.sublevel:hover {color: #7eb150;}
a#active_menu {color: #b20070;}  /*---- active undermenypunkt ----*/
a.readon:link, a.readon:visited, a.readon:active {font: bold 11px Arial; text-decoration: none; color: #09c; line-height:24px;}
a.readon:hover {text-decoration: none; color: #b20070;}


table.contentpaneopen {width: 100%;	border-collapse: collapse; border-spacing: 0px;}
table.contentpaneopen td {padding-right: 15px;}
table.contentpaneopen td.componentheading {}

table.contentpane {width: 100%;} 
table.contentpane td {}
table.contentpane td.componentheading {}
table.contentpaneopen fieldset {border-bottom: 1px solid #eee;}
#form-login fieldset{border:0; padding:4px 0 0 10px;}
#form-login ul{padding-left:10px;}

form {}
.button {background: #cde1bc; color: #B20070; text-align: center; font: bold 11px Arial; padding: 2px 4px; margin:3px 1px; border:0; cursor:pointer;}
.button_cart{background: #B20070; color: #fff; text-align: center; font: bold 11px Arial; padding: 2px 4px; margin:3px 1px; border:0; cursor:pointer;}

.inputbox {margin:1px; padding:0 4px; font: 11px Arial; vertical-align:middle;}


.contentcolumn {padding-right: 5px;}

h3{font:normal 18px "Trebuchet MS",Arial; color:#b20070; margin:15px 0 5px;}
h4{font:normal 18px Arial; color:#693; margin:15px 0 5px;}
h5{font:bold 15px Arial; color:#693; margin:15px 0 5px; }
h6{font:normal 15px Arial; color:#693; margin:15px 0 5px; }

h1, .contentheading, .componentheading {padding-bottom: 20px; color: #693; font-weight: normal; font: 28px "Trebuchet MS",Arial;}
h2, .blog .contentheading {padding:4px 0 8px; color: #B20070; font: 15px Arial, Tahoma; font-weight: bold; }
.contentpagetitle {font-size: 13px; font-weight: bold; color: #cccccc;}

table.searchinto {width: 100%;}
table.searchintro td {font-weight: bold;}

table.moduletable {width: 100%; margin-bottom: 15px; border-spacing: 0px;border-collapse: collapse;}
div.moduletable {margin-bottom: 15px;}
table.moduletable th, div.moduletable h3 {margin: 0 0 2px 0;}
table.moduletable th { padding:4px 0 8px 1px; color:#b20070;}
table.moduletable td {}
table.pollstableborder td {padding: 2px;}

.sectiontableheader {font-weight: bold; background: #eee; padding: 10px;}
.sectiontablefooter {}
.sectiontableentry1 td, .sectiontableentry2 td{padding: 10px 10px 10px 0; border-top:#c1daab 1px solid; border-bottom:#c1daab 1px solid;}


.createdate, .modifydate {padding-bottom:10px; color: #aaa; font-size: 11px;}
.modifydate{padding-top:20px;}
.modifydate_blog{ color: #aaa; font-size: 11px;}

table.contenttoc {border: 1px solid #cccccc;padding: 2px; margin-left: 2px; margin-bottom: 2px;}
table.contenttoc td {padding: 2px;}
table.contenttoc th {padding-top: 2px; padding-left: 4px; height: 21px; font-weight: bold; font-size: 10px; text-transform: uppercase;}

.highlight {background-color: Yellow; color: Blue;}
.code {	background-color: #ddd; border: 1px solid #bbb;}

div.mosimage {border: 1px solid #ccc;}
.mosimage {border: 1px solid #cccccc;margin: 5px}
.mosimage_caption {margin-top: 2px; background: #efefef; padding: 1px 2px; color: #666; font-size: 10px; border-top: 1px solid #cccccc;}

span.article_seperator {}
.small {color: #999999; font-size: 10px;}


/* ===============  display news forside =============== */

.frontpane{height:200px; background: url(../gfx/bg_gradi.gif) repeat-x;}  /*---- module container ----*/
table.frontpane td{padding: 8px 10px 15px 15px;}
.dn-whole{margin-bottom: 6px;}  
.dn-each{padding-bottom:10px;}
.dn-title, .dn-title:link, .dn-title:visited{font: 11px Arial, Tahoma; font-weight:bold; color:#360;}
.dn-title:hover{color: #b20070;}
p.listeov{margin-bottom:4px;}

.dn-date{color:#999;}
.dn-introtext{}


/*  ===============   event mini calender  =============== */
.calwrapper{border:#999 1px solid; background:#fff; margin: 10px auto;}
.calwrapper .wrtd{padding:4px;}
.mod_events_table{ width: 150px; text-align: center; text-decoration: none; margin-top: 2px; }
.mod_events_table td{padding:3px;}
.mod_events_td_title { font-weight: bold; color: #000000; text-decoration: underline; }
.mod_events_td_dayname { font-weight: bold; color: #666; background:#ccc;}
.mod_events_td_dayname .sunday { color:#aaa; }
.mod_events_td_dayname .saturday {color:#aaa;}
.mod_events_td_dayoutofmonth{font-weight: bold; color:#ccc; background: #FFF; }
.mod_events_td_todaynoevents { font-weight: normal; color:#b20070; background: #eee; border:1px solid #693;}
.mod_events_td_todaywithevents{ font-weight: normal; color:#b20070; background:#c1daab; border:1px solid #693;}
.mod_events_td_daynoevents{font-weight: normal; color:#999; background: #eee;}
.mod_events_td_daywithevents{ font-weight: normal; color:#666; background:#c1daab;}
a.mod_events_daylink:link, a.mod_events_daylink:visited { color:#666; text-decoration: none; }
a.mod_events_daylink:hover{color:#b20070; text-decoration: none; }
.mod_events_td_link { background-color: Background; }
a.mod_events_link:link, a.mod_events_link:visited { color:#fff; font-weight:bold;}
a.mod_events_link:hover{color:#ccc; }
.mod_events_monthyear {width: 150px; height: 20px; background:#b20070; color:#fff;}
.mod_events_monthyear td { text-align:center !important;  vertical-align: middle;}
.mod_events_monthyear a.mod_events_link, .mod_events_monthyear a.mod_events_link:visited, .mod_events_monthyear a.mod_events_link:visited{font-weight: bold; color:#fff ; background-color: inherit; text-decoration: none;}


/*  ===============   event latest  =============== */

table.mod_events_latest_table {}
.mod_events_latest, .mod_events_latest_first  {padding:0 0 6px 0; }
.mod_events_latest_date { font: 10px Arial; color:#999; }
.mod_events_latest_content a:link, .mod_events_latest_content a:visited {font: 11px Arial; color:#360; }
.mod_events_latest_content a:hover {color:#b20070;}