body, html { height: 101%; } 

body {background-color: #000000; color: #CCCCCC; font-family: Trebuchet MS, Arial, Verdana; font-size: 1em; padding: 0;
}


/* centrerar hela paketet */
#centrering {width: 800px; margin-right: auto; margin-left: auto; height: auto;
 border-right: 0px solid #000000; border-left: 0px solid #000000;
}


/* &Översta boxen */
#topbox {float: left; width: 800px; height: auto; text-align: right;
  font: 220% Trebuchet MS, Verdana, Helvetica, sans-serif; letter-spacing: 0.1em; color: #FFFFFF;}
#topbox div { border-left: 0px solid #000000;}




/* håller i kolumnerna */
#container_i {float: left; width: 800px; min-height: 408px; background-image: url(bilder/bg.gif); background-repeat: no-repeat;
border: 0px solid #FFFFFF;
}

#container {float: left; width: 800px; min-height: 408px;
border: 0px solid #FFFFFF;
}



/* vänstra kolumnen innehåller menyn */
#kolumn1 {float: left; width: 100px; min-height: 378px; padding: 4px; border: 0px solid; border-color: #FFFFFF; z-index: 1;}




/* mitten kolumnen Index */
#kolumn2i {float: left; width: 506px; min-height: 370px; padding: 8px; border: 0px solid; border-color: #FFFFFF; z-index: 3;}

/* mitten kolumnen */
#kolumn2 {float: left; width: 506px; min-height: 320px; margin-left: 100px; margin-top: 50px; padding: 8px; border: 0px solid; border-color: #FFFFFF; z-index: 2;}


/* högra kolumnen */
#kolumn3 {float: left; width: 160px; min-height: 378px; padding: 4px; border: 0px solid; border-color: #FFFFFF; z-index: 3;}

/* högra kolumnen */
#box1 {float: left; width: 150px; min-height: 70px; padding: 4px; border: 0px solid; border-color: #FFFFFF; z-index: 3;}

/* högra kolumnen */
#box2 {float: left; width: 145px; max-width: 145px; min-height: 40px; padding: 4px; border: 1px solid; border-color: #CCCCCC; background: #333333;
font: 0.6em Trebuchet MS, Verdana, Helvetica, sans-serif; letter-spacing: 0.1em; color: #FFFFFF;z-index: 3;

}




/* understa boxen */
#bottombox {float: left; width: 800px; min-height: 80px; text-align: center;
  font: 70% Trebuchet MS, Verdana, Helvetica, sans-serif; letter-spacing: 0.1em; color: #FFFFFF;}
#bottombox div { border-left: 0px solid #CCCCCC;}



/* limpan */
#limpa {float: left; width: 800px; background-color: #CCCCCC; margin-right: auto; margin-left: auto; text-align: center;
	font: 60% Trebuchet MS, Verdana, Helvetica, sans-serif; letter-spacing: 0.1em; color: #000000; z-index: 4;}
#limpa div {padding: 1px; border-top: 1px solid; border-color: #000000;}


#limpa a:link{color: #000000; text-decoration: none;}
#limpa a:visited{color: #000000; text-decoration: none;}
#limpa a:hover{color: #404040; text-decoration: none;}




/* lodrät meny */


#meny{
	width: 100%;
	min-height: 304px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: bold 100% Trebuchet MS, Verdana, Helvetica, sans-serif;
	}

#meny li{margin-bottom: 0.1em;}

#meny a{
	display: block;
	width: auto;	
	padding: 0.1em;
	text-decoration: none;
	border: 0px solid #FFFFFF;
}
#meny a:link{color: #FFFFFF;}
#meny a:visited{color: #FFFFFF;}
#meny a:hover{color: #CCCCCC; background: #333333;}




/* text stil */

H1 { font: bold 140% Trebuchet MS, Verdana, Helvetica, sans-serif; letter-spacing: 0.1em; color: #FFFFFF;}

P { font: 75% Trebuchet MS, Verdana, Helvetica, sans-serif; color: #FFFFFF;}





H2 { font: 75% Verdana, Helvetica, sans-serif; letter-spacing: 0.0em; color: #000000;}

H3 { font: bold 60% Verdana, Helvetica, sans-serif; letter-spacing: 0.1em; color: #000000;}


H4 { font: bold 300% Verdana, Helvetica, sans-serif; letter-spacing: 0.1em; color: #000000;}


hr { border: thin solid #C0C0C0; }

ul { font: 85% Verdana, Helvetica, sans-serif; color: #444444;}



.red {color: #FF0000;}

.vit {color: #FFFFFF;}


.formrutor {
	height: 20px;
	width: auto;
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #000066;
}


 a:link{color: #FFFFFF; text-decoration: none;}
 a:visited{color: #FFFFFF; text-decoration: none;}
 a:hover{color: #CCCCCC; text-decoration: none;}