@charset "utf-8";
/* CSS Document */
body  {
	font: 100% Verdana, Geneva, Arial, sans-serif;
	background: #666666;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
.twoColFixLtHdr #container { 
	width: 780px;  /* 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: 1px solid #000000;
	text-align: left; /* detta åsidosätter textjusteringen: center on the body element. */
} 
.twoColFixLtHdr #header { 
	padding: 0 10px 0 20px;  /* 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. */
} 
.twoColFixLtHdr #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: 10px; /* om du använder utfyllnad istället för marginaler kan du hålla elementet borta från kanterna på diven */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* eftersom detta element är flytande måste en bredd anges */
	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: #EBEBEB; /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	padding: 15px 10px 15px 20px;
}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 250px; /* vänstermarginalen på detta div-element skapar kolumnen nedåt till vänster på sidan. Oavsett hur mycket innehåll sidebar1 div innehåller kommer kolumnutrymmet att finnas kvar. Du kan ta bort denna marginal om du vill att texten i #mainContent div ska fylla #sidebar1-utrymmet när innehållet i #sidebar1 tar slut. */
	padding: 0 20px; /* kom ihåg att utfyllnaden är utrymmet inuti div-rutan och marginalen är utrymmet utanför div-rutan */
} 
.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; /* denna utfyllnad matchar vänsterjusteringen av elementen i de divar som visas ovanför den. */
	background: #574867;
	color: #e0e0e0;
} 
.twoColFixLtHdr #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;
}
.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 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h1 {
	font-size: 20px;
	margin: 0px;
	padding-top: 10px;
	color: #542989;
}

.enlight h1 {
	color: #542989;
}

h2 {
	font-size: 14px;
	margin: 0px;
	padding-top: 7px;
}

p {
	margin: 0px;
	padding-top: 5px;
}

.enlight #outline li {
	/*	margin: 0px; */
/*	padding: 0px; */
	margin-left: 10px;
	font-size: 10px;
	list-style-image: url(../images/violet-arrow.gif);
}

.enlight #outline ul {
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
}

.enlight #navbuttons li {
	margin-left: 10px;
	font-size: 12px;
	list-style-image: url(../images/arrow.png);
}

.enlight #navbuttons ul {
	margin: 2px;
	margin-left: 20px;
	padding: 5px;
}

.floatleft {
	float: left;
	margin: 4px;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.header {
	background-color: #FFFFFF;
	background-image: url(../images/header-gradient.jpg);
	background-repeat: repeat-x;
	background-position: right bottom;
	height: 50px;
}

.header h1 {
	font-size: 24px;
	font-style: normal;
	padding: 0px;
	margin: 0px;
	margin-left: 20px;
	padding-top: 6px;
	border: none;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-weight: bold;
	color: 542989;
}

.header #logo {
	margin: 0px;
	padding: 0px;
	margin-top: 2px;
	margin-right: 5px;
	float: right;
	border: none;
}

.header #logo:link {border: none; outline: none; -moz-outline-style: none; } 
.header #logo:visited {border: none; outline: none; -moz-outline-style: none; } 
.header #logo:hover {border: none; outline: none; -moz-outline-style: none; } 
.header #logo:active {border: none; outline: none; -moz-outline-style: none; }

.enlight a:link { color: #8000FF; }
.enlight a:visited { color: #000000; }
.enlight a:hover { color: #FFCC00; }
.enlight a:active { color: #FFCC00; }

.enlight #first:link { color: #8000FF; }
.enlight #first:visited { color: #8000FF; }
.enlight #prev:link { color: #8000FF; }
.enlight #prev:visited { color: #8000FF; }
.enlight #next:link { color: #8000FF; }
.enlight #next:visited { color: #8000FF; }
.enlight #last:link { color: #8000FF; }
.enlight #last:visited { color: #8000FF; }


/* We do not want any border around *any* pictures at anytime by default. */
.enlight a img { text-decoration:none; }
.enlight img {border: none};
.enlight img:link {border: none; outline: none; -moz-outline-style: none;  } 
.enlight img:visited {border: none; outline: none; -moz-outline-style: none; } 
.enlight img:hover {border: none; outline: none; -moz-outline-style: none; } 
.enlight img:active {border: none; outline: none; -moz-outline-style: none; } 

.footer-text {
	font-size: 10px;
}

.footer-text a:link { color: #e8e8e8; }
.footer-text a:visited { color: #e0e0e0; }
.footer-text a:hover { color: #ffffff; }
.footer-text a:active { color: #ffffff; }


.enlight #main_content_wrapper {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 8px;
	background-repeat: repeat-y;
	margin: 0px;
	margin-left: 192px;
 	background-image: url(../images/background_apples.png); 
}

.enlight #main_content {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 14px;
	margin: 0 0 0 0px;
	padding: 0 20px;
	min-height: 240px;
}

.enlight #sidebar {
	float: left; /* eftersom detta element är flytande måste en bredd anges */
	width: 160px; /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	padding: 15px 10px 15px 20px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	background-image: url(../images/transparent-background-spots.png);
	background-repeat: repeat-y;
	background-color: #F2F2F2;
}

.enlight #outline {
/*	list-style-type: none;
	list-style-position: outside;
	list-style-image: none; */
}