@charset "utf-8";
/* CSS Document */

/***************************** HUVUDMENY ********************************/

.meny_foto a{
	position: absolute; 
	top: 522px;
	left:0px;
	height:170px;
	width:200px;
	display: block;
	background: transparent url(grafik/meny_foto.png) no-repeat;
}
.meny_foto a:hover {
background-position: -200px 0;
}
.meny_film a{
	position: absolute; 
	top: 522px;
	left:200px;
	height:170px;
	width:200px;
	display: block;
	background: transparent url(grafik/meny_film.png) no-repeat;
}
.meny_film a:hover {
background-position: -200px 0;
}
.meny_grafik a{
	position: absolute; 
	top: 522px;
	left:400px;
	height:170px;
	width:200px;
	display: block;
	background: transparent url(grafik/meny_grafik.png) no-repeat;
}
.meny_grafik a:hover {
background-position: -200px 0;
}
.meny_layout a{
	position: absolute; 
	top: 522px;
	left:600px;
	height:170px;
	width:200px;
	display: block;
	background: transparent url(grafik/meny_layout.png) no-repeat;
}
.meny_layout a:hover {
background-position: -200px 0;
}
.meny_ljud a{
	position: absolute; 
	top: 522px;
	left:800px;
	height:170px;
	width:200px;
	display: block;
	background: transparent url(grafik/meny_ljud.png) no-repeat;
}
.meny_ljud a:hover {
background-position: -200px 0;
}

/*********slut på huvudmenyn*******/

/**************************** FOTOMENY HOVER**********************/

.fotomeny1 a {
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/foto_meny1.jpg) no-repeat;
}
.fotomeny1 a:hover {
background-position: -116px 0;
}
.fotomeny1 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

.fotomeny2 a {
	position:absolute;
	top:0px;
	left:118px;
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/foto_meny2.jpg) no-repeat;
}
.fotomeny2 a:hover {
background-position: -116px 0;
}
.fotomeny2 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

.fotomeny3 a {
position:absolute;
	top:0px;
	left:236px;
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/foto_meny3.jpg) no-repeat;
}
.fotomeny3 a:hover {
background-position: -116px 0;
}
.fotomeny3 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

.fotomeny4 a {
	position:absolute;
	top:0px;
	left:354px;
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/foto_meny4.jpg) no-repeat;
}
.fotomeny4 a:hover {
background-position: -116px 0;
}
.fotomeny4 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

.fotomeny5 a {
	position:absolute;
	top:0px;
	left:472px;
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/foto_meny5.jpg) no-repeat;
}
.fotomeny5 a:hover {
background-position: -116px 0;
}
.fotomeny5 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

/************************** SLUT PÅ FOTOMENY ********************/

/**************************** FILMMENY HOVER**********************/

.filmmeny1 a {
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/film_meny1.jpg) no-repeat;
}
.filmmeny1 a:hover {
background-position: -116px 0;
}
.filmmeny1 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

.filmmeny2 a {
	position:absolute;
	top:0px;
	left:118px;
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/film_meny2.jpg) no-repeat;
}
.filmmeny2 a:hover {
background-position: -116px 0;
}
.filmmeny2 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

.filmmeny3 a {
position:absolute;
	top:0px;
	left:236px;
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/film_meny3.jpg) no-repeat;
}
.filmmeny3 a:hover {
background-position: -116px 0;
}
.filmmeny3 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

.filmmeny4 a {
	position:absolute;
	top:0px;
	left:354px;
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/film_meny4.jpg) no-repeat;
}
.filmmeny4 a:hover {
background-position: -116px 0;
}
.filmmeny4 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

.filmmeny5 a {
	position:absolute;
	top:0px;
	left:472px;
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/film_meny5.jpg) no-repeat;
}
.filmmeny5 a:hover {
background-position: -116px 0;
}
.filmmeny5 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

/************************** SLUT PÅ FILMMENY ********************/


/**************************** layoutMENY HOVER**********************/

.layoutmeny1 a {
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/layout_meny1.jpg) no-repeat;
}
.layoutmeny1 a:hover {
background-position: -116px 0;
}
.layoutmeny1 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

.layoutmeny2 a {
	position:absolute;
	top:0px;
	left:118px;
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/layout_meny2.jpg) no-repeat;
}
.layoutmeny2 a:hover {
background-position: -116px 0;
}
.layoutmeny2 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

.layoutmeny3 a {
position:absolute;
	top:0px;
	left:236px;
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/layout_meny3.jpg) no-repeat;
}
.layoutmeny3 a:hover {
background-position: -116px 0;
}
.layoutmeny3 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

.layoutmeny4 a {
	position:absolute;
	top:0px;
	left:354px;
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/layout_meny4.jpg) no-repeat;
}
.layoutmeny4 a:hover {
background-position: -116px 0;
}
.layoutmeny4 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

.layoutmeny5 a {
	position:absolute;
	top:0px;
	left:472px;
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/layout_meny5.jpg) no-repeat;
}
.layoutmeny5 a:hover {
background-position: -116px 0;
}
.layoutmeny5 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

/************************** SLUT PÅ LayoutMENY ********************/

/**************************** layout - webb MENY HOVER**********************/

.webbmeny1 a {
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/webb_meny1.jpg) no-repeat;
}
.webbmeny1 a:hover {
background-position: -116px 0;
}
.webbmeny1 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

.webbmeny2 a {
	position:absolute;
	top:0px;
	left:118px;
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/webb_meny2.jpg) no-repeat;
}
.webbmeny2 a:hover {
background-position: -116px 0;
}
.webbmeny2 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

.webbmeny3 a {
position:absolute;
	top:0px;
	left:236px;
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/webb_meny3.jpg) no-repeat;
}
.webbmeny3 a:hover {
background-position: -116px 0;
}
.webbmeny3 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

.webbmeny4 a {
	position:absolute;
	top:0px;
	left:354px;
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/webb_meny4.jpg) no-repeat;
}
.webbmeny4 a:hover {
background-position: -116px 0;
}
.webbmeny4 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

.webbmeny5 a {
	position:absolute;
	top:0px;
	left:472px;
display: block;
width: 116px;
height: 142px;
background: transparent url(grafik/webb_meny5.jpg) no-repeat;
}
.webbmeny5 a:hover {
background-position: -116px 0;
}
.webbmeny5 a:active {
width: 114px;
height: 140px;
border: 1px solid #FFF;
}

/************************** SLUT PÅ Layout - webb MENY ********************/