/*
 CSS Document

	Innehåll:
	_____________
	Grundläggande formatering 
	Nyheter 
	Sidfot för innehållsdelen 
	Bild och text 
	Sidfot 
	Anpassa
	Generellt formulär
	Felmeddelanden
 */
	 
/********************************
		Grundläggande formatering
********************************/

body 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 1.5ex 0;
	color: #000000;
	background-color: #99CCFF;
	vertical-align: text-top;
}
h1 	{
	font-size: 140%;
	margin: 0ex 15px 0.5ex 0;
}
h2 {
	font-size: 120%; 
	margin: 2.2ex 0 0.5ex 0; 
}
h3 	{ 	
	font-size: 100%; 
	margin: 2.2ex 0 0.5ex 0; 
}
p 	{
	margin: 0 0 1ex 0;
	line-height: 130%;
	font-size: 100%;
}
ul{
	padding: 0;
	margin:0 0 0 2em;
	font-size: 100%; 
}
ol{
	padding: 0;
	margin:0 0 0 2.7em;
	font-size: 100%; 
}
li {
	padding: 0.5ex;
}
img {
	border: none;
}
table{
	margin: 2ex 0 2ex 0;
	width: 100%;
}
th 	{
	font-weight: bold;
	text-align: left;
	vertical-align: text-top;
	padding-top: 0.4ex;
}
td 	{
	padding: 0.2em 0 0.4em 0;
}

form {
	padding:0;
	margin:0;
}
a:link {
	text-decoration: underline;
	color:#0000FF;
}		
a:visited,
a:active {
	text-decoration: underline;
	color:#990099;
}		
a:hover 	{
	text-decoration: none;
}
div#hela {
	padding:0;
	margin:0 auto 0 auto;
	width: 48.2em;
	border-right: 0.05em solid #0166CC;
	border-bottom: 0.05em solid #0166CC;
	border-left: 0.05em solid #0166CC;
	height: auto;
	background: #FFFFFF url(/bilder/grafik/bgr_vr.gif) repeat-y 13.7em;
}

div#innehall {
	width: 33em;
	min-height: 45ex;
	font-size: 75%;
	padding: 1.4em 0 1em 0;
	float: left;
	margin: 0 0 0 1.6em;
}
div#innehall img.ikon {
	margin: 0 0.3em 0 0;
	vertical-align: middle;
	width: 2.3em;
}

/*****************************************
	Nyheter
/*****************************************/
div.nyhet {
	width: 100%;
	margin: 0 0 1.5em 0;
}

p.nyhet {
	margin: 0 0 2.5em 0;
}

/********************************
		Nyhetsavskiljare
********************************/
hr.brytnyhet{
	height: 0.2ex;
	margin-top: 2ex;
	margin-bottom: 1ex;
	color: #006633;
	background-color: #FFFFFF;
}
/********************************
		Nyhetslista
********************************/
hr.brytnyhet{
	height: 0.2ex;
	margin-top: 2ex;
	margin-bottom: 1ex;
	color: #006633;
	background-color: #FFFFFF;
}
table#notis_lista th{
	font-size: 100%;
}
table#notis_lista td{
	font-size: 100%;
	padding-top: 0.3em;
	padding-right: 1ex;
}
table#notis_lista td.datum{
	white-space: nowrap;
	vertical-align:text-top;
}

/********************************************************
	Sidfot för innehållsdelen
********************************************************/			
div#innehallsidfot{
	margin-top:3ex;
	clear: both;
}
div#innehallsidfot a {
	padding: 0 2em 0 0;
	color: #000000;
	margin-top:2ex;
}

/* ***********************************************  */
/*  Bilder   */
/* ***********************************************  */

/*  Liten bild   */
img.bildLiten{
	width:6.7em;
	margin-top: 0;
	float: right;
}

/*  Mellan bild   */
img.bildMellan{ 
	width:14.55em;
	margin: 0;
	float: right;	
}

/*   Stor bild */
img.bildStor{
	width:30em;
	margin-top: 0;
	float: right;
}

/********************************
		Sidfoten
********************************/
div#sidfot{
	padding:0.5ex 0 0.4ex 0;
	background-color: #0166CC;
	height:3ex;
	clear:both;
}
div#sidfot b {
	display:none;
}
div#sidfot a {
	color: #ffffff;
	text-decoration: none;
}
div#sidfot img.ikon {
	width: 2.2em;
	margin: 0 0.3em 0 0em;
	vertical-align:middle;
}
div#sidfot div {
	color: #ffffff;
	padding:0 0.5em 0 0.5em;
	font-size:80%;
}
div#sidfot div#start {
	float: left;
	width: 16.5em;
} 
div#sidfot div#upp {
	float: left;
} 
div#sidfot div#omwebbplatsen {
	float:right;
} 
div#sidfot a:hover {
	text-decoration:underline;
} 
/********************************
		Anpassa-funktionen
********************************/
body#storre 	{
	font-size: 125%;
}
body#storst 	{
	font-size: 150%;
}

label.normal {font-size:small;}
label.storre {font-size: medium;}
label.storst {font-size: large;}
span.morktext {
	border: 0.05em solid #0166CC;
	color: #000000;
	padding: 0.4em;
	display: block;
	width: 20em;
	background-color: #ffffff;
}
span.ljustext {
	border: 0.05em solid #ffffff;
	color: #FFFFFF;
	padding: 0.4em;
	display: block;
	width: 20em;
	background-color: #0166CC;
}
/********************************************************
Generellt formular, kan användas i kontaktformular, 
********************************************************/			
div.inmatning {
	margin: 3ex 0 2ex 0;
	clear:both;
}
input {
	font-size: 100%;
	padding: 0;
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea {
	font-size: 100%;
	padding: 0;
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
caption { 
 font-size: 120%; 
 margin: 1.2ex 0 0 0; 
 text-align: left;
 font-weight:bold;
}
p.knappar {
	margin:2ex 0 0.5ex 0;
	text-align: right;
}
/* Vad händer med den här när man anpassar bakgrunden? Finns inte i inverted.css*/
tr.listbakgrund{
 background-color: #EFEFDE;
}
select#mottagare {
 width: 26em;
}
span.ledord {
 margin-right: 0.3em;
 margin-bottom:1em;
 width: 11em;
 float: left;
}
form#tandv span.ledord {
 margin-right: 0.3em;
 margin-bottom:1em;
 width: 13em;
 float: left;
}
select#mottagare {
 width: 26em;
}
form#tandv input.kort {
 width: 3em;
}

/********************************/
/* Felmeddelanden */
/********************************/
.obligatorisk {
	color:#FF0000;
}
div.fel{
	padding: 0.5em;
	border-top: 0.2em solid #FF0000;
	border-right: 0.2em solid #FF0000;
	border-bottom: 0.2em solid #FF0000;
	border-left: 3em solid #FF0000;
	margin: 5ex 0 2ex 0;
	width: 24em;
	height: 100%;
}
div.info{
	margin: 0 0 1ex 0;
}