﻿/*=============================================================  LO Faglige seniorer  Overall screen css styles  Author: Thor Madsen-Holm - Scanad ===============================================================*/














/*================== Reset =============================*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, header {  border: 0;  margin: 0;  padding: 0;  outline: 0;}


table {border-collapse: collapse;}


table tr th, table tr td {padding: 0px 0px 0px 0px;}






.leftColumn img{  margin:12px;}






/*================== HTML BODY ================================*/body{ background: #ffffff url('/files/System/img/bg_body.png') repeat-x; color: #000000; font: 15px/18px Arial, Helvetica, sans-serif; }






/*================== Hyperlinks ================================*/a { color: #636363; text-decoration: none; }a:hover { color: #636363; text-decoration: underline; }h3.h3 a { color: #626f48; display: inline; font: 23px/40px Arial, Helvetica, sans-serif; }h4.h4 a { color: #a8b963; display: inline; font: 16px Arial, Helvetica, sans-serif; }






















/*================== Text ================================*/p, td  { color: #000; font: 15px/18px Arial, Helvetica, sans-serif; }span,small  { color: #8c8c8c; }span.text3 a  { color: #626f48; font: 15px Arial, Helvetica, sans-serif; }






















/*================== Headings ================================*/h1  { font-size: 19px; padding: 0 0 10px 0; }h2  { font-size: 18px; }h3  { color: #fff; font: bold 15px Arial, Helvetica, sans-serif; }h4  { color: #636363; font: bold 15px Arial, Helvetica, sans-serif; }.tagCloud h3.h3,.tagCloud h4.h4  { display: inline; }










#breakingnews h4, #breakingnews .h4 {
  color: #cd2022;
  font-size: 19px;
  padding: 0px 0px 10px 0px;
}











#ditAnsvar .leftColumn h1,#ditAnsvar .leftColumn h2,#ditAnsvar .leftColumn h3,#ditAnsvar .leftColumn a  { color: #5e3347; }#dinPension .leftColumn h1,#dinPension .leftColumn h2,#dinPension .leftColumn h3,#dinPension .leftColumn h4,#dinPension .leftColumn a  { color: #4b6a7a; }#ditSeniorLiv .leftColumn h1,#ditSeniorLiv .leftColumn h2,#ditSeniorLiv .leftColumn h3,#ditSeniorLiv .leftColumn h4, #ditSeniorLiv .leftColumn a{ color: #807c6f; }#vores .leftColumn h1,#vores .leftColumn h2,#vores .leftColumn h3,#vores .leftColumn h4,#vores .leftColumn a  { color: #615d51; }






#ditAnsvar .leftColumn ul{  margin-left:15px;  border:0px solid red;}






















/*================== Master ============================*/.pageWrapper  { margin: 0 auto; width: 1118px; }  .header  { background: url('/files/System/img/bg_header.png') no-repeat 0 20px; height: 200px; width: 957px;margin-left:10px; }    .logo  { margin: 41px 0 0 0; }    .tertierMenu span, .tertierMenu a  { color: #b8b8b8; font: 10px Arial, Helvetica, sans-serif; text-decoration: none; }    .tipsTricks  { background: #fff; clear: right; height: 91px; margin: 26px 17px 0 0; width: 202px; }      .tipsTricks p  { padding: 5px 0 0 11px; }      .tipsTricks span  { color: #000; }      .tipsTricks a  { color: #636363; }  .pageContent  { width: 957px;margin-left:10px; }    .search  { margin: 0 0 14px 0; width: 225px; }      .searchFieldFade  { height: 17px; width: 194px; }  .footer  { width: 957px;margin-left:10px; padding: 0 0 20px 0; }    .tagCloud  { width: 700px; }    .contactInfo  { background: url('/files/System/img/footer_lo_trae.png') no-repeat right top; padding: 8px 100px 15px 0; }      .contactInfo h4  { padding: 0 0 12px 0; }      .contactInfo p  { color: #636363; font-size: 13px; line-height: 18px; }.annonce  { margin: 0 0 0 27px; width: 124px;}      /*================== Frontpage ==============================*/.headerBottom  { margin: 2px 0 0 0; }.frontNews  { background: url('/files/System/img/bg_front_news.png') no-repeat; height: 141px; margin: 0 0 24px 0; width: 967px; clear:both; }  .frontNews h1  { color: #ffffff; font: 20px Arial, Helvetica, sans-serif; padding: 10px 0 7px 13px; }    .frontNewsImg  { height: 91px; margin: 0 0 0 1px; width: 623px; }      .frontNewsImgOverlay{         background: url('/files/System/img/bg_front_news_img.png') no-repeat;        color: #fff;         height: 73px;        line-height: 19px;         margin: 0 0 0 13px;         padding: 0px 0 10px 77px;        width: 165px;               }      .frontNewsImgOverlay a{                 color: #fff;         height: 73px;        line-height: 19px;         margin: 0 0 0 3px;         padding: 3px 0 3px 0px;        width: 155px;         text-decoration:none;      }      .frontNewsLetter  { float: left; width: 330px; margin: -37px 0 0 0; height: 130px; background: none; }/*================== Subpage ==============================*/.leftColumn  { padding: 30px 0 20px 0; width: 710px; }  .text  { width: 450px; }






.rightColumn  { padding: 0 0 33px 0; width: 225px;  }  .rightColumnBox  { margin: 0 0 4px 0; width: 232px; }    .rightColumnBoxTop  {      background: url('/files/System/img/rightcolumn_darkTopBg.jpg') no-repeat;      height: 24px;      padding: 9px 0 0 14px;      width: 218px;    }    .rightColumnBoxMiddle  {       background: url('/files/System/img/rightcolumn_repeatBg.jpg') repeat-y;      padding: 5px 5px 0 11px;      width: 216px;    }    .rightColumnBoxMiddle a  {       background: url('/files/System/img/gfx_arrowLink.png') no-repeat 0px 3px;       /*height: 15px;*/       float:left;      padding: 3px 0 0 18px;      width: 200px;     }    .rightColumnBoxBottom  { background: url('/files/System/img/rightcolumn_bottomBg.jpg') no-repeat; height: 12px; width: 232px; }






























/*================== Main menu ============================*/.mainMenu  { }  .mainMenu li  { list-style-type: none; margin: 74px 20px 0 0; }    .mainMenu li a  { color: #636363; font: 16px Arial, Helvetica, sans-serif; }    .mainMenu li a#activeitem  { font-weight: bold; }






















/*================== Breadcrumb ============================*/.breadcrumb  { margin: 14px 0 0 0; width: 600px; }  .breadcrumb li  { color: #c0c0c0; list-style-type: none; margin: 0 9px 0 0; }    .breadcrumb li a  { color: #c0c0c0; }






















/*================== Sub menu ==============================*/.subMenu  { background: url('/files/System/img/submenu_separator.png') no-repeat left top; margin: 10px 0 6px 0; width: 229px; }  .subMenu li  {     float:left;    background: url('/files/System/img/submenu_separator.png') no-repeat left top;     list-style-type: none;    padding: 5px 0 6px 3px;     width: 229px;   }    .subMenu li a  { font: 15px Arial, Helvetica, sans-serif; }    .subMenu li a#activeitem  { color: #000; font-weight: normal;text-decoration:underline;}        .subMenu li a.inpath  { display: block; padding: 0 0 5px 0;}      .subMenu ul li  { background: none; padding: 0 0 2px 0; }        .subMenu ul li a  { background: url('/files/System/img/gfx_arrowLink.png') no-repeat 0px 3px; padding: 0 0 0 22px; }    .M2 li a#activeitem { padding-left:20px;}














/*================== News ==============================*/.newsListWrap  { margin: 10px 0 0 0; }  .newsItem  { background: url('/files/System/img/gfx_searchBottomBorder.png') no-repeat left bottom; margin: 0 0 20px 0; padding: 0 0 17px 0; width: 696px; }    .newsOverviewText  { width: 450px; }      .newsOverviewText h2  { padding: 0 0 6px 0; }      .newsArrowLink  { background: url('/files/System/img/gfx_arrowLink_vores.png') no-repeat 0 2px; padding: 0 0 0 16px; }      .newsDate  { font-size: 13px; }.newsManchet  { font-weight: bold; padding: 0 0 10px 0; }  .articleListItem  { margin: 0 0 30px 0; width: 696px; }  .articleListItem h2  { padding: 0 0 7px 0; }    .articleArrowLink  { background: url('/files/System/img/gfx_arrowLink_dinPension.png') no-repeat 0 2px; padding: 0 0 0 16px; }






















/*================== Search ==============================*/.searchField  { background: url('/files/System/img/bg_soegefelt.jpg'); height: 62px; padding: 16px 0 0 17px; width: 677px;}  input.searchInput  { float: left; height: 30px; margin: 0 17px 0 0; padding: 9px 0 0 10px; width: 585px; }.searchResultWrap  { margin: 12px 0 0 0; width: 696px; }  .searchResultItem  { background: url('/files/System/img/gfx_searchBottomBorder.png') no-repeat left bottom; margin: 0 0 20px 0; padding: 0 0 17px 0; width: 696px; }.searchResultPaging  { margin: 10px 0 0 0; width: 696px; }






/*================== Search ==============================*/.formWrapper  { margin: 5px 0 0 0; width: 455px; }  .formWrapper ol  { list-style-type: none; }  .formWrapper input  { height: 21px; padding: 3px 0 0 5px; margin: 0 0 2px 0; width: 450px; }    li.bestillingsformular_postnummer  { float: left; margin: 0 10px 0 0; width: 129px; }    li.bestillingsformular_by  { float: left; width: 314px; }    li.materiale  { float: left; margin: 0 0 5px 0; width: 325px; }    li.antal  { float: left; margin: 0 0 5px 0; width: 130px; }    li.bestillingsformular_haandbogen,    li.bestillingsformular_eftermodtager,    li.bestillingsformular_koerekort,    li.medlemsraadgivning  { background: url('/files/System/img/gfx_formBottomBorder.png') no-repeat left bottom; margin: 0 0 5px 0; padding: 0 0 6px 0; width: 465px; }    label.label_bestillingsformular_haandbogen,    label.label_bestillingsformular_eftermodtager,    label.label_bestillingsformular_koerekort,    label.label_medlemsraadgivning  { float: left; padding: 14px 0 0 0; width: 325px; }    #bestillingsformular_haandbogen,    #bestillingsformular_eftermodtager,    #bestillingsformular_koerekort,    #medlemsraadgivning  { float: left; width: 125px; }    .submit  { padding: 0 !important; width: 50px !important; }














  #bestillingsformular_postnummer  { width: 121px; }  #bestillingsformular_by  { width: 310px; }






/*================== Global Class's ===========================*/small  { font-size: 13px; }.floatLeft  { float: left; }.floatRight  { float: right; }.displayBlock  { display: block; }.displayNone  { display: none; }.noMargin  { margin: 0 !important; }.uppercase  { text-transform: uppercase; }.clearLeft  { clear: left; }.bold  { font-weight: bold; }.pointer  { cursor: pointer; }.arrowLink  { background: url('/files/System/img/gfx_arrowLink.png') no-repeat; padding: 0 0 0 22px; }






.leftColumn ul{  margin-left:15px;  border:0px solid red;}






/*================== CSS Hack's ===============================*/
table.infobox {
width: 100%;
margin: 0px 0px 10px 15px;
border-bottom: 1px solid #d8d8d8;
width: 300px;
float: right
}table.infobox tr th {
background: #cd2022;
padding: 3px 20px 3px 20px;
border-top: 4px solid #e2575f;
border-bottom: 4px solid #d24242;
color: #ffffff;
text-align: left;
}table.infobox tr td {
background: #eaeaea;
padding: 10px 20px 10px 20px;
color: #ffffff;
text-align: left;
}table.infobox tr td a {
padding: 3px 0px 0px 18px;
background: url(/files/System/img/gfx_arrowLink.png) no-repeat 0px 3px;
color: #636363 !important;
}
