@import "reset.css";

body {
    background-repeat: no-repeat;
    font-family: arial, helvetica;
    font-size: 12px;
    text-align: left;
    line-height: normal;
}

p {
    margin: 5px 0;
}

/* generelle stiler */
a:link {
    color: #CE1B00;
    text-decoration: none
}

/* unvisited link */
a:visited {
    color: #CE1B00;
    text-decoration: none
}

/* visited link */
a:hover {
    color: #CE1B00;
    text-decoration: none
}

/* mouse over link */
a:active {
    color: #CE1B00;
    text-decoration: none
}

/* selected link */

a.static_link:visited, a.static_link:hover, a.static_link:active {
    color: #CE1B00;
    text-decoration: none
}

h2 a:link {
    color: black;
    text-decoration: none
}

/* unvisited link */
h2 a:visited {
    color: black;
    text-decoration: none
}

/* visited link */
h2 a:hover {
    color: black;
    text-decoration: none
}

/* mouse over link */
h2 a:active {
    color: black;
    text-decoration: none
}

/* selected link */

h1 a:link {
    color: black;
    text-decoration: none
}

/* unvisited link */
h1 a:visited {
    color: black;
    text-decoration: none
}

/* visited link */
h1 a:hover {
    color: black;
    text-decoration: none
}

/* mouse over link */
h1 a:active {
    color: black;
    text-decoration: none
}

/* selected link */

.date {
    font-style: italic;
    font-size: 12px;
}

.toLeft {
    text-align: left;
    width: 85%;
    float: left;
}

.toRight {
    text-align: right;
    width: 15%;
    float: right;
}

.opaque {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
/ / first ! filter : alpha ( opacity = 70 );
/ / second ! /*La til disse */
-moz-opacity : .7;
    opacity: 0.7;
}

.non_opaque {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
/ / first ! filter : alpha ( opacity = 100 );
/ / second ! /*La til disse */
-moz-opacity : 1.0;
    opacity: 1.0;
}

/* hovedstruktur (overordnet til spesifik) */

.container {
    width: 1280px;
}

.terje {
    position: absolute;
    top: 179px;
    left: 1002px;
    width: 120px;
}

/* selve innholsiden inkl meny*/
.page {
    width: 735px;
    position: absolute;
    left: 272px;
    top: 70px; /*background-color:white;*/
    background: transparent;
}

/* header stiler*/

.header {
    background-repeat: no-repeat; /*background-image: url(../gfx/topp_header_runde_signatur.gif);*/

    /*background-color:#DFDFDF;
     width:704px;
     padding-left:23px;
     padding-top:15px;
     padding-bottom:15px;
     padding-right:8px*/
}

.header img {
    /*	float:left;
     margin-left:10px;
     margin-top:15px;*/
}

.header .about {
    /*	float:right;
     width:194px;
     padding-right:8px;
     margin-top:40px;*/
}

.header h1 {
    font-size: 28px;
}

#header_link {
    position: absolute;
    right: 30px;
    top: 73px;
    background-color: transparent;
}

#header_writing_link {
    position: absolute;
    height: 50px;
    width: 165px;
    right: 30px;
    top: 20px;
    background-color: transparent;
}

.header_img a:link {
    color: black
}

.header_img a:visited {
    color: black
}

.header_img a:hover {
    color: black
}

.header_img a:active {
    color: black
}

.page .logo {
    position: absolute; /*left:655px;*/
    right: 8px;
    top: -55px;
}

.content_nonheader {
    background-color: white;
}

/* content stiler (hovedartikkel + evt siste artikler eller kommentarer)*/
.content {
    width: 487px;
    padding-right: 23px;
    padding-left: 23px;
    padding-top: 10px;
    /*min-height:600px;
     background-color:white;*/
    float: left;
}

/*Stiler til hovedartikkel, både for section og article -view */
.content .article_header {
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
}

.content .article_header h1 {
    font-size: 16px;
    float: left;
    text-align: left;
    width: 85%;
}

.content .article_header h2 {
    font-size: 16px;
    float: left;
    text-align: left;
    width: 85%;
}

.content .article_date {
    text-align: right;
    width: 10%;
    float: right;
    padding-top: 9px
}

.content .article_teaser {
    font-weight: bold;
    margin-bottom: 10px;
}

.content .article_picture {
    width: 487px;
    margin-bottom: 10px;
}

.content .article_picture_caption {
    padding-right: 5px;
    font-size: 11px;
    float: left;
}

.content .article_body {
    margin-bottom: 10px;
}

.content .article_body ul li {
    list-style: none;
    background: url(../gfx/icons/bulletpoint1.png) no-repeat 0 5px;
    padding-left: 10px
}

.content .article_footer {
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}

.content .article_footer img {
    position: relative;
    bottom: -2px;
    margin-left: 1px;
    margin-right: 1px;
}

.article_title {
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
}


/* ================================================= */
/* = Stiler for år og måned opplisting i hovedfelt = */
/* ================================================= */

.date_navigation_header h1 {
    font-size: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #CCCCCC;
}

/* ================================== */
/* = Stiler for kommentaropplisting = */
/* ================================== */

.content .comments {
    margin-top: 10px;
}

.content .comment_form {
}

.content .latest_articles .article_teaser {
    font-weight: normal;
    margin-bottom: 0px;
}

.content .latest_articles .article_teaser p {
    margin-bottom: 0px;
}

.content .latest_articles .article_footer {
    border: none
}

/* stiler til siste artikler i section view*/

/*er disse tre så generelle, bør vi gjøre de mer spesielle? feks .content .latest_articles .header*/
.latest_articles_teaser {
    margin-bottom: 5px;
}

.latestarticles_footer {
    font-size: 11px;
    margin-bottom: 15px;
}

/* Stiler til artikkel view */

/* Kommentar formen */
.comment_form_table {
    width: 100%;
}

.comment_form_table	td {
    padding: 2px;
}

.comment_form_table	input {
    width: 97%;
}

.comment_form_table	input[type="checkbox"] {
    width: 10%;
}

.comment_form_table	textarea {
    width: 99%;
}

.comment_sucess {
    color: green;
    margin-bottom: 10px;
}

.comment_error {
    color: #CE1B00;
    margin-bottom: 10px;
}

#comment_form_info {
    padding-left: 10px;
}

/* Stiler for navigasjonmeny */

.navigation {
    /*position:relative;
     left:533px;
     top:-285px;*/
    margin-top: 13px;
    width: 194px;
    padding-right: 8px; /*background-color:white;*/
    float: right;
}

/* skal rss flyttes til header? */
.navigation .rss {

    margin-bottom: 10px;
    height: 30px;
    background-color: white; /*position:relative;*/
}

.navigation .rss .rss_box_top {
    width: 100%;
    background-color: #CE1B00;
    height: 10px
}

.navigation .rss .rss_subscription_link {
    float: left;
    font-size: 10px;
    height: 20px;
    width: 55%; /*padding-left:6px;*/
}

.navigation .rss .rss_subscription_link	img {
    position: relative;
    bottom: -3px;
}

.navigation .rss .veidekke_link {
    float: right;
    font-size: 10px;
    text-align: right;
    vertical-align: bottom;
    height: 13px;
    width: 40%;
    padding-top: 6px; /*foreløpig "hack" for å få linkene i samme høyde*/
    margin-right: 8px /* position:absolute;
    bottom:0; */
}

/* hvis ikke disse blir mer forskjellige så kan vi slå dem sammen til feks .navigation .navigation_element */
.navigation .search_box {
    margin-bottom: 10px;
}

.navigation .terje_description {
    margin-bottom: 10px;
}

.navigation .calendar {
    margin-bottom: 208px;
}

.navigation .last_articles {
    margin-bottom: 10px;
}

.navigation .most_commented {
    margin-bottom: 10px;
}

.navigation .links {
    margin-bottom: 10px;
}

.navigation h2 {
    background-color: #DFDFDF;
    margin: 0;
    border: solid thin;
    border-color: #DFDFDF;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    font-size: medium;
    text-transform: uppercase;
}

.navigation ul {
    border-collapse: collapse;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
    padding: 0;
    margin: 0
}

.navigation li {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid #CCCCCC;
    border-color: #DFDFDF
}

.navigation .articles_date_navigation h4 {
    padding-left: 6px;
}

.navigation .articles_date_navigation ul {
    padding-bottom: 5px;
}

.navigation .articles_date_navigation ul > li {
    padding: 2px 0;
}

.navigation .articles_date_navigation li > ul > li {
    border-top: none;
    border-right: none;
    border-bottom-width: 2px;
    margin-left: 1.1em;
    padding-left: 2px;
}

/* ===================== */
/* = Stiler for footer = */
/* ===================== */

.footer {
    width: 704px;
    padding-left: 23px;
    padding-top: 80px;
    padding-bottom: 15px;
    padding-right: 8px;
    text-align: center; /*background-color:white;*/
}

.footer p {
    font-size: 11px;
    border-top: 1px solid #CCCCCC;
    padding-top: 8px;
    color: #999999
}

.footer a:link {
    color: #999999
}

.footer a:visited {
    color: #999999
}

.footer a:hover {
    color: #999999
}

.footer a:active {
    color: #999999
}

.sharing {
    margin-bottom: 10px;
    margin-top: 5px; /*height:33px;*//*pga mail progress gifen*/
/*border-top:1px solid #CCCCCC;*/
/*border-bottom:1px solid #CCCCCC;	*/
}

.sharing a:link {
    color: black;
    text-decoration: none
}

/* unvisited link */
.sharing a:visited {
    color: black;
    text-decoration: none
}

/* visited link */
.sharing a:hover {
    color: black;
    text-decoration: none
}

/* mouse over link */
.sharing a:active {
    color: black;
    text-decoration: none
}

/* selected link */

/*Stiler for dele med funksjonalitet. */

.sharing_sites {
    position: relative;
    top: 10px;
    left: 0px;
}

.sharing_sites img {
    margin-right: 5px;
    margin-left: 5px;
}

.sharing_mail {
    margin-top: 15px;
    margin-bottom: 3px;
}

.sharing_mail input {
    float: left;
}

.sharing_mail .stdButton {
    margin-top: 2px;
}

.comment_thanks {
    font-weight: bold;
    font-size: 11px;
}

.mailer_info {
    height: 33px; /*pga mail progress gifen*/
}