@charset "utf-8";



body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	
	
	background-color:#000;
	margin: 20px 0 20px 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: #444;
}


/* Containern runt allt innehåll*/


.LeoPages #container { 
	width: 945px;  /* 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-color:#000;
	background-repeat:no-repeat;
	
	
	margin: 0 auto; /* automarginalerna (i samband med en bredd) centrerar sidan */
	
	
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
}


/* Innehåller den stora top-bilden och menyn, loggan och flaggorna*/


.LeoPages #header {
	position:relative;
	background-image:
	url(images/leodiver.jpg);
	background-repeat:no-repeat;
	height:460px;
	width:945px;
	margin-top:10px;
	border-bottom: 1px solid #888;
	
}


/* boxen ligger inne i #header och innehåller menyn*/


.LeoPages #menu {
	position:absolute;
	background-image:
	height:40px;
	background-color:#000;
	
	
}

/* Här ligger LeoFilm loggan. */
.LeoPages #logga {
	position:absolute;
	background-image:
	url(images/logga_3.png);
	background-repeat:no-repeat;
	height:90px;
	width: 150px;
	left: 720px;
	top: -23px;
	z-index:50;
	
	
}
/* Endast för flaggorna */

.LeoPages #flags {
	position:absolute;
	width:35px;
	height:25px;
	left: 888px;
	top: 11px;
	z-index:50;
	
	}
	
/* Endast för flaggorna. 
länkar enligt LoVeHAte */

.LeoPages #flags a:link {
	color:#080808;
	text-decoration:none;
}

.LeoPages #flags a:visited {
	color:#080808;
	text-decoration:none;		
}
.LeoPages #flags a:hover {
	text-decoration:none;
	color:#888;
}

.LeoPages #flags a:active {
	color:#888;
	text-decoration:none;
		
}


/* Mittensektionen som innehåller diven med information*/


.LeoPages #mainContent {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin: 0px; /* höger- och vänstermarginalerna för detta div-element skapar de två yttre kolumnerna på sidorna av sidan. Oavsett hur mycket innehåll divarna för sidofälten innehåller kommer kolumnutrymmet att finnas kvar. Du kan ta bort denna marginal om du vill att texten i #mainContent div ska fylla utrymmet i sidofälten när innehållet i varje sidofält tar slut. */
	padding: 0; /* kom ihåg att utfyllnaden är utrymmet inuti div-rutan och marginalen är utrymmet utanför div-rutan */
	background-image:url(images/sidebar_background.jpg);
	background-repeat:repeat-x;
}

/* Diven innanför mainconent som iegentligen innehåller all text och bild */

.LeoPages #mainContentText {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:left;
	color:#fff;
	margin: 20px 0px;
	padding: 10px 45px; /* kom ihåg att utfyllnaden är utrymmet inuti div-rutan och marginalen är utrymmet utanför div-rutan */
	background-color:
	#0D0D0D;
	font-style: normal;
	
}

.LeoPages #mainContentText h1{
	text-align:center;
	font-size:14px;
	color:#fff;
	text-decoration:underline;
	
}

.LeoPages #mainContentText h2{
	font-family:
	Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:18px;
	color:#fff;
	text-decoration:none;
	c
	
}

.LeoPages #mainContentText h3{
	font-family:
	Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	
}


/* Länkarna i maincontentText LoVeHAte*/

.LeoPages #mainContentText a:link {
	color:#888;
	text-decoration:underline;
}

.LeoPages #mainContentText a:visited {
	color:#888;
	text-decoration:underline;		
}
.LeoPages #mainContentText a:hover {
	text-decoration:none;
	color:#FFF;
}

.LeoPages #mainContentText a:active {
	color:#FFF;
	text-decoration:underline;
		
}

/* Detta är scrollningsrutan i Nyheter*/

.LeoPages #nyheter {
	width:700px;
	height: 590px;
	overflow:auto;
	margin-left:50px;
	padding: 20px 30px;}
	
	

/* Här är understa bilden placerad*/


.LeoPages #footer {
	margin: 0;
	text-align:center;
	height:50px;
	width:945px;
	clear:both;
	background-image:
	url(images/bottom3.png);
	background-repeat:no-repeat;
	
}


.LeoPages #footer p {
	text-align:center;
	font-family:
	Verdana, Geneva, sans-serif;
	font-size:10px;
	color:
	#444;
	
	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 */
}



/* Länkarna i footer LoVeHAte*/

.LeoPages #footer a:link {
	text-decoration:underline;
	color:#ffffff;
}

.LeoPages #footer a:visited {
	text-decoration:underline;
	color:#ffffff;
}
.LeoPages #footer a:hover {
	text-decoration:none;
	color:#ffffff;
}

.LeoPages #footer a:active {
	text-decoration:underline;
	color:#ffffff;
		
}



/* Dessa klasser finns bara med på media och än är det bara mediaLinkTwo som används */


.MediaLinks {
	background-image: url(images/linkbackground.jpg);
	background-repeat: no-repeat;
}
.mediaLinkTwo {
	background-image: url(images/linkbackground2.jpg);
	background-repeat: no-repeat;
}


/* Klasserna nedan används inte för tillfället */

.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;
}


.clearfloat { /* denna klass ska placeras på en div eller break-element och ska vara det sista elementet innan en container som helt ska innehålla ett flyttal stängs */
	
    height:0;
    font-size: 10px;
    line-height: 12px;
	color:#ffffff;
	
	}
.noscript  {
	color:#750000;
	text-align: center;
}

.boldtext {
	font-weight: bold;
}