/*modEso*/
cite{display:block;font-size:0.8em; text-align:right;margin-bottom:3em}
cite:before{display:marker;content:"-- "}
cite.inline:before{display:marker;content:""}

/*blockquote{padding:5px;margin:1em 1.5em 0 1.5em;font-size:1em}*/
blockquote{background:url(/i/quote.jpg) no-repeat top left;margin:2em 1.5em 0 1.5em;padding:0;font-weight:bold}
blockquote p{font-style:italic;font-size:100%;margin:0;padding:10px}
q{font-style:italic} /*  quotes: "«" "»" "'" "'";*/

abbr,acronym{cursor:help;border-bottom:1px dotted black} /*acronym ist eigentlich deprecated*/
dfn{cursor:help;border-bottom:1px dotted black}
code{font-family:'Lucida Console','Lucida Sans Typewriter Regular',monospace;font-weight:normal;text-align:left}
code code{font-weight:bold}  /*http://www.gungfu.de/facts/archives/2004/06/17/auszeichnen-von-dialogen/*/
code.fan{border-left:2px solid #009;display:block;padding-left:1em;margin-left:0.5em}
code em{font-style:normal;font-weight:bold}

kbd{font-size:95%;font-family:'Courier New', monospace;font-weight:normal;letter-spacing:2px;border-bottom:1px dashed #F90;text-align:left}

ins{text-decoration:none;border-bottom:1px dashed black}
del{font-size:small;text-decoration:line-through}

/*modNav*/
.nav{font-size:75%;margin:1em 0 0 0;list-style:none}
#fromNav:before{display:marker;content:"Sie sind hier:";margin-right:1em}
#fromNav{float:left}
#fromNav li{text-align:left;display:inline;margin-right:1em}
#fromNav li.here{font-style:italic;letter-spacing:3pt}
#fromNav>li.here:after{display:marker;content:""}
#fromNav li:after{margin-left:1em;font-size:1.0em;font-weight:bold;display:marker;content:">>"}
#toNav>li:after{margin-left:1em;font-size:1.0em;font-weight:bold;display:marker;content:"<<"}
#toNav{float:right;margin-left:2em;margin-bottom:5px;min-height:10em}
#toNav li{text-align:right;margin:0}
#toNav li.firstNav{margin-top:1.5em}
#toNav li.contact:after{color:#090;background:transparent}
#toNav li.change{font-weight:bold;margin-right:0.2em;margin-top:0.5em}
#toNav li.change:after{display:marker;content:""}
#toNav li.change:before{display:marker;content:">>";margin-right:0.5em}
#toNav li.intern:after{color:#F90}
#toNav li.differ:after{color:red}
#toNav .contact a{letter-spacing:0.2em; }

.nav a{font-family:Arial, sans-serif;font-size:0.95em;text-decoration:none}
.nav a:link{color:#009;background-color:transparent}
.nav a:visited{color:#B0B0B0;background-color:transparent}
.nav a:active{color:#F00;background-color:transparent}
.nav a:hover{color:#009;background-color:#FF9}

/*modSemX*/
em {font-weight:bold}
em.strong {font-size:normal;letter-spacing:2px} /*large*/ /*TODO: entfernen!*/
em.less {font-weight:lighter; }
small{font-size:0.85em}
strong{font-size:1.1em;font-weight:bold;font-style:italic} /*letter-spacing:0;text-decoration:underline; http://www.useit.com/alertbox/20040510.html*/
sup{font-size:smaller}

/*Standard*/
body {font-family:"Trebuchet MS", Verdana, verdana, Arial, arial, sans-serif;line-height:1.8em;background-color:white;font-weight:bold;padding:0;margin:0;text-align:justify;font-size:16px;min-width:400px;
color:#333; /*http://superfluousbanter.org/archives/000189.php*/ }
html{margin:0;padding:0 200px 10% 200px}

/*if CSS is not supported - show message*/
#browserNote{display:none}

/*fuer skip navigation und generell: zum Verbergen von Daten fuer CSS-faehige Browser*/
.none{display:none}

p.note{margin-top:2em;margin-bottom:3em;color:red}
p.note a:link, p.note a:visited{text-decoration:underline;color:#369}
p.note a:hover{color:white}

#google{position:absolute;top:50px;left:20px}
#google[id]{position:fixed}

#content{clear:both;padding:0;margin:0;z-index:1}
p.workInProgress{border:1px solid red;padding:1em;margin:2em;font-style:italic; letter-spacing:2px}

a{font-family:Arial, sans-serif;font-size:0.95em;text-decoration:none;color:#C00;background-color:transparent;padding:0 3px; /*border-bottom:1px dotted #c00;*/}
a:link{}
a:visited{color:#F66}
a:active{}
a:hover{background-color:#369;color:#fff}

a img {border:1px silver dashed;vertical-align:middle;line-height:1em}
a img.noBorder {border:none; }
img[alt~=externer]{border:none;height:12px;width:10px;background-color:white;border-top:4px white solid} /*Bilder mit dem alt-Attr. 'externer Link' bekommen keinen Border*/
/*img[alt~=externer]:hover{font-size:8px;content:"go";border-top:6px white solid;background-color:white;color:orange}*/
a:hover img[alt~=externer]{background-color:white;color:orange;margin:0}
a:hover img{background-color:white}
.imgL{float:left;margin-right:1em;font-size:smaller;color:#666;background-color:transparent}
.imgR{float:right;margin-left:1em;font-size:smaller;color:#666;background-color:transparent}

.inline{display:inline} /*oder: run-in*/

/* fuer Tabellen mit vielen Links - kommentierte Linksammlungen */
.linkTable{border-spacing:0}
.linkTable tr:first-child td{padding-top:15px}
.linkTable td{padding:25px;vertical-align:top}

p{margin-top:0;margin-bottom:1em}

/*standardwerte*/
table{empty-cells:show;border-spacing:1em 2em;border-collapse:separate;width:100%;margin-bottom:3em;margin-left:auto;margin-right:auto}
td{vertical-align:top}

ol{list-style-type:decimal}
ul {list-style-type:square}
ul ul {list-style-type:circle}
li{padding:0;margin:0;margin-bottom:0.5em}

dt{letter-spacing:1px;font-size:1.1em}
dd{display:inline}

ul.inline ,ul.inline li {display:inline;margin:0;padding:0 0.3em}
ul.inline li:after {content: ", "}
ul.inline li.last:after {content: ". "}
ul.inline li.lastCont:after {content: " "}
/*bei zu viel Inhalt sind list-bullets unschoen.*/
ul.bigList, ol.bigList{list-style:none}

.stress {background:#ffb;color:black;padding:3px 5px}

h1,h2,h3,h4,h5,h6{letter-spacing:0.1em;word-spacing:0.3em;margin-top:1.5em;line-height:1.1em;/*clear:both;*/}
/*laesst die id der jeweiligen Ueberschrift beim Hovern rechts neben dieser erscheinen.
  -> moegliche Linkpunkte kenntlich machen.*/
h1[id]:hover:after, h2[id]:hover:after, h3[id]:hover:after, h4[id]:hover:after, h5[id]:hover:after{display:marker;content:" #" attr(id);font-size:1em;float:right;color:#F93;background:transparent}
h1{background-color:transparent}
h1:first-child{margin-top:0}
h2{background-color:transparent;margin-top:3em}
h3{background-color:transparent;margin-top:2em}
h4{background-color:transparent;margin-top:2em}
h5{background-color:transparent;margin-top:1em}
h6{font-size:small;color:#F90}
h1+h2, h2+h3, h3+h4, h4+h5, h5+h6{margin-top:0}
h1,h2,h3,h4,h5,h6{font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, sans-serif}

.exkurs{float:right;width:25%;padding:0 0 10px 10px;margin-left:1.5em;border-left:1px dotted #F90;font-size:0.8em}
.exkursL{float:left;width:25%;padding:0 10px 10px 0;margin-right:1.5em;border-right:1px dotted #F90;font-size:0.8em}
.exkurs h1,div.exkursL h1{font-size:1.5em}
.exkurs h2,div.exkursL h2{font-size:1.3em;text-align:left}

.nextButton{float:right}
a.button{border:1px #FFDF00 solid;background-color:#FF9;text-decoration:none;padding:0 12px}
a.button:hover{background-color:white;color:black!important;text-decoration:none!important}
.butList{list-style:none}

.toc{width:50%;margin:3em auto 5em auto;list-style:none;border:1px solid #F90;padding:5px 5px 0 5px}
.toc li{display:inline} /*for IE*/
.toc a{display:block;margin:0 0 5px 0;border:1px #FFDF00 solid;background-color:#FF9;text-decoration:none;padding:0 12px;color:#009}
.toc a:hover{background-color:white!important;color:black;text-decoration:none}
.toc .sub{list-style:none;margin-top:0.5em;margin-bottom:1em}
.roll a span{display:none}
.roll a:hover span{display:block;position:absolute;right:20px;top:15em;width:160px;border:1px solid #F90;padding:0.5em}
.toc a.main{background-color:#66CCFF}
.toc a.text{background-color:#00D76B}
.toc a.differ{background-color:#FFB164}
.roll2 a span{display:none}
.roll2 a:hover span{display:block;position:absolute;right:20px;width:160px;border:1px solid #F90;padding:0.5em}

.mLinks{float:left;width:auto;margin-right:1em;margin-top:0}

/* +++++++++++++++++++++++++ Link-Markierungen*/
.date{color:green;background:transparent;margin:1px;padding:0 2px;font-weight:lighter;font-size:60%}
.daterevised{margin:1px 1px 1px 10px;padding:0 2px;font-weight:lighter;font-size:60%;color:red;background:transparent}
.daterevised--{margin:1px;padding:0 2px;font-weight:lighter;font-size:60%;color:red;background:transparent; }

img#eSteffen{font-size:normal;vertical-align:middle;content:"\67\6C\75\65\63\6B\73\65\6C\69\67\40\67\75\6E\67\66\75\2E\64\65"}

/*http://nemesis1.f2o.org/page2 - XI - Automatic Section Numbering
  file://localhost/D:/homepage/selfhtml80/navigation/suche/index.htm*/
sup.fn{font-size:small}
sup.fn a{/*gut zu wissen, dass es ginge... ;-)*/
    /*content:counter(footnotes);
    counter-increment:footnotes;*/}
sup.fn:before{display:marker;content:"["}
/*automatische Fussnotengenerierung - wer haette das gedacht!? ;-)*/
sup.fn:after{display:marker;content:"]"}
.fns {margin-top:8em;font-size:small;margin-bottom:10em;clear:both}
.interPage{margin-bottom:3em!important;margin-top:2em!important}
.fns ol{padding:2em 2em 1em;border-top:1px solid #FF9E00;border-bottom:1px solid #FF9E00;margin-left:0}
.fns li{margin-bottom:1em;text-align:justify}
.fns em{font-style:normal;letter-spacing:0.1em}


div.pane{margin-bottom:1em!important}
div.pane a:hover{background:inherit}
#ban{margin:0;font-size:small;font-weight:bold;line-height:1.1em;text-align:center;position:absolute;right:20px;top:20px;width:160px;overflow:auto;height:90%;vertical-align:top;z-index:0}
#ban[id]{position:fixed}  /*IE6 und darunter checkt den Attribut-Selektor nicht - fallback*/
#ban div.pane {margin:0;padding:4px 0;font-family:Arial, sans-serif;border:1px solid silver;color:black;text-align:left;z-index:0}
#ban h2, #ban h3{font-size:medium;text-align:center;color:black;margin-top:4px}
#ban div.pane ul, #ban div.pane ol{list-style:none;margin:0;padding:0}
#ban div.pane li{display:inline}
#ban div.pane li a{display:block;margin:3px 7px;text-decoration:none;color:#000;padding:2px 7px;background:#ffc;border:1px groove #900}
#ban div.pane li a:hover{color:#009;padding:2px 7px;background:white;border-color:black}
#ban div.pane li.emph a{color:#fff;background:#819DCD}
#ban div.pane li.emph a:hover{color:#000;background:#white}
#ban h1,#ban h2,#ban h3,#ban h4,#ban h5,#ban h6{margin:inherit;margin-bottom:0.5em}

.goLinks table{border-spacing:1em 2em; }
.goLinks table td:first-child{width:32px}

.goWeiteres li{margin-bottom:2em}
.goWeiteres li a{font-size:large}
.goWeiteres li a:after{display:marker;content:" -- "}
#goban {width:300px}
#vorgabeBild {width:80px}

/* 152 -> 158px 2.7.2004*/
.thumb{width:158px;float:left;margin-top:3em; margin-right:1em;border:1px solid silver;line-height:1em;text-align:center;font-size:smaller;font-weight:lighter;color:#666;background-color:transparent;padding:3px}
.thumb a img{border:1px solid black}
.thumb img {margin-bottom:5px;margin-top:3px;width:150px}/*2.7.2004*//*margin-top: fehler im css? geht nicht anders...*/
.thumb a:hover{background-color:white}
.spacer{clear:both}

/*von der alten DenkZEIT*/
.weblog h2{background:url(/i/h/graph.jpg) no-repeat top left;width:650px;height:58px;color:orange;padding-top:2px;padding-left:10px;border:1px solid black}
/*http://www.markschenk.com/cssexp/publication/article.xml#exnumhead*/
.weblog h4:before{display:marker;content:counter(chapter) ". ";counter-increment:chapter;counter-reset:section}
.weblog h5:before {display:marker;content:counter(chapter) "." counter(section) " ";counter-increment:section}
.weblog h6:before {display:marker;content:counter(chapter) "." counter(section) "." counter(division) " ";counter-increment:division}

/*Standardwerte*/
h1.hImg, h2.hImg{padding-top:10px;padding-left:10px;border:1px solid black;color:white;background-color:#CCC;background-position:top left;background-repeat:no-repeat;width:689px;height:89px;line-height:1em;margin-bottom:2em}

h1#gungfuEx{background-image:url(/i/h/bamboo.jpg);width:739px;height:89px}
h1#go{background-image:url(/i/h/goSpiel.jpg)}
h1#hotNspicy{background-image:url(/i/h/streetPolice.jpg);width:559px;height:89px}
h1#starWars{background-image:url(/i/h/starwars.jpg);width:789px;height:89px}
h1#webDesign{background-image:url(/i/h/web650.jpg);width:639px;height:59px}
h1#bPrax{background-image:url(/i/h/rabe.jpg)}
h1#steffen{background-image:url(/i/h/steffen650.jpg);width:639px;height:69px;color:orange}
h1#buddha{background-image:url(/i/h/buddha.jpg)}
h1#zenMond{background-image:url(/i/h/apollo650.jpg);width:639px;height:69px}
h1#messer{background-image:url(/i/h/ax700.jpg)}
h1#damast{background-image:url(/i/h/damast700.jpg)}
h1#impressum{background-image:url(/i/h/alpen700.jpg)}
h1#books{background-image:url(/i/h/book700.jpg)}
h1#sunscreen{background-image:url(/i/h/sunSet700.jpg)}
h1#mopped{background-image:url(/i/h/mopped700.jpg)}
h1#aikiH{background-image:url(/i/h/aikido7001.jpg);height:78px}
h1#friends{background-image:url(/i/h/parkStreet.jpg);height:79px}
h1#holz{background-image:url(/i/h/ballKaefig.jpg)}
h1#suche{background-image:url(/i/h/streetPolice.jpg);width:559px;height:89px}
h1#kino{background-image:url(/i/h/cinema.jpg)}
h1#informatik{background-image:url(/i/h/pathfinder.jpg)}
h1#infoWue{background-image:url(/i/h/wueAlt.jpg)}
h1#usefulProx{background-image:url(/i/h/walker.jpg)}
h1#kyudo{background-image:url(/i/h/kyudo.jpg)}
h1#grTee{background-image:url(/i/h/tea.jpg)}
h1#asia{background-image:url(/i/h/kirsche.jpg)}
h1#chlog{background-image:url(/i/h/iceberg.jpg)}
h1#zitate{background-image:url(/i/h/parkStreet.jpg);height:79px}
h1#testCases{background-image:url(/i/h/pirate.jpg)}
h1#csswww{background-image:url(/i/h/grDrag.jpg)}
h1#sgml{background-image:url(/i/h/grDrag.jpg)}
h1#miscMess{background-image:url(/i/h/frRose.jpg)}
h1#infoWeb{background-image:url(/i/h/frHoles.jpg);color:blue}
h1#servLog{background-image:url(/i/h/schmetter.jpg)}
h1#sunTzu{background-image:url(/i/h/kyudo.jpg)}
h1#iGeis{background-image:url(/i/h/kirschblue.jpg);color:blue}
h1#belt{background-image:url(/i/h/orion.jpg)}
h1#xmlPub{background-image:url(/i/h/pirate.jpg)}
h1#webPrice{background-image:url(/i/h/kyudo.jpg)}
h1#formOk{background-image:url(/i/h/zeppelin.jpg);color:orange}
h2#dipl{background-image:url(/i/h/crashedFlight.jpg)}
h1#serveXML{background-image:url(/i/h/crashedFlight.jpg)}
h1#braitenberg{background-image:url(/i/h/pathfinder.jpg)}