* html .clearfix {height: 1%;}


body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:11px;
	padding:10px;
	background-color:#CC0033;
	behavior:url(css/csshover.htc);
	color:Black;
	line-height: normal;
}

h1, h2, h3, h4 { color:#CC0033}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}


#sida
{
	padding: 10px;
	width:900px;
	border:#D4D4D4 thin;
	border-style:solid;
	background-color:#FEFEFE;
	margin-right:auto;
	margin-left:auto;
}

li
{

padding-top:15px;
text-decoration:none;
}
li a{
text-decoration:none;
color: #cc0000;
	font-weight:bold;
}
li a:hover{
text-decoration:underline;
}

.brodtext
{
padding-left:5px;
}

#sidhuvud
{
	
}
#webbplats_namn
{
	
	font-size:36px; 
	font-weight:bold;
	color:#3B3B3B;
	float:left;
}

.clearfix {display: block;}
.luft
{
	height:1px;
}
.clearfix:after {
content: "."; /* punkten placeras p sidan som sista objekt innan div-elementet avslutas */

display: block; /* inline-element reagerar inte p egenskapen clear */ 

height: 0; /* ser till att punkten inte ‰r synlig */
clear: both; /* fÂr behÂllaren att fril‰gga punkten */

visibility: hidden; /* fˆrs‰krar ytterligare att punkten inte ‰r synlig */}

#trippelbox
{
	clear:both;
	
}

#trippelbox #box1
{
	float:left;
	margin-left:5px;
	margin-top:10px;
	width:200px;
}

#trippelbox #box2
{
	float:left;
	margin-left:20px;
	margin-top:10px;
	width:440px;
}

#trippelbox #box3
{
	float:right;
	margin-left:20px;
	margin-top:20px;
	width:160px;
}

#brodtext
{

}
#webbplats_logga
{
	padding-right:0px;
	float:right;
}

/* den vÂgr‰ta menyn bˆrjar h‰r */
#menybox {
	width:100%; 	/* ger div-elementet full bredd */
	float:left; 	/* gˆr att div-elementet omsluter listan */
			/* skapar en linje i div-elementets ˆvre kant */
		 	/* skapar en linje i div-elementets nedre kant */
	font-size:1.0em;		/* ANGE TECKENSTORLEKEN HƒR */
	font-weight:bold;
	background-color:#3B3B3B; 			/* ger div-elementet f‰rg */
		
	}
#menybox ul {margin:0 0 0 0px;/* drar in ul frÂn behÂllarens kant */

	}
#menybox li {
	float:left;	/* fÂr listan att justeras vÂgr‰tt i st‰llet fˆr lodr‰tt */
	position:relative; /* positioneringskontext fˆr den absolut positionerade listmenyn */ 
	list-style-type:none;	/* tar bort punkterna fˆr varje listpost */
	background-color:#3B3B3B; /* anger bakgrunden fˆr menyalternativen */
		padding-top:5px;
	padding-bottom:5px;
	 /* skapar linjer som separerar listposterna */
	}
#menybox li:first-child {
	 /* den fˆrsta lodr‰ga linjen p menyn */
	}
#menybox li:hover { 
	background-color:#336643; /* anger bakgrunden fˆr menyalternativen */
	}
#menybox a {
	padding:0 6px; /* skapar luft p varje sida om menyalternativen */
	text-decoration:none;	 /* tar bort understrykningen av l‰nken */
	color:#FFFFFF;	/* anger teckenf‰rgen */
	}
#menybox a:hover {
	/*color:#336643; /*f‰rgen p texten */
	}
/* den vÂgr‰ta menyn slutar h‰r */

/* listmenyn bˆrjar h‰r */
#menybox ul li ul {
height:10px;
position:relative;
	margin:0;
	padding-top:5px; /* fˆrhindrar att det tillf‰lliga v‰rdet frÂn den vÂgr‰ta menyn ‰rvs h‰r - OK att ta bort om du tar bort 
			det tillf‰lliga v‰rdet ovan */ 
			top:19px;
	position:absolute; /* positionerar listmenyn ul i fˆrhÂllande till dess relativt positionerade li-fˆr‰lder */
	width:10em; /* anger menyns bredd ñ i kombination med bredden 100 % fˆr li-elementet gˆr detta att menyn 
				justeras lodr‰tt */
	padding-left:0px;	/* justerar listmenyn exakt under den vÂgr‰ta menyn funkar dock bara i FF*/
	left:0px
	}
#menybox ul li ul li {
	width:100%; /* gˆr att listposterna fyller ut listbehÂllaren (ul) */
	
	}
#menybox ul li ul li:first-child {
	 /* ˆversta kantlinjen p listmenyn */
	}
/* gˆr s att listmenyn visas n‰r anv‰ndaren pekar p den vÂgr‰ta menyn */ 
#menybox ul li ul {display:none;} /* dˆljer listmenyn n‰r anv‰ndaren inte pekar p menyn */ 
#menybox ul li:hover ul {display:block;} /* visar listmenyn n‰r anv‰ndaren 
			pekar p menyn */
/* listmenyn slutar h‰r */

/* HACK-ZON - */
/* hack fˆr IE (alla modeller) s att menyn fÂr en vÂgr‰t linje l‰ngst ut till v‰nster */
* html #menybox ul {
	float:left; /* fÂr ul att omsluta alla li-elementen */
	border-left:1px solid #000; /* l‰gger till linjen l‰ngst ut till v‰nster i ul-elementet */
	margin-left:15px; /* IE fˆrdubblar v‰rdet som angivits - varfˆr? */
	}
* html a {display:block;} /* fÂr IE5 & 5.5 att acceptera padding fˆr l‰nken */
/* slut p hack-zon */
/* SLUT P≈ LISTBASERAD MENY */
#sidfot{}