/* *****************************************
     Web represenation
   ***************************************** */

/* General */

body {
  background: #ffffff;
  color: #000000; 
  margin: 0;
  padding: 0px 0px 0px 0px;
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
  /* font-size: 100%; */
  font-size: 13px;
  line-height: 1.3;
}

sup {
  line-height: 0px;
  font-size: 84%;
  vertical-align: 0.65ex;
}


/* Logo */
 
#header { 
  background: white url("pics/logo-back.png") repeat-x;
  color: black;
  padding: 0px;
  margin: 0px;
  height: 62px;
  border-width: 1px 0px 1px 0px;
  border-color: black;
  border-style: solid;
}

#logo {
  background: transparent url("pics/DFTB-blue.png") no-repeat left top;
  padding: 0px;
  margin: 0px;
  height: 100%;
}

#logo span {
  display: none;
}


/* Left navigation bar and menues */

#leftbar {
  background: white;
  color: #ccb547;
  margin: 0;
  padding: 0;
  width: 12em;
  position: absolute;
  left: 0;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: black;
}

#leftmenu {
  margin: 0;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #333333;
  border-width: 1px 0px 0px 0px; 
}

#leftbar-top {
  background: #ffffff;
  color: inherit;
  height: 3px;
  padding: 0;
  margin: 0;
  font-size: 0px;
}

.menu-level1-normal {
  background: #8484f4;
  color: black;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #333333;
  font-weight: bold;
  font-style: normal;
  padding: 7px 0px 7px 8px;
  margin: 0 0 0 0;
  list-style-type: disc;
  list-style-position: inside;
  display: list-item;
}

.menu-level1-active {
  background: #a6a6f4;
  color: black;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #333333;
  font-weight: bold;
  font-style: normal;
  padding: 7px 0px 7px 8px;
  margin: 0 0 0 0;
  list-style-type: disc;
  list-style-position: inside;
  display: list-item;
}

.menu-level2-normal {
  background: #8484f4;
  color: black;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #333333;
  font-weight: bold;
  font-style: normal;
  padding: 7px 0px 7px 20px;
  margin: 0 0 0 0px;
  list-style-type: circle;
  list-style-position: inside;
  display: list-item;
}

.menu-level2-active {
  background: #a6a6f4;
  color: black;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #333333;
  font-weight: bold;
  font-style: normal;
  padding: 7px 0px 7px 20px;
  margin: 0 0 0 0px;
  list-style-type: circle;
  list-style-position: inside;
  display: list-item;
}

.menu-level3-normal {
  background: #8484f4;
  color: black;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #333333;
  font-weight: bold;
  font-style: normal;
  padding: 7px 0px 7px 32px;
  margin: 0 0 0 0px;
  list-style-type: square;
  list-style-position: inside;
  display: list-item;
}

.menu-level3-active {
  background: #a6a6f4;
  color: black;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #333333;
  font-weight: bold;
  font-style: normal;
  padding: 7px 0px 7px 32px;
  margin: 0 0 0 0px;
  list-style-type: square;
  list-style-position: inside;
  display: list-item;
}

#leftmenu a:link { 
  background: inherit; 
  color: black;
  text-decoration: none;
}

#leftmenu a:visited {
  background: inherit;
  color: black;
  text-decoration: none;
}

#leftmenu a:hover {
  background: inherit; 
  color: white;
  text-decoration: none;
}


/* Left login box */

#leftlogin {
  background: #8484f4;
  color: black;
  padding: 50px 5px 20px 5px;
  font-size: 90%;
}

.userinfo {
  font-weight: bold;
  border: solid 1px #a6a6f4;
  padding: 0px 4px 0px 4px;
}

.loginfield {
  background-color: #b2b2b2;
  color: black;
  width: 95%;
}

.passbutton {
  margin: 0.5em 0px 0px 0px;
  background-color: #a6a6f4;
  border-width: 1px;
  border-style: solid;
  border-color: silver black black silver;
  color: black;
  height: 2em;
}


/* Content related settings */

#content {
  max-width: 60em;
  padding: 0 1em 0 13em;
  text-align: justify;
}

#content a:visited, #content a:link {
  text-decoration: none;
  font-weight: bold;
  background-color: inherit;
  color: #3a3a64;
}

#content a:hover {
  text-decoration: underline;
  font-weight: bold;
  background-color: inherit;
  color: #222222;
}

h1.firstonpage {
  margin-top: 9px;
  margin-bottom: 1.0em;
  background: #a6a6f4;
  color: black;
  padding: 2px 12px 2px 12px;
  border: 1px solid black;
  font-size: 130%;
}

h1 {
  margin-top: 1.5em;
  margin-bottom: 1.0em;
  background: #a6a6f4;
  color: black;
  padding: 2px 12px 2px 12px;
  border: 1px solid black;
  font-size: 130%;
}

h1.newsbar {
  margin-top: 2em;
  margin-bottom: 0.5em;
  background: #d9d9d9;
  color: black;
  padding: 2px 12px 2px 12px;
  border: 1px solid black;
  font-size: 110%;
}

h2 {
  font-size: 120%;
}

h3 {
   font-size: 100%;
}


/* News */

.newsheader {
  float: left;
  font-size: 100%;
}

.newsdate {
  float: right;
}

.newstext {
  clear: both;
}


/* Tables */

thead {
  color: black;
  background: #d9d9d9;  
}

th {
  vertical-align: top;
  padding: 2px 6px 2px 6px;
  font-weight: bold;
  text-align: center;
}

td {
  vertical-align: top;
  padding: 4px 6px 4px 6px;
}

td p.bodytext {
  padding: 0px;
  margin: 0px;
}


/* Lists */

li {
  margin: 0px 0 1ex 0;
}


/* Backbutton */

div.backbutton {
  padding: 3em 0em 0em 0em;
}

img.backlogo {
  padding: 0px 10px 0px 0px;
  vertical-align: middle;
}



/* ****************************************** 
     Printing style 
   ****************************************** */

@media print {
body {
  background: #ffffff;
  color: #000000; 
  margin: 0;
  padding: 0;
  font-family: arial,helvetica,sans-serif; 
  font-size: 10pt;
  line-height: 1.3;
}  

#header {
  display: none;
}

#leftbar {
  display: none
}

#content {
  max-width: 80em;
  padding: 0;
} 

}