/* css-datei fuer cartoons */

@media all
{z
body {padding:5pt}

h1,h2,h3,h4 {font-weight:bold; font-family:"Courier New",sans-serif}
h1,h2 {text-decoration:underline; text-align:center}

h1 {font-size:170%}
h2 {font-size:140%}
h3 {font-size:115%}
h4 {font-size:90%}
h5 {font-size:80%}
h6 {font-size:70%}

ul {margin-top:1pt; margin-bottom:1pt}
li {list-style-type:none;text-align:left}

#reg ul ul { margin-left:5pt; padding-left:4pt; border-left-width:1px; border-left-style:dotted; border-left-width:1px; margin-bottom:10px}
#reg ul ul ul { margin-bottom:0px; margin-left:10pt}
#reg strong {font-weight:400; padding-right:5pt}
#reg li a {font-size:90%}

/*#reg ul {position:relative; left:0; top:0;}*/
#reg div.toggle a {display:block; width:100%; height:100%; font-size:8pt}
#reg div.toggle {display:block; position:relative; float:left; width:0; height:0; overflow:visible}
#reg div.toggle a {display:block; position:absolute; left:-8pt; top:-1em; width:6pt; height:6pt; overflow:hidden; text-align:center; vertical-align:top; border-width:1px; border-style:solid}
#reg ul ul ul div.toggle a {left:-23pt; top:-1.5em;}
#reg ul.offen li, #reg ul.zu div.toggle {display:block}
#reg ul.zu li {display:none}

input[name=sub] {width:100pt}
input {width:161pt}

hr {text-align:center; border-style:solid; border-width:1px; clear:both}

strong {font-size:110%}

p.st {width:400px; text-align:center; margin:auto;}

div.hd {float:left; width:60%}
/*ie workaround used:*/
div.ct {text-align:center; margin-bottom:10pt; min-height:500px; height:expression(Math.max(500,this.style.height))}
div.ft {clear:both}

div.nv {font-weight:600; font-family:sans-serif; text-align:center; padding:3pt 10pt; margin:3pt 10pt; float:left; width:30%; border-right:2px dotted}
div.nv a,div.nv a:link,div.nv a:visited {padding:2pt; text-decoration:none; font-weight:600; display:block}
div.nv a:hover, div.nv a:active {text-decoration:none}

a.v {float:right}
a.n, div.th, div.th div {float:left}
div.th div {clear:both}

a.hm, a.st, a.zt, a.th, a.jr, a.sr {font-weight:600}

a {font-family:sans-serif; text-decoration:none; border-bottom:1px dotted;border-right:1px dotted}

a.extrn:before {content:url(../world1.gif)}
a.frank:before {content:url(franks.png)}
a[href^="http://frank.maettig.com/"]:before, a[href|="http://frank.maettig.com/"]:before {content:url(franks.png)}
a.email:before, .email a:before {content:url(../email.gif)}
a.ger:before {content:url(../gerflag.gif)}
a.eng:before {content:url(../engflag.gif)}

.dt {display:none}
.dat {font-size:60%}
div.gv {text-align:right}
.ra, .lm, div.email, div.eng, div.ger {text-align:right; float:right}
div.cred {text-align:right; clear:both}
.ca {text-align:center}
}

@media screen, projection
{
html {scrollbar-face-color:#c08018; scrollbar-shadow-color:#805010; scrollbar-track-color:#ffffff;
scrollbar-3dlight-color:#e0c020; scrollbar-darkshadow-color:#403010; scrollbar-arrow-color:#000030; scrollbar-highlight-color:#e0b040}

body {background-color:#ffffff; color:#000000}

h1,h2,h3,h4,h5,h6,*.dcl, h3 a:link, h3 a:visited {color:#ff9400}

hr {border-color:#ff9400}

#reg ul, #reg div.toggle a {border-color:#808080}

#reg div.toggle a {color:#888; background-color:#fff}

.dat {color:#808080}

#reg a:hover, div.nv a:hover, div.nv a:active {color:#000020; background-color:#ffc000}
a {border-bottom-color:#ffffff;border-right-color:#ffffff}

a:link {color:#ff0800}
a:visited {color:#c65a00}
a:hover, a:active {color:#0000ff;border-bottom-color:#0000ff;border-right-color:#0000ff}

#reg a {-moz-border-radius:4px}

a.n,a.v {padding-top:80px; min-width:90px}

a.th, a.hm, a.zt, a.sr {padding:15px 40px; float:left}
a.st, a.v, a.n, div.hd, a.zt, a.th, a.hm, a.sr, a.al, a.ne {background-repeat:no-repeat}

div.th div {position:relative; width:16em; height:30px}
a.al {background-image:url(t_v.png); position:absolute; top:0px; right:60%}
a.ne {background-image:url(t_n.png); position:absolute; top:0px; left:40%; background-position:top right}
a.al, a.ne {padding:10px 10px; display:block}
a.al {padding-left:40px}
a.ne {padding-right:50px}

a.st {padding:100px 200px; display:block; margin-bottom:30px; background-image:url(idx_mn.png); margin-left:30%}

a.email, .email a {cursor:url(../email.cur),auto}
a.extrn {cursor:url(../world1.cur),auto}
a.ger, .ger a {cursor:url(../gerflag.cur),auto}
a.eng, .eng a {cursor:url(../engflag.cur),auto}

a.v {background-image:url(n_v.png)}
a.n {background-image:url(n_n.png)}
a.zt {background-image:url(idx_jr.png)}
a.th {background-image:url(idx_th.png)}
a.sr {background-image:url(idx_sr.png)}
a.hm {background-image:url(idx_hm.png)}

div.hd {background-position:right}
.jdx div.hd {background-image:url(idx_jr.png); background-position:top left}
.huf div.hd {background-image:url(idx_huf.png)}
.kuk div.hd {background-image:url(idx_kuk.png)}
.mus div.hd {background-image:url(idx_mus.png)}
.gug div.hd {background-image:url(idx_gug.png)}
.gua div.hd {background-image:url(idx_gua.png)}
.hw div.hd {background-image:url(idx_hw.png)}
.ges div.hd, .auk div.hd {background-image:url(idx_ges.png)}
.wut div.hd {background-image:url(idx_wut.png)}
.kul div.hd {background-image:url(idx_kul.png)}
.skt div.hd {background-image:url(idx_skt.png)}
.cmp div.hd {background-image:url(idx_cmp.png)}
.trs div.hd {background-image:url(idx_trs.png)}
.dlk div.hd {background-image:url(idx_dlk.png)}
.med div.hd {background-image:url(idx_med.png)}
.nun div.hd {background-image:url(idx_nun.png)}
.vrk div.hd {background-image:url(idx_vk.png)}
.ekt div.hd {background-image:url(idx_ekt.png)}
.ber div.hd {background-image:url(idx_ber.png)}
.krm div.hd {background-image:url(idx_krm.png)}
.aus div.hd {background-image:url(idx_aus.png)}

.help {cursor:help}
}

@media print
{
h1,h2,h3,h4,h5,h6 {page-break-after:avoid}
li {list-style-image:none}
p, div,div.x,div.t {orphans:9}
form.n,div.nv,div.ger,div.eng {display:none}
form, div.ft, a.v, a.n {display:none}
}