/****************************************
	SKIT MED BORGARNA OCH HELA JÄVELSAMHÄLLET!
****************************************/

/* STRUCTURE 
****************************************/


body
{

background:url(img/bg.jpg);
background-attachment:fixed;
background-position:left,top;
background-repeat:repeat;
margin-top:10px;
scrollbar-arrow-color: yellow;
scrollbar-base-color: black;


}





div.box
{
	z-index:-2;
	width:900px;
	height:1200px;
	margin-left:auto;
	margin-right:auto;
	position:static;
	border:solid;
	border-width:10px;
	border-color:#000000;
	background:url(img/bgbox.jpg);
	background-repeat:no-repeat;
	background-color:#666666;
	overflow:visible;
	}
	
	
div.footer
{
z-index:-2;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	position:static;
	border:solid;
	border-width:10px;
	border-color:#000000;
	background-color:#000000;
	overflow:hidden;
	}
	
div.labels
{
position:relative;
left:720px;
top:-55px;
}


div.news
{
width:600px;
height:200px;
border-bottom:dotted medium;
border-bottom-color:#FFCC33;
border-top:dotted medium;
border-top-color:#FFCC33;
overflow:auto;
background:url(img/bgtrans.png);
position:relative;
left:30px;
top:320px;
z-index:+1;


}

div.tourdates
{
width:600px;
height:200px;
border-bottom:dotted medium;
border-bottom-color:#FFCC33;
border-top:dotted medium;
border-top-color:#FFCC33;
overflow:auto;
background:url(img/bgtrans.png);
position:relative;
left:30px;
top:350px;
z-index:+1;
}

div.releases
{
width:200px;
height:380px;
border-bottom:dotted medium;
border-bottom-color:#FFCC33;
border-top:dotted medium;
border-top-color:#FFCC33;
overflow:auto;
background:url(img/bgtrans.png);
position:relative;
left:30px;
top:380px;
}

div.photovideo
{
width:600px;
height:380px;
border-bottom:dotted medium;
border-bottom-color:#FFCC33;
border-top:dotted medium;
border-top-color:#FFCC33;
overflow:auto;
background:url(img/bgtrans.png);
position:relative;
left:270px;
top:-3055px;
z-index:0;
}


div.player
{
width:200px;
height:165px;
border-bottom:dotted medium;
border-bottom-color:#FFCC33;
border-top:dotted medium;
border-top-color:#FFCC33;
margin-top:100px;
margin-left:0px;
background:url(img/bgtrans.png);
position:relative;
left:668px;
top:-4012px;
overflow:hidden;
}

div.links
{
width:200px;
height:254px;
border-bottom:dotted medium;
border-bottom-color:#FFCC33;
border-top:dotted medium;
border-top-color:#FFCC33;
margin-top:100px;
margin-left:0px;
background:url(img/bgtrans.png);
position:relative;
left:668px;
top:-4100px;
overflow:hidden;
}


/* INNEHÅLL 
****************************************/

p
{
margin:30px 20px;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color:#FFFFFF;
}

p.footer
{
margin:10px 10px;
color:#FFFFFF;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;

}

p.links
{
margin-top:10px;
margin-left:20px;
}

p.photovideo
{
margin-top:10px;
margin-left:5px;
}



a:link
{
color:yellow;
text-decoration:none;
}

a:visited
{
color:yellow;
text-decoration:none;
}


a:hover
{
color:#FF9900;
text-decoration:none;
}



 h1
 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:900;
 font-size:14px;
 color:yellow;
 margin-left:30px;
 }
 
 h1.hiddenh1
 {
 visibility:hidden;
 }
 
 h2
  {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bolder;
 font-size:small;
 color:#FFFFFF;
 margin:30px 20px;}
 
 hr
{width:425px}

img.hoger
{
float:right;
margin-left:5px;
}



img.kollage
{
margin-left:30px;
margin-top:30px;
}


div.facebooklike
{
position:relative;
width:50px;
top:-5120px;
left:0px;
background-color:#000000;
}

div.nyheter
{
	z-index:+7;
	position:relative;
	top:-4566px;
	left:30px;
	width:111px;
	height:86;
	border-top:dotted medium;
	border-top-color:#FFCC33;
	border-right:dotted medium;
	border-right-color:#FFCC33;
	opacity:0.8;
	filter:alpha(opacity=80);
	background-color:#000000;
	overflow:visible;
	padding:5px;
}

div.bgnews
{
z-index:+2;
width:120px;
height:25px;
position:relative;
top:-4591px;
left:30px;
overflow:hidden;
}


div.turne
{
	z-index:+3;
	position:relative;
	top:-4380px;
	left:30px;
	width:123px;
	height:86;
	border-top:dotted medium;
	border-top-color:#FFCC33;
	border-right:dotted medium;
	border-right-color:#FFCC33;
	opacity:0.8;
	filter:alpha(opacity=80);
	background-color:#000000;
	padding:5px;
}


div.bgtourdates
{
z-index:+2;
top:-4408px;
	left:30px;
	width:132px;
	height:80;
position:relative;
overflow:hidden;
}

div.skivor
{
	z-index:+3;
	position:relative;
	top:-4197px;
	left:30px;
	width:82px;
	height:86;
	border-top:dotted medium;
	border-top-color:#FFCC33;
	border-right:dotted medium;
	border-right-color:#FFCC33;
	opacity:0.8;
	filter:alpha(opacity=80);
	background-color:#000000;
	padding:5px;
}


div.bgreleases
{
z-index:+2;
top:-4220px;
	left:30px;
	width:90px;
	height:80;
position:relative;
overflow:hidden;
}


div.muzak
{
	z-index:+3;
	position:relative;
	top:-4716px;
	left:668px;
	width:119px;
	height:86;
	border-top:dotted medium;
	border-top-color:#FFCC33;
	border-right:dotted medium;
	border-right-color:#FFCC33;
	opacity:0.8;
	filter:alpha(opacity=80);
	background-color:#000000;
	padding:5px;
}


div.bgmuzak
{
z-index:+2;
top:-4745px;
	left:668px;
	width:130px;
	height:86;
position:relative;
overflow:hidden;
}


div.pics
{
	z-index:+3;
	position:relative;
	top:-4299px;
	left:270px;
	width:141px;
	height:86;
	border-top:dotted medium;
	border-top-color:#FFCC33;
	border-right:dotted medium;
	border-right-color:#FFCC33;
	opacity:0.8;
	filter:alpha(opacity=80);
	background-color:#000000;
	padding:5px;
}


div.bgpics
{
z-index:+2;
top:-4326px;
	left:270px;
	width:150px;
	height:86;
position:relative;
overflow:hidden;
}





/* DISKOGRAFI 
****************************************/

div.follow
{
position:relative;
width:117px;
height:130px;
left:10px;

}

div.follow2
{
position:relative;
left:180px;
top:-100px;
width:424px;
height:423px;
background:url(img/infofollow.jpg);
visibility:hidden;
z-index:+4;
}


div.kommando
{
position:relative;
width:117px;
height:130px;
left:10px;
}

div.kommando2
{
position:relative;
left:200px;
top:-470px;
width:351px;
height:351px;
background:url(img/infokommando.jpg);
visibility:hidden;
z-index:+4;
}

div.space
{
position:relative;
width:117px;
height:130px;
left:10px;
}

div.space2
{
position:relative;
left:200px;
top:-880px;
width:508px;
height:456px;
background:url(img/infospace.jpg);
visibility:hidden;
z-index:+4;
}



div.wfd
{
position:relative;
width:117px;
height:130px;
left:10px;
}

div.wfd2
{
position:relative;
left:180px;
top:-1300px;
width:502px;
height:425px;
background:url(img/infowfd.jpg);
visibility:hidden;
z-index:+4;
}

div.singel2008
{
position:relative;
width:117px;
height:130px;
left:10px;
}

div.singel20082
{
position:relative;
left:200px;
top:-1800px;
width:426px;
height:439px;
background:url(img/infosingel2008.jpg);
visibility:hidden;
z-index:+4;
}

div.goo
{
position:relative;
width:117px;
height:130px;
left:10px;
}

div.goo2
{
position:relative;
left:200px;
top:-2300px;
width:550px;
height:495px;
background:url(img/infogoo.jpg);
visibility:hidden;
z-index:+4;
}

div.dragmeup
{
position:relative;
width:117px;
height:130px;
left:10px;
}

div.dragmeup2
{
position:relative;
left:200px;
top:-2800px;
width:469px;
height:460px;
background:url(img/infodragmeup.jpg);
visibility:hidden;
z-index:+4;
}





/* MERCH 
****************************************/

p.merch
{
margin:0px 10px;
margin-bottom:10px;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
color:#FFFFFF;
}

p.merch2
{
margin:0px 10px;
margin-bottom:110px;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
color:#000000;
}


img.varor
{
position:absolute;
z-index:+1;
}

img.varor2
{
position:static;
}


