/* cantarell-regular - latin */
@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/cantarell-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cantarell Regular'), local('Cantarell-Regular'),
       url('fonts/cantarell-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/cantarell-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/cantarell-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/cantarell-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/cantarell-v9-latin-regular.svg#Cantarell') format('svg'); /* Legacy iOS */
}

body
  {
     font-family:Andika,Helvetica,Sans,Arial;
     margin:0;
     background:#ffefdb;
     color:#000000;
  }
 
.section {
     margin-left:30px;
}
 
.note {
     background:#eedfcc;
     color:#000000;
     border:solid 1px #000000;
     -webkit-box-shadow:5px 5px 15px #888888;
     -moz-box-shadow:5px 5px 15px #888888;
     box-shadow:5px 5px 15px #888888;
     padding:10px;
}

.dark
{
     background:#cdc0b0;
}
.border
{
     background:#000000;
     font-weight:bold;
}
.darktab
{
     color:#ffffff;
     border-style:solid;
     border-width:1px;
     border-color:#000000;
     background:#a52a2a;
     background-image:url('Pictures/bg-red.gif');
     padding:5px;
}
.brighttext
{
     color:#ffefdb;
     font-weight:bold;
}
.runningtab
{
     position:fixed;
     top:170px;
     right:18px;
     width:130px;
     background:#eedfcc;
     color:#000000;
     border:solid 1px #000000;
     -webkit-box-shadow:5px 5px 15px #888888;
     -moz-box-shadow:5px 5px 15px #888888;
     box-shadow:5px 5px 15px #888888;
     opacity: 0.9;
     padding:10px;
     padding-top:3px;
}
.title
{
     background:#cdc0b0;
     background-image:url('');
     background-image:url('Pictures/bg-antiquewhite.gif');
     font-family:Source Sans Pro,Helvetica,sans-serif,Arial;
     font-size:20px;
}
td.title
{
     padding:10px;
}
.title600
{
     width:260px;
     background:#cdc0b0;
     background-image:url('');
     background-image:url('Pictures/bg-antiquewhite600.gif');
}
.bright2
{
     background:#CDC0B0;
     color:#000000;
}
.bright
{
     background:#eedfcc;
     color:#000000;
}
.red
{
     background:#a52a2a;
     background-image:url('Pictures/bg-red.gif');
     color:#ffefdb;
}    font-weight:normal;

.subtitle
{
     font-size:14px;
     font-weight:bold;
}
.nav
{
     background:#eedfcc;
     font-weight:bold;
     padding:4px;
     padding-right:2px;
}
table.nav
{
     -webkit-box-shadow:3px 3px 15px #eedfcc;
     -moz-box-shadow:3px 3px 15px #eedfcc;
     box-shadow:3px 3px 15px #eedfcc;
     padding:10px;
     padding-left:0px;
     padding-right:0px;
     width:170px;
}
.nav_sel
{
     background:#ffefdb;
     font-weight:bold;
     padding:4px;
     padding-right:2px;
}
.nav_over
{
     background:#CDC0B0;
     font-weight:bold;
     padding:4px;
     padding-right:2px;
}
td, input, submit, ol, ul, p
  {
     font-size:12px;
     font-family:Cantarell,Helvetica,Sans,Arial;
  }
kbd, pre, code
  {
     font-family:Source Code Pro,Courier;
  }
td.equ, span.equ
  {
     font-family:Times,Serif;
  }
input, submit
  {
	font-size:12px;
  }
a:link
  {
    color:#a52a2a;
  }
a:visited
  {
    color:#a52a2a;
  }
a:active
  {
    color:#ff0000;
  }
a:hover
  {
    color:#2A2AA5;
  }
a.list
  {
    font-weight:bold;
    color:#A52A2A;
  }
a.list:hover
  {
    font-weight:bold;
    color:#2A2AA5;
  }
a.hidden
  {
    color:#000000;
    text-decoration:none;
  }
a.hidden:hover
  {
    color:#A52A2A;
    text-decoration:underline;
  }
a.style
  {
    font-size:10px;
    color:#ffefdb;
    text-decoration:none;
    font-weight:bold;
  }
a.style:hover
  {
    font-size:10px;
    color:#FFFFFF;
    text-decoration:underline;
    font-weight:bold;
  }

a:is([href*='://'], [href^='http://'], [href^='https://']):not([href*='pik-potsdam.de']):not([href^='?']):not([href^='#']):not([href^='/']):not(.noexternal):after {
      /*content: "\2197\0020";
      content: "\2348";*/
      white-space: nowrap;
      padding-left:3px;
      content: url('Pictures/external.svg');
      filter: brightness(40%) contrast(80%);
}



input, textarea
  {
    border-color: rgb(255, 239, 219); 
    font-family: Source Code Pro,courier; 
    color: rgb(0, 0, 0); 
    background-color: rgb(255, 239, 219);    
  }
.submit
  {
    background-color:#A52A2A;
    color:#FFEFDB;
    border-color:#FFEFDB;
    border-style: solid; 
    font-family: ,Cantarell,helvetica; 
    cursor: pointer; 
  }
.submit_over
  {
    background-color:#FFEFDB;
    color:#000000;
    border-color:#000000;
    font-family: Cantarell,helvetica; 
    border-style: solid; 
  }
.submit_click
  {
    background-color:#FFFFFF;
    color:#000000;
    font-family: Cantarell,helvetica; 
    border-color:#000000;
    border-style: solid; 
  }
select
  {
    border-color: rgb(255, 239, 219); 
    font-family: Cantarell,helvetica; 
    color: rgb(0, 0, 0); 
    background-color: rgb(255, 239, 219);    
  }

h1
{
   text-transform:uppercase
}
.comment
{
   color:#a52a2a;
}