@charset "UTF-8";
body  {
	font: 15px "Times New Roman", Times, serif;
	background: #fff;
	margin: 0; /* det är bra att nollställa marginalen och utfyllnaden av body-elementet för att ta hänsyn till olika webbläsarstandarder */
	padding: 0;
/*	text-align: center; centrerar containern i Internet Explorer 5*-webbläsare. Texten ställs sedan in efter den vänsterjusterade standarden i #container-väljaren */
	color: #000000;
}
#container {
	position: relative; /* lägga till position: med relativ kan du placera de två sidofälten i förhållande till den här containern */
	width: 930px;  /* om du använder 20 pixlar färre än hela bredden på 800 pixlar kan du anpassa webbläsarfönstrets innehåll och undvika en vågrät rullningslist */
	background: #FFFFFF;
	margin: 0; /* auto; automarginalerna (i samband med en bredd) centrerar sidan */
	border: 0;
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
} 

/* Tips för absolut placerade sidofält med rubrik och sidfot:
1. Absolut placerade (AP) element måste få ett övre värde och ett sidovärde, antingen höger eller vänster. (Som standard kommer AP-elementet att börja direkt efter det sista elementet i källordningen på sidan, om inget övre värde har angivits. Detta innebär att om sidofälten är det första elementet i #container i dokumentets källordning kommer de att visas överst i #container utan att något övre värde tilldelas. Om de flyttas senare i källordningen av någon anledning behöver de ett övre värde för att visas där du vill.
2. Absolut placerade (AP) element tas ur dokumentets flöde. Det innebär att elementen runt dem inte vet att de existerar och inte räknar med dem när de tar upp lämpligt utrymme på sidan. Därmed bör en AP-div endast användas som en sidokolumn om du är säker på att #mainContent div i mitten alltid kommer att innehålla mest innehåll. Om inget av sidofälten skulle innehålla mer innehåll skulle det sidofältet köras över nederdelen av den överordnade diven, och i detta fall även sidfoten, och sidofältet skulle inte verka som att det fanns.
3. Om ovanstående krav uppfylls är absolut placerade sidofält ett enkelt sätt att kontrollera källordningen i dokumentet.
4. Om källordningen ändras ska det övre värdet vara detsamma som höjden på rubriken eftersom detta gör att kolumnerna visuellt möter rubriken.
*/
#header {
	position: fixed;
	z-index: 1;
	top: 0;
	height: 60px; 
	width: 900px;
	background: #DDDDDD;
	padding: 15px 15px 0 15px;  /* denna utfyllnad matchar vänsterjusteringen av elementen i de divar som visas under den. Om en bild används i #header istället för text kan du ta bort utfyllnaden. */
} 
#header h1 {
	margin: 0; /* genom att nollställa marginalen i det sista elementet i #header-diven undviker du komprimering av marginaler, d.v.s. ett utrymme mellan divar som inte kan förklaras. Om diven har en kant runt sig behöver du inte göra detta eftersom den också förhindrar att marginaler komprimeras */
	padding: 0; /* om du använder utfyllnad istället för marginaler kan du hålla elementet borta från kanterna på diven */
}
#sidebar1 {
	position: fixed;
	top: 75px;
	left: 0;
	width: 190px; /* den faktiska bredden på denna div, i standardwebbläsare eller standardläge i Internet Explorer, kommer att inkludera utfyllnaden och kanten utöver bredden */
	background: #fff; /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	padding: 15px 5px 15px 0; /* utfyllnaden håller innehållet i diven borta från kanterna */
}
#sidebar2 {
	position: absolute;
/*	top: 90px; */
	right: 0;
	width: 200px; /* den faktiska bredden på denna div, i standardwebbläsare eller standardläge i Internet Explorer, kommer att inkludera utfyllnaden och kanten utöver bredden */
	background: #fff; /* utfyllnaden håller innehållet i diven borta från kanterna */
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.thrColAbsHdr #mainContent {
/*	position: fixed; */
	width: 480px;
	margin-top: 90px; /* 75px + 15px */
	margin-right: 215px;
	margin-bottom: 15px;
	margin-left: 215px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.twoColAbsHdr #mainContent {
	margin-top: 90px; /* 75px + 15px */
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 215px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#footer { 
	padding: 0 10px 0 20px; /* denna utfyllnad matchar vänsterjusteringen av elementen i de divar som visas ovanför den. */
	background:#DDDDDD;
}

#footer p {
	margin: 0; /* genom att nollställa marginalerna i det första elementet i sidfoten undviker du att marginaler komprimeras, d.v.s. att det blir ett utrymme mellan divar */
	padding: 10px 0; /* utfyllnad på detta element skapar utrymme precis som marginalen skulle göra, utan problemet med att marginaler komprimeras */
}
.fltrt { /* denna klass kan användas för att flytta ett element till höger på sidan. Det flytande elementet måste komma före elementet som det ska ligga bredvid på sidan. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* denna klass kan användas för att flytta ett element till vänster på sidan */
	float: left;
	margin-right: 8px;
}

p#sprakbyte {
	width: 190px;
	text-align: right;
	float: right;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}

p#sprakbyte a:link, p#sprakbyte a:visited, p#sprakbyte a:hover, p#sprakbyte a:active {
	color: #000;
}

#huvudmeny, .undermeny {
	font-size: 15px;
	font-style: italic;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#huvudmeny li {
	text-indent: 0px;
	white-space: nowrap;
	height: 27px;
	width: 205px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;
	padding-bottom: 8px;
	background-color: #222;
}
#huvudmeny li a {
	display: block;
	height: 27px;
	width: 190px;
	text-align: center;
	text-decoration: none;
	padding-top: 8px;
	padding-left: 15px;
	color: #fff;
}
#huvudmeny li a:hover {
	background-color: #fff;
	color: #000;
}

#huvudmeny li + li {
	background-color: #333;
}
#huvudmeny li + li + li {
	background-color: #444;
}
#huvudmeny li + li + li + li {
	background-color: #555;
}
#huvudmeny li + li + li + li + li {
	background-color: #666;
}
#huvudmeny li + li + li + li + li + li {
	background-color: #777;
}
#huvudmeny li + li + li + li + li + li + li {
	background-color: #888;
}
#huvudmeny li + li + li + li + li + li + li + li {
	background-color: #999;
}

.undermeny {
	margin-bottom: 1.2em;
}

.undermeny li {
	text-indent: 0px;
	white-space: nowrap;
	height: 27px;
	width: 190px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #000;
	text-align: center;
	padding-bottom: 8px;
}
.undermeny li a {
	display: block;
	height: 29px;
	width: 190px;
	text-align: center;
	text-decoration: none;
	padding-top: 6px;
	color: #fff;
	font-size: 18px; /* För mittjustering i höjdled ändras padding-top från 8px till 6px, och height från 27px till 29px */
}
.undermeny li a:hover {
	background-color: #fff;
	color: #000;
}
#umHS li {
	background-color: #d80;
}

#umHS li + li {
	background-color: #e91;
}

#umHS li + li + li {
	background-color: #fa2;
}

#umRP li {
	background-color: #859;
}

#umRP li + li {
	background-color: #958;
}

#umAdel li {
	background-color: #87b;
}
#umAdel li + li {
	background-color: #88b;
}
#umAdel li + li + li {
	background-color: #89b;
}
#umAdel li + li + li + li {
	background-color: #8ab;
}

#umLogout li {
	background-color: #ccc;
}

#huvudmeny a.dennaSida, .undermeny a.dennaSida {
	background-color: #fff;
	color: #000;
	font-weight: bold;
	font-style: normal;
}



.twoColAbsHdr .miniatyr {
	width: 220px;
	margin: 0 5px 10px 5px;
/*	width: 150px;
	margin: 0 5px 10px 5px; */
	float: left;
}
.thrColAbsHdr .miniatyr {
	width: 110px;
	height: 150px;
	margin: 0 5px 5px 5px;
	float: left;
}


/* KOD FÖR FILMSNUTTARNA */

.filmruta {
	z-index: 2;
	display: none;
	text-align: center;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	padding: 30px;;
	cursor: pointer;
	background-image:url(../bilder/black50percent.png);
}

.stangruta {
	background-color: #000;
	color: #fff;
	padding: 0.5em;
	margin: 0;
	border: 1px solid #fff;
	cursor: pointer;
	position: relative;
	top: -500px;
}

/* slut kod för filmsnuttar */


/* KOD FÖR INLOGGNING ÅF */

form.afLogin {
	border: 1px solid #666;
	width: 400px;
	padding: 3em 39px;
	background-color: #eee;
}

.afLogin h1 {
	margin-bottom: 2em;
}

.afLogin p {
	margin-bottom: 1em;
	text-indent: 0;
}

.afLogin .fel {
	background-color: #C00;
	padding: 3px;
	color: #fff;
}

.afLogin label {
	display: block;
	float: left;
	width: 30%;
	text-align: right;
}


/* slut kod för inloggning åf */


h1 {
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 0.7em;
	margin-top: 0;
}

h2 {
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 0;
}

h4 {
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
	margin-top: 1em;
	margin-bottom: 0;
}


p {
	line-height: 1.6em;
	margin-top: 0;
	margin-bottom: 0;
}

p + p {
	text-indent: 1em;
}

.miniatyr p {
	text-align: center;
	font-size: 14px;
	line-height: 1.1em;
	text-indent: 0;
}

a img {
	border: 0;
}

a:link, a:visited {
	text-decoration: none;
	color: #069;
}

a:hover, a:active {
	text-decoration: underline;
	color: #069;
}

hr	{
	visibility: hidden;
	margin: 0;
	padding: 0;
	clear: both;
}

.produktbild {
	text-align: center;
	margin: 0 auto;
	text-indent: 0;
}

iframe#stadButiker {
	width: 480px;
	height: 75%;
	position: fixed;
	border: 0 hidden #fff;
}

iframe#nyheter, iframe#aktuellaAnnonser {
	width: 480px;
	height: 10em;
	border: 0 hidden #fff;
}
.thrColAbsHdr #container #sidebar2 {
	font-size: 14px;
}

.ringfakta h1 {
	margin-bottom: 0px;
}
.ringfakta p {
	text-indent: 0px;
	margin: 0px;
}