/*---- Body etc  -------------------------------------------------------------------*/

body, .huvudtabell
{
	background-color:	rgb(210,207,200);
	margin:				0px;
}


/*---- Brödtexter och grundformat  -------------------------------------------------*/

.normal, p, font, input, select, textarea, li, blockquote, ul, form
{
	font-family:		Arial,Segoe UI,Helvetica,Verdana,Geneva,sans-serif;
	font-size:			12px;
	line-height:		18px;
/*	text-align:			left; */
/* Segoe 13,19 */
	margin-top:			10px;
	margin-bottom:		1px;
	padding-top:		0px;
	padding-bottom:	0px;

	color:				rgb(40,40,40);
}

blockquote, ul, form
{
	margin-top:			0px!important;
}

/*
ul ovan borde nog varit så här istället:
ol
{
	margin-top:		0px;		Möjligen några pixlar.
	margin-bottom:	0px;
}
*/

.mellan
{
	font-size:			12px;
	line-height:		17px;
	margin-top:			8px;
	margin-bottom:		1px;
}

.liten
{
	font-size:			11px;
	line-height:		13px;
	margin-top:			6px;
	margin-bottom:		1px;
}


/*---- Rubriker och ingresser  -----------------------------------------------------*/

.rubrik, h1
{
	font-family:		Georgia,Segoe UI,Cambria,Arial,Segoe UI,Helvetica,Verdana,Geneva,sans-serif;
	font-size:			24px;
	font-weight:		normal;
	font-weight:		400;
	line-height:		30px; 
/*	text-align:			left; */
	margin-top:			10px;
	margin-bottom:		1px;
	padding-top:		0px;
	padding-bottom:	0px;
	color:				rgb(40,40,40);
}

.underrubrik, h2
{
	font-family:		Georgia,Segoe UI,Cambria,Arial,Segoe UI,Helvetica,Verdana,Geneva,sans-serif;
/*	font-size:			19px;   Lite finare form (bredare), men tar mer plats */
	font-size:			18px;
	font-weight:		normal;
	font-weight:		400;
	line-height:		24px;
/*	text-align:			left; */
	margin-top:			22px;
	margin-bottom:		1px;
	padding-top:		0px;
	padding-bottom:	0px;
	color:				rgb(40,40,40);
}

.underrubrik2, h3, h4, h5, h6, h7
{
/* Segoe 15,20 ej Bold */
	font-family:		Arial,Segoe UI,Helvetica,Verdana,Geneva,sans-serif;
	font-size:			12px;
	font-weight:		bold;
	font-weight:		700;
	line-height:		16px;
/*	text-align:			left; */
	margin-top:			16px;
	margin-bottom:		1px;
	padding-top:		0px;
	padding-bottom:	0px;
	color:				rgb(40,40,40);
}

.errorfarg, .rubrikfarg, .rod
{
	color:				rgb(204,0,51)!important;		/* Ändra ej! Används på diverse ställen i syftet "skarpröd". */
	color:				rgb(204,0,0)!important;		/* Ändra ej! Används på diverse ställen i syftet "skarpröd". */
}

.gra
{
	color:				rgb(128,128,128)!important;
}

.ingress
{
	font-family:		Georgia, Arial, Helvetica,Segoe UI,Verdana,Geneva,sans-serif;
	color:				rgb(80,80,80);
	font-size:			16px;
	line-height:		24px;

	margin-top:			18px;
	margin-bottom:		18px;

/*
	font-size:			16px;
	line-height:		23px;
	color:				rgb(60,80,128);
	letter-spacing:	0px;

	margin-top:			14px;
	margin-bottom:		14px;
*/
}


/*---- Specialare  -----------------------------------------------------------------*/

.utanoverslag
{
	margin-top:			0px!important;
}

.litetoverslag
{
	margin-top:			10px!important;
}

.stortoverslag
{
	margin-top:			24px!important;
}

.biglink
{
	font-size:			16px;
	line-height:		24px;
	font-weight:		normal;
}

.lankpil
{
	font-size:			15px;
}



/*---- Ramar etc  ------------------------------------------------------------------*/

/* <p> i sådan här ruta ska ha class "utanoverslag". */
div.varningsruta
{
	background-color:	#FFEEEE;
	border:				1px solid #EECCCC;
	padding:			6px 10px 10px 10px;
	width:				95%;
	margin-top:			16px;
	margin-bottom:		14px;
}



/*---- Input-element  --------------------------------------------------------------*/

input.text, select.text
{
/*
	height:				19px;
	line-height:		16px;*/		/* IE5+: påverkar marginal inom textrutan, ovanför texten. */
	height:				21px;
	margin-top:			1px;		/* IE5+: påverkar marginal ovanför textrutan. */
}

input.knapp
{
/*
	height:				20px;
	line-height:		11px;
	margin-top:			0px;
*/
}

input.kryssruta
{
}


/* TEST */
input.text, select.text, textarea
{
	border-width:		1px;
	border-style:		solid;
	border-color:		rgb(135,135,135);
}
/**/


/*---- Menyer  ---------------------------------------------------------------------*/

p.meny
{
	margin-top:			10px;
	margin-bottom:		0px;
	padding-top:		0px;
	padding-bottom:	0px;
}

font.meny
{
	font-size:			11px;	/* IKEA-meny */
	font-weight: 		bold;	/* IKEA-meny */

	font-size:			12px;
	font-weight: 		normal;

	line-height:		17px;
}


/*---- Länkar  ---------------------------------------------------------------------*/

a:link, a:visited, .lanktext
{
	color:				rgb(199,66,0);
	color:				rgb(0,90,170);
	color:				rgb(205,67,0);
	text-decoration:	none;
   border-bottom:		1px dotted;
	cursor:				pointer;
}

a:active, a:hover, .lanktext:hover
{
	color:				rgb(0,143,214);
	color:				rgb(233,78,0);
	text-decoration:	none;
	border-bottom: 1px solid;
/*	text-decoration:	underline;*/
}

a.rubrik:link, a.rubrik:visited, a.underrubrik:link, a.underrubrik:visited, a.underrubrik2:link, a.underrubrik2:visited, a.bildlank:link, a.bildlank:visited, a.bildlank:hover
{
/*	color:				rgb(193,61,4);*/
	color:				rgb(40,40,40);
	text-decoration:	none;
	border-bottom: none;
	cursor:				pointer;
}

a.rubrik:active, a.rubrik:hover, a.underrubrik:active, a.underrubrik:hover, a.underrubrik2:active, a.underrubrik2:hover
{
/*	color:				rgb(255,102,0);*/
	color:				rgb(0,143,214);
	color:				rgb(233,78,0);
/*	text-decoration:	underline;*/
	text-decoration:	none;
	border-bottom: 1px solid;
}


a.meny:link, a.meny:visited
{
	color:				rgb(0,0,0);
	text-decoration:	none;
	border-bottom: none;
}

a.meny:active, a.meny:hover
{
	color:				rgb(0,102,204);
	color:				rgb(0,143,214);
	color:				rgb(0,90,170);
/*	text-decoration:	underline;*/
	text-decoration:	none;
   border-bottom: 1px dotted;
}

a.meny2:link, a.meny2:visited
{
	color:				rgb(204,0,0);
	text-decoration:	none;
	border-bottom: none;
}

a.meny2:active, a.meny2:hover
{
	color:				rgb(0,102,204);
	color:				rgb(0,143,214);
	color:				rgb(0,90,170);
/*	text-decoration:	underline;*/
	text-decoration:	none;
   border-bottom: 1px dotted;
}