@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%;}

/* 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;}
h2 {font-size:2.1em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#313131; text-align:center; margin-bottom:5px;}

/* boxen wrapper omsluter allt och centrerar det i webbläsaren*/
/* bredden är 495px, vilket är bildens storlek */
/* skapar en marginal uppåt på 60px*/
#wrapper {width:495px; margin:auto; margin-top:60px;}

/* boxen bild har en höjd på 426px och en bredd på 495px, det är måtten på själva bilden */
/* bilden placeras i boxen här */
#bild {height:426px; width:495px; background-image:url(taubners.gif);}

/* om bilden skall vara länkad 
#bild a:link {color:#FFFFFF; text-decoration:none;}
#bild a:visited {color:#FFFFFF; text-decoration:none;}
#bild a:hover {color:#FFFFFF; text-decoration:none;}
#bild a:active {color:#FFFFFF; text-decoration:none;} */

/* boxen innehall innehåller text */
/* bredden är 495px, vilket är bildens storlek, och höjden är 180px */
/* paddingen är 30px på både vänster- och högerkanten, vilket gör att bredden justeras till 435px */
/* 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:180px; width: 435px; overflow:auto; padding: 0px 30px;}
#innehall img {float:right; margin: 0px 15px 10px;}
#innehall a:link {color:#000000; text-decoration:none;}
#innehall a:visited {color:#000000; text-decoration:none;}
#innehall a:hover {color:#858585; text-decoration:none;}
#innehall a:active {color:#858585; text-decoration:none;}