/* css-datei fuer deinmeister.de */

@font-face {
  font-family: "dmdeTitle";
  src: url("euphorigenic.otf") format("truetype");
}
@font-face {
  font-family: "dmdeNormal";
  src: url("GenAR102.TTF") format("truetype");
}
@media all
{
* {font-family:Palatino,GentiumAlt,dmdeNormal,serif}
body {padding:1px; margin:0px}

div.t,div.x {margin:4pt; padding:3pt; border-width:1px; border-style:solid; background-image:url("p.png"); background-repeat:no-repeat; -moz-border-radius-topleft:8px;-o-border-radius-topleft:8px}
div.x {float:left; width:18em}
div.t {width:99%; margin-left:auto; margin-right:auto}
div.nv {padding-bottom:6pt}

div.x h3,div.t>h1,div.t>h2 {-moz-transform:rotate(-1.5deg)translate(0.5ex,-0.1ex); -o-transform:rotate(-1.5deg)translate(0.5ex,-0.1ex)}

h1,h2,h3,h4 {font-weight:bold; font-family:Euphorigenic,dmdeTitle,"Courier New",sans-serif; letter-spacing:0.05em;}
h1,h2 {border-bottom:1px dashed; width:40%; overflow:visible; padding-left:4%}
h5,h6 {font-weight:normal}

h1 {font-size:190%}
h2 {font-size:170%}
h3 {font-size:145%}
h4 {font-size:125%}
h5 {font-size:115%}
h6 {font-size:100%}

p.zusfsg {padding:4pt; border-style:ridge; border-width:1px}
p {margin-bottom:3pt}
p:first-letter {font-size:150%; font-weight:bold; font-family:labrit,dmdeTitle,lautenbach,abaddon,script,serif;}

form.n, form.n table {margin:0px; padding:0px}

ul {margin-top:1pt; margin-bottom:1pt}
ul li {list-style-image:url(ulkugel.gif); padding-bottom:0.25em}
ul.faq {margin-top:10pt; margin-bottom:10pt}
ul.faq li.q {list-style-image:url(q.gif)}
ul.faq li.a {list-style-image:url(a.gif)}
ul.file li {list-style-image:url(ulfile.gif)}

pre {font-family:"Courier New",sans-serif; white-space:pre; border-width:1px; border-style:solid; margin:4pt 30pt; padding:5pt; overflow:hidden; font-size:small}

blockquote {font-style:italic; font-family:"Courier New",Pica,Elite,serif}
blockquote.own {font-family:"Comic Sans MS",serif}
blockquote.other {font-family:"Times New Roman",serif;font-style:italic;font-weight:bold}

hr {text-align:center; border-style:solid; border-width:1px; margin:0px; clear:both; }

strong {font-size:110%}
code {font-size:90%}
dfn {font-family:sans-serif; font-style:normal}

img.inset {border-width:2px; border-style:inset; width:auto}

div.imgla, div.imgra {font-style:italic; text-align:center; margin:5pt}

form.n select, form.n input {font-weight:600; border-width:1px; border-style:solid}

div.nv {font-weight:600; font-family:sans-serif; text-align:center}
div.nv a,div.nv a:link,div.nv a:visited {padding:2px; text-decoration:none; font-weight:600; border-width:1px; border-style:solid; -moz-border-radius:8px}
div.nv a:hover, div.nv a:active {text-decoration:none}

a:link, a:visited {font-size:85%;font-weight:500;font-family:sans-serif;text-decoration:none; background-image:url(ecke.gif); background-repeat:no-repeat; padding-top:2px; padding-left:2px; }
a:link:hover, a:active {text-decoration:underline; background-image:url(eck2.gif)}

a.zip:before {content:url(zipfile.gif)}
a.extrn:before {content:url(world1.gif)}
a.email:before, .email a:before {content:url(email.gif)}
div.ger a:before, a.ger:before {content:url(gerflag.gif)}
div.eng a:before, a.eng:before {content:url(engflag.gif)}

a:hover img.inset:before {content:""}

.mt {border-width:2px; border-style:ridge; width:95%; margin:4pt auto}
.mt td, .mt th {border-width:1px; border-style:outset; text-align:center}
.ct {border-width:2px; border-style:ridge; border-collapse:collapse; margin:4pt auto}
.ct td, .ct th {border-width:1px; border-style:solid dotted; text-align:center; margin:4pt auto}
.bl {border:none}
.bl td, .bl th {border:none}
.lt {margin:auto;}
.lt th {font-size:small; font-weight:bold; border-left:2px solid #606060; border-bottom:2px solid #606060;}
.lt td {font-size:x-small; border-left:1px solid #606060; border-top:1px solid #606060; font-family:sans-serif;}
th {text-align:left}

.dat {font-size:60%}
.ra, .lm, div.dat, div.email, div.eng, div.ger {text-align:right}
.ca {text-align:center}
body.idx div.eng, body.idx div.ger, div.imgra {float:right} 
div.imgla {float:left} 
}

@media screen, projection
{
html {scrollbar-face-color:#c08018; scrollbar-shadow-color:#805010; scrollbar-track-color:#002008;
scrollbar-3dlight-color:#e0c020; scrollbar-darkshadow-color:#403010; scrollbar-arrow-color:#003; scrollbar-highlight-color:#e0b040; height:100%}

body {background-color:#000; color:#e0efef}
body.fun {background-image:url(dropback.jpg)}
body.code {background-image:url(asmcode.gif)}
body.swt {background-image:url(loopback.jpg)}
body.hwt {background-image:url(circback.jpg)}
body.tft {background-image:url(tftback.png)}
body.idx {background-image:url(fireback.jpg); background-position:bottom; background-repeat:repeat-x}
body.msc {background-image:url(leefback.jpg)}
body.txt {background-image:url(starback.jpg)}

h1,h2,h3,h4,h5,h6 { filter:url(filter.svg#light); }  
div.nv a:hover, form.n input:hover { filter:url(filter.svg#hilight); }

div.t, div.x,
div.nv a,div.nv a:link,div.nv a:visited,
form.n select, form.n input
{background-color:#003 }

h1, h2, h3 {text-shadow:-1px 1px 0 #841, 3px -2px 3px #002}

h1,h2,h3,h4,h5,h6,
*.dcl,
form.n optgroup
{color:#ffb020}

hr,
div.t, div.x,
div.nv a,div.nv a:link,div.nv a:visited,
select, input
{border-color:#ffb020}

div.t, div.x { box-shadow:inset -3px -3px 10px #805810; -moz-box-shadow:inset -3px -3px 10px #805810; }

.mt, .mt td, .mt th, .ct, .ct td, .ct th {border-color:#ffb020}

em,
ul.faq li.q
{color:#ffff80}

img[alt] {position:relative} /*note: invalid according to CSS 2.1!*/
img[alt]:hover:after {content:attr(alt); display:block; position:absolute; bottom:0.5em; left:0.5em; z-index:3; background-color:#003; color:#e0efef; border:1px outset #ffb020; border-bottom-width:2px; border-right-width:2px; padding:2pt}

p.zusfsg {border-color:#ff8000}

p.code {color:#ffffff; background-color:#000}

.dat {color:#808080}

ul.file li {color:#e0efef}

pre {background-color:#00f; color:#ff0; border-color:#0000cf}

em {color:#ffff80}
dfn, code {color:#ffffc0}

img.inset {border-bottom-width:1px; border-right-width:1px; border-top-width:2px; border-left-width:2px; border-color:#808080; margin:5pt}

div.nv a:hover, div.nv a:active, form.n option:hover, form.n input:hover {background-color:#ffb020; color:#002}
a.c:link, a.c:visited, a:link:hover, a:visited:hover, a:active {color:#fff}

.nv a {text-shadow: 1px -1px 1px #024}

a:link, option, form.n select, form.n input {color:#ff7000}
a:visited {color:#c85810}

a:hover img.inset {border-style:outset; filter:xray()}

form.n select, form.n input {cursor:pointer}

option:before {content:url(ulkugel.gif)}
option[value=null]:before {content:""}

a.zip {cursor:url(zipfile.cur),pointer,auto}
a.email, .email a {cursor:url(email.cur),pointer,auto}
a.extrn {cursor:url(world1.cur),pointer,auto}
a.ger, .ger a {cursor:url(gerflag.cur),pointer,auto}
a.eng, .eng a {cursor:url(engflag.cur),pointer,auto}

.help {cursor:help}
}

@media screen and (max-width: 60em), projection and (max-width: 60em)
{
	h1,h2 { width:60% }
}
@media screen and (max-width: 30em), projection and (max-width: 30em)
{
	h1,h2 { width:95% }
}

@media print
{
h1,h2,h3,h4,h5,h6 {border-color:#808080}
*,img {max-width:99%; overflow:visible}
body {margin:0px; padding:1px}
pre.code,pre {font-size:xx-small}
li {list-style-image:none}
div.t {margin-left:0.2cm; margin-right:0.2cm; border:none}
form.n,div.nv,div.ger,div.eng {display:none}
a.extrn[href]:after {content:" ("attr(href)") "; font-size:70%;}
}

@page
{
h1,h2,h3,h4,h5,h6 {page-break-after:avoid}
p, div,div.x,div.t {orphans:9}
}