

/* Denna kod tar bort all margin och padding */
* {margin:0 auto; padding:0 auto;}

/* Det två raderna nedan ser till att font-size motsvarar 1em=10px och blir därför relativa värden om em används */
html {font-size: 125%;}
body {font-size: 50%;}

/* I body läggs med fördel sådant in som ska påverka hela webbsidan*/
body {background-color: white; }

#bigwrapper {width:800; margin:0 auto;  margin-top: 0px;   }



#aktuellt{ float:left; margin-top:30px;margin-left:10px;  color: white;}
#produktioner{ float:left; margin-top:30px; margin-left:25px;  }
#profiler{ float:left; margin-top:30px; margin-left:40px;}
#ombazooka{ float:left; margin-top:30px; margin-left:20px;} 
#kontakt{float:left; margin-top:30px; margin-left:25px; }



#wrapper {width:800px;}
/* #logga är den box där logotypen/sidhuvudet återfinns */
#logga {width: 507px; height: 295px; margin-bottom: 0px;  background-image:url(grafik/logga.jpg);  }

/* #meny är den box där menyn återfinns */
#meny {width: 875px; height: 90px;  background-image:url(grafik/meny.jpg); background-repeat:no-repeat; padding-left: 25px;   }

/* #innehall är den box där innehållet (text & bild) återfinns */
#innehall {width: 800px; height: 800px;   overflow:hidden; background-image:url(grafik/bakgrund.jpg); padding: 50px; background-repeat:no-repeat; background-repeat:repeat-y;  }

/* #sidfot är den box där sidfoten återfinns */
#sidfot {width: 875px; height: 100px; background-image:url(grafik/sidfot.jpg); clear:both; padding: 13px; background-repeat:no-repeat; }

/* a.meny är psuedo-class som gör menylänkarnas utseende unika jämfört med de länkar som för övrigt används. Detta ser till att länkarna som normalt är inline-objekt blir block-objekt, får en lagom storlek samt en bra mariginal. Fortsätt jobba vidare med denna psuedo-class för att själv påverka färg och hovringseffekt */
a.meny{ font-size: 3.0em; margin: 10px; padding-top: 25px; text-align:center;
}

a.submeny{ font-size: 3.0em; margin: 10px; padding-top: 25px; text-align:center; color:#000;
}

a:hover{color:#FFF; text-decoration:none;  }
a:link{color: #FFF; text-decoration:none;  }
a:visited{color: #FFF; text-decoration:none;  }
a:active{color: #FFF; text-decoration:none;   }

a.submeny:hover{color:#000; text-decoration:none;  }
a.submeny:link{color: #000; text-decoration:none;  }
a.submeny:visited{color: #000; text-decoration:none;  }
a.submeny:active{color: #000; text-decoration:none;   }



.ingress { font-weight:bold; line-height:150%;}



.sidfot { text-align:center; color:#FFF; padding-top: 25px; }









