body{
      background-color:000000;
      color:FFFFFF;
      width:100%;
      height:100%;
      padding:0px;
      margin:0px;
      text-align: center;
}

allt{
     width:100%;
     height:100%;
     text-align: left;	
}

#bilden{
	position:relative;
	width:900px;
	height:600px;
	margin: 0 auto;
	top:80px;
	z-index:2;
	background-repeat:no-repeat;
	padding-bottom:50px;
}

#bstart #bilden{
 	background-image:url('bild/bakgrund/party.jpg');
}
#bom #bilden{
 	background-image:url('bild/bakgrund/nora.jpg');  /*2*/
}
#bgm #bilden{
 	background-image:url('bild/bakgrund/marina.jpg');
}
#boss #bilden{
 	background-image:url('bild/bakgrund/johan.jpg');
}
#bborja #bilden{
 	background-image:url('bild/bakgrund/jenny.jpg');
}
#bgalleri #bilden{
 	background-color:000000;
}

#logo{
	position:absolute;
	z-index:3;
	width:100px;
	height:101px;
	top:-60px;
	left:10px;	
}
#titel{
	position:absolute;
	z-index:3;
	background-image:url('bild/kombatan.gif');
	height:38px;
	width:220px;
	left:118px;
	top:-50;
}
#undertitel{
	position:absolute;
	z-index:3;
	background-image:url('bild/IPMAFsg2.gif');
	height:10px;
	width:400px;
	left:121px;
	top:-10;
	background-repeat:no-repeat;
}

#meny{
        position:absolute;
	z-index:3;
	height:10px;
	width:550px;
	top:-13;
	left:350px;
}

#hem,
#gm,
#om,
#oss,
#galleri,
#borja{
	position:relative;
        float:right;
	height:10px;
	margin-left:7px;
	background-repeat:no-repeat;
}


#se #hem{
	background-image:url('bild/meny/hem.gif');
	width:25px;
}


#se #gm{
	background-image:url('bild/meny/gm.gif');
	width:68px;
}

#se #om{
	background-image:url('bild/meny/om.gif');
	width:60px;
}
#se #oss{
	background-image:url('bild/meny/oss.gif');
	width:42px;
}
#se #borja{
	background-image:url('bild/meny/borja.gif');
	width:70px;
}
#se #galleri{
	background-image:url('bild/meny/galleri.gif');
	width:43px;
}

#en #hem{
	background-image:url('bild/menu/hem.gif');
	width:35px;
}


#en #gm{
	background-image:url('bild/menu/gm.gif');
	width:68px;
}

#en #om{
	background-image:url('bild/menu/om.gif');
	width:60px;
}
#en #oss{
	background-image:url('bild/menu/oss.gif');
	width:54px;
}
#en #borja{
	background-image:url('bild/menu/borja.gif');
	width:57px;
}
#en #galleri{
	background-image:url('bild/menu/galleri.gif');
	width:50px;
}



#lang{
        position:absolute;
	z-index:3;
	height:40px;
	width:100px;
	top:-60;
	left:800px;
}

#eng{	background-image:url('bild/uk_flag.gif');
	width:30px;
	height:20px;
	float:right;
	margin-left:10px;
	margin-top:5px;
}
#sve{	background-image:url('bild/sv_flag.JPG');
	width:30px;
	height:20px;
	float:right;
	margin-top:5px;
}

#ruta, #ruta3{
     	position:absolute;
     	z-index:3;
     	opacity:0.70;
        filter:alpha(opacity=70);
	 	padding:10px;
    
}
#ruta{
	background:black;
	
}

#text, #text2, #text3{
	position:absolute; 
	z-index:4;
	color:#FFCC66;       
	font:normal normal 12px/20px Arial;
  	text-align: left;
 	padding:10px;


}





#bstart #se #ruta{
	left:0px;
	top:0px;
	width:900px;
	height:240px;
	z-index:2;

}

#bstart #se #text{
	left:100px;
	top:10px;
	width:400px;
	height:150px;
	
}

#bstart #se #ruta2, #bstart #se #text2, #bstart #se #ruta3{
	left:600px;
	top:0px;
	width:300px;
	height:240px;
	padding:10px 0px 10px 0px;
	margin-left:0px;
	text-align:left;
        XXXtext-align: -moz-center;
}

#bstart #se #text2{ 
	margin-left:10px;
	z-index:7;

	}

#bstart #ruta3{
		border-left:#FFCC66 solid 1px;
		z-index:5;
}
#bstart #ruta2{
     	position:absolute;
     	z-index:3;
     	opacity:0.15;
        filter:alpha(opacity=15);
      	background:red;
}


#bom #se #ruta, #bom #se #text{
	left:45px;
	top:120px;
	width:420px;
	height:435px;

}
#bgm #se #ruta, #bgm #se #text{
	left:50px;
	top:200px;
	width:250px;
	height:290px;

}

#boss #se #ruta, #boss #se #text{
	left:40px;
	top:160px;
	width:350px;
	height:170px;

}

#boss #se #ruta3, #boss #se #text3{
	position:absolute;
	left:0px;
	top:410px;
	width:900px;
	height:200px;
	font:normal normal 12px/17px Arial;
}

#boss #se #ruta3{	
	background:black;
}

#bborja #se #ruta, #bborja #se #text{
	left:570px;
	top:50px;
	width:300px;
	height:520px;
}
#bborja #se #ruta2, #bborja #se #text2{
	left:50px;
	top:50px;
	width:370px;
	height:300px;
}

#bborja #ruta3, #bborja #text3{
	left:640px;
	top:202px;
	width:250px;
	height:120px;
	padding:10px 0px 0 0px;
	margin:0px;
	text-align:left;
}

#bgalleri #ruta, #bgalleri #text{
	color:black;
	left:0px;
	top:0px;
	width:950px;
	height:600px;
	overflow-y:scroll;
	overflow-x:auto;
	z-index:1;	
}

#bstart #en #ruta{	
	left:0px;
	top:0px;
	width:900px;
	height:240px;
	z-index:2;
	
}

#bstart #en #text{
	left:100px;
	top:10px;
	width:400px;
	height:150px;
	
}

#bstart #en #ruta2, #bstart #en #text2, #bstart #en #ruta3{
    left:600px;
	top:0px;
	width:300px;
	height:240px;
	padding:10px 0px 10px 0px;
	margin-left:0px;
	text-align:left;
        XXXtext-align: -moz-center;

}

#bstart #en #text2{ 
	margin-left:10px;
	z-index:7;

	}


#bom #en #ruta, #bom #en #text{
	left:45px;
	top:120px;
	width:420px;
	height:433px;

}
#bgm #en #ruta, #bgm #en #text{
	left:50px;
	top:200px;
	width:250px;
	height:280px;

}

#boss #en #ruta, #boss #en #text{
	left:40px;
	top:160px;
	width:350px;
	height:170px;

}

#boss #en #ruta3, #boss #en #text3{
	position:absolute;
	left:0px;
	top:410px;
	width:900px;
	height:200px;
	font:normal normal 12px/17px Arial;
}

#boss #en #ruta3{	
	background:black;
}

#bborja #en #ruta, #bborja #en #text{
	left:570px;
	top:50px;
	width:300px;
	height:520px;
}
#bborja #en #ruta2, #bborja #en #text2{
	left:50px;
	top:50px;
	width:370px;
	height:300px;
}

#bborja #ruta3, #bborja #text3{
	left:640px;
	top:202px;
	width:250px;
	height:120px;
	padding:10px 0px 0 0px;
	margin:0px;
	text-align:left;
}



#instr {
	font:normal normal 12px/18px Arial;
	position:relative;
	float:left;
	padding:5px 0 0 10px;
	width:300px;
	height:200px;
	margin:0 0 0 0;


}
#instr2 {
	font:normal normal 12px/18px Arial;
	position:relative;
	float:left;
	padding:5px 0 0 10px;
	width:270px;
	height:200px;
	margin:0 0 0 15px;


}

#instr img, #instr2 img {
	position:relative;
	float:left;
	top:0px;
	width:90px;
	margin: 0 10px 0 0;
}
#instr h3, #instr2 h3 {
	font:normal normal 13px/20px Arial;
	margin: 0;
	padding: 0;
}

#bform #text{
	left:100px;
	top:50px;
	
}

#formdelar{
	top:0;
	float:left;
	position:relative;
	margin:0 20px;
}

h2{padding:10px 0 15px 0px;margin:0px;}

A{text-decoration:none;}
A:link{text-decoration:none; color:#FF6633}
A:visited{text-decoration:none; color:#FF6633;}
A:active{text-decoration:none; color:#FF6633;}

#bstart #text2 A:link{text-decoration:none; color:#FFCC66}
#bstart #text2 A:visited{text-decoration:none; color:#FFCC66;}
#bstart #text2 A:active{text-decoration:none; color:#FFCC66;}