﻿.ArticleBody, .ArticleHeader, .ArticleFooter {
    width:468px;
    height:auto;
    overflow:hidden;
    margin-bottom:8px;
    
}

.ArticleContainer {
    width:468px;
    height:auto;
    overflow:hidden;
    margin:0;
    
}

.ArticleHeader p, .ArticleBody p, .ArticleFooter p {
    margin-bottom:8px;
    
}

.ArticleBodyLeft {
    float:left;
    width:316px;
    height:auto;
    overflow:hidden;
    
}

.ArticleBodyRight {
    float:left;
    width:142px;
    height:auto;
    overflow:hidden;
    margin-left:10px;
    
}

#ArticleBody, #ArticleTop {
    width:468px;
    overflow:hidden;
    
}

#ArticleBody p {
    font-size:12px;
    margin-bottom:6px;
    
}

#ArticleTop p {
    font-size:12px;
    margin-bottom:6px;
    
}

/* blocket som innehåller videospelaren i en artikelutmatning */
#VideoHolder {
    width:468px;
    height:auto;
    overflow:hidden;
    
}

h1, h2, h3, h4, h5, h6, p {
    /*margin:0;*/
    
}

/* Radavstånd samma som fontens höjd för alla rubriker */
h1, h2, h3, h4, .Rub1, .Rub1_Black, .Rub2, .Rub2_Black {
    line-height:1.0em;
    
}

/* Lista */
.artlist {

    overflow:hidden;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    margin:0;
    position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
}

.artlist h1 {
    margin:0 0 4px;
    padding:3px;
    background-color:#cc0000;
    font-size:12px !important;
    font-weight:bold;
    color:White;
    display:block;
    
}

.artlist h2 {
    margin:0 0 2px;
    font-size:12px !important;
    font-weight:bold;
    display:block;
    
}

.artlist img {
    border-style:none;
    
}

.artlist input {
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    
}

.artlist p {
    margin:0 0 6px;
    font-size:12px;
    
}

.artlist ul li, .artlist ol li {
    padding:0;
    margin:0 0 12px;
    font-size:12px;
    
}

.artlist ul, .artlist ol, .artlistMid ul, .artlistMid ol {
    width:100%;
    padding:0;
    margin:0;
    
}

.artlistMid {
    width:100%;
    overflow:hidden;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    margin:0 0 16px;
    
}

.artlistMid h1 {
    margin:0 0 4px;
    padding:3px;
    height:15px;
    background-color:#cc0000;
    font-size:12px !important;
    font-weight:bold;
    color:White;
    display:block;
    
}

.artlistMid ul li, .artlistMid ol li {
    padding:0;
    margin:0;
    font-size:12px;
    
}

/* Brödtext */
.Btex {
    font-family:Verdana, Helvetica, Sans-Serif;
    font-size:11px;
    line-height:14px;
    color:#000000;
    display:inline;
    
}

/* p i Brödtext */
.Btex p {
    font-family:Verdana, Helvetica, Sans-Serif;
    font-size:11px;
    line-height:14px;
    color:#000000;
    
}

a.Btex:hover {
    color:black;
    text-decoration:underline;
    
}

/* Brödtext 2 */
.Brod2 {
    font-family:Verdana, Helvetica, Sans-Serif;
    font-size:11px;
    color:black;
    display:block;
    
}

a.Brod2:hover {
    color:black;
    text-decoration:underline;
    
}

a.Brod2:active {
    color:#999999;
    text-decoration:underline;
    
}

/* Brödtext 2 (länk 284-spalten) */
.Btex2 {
    font-family:Verdana, Helvetica, Sans-Serif;
    font-size:11px;
    color:#0066cc;
    display:block;
    
}

a.Btex2:hover {
    color:black;
    text-decoration:underline;
    
}

a.Btex2:active {
    color:#999999;
    text-decoration:underline;
    
}

/* klassen för det lager som innehåller ArticleImageViewern */
.imageflash {
    overflow:hidden;
    height:385px;
    
}

/* Bildtext */
.Bildtext {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    
}

/* Nedryckare */
.Ned {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    color:#cc0000;
    display:block;
    margin:0;
    
}

/* Nedryckare i articletop */
#ArticleTop p.Ned {
    line-height:0px;
    
}

/* Grå vinjett med svart text */
.vinGray {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:4px 0px 4px 9px;
    background-color:#e5e5e5;
    display:block;
    color:black;
    
}

/* Grå vinjett med vit text */
.vinDarkGray {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:4px 0px 4px 9px;
    background-color:#999999;
    color:white;
    display:block;
    
}

/* Röd vinjett med vit text */
.vinRed {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:4px 0px 4px 9px;
    color:#ffffff;
    background-color:#da2128;
    display:block;
    
}

/* Vinjett för Nyheter */
.vinNyheter {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:4px 0px 4px 9px;
    color:#ffffff;
    background-color:#007dc6;
    display:block;
    
}

/* Vinjett för Ledare */
.vinLedare {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:4px 0px 4px 9px;
    color:#ffffff;
    background-color:#da2128;
    display:block;
    
}

/* Vinjett för Debatt */
.vinDebatt {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:4px 0px 4px 9px;
    color:#ffffff;
    background-color:#f58220;
    display:block;
    
}

/* Vinjett för Kultur */
.vinKultur {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:4px 0px 4px 9px;
    color:#ffffff;
    background-color:#d1ac54;
    display:block;
    
}

/* Vinjett för Nöje */
.vinNoje {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:4px 0px 4px 9px;
    color:#ffffff;
    background-color:#b41d8d;
    display:block;
    
}

/* Vinjett för Sport */
.vinSport {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:4px 0px 4px 9px;
    color:#ffffff;
    background-color:#71bf44;
    display:block;
    
}

/* Vinjett för Familjeliv */
.vinFamiljeliv {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:4px 0px 4px 9px;
    color:#ffffff;
    background-color:#00abbd;
    display:block;
    
}

/* Vinjett för Fiske */
.vinFiske {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:4px 0px 4px 9px;
    color:#ffffff;
    background-color:#99CC66;
    display:block;
    
}

/* Ettikett för Ledare */
.labelLedare {
    font-family:Verdana, Helvetica, Sans-Serif;
    font-size:9px;
    font-weight:bold;
    text-transform:uppercase;
    color:#da2128;
    display:inline;
    
}

/* Ingress */
.Ing {
    font-family:Verdana, Helvetica, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    color:#000000;
    
}

.ArticleLabel {
    font-family:Verdana, Helvetica, Sans-Serif;
    font-size:9px;
    text-transform:uppercase;
    color:#000000;
    
}

/* Fixa marginalerna i puffarna */
.Puff .Rub1, .Puff .Rub1_Black, .Puff .Rub2, .Puff .Rub2_Black, .Puff .Rub3, .Puff .Rub4, .Puff .Rub5 {
    margin:4px 0px 4px 0px;
    
}

/* Större */
.Puff h1 {
    font-size:45px;
    margin:0;
    font-family:Arial, Helvetica, Sans-Serif;
    font-style:normal;
    font-weight:bold;
    display:block;
    
}

/* Starkare */
.Puff h2 {
    font-size:45px;
    margin:0;
    font-family:"Arial Black", Helvetica, Sans-Serif;
    font-style:normal;
    font-weight:normal;
    display:block;
    
}

/* Stor */
.Puff h3 {
    font-size:30px;
    margin:0;
    font-family:Arial, Helvetica, Sans-Serif;
    font-style:normal;
    font-weight:bold;
    display:block;
    
}

/* Stark */
.Puff h4 {
    font-size:30px;
    margin:0;
    font-family:"Arial Black", Helvetica, Sans-Serif;
    font-style:normal;
    font-weight:normal;
    display:block;
    
}

/* Mediumstor */
.Puff h5 {
    font-size:20px;
    margin:0;
    font-family:Arial, Helvetica, Sans-Serif;
    font-style:normal;
    font-weight:bold;
    
}

/* Medium */
.Puff h6 {
    font-size:15px;
    margin:0;
    font-family:Arial, Helvetica, Sans-Serif;
    font-style:normal;
    font-weight:bold;
    
}

/* Etikett på relaterade objekt i pufflista */
.PuffTextPlate {
    font-family:Verdana, Helvetica, Sans-Serif;
    font-size:9px;
    font-weight:bold;
    text-transform:uppercase;
    color:#000000;
    display:inline;
    
}

/* Relaterat */
.rel-lnk {
    font-family:Verdana, Helvetica, Sans-Serif;
    font-size:11px;
    color:#0066cc;
    display:inline;
    font-weight:normal;
    text-transform:none;
    
}

.rel-lnk:hover {
    color:#0066cc;
    text-decoration:underline;
    
}

.rel-lnk:active {
    color:#999999;
    text-decoration:underline;
    
}

/* Temarubrik */
.ThemeHdr {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:15px !important;
    font-weight:bold;
    color:White;
    background-color:#cc0000;
    margin:0 0 2px 0;
    padding:3px;
    text-transform:uppercase;
    display:block;
    font-style:normal;
    
}

/* Puffvinjett */
.Puffvinjett {
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    padding:4px 0px 4px 9px;
    background-color:#999999;
    color:white;
    display:block;
    
}

/* Länkar för artikeln: skriv ut, tipsa, diskutera, prenumerera på tidningen */
.ArtLinks {
    font-weight:bold;
    
}

.ArtLinks p {
    margin:0 0 20px;
    
}

.ArtLinks img {
    vertical-align:middle;
    
}

html>body .ArtLinks p {
    margin:0 0 25px;
    
}

/* Byline i artikeln */
.ArticleByline {
    font-weight:bold;
    font-size:12px;
    margin-top:20px;
    
}

/* Publiceringsinfo om artikel */
ul.PublishInfo {
    list-style-type:none;
    list-style-image:none;
    list-style-position:outside;
    margin:0;
    padding:0;
    font-size:12px;
    
}

ul.PublishInfo .float {
    float:left;
    width:99px;
    
}

ul.PublishInfo li {
    margin:0 0 2px;
    padding:0;
    
}

/* Fix för icke-ie */
html>body ul.PublishInfo li {
    margin:0 0 2px;
    
}

/* Textstorleksknapparna */
ul.TextSize {
    list-style:none outside none;
    margin:0 0 16px;
    width:100%;
    float:right;
    display:inline;
    
}

ul.TextSize a, ul.TextSize a:visited {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    
}

ul.TextSize a:visited {
    color:#0000cc;
    
}

ul.TextSize img {
    cursor:pointer;
    vertical-align:middle;
    
}

ul.TextSize li {
    float:right;
    display:inline;
    
}

/* importerade artiklar från doris på tom ptaggar denna klass på sig */
p.lh {
    line-height:3px;
    
}

/* för artikellista */
.bgEven {
    background-color:#ffffff;
    display:block;
    width:100%;
    margin:0px 0px 0px 0px;
    padding:2px 0px 2px 0px;
    
}

/* background-color:#F9ECCA; */
.bgOdd {
    background-color:#ffffff;
    display:block;
    width:100%;
    margin:0px 0px 0px 0px;
    padding:2px 0px 2px 0px;
    
}

.icon {
    float:left;
    margin:-4px 5px 5px 0;
    border-width:0px;
    
}

.articleIcon {
    float:left;
    width:300px;
    margin-bottom:11px;
    
}

.articleIcon .aIcon {
    float:left;
    padding:20px 15px 0 0;
    
}

.articlefooter {
    font-family:Verdana , Helvetica, Sans-Serif;
    font-size:11px;
    line-height:15px;
    color:#999999;
    display:block;
    
}

img.magnify {
    position:absolute;
    top:2px;
    right:2px;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    z-index:300;
    
}

div.startimage {
    position:absolute;
    margin:0px;
    z-index:0;
    
}

div.images {
    float:left;
    border:1px solid #CCC;
    margin:10px 10px 0px 0px;
    overflow:hidden;
    position:relative;
    
}

.artpicleft {
    float:left;
    display:block;

}

.artpicright {
    float:right;
    display:block;    
}

.textblock {
    display:block;

}

