html {
height:100%;
width:100%;
font-family:Arial, Verdana, Geneva, sans-serif;
color:#000000;
border:0;
font-size:12px;
line-height:166%;
}


/* globala */
.p-100 { width:100%; }
.p-90 { width:90%; }.p-91 { width:91%; }.p-92 { width:92%; }.p-93 { width:93%; }.p-94 { width:94%; }.p-95 { width:95%; }.p-96 { width:96%; }.p-97 { width:97%; }.p-98 { width:98%; }.p-99 { width:99%; }
.p-80 { width:80%; }.p-89 { width:89%; }.p-88 { width:88%; }.p-87 { width:87%; }.p-86 { width:86%; }.p-85 { width:85%; }.p-84 { width:84%; }.p-83 { width:83%; }.p-82 { width:82%; }.p-81 { width:81%; }
.p-70 { width:70%; }.p-71 { width:71%; }.p-72 { width:72%; }.p-73 { width:73%; }.p-74 { width:74%; }.p-75 { width:75%; }.p-76 { width:76%; }.p-77 { width:77%; }.p-78 { width:78%; }.p-79 { width:79%; }
.p-60 { width:60%; }.p-61 { width:61%; }.p-62 { width:62%; }.p-63 { width:63%; }.p-64 { width:64%; }.p-65 { width:65%; }.p-66 { width:66%; }.p-67 { width:67%; }.p-68 { width:68%; }.p-69 { width:69%; }
.p-50 { width:50%; }.p-51 { width:51%; }.p-52 { width:52%; }.p-53 { width:53%; }.p-54 { width:54%; }.p-55 { width:55%; }.p-56 { width:56%; }.p-57 { width:57%; }.p-58 { width:58%; }.p-59 { width:59%; }
.p-40 { width:40%; }.p-41 { width:41%; }.p-42 { width:42%; }.p-43 { width:43%; }.p-44 { width:44%; }.p-45 { width:45%; }.p-46 { width:46%; }.p-47 { width:47%; }.p-48 { width:48%; }.p-49 { width:49%; }
.p-30 { width:30%; }.p-31 { width:31%; }.p-32 { width:32%; }.p-33 { width:33%; }.p-34 { width:34%; }.p-35 { width:35%; }.p-36 { width:36%; }.p-37 { width:37%; }.p-38 { width:38%; }.p-39 { width:39%; }
.p-20 { width:20%; }.p-21 { width:21%; }.p-22 { width:22%; }.p-23 { width:23%; }.p-24 { width:24%; }.p-25 { width:25%; }.p-26 { width:26%; }.p-27 { width:27%; }.p-28 { width:28%; }.p-29 { width:29%; }
.p-10 { width:10%; }.p-61 { width:11%; }.p-12 { width:12%; }.p-13 { width:13%; }.p-14 { width:14%; }.p-15 { width:15%; }.p-16 { width:16%; }.p-17 { width:17%; }.p-18 { width:18%; }.p-19 { width:19%; }

.auto-show { display:none;}
.auto-hide { display:hide;}

.left {float: left;}
.right {float: right;}

.li-list { margin: 0 auto; text-align:left; list-style: none; list-style-type:none; list-style-position:outside; width:100%;}
.li-list li {display: inline-block; position: relative; text-decoration: none; width:100%;}

.underline:hover{text-decoration:underline;}
.il-rad {	list-style: none;} 
.text-white{ color:#FFFFFF;}
.text-black{ color:#000;}
.text-grey{ color:#999999;}
.text-center{ text-align:center;}

.center {margin: auto;}
.float-left { float:left;}
.float-right {float:right;}
.bold { font-weight:bold;}
.pointer { cursor:pointer;}
.staytop {position:absolute; top:0px; left:0px; z-index:100;}
.relative { position:relative;}
.bg-grey { background-color:#f0f0f0; }
.hoverbg:hover { background-color:#f0f0f0; color:#333333; font-weight:bold; }
.hoverbg td:hover { font-weight:bold; }
.hover-grey:hover { cursor:pointer; background-color:#f0f0f0; color:#333333; }
.hover-black:hover { cursor:pointer; color:#FFFFFF; background-color:#f0f0f0; }
.hoverlist:hover { background-color:#FF9; font-weight:bold; }

hr{border:none;
 	width: 100%;
	height: 10px;
	margin-top: 0;
	border-bottom: 1px solid #cccccc;
	box-shadow: 0 5px 5px -5px #999999;
  margin: -10px auto 10px; }
  
  
/* g�r div inneh�llet f�ltet mer soft och submit knappen som en rad
<div class="faltrad" style="margin-left:20px; width:40%;">
<input name="namn" id="namn"  type="text" value=""; placeholder="..." />
<input type="submit" name="Submit" value="L&auml;gg till" />
</div>
*/
.faltrad { position:relative; overflow:hidden;border: 1px solid #cccccc; border-radius: 2px; background-color:#FFFFFF; font-weight:normal;font-size:100%;}
.faltrad input[type=text] {border: 0px none; padding:10px; width:100%;}
.faltrad input[type=file] {border: 0px none; padding:10px; width:100%;}
.faltrad input[type=submit] { 
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	height:100%; position:absolute;top:0px;right:0;  background-color:#f0f0f0; font-weight:bold; color:#999999; cursor:pointer;}


/* CMS DEISGN BESKRIVNING TABELLER */
.docflik{text-align:center;background:#f0f0f0;padding:10px;font-size:120%; color:#666666;font-weight:bold;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;
	border-right-style: solid;border-bottom-style: none;border-left-style: solid;border-top-color: #CCCCCC;border-right-color: #CCCCCC;border-bottom-color: #CCCCCC;border-left-color: #CCCCCC;}
.docbody{width:97%;background-color:#f0f0f0;font-size:90%;	border: 1px dotted #CCCCCC; padding:15px;}


/* standard css */
.animate-fading{animation:fading 2s}@keyframes fading{0%{opacity:0}100%{opacity:1}}
.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-top{animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}

 
/* skapa sida vid sida & auto bryt vid mindre f�nster/mobil 
<ul id="li-colum" class="li-colum">
	<li>inneh�ll</li>
	<li>inneh�ll</li>
</ul>
*/
.li-colum { position:relative; list-style: none;padding: 0px;margin: 0 auto;text-align: left;width: 100%;}
.li-colum li {	text-align:left;display: inline-block;margin: 10px 5px 0 5px;vertical-align: top;width: 15%;} /* kolum bredden sida vid sida */
.li-colum img { border:0;}
/* ENDL ul li COLUM */



font {
	font-family:Arial, Verdana, Geneva, sans-serif;
}

select {
  cursor: pointer;	
}

 .div-table{
  display:table;         
}
.div-table-row{
  display:table-row;
}
.div-table-col{
  float:left;/*fix for  buggy browsers*/
  display:table-column;          
}



 .css-table{
  display:table;         
}
.css-table-tr{
  display:table-row;
}
.css-table-td{
  float:left;/*fix for  buggy browsers*/
  display:table-column;          
}

.table-head{display:table;}
.table-tr { display: table-row; } 
.table-td{ float:left;display: table-colum; }
.table-cell{ display: table-cell; }


.rund {
font-weight:bold;
 color:#FFFFFF;
 background:#666666;
 border-radius: 25px;
padding:4px; width:30px; 
text-align:center;
 }
 
.prolinje {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

img{
border:0;
}

.layskugga{
box-shadow: 2px 2px 10px #999999;
}
 .trans
{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}


.tabON { display: block; }

div.tabOFF { } 
.leftvit {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}


div#container { } 
.grey {
	color: #666666;
	text-decoration: none;
}
.skugga{
box-shadow: 0px 2px 2px #cccccc;
}
 
.textskugga {
    text-shadow: 2px 2px #cccccc;
}

.hogerlinje {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.linjesvart {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.linjevit {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #FFFFFF;
	border-left-color: #333333;
}
.linjevit3 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.linjeorange {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #FF6600;
	border-left-color: #333333;
}

.sokram {
	background-color: #FF9933;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-image: url(img/on_orange.png);
}
.botlinje {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #EEEEEE;
	border-right-color: #EEEEEE;
	border-bottom-color: #e1e1e1;
	border-left-color: #EEEEEE;
}
.botsvart {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #EEEEEE;
	border-right-color: #EEEEEE;
	border-bottom-color: #333333;
	border-left-color: #EEEEEE;
}
.ram {
	border: 1px solid #999999;
}
.ramsoft {
	border: 1px solid #e1e1e1;
}


/* anpassa apple*/
input[type=button] {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type=submit] {-webkit-appearance: none;-moz-appearance: none;appearance: none;}


.falt {
	padding:10px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font-size:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}


.falt-select {
border: 1px solid #999999;
  padding:10px;
   background-color: #FFFFFF;
  cursor:pointer;
   }
   
   
.ramsvart {
	border: 1px solid #000000;
}
.botred {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}
.formtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.menyon {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	background-color: #666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-image: url(img/menyon.png);
}
.sokknapp {
	background-color: #666666;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	cursor:pointer;
}
.menyoff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #000000;
	background-image: url(img/on_bg.png);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.menyorange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #000000;
	background-image: url(img/on_orange.png);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.svart {
	color: #000000;
	text-decoration: none;
}

.orange {
	color: #FF6600;
	text-decoration: none;
}



.knappspara {
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336699;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	  padding:10px;
	 border-radius: 4px;

}

.knapporange {
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF9900;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	  padding:10px;
	 border-radius: 4px;
 
}

.knapprosa {
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#FF00FF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	  padding:10px;
	 border-radius: 4px;
 
}

.knapplila {
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#CC66FF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	  padding:10px;
	 border-radius: 4px;
 
}

.knappbla {
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336699;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	  padding:10px;
	 border-radius: 4px;
 
}


.knappsvart {
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
    padding:10px;
	 border-radius: 4px;
 
}

.knappgrey {
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
  padding:10px;
	 border-radius: 4px;

}
.knappblue {
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #336699;
	  padding:10px;
	 border-radius: 4px;

}
.knappsoftbla {
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #0099CC;
	  padding:10px;
	 border-radius: 4px;

}


.knappred {
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FF0000;
	  padding:10px;
	 border-radius: 4px;
}
.knappgreen {
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #02A14D;
       padding:10px;
	 border-radius: 4px;
	
}

.knappgul {
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color:#FFFF00;
	  padding:10px;
	 border-radius: 4px;

}

.vit {
	color: #FFFFFF;
	text-decoration: none;
}
.ramgrey {
	border: 1px solid #CCCCCC;
}
.ramfet {
	border: 5px solid #333333;
}
.ramljus{
border: 1px solid #e1e1e1;
}

.ramcorner {
	border: 1px solid #999999;
	 border-radius: 6px;
}
.gulcorner {
border-radius: 5px;border: 1px solid #FFFF00;
}
.corner {
	border: 1px solid #FFFFFF;
	 border-radius: 6px;
}

  
.ramdot {
	border: 1px dotted #999999;
}
 
 .ramdotb {
	border: 3px dotted #999999;
}
.ramvit {
	border: 1px solid #FFFFFF;
}

.sokram{
border: 1px solid #FFFFFF;
padding:10px;
	font-size:15px;
	font-weight:bold;
	background:#FFFFFF;
}
.ramon {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #D1D1D1;
	border-left-color: #666666;
	background-image: url(img/bg_active.gif);
}
.ramoff {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-color: #CCCCCC;
	background-image: url(img/bg_rubblue.gif);
}
.alton {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
	background-image: url(img/alton_bg.png);
}
.altoff {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #cccccc;
	background-image: url(img/alt_bg.png);
}
.uon {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	background-image: url(img/bg_active.gif);
}
.flikON {
	font-weight: bold;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-image: url(img/cms_menyon.jpg);
	 background-repeat:no-repeat;
}
.uoff {
	background-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	background-image: url(img/bg_ontop.png);
}
.uoffred {
	background-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	background-image: url(img/on_red.png);
}
.linjeleftvit {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.linjehogervit {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.xuoff {
	background-color: #99CCFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	background-image: url(img/nav_bar_background_soft.gif);
}
.uram {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.linje {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.fetlinje {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.linjegrey {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
}
.fliktopON {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF9900;
	border-right-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	cursor:pointer;
}

.fliktopOFF {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	background-color: #e1e1e1e;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	border-left-color: #FFFFFF;
	cursor:pointer;
	
}
.bla {
	color: #0000FF;
	text-decoration: none;
}
.stepon {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
}
.stepoff {
	color: #999999;
	text-decoration: none;
}

.steplinje {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.layram {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.leftmenulinje {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.lefton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #000000;
	
	background-image: url(img/bg_menulefton.png);
}
.leftoff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.flikinON{
	padding:10px;
	font-size: 16px;
	font-weight:bold;
	color: #ffffff;
	background-color: #333333;
	cursor:pointer;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;

	
}


.flikinOFF {
	cursor:pointer;
	padding:10px;
	color:#666666;
	font-size: 14px;
	font-weight:bold;
	background-color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.flikfaON{
padding:10px;
 font-size: 14px;
 font-weight:bold;
	color: #ffffff;
	background-color: #333333;
	cursor:pointer;
	background-position:top center;
	background-repeat:no-repeat;
	
}


.ramstreck {
	border: 1px dashed #999999;
}
.red {
	color: #FF0000;
	text-decoration: none;
}

.fet {
	font-weight: bold;
}
.linjetop {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}


.menuON {
 border-radius: 2px;
	color: #000000;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #FFFFFF;
	border-left-color: #000000;
}

.menuOFF {
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.menuBOFF {
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.flikadmON {
	background-color: #FF6600;
}

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

 
.protablinje {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.linjevitfet {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #FFFFFF;
	border-left-color: #333333;
}

.ramred {
	border: 2px solid #FF0000;
}
.linjedot {
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.spanknapp {
 padding:6px; 
 color:#FFFFFF; 
 font-size:12px; 
 border-radius: 3px; 
 font-weight:bold; 
 cursor:pointer;
}

.myCheckbox input {
    display: none;
}

.myCheckbox span {
cursor:pointer;
border-radius: 3px;
    width: 20px;
    height: 20px;
    display: block;
    background:#f0f0f0;
     background: url("img/checkbg.png");
   border: 1px solid #333333;
}

.myCheckbox input:checked + span {
 cursor:pointer;
 border: 1px solid #333333;
 border-radius: 3px;
    background: url("img/check.png");
    background-repeat:no-repeat;
    background-position:center;
}



input[type=radio].css-checkbox {
 position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
 }

 input[type=radio].css-checkbox + label.css-label {
	padding-left:40px;
	height:30px; 
	font-size:30px;
	display:inline-block;
	line-height:30px;	
	background-repeat:no-repeat;
	background-position: 0 0;	
	vertical-align:middle;
	cursor:pointer;

	}

	input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -30px;
	}
	
	label.css-label {
	background-image:url(/img/radiobox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
	
	
	
	
input[type=radio].css-radiobox {
 position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
 }

 input[type=radio].css-radiobox + label.css-radiolabel {
	padding-left:30px;
	height:20px; 
	font-size:20px;
	display:inline-block;
	line-height:20px;	
	background-repeat:no-repeat;
	background-position: 0 0;	
	vertical-align:middle;
	cursor:pointer;

	}

	input[type=radio].css-radiobox:checked + label.css-radiolabel {
	background-position: 0 -20px;
	}
	
	label.css-radiolabel {
	background-image:url(/img/radiobox2.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
	
input[type=text]:hover, input[type=textarea]:hover { font-weight:bold;}
input[type=file] { cursor:pointer; }





/* COOKIE ********************************/
.site-cookie {animation:cookieanimate 2s;
	 position:fixed; z-index:10; bottom:0; left:0; width:100%; background-color:#333;padding:0.6rem; text-align:center;color:#fff;font-size:1.2em;}
.site-cookie-btn {
	margin-top:1rem;
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding:0.6rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.1em;
 border-radius: 4px;
 cursor:pointer;
}
.site-cookie a{color:#FFF;text-decoration:underline;} 
.site-cookie a:hover{color:#FFF;text-decoration:underline;} 
@keyframes cookieanimate{from{bottom:-20rem;} to{bottom:0;}}