/* any object  of class legacy will be hidden */
.legacy {
  display: none
}

@media screen {

body {
  background-color: #fcfcfc;
  color:	    #4b586b;
  margin:	    0px;
  padding:	    0px;
  font-family:	    Arial, Helvetica, sans-serif;
  background-repeat: no-repeat;
}

a {
 color:		rgb(0,74,107);
}

/*****************************************
 * Place the divs on the page
 *****************************************/
div#logo_ch,
div#logo_unieth,
div#menu,
div#body,
h1#title,
div#byline {
  border-width: 3px;
  border-color: white;
  border-style: none;
}

/* language switch */
div#lang_switch {
  position: absolute;
  right: 30px;
  top: 60px;
  margin: 0px;
  padding: 0px;
  z-index: 100;
}

div#lang_switch a {
  text-decoration: none;
  color: #c1341f;
  font-size: 10px;
  font-weight: bold;
}



/* left column */

div#logo_ch,
div#logo_unieth,
div#menu {
  position: absolute;
  left:     0px;
  padding-left: 30px;
  width: 167px; /* 30 + 167 + 3 = 200 */
  border-right-style: solid;
}

/*div#logo_ch {
  top: 0px;
  height: 97px;
  border-bottom-style: solid;
  background-image: url("/fileadmin/bgpics/logo_ch.png");
}
*/
div#logo_unieth {
  position: fixed; 
  bottom: 5px;
  height: 20px;
  font-size: 16px;
  color: rgb(0,74,107);
  z-index: 100;
}

div#logo_unieth span.grey {
  color: #606060;
}

/* left column */

div#body,
h1#title,
div#byline {
  position: absolute;
  left: 197px;
  right: 0px;
  margin: 0px;
  padding-left: 30px;
  padding-right: 20px;
  border-left-style: solid;
}

div#body {
  top: 100px;
  padding-top: 20px;
  padding-bottom: 40px;
  line-height: 120%;
  max-width: 50em;
}

h1#title {
  top: 0px;
  height: 40px; /* 100 - 3 -3 */
  padding-top: 60px;
  text-transform: uppercase; 
  letter-spacing: 0.15em;
  font-size: 13px;
  vertical-align: bottom;
  margin-right: 50px; /* not over the language */
}

div#body h2 {
  text-transform: uppercase; 
  letter-spacing: 0.1em;
  font-size: 110%;
}

div#body h3 {
  text-transform: uppercase; 
  letter-spacing: 0.1em;
  font-size: 100%;
}

div#byline {
  position: fixed;
  background-color: rgb(0,74,107);
  bottom: 0px;
  padding-top: 8px;
  padding-bottom: 10px;
  padding-left: 30px;
  border-top-style: solid;
  z-index: 110;
}

/* make konqueror 3.3 happy by spelling these two out
   it seems to get confused by the table */

div#byline td,
div#byline b {
  color: white;
  letter-spacing: 0.2em;
  font-size: 11px;
  text-transform: uppercase; 
}

/**************************
 * menu              
 **************************/
div#menu {
  top: 100px;
  padding-top: 40px;
  bottom: 0px;  
  text-transform: uppercase; 
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.08em;
  color: white;
  overflow: clip;
  z-index: 90;
}
div#menu a {
  text-decoration: none;
  color: white;
}

div#menu ul {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}

div#menu li div {
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 2px;
}


div#menu ul ul {
  font-size: 10px;
  letter-spacing: 0em;
}

div#menu li div.selected_head {
  background-color: rgb(213,97,0); 
}

div#menu li li div.selected_head {
  background-color: transparent;
}

div#menu li div.selected {
  background-color: white;
}

div#menu li div.selected,
div#menu li div.selected a {
  color: rgb(213,97,0); 
}


div#menu li li div {
  padding-top: 1px;
  padding-bottom: 1px;
  background-color: transparent;
  background-attachment: fixed;
  background-image: url("/fileadmin/bgpics/menu_back_pix.png");
}

div#menu li li li div {
  padding-left: 10px;
}

div#menu li li li li div {
  padding-left: 20px;
}


div#menu li li div.selected, 
div#menu li li div.selected a { 
  background-color: transparent;
  color: white;
}

div#menu ul li ul li div.selected,
div#menu ul li ul li div.selected a { 
  color: rgb(213,97,0);
  background-color:  transparent;
}

div#flecklink {
  margin-top: 3em;
  font-size: 13px;  
  font-weight: bold;
}

div#menu div#flecklink a {
  color: #ffffff;
}

span#flecklink_col {
    letter-spacing: 0.23em;
    font-size: 13px;
}

span#flecklink_col1 {
    letter-spacing: 0.33em;
    font-size: 15px;
}

span#flecklink_zentr {
    letter-spacing: 0.25em;
    font-size: 11px;
}

div#salink {
  margin-top: 3em;
  font-size: 13px;  
  font-weight: bold;
}
div#colink {
  margin-top: 3em;
  font-size: 13px;  
  font-weight: bold;
}

div#menu div#colink a {
/*  color: #0d0d71; */
   color:white;
}

span#colink_col {
    letter-spacing: 0.16em;
}
span#colink_helv {
    letter-spacing: 0.10em;
}

div#menu div#salink a {
  color: #ffffff;
}


span#salink_up {
    letter-spacing: 0.22em;
    font-size: 11px;
}

span#salink_down {
    letter-spacing: 0.12em;
    font-size: 16px;
}


}

@media print {

@page {
  margin: 2cm;
}

@page :first {
  margin-top: 3cm;
}

div#menu, 
div#lang_switch,
div#logo_ch {
  display: none;
}

div#logo_unieth {
  font-size: 14pt;
  color: black;
  border-width: 1pt;
  border-bottom-style: solid;
  background-color: white;
}

div#logo_unieth:before {
  content: "COLLEGIUM HELVETICUM | "
}

div#body {
  position: static;
  margin-top: 70px;
}

h1#title { 
  margin-top: 1em;
  position: static;
  align: left;
}

}

/****TAGS*****/

div.article {
  margin-top: 20px;
  margin-bottom: 20px;
}

div.article_date {
  font-size: small;
}

div.article_title {
  font-weight: bold;
  color: #888
}

div.article_desc   {

}

div.ntime,
div.link a {
  color: white;
  text-decoration: none;
  font-size:small;
}


/********scientifig_article*********/

div.scientific_article {
  margin-top: 20px;
  margin-bottom: 50px;
}

div.scientific_article_who {
  font-size: small; 
}

div.scientific_article_place {
  font-size: small; 
}

div.scientific_article_title {
  font-weight: bold;
  margin-bottom: 6px
}

div.scientific_article_desc   {

}




/* have some space around the pictures in the catalogue */

div.prod div.name {
  font-size: 12px; 
  top: 0px;
  text-transform: uppercase; 
  letter-spacing: 0.05em;
  padding-top: 0px;
  margin-bottom: -7px;
}

div.prod div.subname {
  bottom: 0px;
}

div.prod div.desc {
  padding-left: 180px;
}

div.prod div.pic img {
  padding-right: 40px;
  padding-bottom: 40px;
  
}
/* tag guest */


div.guest div.desc {
  padding-left: 105px;
}

div.guest div.pic img {
  padding-right: 20px;
  padding-bottom: 40px;
  
}



/* person table */


table.person_table {
  table-layout: fixed;
  padding: 0px;
  margin: 0px;
}

table.person_table img {
  padding-bottom: 10px;
}

table.person_table td {
  width: 200px;
  font-size: 90%;
  line-height: 120%; 
  padding: 0px;
  margin: 0px;
  padding-bottom: 30px;
  padding-top: 10px;

}

table.person_table td b {
  font-size: 110%;
}

/* parpicture tag for people*/


p img.parpicture  {
  padding-right: 20px;
  padding-bottom: 2px;
}


/* download link border */ 

p.bodytext a.download img { border: 0px; }
/* p.bodytext a.download { text-decoration:none; font-size:0.8em; }*/
p.bodytext { padding:0px; margin:0px; }