/* Baserad på version 2004-05-17 */
/*****************************\
             GENERAL
\*****************************/

body {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

/*-- Main site containers --*/
#main-container {
  position: relative;
  width: 900px;
}

/*****************************\
        ARTICLE STYLES
\*****************************/








/*****************************\
        GENERAL (CSS 2.1)
\*****************************/

/*HTML*/
body, td, .text {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
}
p, h1, h2, h3, h4, h5, form, ul, ol, li, img {
  margin: 0; padding: 0;
  border: 0;
}
a, a:hover {
  text-decoration: none;
}
ul {
  list-style-type: none;
}
ol {
  list-style-position: inside;
}

/*****************************\
        ARTICLE STYLES
\*****************************/

/*HEADINGS*/
/*Huvudrubrik*/
h1, .headline1 {
  font-size: 26px;
  font-weight: bold;
  line-height: 100%;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 6px;
  margin-left: 0px;
}

/*Huvudrubrik*/
h2, .headline2 {
  font-size: 20px;
  line-height: 22px;
  font-weight: bold;
  margin-top: 0px;
  margin-right: 6px;
  margin-bottom: 6px;
  margin-left: 0px;
}

/*Mellanrubrik*/
h3 {
  font-size: 14px;
  font-weight: bold;
  padding: 0px;
  margin-top: 6px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}

/*INGRESS*/
h4, h5, h6, .intro, .ingress {
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}

/*TEXT*/
div.body-text {
  margin-top: 0px;
  margin-bottom: 6px;
}

.art-dateline {
  text-transform: uppercase;
}

/* PUBLICERINGSDATA */
.art-byline {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 2px;
  margin-bottom: 10px;
  margin-left: 0px;
}

.article-date {
  font-size: 10px;
  font-weight: normal;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

/*LINKS*/
a.link {
}

/*FACTS*/
table.facts-box {
  border-style: solid;
  border-width: 0px;
  border-top-width: 0px;
}

.facts-heading {
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
  text-align: center;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.facts-text {
  font-size: 11px;
  line-height: normal;
  font-weight: normal;
}

/*LINKLIST*/
.linklist-heading {
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 4px;
  margin-left: 0px;
}

a.linklist-link{
  text-decoration: none;
  font-size: 11px;
  line-height: 13px;
  margin-top: 0px;
  margin-right: 6px;
  margin-bottom: 0px;
  margin-left: 6px;
}

.linklist-bullet {
  margin-left: 2px;
  margin-right: 0px;
}

/*IMAGE*/
.image-text {
  font-size: 10px;
  line-height: 12px;
  font-weight: bold;
  padding-bottom: 10px;
}

/*ARTICLE FOOTER*/
a.art-footer-link {
  text-decoration: none;
  font-size: 11px;
  line-height: 13px;
  margin-left: 6px;
  margin-right: 6px;
}

.art-footer-border {
  border-top-style: dotted;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-width: 1px;
}

div.a-comm-link-top { /*artikelkommentarer*/
  padding: 0 0 10px 0;
}
div.a-comm-link-footer {
  padding: 10px 0 0 0;
}
div.a-comm-link-top a, div.a-comm-link-footer a {
  font-weight: bold;
  text-transform:uppercase;
  color: #AB000E;
}

div.related {
  margin: 0 0 4px 0;
}
div.article-container div.related {
  margin: 0 0 10px 0;
}
div.related h1 {
  font-size: 11px;
  line-height: normal;
  margin: 0;
}
div.related li {
  display: inline;
  font-size: 11px;
  font-weight: normal;
}
div.related a {
  padding: 0 4px;
  color: #AB000E;
}

/*****************************\
        PUSHER STYLES
\*****************************/

.pusher-title {
  font-size: 11px;
  line-height: normal;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.pusher-title-latest-news {
  font-size: 11px;
  line-height: normal;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 2px 2px 2px;
  margin-bottom: 4px;
}

.pusher-heading-topnews {
  font-size: 24px;
  line-height: 100%;
  font-weight: bold;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
}
a.pusher-heading-topnews {
  text-decoration: none;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
a.pusher-heading-topnews:hover {
  text-decoration: none;
}

.pusher-heading-latest-news {
  font-size: 12px;
  line-height: normal;
  font-weight: bold;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
a.pusher-heading-latest-news  {
  text-decoration: none;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
a.pusher-heading-latest-news  {
  text-decoration: none;
}

.pusher-heading {
  font-size: 18px;
  line-height: 100%;
  font-weight: bold;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
a.pusher-heading {
}
a.pusher-heading:hover {
}

.pusher-heading-long-list {
  font-size: 14px;
  line-height: normal;
  font-weight: bold;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
a.pusher-heading-long-list {
}
a.pusher-heading-long-list:hover {
}

.pusher-heading-column {
  font-size: 11px;
  line-height: normal;
  font-weight: bold;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
a.pusher-heading-column {
}
a.pusher-heading-column:hover {
}

.pusher-text-topnews {
  font-size: 11px;
  line-height: normal;
  font-weight: normal;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

.pusher-text {
  font-size: 11px;
  line-height: normal;
  font-weight: normal;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

a.pusher-link, div.pusher-link {
  font-size: 10px;
  line-height: normal;
  font-weight: normal;
  text-decoration: none;
  text-align: right;
}
a.pusher-link:hover {
  text-decoration: none;
}

.pusher-list-level1-heading {
  font-size: 12px;
  font-weight: bold;
  margin-left: 6px;
}

.pusher-time-stamp {
  font-size:10px;
  line-height: 100%;
  font-weight: normal;
}

.p-comment {
  font-weight: bold;
  text-transform:uppercase;
  color: #AB000E;
}

.ph30 {
  font-size: 30px;
  line-height: 110%;
}

.ph36 {
  font-size: 36px;
  line-height: 110%;
}

.ph42 {
  font-size: 42px;
  line-height: 110%;
}

.ph14m {
  font-size: 14px;
  line-height: 110%;
  font-weight: normal;
}

.ph18m {
  font-size: 18px;
  line-height: 110%;
  font-weight: normal;
}

.ph24m {
  font-size: 24px;
  line-height: 110%;
  font-weight: normal;
}

.ph30m {
  font-size: 30px;
  line-height: 110%;
  font-weight: normal;
}

.ph36m {
  font-size: 36px;
  line-height: 110%;
  font-weight: normal;
}

.ph42m {
  font-size: 42px;
  line-height: 110%;
  font-weight: normal;
}

/*****************************\
        HEADER / FOOTER
\*****************************/

.header-date {
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

.copyright-text {
  font-size: 10px;
  font-weight: normal;
}

/********************************************\
                MENU
\********************************************/

a.menu-left1, a.menu-left1-selected {
  font-size: 13px;
  line-height: normal;
  font-weight: bold;
  text-decoration: none;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

a.menu-left2, a.menu-left2-selected {
  font-size: 11px;
  line-height: normal;
  font-weight: bold;
  text-decoration: none;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

a.menu-left1:hover, a.menu-left2:hover {
  text-decoration: none;
}

a.menu-left1:active, a.menu-left1:active { }

a.menu-left1-selected, a.menu-left1-selected {
  text-decoration: none;
}

a.menu-left1-selected:hover, a.menu-left1-selected:hover {
  text-decoration: none;
}

div.menu-left2-container {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
}

/*****************************\
         FORM STYLES
\*****************************/

form {
  font-size: 11px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}

input, select, textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.form-heading {
  font-size: 14px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
}

.form-text {
  font-size: 12px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}

.form-caption {
  font-size: 11px;
  font-weight: normal;
  margin: 0 0 2px 0;
}

.form-message-text {
  font-size: 10px;
  font-weight: normal;
}

.form-comment {
  font-size: 10px;
  font-style: italic;
}

input.form-button {
  font-size: 11px;
  font-weight: normal;
}

input.form-input, select.form-input, textarea.form-input {
  font-size: 11px;
  font-weight: normal;
}

/*****************************\
       WEB MODULE STYLES
\*****************************/

.btn {}

input.btnNormal {
  font-size: 9px;
  font-weight: normal;
}

a.sort {
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
}
a.sort:hover {
  text-decoration: underline;
}
td.sort {
  padding: 0px 0px 6px 0px;
}

/* MODULE: SEARCH */

p.search-result-info {
  font-size: 11px;
  font-weight: normal;
  margin: 8px 0px 4px 0px;
}

p.search-result-list {
  font-size: 11px;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
}

td.search-result-list {
  padding: 0px 0px 4px 0px;
}

a.search-result-list-link {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
a.search-result-list-link:hover {
  text-decoration: none;
}

/*****************************\
         OTHER STYLES
\*****************************/

.main-border-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.standard-border-top {
  border-top-width: 1px;
  border-top-style: solid;
}
.standard-border-right {
  border-right-width: 1px;
  border-right-style: solid;
}
.standard-border-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.standard-border-left {
  border-left-width: 1px;
  border-left-style: solid;
}

div.column-title {
  font-size: 11px;
  line-height: 100%;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 2px 2px 2px;
  margin: 3px 2px 0 2px;
}

.citykoll-menu {
  font-weight: bold;
}

iframe.citykoll-calendar-container {
  width: 510px;
  height: 480px;
  margin: 6px 0 10px 0;
}

body.citykoll-calendar {
  width: 480px;
  margin: 0;
}

.citykoll-calendar-heading {
  font-size: 16px;
  font-weight: bold;
}

p.chronicle-list-heading {
  font-size: 12px;
  font-weight: bold;
  margin: 16px 0 0 0;
}

a.chronicle-list-link {
  font-size: 11px;
  font-weight: normal;
  line-height: 150%;
  margin: 0 0 0 6px;
}

p.err-msg {
  font-size: 10px;
  font-style: italic;
  margin: 10px 4px;
}

/*-- Quick search box --*/
#quicksearch {
  width: 124px;
  height: 30px;
  margin: 0px 0 0px 0;
  border-bottom: 1px solid #94000D;
  background: url(http://www.city.se/blogg/textpattern/images/searchbarbg.gif) repeat-x 0 0;
}
#txtQuickSearch {
  float: left;
  width: 81px;
  font-size: 12px;
  margin: 4px 0 0 4px;
  padding: 2px 0 2px 2px;
  border: 1px solid #333;
}
#btnQuickSearchSubmit {
  float: right;
  width: 31px;
  height: 30px;
  cursor: pointer;
}

/*-- City archive --*/
#city-archive {}
#latest-city {
  padding: 0 0 20px 3px;
}
#latest-city div.city-thumbnail {
  position: relative;
  float: left;
  width: 161px;
  padding: 0 5px 0 5px;
}
#latest-city h2.vignette {
  font-size: 11px;
  line-height: normal;
  font-weight: bold;
  margin: 0;
  padding: 2px;
  color: #FFF;
  background-color: #B1000E;
}
#latest-city div.img-space {
  height: 248px
}
#latest-city img.city-thumbnail {
  position: absolute;
  top: 12px; left: -2px;
  width: 178px; /*orig: 380x550*/
  height: 258px;
  clip: rect(10px 168px 250px 7px); /*validerar inte pga IE6,7 (ej kommatecken)*/
  border: 0;
}
#archive-list {
  padding: 0 0 12px 6px;
}
#archive-list form {
  padding: 5px 0 12px 0;
}
div.flipper, div.pdf {
  float: left;
}
div .flipper {
  width: 230px;
}
#archive-list a {
  font-size: 11px;
  line-height: 18px;
  margin-left: 5px;
}

/*-- Citykollen --*/
div.CitykollenTopItem {
  font-size: 11px;
  padding: 0 0 4px 0;
}
.CitykollenTopItem span {
  display: block;
}
.CitykollenTopItem .EventName {
  font-weight: bold;
  margin: 1px 0;
}

/*-- Misc. --*/
/* Float container with clear fix  */
/* www.positioniseverything.net/easyclearing.html */
div.fc {}
.fc:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fc {display: inline-block;}
/* Hide from IE-Mac \*/
* html .fc {height: 1%;}
.fc {display: block;}
/* End hide */

/*------- Ads -------*/
/*-- Ad containers --*/
#ad-rcol div.ad {
  margin: 0 0 10px 0;
}

/*-- Ad styles --*/
#ad-top img {
  float: right;
}
p.ad-heading, p.banner-heading {
  font-size: 9px;
  font-weight: normal;
  margin: 0 0 1px 0;
  color: #666666;
}
div.ad-text-link-block {
  margin: 3px 0 4px 0;
}
div.ad-text-link {
  padding: 2px 0 4px 0;
}
div.ad-text-link a {
  font-size: 10px;
  line-height: 12px;
  padding-left: 14px;
  background: url(http://www.city.se/img/icon/pil_vrh_9x9.gif) no-repeat 0 2px;
}

/*-- Compricer --*/
div.compricer {
  width: 120px;
  overflow: hidden;
  border: solid 1px #EF0829;
}
div.compricer h2 {
  font-size: 11px !important;
  line-height: 12px !important;
  text-transform: uppercase !important;
  margin: 0 0 6px 0 !important;
  padding: 2px 0 2px 5px !important;
  background: #EF0829 !important;
  color: #FFF !important;
}
div.compricer li {
  font: 11px Arial, Helvetica, sans-serif !important;
  line-height: normal !important;
}
div.compricer a:hover {
  color: #999;
}
div.compricer ul {
  text-align: center;
  margin: 2px 4px 4px 4px;
}
div.compricer ul li {
  display: inline;
}
div.compricer ul a {
  font-weight: bold;
  color: #EF0829;
}
div.compricer ol {
  margin: 0 0 0 9px;
}
div.compricer ol li {
  font-weight: bold !important;
  padding: 0 0 5px 0;
}
div.compricer ol a {
  color: #000;
}
div.compricer ol span.titel {
  display: block;
  font-weight: normal;
}
div.compricer ol span.pris {
  display: block;
  text-decoration: underline;
  padding: 0 0 0 9px;
  background: url(http://www.city.se/include/banners/City/Compricer/pil_rod_4x7.gif) no-repeat 0 3px;
  color: #EF0829;
}
div.compricer h3 {
  text-align: center !important;
  margin: 10px 0 4px 0 !important;
}


/*-- Site map --*/
#sitemap-toc {
  margin: 10px 0;
}
#sitemap-toc li {
  font-size: 11px;
  line-height: 14px;
  padding: 0 0 5px 5px;
}
#sitemap {
  margin: 12px 4px;
}
#sitemap li {
  font-size: 11px;
  padding: 0 0 5px 77px;
  text-indent: -77px;
}
#sitemap .hl {
  font-weight: bold;
  margin: 0 0 0 7px;
}
#sitemap a:visited {
  color: #AB000E;
}
#sitemap a:hover {
  color: #999;
}



/*-- Navigation --*/
#topnav {
  width: 100%;
  height: 27px;
  margin: 4px 0;
  border: 1px solid #999;
  background: url(POZADINA.gif);
}
#topnav ul {
  float: left;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  padding: 6px 0 0 6px;
}
#topnav li {
  display: inline;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  padding: 0 12px 0 0;
}
#topnav li a {
  color: #222;
}
#topnav li a:hover {
  color: #666;
}
#topnav div.news {
  float: right;
  padding-right: 3px;
}
#topnav h1.title {
  float: left;
  width: 62px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px !important;
  line-height: 14px !important;
  font-weight: bold;
  letter-spacing: -1px;
  text-align: right;
  margin: 0;
  padding: 6px 3px 0 0 !important;
  color: #AB000E;
}
#topnav .live{
  float: left;
  margin: 3px 0 0 0;
  border: 1px inset #DDD;
}
#topnav .live iframe {
  width: 600px;
  height: 19px;
}