/*  css class definition -  amfe.css - music4ever.de */
/* ************************ */
/* defaults: link (a), body, form, iframe, image, list, table */
body {background-color:#e8ffe8; margin-right:40px; margin-left:60px; border:none; padding-top:0;
 font-family:verdana, tahoma, sansserif, sans-serif; color:#002020; font-size:14px;
 line-height:20px;}
@media screen and (max-width: 850px)
 { body {margin:0 10px 0 20px;} }
@media handheld
 { body {margin:0 10px 0 20px;} }
a:link {color:#007777;}
a:visited {color:#007777;}
a:hover {color:#007777; text-decoration:none;}
a:active {color:#007777; text-decoration:none;}
a:focus {color:#007777; text-decoration:none;}
iframe {border:none; margin:0; padding:0;}
iframe.t {width:100%; height:170px; border:0; padding:0; margin:0; }
@media screen and (max-width: 850px)
 { iframe.t {height:100px;} }
@media handheld
 { iframe.t {height:100px;} }
iframe.c {width:98%;  height:5000px;}
iframe.cc {width:98%;  height:750px;}
iframe.b {width:100%; height:220px;}
iframe.jj {width:48%; height:400px; margin:0 0 0 -20px; overflow:visible;}
iframe.si {width:60%; height:200px; overflow:auto;}
iframe.sj {width:60%; height:400px; overflow:auto;}
img {border:none; margin:15px;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
ul.n, ol.x {list-style-type:none;}
table {font-family:verdana, tahoma, sansserif, sans-serif; font-size:13px; line-height:20px;
 color:#0000d0; border:none; padding:10px;}
/* form */
input {color:#007777; background-color:#fdfffd;
 font-family:verdana, tahoma, sansserif, sans-serif; font-size:14px;}
input.i {color:#606060; background-color:#f4fff4; border:none; font-size:12px; text-align:center;}
input.j {color:#606060; background-color:#d4ffd4; color:#000000; text-align:right;}
select {background-color:#f4fff4;}
option {color:#007777; background-color:#f4fff4;
 font-family:verdana, tahoma, sansserif, sans-serif; font-size:14px;}
select.v {background-color:#fdfffd;}
option.v {background-color:#fdfffd;}
option.vr {color:#ff6633; background-color:#fdfffd;}
textarea {color:#007777; background-color:#fdfffd;
 font-family:verdana, tahoma, sansserif, sans-serif; font-size:14px; overflow:scroll;}
textarea.i {color:#606060; background-color:#e8ffe8; border:none;
 font-family:verdana, tahoma, sansserif, sans-serif; font-size:14px; overflow:hidden;}
/* image: margins for centered, left, right / no margin */
img.jl {border:none; margin:1px 15px 1px 1px;}
img.jr {border:none; margin:1px 1px 1px 15px;}
img.l {border:4px solid #ffffff; margin:1px 15px 1px 1px;}
img.r {border:4px solid #ffffff; margin:1px 1px 1px 15px;}
img.v {border:4px solid #ffffff; margin:15px 30px 42px 7px;}
img.x {border:4px solid #ffffff; margin:1px;}
/* headers (5 boxes only, 6 pre-text) */
h1 {font-size:23px; line-height:30px; font-weight:bold; color:#005050;
 font-family:verdana, tahoma, sansserif, sans-serif;}
h1 a {text-decoration:none; color:#005050;}
h2 {font-size:20px; line-height:25px; font-weight:bold; padding-left:30px; color:#005050;
 margin-top:20px; font-family:verdana, tahoma, sansserif, sans-serif;}
h2 a {text-decoration:none; color:#005050;}
h3 {font-size:20px; line-height:25px; font-weight:bold; color:#005050;
 margin-bottom:7px; font-family:verdana, tahoma, sansserif, sans-serif;}
h3 a {text-decoration:none; color:#005050;}
h3:before {content :"\2022\00a0\0020";}
h4 {font-size:16px; line-height:20px; font-weight:bold; color:#005050;
 font-family:verdana, tahoma, sansserif, sans-serif;}
h4 a {text-decoration:none; color:#005050;}
/* h5 for block use */
h6 {font-size:12px; line-height:15px; color:#005050;
 font-family:verdana, tahoma, sansserif, sans-serif;}
h6 a {text-decoration:none; color:#005050;}
/* div float right / left boxes */
div.iboxl {background-color:#e8ffe8; float:left; width:130px; height:333px; overflow:hidden;
 font-size:12px; line-height:16px; color:#007777; padding:5px; border:1px solid #009999;
 margin: 0 30px 10px -30px;}
div.iboxl a {color:#000000; text-decoration:none;}
@media screen and (max-width: 850px)
 { div.iboxl {margin:0 10px 10px -20px;} }
@media handheld
 { div.iboxl {margin:0 10px 10px -20px;} }
div.iboxl0 {background-color:#e8ffe8; float:left; width:170px; height:35px; overflow:visible;
 font-size:12px; line-height:16px; color:#007777; padding:0 5px 0 5px; border:1px solid #009999;
 margin:0 5px 0 -20px;}
div.iboxl0 a {color:#000000; text-decoration:none;}
div.iboxr {background-color:#e8ffe8; float:right; width:170px; height:110px; overflow:visible;
 font-size:12px; line-height:16px; color:#007777; padding:0 5px 0 5px; border:1px solid #009999;
 margin:0 0 0 5px;}
div.iboxr a {color:#000000; text-decoration:none;}
div.iboxr0 {background-color:#e8ffe8; float:right; width:170px; height:35px; overflow:visible;
 font-size:12px; line-height:16px; color:#007777; padding:0 5px 0 5px; border:1px solid #009999;
 margin:0 0 0 5px;}
div.iboxr0 a {color:#000000; text-decoration:none;}
div.iboxr1 {background-color:#e8ffe8; float:right; width:170px; height:130px; overflow:visible;
 font-size:12px; line-height:16px; color:#007777; padding:0 5px 0 5px; border:1px solid #009999;
 margin:0 0 0 5px;}
div.iboxr1 a {color:#000000; text-decoration:none;}
div.bx {border:1px solid #009999; margin-top:5px; background-color:#f4fff4; color:#000000;
 font-size:12px; line-height:14px; padding:2px;}
span.bx {border:1px solid #009999; color:#000000; background-color:#f4fff4; padding:2px;}
div.jboxr {float:right; width:170px; border:none; margin:0 0 20px 60px;}
div.jboxr1 {float:right; width:150px; border:none; margin:0 0 0 20px;}
div.xboxr {float:right; width:290px; text-align:left; padding:15px; margin-right:-40px;
 margin-left:20px; overflow:auto;
 border-width:5px 0 0 5px; border-style:solid; border-color:#009999;}
div.xboxr a {color:#000000;}
div.xboxr h5 {font-size:24px; line-height:35px; font-weight:bold;
 font-family:verdana, tahoma, sansserif, sans-serif;}
div.xboxrx {float:right; width:225px; border:none; padding:2px; margin-right:-40px;
 overflow:hidden;}
div.xboxrx a {color:#000000;}
div.xboxr1 {float:right; width:290px; text-align:left; padding:15px; margin-right:-40px;
 margin-left:20px; overflow:auto;}
div.xboxr2 {background-color:#ddffdd; float:right; width:45%; padding:5px; margin-left:20px;
 margin-right:10px; overflow:hidden;}
div.xboxr3 {background-color:#f4fff4; float:right; width:333px; padding:5px; margin-left:20px;
 margin-right:10px; overflow:hidden;}
div.xboxr3 a {color:#000000;}
div.xboxr3 h5 {font-size:20px; line-height:30px; font-weight:bold;
 font-family:verdana, tahoma, sansserif, sans-serif;}
div.ybox {position:fixed; top:30; left:60; width:600px; height:500px; overflow:auto;
 background-color:#e8ffe8; font-size:12px; line-height:16px; color:#007777; padding:15px;
 border:5px outset #009999;} /* ie does not display 'fixed' correctly */
div.ybox h5 {font-size:20px; line-height:25px; margin:5px 0 10px 0; font-weight:bold;
 font-family:verdana, tahoma, sansserif, sans-serif;}
div.zboxr {float:right; width:33%; margin:10px 0 10px 10px; padding:10px; background-color:#f4fff4;
 font-weight:bold; text-align:center; border-style:solid; border-color:#ffffff;
 border-width:4px 0 0 4px;}
div.zboxr h5 {font-size:24px; line-height:35px; font-weight:bold;
 font-family:verdana, tahoma, sansserif, sans-serif;}
div.light {background-color:#f4fff4;}
/* floating div for input checkbox left of text (toc) */
cb {margin-left:-20px; width:17px; float:left; background-color:#f0f0ff; color:#8080ff;}
/* clear float */
.cl {clear:both;}
/* (links) without 'decoration', (span) without wrap */
.nod {text-decoration:none;}
.nob {white-space:nowrap;}
/* invisible */
.inv {display:none;}
/* color: halftone grey italic, key, red */
.hgi {color:#606060; font-style:italic;}
.hgi a {color:#606060; font-style:italic; text-decoration:none;}
.k {color:#000000;}
.r {color:#ff6633; font-style:italic;}
.bb {color:#0000e0;}
/* bold, underline, italic, floating tab */
div.b, p.b, span.b {font-weight:bold;}
div.u, p.u, span.u {text-decoration:underline;}
div.i, p.i, span.i {font-style:italic;}
span.f30 {float:left; width:30px;}
span.f100 {float:left; width:100px;}
span.f130 {float:left; width:130px;}
/* *** font: darker++, caps, small (index) / align-right, with margin, with margin float left */
.big {font-size:16px;}
.h3x {font-size:18px; color:#008080;}
.d {color:#005050;}
.e {color:#004040;}
.q {color:#005050; margin-left:30px;}
.q a {text-decoration:none;}
.y {color:#002020; font-size:13px; font-weight:bold;}
.y a {color:#002020;}
.xb {font-weight:bold;}
.xc {font-variant:small-caps;}
.xd {margin-bottom:5px; text-decoration:none;}
.xi {font-style:italic;}
.xo {text-align:center;}
.xr {text-align:right;}
.xu {text-decoration:underline;}
.xs {font-size:12px; line-height:16px;}
.xsi {font-size:12px; line-height:16px; font-style:italic;}
.xsr {font-size:12px; line-height:16px; text-align:right;}
.xsri {font-size:12px; line-height:16px; text-align:right; font-style:italic;}
.xm2 {margin:0 100px 0 140px;}
.xmar {margin-left:30px; text-decoration:none;}
.xmarb {margin:0 20px 0 20px; text-decoration:none;}
.xmarc {margin-left:20px; text-decoration:none;}
.xmard {margin:0 100px 5px 30px; text-decoration:none;}
.xmare {padding-left:30px; background-color:#f4fff4; text-decoration:none;}
.xmt {margin-top:20px;}
.xxs {color:#606060; font-size:8px; line-height:8px; text-align:right; font-style:italic;}
.xxs a {color:#606060; text-decoration:none;}
/* **************************************************** */
/*  .end. amfe.css    */
