/* GENERAL STYLES */
* { 
margin: 0; 
padding: 0; 
border: 0; 
font-weight: inherit; 
font-style: inherit; 
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body { line-height: 1.5; }
html { min-height: 100.3%; }
table { 
border-collapse: separate; 
border-spacing: 0; 
}
caption, th, td { 
text-align: left; 
font-weight: normal; 
}
table, td, th { 
vertical-align: middle; 
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/*------------------------------------------------------------
Typography.css
-------------------------------------------------------------- */
body {
margin: 0; 
padding: 0; 
font: 12px/1.4 Arial, "Helvetica Neue", Helvetica,  sans-serif;
color: #4d4f53; 
background: #E6E6E6;
}

h2,h3,h4,h5,h6,.style2,.style3,.style4,.style5 { 
font-weight: normal; 
}
h1 { 
padding: 0;
height: 45px;
font-size: 28px;
line-height: 1.5;
font-family: Arial, Helvetica, Sans-serif; 
color: #fff; 
background: #7BC144;
} 
h1.forside {
margin-bottom: 8px;
font-size: 17px;
color: #4d4f53; 
line-height: 1.1;
}
h1.forside a, h1.forside a:hover {
font-size: 21px;
color: #fff; 
}
h1.newsletter {
font-size: 23px;
font-weight: lighter;
line-height: 2;
}
h1.newsletter span {
font-weight: bolder !important;
}


h2, .style2 { 
margin-bottom: 20px;
font-size: 18px; 
}
span.header {
padding-right: 4px;
font-weight: bolder;
font-size: 15px; 
}
h2 a, h2 a:hover, span.header a, span.header a:hover {
color: #7BC144;
}
h3, .style3 { 
margin-bottom: 1em; 
padding: .1em 0;
font-weight: bold; 
font-size: 16px; 
line-height: 1; 
}
h4, .style4 { 
margin: 0 0 0 40px; 
padding: 0;
font-weight: bold; 
font-size: 13px; 
line-height: 1.5; 
}
h5, .style5 { 
margin-top: 1em; 
margin-bottom: 1em; 
font-weight: bold; 
font-size: 12px; 
color: #8d8e8f;
}
h6, .style6 { 
font-weight: bold;
font-size: 1em;
}
.style5-bodytextcolor { 
margin-top: 1em; 
margin-bottom: 1em;
font-weight: bold; 
color: #4d4f53;
} 
.style6-bodytextcolor { 
font-weight: bold;
color: #4d4f53; 
}

/* adaptations */
.clear .style4 {margin: 0;}


/* Text elements */
p { 
margin: 0 0 14px;
}
p img { 
margin: 0 auto;
padding: 0; 
}
p img.floatleft { 
float: left; 
margin: 0 14px 4px 0;
}
p img.right { 
float: right; 
margin: 0 0 4px 14px;
}
p.ingress {
clear: both;
margin: 8px 0 14px;
font-weight: bolder;
}
p.temaingress {
clear: both;
margin: 0 0 14px;
font-weight: bolder;
}
#hovedsak p {
padding: 0 10px 0 40px;
}
#hovedsak.luft p {
padding-right: 50px;
}
#hovedsak p.image, #hovedsak.luft p.image {
padding: 0;
}
a { 
color: #00b2e4; 
text-decoration: none;
}
a:focus,
a:hover { 
color: #4d4f53; 
}
.lesmer {
font-weight:bold; 
text-transform: uppercase;
}
p.bla {
padding-top: 70px;
}
a.magasin {
padding-top: 60px;
background: url(http://magasin.bring.no/media/423/icon_mag.gif) no-repeat;
}


/* Lists */
ul { 
list-style-type: none;
}
ol { 
list-style-type: decimal; 
}
ul ul {
margin: 0 10px;
}

/* Misc classes and elements */
hr {
height: 10px; 
color:#E6E6E6; 
background: #E6E6E6;
border: 0; 
}
#nyheter hr {
visibility: hidden;
height: 1px; 
}
small { 
font-size: 10px; 
line-height: 1.3; 
}
blockquote { 
margin: 14px; 
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
em.caption {
font-size: 11px;
}

/*------------------------------------------------------------
Menu.css
-------------------------------------------------------------- */
div#menu-main {float: left; height: 62px; }
ul.menu-main {float: left; margin: 0; padding: 0; list-style-type: none;display: inline;}

ul.menu-main li,
ul.menu-sub li {float: left; margin: 0; line-height: 32px; height: 32px; display: inline;}
ul.menu-main li a:hover, ul.menu-main li.path a{float: left; background: url(http://magasin.bring.no/media/20/menu_main_left.gif) no-repeat left top;}
ul.menu-main li a span, ul.menu-main li a span { float: left; height: 32px; padding: 0 15px 0 10px; display:block; cursor: pointer; }
ul.menu-main li a:hover span, ul.menu-main li.path a span {background:url(http://magasin.bring.no/media/25/menu_main.gif) no-repeat right top; }
ul.menu-main li a, ul.menu-top li a, ul.menu-sub li a {font-family: Arial; text-transform: uppercase; display: block;}
ul.menu-main li a,  ul.menu-sub li a {padding: 0 0 0 5px;}
ul.menu-main li a, ul.menu-top li a {color: #4d4f53;}
ul.menu-main li img { padding-top: 12px; }
/* Menusub */
ul.menu-sub {margin: 0; padding: 0; list-style-type: none; clear: left}
ul.menu-sub li, ul.menu-sub li a {color: white;}
ul.menu-sub li a {float: left; display: block; padding: 0 15px; }
ul.menu-sub li a.active, ul.menu-sub li.path a {color: #4d4f53;}

/* MenuTop */
ul.menu-top {float: right; height: 30px; }
ul.menu-top li {float: left; height: 30px; }
ul.menu-top li a {padding:  13px 11px 0 11px; font-size: .9em; font-weight: 400;}
ul.menu-top li.first { padding-left: 16px; background: url(http://magasin.bring.no/media/30/menu_top_spacer.gif) no-repeat left;}
ul.menu-top .right-spacer {padding-right: 16px; margin-right: 5px; background: url(http://magasin.bring.no/media/30/menu_top_spacer.gif) no-repeat right;}
ul.menu-top li div, .site-search  { padding-top: 8px; }

ul.menu-main a {
float: left;
display: block;
height: 32px;
padding: 0 15px 0 10px;
}


/*Banner*/
.rightcol .banner { width: 322px; /* clear: both; */ /* overflow: hidden; */ } /*Needed for ie6. Commented out overflow: hidden, causes trouble in ff2. */
.rightcol .span-2 { overflow: visible; } /* Hack to prevent accordion on alfa.no front page from overflowing bottommost box. TODO: Rewrite style sheets to avoid usage of overflow: hidden. */


/*------------------------------------------------------------
Forms (form.css)
-------------------------------------------------------------- */

input.error, textarea.error {background-color: #f7f7f7; border-color: #ee3226;}
div.append-span-4.formwrap { background-color: #e6e6e6; width: 614px;}
/* jQuery formvalidation */
input.error { border: 1px solid red; }
label.error {display: block; color: red; }

/* General for all forms*/
input.text, textarea, select {color: #4d4f53; border: 1px solid #8d8e8f; background:  #fff url(http://magasin.bring.no/media/237/input_text_bg.gif) repeat-x top left;}
input.submitButton, input.resetButton {padding: 0 16px; font-weight: bold; font-size:1.18em; background-repeat: repeat-x;  background-image: url(images/button_background.gif);}

/*------------------------------------------------------------
sIFR
-------------------------------------------------------------- */
.sIFR-flash {visibility: visible !important; margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-flash + div[adblocktab=true] { display: none !important;}
.sIFR-hasFlash .style1 {visibility: hidden; font-size:4.2em;}

/*------------------------------------------------------------
Searchresults - temp css
-------------------------------------------------------------- */
.searchindex a {color: #4d4f53; text-decoration: none;}
div.navigationMenuPrevious {float: left; text-transform: uppercase; font-weight: bold; display: inline; width: 20%;}
div.navigationMenuPrevious a {background: url(images/read_less.gif) no-repeat left; padding-left: 15px;}
a.hidden {visibility: hidden;}
div.navigationMenuMiddle {float: left; width: 60%; text-align: center;}
div.navigationMenuNext {display: inline; text-transform: uppercase; font-weight: bold; float: right; text-align: right; width: 20%;}
div.navigationMenuNext a { padding-right: 14px; background: url(images/read_more.gif) no-repeat right;}
.searchresultdescription {color: #4d4f53;}
.searchresultpath a { color: #8d8e8f;}



/* --------------------------------------------------------------

GRID (Screen.css): Sets up an easy-to-use grid of 6 columns.
By default, the grid is 986px wide, with 6 columns
spanning 156px, and a 10px margin between columns.

----------------------------------------------------------------- */
/* Sets up basic grid floating and margin. */
.span-1, .span-1-extend, .span-2, .span-three, .span-2-extend, .span-3, .span-4, .span-5 { float: left; margin-right: 10px; }
.span-6 {float: left;}

/* Use these classes to set the width of a column - no padding */
.span-0  { width: 63px;  }
.span-1  { width: 156px; }
.span-2  { width: 322px; overflow: hidden;  } /*Needs overflow hidden due to IE6-issue - but that causes trouble with accordions in FF2. :-/ */
.span-three{ width: 204px; } /* 3 columns in the main column*/
.span-3  { width: 488px; }
.span-4  { width: 654px; }
.span-5  { width: 803px; }
.span-6  { width: 973px; margin-right: 0px;}
/*Use these classes to set one and a half col width. -extend adds 73px width (63px + 10px margin right)*/
.span-1-extend  { width: 229px; }
.span-2-extend  { width: 395px; }

/* Use these classes to set the width of a column with padding */
.append-span-1 { width: 136px; }
.append-span-2 { width: 302px; }
.append-span-3 { width: 468px; }
.append-span-4 { width: 634px; }
.append-span-5 { width: 800px; }
.append-span-6 { width: 966px; }
.append-span-1-extend  { width: 209px; }
.append-span-three{ width: 184px; } /* 3 columns in the main column*/

/*Sets padding, float and right margin*/
.append-span-1,.append-span-1-extend ,.append-span-three, .append-span-2, .append-span-3, .append-span-4, .append-span-5 {padding: 10px; float: left; margin-right: 10px;}
.append-span-6 {padding: 10px; float: left;}

/*Use these classes for div's inside wrapping div's with padding*/
.append-span-4 .span-2 { width:312px; padding: 0;}
.append-span-4 .span-4 { width: 634px; }

/*Nested span-4's don't have right margin */
.append-span4 .span-4, .span-4 .append-span-4, div.span-4 .span-4 {margin-right: 0px;}
.append {padding: 10px;}

.last { margin-right: 0;} /* The last column in a row needs this class. */
.wrap {background-color: white; } /*Spans with white bg needs this class*/

/*Use this to push other elements */
.push-1 {margin-top: 10px;}
.push-2 {margin-right: 10px;}
.push-3 {margin-bottom: 10px;}
.push-3times2 {margin-bottom: 20px;}
.push-4 {margin-left: 10px;}

.append-1 {padding-top: 10px;}
.append-2 {padding-right: 10px;}
.append-3 {padding-bottom: 10px;}
.append-4 {padding-left: 10px;}

/* Framework and other special classes
----------------------------------------------------------------*/

.container { 
margin:  0 auto; 
padding: 0; 
text-align: left; 
width: 985px;
}
.framework { 
margin: 0 auto; 
padding: 0; 
width: 985px;
text-align: center; 
}
.framework.header .container.header {
margin-bottom: 10px;
padding-right: 0;
padding-left: 10px; 
width: 975px;
height: 210px;  
background: url(http://magasin.bring.no/media/15/bg_top_mid.gif) repeat-x;
overflow: hidden; 
}
.framework.header .container.header #top-bar .site-search {
float: right; 
}

/*IE6 fix for keeping h1 in place when increasing fontsize*/
.framework.header .container.header {
position: relative;
}
.framework.header .container.header .append-span-6 h1 {
position: absolute; 
bottom: 0px;
}
#innhold { 
margin: 0 auto; 
width: 985px; 
}
#left {
width: 654px; 
float: left;  
margin: 0; 
padding: 0; 
}
#frame {
margin-bottom: 10px;
padding: 10px 0;
background: #fff url(http://magasin.bring.no/media/2267/bg_frame.gif) repeat-x bottom;
}
#frame h1 {
margin-right: 10px;
margin-left: 10px;
}
#hovedsak {
margin-bottom: 10px;
padding: 8px 8px 50px;
background: #fff;
}
#bredleft #hovedsak {
padding: 8px;
}
#hovedsak.arkiv h1 {
margin-bottom: 10px;
}
#hovedsak.arkiv div {
float: left;
margin: 0 10px 10px 0;
padding: 0;
width: 104px;
height: 200px;
text-align: center !important;
}
#hovedsak.arkiv div#clear {
clear:both;
float: none; 
width: 600px; 
height: 1px; 
}
.arkiv a.pdf, .arkiv a.bla {
padding: 2px;
}
#nyheter {
margin-bottom: 10px;
padding: 8px;
font-size: 1em;
background: #fff;
}
.news, .newsright {
float: left;
margin-bottom: 8px;
padding-left: 40px;
width: 266px;
}
.newsright {
padding-top: 54px;
}
.news img, .newsright img {
margin: 14px 0;
}
.news h3, .newsright h3 {
margin: 0;
}
.flyt {
float: left;
margin-right: 20px;
margin-bottom: 8px;
width: 322px;
}
caption {
font-size: 11px;
}

#right {
float: right;  
margin: 0; 
width: 321px;
}
#skjemabox {
margin-bottom: 10px;
padding: 20px 0 10px 8px; 
width: 312px; 
background: #fff;
}
#whitebox {
margin-bottom: 10px;
padding: 50px 10px 20px; 
width: 301px; 
background: #fff;
}
#arkivbox {
margin-top: 10px;
padding: 10px 10px 20px; 
width: 301px; 
background: #fff;
}
#arkivbox ul {
margin-bottom: 13px;
}
.whitefront {
margin-bottom: 10px;
padding: 1px 8px; 
width: 305px; 
background: #fff;
}
.whitefront li {
display: block;
padding-top: 6px;
padding-left: 66px;
height: 40px;
font-size: 12px;
margin: 8px 0;
}
.whitefront li em {
font-style: normal;
color: #fff;
}
.whitefront li a {
color: #fff;
display: block;
font-weight: bolder;
font-size: 15px;
}
.whitefront li a:hover {
color: #fff;
}
.bestill {
margin-bottom: 10px;
}
.frontpdf p {
padding-top: 180px;
padding-left: 30px;
}
#media {
margin-bottom: 10px;
padding-top: 60px;
width: 321px;
height: 214px;
background: #fff url(http://magasin.bring.no/media/668/mediaplayer.gif) no-repeat;
text-align: center;
}
#avbestill {
width: 321px;
height: 138px;
background: #8D8E90 url(http://magasin.bring.no/media/394/bg_endre.jpg) no-repeat;
}
#avbestill p {
padding-top: 56px;
text-align: right;
}
#avbestill img {
margin: 0;
padding-bottom: 4px;
}


#bunnwrap {
clear: both;
padding-top: 10px;
}
#bunn {
height: 25px;
width: 642px; 
background: #fff;
padding: 6px 6px 1px;
}
#bredbunn {
height: 25px;
width: 973px; 
background: #fff;
padding: 6px 6px 1px;
}
#bunn p {
float: left;
width: 500px;
}
#bredbunn p {
float: left;
width: 500px;
}
img.dbkf {
float: right;
width: 96px;
}

/* Misc classes and elements */
.hide { display: none; }
img { border: 0;}
.clean { margin: 0; }
.clear { clear:both; }
.spacer { clear: both; height: 10px; }
.ruler {  height: 10px; font-size: 1px; background-color: #fdbb2f; display: block; clear: both;}


h1.sidetittel {
position: absolute;
right: 2px;
width: 121px;
height: 88px;
background: url(http://magasin.bring.no/media/2302/dialogue_head.gif) no-repeat;
}
h1.sidetittel, .style1 { 
font-size: 24px;
font-family: Arial, Helvetica, Sans-serif; 
color: #fff; 
} 
h1 span {
float: left;
margin-right: 12px;
padding: 11px 0 0 88px;
width: 42px;
height: 34px;
font-weight: bolder;
font-size: 15px;
color: #fff;
border-right: 3px solid #fff;
}
h1 span.profilhead {
background: #8D8E8F url(http://magasin.bring.no/media/246/head_profil.gif) no-repeat;
}
h1 span.arkivhead {
background: #8D8E8F url(http://magasin.bring.no/media/285/head_arkiv_.gif) no-repeat;
}
h1 span.omhead {
background: #8D8E8F url(http://magasin.bring.no/media/310/head_bring.gif) no-repeat;
}
h1 span.trendhead {
background: #8D8E8F url(http://magasin.bring.no/media/315/head_trender.gif) no-repeat;
}
h1 span.temahead {
background: #8D8E8F url(http://magasin.bring.no/media/320/head_tema.gif) no-repeat;
}
h1 span.searchhead {
background: #8D8E8F url(http://magasin.bring.no/media/1163/head_search.gif) no-repeat;
}
h1 span.nyhetsbrevhead {
background: #8D8E8F url(http://magasin.bring.no/media/2357/head_nyhetsbrev.gif) no-repeat;
}
h1 span.presisjonhead {
background: #8D8E8F url(http://magasin.bring.no/media/5483/head_presisjon.gif) no-repeat;
}

h1 span.kontakthead {
background: #8D8E8F;
}
h1.frontnews {
margin-bottom: 8px;
font-size: 22px;
}
h1 span.newshead {
background: #8D8E8F url(http://magasin.bring.no/media/673/head_nytt.gif) no-repeat;
}
h1 span.bestillhead {
background: #8D8E8F url(http://magasin.bring.no/media/1256/head_bestill.gif) no-repeat;
}
h1 span.kalenderhead {
background: #8D8E8F url(http://magasin.bring.no/media/7157/head_kalender.gif) no-repeat;
}
h1.sidetittel span {
display: none;
}
#nyheter h4 {
clear: both;
margin: 0;
padding: 0;
border-bottom: 1px solid #8d8e8f;
}
#samleside h2, h3 {
margin-bottom: 0; 
}
#samleside ul {
margin-top: 14px;
}
#samleside li {
margin: 0 40px 14px;
color: #4d4f53; 
}
p.xsltsearch_result_title {
margin: 0;
font-size: 18px;
}
p.xsltsearch_result_title a, p.xsltsearch_result_title a:hover {
color: #7BC144;
}
p#xsltsearch_summary {
padding: 30px 26px;
}

#gul {
margin-top: 10px;
width: 321px;
height: 10px;
background: #fdbb2f;
}

img#slogan {
position: absolute;
top: 168px;
left: 10px;
}

p.samlesideintro {
margin: 14px 0 30px;
font-size: 15px;
color: #8d8e8f;
}
img.flytvenstre {
float: left;
margin-right: 14px;
}
a#magpdf {
float: right;
display: block;
margin-left: 20px;
padding-top: 56px;
width: 56px;
height: 30px;
text-align: center;
background: url(http://magasin.bring.no/media/418/icon_pdf.gif) no-repeat;
}
h2.temaheader {
margin: 12px 0 0 40px;
padding: 0;
}
.over {
cursor: pointer;
}
.tipsefelt {
position: relative;
margin: 0 auto 10px;
padding: 8px 20px 0;
background: #fff;
}
.tipsefelt h4 {
margin: 0;
}
.tipsefelt p {
clear: both;
margin: 0;
padding-top: 10px;
}
.tipsefelt label {
float: left;
width: 110px;
margin: 0 6px 0 0;
}
.tipsefelt input, .tipsefelt textarea {
float: left;
margin: 0;
padding: 2px;
width: 240px;
color: #4d4f53; 
border: 1px solid #8d8e8f; 
background:  #fff url(http://magasin.bring.no/media/237/input_text_bg.gif) repeat-x top left;
}
.tipsefelt textarea {
height: 50px;
}
a.dmSubmitTip {
margin-left: 190px;
padding: 3px 16px; 
font-weight: bold; 
font-size: 12px; 
color: #fff;
background-repeat: repeat-x;  
background-image: url(http://www.bring.no/images/button_background.gif);
}
#fbook {
position: absolute;
top: 34px;
right: 110px;
}
html .fb_share_link { 
padding:2px 0 0 20px; 
height:16px; 
background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; 
}


/* kommentarer */

h4.dmKommhead {
margin: 40px 0 0;
}
.dmComments {
margin: 0;
}
ul.dmCommentList {
margin-top: 30px;
}
.commentItem {
padding: 12px 0 2px;
border-bottom: 1px solid #e6e6e6;
}
a.dmSubmitComment {
margin-left: 170px;
padding: 3px 16px; 
font-weight: bold; 
font-size: 12px; 
color: #fff;
background-repeat: repeat-x;  
background-image: url(http://www.bring.no/images/button_background.gif);
}
.commentTitle {
width: 240px;
padding: 2px;
}
textarea.commentTitle {
height: 80px;
}
#ctl07_ctl02_txt {
height: 100px;
}
.commentHeader span {
font-style: italic;
font-size: 11px;
padding-right: 6px;
}
.commentItem h4 {
margin: 2px 0 0;
text-transform: none;
}
.commentItem p {
margin: 0 0 10px;
padding: 0;
text-transform: none;
}

.dmPager {
padding: 12px;
}

.dmPager li {
display: inline;
padding: 0 12px;
}
.dmPager li a {
margin: 0;
padding: 0;
font-weight: lighter !important;
color: #00b2e4;
background: none;
}

/* kalender */


#kaltabell {
margin-top: 8px;
padding-left: 1px;
width: 968px;
}
#dmEventBoxMap {
margin-left: 20px;
}
h1#dmEventBoxTitle {
padding: 8px 30px 4px 10px !important;
height: auto !important;
font-size: 18px !important;
line-height: 1.2 !important;
}
p#dmEventBoxDescription {
padding-top: 20px;
padding-right: 20px;
}
#dmEventBoxMap {
background-color: #e6e6e6;
height: 200px;
width: 320px;
}

.validator {
visibility: hidden;   
color: pink;
}
.response {
color: Green;    
}
table.Cal {
border: solid 1px #8d8e8f;
position: relative;
width: 100%;  
table-layout: fixed;  
}
td table.Cal {
border: none;
border-bottom: solid 1px #8d8e8f;
position: relative;
width: 100%;    
}
td table.Cal td {
background: #8d8e8f;  
text-align: center; 
color: #fff !important;   
}
td table.Cal td a {
color: #fff !important;  
}
th  {
padding: 2px;
border-left: solid 1px #8d8e8f;
border-bottom: solid 1px #8d8e8f;
}
.dayCell {
padding-left: 4px;
padding-right: 4px;
border-right: solid 1px #8d8e8f;
border-bottom: solid 1px #8d8e8f;
height: 90px;
width: 137px;
text-align: left;
vertical-align: top;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.dayEventList {
}
.dayEventItem {
margin-bottom: 5px;
}
.dayEventLink {
cursor: pointer;
}
.dayEventCloseLink {
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
color: #fff;
}
.modalHidden {
display: none;
}
.modalVisible {
background-color: #E6E6E6;
display: block;
height: 400px;
overflow: scroll;
position: absolute;
top: 300px;
left: 200px;
z-index: 105;
width: 400px;
border: 1px solid #000;
}
.dmEventImport {
display: block;
padding: 10px 40px;
}

/* EDITOR PROPERTIES */