body {
    
    font-family: serif;
	/*font-family: "courier new", serif;*/
	background-color: #B3DDFF;
/*    background: url('../bilder/drabbad2.jpg') repeat center; */
    background: url('../bilder/drabbad2.jpg'); 
}

img {
	border: 0px;
}

/*  a:link {
	color: #666;
	text-decoration: none;
}

a:visited {
	color: #F69;
    text-decoration: none;
}  */

#vanster{
	 text-align: left; 
    margin-left: 20px;
    z-index: 667;
}


#text{
	text-align: left; 
}
/* OBS! ID TEXT2*/
/* Låttitlarna*/
#text2{
   margin-left: 250px;
	top: 180px;
   position: absolute;
   font-weight: bold;
   font-size: 16px;
	color: Black;
	font-family: serif;
	text-decoration: none;
	letter-spacing: 3px;
	line-height: 30px;
	z-index: 6;
}

#text3{
   margin-left: 250px;
	top: 220px;
   position: absolute;
   font-weight: bold;
   font-size: 16px;
	color: Black;
	font-family: serif;
	text-decoration: none;
	letter-spacing: 3px;
	line-height: 30px;
	z-index: 6;
}

.text1 {
   margin-left: 300px;
	top: -420px;
   position: relative;
   font-weight: bold;
   font-size: 16px;
	color: Black;
	font-family: serif;
	text-decoration: none;
	letter-spacing: 3px;
	line-height: 20px;
	z-index: 6;
}

.text2 {
   margin-left: 300px;
	top: 80px;
   position: absolute;
   font-weight: bold;
   font-size: 20px;
	color: Black;
	font-family: serif;
	text-decoration: none;
	letter-spacing: 3px;
   z-index: 6;
}

.text3 {
   margin-left: 300px;
	top: -400px;
   position: relative;
   font-weight: bold;
   font-size: 20px;
	color: Black;
	font-family: serif;
	text-decoration: none;
	letter-spacing: 3px;
   z-index: 6;
}

.datum {
    font-family: Arial, sanserif;
	font-size: 9px;
	position: relative;
	opacity: 0.8;
	filter:alpha(opacity=80);
	visibility: visible;
	z-index: 666;
	top: -1420px;
	left: 275px;
	padding: 5px;
	width: 600px;
	color: White;
	background-color: Black;
	visibility: visible; 
	padding: 5px 5px 5px 5px;
    z-index: 500;
}

.remsa {
   font-family: "Courier New" , serif;
	position: relative;
	opacity: 0.75;
	filter:alpha(opacity=75);
	visibility: visible;
	z-index: 666;
	top: -1420px;
	left: 275px;
	padding: 2px;
	text-align: center;
	width: 600px;
	color: Red;
	background-color: white;
	padding: 5px 4px 3px 6px;
	/*font-variant: small-caps; 
	letter-spacing: 5px;*/
	visibility: visible; 
	padding: 5px 5px 10px 5px;
   z-index: 500;
}

/* EV bort... */
.latar {
   margin-left: 100px;
	top: 50px;
   position: absolute;
   font-weight: bold;
   font-size: 16px;
	color: Black;
	font-family: serif;
	text-decoration: none;
	letter-spacing: 3px;
	line-height: 20px;
	z-index: 6;
}

/* OK */
.nasta_spelning {
   position: absolute;
	opacity: 0.8;
	filter:alpha(opacity=80);
	visibility: visible;
	z-index: 666;
	top: 250px;
	left: 300px;
	padding: 2px;
	text-align: center;
	width: 500px;
	border: 2px solid Black; 
	color: White;
	background-color: Red;
	padding: 5px 4px 3px 6px;
	font-variant: small-caps;
	letter-spacing: 3px;
}

.demonstration {
    position: absolute;
	visibility: visible;
	z-index: 666;
	top: 150px;
	left: 320px;
	padding: 2px;
	text-align: center;
	width: 500px;
	color: Red;
	padding: 5px 4px 3px 6px;
	font-variant: small-caps;
	letter-spacing: 3px;
}

.release {
    position: absolute;
	visibility: visible;
	z-index: 666;
	top: 70px;
	left: 320px;
	padding: 2px;
	text-align: center;
	width: 650px;
	color: white;
	padding: 5px 4px 3px 6px;
	letter-spacing: 3px;
}


/* OK */
.spelningar {
   position: relative;
	opacity: 0.8;
	filter:alpha(opacity=80);
	visibility: visible;
	z-index: 666;
	top: -400px;
	left: 300px;
	padding: 2px;
	text-align: center;
	width: 300px;
	border: 2px solid Black; 
	color: White;
	background-color: Red;
	padding: 5px 4px 3px 6px;
	font-variant: small-caps;
	letter-spacing: 3px;
}

.historik {
   position: absolute;
	opacity: 0.8;
	filter:alpha(opacity=80);
	visibility: visible;
	z-index: 666;
	top: 30px;
	left: 270px;
	padding: 2px;
	text-align: center;
	width: 600px;
	border: 2px solid Black; 
	color: Red;
	background-color: White;
	padding: 5px 4px 3px 6px;
	letter-spacing: 3px;
}

.gastbok{
    font-family: "courier new", serif;
    position: absolute;
 	opacity: 0.8;
	filter:alpha(opacity=80); 
	visibility: visible;
	z-index: 666;
	top: 50px;
	left: 350px;
/* 	padding: 2px;
	text-align: center;
	width: 600px;
    height: 450px; */
 	border: 2px solid Black;  
	color: Red;
 	background-color: White;
	padding: 5px 4px 3px 6px; 
/* 	letter-spacing: 3px; */
}


.gb_entry{
/*     font-family: "courier new", serif; */
 	opacity: 0.8;
	filter:alpha(opacity=80);
	visibility: visible;
	z-index: 666;
	top: 50px;
	left: 350px;
 	padding: 2px;
	/* text-align: center; */
/* 	width: 600px;
    height: 450px;  */
/*  	border: 2px solid Black;   */
	color: Red;
 	background-color: White;
/* 	padding: 5px 4px 3px 6px; 
	letter-spacing: 3px; */
}

 .textfield {
    color: Red;
    font-family: "courier new", serif;
    font-size: 12px;
}

.kontakt {
	opacity: 0.8;
	filter:alpha(opacity=80);
    position: absolute;
	visibility: visible;
	top: 130px;
	left: 300px;
	padding: 2px;
	width: 500px;
	border: 2px solid Black; 
	color: Red;
	background-color: White;
	padding: 5px 4px 3px 6px;
	letter-spacing: 3px;
	z-index: 5;
}


.fet{
	    font-weight: bolder;
		 font-size: 20px;
       font-variant: small-caps;
}


/* OK */
.gamla_spelningar {
   position: relative;
	opacity: 0.5;
	filter:alpha(opacity=50);
	visibility: visible;
	z-index: 666;
	top: -400px;
	left: 300px;
	padding: 2px;
	text-align: center;
	width: 300px;
	border: 2px solid Black; 
	color: White;
	background-color: Red;
	padding: 5px 4px 3px 6px;
	font-variant: small-caps;
	letter-spacing: 3px;
}

/* OK */
#skylt {
    position: relative;
	top: 10px;
	left: 10px;
    z-index: 1;
}

/* OK */
#storskylt {
   position: absolute;
   border: none;
	top: 20%;
	left: 28%;
	z-index: 3;
}

/* OK */
#bubbla {
    position: absolute;
	top: 50px;
	left: 280px;
   z-index: 4;
}

/* OK */
#jesse1 {
   position: absolute;
	top: 200px;
	left: 750px;
   z-index: 3;
}

/* OK */
#jesse2 {
   position: absolute;
	top: 120px;
	left: 550px;
   z-index: 3;
}

/* OK */
#filip1 {
   position: absolute;
	top: 40px;
	left: 550px;
   z-index: 3;
}

#ande1 {
   position: absolute;
	top: 30px;
	left: 200px;
   z-index: 3;
}

#bine1 {
   position: absolute;
	top: 70px;
	left: 340px;
   z-index: 2;
}

#syndromet1{
    position: absolute;
	top: 150px;
	left: 280px;
    z-index: 3;
}

/*#syndrom1 {
   visibility: hidden;
   position: absolute;
   top: 30px;
	left: 260px;
}*/

#syndrometbild {
   position: absolute;
	top: 30px;
	left: 260px;	
}

.dolj_ande {
    visibility: hidden;
    z-index: -1;
}

.visa_ande {
	z-index: 150;
	visibility: visible;
}

.dolj_jesse {
    visibility: hidden;
    z-index: -1;
}

.visa_jesse {
	z-index: 150;
	visibility: visible;
}

.visa_filip {
	z-index: 150;
	visibility: visible;
}

.dolj_filip {
    visibility: hidden;
    z-index: -1;
}

.visa_bine {
	z-index: 150;
	visibility: visible;
}

.dolj_bine {
    visibility: hidden;
    z-index: -1;
}

#personal_ande {
 position: absolute;
 top: 30px;
 left: 260px;	
 z-index: 15;
}

.personaltext {
   font-family: serif;
	position: absolute;
	opacity: 0.8;
	filter:alpha(opacity=80);
	visibility: visible;
	z-index: 666;
	top: 400px;
	left: 410px;
	padding: 2px;
	text-align: center;
	width: 300px;
	border: 2px solid Black; 
	color: White;
	background-color: Red;
	padding: 5px 4px 3px 6px;
	font-variant: small-caps;
	letter-spacing: 5px;
	visibility: visible; 
   z-index: 500;
}



.lankar {
	position: absolute;
	top: 100px;
	left: 240px;
	width: 650px;
    z-index: 500;
}

#personal_jesse {
 position: absolute;
 top: 30px;
 left: 452px;	
 z-index: 15;
}

#personal_bine {
 position: absolute;
 top: 30px;
 left: 580px;	
 z-index: 15;
}

#personal_filip {
 position: absolute;
 top: 30px;
 left: 716px;	
 z-index: 15;
}

#star {
   border: 0px;
	position: relative;
	top: 10px;
	left: -5px;
   z-index: 3;
}

/* HÄRIFRÅN */

.bild {
    position: absolute;
    visibility: visible; 
    top: 20px;
    left: 10px;
    z-index: 5;
}

.thumb {
    position: absolute;
    top: 30px;
    left: 500px;
    z-index: 4;
}

.osynlig {
    position: absolute;
    visibility: hidden;
    z-index: -1;
    left: 50px;
    top: 50px;
}



/* HIT */

/* FRÅN mint*/



/* VAR? */

/* Bilden på förstasidan */
#bild {
    position: absolute;
	 border: 1px solid Black;
	 top: 30px;
	 left: 370px;
	 z-index: 1;
}

#bild1 {
     position: relative;
	 border: none;
	 top: -450px;
	 left: 265px;
	 z-index: 1;
}

/* #bild1 {
     position: absolute;
	 border: none;
	 top: 70px;
	 left: 265px;
	 z-index: 1;
} */

#bild2 {
     position: absolute;
	 border: none;
	 top: 80px;
	 left: 240px;
	 z-index: 1;
}

.livebild {
    position: absolute;
	 padding: 3px;
	 background-color: white; 
    visibility: visible; 
	 border: 1px solid Black;
	 top: 30%;
	 left: 70%;;
	 z-index: 1;
	 
}

.liten{
	 position: absolute;
    visibility: visible; 
	 top: 30px;
	 left: 250px;
	 z-index: 1;
	 border: none;
  	 text-decoration: none;
}

#radbryt{

	 line-height: 15px;
}

#radbryt2{

	 line-height: 6px;
}


h1 {
	font-size: 18px;
	letter-spacing: 5px;
    z-index: 5;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 14px;
    font-weight: bold;
}

#rubrik {
    left: 220px;
    top: -400px;
    padding: 2px;
    position: relative;
    //text-align: left;
    
}

.link a:link {
    font-weight: bold;
    font-size: 16px;
	color: red;
/*	font-family: Arial, Helvetica, sans-serif;*/
	padding: 3px 4px 3px  6px;
	text-decoration: none;
	text-align: left;
	letter-spacing: 5px;
}

.link a:visited {
    font-weight: bold;
    font-size: 16px;
	color: red;
/*	font-family: Arial, Helvetica, sans-serif;*/
	padding: 3px 4px 3px  6px;
	text-decoration: none;
	text-align: left;
    letter-spacing: 5px;
}

.link a:hover {
    font-weight: bold;
    font-size: 16px;
	text-decoration: none;
	color: Black;
	padding: 3px 4px 3px  6px;
    letter-spacing: 5px;
    text-align: left;
}
	
.link a:active {
    font-weight: bold;
    font-size: 16px;
	text-align: left;
	color: red;
/*	font-family: Arial, Helvetica, sans-serif;*/
	padding: 3px 4px 3px  6px;
	text-decoration: none;
	text-align: left;
    letter-spacing: 5px;
}	

/* FUNKAR */
.link2 a:link {
	font-weight: bold;
	font-size: 16px;
	color: red;
/*	font-family: Arial, Helvetica, sans-serif;*/
	padding: 3px 4px 3px  6px;
	text-decoration: none;
	letter-spacing: 5px;
}

.link2 a:visited {
    font-weight: bold;
    font-size: 16px;
	color: red;
/*	font-family: Arial, Helvetica, sans-serif;*/
	padding: 3px 4px 3px  6px;
	text-decoration: none;
    letter-spacing: 5px;
}

.link2 a:hover {
    font-weight: bold;
    font-size: 16px;
	text-decoration: none;
	color: Black;
	padding: 3px 4px 3px  6px;
    letter-spacing: 5px;
}
	
.link2 a:active {
   font-weight: bold;
   font-size: 16px;
	text-align: left;
	color: red;
/*	font-family: Arial, Helvetica, sans-serif;*/
	padding: 3px 4px 3px  6px;
	text-decoration: none;
   letter-spacing: 5px;
}
/* /FUNKAR!!! */



.link3 a:link {
	font-weight: bold;
	font-size: 16px;
	color: red;
/*	font-family: Arial, Helvetica, sans-serif;*/
	padding: 3px 4px 3px  6px;
	text-decoration: none;
	letter-spacing: 5px;
}

.link3 a:visited {
    font-weight: bold;
    font-size: 16px;
	color: red;
/*	font-family: Arial, Helvetica, sans-serif;*/
	padding: 3px 4px 3px  6px;
	text-decoration: none;
    letter-spacing: 5px;
}

.link3 a:hover {
    font-weight: bold;
    font-size: 16px;
	text-decoration: none;
	color: White;
	padding: 3px 4px 3px  6px;
    letter-spacing: 5px;
}
	
.link3 a:active {
   font-weight: bold;
   font-size: 16px;
	text-align: left;
	color: red;
/*	font-family: Arial, Helvetica, sans-serif;*/
	padding: 3px 4px 3px  6px;
	text-decoration: none;
   letter-spacing: 5px;
}

/********
BAJSA
*/
.link4 a:link {
	font-weight: bold;
	/* font-size: 16px; */
	color: white;
	padding: 3px 4px 3px  6px;
	text-decoration: none;
    letter-spacing: 2px;
	background-color: red;
	
		opacity: 0.8;
	filter:alpha(opacity=80);
	line-height: 30px;
}

.link4 a:visited {
    font-weight: bold;
    /* font-size: 16px; */
	color: white;
	padding: 3px 4px 3px  6px;
	text-decoration: none;
    letter-spacing: 2px;
	background-color: red;
	
		opacity: 0.8;
	filter:alpha(opacity=80);
	line-height: 30px;
}

.link4 a:hover {
    font-weight: bold;
    /* font-size: 16px; */
	text-decoration: none;
	color: Black;
	padding: 3px 4px 3px  6px;
    letter-spacing: 2px;
		background-color: red;
		
			opacity: 0.8;
	filter:alpha(opacity=80);
	line-height: 30px;
}
	
.link4 a:active {
   font-weight: bold;
   /* font-size: 16px; */
	text-align: left;
	color: white;
	padding: 3px 4px 3px  6px;
	text-decoration: none;
    letter-spacing: 2px;
		background-color: red;
		
			opacity: 0.8;
	filter:alpha(opacity=80);
	line-height: 30px;
}





/********/



text {
	font-size: 72px;
	fill: red;
	font-weight: bold;
}


// TESTER!!!!

.punk{
    visibility: visible; 
    opacity: 0.8;
    top: 40%;
    left: 35%;
    padding: 2px;
    position: absolute;
    //font-weight: bold;
    font-size: 10pt;    
    text-align: center;
    width: 300px;
    border: 1px solid Red; 
   
	color: Black;
	background-color: #FE3CFF;
/*	font-family: new courier, serif;*/
    padding: 5px 4px 3px 6px;
	font-variant: small-caps;
	letter-spacing: 3px;
    z-index: 1000;
}