html {
font-size:.8em;
line-height: 1.3em;
font-family:Arial, Helvetica, sans-serif;
background:white;
width: 850px;
background: url(/images/aprovix/q-background-wavelength.png) repeat-y;
margin: 0 auto;
}
body {
padding:0;
margin:0;
}
img {
border:0;
}
.dymolink {
font-size:1.3em;line-height:1.5em;text-transform:uppercase;color:white;background:#84b3bd;padding:5px 9px;font-weight:bold;
}
.freset {
font-weight:normal;text-transform:none;letter-spacing:0;
}
.ljusbord {
float:right;
text-align:center;
padding:1em;
border:1px solid #ddd;
margin:-.5em 0 1em 0;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
p.signature, .info {
font-size:85%;
color:gray;
}
.inline {padding-left:1em;}
p.signature{
margin-top:3em;
}
fieldset {
background:#ddd;
border:1px solid #aaa;
padding:10px;
}
.fixme {
background:yellow;
}
p, ul, ol, blockquote {
margin: 0.75em 0 0 0;
padding: 0 0 0 0;
}
ul.sajtkarta {
margin: 0 0 0 2em;
padding: 0 0 0 0;
}
.figure {margin:2em 0;}
.caption {font-size:.9em;color:gray;}
form .caption {
text-transform: uppercase;
font-weight:bold;
font-size:.85em;
letter-spacing:.1em;
color:black;
}
form .sep {
margin-right:.75em;
margin-top:.75em;
padding-top:.75em;
border-top:1px dotted #999;
}
.alert, form .alert {
color:red;
}
.box  {
margin:2em 0;
border:1px solid #bbb;
padding:0 1em 1em 1em;
}
#hmeny {
padding:0;
height:2em;
line-height:2em;
border:1px solid #aaa;
background: #fefefe url(/images/aprovix/menygradient.png) bottom repeat-x;
margin:0 0 1em 10px;
width:755px;
}
#hmeny li {
float:left;
display:inline;
}
#hmeny li a {
padding: .5em .8em;
border-right:1px solid #aaa;
color:black;
}
#hmeny li a:hover {
background: #9ac1c9;
text-decoration:none;
}
#undermeny ul {
margin:0 0 0 0;
list-style:none;
padding:0;
}
#undermeny ul li {
padding: .3em 0;
margin-bottom: .3em;
border-bottom:1px dotted #888;
}
#undermeny ul li a:hover{
text-decoration:none;
}
#wrapper {
position:relative;
margin:0 auto;
width: 790px;
padding:95px 0 20px 54px;
}
.hidden {
display:none;
}
#logo {
position:absolute;
top:22px;
left:72px;
border:none;
}
#q-benefits {
position:absolute;
top:31px;
left:325px;
}
#q-benefits ul li {
margin:0;padding:0;
}
#q-benefits ul li {
font-size: 150%;
display:inline;
background: url(/images/aprovix/q-check.png) top left no-repeat;
padding-left:25px;
margin-right:40px;
}
#q-benefits ul li.last {
margin-right:0px;
}
#storenav {
display:none;
}
.actions {border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:4em 0 2em 0;padding:.75em 0;font-weight:bold;}
#contents {
position:relative;
width:520px;
float:right;
padding-right:23px;
}
#contentsone {
position:relative;
left:10px;
width:755px;
}
#message { 
width:738px;clear:both;border:1px solid #edd400;padding:5px 8px;background:#fcf9d9;
border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;text-align:center;margin:0 0 1em 10px;
}
#ticker { 
width:738px;margin-top:1em; border:1px solid gray;padding:5px 8px;background:#ddd;
}
.rounded {
border-top-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
}
#ticker #news { 
margin:0;padding:0;
}
#ticker #news li {list-style-type:none;}
#ticker #news li a {color:black;}
#ticker #news li .info {color:black;}
#message a {color:black;}
#menu dl { width: 100%;}
#menu dl,#menu dd { margin: 0; }
#menu dt { background:#9ac1c9; padding: 7px; margin-top:8px;}
#menu dt a { color: black;font-weight:bold; }
#menu dt a:hover { color: white;}
.frontbox dt {width:100%;border-bottom:1px dotted #9ac1c9;margin:0;background:white;padding:5px 0;}
.frontbox dd {display:none; }
#menu dd a { color: #0e7185; }
#menu dd a:hover { color: black; }
#menu dl dd ul { list-style: none; padding: 2px 7px 7px 7px;  border:1px solid #9ac1c9;border-top:0;margin:0;background:white;}
#menu dl dd ul li {width:100%;border-bottom:1px dotted #9ac1c9;margin:0;background:white;padding:5px 0;}
#menu dl dd ul li.last {border:0;padding:5px 0 0 0;}
#footer {
position:relative;
clear:both;
width:100%;
}
.index {
width:33%;
float:right;
border-left: 1px solid #ccc;
padding-left:1em;
margin: 0 0 2em 1em;
}
.index li {
list-style-type:none;
padding-bottom:.25em;
margin-bottom:.25em;
}
.content ul li {
color:black;
list-style-type:none;
padding-bottom:.25em;
margin-bottom:.25em;
}
.highlights {
border-left: 10px solid #ccc; /* #236CBB; */
padding: 0 0 0 .75em;
width: 80%;
}
#contents ol, #contents ul {margin-left:2em;}
#column {
position:relative;
left:10px;
width:210px;
}
.go {
float:right;
color:black;
font-weight:bold;
border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
padding:5px 9px;
background: #9ac1c9;
}
.go:hover {
color:white;
}
#outro {
position:relative;
left:10px;
width:755px;
clear:both;
padding:3em 0 3em 0;
font-size:.85em;
}
h1 {
margin-top:0;
font: 180%/140% sans-serif;
padding:0 30px 0em 0;
}
h2 {
font: 120% sans-serif;
font-weight:bold;
margin: 1.25em 0 -.25em 0;
}
h3 {
font: 100% sans-serif;
font-weight:bold;
margin: 1.25em 0 -.25em 0;
color:#444;
}
column p, {
padding: 0;
}
a {
color: #0e7185;
}
a:hover {
color:black;
}
#header a {
color: #9A007B;
}
#controls {
clear:both;
width:100%;
height:2.2em;
margin-top:.4em;
text-align:right;
}
sup {
margin-left:-0em;
}
sup a {
text-decoration:underline;
}
ol.instruktion li {
clear:both;
padding:1em 0;
border-top:1px dashed #ccc;
}
ol.instruktion li ul li {
clear:none;
margin:0;
padding:0;
border:0;
}
.movie {
margin:1.25em 0;
}