/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}
/*- dib:mobil -*/
html, body {
background:#d6e2f8 url(img/background2.jpg) center top no-repeat scroll;
color:#000000;
font-family:"Trebuchet MS",Arial,Verdana,Georgia,Times,Verdana;
/*font-size:0.94em;*/
font-size:15px;
text-align:center;
/*Fixing unnecessary horizontal scrolling in IE6 (most used in dib:online)
*overflow-x:hidden;
*margin-right: 15px;
*margin-bottom: 15px;*/
}
/*Fixing unnecessary horizontal scrolling in IE6 (most used in dib:online)*/
html { _overflow-y: scroll }
@media screen {}
* { margin:0; padding:0 }
/* - Global classes - */
.cl { clear:both } .fl { float:left } .fr { float:right }
.ma { margin: 0 auto }
.bo { border: solid 3px }
.tac { text-align:center } .tal { text-align:left } .tar { text-align:right }
.p1 { padding:5px } .p2 { padding:10px }
.pr0 { padding-right:0 } .pr1 { padding-right:5px } .pr2 { padding-right:10px }
.pl0 { padding-left:0 } .pl1 { padding-left:5px } .pl2 { padding-left:10px }
.pt0 { padding-top:0 } .pt1 { padding-top:5px } .pt2 { padding-top:10px }
.pb0 { padding-bottom:0 } .pb1 { padding-bottom:5px } .pb2 { padding-bottom:10px }
.m1 { margin:5px } .m2 { margin:10px }
.mr0 { margin-right:0 } .mr1 { margin-right:5px } .mr2 { margin-right:10px }
.ml0 { margin-left:0 } .ml1 { margin-left:5px } .ml2 { margin-left:10px }
.mt0 { margin-top:0 } .mt1 { margin-top:5px } .mt2 { margin-top:10px }
.mb0 { margin-bottom:0 } .mb1 { margin-bottom:5px } .mb2 { margin-bottom:10px }
.hidden { display:none } .shown { display:block }
.inline { display:inline } .ib { display:inline-block; } /**zoom:1; *display:inline*/
.border { border:solid 1px Red }
/*** - clearfix begynning - ***/
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
font-size:0;
}
* html .clearfix { height:1%; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/*** - clearfix end - ***/
/*Layout*/
.lPage { max-width:480px; margin:0 auto }
.lHeader { text-align:left; /*Shows horizontal scrolling in FF when lHeader is being clicked -> */ margin-right:10px }
.lMainContent { }
.lContent { background-color:#fff; line-height:20px; text-align:left }
.lSlogan { background: transparent url(Img/dib-slogan.gif) right bottom no-repeat; padding-bottom:30px }
.headerIcon { padding:18px 0 18px 0px; font-size:25px; display:block; }
.headerIcon span{ padding-left:58px }
/*.iHeaderImage { vertical-align:middle; margin:5px 0 0px 7px }*/
.logo { background:transparent url(Img/logo.gif) 3px center no-repeat }
.back { background:transparent url(Img/back.gif) 3px center no-repeat }
.back-over { background:transparent url(Img/back-over.gif) 3px center no-repeat }
.back-click { background:transparent url(Img/back-click.gif) 3px center no-repeat }
/*Text*/
h1 { font-size:18px; font-weight:bold }
h2 { font-size:15px; font-weight:bold; padding:3px 0 0 0; margin:0 }
h3 { font-size:12px; }
a { text-decoration:none; color:#1B527F; font-weight:bold }
/* a:hover { text-decoration:underline } */
/* p { padding:0.5em 0; line-height:1.5em } */
p { padding:3px 0 5px 0 }
.b, strong { font-weight:bold }
.tN { font-weight: normal !important }
.t1 { font-size:12px } .t2 { font-size:13px }
.t3 { font-size:14px } .t4 { font-size:16px }
em { font-style:italic; font-weight:inherit }
.tCategoryNameContainer { background:#ededee url(Img/bg-title.gif) left top repeat-x; padding:9px 7px }
.tCategoryName { color:#444; font-weight:bold }
.tDaysLeft { color:#1c8b53 } .tNoDaysLeft { color: Red; } .tManyDays { color: #999; } .tToday { color: #555 }
.tEventDate { }
.tCalendarDescription { color:#333 }
.tNew { color:Red; position:relative; top:-5px; left:3px; font-size:12px }
/*Lists*/
ul, ol { padding:1px 5px 10px 10px }
li { margin-left:20px }
ul li { list-style-type:disc }
ol li { list-style-type:decimal }
.ltCategory { margin:0; padding:0; }
.ltCategory li
{
border-bottom:solid 1px #e8e8e8;
/*font-size:1.05em;*/
font-size:17px;
background:transparent url(Img/arrow.gif) right center no-repeat;
text-decoration:none;
cursor:pointer;
margin:0;
padding:0;
list-style-type:none;
}
.ltCategory li.empty
{
background:none;
cursor:default;
}
.ltCategory li.ltLastItem { border:solid 0 }
.ltCategory li a { display:block; padding:7px 20px 7px 8px }
.ltCategory li:hover { background:#f3f3f3 url(Img/arrow.gif) right center no-repeat }
.ltCategory li.empty a { cursor:default; display:block; padding:7px 10px 7px 8px}
.ltCategory li.empty:hover { background:none }
/*Tables*/
table { border:solid 1px #ddd; margin:3px 0px 7px 0; width:100% }
td { padding:4px; border:solid 1px #ddd; }
/*oocss corners*/
.simple .inner {border:1px solid #D7D7D7; /*-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius:7px; */ }
.simple b{background-image:url(Img/simple_corners.gif);}
/*Back button*/
bBack:hover, bBack.hover
{
}