body {
background-image: url(bilder/bg.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0px -32px;
background-color: #d12b46;
scrollbar-base-color: #9DB23B;
overflow: auto;
}

.copy_bar, .link_bar, textarea, .meny_rad{
background-image: url(bilder/bg_div.gif);
}

.main {
background-color: transparent;
}

.meny_rad {
text-align: right;
width: 100px;
padding: 2px;
padding-right: 4px;
border: 1px solid #336633;
font: 700 xx-small "Verdana", "Arial";
color: #003300;
}

.rubrik, .link_bar, .copy_bar {
color: #003300;
position: absolute;
}

.rubrik {
top: 500px;
left: 60px;
}

.main {
position: absolute;
top: 80px;
left: 50px;
width: 1000px;
height: 600px;
padding: 19px 17px 19px 17px;
border: 1px solid #336633;
}

.iframe {
padding: 0px 0px 0px 0px;
margin-top: 0px;
font: 500 xx-small "Verdana", "Arial";
text-align: justify;
border: none;
background-color: transparent;
background-image: none;
}

.link_bar {
text-align: center;
width: 482px;
color: #003300;
top: 47px;
left: 320px;
border: 1px solid #336600;
padding: 3px 0px 5px 0px;
font: 700 xx-small "Verdana";
}

.copy_bar {
text-align: center;
width: 672px;
color: #003300;
top: 690px;
left: 225px;
border: 1px solid #336600;
padding: 3px 0px 5px 0px;
font: 700 xx-small "Verdana";
}

textarea {
color: #003300;
padding-top: 5px;
text-align: center;
font: 700 xx-small/1.3 "Verdana";
border: 3px double #336600;
overflow: auto;
}

h1 {
text-align: center;
color: #993333;
font: 500 large "Bradley Hand ITC", "Comic Sans MS";
}

h2 {
color: #003300;
font: 700 x-small "Comic Sans MS";
}

h3 {
color: #003300;
margin-bottom: 3px;
font: 700 x-small "Comic Sans MS";
}

.h2_tt {
color: #003300;
font: 500 small "Comic Sans MS";
}

.lh { line-height: 1.5; }

ul { list-style-image: url( bilder/punkt.gif ); margin-top: 7px; }
li { margin-left: -13px }

.b { 
color: #003300;
font-weight: 700;
}

.right { text-align: right; }

.center { text-align: center; }

hr { color: #003300; }

.hr_2 {
border-style: dashed;
height: 1px;
color: #003300;
}

.overstryk {
color: #003300;
text-decoration: line-through;
}

.no_border { border-style: none; }

.namn {
font: 500 large "Pristina";
text-align: center;
border-style: none;
color: #993333;
}

td {
vertical-align: top;
margin-left: 3px;
margin-right: 3px;
border: 1px solid #336600;
font: 500 11px "Verdana";
}

th {
color: #003300;
border: 1px solid #336600;
background-image: url(bilder/bg_div.gif);
}

.resultat {
font: 500 xx-small "Verdana";
border: 1px dotted #993333;
width: 440px;
}

.BMI {
width: 200px;
margin-left: 5px;
text-align: center;
border: 1px dotted #993333;
padding-top: 3px;
padding-bottom: 7px;
background-color: white;
font: 500 x-small "Bradley Hand ITC", "Comic Sans MS";
}

.mattlig {
color: #cc0000;
text-align: right;
font-weight: 500;
}

.overvikt {
color: #CC6633;
text-align: right;
font-weight: 500;
}

.normal {
color: #339900;
text-align: right;
font-weight: 500;
}

.U {color: #003366}
.N {color: #339900}
.O {color: #ff3300}
.M {color: #cc0000}
.S {color: #990000}

.tt {
width: 400px;
height: 300px;
text-align: center;
border: 2px solid #666666;
}

img { border: 0; }

.img_b {
margin: 3px;
margin-left: 7px;
border: 1px solid #003300;
}

a:link, a:visited {
color: #003300;
text-decoration: none;
font: 700 xx-small "Verdana";
}

a:active { 
color: #336600;
text-decoration: none;
font: 700 xx-small "Verdana";
}

a:hover {
color: #336600;
text-decoration: underline;
font: 700 xx-small "Verdana";
}