/*--------------------- General ---------------------*/ A {font-weight:normal; color:#872e1d; text-decoration:none;} A:hover {text-decoration:underline;} h1, h2, h3 {font:bold 15px/1.3 Arial, Helvetica, sans-serif; color:#111; letter-spacing:0.02em;} h1 {font-size:40px; padding:0; margin:0 0 10px 0; font-family:clarendon, Arial, Helvetica, Sans-Serif;} h2 {font-size:15px; padding:0; margin:15px 0 2px 0;} h3 {font-size:13px; padding:0; margin:15px 0 2px 0;} h4 {font-size:15px; padding:0; margin:0 0 10px 0; font-weight:normal; color:#444444; line-height:22px; letter-spacing:0.03em;} P {padding:0; margin:0 0 10px 0;} img, table {border:0;} html {margin:0; padding:0;} body {background:url(/gfx/bg.gif) center top repeat-y #fff; margin:0 0 20px 0; padding:0 0 20px 0; COLOR:#333; font:normal 12px/1.5 Arial, Helvetica, sans-serif; text-align:center; } /*--------------------- Body layout ---------------------*/ #Container {width:990px; margin:0 auto; padding:0; text-align:left;} #Head {width:990px; height:155px; margin:0; padding:0; position:relative; background:url(/gfx/header-bg.png) top left no-repeat;} #Head #logo {position:absolute; left:30px; bottom:40px;} #Head .nav {position:absolute; left:240px; top:31px; height:101px; width:740px; margin:0; padding:0; overflow:hidden;} #Head .nav ul {list-style:none; margin:0; padding:0 0 0 2px; width:738px; overflow:hidden; float:left; background:url(/gfx/nav-bg-line.gif) top left no-repeat; display:block;} #Head .nav ul li {float:left; padding:0 16px 0 14px; display:inline; text-transform:uppercase; background:url(/gfx/nav-bg-line.png) top right no-repeat; display:block; /*width:60px; text-align:center;*/} #Head .nav ul li.on {background:none; background-color:#82310f; padding:0 16px;} #Head .nav ul li .item {margin:0; padding:0; float:left;} #Head .nav ul li .bgImage {clear:left; margin:15px 0 0 0; text-align:center;} #Head .nav ul li .content {clear:left; margin:0 0 11px 0; height:28px; text-align:center;} #Head .nav ul li .content a {font:normal 11px/28px Arial, Helvetica; color:#333; text-decoration:none; padding:0; margin:0;} #Head .nav ul li .content a.on {color:#fff;} /*--------------------- Page layout ---------------------*/ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} * html .clearfix {height: 1%;} #Content {width:940px; margin:0; padding:0 25px; float:left; position:relative; background:url(/gfx/content-bg.png) top left repeat-y; min-height:500px; _height:500px;} .ContentLeft {width:170px; margin:0; padding:0 20px 0 10px; float:left; overflow:hidden;} .ContentRight {width:740px; margin:0; padding:0; float:left; overflow:hidden;} .ContentRight .main {width:500px; margin:0; padding:0 20px 0 0; float:left; overflow:hidden;} .ContentRight .column {width:220px; margin:0; padding:0; float:left; overflow:hidden;} .ContentStart {width:940px; margin:0; padding:0; float:left;} .ContentStart .main {width:705px; margin:0; padding:0 15px 0 0; float:left; overflow:hidden;} .ContentStart .column {width:220px; margin:0; padding:0; float:left; overflow:hidden;} .ContentRight .column .banner, .ContentStart .column .banner {width:220px; margin:0; margin:0 0 15px 0; float:left; overflow:hidden;} .ContentRight .column .banner, .ContentStart .column .banner {width:220px; margin:0; margin:0 0 15px 0; float:left; overflow:hidden; background-color:#e8f1f6;} .ContentRight .column .banner table, .ContentStart .column .banner table {padding-left:0; width:220px;} .ContentRight .column .banner table tr.line td, .ContentStart .column .banner table tr.line td {border-bottom:1px solid #fff;} .ContentRight .column .banner table tr td img, .ContentStart .column .banner table tr td img {margin-left:10px;} .ContentRight .column .banner p, .ContentStart .column .banner p {padding-top:8px;} .ContentRight .column .banner p a, .ContentStart .column .banner p a {color:#222;} .ContentRight .column .banner.last, .ContentStart .column .banner.last {width:200px; height:280px; padding:50px 10px 10px 10px; margin-bottom:0px; background:#843322 url(/gfx/btn-erbjudande.jpg) top left no-repeat;} .singleslides .singleslide {width:200px; height:280px; margin-top:50px; margin-left:10px;} #Puffs {width:705px; height:170px; margin:15px 0 0 0; padding:0; float:left;} #Puffs .puffItem {float:left; width:225px; height:170px; margin:0 15px 0 0; padding:0; background:url(/gfx/puffs-bg.gif) bottom left no-repeat; overflow:hidden;} #Puffs .puffItem.last {margin-right:0px;} #Puffs .facebook {background:url(/gfx/bg-nyheter.jpg) top left no-repeat;} #Puffs .facebook .rub {background:none;} #Puffs .rub {width:225px; height:45px; margin:0; padding:0; overflow:hidden; background:url(/gfx/puff-rub-bg.gif) top left no-repeat;} /*#Puffs .rub h1 {font-size:16px; line-height:20px; color:#FFF; margin:0; padding:7px 0 0 12px; font-weight:normal;}*/ #Puffs .rub h1, #Puffs .rub h3 {font-size:16px; color:#FFF; margin:0; padding:14px 0 15px 10px; font-weight:normal;} #Puffs .content {width:225px; height:125px; margin:0; padding:0; overflow:hidden;} #Puffs .content .image {float:left; margin:0; padding:0;} #Puffs .content .text {margin:0; padding:12px; overflow:hidden;} #Puffs a, #Puffs a:hover {text-decoration:none;} #Puffs .content ul {padding:0; margin:10px; list-style:none; width:205px;} #Puffs .content ul li {width:205px; float:left;} #Puffs .content ul li p.date {font-size:10px; padding:0; margin:0;} #Puffs .content ul li.first {margin-bottom:5px;} #Puffs .content ul li a:hover {text-decoration:underline;} /*--------------------- Left menu ---------------------*/ #LeftMenu {width:170px; margin:0; padding:0; display: block; overflow:hidden;} #LeftMenu ul.menu {width:170px; margin:0; padding:0; list-style:none; float:left; overflow:hidden;} #LeftMenu ul.menu li {margin:0; padding:0; display:block;} #LeftMenu ul.menu li a {width:170px; padding:8px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; display:block;} #LeftMenu ul.menu li a:hover {text-decoration:underline;} #LeftMenu ul.menu li.on a {font-weight:bold; text-decoration:none; color:#872e1d;} #LeftMenu ul.submenu {margin:0; padding:0; list-style:none;} #LeftMenu ul.submenu li {margin:0; padding:0;} #LeftMenu ul.submenu li a {width:158px; padding:5px 0 5px 12px; font:normal 11px Arial, Helvetica, sans-serif !important; color:#000 !important; background:url(../gfx/leftmenu-arrow.gif) left center no-repeat !important;} #LeftMenu ul.submenu li a:hover {text-decoration:underline;} #LeftMenu ul.submenu li.on a {font-weight:bold !important; color:#872e1d !important;} #LeftMenu ul.submenu li.on a:hover {text-decoration:none;} /*--------------------- Footer layout ---------------------*/ #Footer {width:990px; height:135px; margin:0 auto; padding:0; text-align:center; position:relative;} #Footer .bgImage {position:absolute; top:0; left:0; z-index:10;} #Footer .mediapaper {position:absolute; bottom:0; left:80px; z-index:20; width:200px; height:35px; display:block;} #Footer .mediapaper2 {position:absolute; top:5px; left:40px; z-index:20; width:110px; height:95px; display:block;} #Footer .content {position:absolute; top:60px; left:0; z-index:20; margin:0;} #FooterInfo {float:left; padding:0; margin:0; position:relative; width:990px;} #FooterInfo .left {float:left; padding:0; margin:0; padding-left:220px;} #FooterInfo .left p {font-size:12px; line-height:25px; color:#333333;} #FooterInfo .left p a {font-weight:normal; text-decoration:none; color:#333333;} #FooterInfo .right {float:right; padding:0; margin:0; text-align:right; padding-right:40px;} /*--------------------- Tabell ---------------------*/ .prislista {margin:0 0 1em 0; width:100%; border:1px solid #eee; border-bottom:none;} .prislista td {text-align:right; font-size:90%; vertical-align: top; padding:5px 6px 5px 6px; border-bottom:1px solid #eee;} .prislista td.head {text-align:right; font-size:90%; vertical-align: top; padding:7px 6px 7px 6px; border-bottom:1px solid #eee; background-color:#f2f2f2; font-weight:bold;} .kalender {margin:0 0 20px 0; padding:0; border:1px solid #eee; border-right:none; width:500px;} .kalender h2 {margin:0; padding:0; font-size:14px;} .kalender th {text-align:left; vertical-align: top; padding:5px 0 5px 6px; background:#f8f8f8; border-right:1px solid #eee;} .kalender td {text-align:center; vertical-align: top; padding:5px 0; font-size:95%; border-top:1px solid #eee; border-right:1px solid #eee; width:50px;} .kalender .green {font-size:10px; font-weight:bold; color:green;} .kalender .red {font-size:10px; font-weight:bold; color:red;} .kalender .blue {font-size:10px; font-weight:bold; color:blue;}