/* basic*/

html {
margin: 0;
padding: 0;
}

body {
line-height: 125%;
background-color: #cccccc;
margin-right: 30px;
padding: 0;
text-align:center;

}

p {margin-top: 0;
text-align: left;
font-family: geneva, arial, helvetica, sans-serif;
font-size: 80%;
}





p.close {margin-top: 0;
text-align: left;
font-family: verdana,sans-serif;
font-size: 75%;
}

p.text {margin-top: 0;
text-align: left;
font-family: geneva, arial, helvetica, sans-serif;
font-size: 80%;
}

p.box {margin-top: 0;
text-align: justify;
font-family: geneva, arial, helvetica, sans-serif;
font-size: 80%;
line-height:100%
}

p.paket {margin-top: 0;
text-align: left;
font-family: geneva, arial, helvetica, sans-serif;
font-size: 70%;
line-height:115%
}

p.aktuellt {
font-size: 75%;
line-height: 130%;
font-family: geneva, arial, helvetica, sans-serif;
}

p.nytt{
font-family: comic sans ms, geneva, arial, helvetica, sans-serif;
font-size: 100%;
color: red;
}



h1{
font-size: 34pt;
font-family: geneva, arial, helvetica, sans-serif;
}


h2{
font-family: geneva, arial, helvetica, sans-serif;
font-size: 20pt;
}

h3{
font-family: geneva, arial, helvetica, sans-serif;
font-size: 130%;
font-weight: 600;
}

h4{
font-family: geneva, arial, helvetica, sans-serif;
font-size: 100%;
font-weight: 600;
}

h5{
font-family: geneva, arial, helvetica, sans-serif;
font-size: 90%;
font-weight: 500;
}

h6{
font-family: geneva, arial, helvetica, sans-serif;
font-size: 90%;
font-weight: 505;
}



a.nav:link, a.nav:visited, a.nav:active {
font-weight: bold;
text-decoration: none;
color: #ffffff;
font-size: 80%;
font-family: geneva, arial, helvetica, sans-serif;
}

a.nav:hover {
font-weight: bold;
text-decoration: underline;
color: #ffffff;
font-size: 80%;
font-family: geneva, arial, helvetica, sans-serif;
}

a.linkar:link{
text-decoration: none;
font-size: 80%;
color: blue;
font-family: geneva, arial, helvetica, sans-serif;
}

a.linkar:visited, a.linkar:hover {
text-decoration: none;
font-size: 80%;
color: blue;
font-family: geneva, arial, helvetica, sans-serif;
}

a.linkar:active{
text-decoration: none;
color: purple;
font-size: 80%;
font-family: geneva, arial, helvetica, sans-serif;
}

a.itext:link{
font-size: 100%;
color: blue;
font-family: geneva, arial, helvetica, sans-serif;
}

a.itext:visited, a.itext:hover {
font-size: 100%;
color: blue;
font-family: geneva, arial, helvetica, sans-serif;
}

a.itext:active{
color: purple;
font-size: 100%;
font-family: geneva, arial, helvetica, sans-serif;
}

a.text:link{
text-align:left;
text-decoration: none;
font-size: 80%;
color: black;
font-family: geneva, arial, helvetica, sans-serif;

}

a.text:visited, a.text:hover {
text-decoration: none;
text-align:left;
font-size: 80%;
color: black;
font-family: geneva, arial, helvetica, sans-serif;
}

a.text:active{
text-align:left;
text-decoration: none;
color: purple;
font-size: 80%;
font-family: geneva, arial, helvetica, sans-serif;
}

a.box:link, a.box:active{
text-decoration: none;
font-size: 90%;
color: black;
font-family: geneva, arial, helvetica, sans-serif;
font-weight: 600;

}

a.box:visited {
text-decoration: none;
font-size: 90%;
color: black;
font-family: geneva, arial, helvetica, sans-serif;
font-weight: 600;}

a.box:hover {
text-decoration: none;
font-size: 90%;
color: black;
font-family: geneva, arial, helvetica, sans-serif;
font-weight: 600;
}

a.boxer:link, a.boxer:active{
text-decoration: none;
font-size: 80%;
color: black;
font-family: geneva, arial, helvetica, sans-serif;
}

a.boxer:visited, a.boxer:hover {
text-decoration: none;
font-size: 80%;
color: black;
font-family: geneva, arial, helvetica, sans-serif;
}

a.tester:link, a.tester:active{
text-decoration: none;
font-size: 70%;
color: black;
font-family: geneva, arial, helvetica, sans-serif;
line-height: 115%;
text-align: left;
}

a.tester:visited, a.tester:hover {
text-decoration: none;
font-size: 70%;
color: black;
font-family: geneva, arial, helvetica, sans-serif;
line-height: 115%;
text-align: left;
}

a.footer:link {
font-size: 80%;
color: #ffffff;
text-decoration:none;
font-weight: bold;
font-family: geneva, arial, helvetica, sans-serif;
}

a.footer:visited {
font-size: 80%;
color: #ffffff;
text-decoration:none;
font-weight: bold;
font-family: geneva, arial, helvetica, sans-serif;
}

a.footer:hover, a.footer:active {
text-decoration: none;
color: #ffffff;
font-weight: bold;
font-family:geneva, arial, helvetica, sans-serif;
}

#container {
background-color:#ffffff;
width: 710px;
margin: auto;
position: relative;
padding-left:0;
padding-right: 0px;
padding-top: 0;
padding-bottom: 0;
border-top: 0.5px solid #000;
border-left: 5px ridge #e8e4dd;
border-right: 5px ridge #e8e4dd;
border-bottom: 5px ridge #e8e4dd;;

}

#shadow {
width: 727px;
margin: auto;
position: relative;
background-color: #c0c0c0;
}

#rubrik {
margin-left: 14px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: -7px;
height: 99px;
text-align:left;
border-right: 1px solid black;

}


#header {
margin-left: 14px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 0px;
height: 99px;
text-align:left;
background-image: url(huvudrubrik10.gif);
border-right: 1px solid black;

}



#meny {
background-color: green;
padding-top: 0px; 
padding-bottom: 2px;
padding-left: 12px; 
padding-right: 12px;
text-align: center;
margin-left: 14px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 30px;
border-bottom: 3px solid  #003300;
border-left: 1px solid black;
border-right: 1px solid black;
color: black;
word-spacing: 8px;
font-family: geneva, arial, helvetica, sans-serif;
}

#text {
width: 500px;
padding-right: 45px;
padding-left: 35px;
padding-top:0;
padding-bottom: 0;
float:left;
text-align: left;
}

#vidtext {
width: 600px;
padding-right: 8px;
padding-left: 100px;
padding-top:0;
padding-bottom: 0;
float:left;
text-align: left;
}

#close {
width: 350px;
float: left;
text-align: left;
padding-left: 25px;
padding-right: 30px;
border-right: 2px solid black;
}

#back {
width: 350px;
float: right;
text-align: left;
padding-right: 20px;
padding-left:25px;


}



#box{
width: 145px;
height: 198px;
margin-left: 15px;
margin-right: 30px;
margin-top: 10px;
margin-bottom: 0;
border: 3px solid #006600;
padding: 10px;
padding-top: 15px;
float: right;
background-image: url(lightgreen.JPG);
}

#boxer{
width: 145px;
height: 198px;
margin-left: 15px;
margin-right: 30px;
margin-top: 40px;
margin-bottom: 0;
border: 3px solid #006600;
padding-top:10px;
padding-bottom: 0px;
float: right;
background-image: url(lightgreen.JPG);


}

 
#footer{
text-align: center;
background-color: #006600;
width: 710px;
margin-top: 50px;
margin-bottom:0;
padding-bottom: 4px;
font-family: geneva, arial, helvetica, sans-serif;
border-top: 2px solid #003300;
word-spacing: 5px;





}

