
#logoHead, #weatherConfig a.closeBtn {
    background-image: url("../../css/holdhender_menytopp.png");
}

#readersDay {
    margin:0px;
    padding:0px;
}
#readersDay li {
    float:left;
}

#articleContainer {
    width:100%;
    height:100%;
    position:fixed;
    z-index:15000;
    display:none;
}

#article {
    position:relative;
    width:900px;
    background-color:#fff;
    z-index:16000;
    font-family:"Helvetica Neue", Helvetica, arial, sans-serif;
    font-size:16px;
    padding:20px;
    margin:0 auto;
    -webkit-box-shadow:0 0 30px #000000;
    -moz-box-shadow:0 0 30px #000000;
    -o-box-shadow:0 0 30px #000000;
    box-shadow:0 0 30px #000000;
    -webkit-border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -o-border-radius: 10px 10px;
    border-radius: 10px 10px;
    top:40px;
}



#backdrop {
    background: url("css/ui-bg_flat_50_5c5c5c_40x100.png") repeat-x scroll 50% 50% #5C5C5C;
    opacity: 0.8;
    height:5000px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
    display:none;
}

.hooverBG {
    background:#FFAA00!important;
}


/* HEADER */
body.spesial h1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 68px!important;
    font-weight: bold;
    letter-spacing: -1px;
    line-height:1;
    margin:8px 0;
}


h3 {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    padding:0;
    margin:0;
}

.credit {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #ABC5D6;
    border-top: 1px solid #ABC5D6;
    color: #555555;
    font-size: 15px;
    margin-bottom: 10px;
    padding: 4px 0;
}
.leserIngress {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style:italic;
}

#shareBox .google {
	display:none;
}

/* TIDSLINJEN */
.timeline {
    background:url(dognet_bg.jpg?1);
    height:550px;
    width:990px;
    font-family: "Times New Roman", Times, serif;
    font-style:italic;
    margin:0;
    padding:0;
}
#timePoints {
    list-style:none;
    position:relative;
    margin:0;
    padding:0;
}

#timePoints li {
    list-style:none;
    position:absolute;
    padding: 4px;
    -moz-box-shadow:1px 1px 7px #000;
    -webkit-box-shadow:1px 1px 7px #000;
    -o-box-shadow:1px 1px 7px #000;
    box-shadow:1px 1px 7px #000;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    cursor: hand;
    cursor:pointer;
}

#timePoints p {
    margin:0;
    padding:0;
    line-height:1;
}

#timePoints .quoteUnderline {
    text-decoration:underline;
}

.timeImg {
    float:left; text-decoration:none; margin-right:5px;
}
.storyName {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:11px;
    text-decoration:none;
    font-style:normal;
    display:block;
    text-transform:uppercase;
    font-weight:bold;
}
.playIcon {
	margin-right:3px;
	display: inline;
    vertical-align: middle;
}

/* OVERLAY MED INTERVJUER */

#pointContent{
    list-style:none;
    display: none;
    margin: 10px auto;
    padding:8px;
    width: 752px;
    position:absolute;
    top: 20px;
    left: 118px;
    background-color: #fff;
    -moz-box-shadow:0 0 14px #000;
    -webkit-box-shadow:0 0 14px #000;
    box-shadow:0 0 14px #000;
    z-index:2000;
}
#pointContent ul{
    margin:0;
    padding:0;
    list-style:none;
}
#pointContent li{
    padding-bottom:4px;
    font-size:12px;
    color:#000;
}
#pointContent li b{
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
}
#pointContent #lukk {
    background: #FFF;
    margin: -8px -89px;
    padding: 5px;
    float:right;
    text-decoration:underline;
    font-size:12px;
    cursor:hand;
    cursor: pointer;
}



#videoContainer {
    float:none;
    clear:both;
    margin-top: 4px;
    z-index:1000;
    width:834px;
    height:526px;
}

/* LESERKOMMENTARER */
h2 {
    font-family: "Times New Roman", Times, serif;
    font-size: 44px;
    font-weight: normal;
    font-style:italic;
    letter-spacing: -1px;
    text-align:center;
    margin:0 0 10px 0;
}

h3 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
    font-size:18px;
}

.userLink {
	font-family: "Times New Roman", Times, serif;
    font-style:italic;
    font-size:18px;
	color:#666;
	cursor:pointer;
	cursor:hand;
	display: inline-block;
}
.userLink:hover {
	text-decoration:underline;
}

h4 {
    text-align:center;
    text-transform:uppercase;
    margin:0 0 3px 0;
    padding:0;
    font-weight:normal;
    font-size:19px;
}

.userStories {
    list-style:none;
    margin:0;
    padding:0;
}
.userStories li {
    font-family: "Times New Roman", Times, serif;
    display:table-cell;
    width:330px;
}
/* Artikkelboks */

#artView {
    background-color:#fff;
    color:#000;
    font-family: "Times New Roman", Times, serif;
    display:none;
}

#artView a {
    color:#e10c04;
}

#artView .preAmble {
    font-size:24px;
    font-weight:bold;
	margin-top:4px;
    
}
#artView .byline {
    display:none;
    text-align:left;
}
#artView .bodyTxt {
    margin-top:18px;
	padding-right:170px;
}

#artView .imageContainer {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
	color:#666;
}
#artView .closeModal {
    text-align:right;
    margin-top:20px;
    font-weight:bold;
    color:#e10c04;
    text-decoration:underline;
    cursor:hand;
    cursor:pointer;
}
#timePoints li.liHuitfeldt {
    width:374px;
}
#widthHolder { 
    width:875px;
}
p.hTekst {
    display:none;
}
#timePoints li.politidir {
        top:113px;
}
#timePoints li.politidir .orgTekst {
        font-size:23px
}

.edrumImageCaptionTABLE {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	margin-left:10px;
	margin-bottom:10px;
	color:#666;
	float:right;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    body { width: auto; }
    body.spesial #spesialWrapper { width:auto;}
    .spesial_leftCol {}
    #spesialContainer {}
    .timeline {}
    #timePoints {}
    .spesial_leftCol .timeline {background-image:none;}
    #timePoints li {position:static;margin-bottom:15px;}
    #timePoints li.liHuitfeldt {width:290px;}
    .timeline {height:auto;}
    #frontpage {display:none;}
    #footer {display:none;}
    .credit {display:none;}
    .userStories li {display:block;margin-bottom:15px;}
    #widthHolder {width:auto;}
    #artView img {max-width:270px;}
    #artView .bodyTxt {width:auto;}
    #videoContainer {width:275px;height:180px;}
    #artView .iframe {width:275px;height:3500px;}
}


@media only screen and (max-device-width: 1024px) {
    #timePoints li.politidir {
        top:103px;
    }
    #timePoints li.politidir .orgTekst {
        font-size:19px;
    }
}