@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

BODY
{
	FONT-SIZE: 16px;
	LINE-HEIGHT: 18px;
	font-weight:400;
	FONT-FAMILY: Roboto, Verdana, Arial, sans-serif;
	background-color: #CBC6BD;
}

.mainpage
{
	width: 100%;
	max-width: 550px;
	padding: 10px;
}

.banner{padding: 2px 10px; color:white; display:inline-block; min-width:94px; text-align: center;}
.text-red{color:#770000;}
.text-green{color:rgb(0, 90, 0); }
.text-orange{color:rgb(170, 119, 17); }

.bg-red{background-color:#770000;}
.bg-green{background-color:rgb(0, 90, 0); }
.bg-orange{background-color:rgb(170, 119, 17); }
.todo-list li{margin-bottom:10px;}
TABLE
{
    FONT-SIZE: 16px;
    LINE-HEIGHT: 18px;
 }

 #divWaiting		{position:absolute; left:50; top:50; z-index:0; visibility: show }
 #divYourturn	{position:absolute; left:50; top:50; z-index:0; visibility: show }
 
 #divLatest		{position:absolute; left:50; top:50; z-index:0; visibility: show }
 #divCardInfo	{position:absolute; left:50; top:20; z-index:2005; visibility: hidden; background-image : url(../../img/skin/skin<%=session("regno_skin")%>/cardpopup.gif);background-repeat : no-repeat;  }
 

 div#divCardInfo {
    position: absolute;
    background-color: #D4D0C8;
    top: 10px;
    left: 10px;
	z-index:2000;
}






DIV.Offscreen
{
    DISPLAY: none
}
H2
{
	
	font-size: 20pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
  	MARGIN-BOTTOM: 1px;
   	PADDING-BOTTOM: 1px;
    	LINE-HEIGHT: 20pt;
}
H3
{
	
	font-size: 20pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #770000;
   	 MARGIN-BOTTOM: 1px;
   	 PADDING-BOTTOM: 1px;
    	LINE-HEIGHT: 20pt;
}
H5
{
    FONT-SIZE: 11pt;
    VERTICAL-ALIGN: sub;
    LINE-HEIGHT: 9pt;
 
}
SPAN.Offscreen
{
    DISPLAY: none
}
SPAN.BulletNumber
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-large;
    COLOR: #66ccff
}
SPAN.BulletText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    LETTER-SPACING: 1pt;
    TEXT-ALIGN: center
}
A:link
{
    COLOR: #770000;
    TEXT-DECORATION: none

}
A:visited
{
    COLOR: #770000;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #990000;
    TEXT-DECORATION: underline
    
}


.rubrik {

	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	margin: 0px;
	padding-bottom: 5px;
}
.storrubrik {

	font-size: 20pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	MARGIN-BOTTOM: 1px;
   	padding-bottom: 1px;
    LINE-HEIGHT: 20pt;
}
.rubrikI {
	
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #770000;
	padding-bottom: 5px;
}
.storrubrikI {

	font-size: 20pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #770000;
	MARGIN-BOTTOM: 1px;
   	PADDING-BOTTOM: 1px;
    LINE-HEIGHT: 20pt;
}
.liten {


	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
}


}
.artikellankI {

	
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #770000;
}


.meny {
	
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
	text-decoration: none;
}
.menyI {

	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
	margin-left: 10px;
	text-decoration: none;
}
.str {
	
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-decoration: none;
}

div.Frame1 {
  background: url(borders/tl.gif) top left no-repeat;
  width:100%;
  } 
div.Frame1 h3 {
  background: url(borders/tr.gif) top right no-repeat;
  font-size:1.3em;
  padding:15px;
  margin:0;
  }
div.Frame1Body {
  background: url(borders/r.gif) top right repeat-y;
  margin:0;
  margin-top:-2em;
  padding:15px;
  }
div.Frame1Footer {
  background: url(borders/bl.gif) bottom left no-repeat;
  }
div.Frame1Footer p {
  background: url(borders/br.gif) bottom right no-repeat;
  padding:15px;
  display:block;
  margin:-2em 0 0 0;
}