/* IE */
@font-face {
	font-family: aldine-regular;
	src: url(schriften/ald401rm.eot);
}
@font-face {
	font-family: aldine-bold;
	src: url(schriften/ald401bd.eot);
}
@font-face {
	font-family: aldine-italic;
	src: url(schriften/ald401it.eot);
}
@font-face {
	font-family: aldine-bolditalic;
	src: url(schriften/ald401bi.eot);
}
/* non-IE, needed to stay separate because of Opera 10 */
@font-face {
	font-family: aldine-regular;
	src: url(//:) format('No-IE-404'), url(schriften/ald401rm.ttf) format('truetype');
}
@font-face {
	font-family: aldine-bold;
	src: url(//:) format('No-IE-404'), url(schriften/ald401bd.ttf) format('truetype');
}
@font-face {
	font-family: aldine-italic;
	src: url(//:) format('No-IE-404'), url(schriften/ald401it.ttf) format('truetype');
}
@font-face {
	font-family: aldine-bolditalic;
	src: url(//:) format('No-IE-404'), url(schriften/ald401bi.ttf) format('truetype');
}


h1, h2, h3, b, a, th, dt {
	font-weight: 900; /* 700 = bold */
	color: #FFBF00; /* 255 191 0 */
}

h1 { font-size: 36pt; }
h2 { font-size: 28pt; }
h3 { font-size: 20pt; }

body, p {
	background-color: #6600FF; /* 102 0 255 */
	color: #FFFFFF;
	font-family: 'aldine401 bt', aldine-regular, serif;
	text-align: center;
}

b { font-family: 'aldine401 bt', aldine-bold, serif; }
i { font-family: 'aldine401 bt', aldine-italic, serif; }
b i, i b { font-family: 'aldine401 bt', aldine-bolditalic, serif; }

html {
	scrollbar-base-color: #8877FF; /* 136 119 255 - geht nur ab IE 5.5 - nicht w3c-konform!!! */
}

table { margin: auto; }

table, th, td, div {
	border-color: #5500DD !important;
}

iframe {
	border-color: #5500DD;
}

*[class="iframe-nonIEformat"]	/* IE kapiert das nicht, bzw. ignoriert dies */
{
	overflow-y: scroll;	/* macht mit IE6 probleme */
}

th, td {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

td.foto {
	padding: 20px;
	vertical-align: middle;
	text-align: center;
}

img {
	margin-bottom: 2px;
}

.dunkler01 { background-color: #5500DD; }
.dunkler02 { background-color: #4400BB; }
.dunkler03 { background-color: #330088; }

hr {
	border: #4400BB;
	color: #4400BB;
	background-color: #4400BB;
	height: 1px;
}

.inset {
	border-style: solid;
	border-width: 2px;
	border-right-color: #8877FF;
	border-bottom-color: #8877FF;
	border-top-color: #330088;
	border-left-color: #330088;
}

.caption {
	margin: 2px;
	font-size: 11pt;
	text-align: center;
}

a, area { cursor: url("http://www.magic-moments-squares.de/bilder/magicwand.ani"), 
					url("http://www.magic-moments-squares.de/bilder/magicwand.gif"), 
					pointer; /* ani for IE, gif for firefox */
}

p, b, a, th, td, div, span, li, dt, dd {
	font-size: 14pt;
}

small, .small { font-size: 11pt; }

.right-comment {
	text-align: right;
	font-size: 9pt;
}

.left-comment {
	text-align: left;
	font-size: 9pt;
}

.left { text-align: left; }

.tiny { font-size: 9pt; }

ol, dt, dd, ul {
	text-align: left;
}

td.td-button a, td.td-button span {
	display: block;
	width: 141px;
	padding-bottom: 4px;
	margin-top: 5pt;
	margin-bottom: 5pt;
	background-color: #330088;
	font-size: 20pt;
	text-decoration: none;
	
	border-style: solid;
	border-width: 2px;
	border-top-color: #8877FF;
	border-right-color: #110044;
	border-bottom-color: #110044;
	border-left-color: #8877FF;
}

/* needed for firefox */
a.target_only:hover {
	color: #FFFFFF;
}

/* needed for firefox */
td.td-button a:active, td.td-button a:focus, td.pic-button a:active, td.pic-button a:focus {
	outline: none;
	
	border-top-color: #110044;
	border-right-color: #8877FF;
	border-bottom-color: #8877FF;
	border-left-color: #110044;
}

.stats tr td { text-align: right; }
.stats tr td TABLE TR TD FONT { font-size: 10pt; }
.stats tr td TABLE TR TD FONT B { font-size: 10pt; }
.stats tr td TABLE TR TH { color: #330088; }

pre {
	text-align: left;
	font-size: 10pt;
	margin: 0px;
}

a.thumbs img {
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

a.thumbs:hover img, /* so will's der IE */
a.thumbs img:hover  /* und so der safari */
{
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0;
}