/*  css class definition -  amfe.css - music4ever.de */
/* ************************ */

/* defaults: link (a), body, form, iframe, image, list, table */
body {
	background-color:#e8ffe8;
	margin:0 40px 0 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.bb {
	width:100%;
	height:350px;
}
iframe.bbb {
	width:100%;
	height:260px;
}
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 */
form {display:inline}
input {
	color:#007777;
	background-color:#fdfffd;
	font-family:verdana, tahoma, sansserif, sans-serif;
	font-size:14px;
}
input.bb {
	margin:0 0 1px 0;
	border:none;
	font-size:12px;
	text-align:left;
	padding-bottom:4px;
	padding-left:15px;
	background: url(abutton.gif) no-repeat center;
	color: #005050;
	height:30px;
	width:130px;
}
input.bb0 {
	margin:0 0 1px 0;
	border:none;
	font-size:12px;
	text-align:left;
	padding-bottom:2px;
	padding-left:15px;
	font-weight:bold;
	background: url(abuttonx.gif) no-repeat center;
	color: #000000;
	height:30px;
	width:130px;
}
input.i {
	color:#606060;
	background-color:#f4fff4;
	border:none;
	font-size:12px;
	text-align:center;
}
input.j {
	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:12px;
}
optgroup {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.ybox1 {
	position:fixed;
	top:200;
	left:60;
	width:600px;
	height:125px;
	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.ybox1 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;
}
.hg {color:#606060;}
.hg a {
	color:#606060;
	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 ... */
.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;}
.xl {text-align:left;}
.xo {text-align:center;}
.xr {text-align:right;}
.xu {text-decoration:underline;}
.xn {font-size:14px;}
.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    */