/* DVM CCS copyright Index Data http://www.indexdata.dk */
/* Part of the Keystone Framework http://www.indexdata.dk/keystone */

/* debug settings */

/*
html {border-style: solid; border-width: 1px; border-color:red;}
body {border-style: solid; border-width: 1px; border-color:green;}

div {border-style: solid; border-width: 1px; border-color:green;}

table {border-style: solid; border-width: 1px; border-color: blue;} 
tr {border-style: solid; border-width: 1px; border-color: cyan;}
td {border-style: solid; border-width: 1px; border-color: black;}

p, ul, ol {border-style: solid; border-width: 1px; border-color: orange;}
span {border-style: solid; border-width: 1px; border-color:yellow;}

form {border-style: solid; border-width: 1px; border-color: red;} 
input {border-style: dashed; border-width: 1px; border-color: red;} 

h1, h2, h3, h4 {border-style: dashed; border-width: 1px; }
a {border-style: dashed; border-width: 1px; border-color: blue;} 
img {border-style: dashed; border-width: 1px; border-color: green;} 
*/


/* colors in use: 
color           #000000;
background      #ffffff;

blue cell       #ACC8D9;
blue line       #D9E1EA; 
blue bullet     #4C6D87;
red cell        #ED3553;

menu point      #F71010;
menu a.link     #2C5F85;
menu a.visited  #2C5F85;
menu a.hover    #CB233E;

text box border #51728B
*/


/* setting reference areas for positioning of box elements*/
html, body {
  margin: 0px;
  padding: 0px; 
  border-style: none;
  width: 100%; 
}

/* block element positioning settings */
/* can't set tabel cell padding and cell spacing in CSS, do it in xhtml
   <table cellpadding="0" cellspacing="0"> */
table, tr, td, div, p {
  margin: 0px;
  padding: 0px; 
  border-style: none;
  width: 100%;
  border-width: 1px; 
  border-color: #D9E1EA;
}
td { width: auto; }


/* generel layout, positioning and alignment on page */
/* including seperating lines */
table.body  {
  width: 96%; 
  margin-left: 2%;
  margin-right: 2%;
}

/* two types vertical areas, all same proportions */
td.cell1 {width: 22%;}
td.cell2 {width: auto;}
td.cell3 {width: 32px;}

span.cell1 {width: 22%;}
span.cell2 {width: auto;}
span.cell3 {width: 32px;}

/* main table - three vertical areas */
table.main {margin-top: 10px; }
/* td.main1 {width: 205px; vertical-align: top; } */
td.main1 {width: 22%; vertical-align: top; }
td.main2 {width: auto; vertical-align: top; }
td.main3 {width: 24%; vertical-align: top; }


/* header top area graphics */
table.header_top {margin-bottom: 7px; }
table.header_top td.cell1,
table.header_top td.cell2,
table.header_top td.cell3 {
   border-left-style: solid; 
   border-bottom-style: solid; 
   /*border-width: 1px; 
     border-color: #D9E1EA;*/
  height: 19px;
}
table.header_top td.cell1 {
   border-left-style: none; 
}


/* header colored area graphics */
table.header_bottom, table.header_bottom td, 
table.header_bottom td span, table.header_bottom td p, 
table.header_bottom td a  {
  background-color: #ACC8D9;
}
/* table.header_bottom td {padding-left: -1px; padding-right: -1px; }*/
table.header_bottom td.cell3 {background-color: #ED3553;}
table.header_bottom td.logo, table.header_bottom td.logo a {
  width: 96px; height: 95; 
  text-align:left; vertical-align: middle; 
  background-color: #ED3553; }
table.header_bottom td.dvm {
  width: 364px; height: 95; 
  text-align:left; vertical-align: middle;}

table.header_bottom td.bullet {
   text-align: right; 
   vertical-align: middle; 
   padding-right: 16px; }
table.header_bottom td.bullet p {margin: 1px;}
table.header_bottom td.bullet p a:link {text-decoration: none}
table.header_bottom td.bullet p a:visited {text-decoration: none}
table.header_bottom td.bullet p a:hover {text-decoration: underline;}
table.header_bottom td.bullet span {
  text-align: right; vertical-align: middle; 
  color:# 4C6D87;
}

/* main2 and main3 td left vertical line */
td.main1, td.main2, td.main3, td.main4 {
   border-top-style: solid; 
   border-left-style: solid; 
   border-right: none; 
   border-bottom-style: solid; 
   /*border-width: 1px; 
     border-color: #D9E1EA;*/
}
td.main1 { border-left-style: none; }
td.main4 {width: 32px;}


/* generel fonts and colors used */
body, html, h1, h2, h3, h4, h5, h6, p, div, span, input, a, table, tr, td {
  font-family: Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
  /* font-size: 12px; */ 
  /* font-size: 100%; */
  font-size: small; 
  background-color: #ffffff;
  color: #000000;
  line-height: 1.33; /* putting a little distance inbetween lines */
}

/* colors on search term hits */
span.match {background-color: #ACC8D9; }

/* color on blue sidebars */
body, html {background-color: #4C6D87; }

/* header customization */
h1, h1 a {
  font-size: 200%;
  line-height:140%;
  font-weight: normal;
}
h1 {
    margin-bottom: 0em;
    padding-top: 0em;
    padding-bottom: 1em;
    padding-left: 0.5em;
    padding-right: 1em;
    border-bottom-style: solid;
    border-width: 1px; 
    border-color: #D9E1EA;
}

h2, h2 a {
  font-size: 125%;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
}

h3, h3 a {
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 100%;
  font-weight: bold;
  color: #CB233E;
}
h3 a:visited { color: #4C6D87;}
h3 a:hover { color: black;}

h3 {
    /*
   border-top-type: solid;
   padding-top: 1em; */
   /*border-top-width: 1px; 
     border-top-color: #D9E1EA;*/
} 

/* special h2 header */
table.h2special {width: 100%;}
td.h2special1 {width: 23px; background-color:  #ACC8D9; }
td.h2special2 {
  padding-left: 1em; 
  margin-right: 8 px;
  border-style: none; 
  border-top-style: solid; 
  border-bottom-style: solid; 
  /*border-width: 1px; 
    border-color: #D9E1EA;*/
}

/* disclaimer graphics */
td.disclaimer1 {width: 23px; background-color: #ED3553; }
td.disclaimer2 {
  width: auto; 
  border-style: none; 
  border-top-style: solid; 
  border-bottom-style: solid; 
  /*border-width: 1px; 
    border-color: #D9E1EA;*/
}
p.disclaimer {
  width: auto;
  margin: 1em;
}

/* searchform graphics */
 div.searchform {
  border-style: none; 
  border-top-style: solid; 
  border-bottom-style: solid; 
} 
/* table.searchform td {border-style: solid;} */
td.searchform1 { width: 61px; background-color:  #ACC8D9;}
td.searchform2 { padding-left: 1em; padding-right: 1em; width: 16em;}  
td.searchform2 p, td.searchform7 p, td.searchform8 p, td.searchform9 p,
td.searchform4 p a span { font-size: 90%;} 
td.searchform2 p.searchform2 input {width: 15.5em;} /*width: 78%;width: 200px;*/
td.searchform3 { width: 55px;}
td.searchform4 { width: auto; padding-right: 0.5em; }
td.searchform7 { width: 14em; padding-left: 1em; padding-bottom:1em;}
td.searchform7 p, td.searchform7 select{ width: 12em;}
td.searchform8, 
td.searchform9 {width: 7em; padding-left: 1em; padding-bottom:1em;}
td.searchform8 p, td.searchform8 p input, 
td.searchform9 p, td.searchform9 p input { width: 6em;}
table.searchform td.searchform4 p a span { 
    color:  #ED3553; 
    text-decoration: underline; }
/* table.searchform td.searchform4 p a:visited span { color: #4C6D87;} */
table.searchform td.searchform4 p a:hover span { color: black;}



/* breadcrumb special effects */
div.breadcrumb {
   text-align: right;
   font-size: 90%; 
   border-top-style: solid; 
   border-bottom-style: solid; 
   /*border-width: 1px; 
     border-color: #D9E1EA;*/
}
div.breadcrumb p.breadcrumb {
   width: auto;
   margin-right: 2em;
}
div.breadcrumb p.breadcrumb a { color: #4C6D87;}
div.breadcrumb p.breadcrumb a:hover { color: black;}


/* copyright graphics */
table.footer_top tr td {
  border-bottom-style: solid; 
  /*border-width: 1px; 
    border-color: #D9E1EA;*/
}



/* menu graphics and subdirs graphics */
div.menu ul, div.subdirs ul {
  color: #F71010;
  /* background-color: #ffffff; */
  margin: 1 em;
  margin-left: 25px;
  margin-right: 1em;
  width: auto;
}
div.menu ul li, div.subdirs ul li {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

/* menu and subdirs anchor graphics */
div.menu ul li a, div.subdirs ul li a {
  font-weight: bold;
  color: #2C5F85;
  text-decoration: none;
}
.dots {color: #2C5F85;}
div.subdirs ul li a.subsubdir {
  font-weight: normal;
  /*color: #2C5F85;
    text-decoration: none;*/
}
div.menu ul li a:hover, div.subdirs ul li a:hover {
  color: #CB233E; 
  text-decoration: underline; 
}

/* special mainsub text area graphics */
    /*
div.mainsub {
    border-style: solid;
    border-color: green;
   width: auto;
   margin-top: 1em;
   margin-left: 1em;
   margin-right: 2em;
   margin-bottom: 1em;
}
    */

/* special newestsub text area graphics */
/*
div.newest div.newestsub {
    border-style: solid;
    border-color: green;
}
*/

/* subdir expansion */
div.subdirs {
    padding-top: 0em;
    padding-bottom: 1em;
    padding-left: 0.5em;
    padding-right: 1em;
    border-bottom-style: solid;
    border-width: 1px; 
    /* border-color: #D9E1EA;*/
    /* border-color: red; */
}

/* subdir expansion */
div.hits {
    width: auto;
    padding-top: 0.5em;
    padding-bottom: 0em;
    padding-left: 1em;
    padding-right: 2em;
    border-bottom-style: solid;
    border-width: 1px; 
    /* border-color: #D9E1EA;*/
    /* border-color: red; */
}



/* record paragraphs */
div.record {
    /*border-style: solid;
      border-color: red;*/
    width: auto;
    margin-left: 1em;
    margin-right: 2em;
    padding-top: 1em;    
    padding-bottom: 1em;    
   border-top: solid;
   border-top-width: 1px;    
   border-top-color: #D9E1EA;
}
div.record p, div.record ol, div.record.ul { margin-bottom: 1em;}

/* special searchtable area graphics */
/* table.searchtable td {border-style: solid;} */
table.searchtable {
   border-top: solid;
   border-top-width: 1px;    
     border-top-color: #D9E1EA;
   margin-bottom: 2em;
}
table.searchtable td.sr1 {
  width: 26px;
   background-color: #ACC8D9;
}
table.searchtable td.sr2 table {
    width: 87%;
    margin-left: 1em;
}
table.searchtable td.sr2 table td.srs1 ,
table.searchtable td.sr2 table td.srs1sub {
  width: 80%;
  padding-top: 0.4em;
  padding-bottom: 0.3em;  
   border-bottom: solid;
   border-bottom-width: 1px;    
   border-bottom-color: #D9E1EA;
}
table.searchtable td.sr2 table td.srs1sub {
   padding-left: 4em;
}

table.searchtable td.sr2 table td.srs2 {
  width: auto;
  text-align: right;
  padding-top: 0.4em;
  padding-bottom: 0.3em;
   border-bottom: solid;
   border-bottom-width: 1px;    
   border-bottom-color: #D9E1EA;
}
table.searchtable td.sr2 table td.srs2 a 
{
  color:  #ED3553;
}
table.searchtable td.sr2 table td.srs2 a:hover 
{
  color:  black;
}
table.searchtable td.sr2 table td.srs2 img {
   vertical-align: middle;
   padding-left: 0.5em;
}


/* pager graphics */
div.pager {
   margin-top: 2em;
   margin-bottom: 2em;
   padding-top: 3px;
   padding-bottom: 3px;  
   border-bottom: solid;
   border-bottom-width: 1px;    
   border-bottom-color: #D9E1EA;
   border-top: solid;
   border-top-width: 1px;    
   border-top-color: #D9E1EA;
   text-align: center;
}
div.pager span.current {
   color:  #4C6D87;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
}
div.pager a {
  color:  #ED3553;
  padding-left: 3px;
  padding-right: 3px;
}
div.pager a:hover {
  color:  black;
}


/* footer graphics */
table.footer_top td.copyright {text-align: right; vertical-align: center; }
table.footer_top td.copyright p {margin-top: 1px; margin-bottom: 1px; }


/* periodical and theme graphics */
/*div.text {
  } */
div.text-box {
  width: auto;
  font-style: italic;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
  border-width: 1px;
  border-style: solid;
  border-color: #51728B;
}

 div.facts {
  width: auto;
  margin-top: 1em;
  margin-bottom: 1em;
  background-color: #ACC8D9; 
  padding: 1em;
  border-width: 1px;
  border-style: solid;
  border-color: #51728B;
}
div.facts h3, div.facts h3 a, div.facts p  {
   background-color: #ACC8D9;
} 


div.image {
  margin-top: 4em;
  margin-bottom: 4em;
  text-align: center;
}

div.image img
{
  display: block;
  margin-left: auto;
  margin-right: auto;  
  margin-top: 1em;
  margin-bottom: 0em;
  border-width: 1px;
  border-style: solid;
  border-top-color: #D9E1EA; 
  border-left-color: #D9E1EA; 
  border-right-color: #4C6D87;
  border-bottom-color: #4C6D87;
  background-color: #ACC8D9;
  padding: 1px;
}

div.image p
{
  text-align: left;
  width: 66%;
  padding: 0.5em;
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;  
}


/* help pages graphics*/
body.help table.body {
  margin-top: 2em;
  padding: 1em;
}

/* help pages button graphics*/
body.help table.body div.button {
 text-align: center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-top: 2em;
  margin-left: 8em;
  margin-right: 8em;
 width: auto;
 background-color:  #ACC8D9;
}

/*suggest form graphics */
td.form input, td.form textarea { width: 80%;}
td.form textarea { height: 12em;}