@charset "UTF-8";
body  {
	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: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #111114;
}
.thrColFixHdr #container {
	width: 900px; /* automarginalerna (i samband med en bredd) centrerar sidan */
	border: 1px solid #CC0000;
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
	background-color: #000000;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
.thrColFixHdr #header {
	width: 900px;
	height: 202px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	background-image: url(assets/sidhuvud.gif);
} 
.thrColFixHdr  #header  img {
	border: 0px;
}
.thrColFixHdr #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 0; /* om du använder utfyllnad istället för marginaler kan du hålla elementet borta från kanterna på diven */
}
.thrColFixHdr #sidebar1 {
	float: left; /* eftersom detta element är flytande måste en bredd anges */
	width: 190px; /* utfyllnaden håller innehållet i diven borta från kanterna */
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 10px;
	background-color: #000000;
	color: #000000;
	margin-top: 3px;
	background-image: url(assets/samurai2.gif);
	height: 400px;
	background-repeat: no-repeat;
}
.thrColFixHdr  #sidebar2  p {
	color: #FFFFFF;
	font-size: 10px;
	margin-left: 7px;
	margin-bottom: 0px;
}
.thrColFixHdr #sidebar2 {
	float: right; /* eftersom detta element är flytande måste en bredd anges */
	width: 130px; /* utfyllnaden håller innehållet i diven borta från kanterna */
	color: #000000;
	background-color: #000000;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	margin-top: 3px;
}
.thrColFixHdr #mainContent {
	margin-top: 18px;
	margin-bottom: 0;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #CC0000;
	background-image: url(assets/bg-rand.gif);
	background-repeat: repeat-y;
	margin-left: 210px;
	width: 510px;
} 
#mainContent p {
	font-size: 10px;
	line-height: 1.7em;
	color: #000000;
	margin-top: 0px;
}
#mainContent a {
	color: #000000;
	text-decoration: underline;
}
#mainContent    li {
	font-size: 10px;
	color: #000000;
	line-height: 1.7em;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#kalender {
	height: 159px;
	width: 120px;
	border: 1px solid #FF0000;
	float: right;
	margin-bottom: 5px;
	overflow: hidden;
}
#mainContent h1 {
	font-size: 24px;
	color: #CC0000;
	margin-bottom: 0px;
	margin-top: 5px;
}
#mainContent h2 {
	font-size: 14px;
	color: #CC0000;
	margin-bottom: 0px;
}
#mainContent h3 {
	font-size: 18px;
	color: #CC0000;
	margin-bottom: 0px;
	margin-top: 5px;
}
#mainContent h4 {
	font-size: 11px;
	color: #CC0000;
	margin-bottom: 0px;
}
#mainContent  th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #CC0000;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin: 0px;
}
#mainContent  td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.7em;
	color: #000000;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CC0000;
	border-right-color: #CC0000;
	border-bottom-color: #CC0000;
	border-left-color: #CC0000;
	background-position: top;
}
#mainContent   #table {
	border: 1px solid #FF0000;
	margin: 0px;
	padding: 0px;
	width: 500px;
}
#mainContent  .tabellrubriker {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
}
#mainContent  .tabellrubriker2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
	text-decoration: underline;
}
#mainContent  .stil1 {
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mainContent #logorad {
	background-image: url(assets/logorad.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 519px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.thrColFixHdr #footer {
	background-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CC0000;
	margin: 0px;
	padding: 10px;
} 
.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; /* utfyllnad på detta element skapar utrymme precis som marginalen skulle göra, utan problemet med att marginaler komprimeras */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
}
#footer   a  {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
#footer   tr td {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.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;
}
#sponsor_bildrepro {
	height: 38px;
	width: 120px;
	border: 1px solid #FF0000;
	float: right;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	margin-bottom: 5px;
}
#sponsor_infoflex {
	height: 32px;
	width: 120px;
	border: 1px solid #FF0000;
	float: right;
	margin-top: 5px;
	overflow: hidden;
}
#bilder235x175px-left {
	height: 175px;
	width: 235px;
	border: 1px solid #CC0000;
	overflow: hidden;
	float: right;
	margin-top: 4px;
	margin-right: 5px;
}
#bilder235x175px-right {
	height: 175px;
	width: 235px;
	border: 1px solid #CC0000;
	overflow: hidden;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}
#bilder100x130px-right {
	height: 130px;
	width: 100px;
	border: 1px solid #CC0000;
	overflow: hidden;
	float: right;
	margin-top: 4px;
	margin-left: 5px;
}
#bilder100x130px-left {
	height: 130px;
	width: 100px;
	border: 1px solid #CC0000;
	overflow: hidden;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}
#logo_liten {
	height: 38px;
	width: 120px;
	border: 1px solid #FF0000;
	float: none;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	background-color: #CCCCCC;
	font-size: 12px;
	text-align: center;
	color: #000000;
}
#logo_mellan {
	height: 75px;
	width: 120px;
	border: 1px solid #FF0000;
	float: none;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	background-color: #CCCCCC;
	font-size: 12px;
	color: #000000;
	text-align: center;
}
#logo_stor {
	height: 120px;
	width: 120px;
	border: 1px solid #FF0000;
	float: none;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	background-color: #CCCCCC;
	font-size: 12px;
	color: #000000;
	text-align: center;
}
#sponsor_reklam {
	height: 75px;
	width: 120px;
	border: 1px solid #FF0000;
	float: right;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	margin-bottom: 10px;
}
#bilder100px  {
	height: 65px;
	width: 65px;
	border: 1px solid #CC0000;
	overflow: hidden;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}
.bilder65px {
		height: 65px;
	width: 65px;
	border: 1px solid #CC0000;
	overflow: hidden;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}
#bilder100px-2 {
	height: 65px;
	width: 65px;
	border: 1px solid #CC0000;
	overflow: hidden;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
	}
#bilder100px-3 {
	height: 65px;
	width: 65px;
	border: 1px solid #CC0000;
	overflow: hidden;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}
#bilder100px-4 {
	height: 65px;
	width: 65px;
	border: 1px solid #CC0000;
	overflow: hidden;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}
#bilder100px-5 {
	height: 65px;
	width: 65px;
	border: 1px solid #CC0000;
	overflow: hidden;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}
#sponsor_vm {
	height: 160px;
	width: 120px;
	border: 1px solid #FF0000;
	float: right;
	margin-top: 2px;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	margin-bottom: 20px;
}
#camps {
	height: 159px;
	width: 120px;
	border: 1px solid #FF0000;
	float: right;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	margin-bottom: 5px;
}
.thrColFixHdr #sidebar2 a {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
}
#arsmote {
	height: 71px;
	width: 120px;
	border: 1px solid #FF0000;
	float: right;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 10px;
}
#17okt {
	height: 75px;
	width: 120px;
	border: 1px solid #FF0000;
	overflow: hidden;
	margin-bottom: 20px;
	float: right;
}
#bilder100px-6 {
	height: 65px;
	width: 65px;
	border: 1px solid #CC0000;
	overflow: hidden;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}