@charset "utf-8";
body  {
	background: #000;
	margin: 0px; /* det är bra att nollställa marginalen och utfyllnaden av body-elementet för att ta hänsyn till olika webbläsarstandarder */
	padding: 0px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	color: #FF9;
}
.thrColFixHdr #container {
	width: 1000px;
	margin: 0px auto; /* automarginalerna (i samband med en bredd) centrerar sidan */
	border: 1px solid #000000;
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
	padding: 0px;
	clear: both;
	background: #00351B;
} 
h1, h2, h3, h4, h5, h6  {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FF9;
	margin: 0px;
	padding: 0px;
	background: url(../images/jpg/bkgr1.jpg);
}

#logga {
	background: url(../images/jpg/loggaBkgr.jpg) repeat;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 140px;
	font-weight: bold;
	color: #FFF;
	border: 1px inset #000;
	font-variant: small-caps;
	}

.thrColFixHdr #menyTop {
	padding: 0px;  /* 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. */
	margin: 0px 0px 10px;
	height: 60px;
	text-align: left;
	width: 998px;
	position: relative;
	font-size: 0.8em;
}
	
.thrColFixHdr #sidebar1 {
	float: left; /* eftersom detta element är flytande måste en bredd anges */
	width: 220px; /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	padding: 10px !important; /* utfyllnaden håller innehållet i diven borta från kanterna */
	margin: 0px;
}
.thrColFixHdr #sidebar2 {
	float: right; /* eftersom detta element är flytande måste en bredd anges */
	width: 235px; /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	padding: 0px 5px 0px 0px; /* utfyllnaden håller innehållet i diven borta från kanterna */
	margin: 0px auto;
} 


.thrColFixHdr #mainContent {
	margin: 0 245px; /* 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 10px; /* kom ihåg att utfyllnaden är utrymmet inuti div-rutan och marginalen är utrymmet utanför div-rutan */
	width: auto;
}

.thrColFixHdr #sidebar2 #pdfLinkSb2 {
	width: 230px; /* bakgrundsfärgen kommer att visas för längden på innehållet i kolumnen, men inte längre */
	padding: 0px; /* utfyllnaden håller innehållet i diven borta från kanterna */
	margin: 0px 5px 0px 0px;
}

.thrColFixHdr #footer {
	padding: 0;
	background: #000;
	width: 998px;
	margin: 0px;
	font-size: 0.9em;
} 
#sidebar2 #calendar {
	margin: 0px auto 10px;
	padding: 0px;
	width: 225px;
	text-align: left;
	color: #FC0;
}
#sidebar2 #calendar #yuicalendar1 {
	margin: 0px auto;
	padding: 8px;
	width: 180px;
}
#mainContent H1 {
	text-align: center;
	font-size: 1.7em;
}
#menyTop ul {
	float: left;
	margin: 0px auto;
	padding: 0px;
	list-style: none;
	position: absolute;
	width: 978px;
	height: 60px;
	left: 2px;
	
}

#menyTop li {
	float: left;	
	
}
#menyTop li a:link,#menyTop li a:visited  {
	background:url(../images/jpg/bkgr1.jpg);
	padding:2px;
	color:#FF9;
	text-decoration:none;
	line-height:1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	display:block;
	width: auto;
	border-top: 3px ridge #009;
	border-right: 3px ridge #009;
	border-bottom: 3px ridge #333;
	border-left: 3px ridge #333;
	margin: 2px;
}
#menyTop li a:hover {
	background:#CCC;
	color:#00F;
	margin: 2px;
	padding: 2px;
	width: auto;
	border-top: 3px inset #333;
	border-right: 3px inset #333;
	border-bottom: 3px inset #06C;
	border-left: 3px inset #06C;
}
#menyTop li a.current,#menyTop li a.current:hover,#menyTop li a.current:active {
	color:#060;
	background:#FF9;
	cursor: default;
	border: 3px solid #036;
}
h1 {
	font-size: 1.6em;
	margin: 0em 0em 0.3em;
	padding: 0em 0.5em;
	text-align: left;
}
h2 {
	font-size: 1.4em;
	margin: 0em 0em 0.3em;
	padding: 0em 0em 0em 0.3em;
	text-align: left;
}
h3 {
	font-size: 1.3em;
	margin: 0em 0em 0.3em;
	padding: 0em 0em 0em 0.3em;
	text-align: left;
}
h4 {
	font-size: 1em;
	margin: 0.5em 0em;
	padding: 0em 0em 0em 0.3em;
}
h5 {
	font-size: 0.9em;
	margin: 5px 0px;
	padding: 0px 0px 0px 10px;
}
h6 {
	font-size: 0.8em;
	margin: 5px 0px;
	padding: 0px 0px 0px 10px;
	font-style: italic;
}


#sidebar1  ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 0.8em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#sidebar1  ul li {
	margin: 0px;
	padding: 0px;
}
#sidebar1  li a:link, #sidebar1  li a:visited {
	display: block;
	text-decoration: none;
	width: 200px;
	margin: 5px auto;
	padding: 0px 0px 0px 10px;
	background: url(../images/jpg/bkgr1.jpg);
	color: #FF9;
	border-top: 3px outset #006;
	border-right: 3px outset #006;
	border-bottom: 3px outset #333;
	border-left: 3px outset #333;
}
#sidebar1  ul li a:hover {
	background: #ccc;
	border-top: 3px inset #000;
	border-right: 3px inset #000;
	border-bottom: 3px inset #00C;
	border-left: 3px inset #00C;
	display: block;
	width: 190px;
	margin: 5px auto;
	padding: 0px 0px 0px 10px;
	color: #00F;
	font-weight: bold;
}



#sidebar1 #adress {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	padding: 5px 0px 5px 5px;
	text-align: left;
	background: url(../images/png/textureBlk.png);
	color: #CCC;
}
#mainContent p a:link , #mainContent p a:visited{
	background: transparent;
	text-decoration: none;
	color: #990;
	margin: 0px;
	padding: 0px 5px;
	width: auto;
}
#mainContent p a:hover {
		background: #999;
	text-decoration: none;
}
#mainContent ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 0.8em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#mainContent ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#mainContent li a:link, #mainContent li a:visited {
	display: block;
	text-decoration: none;
	width: 600px;
	margin: 5px 0px 5px 5px;
	padding: 0px 0px 0px 10px;
	background: url(../images/jpg/bkgr1.jpg);
	color: #FC9;
	border-top: 3px outset #006;
	border-right: 3px outset #006;
	border-bottom: 3px outset #333;
	border-left: 3px outset #333;
}
#mainContent li a:hover {
	background: #999;
	border-top: 3px inset #000;
	border-right: 3px inset #000;
	border-bottom: 3px inset #00C;
	border-left: 3px inset #00C;
	display: block;
	width: 550px;
	margin: 5px;
	padding: 0px 0px 0px 10px;
	color: #00F;
	font-weight: bold;
	
}


#sidebar2 #classDetail table {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background: url(../images/jpg/bakgrund.jpg);
	border: 1px solid #603;
	margin: 0px 0px 15px;
	padding: 0px;
	overflow: auto;
	display: block;
	font-size: 0.8em;
}
#sidebar2 #classDetail td {
	border: 1px solid #C30;
	margin: 0px;
	padding: 0px;
}
#sidebar2 #calendar #classDetail div table tr td em {
	font-size: 0.75em;
}
.datum {
	width: 75px;
}
.dag {
}



#sidebar2 #pdfLinkSb2 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 0.8em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#sidebar2 #pdfLinkSb2 ul li {
	margin: 0px;
	padding: 0px;
}
#sidebar2 #pdfLinkSb2 li a:link, #sidebar2 #pdfLinkSb2 li a:visited {
	display: block;
	text-decoration: none;
	width: 190px;
	margin: 5px auto;
	padding: 0px 0px 0px 10px;
	background: url(../images/jpg/bkgr1.jpg);
	color: #FF9;
	border-top: 3px outset #006;
	border-right: 3px outset #006;
	border-bottom: 3px outset #333;
	border-left: 3px outset #333;
}
#sidebar2 #pdfLinkSb2 ul li a:hover {
	background: #ccc;
	border-top: 3px inset #000;
	border-right: 3px inset #000;
	border-bottom: 3px inset #00C;
	border-left: 3px inset #00C;
	display: block;
	width: 170px;
	margin: 5px auto;
	padding: 0px 0px 0px 10px;
	color: #00F;
	font-weight: bold;
}
.tdRubrik {
	font-size: 0.7em;
}





.thrColFixHdr #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 10px 20px; /* 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;
}
.platta {
	padding: 5px;
	margin: 5px 0px 0px 10px;
}
.int {
	font-size: 0.75em;
	font-style: italic;
}
p {
	padding: 0px 10px 5px;
	background: url(../images/jpg/bakgrund.jpg);
	margin: 0px 1px 5px 0px;
	font-size: 0.95em;
	text-align: left;
	color: #333;
}
.thrColFixHdr #container #sidebar2 #calendar em {
	text-align: justify;
}
.bildtext {
	text-align: center;
}
.left {
	text-align: left;
}
.c {
	text-align: center;
}
.dag {
	width: 150px;
}
.curs_r {
	font-style: italic;
	text-align: right;
}