/* CSS Document */
#svartBakgrundForstaSidan						/*Bakgrund till Forsta sidan, contact, about*/
{
	position: absolute;
	left: 100px;
	top: 37px;
	width: 720px;
	height: 660px;
	background-color: #23232B;
	border: solid 1px #CACAD3;
} 

#svartBakgrundAbout				/*Bakgrund till about*/
{
	position: absolute;
	left: 100px;
	top: 37px;
	width: 720px;
	height: 820px;
	background-color: #23232B;
	border: solid 1px #CACAD3;
} 

#svartBakgrund 				/*Bakgrund till bildsidorna*/
{
	position: absolute;
	left: 100px;
	top: 37px;
	width: 720px;
	height: 850px;
	background-color: #23232B;
	border: solid 1px #CACAD3;
} 

a 
	{
	color: #FFFFFF;
	font-style: normal;       
	text-decoration: none;
	}

a.back 
	{
	color: #70738E;
	font-style: normal;       
	text-decoration: none;
	}

a img
{
	border: none;
}

a img.forsta
{
	border: solid 1px #CACAD3;
}


	{
	position: absolute;
	left: 300px;
	top: 45px;
	color: white;
	font-size: 48px;
	font-family: "Times New Roman";  
    font-style: normal;	        
	text-decoration: none;
	}
#copyC
{
	position: absolute;
	left: 314px;
	top: 26px;
	width: 5px;
	height: 5px;
	background-color: #23232B;		
}

#namnTextForstaSida
{
	position: absolute;
	left: 127px;
	top: 20px;
	width: 560px;
	height: 25px;
	background-color: #23232B;		
}

#namnText
{
	position: absolute;
	left: 331px;
	top: 26px;
	width: 350px;
	height: 25px;
	background-color: #23232B;		
}

#portfolioText
{
	position: absolute;
	left: 476px;
	top: 75px;
	width: 200px;
	height: 25px;
	background-color: #23232B;
	text-align: right;	
}

#infotext
{
	position: absolute;
	left: 12px;
	top: 115px;
	width: 690px;
	height: 300px;
	background-color: #23232B;
} 

#tabellText
{
	position: absolute;
	left: -2px;
	top: -100px;
	width: 589px;
	height: 405px;
	background-color: #23232B;	
}

#backOverstaBilder
{
	position: absolute;
	left: 44px;
	top: 91px;
	width: 150px;
	height: 20px;
	background-color: #23232B;			
}

#backUnderstBilder
{
	position: absolute;
	left: 44px;
	top: 825px;
	width: 150px;
	height: 20px;
	background-color: #23232B;			
}

#backTextContactOverst
{
	position: absolute;
	left: 14px;
	top: 97px;
	width: 150px;
	height: 20px;
	background-color: #23232B;			
}

#backTextContactUnderst
{
	position: absolute;
	left: 14px;
	top: 630px;
	width: 150px;
	height: 20px;
	background-color: #23232B;
}

#backAboutOverst
{
	position: absolute;
	left: 14px;
	top: 97px;
	width: 150px;
	height: 20px;
	background-color: #23232B;			
}

#backAboutUnderst
{
	position: absolute;
	left: 14px;
	top: 630px;
	width: 150px;
	height: 20px;
	background-color: #23232B;
}

#copyTextBilder
{
	position: absolute;
	left: 314px;
	top: 825px;
	width: 365px;
	height: 20px;
	background-color: #23232B;			
} 
 
/* Bilderna till första sidan, 4 stycken ->*/
#forstaBild1
{
	position: absolute;
	left: 250px;   /*300*/
	top: 170px;
	width: 240px;
	height: 160px;	
}

#forstaBild2
{
	position: absolute;
	left: 493px;
	top: 170px;
	width: 160px;
	height: 240px;	
}

#forstaBildMitten
{
	position: absolute;
	left: 413px;
	top: 333px;
	width: 160px;
	height: 240px;	
}

#forstaBild3
{
	position: absolute;
	left: 250px;
	top: 333px;
	width: 160px;
	height: 240px;
}

#forstaBild4
{
	position: absolute;
	left: 413px;
	top: 413px;
	width: 240px;
	height: 160px;
}
/* <-Bilderna till första sidan, 4 stycken*/

/* Bilderna till kategorierna, 28 stycken ->*/
/* Tabellen bilderna ligger i*/
table {
	width: 100%;
	height: 100%;

}

td {
	vertical-align: middle;
	text-align: center;
}
/* rad1 */
#bild1
{
	position: absolute;
	left: 145px;
	top: 150px;
	width: 152px;
	height: 152px;
	background-color: #424353;
	border: solid 1px #CACAD3;		
}

#bild2
{
	position: absolute;
	left: 305px;
	top: 150px;
	width: 152px;
	height: 152px;
	background-color: #424353;		
	border: solid 1px #CACAD3;			
}

#bild3
{
	position: absolute;
	left: 465px;
	top: 150px;
	width: 152px;
	height: 152px;
	background-color: #424353;	
	border: solid 1px #CACAD3;		
}

#bild4
{
	position: absolute;
	left: 625px;
	top: 150px;
	width: 152px;
	height: 152px;;

	background-color: #424353;
	border: solid 1px #CACAD3;		
}
/* rad2 */
#bild5
{
	position: absolute;
	left: 145px;
	top: 320px;
	width: 152px;
	height: 152px;
	background-color: #424353;	
	border: solid 1px #CACAD3;		
}

#bild6
{
	position: absolute;
	left: 305px;
	top: 320px;
	width: 152px;
	height: 152px;
	background-color: #424353;			
	border: solid 1px #CACAD3;
}

#bild7
{
	position: absolute;
	left: 465px;
	top: 320px;
	width: 152px;
	height: 152px;
	background-color: #424353;		
	border: solid 1px #CACAD3;	
}

#bild8
{
	position: absolute;
	left: 625px;
	top: 320px;
	width: 152px;
	height: 152px;
	background-color: #424353;	
	border: solid 1px #CACAD3;		
}
/* rad3 */
#bild9
{
	position: absolute;
	left: 145px;
	top: 490px;
	width: 152px;
	height: 152px;
	background-color: #424353;	
	border: solid 1px #CACAD3;		
}

#bild10
{
	position: absolute;
	left: 305px;
	top: 490px;
	width: 152px;
	height: 152px;
	background-color: #424353;			
	border: solid 1px #CACAD3;
}

#bild11
{
	position: absolute;
	left: 465px;
	top: 490px;
	width: 152px;
	height: 152px;
	background-color: #424353;		
	border: solid 1px #CACAD3;	
}

#bild12
{
	position: absolute;
	left: 625px;
	top: 490px;
	width: 152px;
	height: 152px;
	background-color: #424353;	
	border: solid 1px #CACAD3;		
}
/* rad4 */
#bild13
{
	position: absolute;
	left: 145px;
	top: 660px;
	width: 152px;
	height: 152px;
	background-color: #424353;	
	border: solid 1px #CACAD3;		
}

#bild14
{
	position: absolute;
	left: 305px;
	top: 660px;
	width: 152px;
	height: 152px;
	background-color: #424353;			
	border: solid 1px #CACAD3;
}

#bild15
{
	position: absolute;
	left: 465px;
	top: 660px;
	width: 152px;
	height: 152px;
	background-color: #424353;		
	border: solid 1px #CACAD3;	
}

#bild16
{
	position: absolute;
	left: 625px;
	top: 660px;
	width: 152px;
	height: 152px;
	background-color: #424353;	
	border: solid 1px #CACAD3;		
}
/* rad5 */
#bild17
{
	position: absolute;
	left: 145px;
	top: 830px;
	width: 152px;
	height: 152px;
	background-color: #424353;	
	border: solid 1px #CACAD3;		
}

#bild18
{
	position: absolute;
	left: 305px;
	top: 830px;
	width: 152px;
	height: 152px;
	background-color: #424353;			
	border: solid 1px #CACAD3;
}

#bild19
{
	position: absolute;
	left: 465px;
	top: 830px;
	width: 152px;
	height: 152px;
	background-color: #424353;		
	border: solid 1px #CACAD3;	
}

#bild20
{
	position: absolute;
	left: 625px;
	top: 830px;
	width: 152px;
	height: 152px;
	background-color: #424353;	
	border: solid 1px #CACAD3;		
}
/* rad6 */
#bild21
{
	position: absolute;
	left: 145px;
	top: 1000px;
	width: 152px;
	height: 152px;
	background-color: #424353;	
	border: solid 1px #CACAD3;		
}

#bild22
{
	position: absolute;
	left: 305px;
	top: 1000px;
	width: 152px;
	height: 152px;
	background-color: #424353;			
	border: solid 1px #CACAD3;
}

#bild23
{
	position: absolute;
	left: 465px;
	top: 1000px;
	width: 152px;
	height: 152px;
	background-color: #424353;		
	border: solid 1px #CACAD3;	
}

#bild24
{
	position: absolute;
	left: 625px;
	top: 1000px;
	width: 152px;
	height: 152px;
	background-color: #424353;	
	border: solid 1px #CACAD3;		
}
/* rad7 */
#bild25
{
	position: absolute;
	left: 145px;
	top: 1170px;
	width: 152px;
	height: 152px;
	background-color: #424353;	
	border: solid 1px #CACAD3;		
}

#bild26
{
	position: absolute;
	left: 305px;
	top: 1170px;
	width: 152px;
	height: 152px;
	background-color: #424353;			
	border: solid 1px #CACAD3;
}

#bild27
{
	position: absolute;
	left: 465px;
	top: 1170px;
	width: 152px;
	height: 152px;
	background-color: #424353;		
	border: solid 1px #CACAD3;	
}

#bild28
{
	position: absolute;
	left: 625px;
	top: 1170px;
	width: 152px;
	height: 152px;
	background-color: #424353;	
	border: solid 1px #CACAD3;		
}
/*<- Bilderna till kategorierna, 28 stycken*/