﻿/* Stylesheet - general  */

body {

background-color:#91f3ff; 
margin:0px 0px 0px 0px;
background-image:url('bgremsa.gif');
background-repeat:repeat-x;


}


.rems_bg_div {
	width:100%; z-index:0; height:100%; position:absolute; top:1px; left:1px }
	
.rems_bg_div_left {
	
float:left; width:50%; height:100%; margin-top:-1px; background-image:url('bg2.png'); background-repeat:repeat-x; }

.rems_bg_div_right {
	
float:left; width:50%; height:100%; }


img {

border:0px; 

}
h1 {

margin-top:2px;
margin-bottom:0px;
font-family:Arial, Helvetica, sans-serif;
color:white
 
 }

p {
	
text-align:justify;	
margin:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
color:white;




}

a {
 color:white; 
font-family:Arial, Helvetica, sans-serif;
font-variant:small-caps;
 text-decoration: underline;



    


/* denna text markör andvänds endast på this_is_me.htm men kan säkert användas i framtiden för andra textrutor,*/
}.text{

    z-index: 8; /* Gör så att objektet positioneras, längre upp än de andra i Z-index skalan d.v.s. i förgrunden.. */
   position:relative; /*(gör så att objektet blir i position i förhållande till sin omgivning) */
        top:12px; 
margin-left:360px;
     height:627px; 
	  width:580px;
  
  /*ger en lila border på texten samt på bredd på kollumnen och en text justering som "jämnar ut texten över raderna" */
  border:solid  #39173b;
   text-align:justify;
   background-color:#2c3536; /*fis-lila: #b09fd5*/


} 

.bg_div {
	z-index:0; /* Gör så att objektet positioneras, längre ner än de andra i Z-index skalan d.v.s. i bakgrunden.. */
   position:relative;
   
	 margin:15px auto 15px auto;
     border:solid white;
     height:645px;
      width:1000px;
	  background-image:url(bg.jpg)
	 
}


html* .bg_div { 

 margin:14px 0 15px 0;
position:absolute;
z-index:3;
left:50%;
margin-left:-500px;


}


.portfolio_div {
	
z-index:2; position:absolute; top:121px; left:19px;	
	
}
 .menu_links_div {
	
 z-index:10;
position:absolute;
   width:168px; 
  height:206px;
    left: 0px;
     top: 0px;
     
 }
 .menu_links_div2 {
    
     z-index: 12;
    position: absolute;
       width: 118px; 
      height: 118px; 
        left: 163px;
         top: 0px;
         
         }
.title_index {
left: 262px;
width: 307px;
top: 146px;
  z-index:13;
    position:absolute;
     visibility: visible;
      height: 228px;
   }
   
.title_index h1 {
	font-size: 44px;
}

      

.brod_text_contact {

	top: 153px;
	 left:602px;
	  z-index:12;
	   position:absolute;
	    font-family:Arial, Helvetica, sans-serif;
	     color:white; 
	      width: 325px; 
	       height: 143px;
	        visibility: visible;
}


.brod_text_index

{
	vertical-align:top;
	 top: 153px;
	  left:574px;
	   z-index:12;
	    position:absolute;
	     font-family:Arial, Helvetica, sans-serif;
	      color:white;
	       width: 325px;
	        height: 143px;
	         visibility: visible;
	          font-size:medium;
}

.title_contact {

top: 146px; left:364px; z-index:13; width:235px; position:absolute; visibility: visible; height: 228px;	
} 

.bg_pic {

 width:100%;
 height:100%;
}


/*för att de blåa ramarna på länkande bilder inte ska synas innan style sheeten laddats in.. */

a img {
 border:0;	
}

li {

list-style:circle;
color:#FFF;
 }
 
 #portfolio_bilden {
 
  z-index:3;
 
 }
 
 .loading {position: absolute; width: 216px; height: 97px; z-index: 1; left: 432px; top: 348px; visibility:collapse;}
 
 .menu_links_div img {
 
 left: 0px; top: 0px; height:100%; width:100%;
 
 }

 .menu_links_div2 img {
 
 left: 0px; top: 0px; height:100%; width:100%;
 
 }
 
 .remsor {
	
	position:absolute; left:-101px; top:-25px; z-index:8;
}

.min_bild

{
	
	position:absolute; left:50px; top:260px; z-index:9;
}

.swf-portfolio { height:496px; width:705px;}

.formular {

background: url("bg-form.png") repeat scroll 0 0 transparent;
    font-family: times New Roman;
    left:905px;
    left:905px;
	padding: 130px 89px 108px;
    position: absolute;
    top: 196px;
    z-index: 5;
	width:200px;
	background-repeat:no-repeat;

}

.formular h2,  .formular b  { 

color:white; font-family:times new roman, arial, sans-serif; font-style: italic;


  }
  
  
