body, html { height: 101%; } 

body {background-color: #000000; color: #000000; font-family: Courirer, Arial, Verdana; font-size: 0,8em; 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: center;
  font: 200% Courirer, Verdana, Helvetica, sans-serif; letter-spacing: 0.1em; color: #F1F1F1;}
#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_1.png); background-repeat: no-repeat;
border: 1px solid #FFFFFF; background-color: #F1F1F1;
}

#container_ly {float: left; width: 800px; min-height: 408px; background-image: url(bilder/bg_lyssna.png); background-repeat: no-repeat;
border: 1px solid #FFFFFF; background-color: #F1F1F1;
}

#container_gall {float: left; width: 800px; min-height: 408px; background-image: url(bilder/bg_gall.png); background-repeat: no-repeat;
border: 1px solid #FFFFFF; background-color: #F1F1F1;
}

#container_kont {float: left; width: 800px; min-height: 408px; background-image: url(bilder/bg_kont.png); background-repeat: no-repeat;
border: 1px solid #FFFFFF; background-color: #F1F1F1;
}



#container {float: left; width: 800px; min-height: 408px;
border: 1px solid #FFFFFF; background-color: #F1F1F1;
}



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




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

/* mitten kolumnen */
#kolumn2 {float: left; width: 456px; min-height: 370px; margin-left: 100px; margin-top: 5px; 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 Courirer, 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% Courirer, 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: #333333; margin-right: auto; margin-left: auto; text-align: center;
	font: 60% Courirer, Verdana, Helvetica, sans-serif; letter-spacing: 0.1em; color: #FFFFFF; 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: 65%;
	min-height: 304px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: bold 100% Courirer, 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: #000000;}
#meny a:visited{color: #000000;}
#meny a:hover{color: #5F5F5F; background: #C0C0C0;}




/* text stil */

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

P { font: 75% Courirer, Verdana, Helvetica, sans-serif; color: #000000;}

table { font: 75% Courirer, Verdana, Helvetica, sans-serif; color: #000000;}

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




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


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


hr { border: thin solid #C0C0C0; }

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



.red {color: #FF0000;}

.vit {color: #FFFFFF;}


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


 a:link{color: #000000; text-decoration: none;}
 a:visited{color: #000000; text-decoration: none;}
 a:hover{color: #999999; text-decoration: none;}
 
 
 .play {
 
background-color: #F1F1F1;
 
 }