* { outline: 0; border: 0; }
html { overflow-y: scroll; }
html, body { font-family: arial, helvetica, sans-serif; font-size: 9pt; line-height: 16pt; margin:0; padding:0; height: 100%; background: #3f3f3f url(../gfx/body-bg.png) repeat-x 0 100px; color: #CCCCCC; }
h1 { font-size: 22pt; line-height: 24pt; font-weight: normal; padding: 0; margin: 0; text-transform: uppercase; }
h2 { font-size: 10pt; padding: 0; margin: 0 0 5px 0; border-bottom: 1px dotted #F93; text-transform: uppercase; font-weight: lighter; }
h3 { font-size: 10pt; padding: 0; }
a { color: #F93; font-weight: bold; outline: 0; }
p { margin: 0; padding: 0; }
img { border: 0; }
#header { background: #000 url(../gfx/header-bg.png) repeat-x 0 0; height: 100px; width: 100%; }
#logo { width: 143px; height: 85px; margin-left: 22px; cursor: pointer; position: relative; float: left; top: 6px; background: transparent url(../gfx/lito-logo.png) no-repeat 0 0; }
#menu { width: 540px; top: 0px; left: 220px; margin: auto; height: 23px; position: relative; }
#menu a { float: left; height: 100px; text-decoration: none; padding: 0; background-repeat: no-repeat; background-image: url(../gfx/sv/menu-bg-inactive.png); }
#om-oss { background-position: 0 0; width: 124px; }
#tjanster { background-position: -127px 0; width: 100px; }
#referenser { background-position: -221px 0; width: 110px; }
#kontakt { background-position: -328px 0; width: 90px; }
#lito-online { background-position: -416px 0; width: 112px; }
#menu a:hover { background-image: url(../gfx/sv/menu-bg-active.png); }
#menu a.sel { background-image: url(../gfx/sv/menu-bg-active.png); }
.tabs { width: 934px; height: 25px; margin: 30px auto auto auto; }
.tabs div { float: left; }
.tabs a { width: 180px; height: 15px; display: block; margin: 0 8px 0 0; }
/*.tabs a.large { width: 240px; float: left; margin: 0 5px 0 0; }
.tabs a.small { width: 160px; margin: 0 7px 0 0; }*/
.tabs img { border: 0; }
.tabs a:hover { }
.tabs .arrow { width: 28px; height: 25px; float: left; cursor: pointer; }
.tabs .down { background: transparent url(../gfx/arrow-down.png) no-repeat 1px center; }
.tabs .up { background: transparent url(../gfx/arrow-up.png) no-repeat 1px center; }
/*.tabs #tryck .small { margin: 0 0 0 0; }*/
.tabs #tryck .medium { margin: 0 0 0 2px; }
/*.tabs #tryck .large { margin: 0 -1px 0 -1px; }*/
.tabs #tryck .down,
.tabs #tryck .up { background-position: 6px center; }
#subspacer { height: 55px; display: block; position: relative; clear: both; }
#news { width: 283px; padding: 0; height: 500px; float: left; background: transparent; color: #CCCCCC; }
#news ul { margin: 0; padding: 0; list-style-type: none; }
/*#news li { background: transparent url(../gfx/news-li-bg.png) no-repeat 0 0; width: 249px; height: 197px; padding: 20px; }*/
#news a { text-decoration: none; font-weight: bold; }
#news h2 { width: 229px; border-bottom: 1px dotted #FF9933; }
#container { position: relative; margin: 0 auto; width: 100%; height: auto!important; height: 100%; min-height: 100%; }
#content { padding: 0 0 126px 0; overflow: hidden; }
#content .shadow { width: 970px; height: 562px; margin: auto; position: relative; background: transparent url(../gfx/shadow-bg.png) no-repeat 4px 0; }
#content .temp { width: 934px; overflow: hidden; position: relative; min-height: 540px; margin: 0 auto; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; }
#scroll { width: 914px; overflow: hidden; position: absolute; top: 430px; background: #000; height: 90px; padding: 10px; }
#scroll #sleft { width: 26px; height: 90px; background: transparent url(../gfx/arrow-left.png) no-repeat center center; text-align: center; float: left; cursor: pointer; }
#scroll #sright { width: 26px; height: 90px; background: transparent url(../gfx/arrow-right.png) no-repeat center center; text-align: center; float: left; cursor: pointer; }
#scroll #view { width: 862px; overflow: hidden; height: 90px; float: left; position: relative; }
#scroll #images { width: auto; height: 90px; position: relative; top: 0; left: 0; }
#scroll #images div { width: 160px; height: 90px; float: left; margin: 0 10px 0 0; cursor: pointer; opacity: .5; }
#scroll #images div:hover { opacity: 1; }
#scroll img { border: 0; }
#scroll .icon360 { width: 160px; height: 90px; background: transparent url(../gfx/icon-360.png) no-repeat 126px 4px; }
#scroll .iconmovie { width: 160px; height: 90px; background: transparent url(../gfx/icon-movie.png) no-repeat 126px 4px; }
#swfcontent { width: 934px; height: 430px; display: none; position: absolute; background-color: #fff; }
#retcontent { width: 934px; height: 430px; position: absolute; background-color: #000; }
#retcontent img { display: none; position: absolute; }
#pdfcontent { width: 934px; margin-top: 50px; height: 430px; display: none; position: absolute; background-color: transparent; }
#slideshow { width: 934px; height: 540px; background: transparent url(../gfx/loading.gif) no-repeat center center; }
#slideshow img { display: none; position: absolute; }
#referrers div { width: 170px; height: 130px; float: left; margin-bottom: 31px; }
#footer { position: absolute; width: 100%; height: 100px; bottom: 0; background: #000 url(../gfx/footer-bg.png) repeat-x 0 0; color: #acacae; }
#footer div { height: 100px; background: #000 url(../gfx/footer-info.png) no-repeat 0 0; }
/*.box { width: 271px; position: absolute; top: -540px; display: none; z-index: 3; }
.box #text { width: 261px; line-height: 14pt; padding: 10px 0 0 10px; color: #000; background: transparent url(../gfx/box-bg.png) repeat-y 0 0; }
.box #bottom { width: 271px; height: 23px; background: transparent url(../gfx/box-bottom.png) no-repeat 0 0; }
.box a { color: #3F3F3F; }
.box h2 { border-bottom: 1px dotted #000; width: 248px; }*/
.clear { opacity: 1!important; }
.centered { width: 980px; margin: auto; }
.loading { background: white url(../gfx/loading.gif) no-repeat center center; display: block!important; }
.login-box { width: 328px; height: 470px; position: relative; display: block; padding: 10px 20px 0 20px; float: left; background: transparent url(../gfx/lito-online-bg.png) no-repeat 0 0; }
.login-box img { margin: auto; position: relative; display: block; width: 196px; height: 157px; }
.green { color: #99CC00; }
.purple { color: #561EF1; }
.orange { color: #FF9933; }
.flags { width: 60px; height: 15px; top: 55px; margin-right: 15px; position: relative; float: right; }