/* copyright Index Data http://www.indexdata.dk */
/* I'd rather made a nice scalable solution, but was forced to do */
/* pixel-by-pixel layout. */ 
/* What a pity that stubborn customers want total pixel control ... sic */


/* just for debugging */ 

/*
html {border-style: solid; border-width: 1px; border-color:red;}
body {border-style: solid; border-width: 1px; border-color:green;}
div.body {border-style: solid; border-width: 1px; border-color:blue;}
div {border-style: solid; border-width: 1px;}
h1, h2, h3, h4 {border-style: dashed; border-width: 1px;}
p {border-style: solid; border-width: 1px;}
a {border-style: dashed; border-width: 1px; border-color: blue;} 
img {border-style: dashed; border-width: 1px; border-color: green;} 
form {border-style: solid; border-width: 1px; border-color: red;} 
input {border-style: dashed; border-width: 1px; border-color: red;} 
td {border-style: dashed; border-width: 1px; border-color: red;} 
tr {border-style: solid; border-width: 1px; border-color: red;} 
table {border-style: solid; border-width: 1px; border-color: red;} 
 */ 



/************ positioning ****************************/ 

/* setting reference area for positioning*/
html, body {
   margin: 0px;
   padding: 0px; 
   width: 100%; 
   height: 100%; 
}

div.body {
   margin: 0px;
   padding: 0px;
   width: 750px; 
   height: 100%; 
}

div, h1, h2, h3, h4, p, a, form, input, select {
   margin: 0px; 
   padding: 0px;
}   

div {
   margin-bottom: 26px;
}


/* breadcrumb has negative margin to avoid moving of pages */
div.breadcrumb 
{
   margin-top: 24px;
   margin-bottom: -36px;
}
div.breadcrumb p, div.breadcrumb p a
{
  margin: 0px;
}

/* picturebar gets higher top margin to make space for breadcrumb */
div.picturebar {margin-top: 44px; margin-bottom: 15px; width: 750px;}
div.picturebar p a img { height: 75px; width: 75px; vertical-align: top;}
/* div.picturebar p img { height: 13px; width: 190px; vertical-align: top;} */
div.picturebar p img { height: 13px; width: 197px; vertical-align: top;}

/* menu floats to the left */
div.menu {
  float: left;
  /* position: relative; */
  margin: 0px;
  padding: 0px; 
  width: 200px;
  display: inline;
  /* bug fix for IE6 */
  height: 1700px;
}

/* positioning of div's according to classes - these go into center area */
div.about,
div.copyright,
div.help,
div.hints,
div.mail,
div.maillists,
div.metasubject,
div.multisearch,
div.newsindex,
div.pager,
div.resultform,
div.resultset,
div.search,
div.subject,
div.subscribe,
div.subscribeform {
  margin-left: 213px;
  margin-right: 0px;
}

/* news floats to the right - padded to make place for grey surrounding*/
div.news {
  float: right; 
  width: 158px;
  padding: 4px;
}

div ul {
  margin-left: 16px;
}


/************** fonts and colors *****************************/

/* seting colors and fonts - for all elements, inclusively anchors */
body, a {
  background-color: #f2f2f2;
  color: #656565;
  text-align: left;
  font-family: verdana, arial, helvetica, geneva, swiss, sunsans-regular;
}

input, select {
  /* color: #889eac; */
  color: #656565;
  /* text-align: left; */
  font-family: verdana, arial, helvetica, geneva, swiss, sunsans-regular;
}

/* news colors are special */
div.news, div.news p a {
  background-color: lightgrey;
}
div.news h2  {color: #ffffff;}

/* make all items of class current bold face */
.current, a.current {color: #435d6c; font-weight: bold;}

/* Fagportal class right is special */
div p span.right {
   color: #435d6c; 
   font-weight: bold; 
   text-align: right;
   font-size: xx-small;
}

/* surpress special colouring and underline for anchors */
a:link, a:visited, a:active {text-decoration: none;}
a:focus, a:hover {color: #252525; text-decoration: underline;}

h1, h2, h3, h3 a {color: #435d6c; }

/* set font sizes, margins and padding for different blocks */
h1 {font-size: small; margin-top: 0px; margin-bottom: 1.4em; padding: 0px;}
h2 {font-size: x-small; margin-top: 0em;  margin-bottom: 1.4em; padding: 0px;}
h3 {font-size: xx-small; margin-top: 0em;  margin-bottom: 0.3em; padding: 0px;}
h4, p  {
  font-size: xx-small; margin-top: 0em;  margin-bottom: 1.1em; padding: 0px;
}
img, a, ul, li {
  font-size: xx-small; margin: 0px; padding: 0px;
} 
form, input, select {
   font-size: x-small;
}



/* breadcrumb, copyright, menu, news, newsindex, pager, search, and resultset  
   fonts are smaller */
/*
div.breadcrumb, div.breadcrumb p, div.breadcrumb p a,
div.copyright, div.copyright p, div.copyright p a,
div.hints, div.hints p, div.hints a,
div.menu, div.menu p, div.menu p a, 
div.news, div.news p, div.news p a,
div.newsindex, div.newsindex p, div.newsindex p a,
div.pager, div.pager p, div.pager p a,
div.search, div.search p, div.search p a
div.resultset, div.resultset p, div.resultset p a, div.resultset form input
{
  font-size: xx-small;
}
*/

/* subject hierarchies are larger */
div.subject, div.subject p, div.subject p a 
{
  font-size: x-small;
}

/* some resultset stuff is special */
div.resultset form, div.resultset form h4 { font-size: xx-small; }

/* dividers in resultsets are special*/
div.resultset h2.divide {
  font-size: small;   margin-top: 1.5em;  margin-bottom: 0.5em; padding: 0px;
}
div.resultset h3.divide {
  font-size: x-small;   margin-top: 1.5em;  margin-bottom: 0.5em; padding: 0px;
}
div.resultset p {margin-bottom: 2em;}


/************** borders *****************************/

/* surpress border around images */
a, img {border-style: none}


/************** blocks and inline *****************************/

/* make these links block type for vertical display */
/* div.about p a, */ 
div.metasubject p a, 
div.menu p, div.menu a, 
div.subject p span {
   display: block;
}

/* make these blocks inline for horizontal display */
/* div.resultform h4, div.resultform input  {display:inline;} */
div.resultset form h4, div.resultset form input {display:inline;}


/************** special formatting and spacing *****************************/

/* special formatting and spacing for input and select */
form, input, select {  vertical-align: bottom; }
input.simple {width: 264px;}
input.advanced {width: 264px;}
select {width: 88px;}



/* special formatting and spacing for multisearch table */
div.multisearch table, div.multisearch table a, div.multisearch p {
  font-size: xx-small
}
div.multisearch table tr td.current {font-size: x-small; font-weight: bold;}
div.multisearch table tr td.tab1 {width: 30px;}
div.multisearch table tr td.tab2 {width: 29em;}
div.multisearch table tr td.tab3 {width: 30px;}
div.multisearch table tr td.tab4 {width: 10em;}
div.multisearch table tr td.tab5 {width: 30px;}


/************* display none ****************************/

/* surpress  output of these */
h1 {display: none}
div.multisearch h2 {display: none}
div.breadcrumb h2 {display: none}
div.menu h2 {display: none}
div.menu h3 {display: none}
div.resultform h2 {display: none}
/* div.search h2 {display: none} */
div.subscribeform h2 {display: none}
div.subscribe h2 {display: none}