/*
  Style.css för ETU.se 
  
  Förkortningar i kommentarer:
  
  EB= Ej funnet i index.asp
  DES= Använt till siddesign
  NAV= Navigering
*/

html, body
{
/* Gör att sidan fungerar i alla webbläsare */
margin: 0px;
padding: 0px;
font-family: arial, sans-serif;
min-height: 100%;
max-width: 100%;
min-width: 100%;
width: 100%;
}

body
{
/* och mer magi */
background-color: #9d9c94;
color: #000000;
margin: 0px;
font-size: 78%;
padding: 0px;
font-family: arial, sans-serif;
min-height: 100%;
max-width: 100%;
min-width: 100%;
width: 100%;
}

/* Magi för IE8:a uppräknande lista */
ol {
content:counter(lista); 
}

.plusvarde {
counter-increment: lista; 
}


.bg1
{
/* Användes för sidutsende */
margin: 0px;
padding: 0px;
font-family: arial, sans-serif;
min-height: 100%;
width: 100%;
background-image: url("/images/topbodybg.gif");
background-repeat: repeat-x;
background-position: top left;
background-color: #ffffff;
}

.bg2
{
/* Mer sidutsende */
margin: 0px;
padding: 0px;
font-family: arial, sans-serif;
min-height: 100%;
width: 100%;
background-image: url("/images/botbodybg.gif");
background-repeat: repeat-x;
background-position: bottom left;
text-align: center;
}

.bg3
{
/* Ännu mer av samma */
width: 91.2%;
background-image: url("/images/lfade.gif");
background-repeat: repeat-y;
background-position: top left;
padding-left: 8px;
margin-left: auto;
margin-right: auto;
position: relative;
max-width: 1100px;
min-width: 500px;
}

.bg4
{
/* Ja samma */
width: 100%;
background-image: url("/images/rfade.gif");
background-repeat: repeat-y;
background-position: top right;
padding-right: 8px;
position: relative;
}

.topfix
{
/* Verkar inte användas någonstans 
Kan troligen tas bort*/
background-color: #2b2b2b;
height: 7px;
border-bottom: 1px solid #000000;
clear: both;
background-color: Transparent;
}


.allcontent
{
/* borde omringa hela sidan */
position: relative;
padding: 0px;
background-color: #ffffff;
width: 100%;
text-align: left;
color: #000000;
}

.allcontent2
{
/* Ja alltså samma sak men.. */
min-height: 40px;
position: relative;
top: 0px;
left: 0px;
padding: 0px;
background-color: Transparent;
width: 100%;
text-align: left;
}

	.toptext
	{
	/* Verkar inte användas (sånt betyder förviso ingenting */ 
	text-align: left;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}

	h1.sitetitle
	{
	 /* Sid rubrik */
	font-style: italic;
	color: #ffffff;	 
    font-family: cambria, 'times new Roman', serif;
	}

	.top
	{
	/* Siddesign */
	border-top: 1px solid #ffffff;
	height: auto;
	background-image: url("/images/subfade.gif");
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 0px 10px 0px 10px;
	position: relative;
    top: -3px;
    left: 0%;
	}
	
	.center
	{
	/* Centrering av text */
	text-align: center;
	}
	
	.rengoring 
	{
	clear:both; 
	}
	
	.dolt 
	{
	
	}
	
	.startcenter 
	{
	background-color:#f4f4f4; 
	border: 0px;
	text-align:center;
	}
	
	.DIVcenter
	{
	/* Gör precis sama sak som center! */
	text-align: center;
	}

	.toplogo
	{
	/* Logo bild, positionering etc */
	min-height: 90px;
	height: auto;
	width: 100%;
	background-image: url("/images/logobg.gif");
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;    
	}

    .logotype
    {
	/* Logon på andra platser på sidan */
    border: 0px;
    float: left; 
    position: relative;
    left: 14px;
    top: 8px;
    }
	
    .smallgreylogo
    {
    /* Borde postionera en liten logo */
	position: relative;
    top: 0.5em;
    left: 0em;
    margin-right: 10px;    
	
    }

	.phoneimg
	{
	/* Telefonikon */
	float: right;
	border: 0px;
	position: relative;    
	margin-right: 20px;
	margin-top: 20px;
	height: auto;
	max-width: 323px;
	}
	
	.topbgMimg
	{
	/* Något med bakgrunden? */
	/* Hittar ingen använding */
	width: 190px;
	height: 250px;
	background-color: Transparent;
	}
	
	.companyname
	{
	/* Verkar oanvänd */
	position: absolute;
	top: 9px;
	left: 92px;
	}
			
		.control
		{
		/* EB */
		position: absolute;
		top: 111px;
		}
	
	.subbg
	{
	/* DES */
	width: 100%;
	height: 25px;
	position: absolute;
	top: 33px;
	left: 0px;
	margin-bottom: 3em;
	background-image: url("/images/subbg.jpg");
	background-repeat: repeat-x;
	background-position: top left;
	}
	
	.m_first
	{
	/* EB */
	width: 94%;
	font-size: 200%;
	margin-left: 1%;
	padding-left: 1%;
	margin-right: 1%;
	padding-right: 1%;
	padding-bottom: 30px;
	}

	ul.first
	{
	/* EB */
	line-height: 1.3em;
	color: #000000;
	}

	.firstbox
	{
	/* EB */
	border: 1px inset #ffffff;
	padding: 0.5%;
	background-color: #dfdfdf;
	margin: 1%;
	width: 30%;
	float: left;
	font-size: 50%;
	}
	
	.m_left1
	{
	/* DES */
	height: 100%;
	width: 24%;
	max-width: 300px;
	min-width: 168px;
	float: left;
	position: relative;
	padding-left: 1%;
	}


	.m_left
	{
	/* DES */
	height: 100%;
	width: 45%;
	max-width: 600px;
	min-width: 200px;
	float: left;
	position: relative;
	margin-left: 1%;
	padding-left: 1%;
	line-height: 1.7em;
	}
	
	.m_right
	{
	/* DES */
	width: 21%;
	max-width: 300px;
	float: left;
	position: relative;
	left: 0px;
	min-width: 160px;
	height: 100%;
	min-height: 500px;
	padding: 0px 0px 10px 0px;
	clear: right;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-top-color: #cdcdcd;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
	border-left-color: #dfdfdf;
	background-color: #ffffff;
	line-height: 1.7em;
	margin-left: 1%;
	}
	
	.m_left0
	{
	/* DES */
	height: 100%;
	width: 60%;
	max-width: 600px;
	float: left;
	position: relative;
	margin-left: 1%;
	padding-left: 1%;
	line-height: 1.7em;
	}
	
	.m_right0
	{
	/* DES */
	width: 35%;
	max-width: 400px;
	float: left;
	position: relative;
	left: 0px;
	min-height: 500px;
	height: 100%;
	padding: 0px 5px 10px 0px;
	clear: right;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-top-color: #cdcdcd;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
	border-left-color: #dfdfdf;
	background-color: #ffffff;
	line-height: 1.7em;
	margin-left: 1%;
	}

	.lefttext
	{
	/* Text på vänstersidan */
	padding-right: 20px;
	max-width: 500px;	
	}
	
	.righttext
	{
	/* Medans det här känns ganska oväsentligt så finns det anropp hit i koden */ 
	}
	
	.leftrub
	{
	/* Varför */
	}
		
	.rightrub
	{
	/* Gör man så här */ 
	}
	
	h1.w3c
	{
	/* Troligen gör den en w3c text till en rubrik */
	color: #343434;
	background-color: transparent;
	font-size: 100%;
	margin: 0px 7px 0px 0px;
    font-family: cambria, 'times new Roman', serif;
	}

    h1
    {
	/* Generella rubriker */
    color: #224550;   
    font-family: cambria, 'times new Roman', serif;
    font-size: 180%;
    font-weight: normal;
    margin-bottom: 0.2em;
    }
    
	.h1fake {
	visibility:hidden;
	color: #224550;   
    font-family: cambria, 'times new Roman', serif;
    font-size: 180%;
    font-weight: normal;
    margin-bottom: 0.2em;
	}
	
    h1.whatsup, h2.whatsup
    {
	/* Uppdatering på sidan rubriker */
    border-bottom: 4px solid #224550;    
    margin-bottom: 0.2em;
    }
    
	
	/* Kod för erbjudande, den är borttagen ur index.asp eftersom den inte fanns egentligen */
    h1.offer
    {
    color: #6a8248;   
    font-family: cambria, 'times new Roman', serif;
    font-size: 190%;
    font-weight: normal;
    }
        span.offer
        {
        color: #6a8248;
        font-size: 140%;    
        }
/* Och där slutar den*/
    
    h2
    {
	/* Generell för 2 nivån rubriker */
    color: #224550;   
    font-family: cambria, 'times new Roman', serif;
    font-size: 180%;
    font-weight: normal;
    margin-bottom: 0.2em;
    }
    
    h3
    {
	/* Tredje */
    color: #224550;   
    font-family: cambria, 'times new Roman', serif;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 0.2em;
    }
    
    h3.red
    {
	/* Röd trejde nivås rubrik ... som också är större? */
    color: #A0151B;
    font-size: 160%;
    }

    h4
    {
	/* 4:e storlek rubrik */
    color: #224550;   
    font-family: cambria, 'times new Roman', serif;
    font-size: 160%;
    font-weight: normal;
    margin-bottom: 2px;
    }

	/* Rubriker och annat för nyheter */
    h1.news
    {
    color: #224550;
    background-color: transparent; 
    font-family: arial, sans-serif;
    font-size: 140%;
    line-height: 1.3em;
    padding-top: 0.3em;
    margin: 0em;
    }

    h2.news
    {
    color: #224550;   
    background-color: transparent; 
    font-family: cambria, 'times new Roman', serif;
    font-size: 140%;
    font-weight: bold;
    margin: 6px 0px 0px 0px;
    }
    
    h2.newslist
    {
    font-size: 120%;
    margin: 10px 0px 0px 0px;    
    }

	/* inte nyheter mer*/
	
	
    h1, h2, h3, h4, h5, h6
    {
	/* generella rubriker */
    line-height: 1.1em;
    margin-bottom: 0.2em;
    text-align: left;
    }
    
    h3.right
    {
	/* DES */
    font-size: 120%;
    font-weight: bold;
    }
 
	.maincontent
	{
	/* DES */
	clear: both;
	height: 100%;
	position: relative;
	top: 0px;
	left: 0px;
 	margin-left: 10px;
	padding: 0px;
    	line-height: 1.5em;
	}
	
	
	
	.newsdiv
	{
	/* postiongering av nyheter etc */
	background-image: url("/images/dotline.gig");
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0px 5px 10px 0px;
	}
	
	.rdateh1 
	{
	margin-top:0px; 
	}
	
	.footer
	{
	/* SID FOT */
	background-image: url('/images/botborderfade.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	height: auto;
	margin-top: 30px;
	width: 100%;
	clear: both;
	color: #454545;
	font-size: 85%;
	margin-left: 5px;
	padding-bottom: 20px;
	}

    .footerfix
    {
	/* Laggar någon webläsarbugg */
    padding-left: 20px;
	clear:both; 
    }
	
	
	.floatleftimg
	{
	/* Flytter bild åt vänster? */
	float: left;
	}
	
	.bold
	{
	/* Gör text tjock */
	font-weight: bold;
	}
	
	.rootnav
	{
	/* DES NAV*/
    	clear: both;
	background-image: url("/images/rootmenubg.gif");
	background-repeat: repeat;
	background-position: top left;
	position: relative;
	left: 0px;
	top: -2px;
	z-index: 2;
	width: 100%;
	min-height: 20px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: arial, sans-serif;
	border-bottom: 1px solid #34393d;
	}	
	
	/* Det här är klassen som normaliserar startblocks länkarna på första sidan m.m */
	
	.normal_lank {
	color: #15425c; 
/*	background:transparant;*/
	display:inline;
	}
	
	
	.noborders {
	/* No Nations */ 
	border:0px; 
	}
	
	.pilbild
	{
	background: url("/images/plupppil.png") no-repeat;
	display: inline;
    border: 0px;
	margin: 0px;
    padding-left: 15px;         
	}
	
	/* Här följer massa färger och annat för länkar */
	a
	{
	 color: #15425c; 
	 
	   /* background: url("/images/plupppil.png") top left no-repeat;  */
	  
	  /* padding:5px; */ 
	  
	 /* text-indent: 15px; */
	 /* display:block; */
	 
	}

	a:focus
	{
	
	outline:double; 
	}

	a:visited
	{
	color: #660000;
	}
	
	a:hover
	{
	color: #660000;
	
	}

	a:active
	{
	color: #15425c;
	outline:double; 
	}

	a.rnews
	{
	color: #15425c;
	}

	a.rnews:focus
	{
	color: #660000;
	}

	a.rnews:hover
	{
	color: #660000;
	}

	
	a.root
	{
	background-image: url("/images/root.gif");
	background-repeat: repeat-x;
	background-position: left center;
	background-color: #000000;
	margin: 0px 0px 0px 0px;
	padding-left: 8px;
	padding-right: 8px;
	color: #dfdfdf;
	display: block;
	float: left;
	width: auto;
	vertical-align: middle;
	text-align: center;
	border-left: 1px solid #74869e;
	border-right: 1px solid #0b1824;
	border-top: 1px solid #0b1824;
	text-decoration: none;
	height: 26px;
	line-height: 26px;
	}

	a.root:focus
	{
	background-image: url("/images/rootH.gif");
	color: #dfdfdf;
	position: relative;
	}

	a.root:hover
	{
	background-image: url("/images/rootH.gif");
	color: #dfdfdf;
	}

	a.root:active
	{
	background-image: url("/images/rootH.gif");
	color: #dfdfdf;
	}
		
	a.rootactive
	{
	background-image: url("/images/rootA.gif");
	background-repeat: repeat-x;
	background-position: left center;
	background-color: #000000;
	margin: 0px 0px 0px 0px;
	padding-left: 8px;
	padding-right: 8px;
	color: #dfdfdf;
	display: block;
	float: left;
	width: auto;
	vertical-align: middle;
	text-align: center;
	border-left: 1px solid #0b1824;
	border-right: 1px solid #000000;
	border-top: 1px solid #0b1824;
	text-decoration: none;
	height: 26px;
	line-height: 26px;
	}

	a.rootactive:focus
	{
	background-image: url("/images/rootAH.gif");
	color: #dfdfdf;
	}

	a.rootactive:active
	{
	background-image: url("/images/rootAH.gif");
	color: #dfdfdf;
	}

	a.rootactive:hover
	{
	background-image: url("/images/rootAH.gif");
	color: #dfdfdf;
	}

	a.root:visited
	{
	color: #dfdfdf;
	}
		
	a.rootactive:visited
	{
	color: #dfdfdf;
	}
	
	a.newslist
    {
    text-decoration: none;
    color: #216374;
    }
    
	
	img.rootfiximg
	{
	height: 26px;
	width: 1px;	
	border: 0px;
	float: right;
	}

	
	.rootend
	{
	border-left: 1px solid #74869e;
	line-height: 25px;
	width: 1px;
	float: left;
	}

	.rootbegin
	{
	border-right: 1px solid #0b1824;
	height: 25px;
	width: 1px;
	float: left;
	}

    
    
	
	
		.big
		{
		font-size: 110%;
		font-family: arial, sans-serif;
		}
		
		.italicbig
		{
		font-size: 110%;
		font-style: italic;    
		}
	
		.italicnormal
		{
		font-size: 100%;
		font-style: italic;    
		color: #787878;
		background-color: Transparent;
		}

	.lfade
	{
	position: absolute;
	top: 0px;
	left: -1px;
	}
	
	.fadeL
	{
	background-image: url('/images/fadeL.gif');
	background-repeat: repeat-y;
	background-position: left top;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	}
	
	.fadeR
	{
	background-image: url('/images/fadeL.gif');
	background-repeat: repeat-y;
	background-position: right top;
	position: relative;
	top: 0px;
	right: 0px;
	width: 100%;
		}

	.subs
	{
	position: absolute;
	top: 0px;
	left: 10px;
	}
	
	a.sub2
	{
	display: block;
	text-decoration: none;
	line-height: 1.7em;
	padding-left: 10px;
	color: #000000;
	}

	a.sub2:focus
	{
	text-decoration: underline;
	color: #000000;
	}

	a.sub2:hover
	{
	text-decoration: underline;
	color: #000000;
	}

	a.sub2a
	{
	text-decoration: none;
	font-weight: bold;
	line-height: 1.7em;
	padding-left: 10px;
	color: #000000;
	}

	a.sub2:visited
	{
	color: #000000;
	}


	a.sub
	{
        display: block;
	background-image: url('/images/sub.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0% 1% 0% 3%;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
	border-right: 1px solid #cdcdcd;
	color: #000000;
	font-family: arial, sans-serif;
	text-decoration: none;
        line-height: 30px;
        height: 30px;
	}
	
	a.sub:focus
	{
	background-image: url('/images/subH.jpg');
	color: #000000;
	}
		
	a.sub:hover
	{
	background-image: url('/images/subH.jpg');
	color: #000000;
	}	
	
	a.sub:active
	{
	background-image: url('/images/subH.jpg');
	color: #000000;
	}

	a.sub:visited
	{
	color: #000000;
	}

	a.subactive
	{
	font-weight: bold;
        display: block;
	background-image: url('/images/subA.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0% 2% 0% 2%;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
	border-left: 5px solid #4e748f;
	border-right: 1px solid #cdcdcd;
	color: #000000;
	font-family: arial, sans-serif;
	text-decoration: none;
        line-height: 30px;
        height: 30px;
	color: #000000;
	}
	
	a.subactive:focus
	{
	background-image: url('/images/subA.jpg');
	}

	a.subactive:hover
	{
	background-image: url('/images/subA.jpg');
	}

	a.subactive:visited
	{
	color: #000000;
	}

	.subact_L
	{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px;
	}
	
	.subact_R
	{
	position: absolute;
	top: 0px;
	right: -1px;
	border: 0px;
	}
	
	.sub_L
	{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px;
	}
	
	.sub_R
	{
	position: absolute;
	top: 0px;
	right: -1px;
	border: 0px;
	}
	
	
	.botLfade
	{
	position: absolute;
	left: -5px;
	bottom: -1px;
	}
	
	.botRfade
	{
	position: absolute;
	right: -1px;
	bottom: -1px;
	}
	
	.floatform
	{
	display: inline;
	}
	
	.text
	{
	width: 19%;
	max-width: 170px;
	height: 70px;
	}
	

	.text2
	{
	width: 98%;
	height: 200px;
	}

	label.admin
	{
	display: block;
	clear: left;
	margin-top: 0.5em;
	}
	
	div.logout
	{
	background-color: #20354D;
	color: #ffffff;
	text-align: right;
	font-weight: bold;
	height: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: 5px;
	width: 98%;
	max-width: 870px;
	}
	
	span.logout
	{
	font-family: arial, sans-serif;
	display: block;
	float: left;
	color: #ffffff;
	font-size: 2em;
	position: relative;
	top: 5px;
	right: 0px;
	font-weight: normal;
	font-variant: small-caps;
	padding-left: 10px;
	}
	
		
	.noborder
	{
	border: 0px;
	}
	
	.construction
	{
	font-weight: bold;
	font-style: italic;
	margin-top: 20px;
	border: 2px dashed #676767;
	padding: 4px;
	}
	
	.italic
	{
	font-style: italic;
	}
	
textarea.mailform
{
display: block;
width: 98%;
height: 100px;
font-family: arial, sans-serif;
}

input.mailform2
{
width: 98%;
display: block;
clear: left;
}

input.subrub
{
width: 98%;
margin-bottom: 5px;    
}

form.vote
{
float: left;
display: block;
width: 49%;
margin: 0px;
}

tr.vote
{
height: 1em;
line-height: 1em;
padding: 0px;
}

td.vote
{
background-color: #dfdfdf;
border: 1px solid #cdcdcd;
width: 55%;
}

.votediv
{
text-align: center;

}

.yesorno
{
width: 60%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

table.vote
{
margin: 0px;
width: 90%;
height: 2em;
}

.RdateNews
{
}

.Qrub
{
background-image: url("/images/submitbg.gif");
background-repeat: repeat-x;
background-position: center center;
color: #ffffff;
background-color: #000000;
width: 99%;
border: 1px inset #ffffff;
}

.Qrub2
{
background-image: url("/images/submitbg.gif");
background-repeat: repeat-x;
background-position: center center;
color: #ffffff;
background-color: #000000;
border: 1px inset #ffffff;
float: right;
margin-right: 10px;
}

input.mailform, select.mailform
{
width: 76%;    
font-family: arial, sans-serif;
}

label.mailform
{
width: 22%;
display: block;
float: left;    
padding-top: 3px;
clear: left;
}

div.submit
{
width: 98%;
margin-top: 4px;
text-align: right;
}

input.news
{
width: 98%;    
}

textarea, input, select
{
font-family: arial, sans-serif;
font-size: 110%;    
}

div.bold
{
font-weight: bold;    
}

a.newslink
{
    white-space: nowrap;    
}

.tool
{
margin: 0px;
position: relative;
top: 0px;
left: 0px;
border: 0px;
}

.leftcolcont
{
width: 80%;
float: left; 
min-height: 220px;
height: 220px;
}

.nowrap
{
    white-space: nowrap;    
}

.blank200
{
height: 400px;
width: 1px;
float: right;
}

h2.blog, a.blog
{
font-size: 110%;
color: #224550;   
}

a.blog:visited
{
color: #A0151B;
}

h2.blog2
{
font-size: 110%;
color: #224550;   
margin-bottom: 0px;
margin-top: 4px;
}


.normal
{
font-weight: normal;    
}

.fixleft
{
float: left;
width: 430px;    
}

#allcenter
{
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;
position: relative;
top: 0px;
left: 0px;
clear: both;
background-color: Transparent;
width: 100%;
color: #000000;
}

.white
{
background-color: #ffffff;
position: relative;
left: 5px;
top: 5px;
padding-right: 0px;
width: 99%;
overflow: hidden;
clear: both;
color: #000000;
}

.clear
{
clear: both;
}

.center
{
border-bottom: 1px solid #c2c2c2;
text-align: center;
background-color: #fefefe;
padding: 2px 0px 2px 0px;
width: 98%;
max-width: 870px;
overflow: hidden;
}

.statsall
{
position: relative;
top: 100px;
}

.example
{
font-family: 'Courier new';
font-size: 95%;
background-color: #efefef;
border: 1px solid #cdcdcd;
padding: 5px;    
}

.comments
{
padding-left: 15px;

}

.commentshow
{
}


.rootR
{
position: absolute; 
right: 0px; 
top: 0px;
}

.subfix
{
height: 19px; 
width: 1px;
border: 0px; 
position: relative; 
top: 162px; 
left: 5px;
}

.ads
{
background-color: #ffffff; 
text-align: center;
}

.adstext
{
text-align: left;
margin-bottom: 20px;
}

.adsimg
{
border: 1px solid #dfdfdf;
}

.e-inclusion
{
width: 170px;
height: 53px;    
}

.polldiv
{
margin-top: 10px;
}

.rootDIV
{
position: relative;
width: 100%;
height: auto;
}


.vanster {
clear:both;
width:100%;
}

.vansterul {
/* För att få texten till vänster behöver paddingen ändras då den har ett ärvt värde som var irrelevant */ 
padding-left:1px; 
margin-left:1px;
/* padding: 10px 10px 35px 10px;*/
list-style-type:none;
overflow:hidden;
/* list-style-position:outside;*/



}

.vansterul a {
text-decoration:none; 
color: #15425c; 
}

.vansterul a:visited {
color:#600000;
}

.rootUL
{
margin: 0px;
padding: 0px;
line-height: 24px;
height: 24px;
display: block;
}

ul.sub
{
margin: 2em 0em 0em 0em;
padding: 2px 2px 21px 2px;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background-image: url("/images/startblock.jpg");
background-repeat: repeat-x;
background-position: bottom left;
overflow: hidden;
}

ul.sub2
{
color: #ff0000;
margin: 0px;
padding: 0px 0px 0px 0px;
background-color: #d2e3ef;
border-left: 5px solid #bcd3e3;
}

.rootLI
{
vertical-align: middle;
display: list-item;
float: left;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 24px;
position: relative;
top: -1px;
left: 0px;
background-image: url("/images/subbg.jpg");
background-repeat: repeat;
background-position: left top;
background-color: #111111;
}

	.subLI
	{
	margin: 0px;
	padding: 0px;
	display: list-item;
	width: auto;
	vertical-align: middle;
	list-style-type: none;
	}

	.subLI2
	{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: list-item;
	vertical-align: middle;
	list-style-type: none;
	border-top: 1px solid #e3f3ff;
	border-bottom: 1px solid #c1d0db;
	}

	.subLI2a
	{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: list-item;
	vertical-align: middle;
	list-style-type: none;
	font-weight: bold;
	background-color: #bcd3e3;
	border-top: 1px solid #e3f3ff;
	border-bottom: 1px solid #c1d0db;
	}

.subpusher
{
height: 24px;
}

.ltopC
{
width: 26px;
height: 26px;
position: absolute;
top: 0px;
left: -8px;
background-image: url("/images/ltopC.gif");
background-position: left top;
background-repeat: no-repeat;
}

.rtopC
{
width: 26px;
height: 26px;
position: absolute;
top: 0px;
right: -8px;
background-image: url("/images/rtopC.gif");
background-position: right top;
background-repeat: no-repeat;
}

.lbotC
{
width: 26px;
height: 26px;
position: absolute;
bottom: 0px;
left: -8px;
background-image: url("/images/lbotC.gif");
background-position: left bottom;
background-repeat: no-repeat;
}

.rbotC
{
width: 26px;
height: 26px;
position: absolute;
bottom: 0px;
right: -8px;
background-image: url("/images/rbotC.gif");
background-position: right bottom;
background-repeat: no-repeat;
}

.topleftfade
{
background-image: url("/images/topleftfade.gif");
background-repeat: repeat-y;
height: 260px;
width: 8px;
position: absolute;
left: -8px;    
top: 0px;
}

.toprightfade
{
background-image: url("/images/toprightfade.gif");
background-repeat: repeat-y;
height: 260px;
width: 8px;
position: absolute;
right: -8px;    
top: 0px;
}

.botleftfade
{
background-image: url("/images/botleftfade.gif");
background-repeat: repeat-y;
height: 260px;
width: 8px;
position: absolute;
left: -8px;    
bottom: 0px;
}

.botrightfade
{
background-image: url("/images/botrightfade.gif");
background-repeat: repeat-y;
height: 260px;
width: 8px;
position: absolute;
right: -8px;    
bottom: 0px;
}

.leftfade
{
position: absolute;
left: -8px;    
top: 0px;
margin-top: 100px;
max-height: 100%;
overflow: hidden;
}

.accessibility
{
padding-top: 0.4em;
padding-bottom: 0.2em;
padding-right: 8px;
padding-left: 8px;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: right;
color: #ffffff;
position: absolute;
top: 10px;
right: 5px;
z-index: 200;
}

.accIEfix
{
position: absolute;
top: 0px;
right: -16px;
width: 14px;
height: 40px;
}


.IEfix
{
position: absolute;
bottom: 0px;
left: -16px;
width: 103%;
height: 46px;
text-align: center;
font-size: 80%;
color: #343434;
}

a.acc
{
color: #dfdfdf;
padding-left: 10px;
margin-right: 20px;
text-decoration: none;
}

a.acc:visited
{
color: #dfdfdf;
}

a.acc2
{
color: #dfdfdf;
padding-right: 5px;
padding-left: 10px;
text-decoration: none;
}

a.acc2:visited
{
color: #dfdfdf;
}

.smalltext
{
line-height: 85%;
font-size: 85%;    
}

.polltable
{
width: 99%;
}

.phone
{
width: 80%;
max-width: 400px;
overflow: hidden;
float: right;
}

.botfix
{
height: 44px;
padding-right: 8px;
padding-left: 8px;
position: relative;
left: -8px;
width: 100%;
background-image: url("/images/botbodybg.gif");
background-repeat: repeat-x;
background-position: bottom left;
margin-left: auto;
margin-right: auto;
text-align: right;
color: #ffffff;
}

.lfimg
{
position: relative;
z-index: 3;
float: left;
margin-right: 10px;
margin-bottom: 20px;
}

.startblock, .updDIV, .m_first
{
background-image: url("/images/startblock.jpg");
background-repeat: repeat-x;
background-position: bottom left;    
background-color: #f4f4f4;
padding: 10px 10px 35px 10px;
border-top: 4px solid #446772;
overflow: hidden;
height: auto;
}

.li {
padding: 0px; 
/* margin-left:0px; */
}

.nobreaktext
{
white-space: nowrap;
}

.nobreak
{
color: #454545;
padding: 2px;
line-height: 1.2em;
font-size: 80%;
text-decoration: none;
display: block;
white-space: nowrap;
}

.nobreak2
{
display:block;
color: #454545;
text-decoration: none;
padding: 2px;
line-height: 1.2em;
font-size: 80%;
text-decoration: none;
display: block;
white-space: nowrap;
}

span.date
{
color: #A0151B;    
}

.addresstable
{
text-align: left;    
width: 70%;
min-width: 350px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
position: relative;
left: 3%;
}

    .addrTH
    {
    width: 33%;    
    }

.w3cDIV
{
text-align: center; 
padding-top: 30px; 
background-color: Transparent;
border-top: 1px solid #dcdcdc;
margin-right: 12px;
background-image: url("/images/startblock.jpg");
background-repeat: repeat-x;
background-position: top left;
}

.whatsupIMG
{
overflow: hidden;
background-image: url("/images/whatsup.jpg");
background-position: center center;
background-repeat: no-repeat;
height: 140px;
background-color: #cdcdcd;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.archiveIMG
{
overflow: hidden;
background-image: url("/images/archive.jpg");
background-position: center center;
background-repeat: no-repeat;
height: 140px;
background-color: #cdcdcd;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.archiveIMG2
{
overflow: hidden;
background-image: url("/images/tip0.jpg");
background-position: center center;
background-repeat: no-repeat;
height: 140px;
background-color: #cdcdcd;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.bucket
{
overflow: hidden;
background-image: url("/images/girl.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.webprog
{
overflow: hidden;
background-image: url("/images/webprog.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 100px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.kugg
{
overflow: hidden;
background-image: url("/images/kugg.jpg");
background-position: center bottom;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 100px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.progr0
{
overflow: hidden;
background-image: url("/images/progr0.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.examin
{
overflow: hidden;
background-image: url("/images/examin.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.business1
{
overflow: hidden;
background-image: url("/images/business1.jpg");
background-position: left center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.wcag2
{
overflow: hidden;
background-image: url("/images/wcag2.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.advice
{
overflow: hidden;
background-image: url("/images/advice.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.stats
{
overflow: hidden;
background-image: url("/images/stats.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.evaluate
{
overflow: hidden;
background-image: url("/images/evaluate.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.wheelchair
{
overflow: hidden;
background-image: url("/images/wheelchair.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #224550;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.eu
{
overflow: hidden;
background-image: url("/images/eu.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}


.ie8beta
{
overflow: hidden;
background-image: url("/images/ie8beta.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.mobil
{
overflow: hidden;
background-image: url("/images/iphone.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.beslut
{
overflow: hidden;
background-image: url("/images/beslut.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.accessib
{
overflow: hidden;
background-image: url("/images/accessibility.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.ftglinks
{
overflow: hidden;
background-image: url("/images/ftglinks.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.redutb
{
overflow: hidden;
background-image: url("/images/redutb.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.captcha
{
overflow: hidden;
background-image: url("/images/captcha.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.evolution
{
overflow: hidden;
background-image: url("/images/evolution.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}


.tip0
{
overflow: hidden;
background-image: url("/images/tip0.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.scraps
{
position: relative;
top: 0.5em;
}

.alignleft
{
text-align: left;
}


.forall
{
float: left;
margin-right: 10px;
margin-bottom: 30px;    
}

q, blockquote
{
    quotes: '"' '"';
}

div.formcaptcha
{
background-color: #dfdfdf;
border: 1px solid #aa0000;
padding: 10px;
margin-top: 1em;
margin-bottom: 1em;
}

span.captchatext
{
font-size: 150%;
}

div.badcaptcha
{
background-color: #aa0000;
color: #ffffff;
border: 1px solid #440000;
padding: 10px;
margin-top: 1em;
margin-bottom: 1em;
}

strong.blue
{
color: #0033bb;    
}

div.tab1
{
margin-left: 2em;    
}

div.tab2
{
margin-left: 2em;    
}

.linkstyle
{
color: #0033bb;
text-decoration: underline;
}

a.newslink
{
background-image: url("/images/arrows.gif");
background-repeat: no-repeat;
background-position: right center;
padding-right: 9px;
padding-bottom: 0.2em;
color: #0033bb;
}

	a.redtext
	{
	color: #aa0000;
	text-decoration: none;
	font-size: 180%;
	font-family: cambria, 'times new Roman', serif;
	}

	a.logout
	{
	padding-left: 10px;
	padding-right: 10px;
	background-color: #343434;
	color: #ffffff;
	font-weight: bold;
	border: 1px inset #6e7985;
	text-decoration: none;
	line-height: 19px;
	background-image: url("/images/submitbg.gif");
	background-repeat: repeat-x;
	background-position: center center;
	}
.IEfix
{
position: absolute;
bottom: 0px;
left: -16px;
width: 103%;
height: 46px;
background-image: url("/images/botbodybg.gif");
background-repeat: repeat-x;
background-position: bottom left;
}

.Qrub:focus, .Qrub2:focus, .Qrub3:focus
{
outline: 2px solid #12a1f3;
}

a:focus, input:focus, textarea:focus
{
border: 4px; 
outline: 12px solid;
position: relative;
overflow: visible;
z-index: 1000;

}

.tailor
{
overflow: hidden;
background-image: url("/images/tailor.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}


.prog1
{
overflow: hidden;
background-image: url("/images/prog1.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.pdf1
{
overflow: hidden;
background-image: url("/images/pdf1.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.money
{
overflow: hidden;
background-image: url("/images/money.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.publicera
{
overflow: hidden;
background-image: url("/images/publicera.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.eutveckling
{
overflow: hidden;
background-image: url("/images/eutveckling.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #000000;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.h1img
{
position: relative;
top: 0.1em;
margin-right: 4px;
}

.usertest
{
overflow: hidden;
background-image: url("/images/usertest.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #000000;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.utbildning
{
overflow: hidden;
background-image: url("/images/utbildning.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #000000;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.personlig
{
overflow: hidden;
background-image: url("/images/personligcoach.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #000000;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.coach
{
overflow: hidden;
background-image: url("/images/coach.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #000000;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.upph
{
overflow: hidden;
background-image: url("/images/upphandling.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #000000;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.idea2
{
overflow: hidden;
background-image: url("/images/idea2.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #000000;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.pdftaggar
{
overflow: hidden;
background-image: url("/images/pdftaggar.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}
.kontakt
{
overflow: hidden;
background-image: url("/images/kontakta_oss.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #cdcdcd;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.updDATE
{
color: #454545;
padding: 2px;
line-height: 1.2em;
font-size: 80%;
text-decoration: none;
display: block;
white-space: nowrap;
}
.manualer
{
overflow: hidden;
background-image: url("/images/manualer.jpg");
background-position: center center;
background-repeat: no-repeat;
background-color: #000000;
height: 180px;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #9a9a9a;
}

.beta
{
position: absolute;
top: 40px;
right: 16px;
font-weight: bold;
font-size: 80%;
color: #cdcdef;
}

.kriterilista
{
font-weight: bold;
}

.spalt1 {
float:left;
width:40%; 
}

.spalt2 {
float:right;
width:40%; 
}

.formularfix {
clear:both;
}

/* Bild */ 

.bild  {
float: left; 
margin-right: 10px;
 margin-bottom: 10px;
}

.bild2 {
display:block;
margin-left: auto;
margin-right: auto;
width: 80%;
height: auto;
padding-top: 15%;
border:0px;
}

/* Boxar för att placerar bild till vänster och text till höger*/ 
.boxbildtext
{
height: auto;
min-height: 100%;
margin-left: auto;
margin-right: auto;
width: 100%;
}

.vansterbox
{
width: 28%;
padding-right: 1%;
float: left;
}

.hogerbox
{
width: 67%;
padding-left: 1%;
float: left;
}

.pillista {
list-style-image:url("/images/plupppil.png");
 margin-left:2%; 
padding-left:2%;  
margin-top:1%;
padding-top:1%; 
}


/* En rak Linje */ 

.linje {
background-image:url("/images/linje.png"); 
background-repeat: repeat-x;
background-position: bottom;
width:100%; 
}

/* Laga laga lite extra höger sida */

.rightblk {
width: 67%;
padding-left: 10%;
float: left;
}

.leftblk {
width: auto;
float: left;
background-color:#0000FF;
}

.tomt {
list-style-type:none; 
padding-left:2%;
margin-left:2%;
}