@charset "UTF-8";
a:link { color:#3300FF;background-color:transparent; }
a:active { color:#CC0033;background-color:transparent; }
a:visited { color:#990066;background-color:transparent; }
a:hover { color:#CC0033;background-color:transparent; }
.hover { color:#CC0033;background-color:transparent; }
.rot { color:#FF0000;background-color:transparent; }
div, td, th, p, ol, ul, h1, h2, h3, h4, h5, blockquote { font-family:Arial,Helvetica,sans-serif;text-align:justify; }
h1 {text-align:center;text-shadow: 0.1em 0.1em 0.07em #777;}
.serif { font-family:'Times New Roman',Times,serif }
small.x { font-size:x-small; }
.small { font-size:small; } 
div.seitenEnde { clear:both;font-size:smaller; }
body { background-repeat:repeat-y;background-color:#FFFFCC;color:black; }
hr { width:95%;height:5px; }
.clear { clear:both; }

img { border-width:0px; }

b.arr { font-weight:bold; }

a img, .border, img.linksBild, img.rechtsBild { border-width:2px;border-style:solid;border-color:black; }

img.noborder, div.footer img { border-width:0px }

div.footer b { margin-left:4em }

a:link img { border-color:#3300FF; }
a:active img { border-color:#CC0033; }
a:visited img { border-color:#990066; }
a:hover img { border-color:#CC0033; }

img.linksBild { float:left; }
img.rechtsBild { float:right; }

img.linksBild, img.rechtsBild { margin:10px; }

img.pf { border-width:0px;margin-right:0.5em; }

/* ex-links (Studium-Seite) */
b.exa { color:#330000;text-decoration:underline;background-color:transparent;font-weight:normal; }

div.folie { 
  width:55%;
  background-color:#FFFFFF;
  color:#000033;
  font-size:smaller;
  padding:5px;
  border-width:thin;
  border-color:#CCCCCC;
  border-style:outset;
  margin-left:1em;
 }

div.language { float:left; }
div.update { float:right; }

a.trenner:hover  { color:black;background-color:transparent; }
a.trenner img { border-width:0px;margin-bottom:0.5em; }

ul.toc, ul.tocbr { list-style-image:url(/~vplaga/pic/xgdown.gif);line-height:140%; }
ul.toc { float:left;margin-right:1em; }
li.other { list-style-image:url(/~vplaga/pic/xgright.gif); }

div.pinmenu, div.header, div.footer { 
    background-color: #FFF;color:#000;
}

div.pinmenu {
    margin: 1em;
    margin-left:-2em;
    padding:0em;
    position: fixed;
    line-height:140%;
    float: left;
    width: 11em;
    text-align:left;
    z-index:1;
}

div.pinmenu ul { list-style:none; }

div.content, div.makethumbs {
    border-width:3px;
    border-color:#3300CC;
    border-style:solid;
    padding:1em;
}

div.header, div.footer {
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left:1.5em;
    padding-right:1.5em;
    width:92%;
    max-width:58em;
    margin:auto;
}

div.header { height: 1.1em; }

div.header div { font-size:smaller; }

div.footer{ margin-bottom:1em; }

div.dummy { 
    clear:right;
}

div.content { 
    margin:auto;
    margin-top:1em;
    margin-bottom:1em;
    max-width:60em;
}

ul.sub {
    font-weight:normal;
    font-size:smaller;
    background-color:#FFE8E0;
    width:50%;
    text-align:left;
}

ul.sub li { margin-left: -2em; }

div.pinmenu li.s, div.pinmenu li.subs { font-weight:bold; }

div.page {
    position:absolute;
    margin-left: 11em; /* change according to menu */
    margin-right: 1em;
    margin-top: 1em;
    left:0em;right:0em;
}

div.show_menu { width:100%;text-align:right;visibility:collapse;font-size:x-small; }
div.hide_menu { margin-left:4em;visibility:visible;font-size:x-small; }
p.counter { margin-left:3em;font-size:small; }

div.pinmenu li a {
    display: block;
    padding-left:1em;margin-right:1em;
}

div.pinmenu a, div.footer a { text-decoration:none; }
div.pinmenu a:link { color:#3300FF;background-color:transparent; }
div.pinmenu a:active { color:#FF0000;background-color:transparent; }
div.pinmenu a:visited, div.footer a:visited { color:#3300FF;background-color:transparent; }
div.pinmenu a:hover { color:#003;background-color: #CF9; }

/* fuer die news-Seite */
p.d { color:black;background-color:#CCCCFF;border-width:1px;border-color:black;border-style:solid;padding:0.2em }

li.title { list-style-type:none;text-align:center;font-style:italic;margin-bottom:0.5em; }

iframe.phpBox {
  position:fixed;
  bottom:1em;
  left:0.4em;
  z-index:0;
  width:11em;
  height:7em;
  border-width:0px;
}

/* drei Zeilen fuer die Photo-Seite */
   div.block, p.photograph { clear:left }
   div.block { padding-top:13px; }
   p.photograph { font-size:smaller }

/* Wird auf der Nibbles-Seite gebraucht */
  a.n {text-decoration:none;font-size:large;}

div.file { background-color:#CCCCFF;color:black;border-width:5px;border-style:double;padding:1em; }
b.file { font-family: monospace }

.zentr { text-align:center; }

pre.file { 
  background-color:#CCCCCC;
  color:#000000;
  border-width:thin;
  border-color:#9999FF;
  border-style:outset;
  padding:0.5em;
}

pre.output {
  background-color:#000;
  color:#FFF;
  border-width:thin;
  border-color:#9999FF;
  border-style:outset;
  padding:0.5em;
  max-width:40em;
  margin:auto;  
}

/* Für Anfang und "old_news": */
p.d {width:8em;text-align:center; }

@font-face {
  font-family:"Alte Schwabacher"; font-style: normal; font-weight: normal;
    src: url(http://vlado-do.de/css/ALTESCH1.eot); /* IE */
    src:local("Alte Schwabacher"), url(AlteSchwabacher.ttf) format("truetype");
}
@font-face {
  font-family:"Alte Schwabacher"; font-style:italic; font-weight:normal;
    src: url(http://vlado-do.de/css/ALTESCH0.eot); /* IE */
    src: local("Alte Schwabacher DemiBold"), url(AlteSchwabacherDemi.ttf) format("truetype"); }

@font-face { font-family:"Alte Schwabacher"; font-style:normal; font-weight:bold;
    src: url(http://vlado-do.de/css/ALTESCH0.eot); /* IE */
    src: local("Alte Schwabacher DemiBold"), url(AlteSchwabacherDemi.ttf) format("truetype"); }

/* CSS3 properties for use with Opera 10.5 and other browsers (although end 2009 Mozilla and WebKit still need specific prefixes */
div.pinmenu, div.header, div.footer, div.pinmenu li a, div.content, div.makethumbs, ul.sub, p.news, p.d, .round, ul.news, div.thumbtext, div.img_txt, td.descr {
    border-radius: 1em;
    background-clip: padding-box;
}

div.pinmenu {
  box-shadow: 10px 5px 10px #333;
}