/*white standard css*/

BODY
{
	BACKGROUND-COLOR: #ffffff;
	/*BACKGROUND-COLOR: #DEDFBC;*/
	FONT-FAMILY: "Segoe UI", verdana, arial, helvetica;
	FONT-SIZE: 90%;
	COLOR: #666;
	line-height: 100%;
	text-align: center;
	background-image:url(../imgdeko/bg/utopia-bg.png);
	background-repeat: no-repeat;
}

BODY#frontbody
{
	BACKGROUND-COLOR: #ffffff;
	/*BACKGROUND-COLOR: #EAEDF5;*/
	/*BACKGROUND-COLOR: #E7ECDB;*/
	FONT-FAMILY: "Segoe UI", verdana, arial, helvetica;
	FONT-SIZE: 12px;
	COLOR: #666;
	line-height: 18px;
	text-align: center;
	background-image: url(../imgdeko/utopia-bg.png);
	background-repeat: no-repeat;
}

* { margin: 0px; padding: 0px; }

p {margin: 14px 0px;}

A
{
	COLOR: #5A7DAC;
    TEXT-DECORATION: none;
	/*font-weight: bold;*/
	/*text-transform: uppercase;*/
}

A:hover
{
    COLOR: #999999;
    TEXT-DECORATION: underline;
	/*font-weight: bold;*/
	/*text-transform: uppercase;*/
}

A#small
{
	COLOR: #48547A;
    TEXT-DECORATION: none;
	FONT-SIZE: 9px;
	/*text-transform: uppercase;*/
}

/* klickbara rubriker i folio */
A#rub
{
    FONT-SIZE: 14px;
    COLOR:  #48547A;
    FONT-FAMILY: arial, verdana, helvetica, sans serif;
	font-weight: bold;
	letter-spacing: 0.05em;
	/*line-height: 18px;*/
	/*text-transform: uppercase;*/
	/*trebuchet ms, */
}

A:hover#rub
{
    FONT-SIZE: 14px;
    COLOR: #999;
    FONT-FAMILY: arial, verdana, helvetica, sans serif;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 18px;
	text-transform: uppercase;
	TEXT-DECORATION: underline;
}

/* Styles for postings */

/* brödtext i maincol */
div#maincol
{
/*FONT-FAMILY: Georgia, "Times New Roman", Times, serif;*/
font-size: 1.0em;
line-height: 1.5em;
}

/* special maincol */
#maincol p
{
text-align:justify;
}
	
/* brödtext i widecol */
div#widecol
{
/*FONT-FAMILY: Georgia, "Times New Roman", Times, serif;*/
font-size: 1.0em;
line-height: 1.5em;
}

/* special maincol */
#widecol p
{
text-align:justify;
}

/* brödtext i maincol */
div#leftcol
{
/*FONT-FAMILY: Georgia, "Times New Roman", Times, serif;*/
font-size: 1.0em;
line-height: 1.5em;
}

/* brödtext i maincol */
div#rightcol
{
/*FONT-FAMILY: Georgia, "Times New Roman", Times, serif;*/
font-size: 1.0em;
line-height: 1.5em;
}

/* RUBRIKER */
/* rubs fonts and colors */

.rub_menu, .rub_detail, .rub_front, h3, h2, h1
{
COLOR: #666;
FONT-FAMILY: arial, verdana, helvetica, sans serif;
line-height:normal;
}

/*big head*/
h1 {  
font-size: 2.5em; 
line-height: 1.5em;
font-weight: bold; 
/*color: #333333;*/
color: #223A62;
}

/* rubrik för artiklar */
h2 {  
font-size: 1.8em; 
line-height: 1.2em;
font-weight: bold;
margin: 0px; 
}

/* rubrik för folio */
h3 {  
font-size: 1.4em; 
/*line-height: 1.2em;*/
margin: 0px;
font-weight: bold; 
}

/* rubrik sidebar */
.rubsidebar {
display: block;
text-align:left;
padding: 0 0 0 0px; 
line-height: 2.0em;
background-color: #fff;
color: #5A7DAC;
font-weight: bold;
font-size: 1.1em;
font-family: Tahoma, Arial, Helvetica, sans-serif;
letter-spacing: 0.2em;
}

/* rubrik för folio */
.rub_front
{
FONT-SIZE: 14px;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 18px;
/*trebuchet ms, */
text-transform: uppercase;
}

.rub_detail
{
FONT-SIZE: 12px;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 16pt;
}

.rub_cat
{
FONT-SIZE: 10px;
COLOR: #333;
FONT-FAMILY: verdana,arial,helvetica;
letter-spacing: 0.1em;
line-height: 16pt;
}

/* övre meny */	
.rub_menu
{
FONT-SIZE: 10px;
letter-spacing: 0.1em;
line-height: 16pt;
}

/*--------------------------------
mindre text för olika ändamål
*/


.smalltxt 
{ 
FONT-SIZE: 0.8em;
COLOR: #999;
FONT-FAMILY: verdana,arial,helvetica;
}

.smallertxt 
{ 
FONT-SIZE: 0.6em;
COLOR: #999;
FONT-FAMILY: verdana,arial,helvetica;
}

/*--------------------------------
Linjer dotted bottom top används
*/

.dotbottom 
{ 
border: solid; 
border-width: 0px 0px 1px; 
border-color: #ccc
}

.dottopbottom 
{ 
border: solid; 
border-width: 1px 0px 1px; 
border-color: #ccc
}

/*meny och footer*/
.dottop
{ 
border: solid; 
border-width: 1px 0px 0px; 
border-color: #ccc
}

/*linje under huvud*/
.headline
{ 
border: solid; 
border-width: 4px 0px 0px; 
border-color: #48547A;
}

.ram 
{ 
border: solid; 
border-width: 1px; 
border-color: #999
}