﻿/* DEFAULTS
----------------------------------------------------------*/
body {
font-size: 0.8em;
font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
margin: 0;
padding: 0;
color: #696969;
background-image: url("../Resources/background-oscarclean-stadservice.jpg");
background-repeat: repeat;
}
a:link, a:visited {
color: #ded6b4;
cursor: pointer;
text-decoration: underline;
}
a:hover {
color: #d1c598;
text-decoration: none;
cursor: pointer;
}
a:active {
color: #39331a;
}
p {
position:relative;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
margin-bottom: 10px;
line-height: 1.6em;
width: 298px;
}
.sub-header {
font-family: georgia, "times new roman", garamond, serif;
color: #003300;
font-weight: bold;
font-size: 0.9em;
text-transform: uppercase;
padding-bottom: 10px;
line-height: normal;
}
.HeadRubrik {
font-family: Georgia;
font-size: 1.5em;
color: #000000;
font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
color: #000000;
font-variant: small-caps;
text-transform: none;
font-weight: 200;
margin-bottom: 0;
font-family: Georgia;
}
h1 {
font-size: 1.6em;
padding-bottom: 0;
margin-bottom: 0;
}
h2 {
font-size: 1.5em;
font-weight: 500;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.1em;
}
h5, h6 {
font-size: 1em;
}
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
margin-top: 0;
}
.page {
width: 960px;
margin: 20px auto 0 auto;
}
.tableText {
width: auto;
height: 0px;    
}
.header {
position: relative;
margin: 0;
padding: 0;
background-image: url("../Resources/topp-bild.jpg");
background-repeat: no-repeat;
width: 827px;
height: 244px;
width: 828px;
z-index: 2;
}
.header h1 {
font-weight: 700;
margin: 0;
padding: 0 0 0 20px;
color: #f9f9f9;
border: none;
line-height: 2em;
font-size: 2em;
}
.main {
z-index: 1;
padding: 0 12px;
margin: -17px 8px 8px 0;
min-height: 420px;
border-style: none;
background-image: url("../Resources/mitten-bild.jpg");
background-repeat: repeat-y;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
font-style: normal;
color: #000000;
width: 827px;
}
.maincontent {
padding: 0 12px;
margin: -17px 8px 8px 45px;
min-height: 420px;
max-width: 780px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
font-style: normal;
color: #000000;
width: 690px;
}
.mainvertical {
position: absolute;
overflow: visible;
margin-left: 820px;
min-height: 420px;
max-width: 200px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
font-style: normal;
color: #000000;
width: 200px;
top: 200px;
}
.MainBild {
position: absolute;
margin: 35px 500px;
height: auto;
width: auto;
max-height: 175px;
max-width: 237px;
border: thin groove #bcbecb;
padding-top: 1px;
}
.MainBild2 {
width: 710px;
height: 176px;
z-index: 1;
position: relative;
left: 45px;
top: 6px;
}
.MainFlash {
position: absolute;
margin: 5px 400px;
height: auto;
width: auto;
max-height: 175px;
max-width: 237px;
}
.MainBildVertical {
position: absolute;
margin: 35px 500px;
height: auto;
width: auto;
max-height: 303px;
max-width: 237px;
border: thin groove #bcbecb;
padding-top: 1px;
}
.leftCol {
padding: 6px 0;
margin: 12px 8px 8px 8px;
width: 200px;
min-height: 200px;
}
.footer {
padding: 8px 0 0 0;
margin: -10px auto 0 0;
text-align: center;
line-height: normal;
height: 191px;
width: 827px;
background-image: url("../Resources/botten-bild.jpg");
background-repeat: no-repeat;
}
.CopyW {
position: relative;
text-decoration: none;
color: #565277;
font-size: 100%;
font-family: Arial;
top: 144px;
left: 77px;
width: 698px;
height: 51px;
}
div.hideSkiplink {
background-image: url("../Resources/menu-background-stadforetag.png");
background-repeat: no-repeat;
width: 100%;
height: 50px;
margin: 164px 8px 8px 40px;
overflow: visible;
}
div.menuWrapper {
position: absolute;
top: 14.8em;
margin-left: 25px;
left: 40px;
}
div.menu {
position: absolute;
top: 0;
width: 800px;
}
div.menu ul {
list-style: none;
margin: 0;
padding: 0;
width: auto;
}
div.menu ul li a, div.menu ul li a:visited {
border-style: none dotted solid dotted;
border-width: 1px;
border-color: #3c3c1e #7a7a3d #3c3c1e #7a7a3d;
background-color: #6f6f37;
color: #dde4ec;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
}
div.menu ul li a:hover {
background-color: #ddddb9;
color: #465c71;
text-decoration: none;
}
div.menu ul li a:active {
background-color: #505027;
color: #cfdbe6;
text-decoration: none;
}
div.menu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul {
margin: -2.2em 0 0 130px;
}
.breadcrumb {
margin: 30px 200px;
overflow: visible;
}
fieldset {
margin: 1em 0;
padding: 1em;
border: 1px solid #ccc;
}
fieldset p {
margin: 2px 12px 10px 10px;
}
fieldset.login label, fieldset.register label, fieldset.changePassword label {
display: block;
}
fieldset label.inline {
display: inline;
}
legend {
font-size: 1.1em;
font-weight: 600;
padding: 2px 4px 8px 4px;
}
input.textEntry {
width: 320px;
border: 1px solid #ccc;
}
input.passwordEntry {
width: 320px;
border: 1px solid #ccc;
}
div.accountInfo {
width: 42%;
}
.clear {
clear: both;
}
.title {
display: block;
float: left;
text-align: left;
width: auto;
}
.loginDisplay {
position:absolute;
font-size: 1.1em;
display: block;
text-align: right;
padding: 10px;
color: white;
}
.loginDisplay a:link {
color: white;
}
.loginDisplay a:visited {
color: white;
}
.loginDisplay a:hover {
color: white;
}
.failureNotification {
font-size: 1.2em;
color: red;
}
.bold {
font-weight: bold;
}
.submitButton {
text-align: right;
padding-right: 10px;
}
.clockDisplay {
position: relative;
height: 0;
overflow: visible;
text-align: right;
padding: 10px 50px;
}
.flashimg {
margin: 10px 55px;
}
.LinkMenu {
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
text-align: center;
color: #000000;
width: 300px;
height: 157px;
top: 34px;
left: 17px;
}
a.button {
background: transparent url("../Resources/bg_button_a.gif") no-repeat scroll right top;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px;
text-decoration: none;
}
a.button span {
background: transparent url("../Resources/bg_button_span.gif") no-repeat;
font: normal 12px arial, sans-serif;
font-weight: bold;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
a.button:active span {
background-position: left bottom;
padding: 6px 0 4px 18px;
}
a.button:active {
background-position: right bottom;
color: #000;
outline: none;
}
a.buttonblue span {
background: transparent url("../Resources/bg_blue_button_span.gif") no-repeat;
font-size: 20px;
font-family: Arial;
font-weight: bold;
display: block;
line-height: 14px;
margin: 0 0 0 0;
padding: 6px 0 6px 18px;
width: auto;
}
a.buttonblue {
background: transparent url("../Resources/bg_blue_button_a.gif") no-repeat scroll right top;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 17px;
min-height: 26px;
text-decoration: none;
line-height: 14px;
text-align: left;
}
a.buttonblue:active span {
background: transparent url("../Resources/bg_blue_button_span.gif") no-repeat;
font-size: 20px;
font-family: Arial;
font-weight: bold;
display: block;
line-height: 14px;
padding: 6px 0 6px 18px;
background-position: left bottom;
}
a.buttonblue:active {
background-position: right bottom;
color: #000;
outline: none;
}
.buttonblueLeft {
margin-left: 10px;
}
.sub-huvud-text {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
height: auto;
width: auto;
color: #000000;
}
.sub-huvud {
font-family: georgia, "times new roman", garamond, serif;
color: #99ff66;
font-weight: bold;
font-size: 0.9em;
text-transform: uppercase;
padding-bottom: 10px;
line-height: normal;
}
.reklam {
position: absolute;
width: 300px;
height: 260px;
overflow: hidden;
margin: -300px 350px;
}
.temp {
font-size: 22px;
font-family: Tahoma;
}
.cc {
font-size: 11px;
font-family: Tahoma;
}
.fcastWeekDay {
font-weight: bold;
}
.ccLoc {
font-weight: bold;
}
.fcastDate {
font-size: 11px;
font-family: Tahoma;
}
.curWind {
font-size: 11px;
font-family: Tahoma;
}
.weatherTable {
padding-left: 5px;
padding-right: 5px;
width: 200px;
background-color: white;
text-align: center;
border: 1px solid #c3c3c3;
margin-left: auto;
margin-right: auto;
}
.fcastTable {
padding-left: 3px;
padding-right: 0;
width: 200px;
background-color: #D7DFEC;
text-align: center;
border: 1px solid #c3c3c3;
margin-left: auto;
margin-right: auto;
}
.weatherError {
color: #ff0000;
font-size: 12px;
margin: 5px 0 5px 0;
}
.weaterBox {
position: relative;
vertical-align: middle;
text-align: center;
}
.tjanster {
position: absolute;
width: 300px;
height: 260px;
overflow: visible;
margin: -200px 350px;
}
.svsajter {
position: relative;
margin-left: 15px;
width: 150px;
height: 180px;
overflow: visible;
}
table.minEngPriser {
border-width: 1px;
border-style: ridge;
border: 1px ridge #ffffff;
}
table.minEngPriser th {
border: 1px solid #000000;
background-color: #564b27;
color: #e1d9bd;
}
table.minEngPriser td {
border: 1px solid #000000;
background-color: #9b8846;
}
table.minEngPriser tr.alt td {
border: 1px solid #000000;
background-color: #baa767;
}
.kvmtxbox {
width: 150px;
}
.FlyoutFrame {
display: none;
overflow: hidden;
z-index: 2;
background-color: #998644;
}
.InfoFrame {
display: none;
visibility: hidden;
width: 290px;
z-index: 2;
font-size: 12px;
border: 1px solid #cccccc;
padding: 5px;
background-color: #cdbf8f;
/*cursor: move;*/
}
.CloseButtonStyle {
background-color: #666666;
text-align: center;
font-weight: bold;
text-decoration: none;
border: thin outset #ffffff;
padding: 5px;
}
.btnCloseParent {
float: right;
padding-right: 5px;
}
.btnClose {
background-color: #666666;
text-align: center;
font-weight: bold;
text-decoration: none;
border: thin outset #ffffff;
padding: 5px;
}
#PanelBrowser {
position: absolute;
overflow: visible;
background-color: white;
top: 3px;
left: 251px;
width: 956px;
}
.menu td {
width: 10em;
text-align: center;
padding: 0;
border: 1px solid #564b27;
}
.menu a {
display: block;
text-decoration: none;
padding: 0.2em;
}
.menu a:hover {
color: #383838;
background: #bfae73;
}
ul.AspNet-Menu {
position: relative;
}
ul.AspNet-Menu, ul.AspNet-Menu ul {
margin: 0;
padding: 0;
display: block;
}
ul.AspNet-Menu li {
position: relative;
list-style: none;
}
ul.AspNet-Menu li a, ul.AspNet-Menu li span {
display: block;
text-decoration: none;
}
ul.AspNet-Menu ul {
position: absolute;
display: none;
}
ul.AspNet-Menu li:hover ul ul, ul.AspNet-Menu li:hover ul ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul {
display: none;
}
ul.AspNet-Menu li:hover ul, ul.AspNet-Menu li li:hover ul, ul.AspNet-Menu li li li:hover ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li.AspNet-Menu-Hover ul {
z-index: 300;
display: block;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li {
float: left;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li li {
float: none;
}
.aspNetDisabled{
display: none;
}
img.LinkProtectionImage{
position:relative;
max-width: 298px;
}
p span img.LinkProtectionImage{
position:absolute;
max-width: 298px;
}
img.floatLeft{
float:left;
clear:left;
margin:5px;
}
img.floatRight{
float:right;
clear:right;
margin:5px;
}
.flags{
margin: 0 5px 0 20px;
}
