@media screen {

html {
  color               : black;
  background-color    : #999;
  margin              : 0.5ex;
  padding             : 0px;
  border              : none;
  background-image    : none;
/*
  background-image    : url("img/logo/sth-logo-mosaic.png");
  background-repeat   : no-repeat;
  background-attachment: fixed;
  background-position : 20px 60px;
*/
}

body {
  font-family         : "Georgia", serif;
  font-size           : 101%;
  margin              : 0px;
  padding             : 0.5ex 2em;
}

p {
  margin              : 0px;
  padding             : 0px;
  border              : none;
}

tt {
  font-family         : "DejaVu Sans Mono", "Lucida Console", Lucida,  monospace;
}

sup, sub {
  font-size           : 80%;
}

hr {
  width               : 100%;
  height              : 0px;
  color               : #FFE;
  background-color    : #FFE;
  margin              : 0px;
}

a, a:link, a:active {
  padding             : 0px;
  text-decoration     : underline;
}

a[href^="http://"]:after {
  content             : "\20\2197";
}

a:hover {
  color               : #0A0;
}

a[hreflang]:after {
  content             : " [" attr(hreflang) "]";
  font-size           : smaller;
  font-weight         : 300;
  text-decoration     : none;
}

table {
  border-spacing      : 2px;
  background-color    : #5577AA;
  border              : none;
  margin-left         : auto;
  margin-right        : auto;
  margin-top          : 1em;
  margin-bottom       : 1em;
}

table.images td, table.images th {
  text-align          : center;
}

div.negativ {
  background-image    : url("img/negativ_big.png");
  background-repeat	  : no-repeat;
  background-position : top right;
  background-color	  : #fff2f2;
  padding-right	 	  : 50px;
  color               : #600;
  /* background-color    : rgba(255,0,0,20); */
}

div.positiv {
  background-image    : url("img/positiv_big.png");
  background-repeat	  : no-repeat;
  background-position : top right;
  background-color	  : #f2ffff;
  padding-right	 	  : 50px;
  color               : #066;
  /* background-color    : rgba(255,0,0,20); */
}

div.positiv li {
  list-style-image: url("img/positiv_small.png");
}

div.negativ li {
  list-style-image: url("img/negativ_small.png");
}

p.images, div.image, div.image p {
  text-indent         : 0px !important;
  text-align          : center !important;
}
p.images img {
  margin              : 9px;
  padding             : 1px;
}

p.signature {
  font-style          : italic;
  text-align          : right;
}

caption {
  margin              : 1em 0px 0px 0px;
  margin-left         : auto;
  margin-right        : auto;
  padding             : 0px;
  font-weight         : normal;
  font-variant        : small-caps;
  text-align          : right;
  border-top          : 1px solid black;
}

th {
  background-color    : #C6E8C6;
  text-align          : left;
  font-weight         : bold;
  vertical-align      : top;
  padding             : 1px 1ex;
}

td {
  background-color    : #DDDDCC;
}

thead, tfoot {
  font-weight         : normal;
  color               : #FFFFFF;
  background-color    : #5577AA;
  text-align          : center;
}

thead th, thead td {
  font-weight         : normal;
  background-color    : #335599;
  color               : inherit;
  text-align          : center;
}

tfoot th, tfoot td {
  font-weight         : normal;
  background-color    : #335599;
  text-align          : left;
}

tfoot a {
  color               : white;
}

q {
  font-family         : "DejaVu Serif", "Bookman Old Style", serif;
  font-style          : normal;
  quotes              : "\201E" "\201C" "\2039" "\203A";
}

blockquote {
  font-family         : "DejaVu Serif", "Bookman Old Style", serif;
  background-image    : url("img/pergament.png");
  border              : double 4px #A5A17D;
  margin              : 1ex 2em;
  padding             : 5px 1em;
  font-style          : normal;
}

blockquote.error {
  background-image    : none;
  background-color    : #DDD;
  color               : black;
  border              : 2px solid red;
}

pre {
  font-family         : "DejaVu Sans Mono", "Lucida Console", monospace;
  border-left         : 3px dotted black;
  background-color    : #EED;
  margin              : 1ex 2em;
  padding             : 5px 1em;
  overflow            : auto;
}

blockquote pre {
  font-family         : inherit;
  border              : none;
  margin              : 0px;
  padding             : 0px;
}

ul, ol {
  margin              : 8px 2em;
  padding             : 0px;
}


ul.site_sitemap li {
  margin              : 0px;
  padding             : 0.4ex 2px;
}

dd ul, dd ol, div.fright ul {
  margin              : 0px;
}

li {
  margin              : 1px 0px 1px 1em;
  list-style-position : outside;
  padding             : 0.2ex 0.5em 0.2ex 0em;
}

dl {
  margin              : 1ex 0px 1em 1em;
  padding             : 1ex 1em;
  border-bottom       : 1px dotted #AA9;
}

dt {
  margin              : 1ex 0px 0px 0px;
  padding             : 0px;
  text-decoration     : underline;
  font-weight         : bolder;
}

dd {
/*  text-indent         : -1em; */
  margin-left         : 1em;
  font-weight         : normal;
}


em {
  font-weight         : bolder;
  font-style          : normal;
}

strong {
  font-style          : italic;
  font-weight         : bold;
  text-decoration     : underline;
}

kbd {
  border-top          : 2px solid silver;
  border-right        : 4px solid gray;
  border-bottom       : 3px solid gray;
  border-left         : 3px solid silver;
  background-color    : #DDD;
  padding             : 0px 0.5ex;
  margin              : auto 0.5ex;
  color               : black;
  font-family         : "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
  font-size           : 70%;
}

ins {
  color               : green;
  font-weight         : bold;
  text-decoration     : underline;
}

del {
  color               : red;
  font-weight         : bold;
  text-decoration     : line-through;
}


span.comment {
  display             : block;
  background-color    : #EEE
}

div.menu hr {
  display             : none;
}


div.menu dd {
  margin-left         : 1ex;
  margin-top          : 1ex;
  text-indent         : 0px;
}

div#content {
  padding             : 0px 5px 0px 5px;
  text-align          : left;
  border              : 1px solid black;
  background-color    : white;
  /* max-width           : 55em; */ 
  background-image    : none; /* url("img/logo/sth-logo-mosaic.png"); */
  background-repeat   : no-repeat;
  background-attachment: fixed;
  background-position : center center;
}

div.menu {
  font-size           : 120%;
  padding             : 0px;
  margin              : 0px;
  background-color    : #0080D8;
  color               : white;
  border-left         : 1px solid #999;
  border-right        : 1px solid #999;
  text-align          : center;
}

div.menuads {
  margin              : 0px 0px 1em 1em;
  padding             : 0px;
  float               : right;
  border: 1px solid red;
}

div.sideads  {
  margin              : 0px;
  padding             : 0px;
  border: 1px solid blue;
  position: absolute;
  right : 5px;
  top: 6em;
  width: 125px;
  height: 610px;
}


div#content p.languages {
  text-align          : right !important;
  background-color    : #D55;
  color               : white;
  text-indent         : 0px !important;
  position            : fixed;
  bottom              : 0px;
  left                : 0px;
  width               : 12em;
  z-index             : 255;
  margin              : 1px;
  padding             : 4px;
}

div#content p.languages a, div#content p.languages a:visited {
  color               : white;
}


address {
  font-family         : "DejaVu Serif", "Bitstream Vera Serif", serif;
  font-variant        : small-caps;
  font-size           : 1.5em;
  font-style          : normal;
  font-weight         : normal;
  text-align          : center;
  white-space         : pre;
  background-color    : #ECECEC;
  color               : #666;
  background-image    : url("img/bg_head.png");
  width               : 80%;
  margin              : 1% auto;
  padding             : 1em 0;
}

img {
  border              : 2px solid #009900;
  margin              : 0px;
  padding             : 0px;
}

img.noborder {
  border              : none;
}

img.bg {
  padding             : 2px;
}

a img  {
  border              : 2px solid #2222FF !important;
  padding             : 0px;
  background-image    : none;
}

p.impressum a img {
  border              : none !important;
}

p.impressum a[href^="http://"]:after {
  display             : none;
}

a img:hover {
  border-color        : #0A0 !important;
}

img.flag {
  border              : none;
  padding             : 1px;
  margin              : 1px;
}


div#content p {
  margin              : 0px 0px 2ex 0px;
  padding             : 0px 1em;
  text-indent         : 1em;
  text-align          : justify;
}

div#content p#data {
  margin-top          : 1em;
}



div#content p.navbar {
  margin              : 0px -5px 2em -5px;
  padding             : 0px 1ex 0.3ex 1ex;
  background-color    : #00A0FF;
  color               : white;
  text-indent         : 0px;
  text-align          : left;
  border-bottom       : 2px solid #FFFFFF;
}

div#content p.impressum {
  font-family         : "Comic Sans MS", fantasy;
  font-size           : 90%;
  font-weight         : normal;
  margin              : 0px 4em 1ex 4em;
  padding             : 1ex 1em;
  color               : #666;
  background-color    : #EEF;
  text-indent         : 0px;
  text-align          : center;
  border              : 1px solid #0080D8;
  border-radius       : 1em;
  clear               : both;
}

div#content p.impressum a {
  color               : #66A;
}

p.badges {
  padding             : 0px;
  margin              : 0px;
  float               : right;
  width               : 80px;
  text-align          : center;
  vertical-align      : middle;
  border              : 2px dotted #FF0000;
  background-color    : #FFFFFF;
}

div#content p.update, dd.update {
  border              : 2px outset red;
  background-color    : #FDD;
}

div#content p.sitenav {
  margin              : 0px 0px 1ex 0px;
  padding             : 2px 3px;
  text-indent         : 0em;
  text-align          : right;
  background-color    : inherit; 
  color               : #FF2222;
  border-bottom       : 1px dotted #7777AA;
  clear               : left;
}

p.sitenav a, p.sitenav a:visited, p.sitenav a:active  {
  text-decoration     : underline;
}

p.sitenav a:hover {
  text-decoration     : none;
  background-color    : inherit;
}

h1, h2, h3 {
  font-family         : "DejaVu Serif", "Bitstream Vera Serif", serif;
  font-variant        : small-caps;
  text-align          : left;
  text-decoration     : none;
  color               : #000000;
  margin              : 0px 0px 1em 0px;
  padding             : 2px;
}

h1 {
  border-bottom       : double #000000;
  font-size           : 1.4em;
  padding-left        : 1ex;
}


div#title {
  margin-bottom       : 1ex;
  padding             : 0px 5em;
  background-color    : white;
  color               : black;
  background-image    : url("img/logo/sth-logo-solid60.png");
  background-repeat   : no-repeat;
  background-position : left center;
  border-radius       : 1ex;
  border-bottom       : 3px solid #004098;
  border-right        : 3px solid #004098;
}

div#title h1 {
  border              : none;
  margin              : 0px;
  padding             : 0.3ex 0px 0px 0px;
  font-size           : 180%;
  font-variant          : small-caps;
  text-align          : center;
  letter-spacing      : 0.3ex;
  color               : #999;
}

div#title h2 { 
  margin                : 0px;
  padding               : 0px 0px 1ex 0px;
  font-size             : 140%;
  font-weight           : normal;
  text-align            : center;
  color                 : #004098;
  letter-spacing        : 2px;
  font-variant          : small-caps;
  border                : none;
  font-weight           : bold;
}

div#title small {
  display               : block;
  position              : absolute;
  right                 : 4em;
  font-size             : 8pt;
  color                 : #DDD;
  margin                : 0px;
  padding               : 0px;
  text-align            : right;
  font-family           : monospace;
}

h2 {
  border-bottom       : 1px solid #000000;
  font-size           : 1.4em;
  padding-left        : 2em;
}

h3 {
  border-bottom       : solid 1px black;
  font-size           : 1.2em;
  text-align          : right;
  margin-left         : 3em;
}

h4, h5, h6 {
  margin-left         : 15em;
  font-size           : 1em;
  text-align          : right;
  text-decoration     : underline;
}

h2.head, h3.head, h4.head, h5.head, h6.head {
  margin              : 5px 1em 2px 10px;
  font-size           : 1em;
  padding             : 5px;
  float               : right;
/*  clear               : right; */
  width               : 35%;
  border              : 1px outset #555;
  background-color    : #EEE;
  color               : #777;
  background-image    : url("img/bg_head.png");
  background-attachment: scroll;
  background-repeat   : repeat;
}

h4.head, h5.head, h6.head {
  /* inherits from above! */
  border              : 1px inset #AAAA77;
  text-align          : right;
  width               : 25%;
  text-decoration     : none;
}

div#content .fright {
  border-left         : 1px solid black;
  border-bottom       : 1px solid black; 
  margin              : 0px 0px 1ex 1ex;
  padding-top         : 0px;
  float               : right;
  clear               : right;
  text-indent         : 0px;
  background-color    : #EEEEDD;
}

div#content img.fright {
  border              : 2px solid #999900;
}


div#content .fleft {
  margin              : 0px 1ex 1ex 0px;
  padding             : 0px;
  float               : left;
  text-indent         : 0px;
}

*[title] {
  border-bottom       : 1px dotted green;
  cursor              : help;
}
li[title]:after {
  content             : " [" attr(title) "]";
  font-size           : smaller;
  font-weight         : lighter;
}

}
















/*** imported from menu.css ***/

.no {
  display             : none;
}

div.menu small {
  color               : #22A;
}

div.menu strong, div.menu a,
a.supersite, a.supersite:link, a.supersite:active, a.supersite:visited {
  font-family         : "Palatino Linotype", serif;
  color               : white;
  font-weight         : bold;
  font-style          : normal;
  padding             : 0px 1ex;
  margin              : 0px;
}

div.menu a {
  text-decoration     : underline;
}

div.menu strong, div.menu em a {
  background-color    : #00A0FF;
  color               : white;
  text-decoration     : none;
}

a.supersite, a.supersite:link, a.supersite:active, a.supersite:visited, div.menu em a, div.menu em a:visited {
  text-decoration     : none;
}

a.supersite:hover, div.menu a:hover {
  color               : #FFFFEE;
  background-color    : #008;
  text-decoration     : underline;
}

p.navbar a, p.navbar a:visited {
  margin              : 0px;
  padding             : 0px;
  border-top          : none;
  border-bottom       : none;
  font-weight         : normal;
  text-decoration     : underline;
  font-size           : 1em;
  text-align          : left;
  color               : white;
}

p.navbar:before {
  display: inline;
  content: "//";
}

p.navbar a:hover {
  color               : white;
  background-color    : #0080D8;
  text-decoration     : none;
}

p.hint {
  border              : 3px double red;
  background-color    : #FDD;
  color               : red;
  font-weight         : bolder;
}

ul.submenu, ul.site_submenu {
  background-color    : #F6F6F6;
  margin              : 1ex 1em;
  padding             : 2px;
  /*border-left         : 5px dotted #EEE;
  border-right        : 5px dotted #EEE;*/
  border-right        : 2px solid #EEE;
  border-bottom       : 2px solid #EEE;
  border-top          : 1px solid #CCC;
  border-left         : 1px solid #CCC;
}

div#content>ul.submenu, div#content>ul.site_submenu {
  background-image    : none;
  background-repeat   : no-repeat;
  background-attachment: fixed;
  background-position : 20px 60px;
}

ul.submenu li, ul.site_submenu li {
  list-style-type     : none;
  padding-left        : 1px;
  padding-top         : 0px;
  border              : none;
}

ul.submenu li img, ul.site_submenu li img {
  border              : none;
  margin-right        : 0.5em;
}

ul.site_submenu li.dir {
  list-style-image    : url("img/dir.png");
  padding-left        : 1ex;
  margin-left         : 2em;
}

ul.site_submenu li.file {
  list-style-image    : url("img/file.png");
  padding-left        : 1ex;
  margin-left         : 2em;
}

marquee {
  color               : #F88;
}

marquee a.normal {
  display             : inline;
  color               : blue;
  text-decoration     : underline;
  border              : none;
}


/*
 MEDIA_PRINT
*/
@media print {
* {
  background-image    : none !important;
}
html {
  margin              : 0px;
  padding             : 0px;
  background-image    : none;
}

body {
  font-family         : "Garamond", "Times New Roman", serif;
  font-size           : 10pt;
  margin              : 0px;
  padding             : 0px;
  background-image    : none;
  background          : transparent;
/*  max-width           : 100%; */
/*  width               : auto; */
}

hr {
  width               : 1px;
  margin              : 0px;
  border              : 0px solid #FFE;
  clear               : both;
  background-color    : #FFE;
  color               : #FFE;
}

p {
  padding             : 0px;
  margin              : 0px;
}

a, a:link, a:active {
  color               : blue;
  text-decoration     : underline;
}

a:after {
  display             : inline;
  content             : "(\2197 " attr(href) ")";
  color               : gray;
  font-family         : monospace;
  text-decoration     : none !important;              
}

table {
  border              : none;
  margin              : 0px;
}

td {
  border              : 1px solid black;
}

th {
  border              : 1px solid black;
  text-align          : left;
  font-weight         : bold;
  vertical-align      : top;
}

thead td {
  font-family         : "DejaVu Serif", "Courier New", serif;
  font-weight         : bold;
  text-align          : center;
}

pre {
  border-left         : dotted 2px gray;
  border-top          : dotted 2px gray;
  white-space         : pre;
  margin              : 2em;
  padding             : 5px 1em;
}

blockquote {
  font-family         : "DejaVu Serif", "Bookman Old Style", serif;
  border-left         : dotted 2px gray;
  border-right        : dotted 2px gray;
  white-space         : pre;
  display             : block;
  margin              : 2em;
  padding             : 5px 1em;
  font-style          : italic;
  overflow            : auto;
}

blockquote pre {
  font-family         : inherit;
  border              : none;
  margin              : 0px;
  padding             : 0px;
}

ul {
  margin              : 8px 2em;
  padding             : 0px;
}


li {
  margin              : 1px 0px;
  list-style-position : inside;
  padding             : 0.5ex 0.5em 0.5ex 1em;
}

dl {
  margin              : 0px 0px 0px 1em;
  padding-left        : 1em;
}

dt {
  text-decoration     : underline;
  margin-top          : 0.5ex;
}

dd {
  text-indent         : 0px;
  margin-left         : 1em;
}

div#content {
  margin-left         : 1em;
  padding             : 0px;
}

div#content img {
  border              : 1px solid black;
  margin              : 0px;
  padding             :0px;
}

div#content a img {
  border              : 2px solid blue;
}

div#content p {
  margin              : 0ex 0px 1em 0px;
  padding             : 0px 0.2em;
  text-indent         : 2em;
  text-align          : left;
}

div#title h1 {
  font-size           : 8pt;
  border              : none;
}

div#title small {
  display               : block;
  position              : absolute;
  font-size             : 8pt;
  color                 : #DDD;
  margin                : 0px;
  padding               : 0px;
  text-align            : right;
  font-family           : monospace;
}

marquee,
div.menu,
div#content p.navbar,
div#content p.impressum,
div#content p.sitenav {
  display             : none !important;
}

div#content p.fright {
  float               : right;
  clear               : right;
  text-indent         : 0em;
}

div#content .fleft {
  float               : left;
  clear               : left;
  text-indent         : 0em;
}

/* andere */
div#title h2 {
  font-variant        : small-caps;
  font-size           : 200%;
  border-bottom       : 3px solid black;
  margin              : 0px;
  text-align          : center;
}

h1, h2 {
  text-decoration     : none;
  color               : black;
  margin              : 0px;
  padding             : 2px;
}

h1 {
  margin-top          : 2em;
  border-top          : 1px solid black;
  text-align          : center;
}

h2 {
  text-align          : left;
}

h3, h4, h5, h6 {
  text-align          : right;
  text-decoration     : none;
}

h2.head, h3.head, h4.head, h5.head, h6.head {
  margin              : 0px 0px 2px 10px;
  font-size           : 1em;
  padding             : 5px;
  float               : right;
  clear               : right;
  width               : 35%;
  border              : 1pt inset black;
}

h4.head, h5.head, h6.head {
  /* inherits from above! */
  border              : 1px inset black;
  font-weight         : normal;
  text-align          : right;
  width               : 25%;
  text-decoration     : none;
}

div.menuads { 
  display             : none;
}


}