/* University of St Andrews */
/* See www.st-and.ac.uk/templates.shtml */

/* Main style for the body text */
p,ul,ol,td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #000000
}

/* Code highlighting */
.code {
  font-family: "Courier New", Courier, mono;
  font-size: 90%;
  color: #0099CC
}

/* Section headers */
/* Note: when using the h3 style then a blank link will be placed */
/* after the text. If this is not desired then use the 'header' style */
/* h3 is a redefinition of the <h3> </h3> tags. Use like: <h3>Section Title</h3> */

h1,h2,h3,h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #1C59A1
}


.headerBIG {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24pt;
  font-weight: bold;
  color: #1C59A1
}


/* The navigation list text (below the top buttons) */
.navText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  color: #000000;
  text-decoration: none ;
  font-weight: bold
}

/* Smallest text */
.smalltext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
  color: #000000
}


/* These describe how the links react when the */
/* mouse moves over them or clicks */

.link { text-decoration: none}
a:hover { color: #666666; text-decoration: underline}

.bluelink { text-decoration: none; color: #1D5AA1}
a.bluelink:visited { color: #1C59A1}
a.bluelink:hover { color: #666666}

.navLink { color: #184883; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: small; font-style: normal}
a.navLink:visited { color: #1C59A1}
a.navLink:hover { color: #990000}

.sectionlink { text-decoration: none; font-weight: bold ; color: #1C59A1}
a.sectionlink:visited { color: #1C59A1}
a.sectionlink:hover { color: #990000}

.blacklink { text-decoration: underline; color: #000000}

.redlink { text-decoration: none; color: #990000}

.stronglink { text-decoration: none; font-weight: bold}

.newslink { text-decoration: none; font-weight: normal; color: #1C59A1}


.header {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #1c59a1}

body { background-color:#C0C0C0; font-size:120%; }
.rosabox { background-color:#FFDDDD; padding:6px; margin:0px; }
.rosa { background-color:#FFDDDD; }
.gelbbox { background-color:#FFFF66; padding:6px; margin:0px; }
.gelb { background-color:#FFFF66; }

#footer {
    clear:left;
    margin-top:10em;
    background:#efefef;
    text-align:center;
    padding:10px;
    font-size:70%;
}

@media (max-device-width:1000px) {
  body { background-color:#A0FFFF; font-size:300%; }
  p,ul,ol,td {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 200%;
      color: #000000
  }
  .headerBIG {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 48pt;
      font-weight: bold;
      color: #1C59A1
  }
}

@media (min-device-width:1000px) {
  body { background-color:#C0C0C0; font-size:120%; }
}

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}

th, td {
    padding: 6px;
}