﻿
body a
{
   /* text-decoration: none; */
    color:#3ea0c5;
}
#innhold a:focus 
{
    overflow:hidden;
    outline: 0px lime;
}
body textarea
{
    font-family: Arial, Helvetica, sans-serif;
}
.linkUtenStrek
{
    text-decoration:none;
}

.linkUtenStrekKm
{
    
    font-weight:normal;
}



body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
}
ol  {
	padding-left: 17px;
	margin-top: 0px;
}
h1 {
	font-size: 24px;
	line-height: 26px;
	color: #3ea0c5;
	font-weight: normal;
	margin-bottom: 6px;
	margin-top:0px;
}
h2 {
	font-size: 18px;
	color: #3ea0c5;
	font-weight: normal;
/*	margin-bottom: 0px;*/
	line-height: 22px;
	margin-top:0px;
}
h3 {
	font-size: 14px;
	color: #3ea0c5;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 0px;
	margin-top:6px;
}

.ingress {
	font-size: 14px;
	margin-top: 12px;
}
.kursiv {
	font-style: italic;
}
p {
	margin-top: 0px;
	padding: 0px;
}

.fetere {
	font-weight: bold;
}

#maincontent 
{
    width:940px; 
    height: 100%;
    background-color:white; 
    text-align: left; 
    margin: 0px auto;

}
#helesiden
{
    width:1400px; 
    margin-top:0px;
    text-align:left;
    margin-top:0px; margin-left: auto;  margin-right: auto;
    background-image: url(../images/sidebars.jpg);
    background-repeat: repeat-y; 
    margin-bottom:0px;
}
.clear {
    clear: both;
    display: block;
    height: 1px;
    margin: 0;
    padding: 0;
}

.linkBilde
{
    border:0px;
}
#footer {
	height: 164px;
	float:left;
	width:100%;
	color:White;
	line-height: 16px;
	font-size:11px;
	padding-top:20px;
}
#footerlogo
{
    background: url(../images/logo_footer.jpg);
	height: 45px;
	width:171px;
}
#footer a{
	color:White;
	font-size:11px;
	font-weight:normal;
}
#footerdel1
{
    background-image: url(../images/footerlight.jpg);
	height: 144px;
	float:left;
	width:205px;
	color:White;
	padding-top:20px;
	padding-left:15px;
	font-weight:normal;
}
#footerdel2
{
    background-image: url(../images/footerdark.jpg);
	height: 149px;
	float:left;
	width:176px;
	padding-top:15px;
	padding-left:15px;
	font-weight: bold;
}
#footerdel3
{
    background-image: url(../images/footerdark.jpg);
	height: 149px;
	float:left;
	width:169px;
	padding-top:15px;
	font-weight: bold;
	padding-left:10px;
}
#footerdel4
{
    background-image: url(../images/footerdark.jpg);
	height: 149px;
	float:left;
	width:180px;
	padding-top:15px;
	font-weight: bold;
}
#footerdel5
{
    background-image: url(../images/footerlight.jpg);
	height: 149px;
	float:left;
	width:155px;
	padding-top:15px;
	padding-left:15px;
	line-height:1.2;
}

/*Footer kundeweb - mathias*/



#footer_kunde {
	background-image: url(../images/kg_logo.jpg);
	height: 3px;
	float:left;
	width:100%;
	
	
}




/*-----*/

.hovedmeny 
{
	background: url(../images/menybakgrunn.jpg) repeat-x;
	height: 30px;
}

#headerBottom {
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
#headerBottom li  {
	list-style: none;
	display: inline;
}
#headerBottom a#current{
	color: #3ea0c5;
	font-weight: bold;
	height: 30px;
}
#headerBottom a {
	text-decoration: none;
	color: #000;
	margin-left:1em;
	margin-right:1em;
	display: inline-block;
	padding-top: 5px;
	height: 30px;
}
#headerBottom a:link {
	color: #000;height: 30px;
}
#headerBottom a:hover {
	background: url(../images/menybakgrunnvalgt.jpg) repeat-x;
	height: 30px;
}
#headerBottom a:visited 
{
}

#contentleftside
{
    width:220px;
    float:left;
    padding-right:20px;
    
}
#contentmiddleandrightside
{
    width:700px;
    float:left;
    
}
#contentmiddle
{
    width:469px;
    float:left;
    padding-right:11px;
}
#contentmiddle460
{
    float:left;
    padding-right:20px; 
    width:460px; 
    line-height:1.5;
}

#contentmiddle460km
{
    float:left;
    padding-right:20px; 
    width:460px; 
     line-height:1.3;
}

#contentmiddleEnkeltkurs
{
    float:left;
    margin-bottom:220px; 
    padding-right:20px; 
    width:460px;
    line-height:1.5;
}
#contentrightside
{
    width:220px;
    float:left;
}
#contentrightsideslim
{
    width:160px;
    float:left;
}
#contentmiddlethick
{
    width:520px;
    float:left;
    padding-right:20px;
    padding-bottom:20px;
    line-height:175%;

}
#breadcrumb
{
    padding-top:6px;
    padding-bottom:6px;
    font-size:11px;
    line-height:normal;
    color:#999999;
}

.menyboks a 
{ 
    text-decoration: none; 
    color:Black;
}

.menybokskm a:link 
{ 
    text-decoration: none; 

  
}

.menybokskm a 
{ 
    text-decoration: none; 

  
}

.menyboks 
{
    margin-bottom:20px;   
}
.menybokskm 
{
    margin-bottom:20px;   
}
.velgretning_overskrift
{
    background: url(../images/menyoverskriftbakgrunn.jpg) repeat-x;
	height: 30px;
	padding-left:15px;
    vertical-align:middle;
    line-height: 30px;
    font-weight:bold;
}
.velgretning_office
{
    background: url(../images/velgretning_office.jpg) repeat-x;
	height: 30px;
	padding-left:4em;
    vertical-align:middle;
    line-height: 30px;    
}
.velgretning_adobe
{
    background: url(../images/velgretning_adobe.jpg) repeat-x;
	height: 30px;
	padding-left:4em;
    vertical-align:middle;
    line-height: 30px;
}
.velgretning_itteknisk
{
    background: url(../images/velgretning_itteknisk.jpg) repeat-x;
	height: 30px;
	padding-left:4em;
	vertical-align:middle;
    line-height: 30px;
}
.menyoverskrift
{
    background: url(../images/menyoverskriftbakgrunn.jpg) repeat-x;
	height: 30px;
	padding-left:15px;
	vertical-align:middle;
    line-height: 30px;
    font-weight:bold;

}
.menyelement
{
    background: url(../images/menyelementbakgrunn.jpg) repeat-x;
	height: 30px;
	padding-left:15px;
	vertical-align:middle;
    line-height: 30px;
}

.menyelementkm
{
    background-color:#E0E6E6;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
line-height: 15px;
}

#hovedsok{line-height: 2px;}
#hovedsok_tittel
{
    height:48px;
    width:220px;
    background:url(../images/hovedsok_tittel.jpg) no-repeat;
}
#hovedsok_felt_venstre
{
    height:28px;
    width:18px;
    background:url(../images/hovedsok_felt_venstre.jpg) no-repeat;
    float:left;
}
#hovedsok_felt_bakgrunn
{
 margin:0;
 height:28px;
 width:157px;
 background:url(../images/hovedsok_felt.jpg) no-repeat;
 float:left;
}
#hovedsok_felt_bakgrunn #td
{
 background:none;
 border:none;
 width:153px;
 height:17px;
 margin:0;
 padding: 9px 2px 2px 2px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
}
#hovedsok_felt_slett
{
    height:28px;
    width:18px;
    background:url(../images/hovedsok_slett.jpg) no-repeat;
    float:left;
}
#hovedsok_felt_hoyre
{
    height:28px;
    width:27px;
    background:url(../images/hovedsok_felt_hoyre.jpg) no-repeat;
    float:left;
}
#hovedsok_bakgrunn_nede
{
    padding-left:12px;
    background-image: url(../images/hovedsok_bakgrunn_nede.jpg);
height: 125px;
	color:#e3e9e9;
	vertical-align:middle;
	font-size:11px;
	line-height: normal;
	font-weight:bold;
}
/*aktuelt*/
.aktuelt_tipsside a
{
    color:#3ea0c5;
    text-decoration:underline;
}
/* css for dropdownmeny */
div.sdmenu {
	width: 220px;
	font-family: Arial, sans-serif;
	font-size: 12px;
}
div.sdmenu div {
	background-color:#c6cccc;
	overflow: hidden;border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed {
	height: 30px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight:normal;
	background: url(../images/expanded.png) no-repeat 10px center;
	cursor:default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background: url(../images/collapsed.png) no-repeat 10px center;
}
div.sdmenu div a {
	padding: 5px 10px;
	background-image: url(../images/bakgrunn_lysgraa.jpg);
	display: block;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div a.ingenunder 
{
    padding: 0px 0px 0px 0px;
	background-image: none;
	display: block;
	border-bottom:none;
}

div.sdmenu div a.current 
{
    text-decoration:none;
}
div.sdmenu div a:hover 
{
    /*
	background : #066 url(../images/linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
    */
}
.snakkmedoss
{
    background: url("../images/snakkmedoss.jpg");
    width:220px;
    height: 210px;
    font-weight:bold;
	font-size:14px;
}
.snakkmedossTittel
{
    padding-top:8px;
    padding-left:20px;
}
.snakkmedossBunn
{
    padding-top:140px;
    padding-left:55px;
}
.snakkmedosstlf
{
    float:left;
    
}
.snakkmedossTelefon
{
    float:left;
    color:#8faa00;
}
/*kundeutsagn bred (220px)*/
.kundeutsagn_topp_bred
{
    float:left;
    background: url(../images/kundeutsagn_topp_bred.jpg) repeat-x;
	height: 49px;
	padding-top:40px;
	width:200px;
	padding-left:20px;
	font-weight:bold;
	font-size:14px;
	line-height: 20px;
}
.kundeutsagn_bunn_bred
{
    background-color:#e3e9e9;
    width:220px;
    
}
.kundeutsagn_bred
{
    padding-top:20px;
    padding-left:20px;
    line-height:19px;
    padding-right:20px;
    text-align:left;
    background-color:#e3e9e9; 
    width:180px;
}
.kundeutsagn_navn_bred
{
    margin-top:10px; 
    text-align:left;
    color:#017a99;
    font-weight:bold;
    font-size:13px;
    background-color:#e3e9e9;
    width:180px;
}
.kundeutsagn_bedrift_bred
{
    text-align:left;
    background-color:#e3e9e9;
    width:180px;
}
.kundeutsagn_stilling_bred
{
    text-align:left;
    font-style:italic;
    background-color:#e3e9e9;
    width:180px;
}
.kundeutsagn_signatur_bred
{
    float:left;
    padding-right:20px;
    padding-left:20px;
    background-color:#e3e9e9;
    width:180px;
    line-height:normal;
}
.kundeutsagn20pxrad_bred
{
    padding-bottom:20px;
    height:40px;
    width:220px;
    background-color:#e3e9e9;
}
/*kundeutsagn smal (160px)*/
.kundeutsagn_topp_smal
{
    float:left;
    background: url(../images/kundeutsagn_topp_smal.jpg) repeat-x;
	height: 49px;
	padding-top:40px;
	width:147px;
	padding-left:13px;
	font-weight:bold;
	font-size:14px;
	line-height: 20px;
}
.kundeutsagn_bunn_smal
{
    background-image: url(../images/bakgrunn_lysgraa.jpg);
    width:160px;
    padding-bottom:70px;
}

.kundeutsagn_smal
{
    padding-left:13px;
    padding-right:13px;
    line-height:19px;
}
.kundeutsagn_navn_smal
{
    margin-top:10px; 
    text-align:left;
    color:#017a99;
    font-weight:bold;
    font-size:13px;
}
.kundeutsagn_bedrift_smal
{
    text-align:left;   
}
kundeutsagn_stilling_smal
{
    text-align:left;
    font-style:italic;
}
.kundeutsagn_signatur_smal
{
    float:left;
    padding-left:13px;
    padding-right:13px;
    line-height:normal;
}
.kundeutsagn20pxrad_smal
{ 
}
.snakkmedossikon
{
    background-image: url("../images/ring_oss_ikonUtekst.jpg");
    width:200px;
    padding-left:20px;
    padding-top:9px;
    height:199px;
}
/*
konsulentreferansboks
*/
.konsulentreferanseboks_topp
{
    float:left;
    background: url(../images/konsulentref_topp.jpg) repeat-x;
	height: 42px;
	padding-top:43px;
	width:200px;
	padding-left:20px;
	font-weight:bold;
	font-size:14px;
}
.konsulentreferanseboks_bunn_bred
{
    background-color:#E3E9E9 ;
    width:220px;
}
.konsulentreferanse
{
    padding-top:20px;
    padding-left:20px;
    line-height:150%;
    padding-right:20px;
    text-align:left;
    background-color:#E3E9E9 ; 
    width:180px;
}
.konsulentreferanse_signatur
{
    float:left;
    padding-right:20px;
    padding-left:20px;
    background-color:#E3E9E9 ;
    width:180px;
}
.konsulentreferanse_firma
{
    text-align:left;
    background-color:#E3E9E9 ;
    width:180px;
    color:#017a99;
}

/* Auto complete 
-----------------
*/
.AutoCompleteBackground
{
	background-color:white;
}
.AutoCompleteHighlight
{
	background-color:#30ABDB;
}

/* 
css-klasser for fanene 
----------------------
*/

.data_tab 
{
border:1px solid black;
width:500px;
height:100px;
text-align:left;
font-family:verdana;
font-size:12px;
padding:.3em;
}
.tab-box-adobe 
{ 
  border-bottom: 1px solid #DDD;
  padding-bottom:5px;
}
.tab-box-adobe a 
{
  border:1px solid #DDD;
  color:black;
  padding: 5px 15px;
  text-decoration:none;
  background-image: url(../images/bakgrunn_lysgraa.jpg);
}
.tab-box-adobe a.activeLink { 
  background:#571976;
  border-bottom: 0; 
  padding: 6px 15px;
  color:White;
}
.tab-box-office 
{ 
  border-bottom: 1px solid #DDD;
  padding-bottom:5px;
}
.tab-box-office a 
{
  border:1px solid #DDD;
  color:black;
  padding: 5px 15px;
  text-decoration:none;
  background-image: url(../images/bakgrunn_lysgraa.jpg);
}
.tab-box-office a.activeLink { 
  background:#708d02;
  border-bottom: 0; 
  padding: 6px 15px;
  color:White;
}
.tab-box-itteknisk 
{ 
  border-bottom: 1px solid #DDD;
  padding-bottom:5px;
}
.tab-box-itteknisk a 
{
  border:1px solid #DDD;
  color:black;
  padding: 5px 15px;
  text-decoration:none;
  background-image: url(../images/bakgrunn_lysgraa.jpg);
}
.tab-box-itteknisk a.activeLink { 
  background:#ee9217;
  border-bottom: 0; 
  padding: 6px 15px;
  color:White;
}

.tab-box-seminar { 
  border-bottom: 1px solid #DDD;
  padding-bottom:5px;
  margin-top:20px;
}
.tab-box-seminar a {
  border:1px solid #DDD;
  color:black;
  padding: 5px 15px;
  text-decoration:none;
  background-image: url(../images/bakgrunn_lysgraa.jpg);
}
.tab-box-seminar a.activeLink { 
  background:#00a3cd;
  border-bottom: 0; 
  padding: 6px 15px;
  color:White;
}
.tab-box-partner { 
  border-bottom: 1px solid #DDD;
  padding-bottom:5px;
  margin-top:20px;
  font-weight:bold;
}
.tab-box-partner a {
  border:1px solid #DDD;
  color:black;
  padding: 5px 9px;
  text-decoration:none;
  background-image: url(../images/bakgrunn_lysgraa.jpg);
}
.tab-box-partner a.activeLink { 
  background:#ee9217;
  border-bottom: 0; 
  padding: 6px 9px;
  color:White;
}
.tabcontent 
{ 
    padding-bottom:20px;
    padding-top:1px;
    border: 1px solid #ddd; 
    border-top: 0;
    background-image: url(../images/bakgrunn_lysgraa.jpg);
}
.tabcontent_mpn 
{ 
    padding-bottom:0px;
    padding-top:1px;
    border: 1px solid #ddd; 
    border-top: 0;
    background-image: url(../images/bakgrunn_lysgraa.jpg);
}
.tabcontent_tekstinnhold
{
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
}
.hide 
{ 
    display: none;
}

/* egne kontroller */
.kg_tekstboks_bakgrunn
{
 margin:0;
 height:18px;
 width:129px;
 background:url(../images/inputfield.jpg) no-repeat;
 padding-top:3px;
}
.kg_tekstboks
{
 background:none;
 border:none;
 width:120px;
 margin:0;
 padding: 0px 0px 0px 6px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
}
.tekstboks_label
{
    line-height:20px;
}
.tekstboksSomLabel
{
    border:none;
    background-color:Transparent;
}
.kalenderUtenforManed
{
    background-color:#c6cccc;
    color:#c6cccc;
    height:25px;
    border-color:#c6cccc;
    border-width:1px;
}
.kalenderInnenforManed
{ 
    background: url(../images/kalender_dato.jpg) repeat-x;
    font-size:10px;
    color:Black;
    height:25px;
}
.kalenderdatoValgt
{
    background-color:#6883ae;
}
.forrigeNesteManedkalender
{
    padding-left:7px;
    padding-right:7px;
}


/* kursinnhold 
--------------
*/

.kursintro
{
    font-size:small;
}
.seksgodeOverskrift
{
     font-size:medium;
     font-weight:bold;   
}
.seksgodeTekst
{
    line-height:1.7;
}

/*
contentslider
---------------------------------------------------------
*/
/* for relaterte kurs:*/

.contentslider { font:arial, sans-serif; padding-bottom:20px;}
.slidercontentOverskrift { font-size:14px; color:Black; font-weight:bold;}
.slidercontenttekst{ padding-top:2px; font-size:12px;}
.contentslider a {  color:black; } 
.contentslider label { display: block; } 
.infiniteCarousel { width: 460px;  position: relative;}/*  460   */
.infiniteCarousel .wrapper {  width: 441px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */  /*     */
                              overflow: auto;  height: 246px;  margin: 0 0px;  position: absolute;  top: 0; }/* 105    */
.infiniteCarousel .wrapper ul {   /* single item * n */  list-style-image:none;  list-style-position:outside;  
                              list-style-type:none;  margin:0;  padding:0;  position: absolute;  top: 0;}
.infiniteCarousel ul li {  display:block;  float:left;  padding-left:10px; padding-right:10px;  height: 234px;  width: 201px;}/*  136px   */
.infiniteCarousel .arrow {  display: block;  height: 244px;  width: 13px;  
                            text-indent: -1999px;  position: absolute;  top: 0px;  cursor: pointer;  outline: 0;}
.infiniteCarousel .forward {  background-position: 0 0;  right: 0;background: url(../images/pilH.jpg) no-repeat 0 0; }
.infiniteCarousel .back {  background-position: 0 -72px;  left: 0;background: url(../images/pilV.jpg) no-repeat 0 0; }
.relkurskolonne{ padding-left:10px; padding-top:5px;}

/* for forsiden, rullere store bilder: */
.contentslider_fors { font: 1em "Trebuchet MS", verdana, arial, sans-serif; font-size: 100%; }
.contentslider_fors a {  color:black; } 
.contentslider_fors label { display: block; } 
.infiniteCarousel_fors { width: 700px;  position: relative;}/*  460   */
.infiniteCarousel_fors .wrapper_fors {  width: 700px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */  /* 447    */
                              overflow: auto;  height: 370px;  margin: 0 0px;  position: absolute;  top: 0; }/* 230    */
.infiniteCarousel_fors .wrapper_fors ul {  width: 840px; /* single item * n */  list-style-image:none;  list-style-position:outside;  
                              list-style-type:none;  margin:0;  padding:0;  position: absolute;  top: 0;}
.infiniteCarousel_fors ul li {  display:block;  float:left;  padding-left: 0px;  height: 370px;  width: 700px;}/* 200 136*/
.infiniteCarousel_fors .arrow {  display: block;  height: 370px;  width: 18px;  /* 210 13*/
                            text-indent: -1999px;  position: absolute;  top: 0px;  cursor: pointer;  outline: 0;}
.infiniteCarousel_fors .forward {  background-position: -80px 0;  right: 0;background: url(../images/arrow-right.png) no-repeat 0 0; }
.infiniteCarousel_fors .back {  background-position: 0 -72px;  left: 0;background: url(../images/arrow-left.png) no-repeat 0 0; }


/*Slider for forrie og neste tips basert på teksten deres*/
#wrapperForrigenestetips{
    width: 445px;
    margin-left:0px;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 445px;
    margin: 0 auto;
    position: relative;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding-left:15px;
}

.scroll {
	overflow: hidden;
	width: 445px;
    margin: 0 auto;
    position: relative; vertical-align:middle;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 5px;
    width: 130px;
	height: 127px;
}
.inside {
	padding: 10px;
	border: 1px solid #999;background-color:#01a3ca;
	height: 105px;
}
/*
.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}
*/
.inside p 
{
    margin:0px;
	font-size: 10px; 
/*	color: #ccc;*/
}

#wrapperForrigenestetips a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #ccc; 
}

#wrapperForrigenestetips a:hover {
	border-bottom: 1px solid #999;
}

.scrollButtons {
    position: absolute;
    top: -0px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -0px;
}

.scrollButtons.right {
    right: 0px;
}

.hide {
    display: none;
}


/*
menyDropdown
blant annet til praktisk informasjon,seminarinfomeny og konsulenttjenester..
---------------------------------------------------------
*/
.menyDropdownOverskrift
{
    background: url(../images/menyoverskriftbakgrunn.jpg) repeat-x;
	height: 30px;
	padding-left:15px;
    vertical-align:middle;
    text-align:left;
    line-height: 30px;
    font-weight:bold;
}


.menyDropdown ul.menu, .menyDropdown ul.menu ul {
    list-style-type:none;
    margin: 0;
    padding:0;
    width: 220px;
    
}


.menyDropdown_menyelement{
    color: black;	
    background: url(../images/menyelementbakgrunn.jpg) repeat-x;
    height: 30px;
    padding-left:15px;
    line-height: 30px;
    display: block;
    text-decoration: none;	
}
.menyDropdown_menyelement_office{
    color: black;	
    height: 30px;
    line-height: 30px;
    display: block;
    text-decoration: none;	
    background: url(../images/velgretning_office.jpg) repeat-x;
	padding-left:4em;
    vertical-align:middle;
}
.menyDropdown_menyelement_adobe{
    color: black;	
    height: 30px;
    line-height: 30px;
    display: block;
    text-decoration: none;	
    background: url(../images/velgretning_adobe.jpg) repeat-x;
	padding-left:4em;
    vertical-align:middle;
}

.menyDropdown_menyelement_itteknisk{
    color: black;	
    height: 30px;
    line-height: 30px;
    display: block;
    text-decoration: none;	
    background: url(../images/velgretning_itteknisk.jpg) repeat-x;
	padding-left:4em;
    vertical-align:middle;
}


.menyDropdown ul.menu li a:hover {
/*  background: #000;*/
}
.menyDropdown_li
{
    padding-left:15px;
    padding-right:15px;
    padding-top:6px;
    padding-bottom:6px;
    line-height:1.5;
    background-color:#f1f1f1;

}


/*
menyDropdown kundeweb - mathiaS
*/

.menyDropdownOverskrift_kunde
{
    background: url(../images/menyoverskriftbakgrunn.jpg) repeat-x;
	
	height: 30px;
	padding-left:15px;
    vertical-align:middle;
    text-align:left;
    line-height: 30px;
    font-weight:bold;
    width: 435px;
}


.menyDropdown_kunde ul.menu, .menyDropdown_kunde ul.menu ul {
    list-style-type:none;
    margin: 0;
    padding:0;
    width: 450px;
    
}

.menyDropdown_menyelement_kunde{
    color: black;	
    background: url(../images/menyelementbakgrunn.jpg) repeat-x;
    height: 30px;
    padding-left:15px;
    line-height: 30px;
    display: block;
    text-decoration: none;	
}
.menyDropdown_li_kunde
{
    padding-left:15px;
    padding-right:15px;
    padding-top:6px;
    padding-bottom:6px;
    line-height:1.5;
    background-color:#f1f1f1;

}



/*dropdown accordian for tips */
.menyDropdownTipsOverskrift
{
    background: url(../images/menyoverskriftbakgrunn.jpg) repeat-x;
	height: 30px;
	padding-left:15px;
    vertical-align:middle;
    text-align:left;
    line-height: 30px;
    font-weight:bold;
}
.menyDropdownTips ul.menu, .menyDropdownTips ul.menu ul {
    list-style-type:none;
    margin: 0;
    padding:0;
    width: 100%;
    
}
.menyDropdown_tipselement{
    color: black;	
    line-height:1.5;
    background-color:#e3e9e9;
    padding-left:2em;
    display: block;
    text-decoration: none;	
    padding-top:7px;
    padding-bottom:7px;
}



.menyoverskriftblank
{
    background-image: url(../images/menyoverskrift_blank.jpg);
    width:200px;
    padding-left:20px;
    height:26px;
    padding-top:9px;
}
.lysgraaBakgrunn
{
    background-color:#e3e9e9;
}

.ressursrad a
{
    color:Black; 
}

.ressursrad
{    
    width:210px;    
    margin:0 auto;
    line-height:1.5;
    margin-top:10px;
    margin-bottom:10px;
    padding-right:10px;
    text-align:left;  
   
}
.ressursradcontent
{    
     /*kan ta bort?*/  
}
.ressursradvenstre
{    
    float:left;    
    width:70px; 
    padding-left:10px;       
}

.ressursradhoyre    
{
    float:right;    
    width:130px;       
}
.clear
{ 
    clear:both; 
}

/* tipsmeny */
.tipsmenyrad
{    
    width:190px;    
    margin:0 auto;
    line-height:1.5;
    margin-top:0px;
    margin-bottom:0px;
    padding-right:0px;
    text-align:left;  
    padding-left:13px;
}

.tipsmenyradvenstre
{    
    float:left;    
    width:30px;        
}

.tipsmenyradhoyre    
{
    float:right;     
    width:160px;       
}
/*
Tipsutlisting (to kolonner)
*/
.tipsrad
{
    width:520px;
}
.tipsVenstrekolonne
{
    float:left;
    width:255px;
    padding-right:5px;
}
.tipsHoyrekolonne
{
    float:left;
    width:255px;
    padding-left:5px;
}
.tipskolonneoverskrift h1,h2,h3,h4,h5
{
     margin-bottom:0px;
}
.tipskolonnenavn h1,h2,h3,h4,h5
{
     margin-bottom:0px;
}

#tipstekstmenyliste
{
    line-height:1.5;
    background-color:#e3e9e9;
    
}

.tipslistelink:hover 
{
    font-weight:bold;
}
.tipslistelink
{
    color:Black;
    font-size:10px;

}
.tipslisterad
{
    padding-left:10px;
    line-height:1.5;
}

/*
funksjonssøk i excel
*/
.funksok_graa
{
    background-color:#e3e9e9;
    margin-top:10px;
    margin-bottom:10px;
    line-height:1.5;
}
.funksok_hvit
{
    line-height:1.5;
}
.eposttipsTopp
{
    background: url(../images/menyoverskrift_blank.jpg);
	height: 26px;
	width:200px;
	padding-left:20px;
	padding-top:9px;
	font-weight:bold;
	font-size:14px;

}
.eposttipsSmal
{
    background: url(../images/eposttipstoppsmal.jpg);
	height: 26px;
	width:147px;
	padding-left:13px;
	padding-left:13px;
	padding-top:11px;
	font-weight:bold;
	font-size:14px;

}

/*
kurskalender (aspx)
-------------------
*/
#calKurskalender
{
    height:200px;
}


/*
Kurskalender(liste)
--------------------------------
*/
.kurskalender
{
    font-size:11px;
}
.kurskalender_felt
{
    text-align:center;
}

.kurskalendertabell .header td
{
    padding: 2px;
    padding-top: 4px;
    font-weight:bold; 
    background-color:Black;
    color:White;
    text-align:center;
    min-width:60px;
    
    
}

.kurskalendertabell .content td
{
    padding: 2px;
    background-color: #eee;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    text-align:center;
}

/*
Boks for kursmersalg, vises på alle kurssider
*/
.kursmersalgBakrunn_adobe
{
    background:url(../images/bakgrunn_adobe.png);
    height:285px;
    width:190px;
    color:White;
    padding-right:30px;
    line-height:1.5;
    padding-top:8px;

}
.kursmersalgBakrunn_office
{
    background:url(../images/bakgrunn_office.png);
    height:285px;
    width:190px;
    color:White;
    padding-right:30px;
    line-height:1.5;
    padding-top:8px;

}
.kursmersalgBakrunn_itteknisk
{
    background:url(../images/bakgrunn_it_teknisk.png);
    height:285px;
    width:190px;
    color:White;
    padding-right:30px;
    line-height:1.5;
    padding-top:8px;

}
.mersalgOverskrift
{
    font-weight:bold;
    padding-left:20px;
}
.kursmersalgTekst
{
    font-size:11px;
    padding-bottom:20px;
    padding-left:20px;
}
.kursmersalgTittel
{
    font-weight:bold;
}
.kursmersalgLink
{
    padding-right:40px;
    text-align:right;
}
.kursmersalgbilde
{
    padding-top:10px;
    padding-bottom:0px;
    padding-left:15px;
}
.kursmersalgInfo
{
    padding-top:5px;
    padding-bottom:5px;
}

/*
Google custom search engine for våre nettsider
*/
  .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #ffffff;
  }
  input.gsc-input {
    border-color: #BCCDF0;
  }
  input.gsc-search-button {
    border-color: #666666;
    background-color: #cccccc;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #ffffff;
    background-color: #ffffff;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #ffffff;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    background-color: #ffffff;
  }
  .gsc-tabsArea {
    border-color: #ffffff;
  }
  .gsc-webResult.gsc-result {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #3ea0c5;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b {
    color: #3ea0c5;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b {
    color: #0000FF;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b {
    color: #0000FF;
  }
  .gsc-cursor-page {
    color: #3ea0c5;
  }
  a.gsc-trailing-more-results:link {
    color: #3ea0c5;
  }
  .gs-webResult.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-webResult.gs-result .gs-visibleUrl {
    color: #ffffff; display:none;
  }
  .gs-webResult.gs-result .gs-visibleUrl-short {
    color: #ffffff; display:none;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page {
    border-color: #ffffff;
    background-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #ffffff;
    background-color: #ffffff;
  }
  .gs-promotion.gs-result {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result a.gs-title:link {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:visited {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:hover {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:active {
    color: #0000CC;
  }
  .gs-promotion.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-promotion.gs-result .gs-visibleUrl,
  .gs-promotion.gs-result .gs-visibleUrl-short {
    color: #ff0000; 
  }

/* lightbox-------------------------------------------------------------*/
.filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=70);
	
	-ms-filter: alpha(opacity=70);
    -ms-opacity:0.5;
}


#box-datovelger 
{
	display: none;
	position: absolute;
	top: 30%;
	left: 40%;
	width: 220px;
	height: 265px;
	border: 1px solid black;
	z-index:101;
	overflow:hidden;
	text-align:left;
}
#box-datovelger a
{
    text-decoration:none;
}
#box-kalender 
{
	display: none;
	position: absolute;
	top: 40%;
	left: 40%;  
	width: 300px;
	height: 200px;
	border: 10px solid white;
	background-color:#e3e9e9;
	z-index:101;
	overflow:hidden;
	text-align:left;
}
#box-kurssenter 
{
	display: none;
	position: absolute;
	top: 40%;
	left: 40%;  
	width: 300px;
	height: 250px;
	border: 10px solid white;
	background-color:#e3e9e9;
	z-index:101;
	overflow:hidden;
	text-align:left;
}
#box-betingelse 
{
	display: none;
	position: absolute;
	top: 25%;
	left: 30%;  
	width: 600px;
	height: 35%;
	border: 10px solid white;
	background-color:#e3e9e9;
	z-index:101;
	overflow:hidden;
	text-align:left;
}
#box-betingelse-sertifisering 
{
	display: none;
	position: absolute;
	top: 25%;
	left: 30%;  
	width: 600px;
	height: 30%;
	border: 10px solid white;
	background-color:#e3e9e9;
	z-index:101;
	overflow:hidden;
	text-align:left;
}
#box-kollega 
{
	display: none;
	position: absolute;
	top: 15%;
	left: 30%;  
	width: 500px;
	height: 345px;
	border: 10px solid white;
	background-color:#e3e9e9;
	z-index:101;
	text-align:left;
}

#box-office365 
{
	display: none;
	position: absolute;
	top: 1%;
	left: 20%;  
	right:20%;
	width: 40%;
	height:700px;
	border: 10px solid white;
	background-color:#e3e9e9;
	z-index:101;
}

#boxtitle
{
	position:absolute;
	top:0;
	left:0;
	width:230px;
	color:Black;
	text-align:left;
	background: url(../images/menyoverskriftbakgrunn.jpg) repeat-x;
	height: 30px;
	padding-left:2em;
	vertical-align:middle;
    line-height: 26px;
    font-weight:bold;

}
.tilbudskalkulator .midtkolonne{padding-left:20px; padding-right:20px; text-align:center;}
.tilbudskalkulator .midtkolonneOverskrift{padding-left:20px; padding-right:20px; text-align:center;}
.tilbudskalkulator .tekstboks{ text-align:center;}
/*---------- tooltip -----------*/
#bubble_tooltip{
	width:225px;
	position:absolute;
	display:none;
	color:White;
	z-index:1000;
}
#bubble_tooltip .bubble_top{
	background-image: url('../images/bubble_top.png');
	background-repeat:no-repeat;
	height:28px;	
}
.bubble_middle{
	background-image: url('../images/bubble_middle.png');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:10px;
	padding-right:10px;
    text-align:left;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('../images/bubble_bottom.png');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:35px;
	position:relative;
	top:-6px;
}


.kolonneramme {
 /*make it 100% width and a minimum of 1000px width*/
 width: auto;
 margin-left: 0px;
 margin-right: 0px;
 padding: 0px;
    display:table;
 }
.kolonnerad-row {
 Display: table-row;
 }
.kolonneramme li {
 display: table-cell;
 }
.kolonnecelle {
 margin:10 10 10 10;
 }
