* {margin:0; padding:0;}
body {font:0.75em Georgia, sans-serif; color:#444; background: #000 url(/img/bakgrund.jpg) no-repeat fixed center top;}
.clear {clear:both; height:0px !important;}

/*LAYOUT*/
#page {width:980px; padding:20px 0 0; margin:0 auto;}
#page-panorama {overflow:hidden; width:980px; margin:0 auto 20px;}
#page-content {width:730px; float:left;}
#page-header {float:left; width:980px; margin-bottom:10px;}
#page-header a {display:block;}
#page-header a:hover {text-decoration:none;}
.promotion {padding:23px 0;}
.promotion-content {padding:3px 0 23px 0;}

a, ul, li, fieldset, label {text-decoration:none; list-style-type:none; border:none;}
h1, h2, h3, p {margin-bottom:8px;}
h1 {font-size:2.5em; font-weight:normal;}
h2 {font-size:1.8em; font-weight:normal;}
h3 {font-size:1.5em; font-weight:normal;}
h1 a, h2 a, h3 a {color:#444; text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover {text-decoration:underline;}
p {line-height:1.5em;}
a {color:#3882ad;}
a:hover {text-decoration:underline;}
img {border:0; line-height:0 !important;}
.date {font-size:0.9em; color:#3882ad;}
/***********************************************************************************************************/

/*LEFT COLUMN - CONTENT*/
#left-column {width:440px; float:left; margin-right:20px;}

/*Löp/Artiklar*/
.article, .news-item {background-color:#fff;}
.news-item {margin-bottom:20px;}
.article, .news-item .inner, .list-news-item .inner {padding:10px;}
.news-item div a.text, .list-news-item div a.text {color:#444;}
.news-item div a.text:hover, .list-news-item div a.text:hover {color:#999;}
.news-item div a.link {display:block; font-family:Arial; font-size:0.8em; text-align:right; text-transform:uppercase; color:#444; padding-top:5px;}
.news-item div a.place-second, .list-news-item a.place-second {display:inline;}
.news-item div a.place-second img, .list-news-item div a.place-second img {float:left; padding-right:10px;}
/*För specifik logga, skriv över bakgrunden i den lokala css:en*/
.news-item-footer {background: url(/img/item-footer-440.png) bottom no-repeat; height:25px; width:420px; padding:0 10px;}
.article-item-footer {background: url(/img/item-footer-440.png) bottom no-repeat; height:20px; width:440px; margin-bottom:20px;}
.list-news-item {background-color:#fff;}
.list-news-item div a.link {display:block; font-family:Arial; font-size:0.8em; text-align:right; text-transform:uppercase; color:#444; padding-top:5px;}
.list-news-item-footer {width:420px; margin:0 10px; border-bottom:1px solid #c1c1c1;}
.list-news-item-footer a.link {padding-top:0 !important; padding-bottom:5px;}
.no-border {border:0 !important;}
.margin-bottom {margin-bottom:20px;}
.margin-bottom-10 {margin-bottom:10px;}

/*Relaterade länkar i löp*/
.related-articles {border-top:1px solid #999; width:420px; margin:0 auto; vertical-align:middle; padding:7px 0 10px 0;}
.related-articles h4 {color:#3882ad; font-weight:bold; font-style:italic; float:left; font-size:1.0em;}
.related-articles a {float:left; font-weight:bold; color:#444;}
.related-articles a:hover {color:#999;}
.related-link {margin-top:2px;}

/*Relaterade länkar i artiklar*/
.header-articles {width:440px; height:25px;}
.related-articles-list img {margin:20px 0 0 0;}
.related-articles-list ul {list-style-type:none; width:420px;}
.related-articles-list ul li {border-top:1px solid #ccc; padding:5px 0;}
.related-articles-list ul li a {font-size:1.3em; color:#000;}
.related-articles-list ul li a span {color:#3882ad; font-family:Arial; font-weight:bold; font-size:0.75em !important; text-transform:uppercase;}

/*Header*/
.article-promotion {width:440px; height:26px;}
.header-component p.preamble {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:11px 0; font-weight:bold; margin-bottom:0 !important; width:420px;}
.header-component .share {padding:6px 0; margin-bottom:10px; border-bottom:1px solid #ccc; width:420px; font-size:0.9em;}
.header-component .share a.addthis_button_compact {display:block; width:105px; float:left; font-weight:bold; text-transform:uppercase; color:#000;}
.header-component .share a.addthis_button_compact:hover {color:#000;}
.header-component .share ul {list-style-type:none; width:315px; float:left;}
.header-component .share ul li {float:left;}

/*Picture-collection / Divider + text and picture*/
.picture-collection {width:398px; padding:10px; border:1px solid #b2b2b2;}
.picture-collection .item-image {width:356px; border:1px solid #b2b2b2; padding:20px; text-align:center; margin-bottom:20px;}
.picture-collection h2 {font-size:1.2em; font-weight:bold; margin-bottom:0;}
.picture-collection .item-information {width:280px; float:left;}
.picture-collection .item-navigation {width:118px; float:left;}
.picture-collection .item-navigation a.left, .picture-collection .item-navigation a.right {display:block; height:34px; width:34px;}
.picture-collection .item-navigation a.left {float:left;}
.picture-collection .item-navigation a.right {float:right;}
.picture-collection .item-navigation .pic-num {float:left; text-align:center; width:50px; height:31px; font-weight:bold; padding-top:3px; font-size:1.6em;}
.picture-collection .item-price {width:378px; background-color:#e9e9e9; padding:10px; margin-top:20px;}
.picture-collection .item-price a {display:block; color:#ff0099; text-transform:uppercase; font-weight:bold;}
.picture-collection-thumbs {width:398px; padding:10px 10px 0; border:1px solid #b2b2b2; border-top:0 !important;}
.picture-collection-thumbs img {border:1px solid #b2b2b2; float:left; margin-right:10px; margin-bottom:10px;}

/*Text and picture*/
.text-picture-component img {margin-bottom:10px;}
.youtube {margin-bottom:10px;}

/*Text and picture in a box*/
.text-picture-box {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0 0; margin-bottom:10px;}
.text-picture-box .picture {float:right; margin-left:10px;}
.text-picture-box h3 {font-family:Arial !important; font-size:1.2em; font-weight:bold;}
.picture-right {float:right; margin-left:10px;}
.picture-left {float:left; margin-right:10px;}

/*Forms*/
/*För mönstrad bakgrund, skriv bakgrunden i den lokala css:en*/
.survey {display:block; clear:both; width:400px; padding:10px;}
.formular .normal {border:1px solid #c1c1c1; border-top:1px solid #909090;}
.formular .form_color {text-transform:uppercase; color:#3882ad;}
.survey p {margin:0 !important; margin-top:-30px !important; padding-right:3px;}
.survey p input {background-color:#000; color:#fff; text-transform:uppercase; border:0; font-size:0.9em; font-weight:bold; padding:3px;}
.formular table tbody tr td {padding-bottom:10px !important;}
.survey h3 {text-transform:uppercase; font-size:1.0em; color:#3882ad;}
.survey textarea {border:1px solid #c1c1c1; border-top:1px solid #909090; width:394px;}

/*RSS-import*/
/*Styles för importerad RSS ligger i local.css*/

/***********************************************************************************************************/

/*RIGHT COLUMN - PUFFAR*/
#right-column {float:left; width:250px; margin:0 20px 0 0;}
#right-column h3 {font-size:1.8em; font-weight:normal !important;}
#right-column p {font-family:Verdana; font-size:0.8em; color:#666;}
#right-column .ad {margin-bottom:20px;}

/*Promotion information*/
#right-column .promotion-information {background-color:#fff; padding:10px; border-bottom:1px solid #7e7e7e;}
#right-column .promotion-picture {width:250px; line-height:0 !important;}
#right-column .text-picture-component {margin-top:20px; background-color:#fff;}
#right-column .text-picture-component div {padding:10px;}
#right-column .text-picture-component div p {font-family:Georgia, sans-serif; font-size:1em;}
#right-column .text-picture-component .link {display:block; text-align:right; color:#000; font-family:Arial; text-transform:uppercase; font-size:0.8em;}
#right-column .text-picture-component img {margin-bottom:0 !important;}
#right-column .large-picture {margin-bottom:20px;}
#right-column .item-footer {background: url(/img/item-footer-250.png) bottom no-repeat; height:25px; width:230px; padding:0 10px; padding-bottom:0 !important;}

/*Poll - högerspalt och löp*/
#right-column .poll {margin-top:20px; padding:10px;}
.article .poll {padding:10px; margin-bottom:10px;}
.poll span {font-size:0.9em; text-transform:uppercase; color:#3882ad;}
.poll h3 {font-weight:bold !important; font-size:1.0em !important; margin-top:5px;}
.poll form fieldset label {display:block; margin-bottom:5px;}
.poll form fieldset label .input-radio {width:20px;}
.poll form fieldset button {background-color:#000; color:#fff; text-transform:uppercase; border:0; font-size:0.9em; font-weight:bold; padding:3px; margin-top:5px;}
.poll table {width:100%;}
.poll table tr td {padding-bottom:5px;}
.poll table tr td.bar-col {text-align:right; padding-left:180px;}
.poll, .survey {background: url(/img/poll-bg.gif) repeat;}
/***********************************************************************************************************/

/*AD COLUMN*/
#ad-column {float:left; width:250px;}
/***********************************************************************************************************/

/*NAVIGATION*/
#page-navigation {clear:both; width:720px; background:#ebe8e3 url(/img/background-dot.gif) repeat-x top center;border-bottom:5px solid #000; margin:0 0 15px;}
#page-navigation ul {list-style-type:none; margin:0 10px;}
#page-navigation ul li {float:left;}
#page-navigation ul li.on {background:url(/img/arrow.gif) no-repeat bottom center;}
#page-navigation ul li a {font-size:11px; font-weight:bold; padding:0px 8px; margin:6px 0px 4px; display:block; background:url(/img/background-dot.gif) repeat-y left center;}
#page-navigation ul li a:hover {color:#859092; text-decoration:none;}
#page-navigation ul li.first a {background:none;}
/***********************************************************************************************************/

/*CSS för importerad RSS*/
.rss-component {margin-bottom:20px; padding:10px; background-color:#fff; width:420px;}
.rss-component h1 {font-size:1.8em; text-transform:uppercase; font-style:italic; font-weight:bold;}
.rss-component .pubdate {border-bottom:1px solid #000; border-top:3px solid #000; margin-bottom:10px; display:block; color:#999; text-transform:uppercase;}
.rss-component .description img {float:left; margin-right:10px;}
.rss-component .description {display:block; width:420px;}

/*ADMINBOX*/
#page-admin-box {font:9px/14px verdana,sans-serif; background:#EBE8E3; padding:10px; color:#555; margin:0 0 10px 0;}
#page-admin-box h2 {color:#fff !important; font:normal 16px arial,sans-serif; margin-bottom:8px; border-bottom:1px solid #d3d3d3; padding-bottom:4px;}
#page-admin-box h4 {color:#fff; font:normal 13px arial,sans-serif; margin:0 0 8px;}
#page-admin-box fieldset {width:230px; overflow:hidden; margin-bottom:9px; border:0;}
#page-admin-box label {width:90px; padding-top:2px; float:left; clear:left; font:normal 12px arial,sans-serif;}
#page-admin-box select#_news_folder {width:130px; margin-bottom:8px;}
#page-admin-box input#pageDate {width:130px;}
#page-admin-box input#newsPageTitle {width:220px;}
#page-admin-box .input-radio {margin-right:5px; float:left;}
#page-admin-box .input-submit {width:55px; float:right; margin-right:6px;}
#page-admin-box input {margin:0 0 8px 0;}
#page-admin-box ul.dotlist li {font:normal 12px arial,sans-serif;}
/***********************************************************************************************************/

/* EJ BEARBETAT*/
.header-links {margin:0 0 10px;}
.header-links li, .header-links li a {font-family:arial,sans-serif;color:#737f7f;font-size:10px;font-weight:bold;}
.header-links .publish-date{float:left;}
.header-links .header-print {float:right;}
.header-component .subtitle {color:#ec4ca4;font-weight:bold;margin:0 5px 0 0;}
.pren label {display:block;width:100% !important;margin:0 0 10px;}

#campaign-inner form, #campaign-inner h1, #campaign-inner .text-picture-component {margin:10px;padding:10px;background-color:#ffffff;}

#admin-container {display:block;clear:both;width:300px;}

/*GAMMALT LÖP*/
.page-column-large, .page-column-medium, #page-column-split-left, #page-column-split-right {background-color:#fff; margin:0 0 10px 0;}
.page-column-large div, .page-column-medium div, #page-column-split-left div, #page-column-split-right div {padding:10px;}
#page-column-split-left, #page-column-split-right {width:215px; float:left;}
#page-column-split-left {margin:0 10px 0 0;}
.page-column-first-footer {text-align:right;padding:0 !important;}
.page-column-first-footer a {color:#fff; background-color:#737f7f; padding:1px 5px;}
/**/

/*Används var?*/
#page-column-inner {background-color:#fff; margin:0 0 10px;padding:10px;}