@charset "utf-8";
/* CSS Document */

/*nollställer margin och padding*/
* {margin:0; padding:0;}

/* sätter 1 em = 10 px */
html {font-size:125%;}
body {font-size:50%;}

/* placerar bakgrundsbilden bakom wrappern */
#bigwrapper {width: 1100px; height:790px; margin:auto;}
#bigwrapper {background-image:url(layout/bakgrundspipor.jpg);}

/* gör bakgrunden inne i wrappern vit */
#wrapper {background-color:#FFFFFF;} 

/* storlek, färg och typsnitt för brödtext och rubriker */
body {font-family:Verdana, Arial, Helvetica, sans-serif; color:#313131;}
p {font-size:1.3em; margin-bottom:10px;}
h1 {font-size:3.3em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#313131;}
h2 {font-size:2.1em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#313131; margin-bottom:5px;}
h3 {font-size:1.6em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#313131; margin-top:20px;}
table {font-size:1.3em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#313131; margin-bottom:15px;}

/* ingressen skall vara fetstil och med en radhöjd på 150%,
i övrigt gäller samma formatering som för övrig text */
/*.ingress p {font-weight:bolder; line-height:1.5;} */

/* texten som utgör länken som leder till smakprovsidan 
skall vara fetstil och med en storlek på 1.5em */
#tillsmakproven{font-weight:bolder; font-size:1.5em;}

/* boxen wrapper omsluter allt och centrerar det i webbläsaren*/
/* skapar en marginal uppåt på 60px*/
#wrapper {width:800px; margin:auto; padding-top:60px;  /*margin-top:60px;*/}

/* boxen logga har en höjd på 150px och en bredd på 770px 
och centreras i wrappern genom 15 px marginaler åt höger och vänster*/
/* i den här boxen kommer loggan att finnas */
/* bilden läggs i boxen i html-mallen, och är länkad till index.html*/
/* länken formateras här (så att bara bilden syns och inga effekter) */
#logga {height:150px; width:770px;}
#logga a:link {color:#FFFFFF; text-decoration:none;}
#logga a:visited {color:#FFFFFF; text-decoration:none;}
#logga a:hover {color:#FFFFFF; text-decoration:none;}
#logga a:active {color:#FFFFFF; text-decoration:none;}
#logga img {margin: 0px 15px;}

/* boxen meny har en höjd på 400px och en bredd på 155px */
/* länkar som finns inom menyn har vissa egenskaper, och är blockelement */
#meny {height:400px; width:155px; float:left; margin-top:15px; margin-bottom:15px; text-align:right;}
#meny a {display:block; padding:5px; font-size:1.3em;}
#meny a:link {color:#313131; text-decoration:none;}
#meny a:visited {color:#313131; text-decoration:none;}
#meny a:hover {color:#FFFFFF; text-decoration:none; background-color:#2a2957;}
#meny a:active {color:#858585; text-decoration:none;}

/* boxen innehall har en höjd på 420px och en bredd på 615px (exkl marginal åt vänster: 15px) */
/* om texten i innehall är för lång skapas en scroll-list*/
/* bilder inom innehall ligger till höger, med texten flytande runt till vänster */
/* bilden hamnar till höger om p-taggen som kommer efter img-taggen i html-filen */
/* länkar i boxen innehall får sin formatering här */
#innehall {height:420px; width: 615px; overflow:auto; float:right; margin-left:15px; margin-top:15px; margin-bottom:15px; padding-right:10px;}
#innehall img {float:right; margin: 0px 15px 10px 15px;} /* tidigare: 0px 15px 10px */
#innehall a:link {color:#313131; text-decoration:underline;}
#innehall a:visited {color:#313131; text-decoration:underline;}
#innehall a:hover {color:#858585; text-decoration:none;}
#innehall a:active {color:#858585; text-decoration:none;}

/* boxen sidfot har en höjd på 45px och en bredd på 800px*/
/* texten i sidfoten är centrerad */
/* ett tunt horisontellt streck avgränsar sidfoten från övrigt innehåll */
#sidfot {height:45px; width:800px; clear:both; border-top:solid 2px #2a2957;}
#sidfot p {text-align:center; padding:5px;}
#sidfot a:link {color:#313131; text-decoration:none;}
#sidfot a:visited {color:#313131; text-decoration:none;}
#sidfot a:hover {color:#858585; text-decoration:none;}
#sidfot a:active {color:#858585; text-decoration:none;}