/*------------------------------------*/
/* gemensam css som måste ligga före standard */
/*------------------------------------*/

BODY
{
	BACKGROUND-COLOR: #ffffff;
	/*BACKGROUND-COLOR: #DEDFBC;*/
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 12px;
	COLOR: #666666;
	line-height: 18px;
	text-align: center;
/*	background-image: url(../imgdeko/bg/map.gif);
	background-repeat: no-repeat;*/
}

BODY#frontbody
{
	BACKGROUND-COLOR: #ffffff;
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 12px;
	COLOR: #333333;
	line-height: 18px;
	text-align: center;
/*	background-image: url(../imgdeko/bg/map.gif);
	background-repeat: no-repeat;*/
}

/*------------------------------------*/
/* reset all */
/*------------------------------------*/

* { margin:0; padding:0; }

p 
{
margin: 16px 0 0 0;
}

div 
{
font-size: 12px;
}

td
{
font-size: 12px;
padding:3px;
}

/*------------------------------------*/
/* layoutkod */
/*------------------------------------*/

div#frontcont
{
/*	background-image: url(../imgdeko/bg/map.gif);
	background-repeat: no-repeat;*/
width: 800px;
}

/*omslutande container*/
div#container
{
margin-left: auto;
margin-right: auto;
margin-top: 40px;
width: 800px;
text-align: left;

/*background-image: url(../imgdeko/deko/manta50h.png);
background-repeat: no-repeat;
background-position:right top;*/
	
}

/*------------------------------------*/
/* layoutkod innehåll */
/*------------------------------------*/

/*div överst med rubrik*/
#topdiv
{
margin:0px 0 50px 0;
text-align:right;
}

/*div rubrik för kat i folio.asp*/

.folio-katrub
{
margin:20px 0 20px 0;
}

.introtxt
{
margin:20px 0 40px 0;
}

/*menydiv*/
#menudiv
{
margin:10px 0 0px 0;
padding:5px 0 0px 0; 
border-width:2px 0 0 0;
border-style:solid;
border-color:#666;
}

/*huvudkolumn*/
#maincol
{
margin:0px 0 0 0;
width: 480px;
float:left;
}

/*bred kolumn. används på index1 och folio bred bara?*/
#widecol
{
margin: 0px 0 0 0;
width: 800px;
float:left;
}

/*kolumn höger*/
#rightcol
{
margin:0px;
width: 240px;
float:right;
}

div#clearfloats
{
clear:both;
}

div#divider
{
clear:both;
margin: 20px 0 20px 0;
}

/*sidfot*/
#footer
{
margin:20px 0 5px 0;
padding:5px 0 5px 0; 
border-width:2px 0 0 0;
border-style:solid;
border-color:#666;
font-size:10px;
}

/*------------------------------------*/
/* layoutkod innehåll extensions*/
/*------------------------------------*/

/*div överst med rubrik*/
#ext-topdiv
{
margin:0px 0 0px 0;
text-align:left;
}

/*menydiv*/
#ext-menudiv
{
margin:10px 0 20px 0;
padding:5px 0 0px 0; 
border-width:1px 0 0 0;
border-style:solid;
border-color:#666;
}

/*omslutande container*/
#ext-container
{
margin: 0px;
width: 800px;
text-align: left;

/*background-image: url(../imgdeko/deko/manta50h.png);
background-repeat: no-repeat;
background-position:right top;*/
	
}

/*------------------------------------*/
/* bild och textramar */
/*------------------------------------*/


/*style för småbilder (tpl 1 & 2), folio_img*/
.bildram
{
margin:0 5px 5px 0;
width: 110px;
float:left;
}

/*
style för småbilder (tpl 1 & 2), folio_img
nytt 2.18.9: nu lägger vi in en högerställd bildram
och clearfloats efter
*/

.bildram_h
{
margin:0 0 5px 0;
width: 110px;
float:right;
}

/*style för småbilder front*/
div#bildram150
{
margin: 0px;
width: 240px;
}

/*används?*/
div#bildram2
{
margin-bottom: 5px;
margin-right: 5px;
width: 80px;
clear:both;
}

/*vertikalt staplade bilder i ex folio_img*/
div#bildram_vert
{
margin-bottom: 5px;
margin-right: 5px;
width: 80px;
/*clear:both;*/
}

/*------------------------------------*/
/* bildram folio.asp */
/*------------------------------------*/

/*style för småbilder på folio förstasida*/
.bildram_first
{
margin:0 50px 20px 0;
min-width: 160px;
float:left;
}

/*
style för småbilder (tpl 1 & 2), folio.asp
nytt 2.18.9: nu lägger vi in en högerställd bildram
och clearfloats efter (för säkerhets skull sätter vi float left. ser bättre ut.
*/

.bildram_first_h
{
margin:0 0 20px 0;
min-width: 160px;
float:right;
}

/*------------------------------------*/
/* bild och textramar */
/*------------------------------------*/

/*textram under bilder i ex folio_img*/
div#txtram
{
margin:40px 0 0 0;
width: 240px;
clear:both;
}

/*textram under bilder i ex folio_img för video tpl 5*/
#txtram2
{
margin-top: 0px;
width: 240px;
clear:both;
}

/*------------------------------------*/
/* widgets på startsida */
/*------------------------------------*/

/* -- */

.widget-wrapper
{
margin:0px 0 20px 0;
width: 242px;
}

.widget-item
{
margin:10px 0 10px 0;
border-color:#CCCCCC;
border-width:0 0 1px;
border-style:solid;
}

.widget-img
{
margin:5px 0 5px 0;
/*border-color:#CCCCCC;
border-width:1px;
border-style:solid;*/
}

.widget-txt
{
margin:10px 0 10px 0;
}

/*------------------------------------*/
/* varningar */
/*------------------------------------*/

.klart
{
padding:10px;
border:1px #006633 solid;
color: #006633;
}

.alert
{
padding:10px;
border:1px #990000 solid;
color: #990000;
}