/** datamagic.css
*** dieser Quellentext stammt von http://stoneage-homepage.ch
*** Das Copyright liegt beim jeweiligen Autor des Originals.
*** In der Regel (vgl. Angaben in der xpi-Datei) werden die Erweiterungen nach
*** der Mozilla Public License (MPL) bzw. der GNU General Public License (GPL)
*** veröffentlicht, d.h. der Quelltext oder Teile davon dürfen nur dann
*** weiterverarbeitet werden, wenn das Produkt unter Angabe des Originalautors
*** wieder unter denselben Bedingungen (MPL bzw. GPL) veröffentlicht wird.
*** background:#bac792;
******************************************************************************* */

body
{
	position:absolute;
	background:#ffffff;
	font-family: "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 1.0em;
        color: black;
        padding: 4em 10px 0;
        scrollbar-face-color: #abb9af; 
        scrollbar-shadow-color: WHITE; 
        scrollbar-darkshadow-color: #505050; 
        scrollbar-track-color: WHITE; 
        scrollbar-arrow-color: WHITE;
        scrollbar-3dlight-color : #7894B0;
        scrollbar-base-color : #343B43;
        scrollbar-highlight-color : #B3B3B3;                        
}

html, body
{
	top:0; left:0; right:0;
	min-height:100%;
	margin:0;
	padding:0;
	width:100%;
}

#header_container
{
        position:fixed;
        top:0; left:0; right:0;
        text-align:center;
        margin:0;
        height:4.5em;
        z-index:103;
}
#header
{
        position:absolute;
        top:0; left:0; right:0; bottom:0;
        height:100%;
        color:#123456;
        background:#808080; 
        background:#68939e; 
        background:#CBC8A9; 
        z-index:103;
        margin:0;
        padding:0.2em;
        text-align:left;
}

/**
        background:#68939e url(../images/sage_teno_bg_top.jpg) repeat left top; background:#efefef;
*/

#header2
{
	position:absolute;
        visibility:hidden;
	top:0; left:0; right:0; bottom:0;
	height:100%;
        background:#CBC8A9; 
	z-index:3;
	margin:0 auto 2.2em;
	padding:0.2em;
}

#menu_container
{
	position:fixed;
	top:5.5em;
	left:.5em;
	width:9em;
	padding:.0em;
	z-index:21;
	background:#aac792;
}

#menu_2
{
	position:absolute;
	top:5.5em; 
	left:0.5em; 
	width:8em;
	border: 3px inset #dedede;
	padding:.5em;
	z-index:20;
	background:#CBC8A9;
}

#menu
{
	position:fixed;
	top:5.5em;
	left:.5em;
	width:9em;
	border: 3px outset #dedede;
	padding:.5em;
	z-index:20;
        background:#CBC8A9; 
}

#content
{
	text-align:justify;
	margin:0;
	padding-top:5.15em;
	padding-left:12em;
	padding-bottom:3em;
	z-index:10;
	font-family: "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 1.0em;
        color: #123456;			
        background: #f1efe1;
}

#soundtrack
{
	text-align:left;
	margin:0 0 0 0;
	z-index:10;
	background:#bac792;
	font-family: "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 1.0em;
        color: #123456;
}

#footer_container
{
	position:fixed;
	bottom:0; left:0; right:0;
	text-align:center;
	margin:0;
	height:2em;
	z-index:30;
}
#footer
{
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	background:#efefef;
	z-index:31;
}

th, td 
{
        font-family: "Tahoma", "Arial", "Helvetica", "sans-serif";
        font-size: 1.01em;
        color: black;
}  

p 
{
        font-family: "Tahoma", "Arial", "Helvetica", "sans-serif";
        font-size: 1.01em;
        color: black;
        display: block;
} 

/* ----------------------------------------------------------- */
/* Specials                       
/* ----------------------------------------------------------- */

#td26_color {
     background:#bac792;
     font-family: "Tahoma", "Arial", "Helvetica", "sans-serif";
     font-size: 1.0em;
     color: black;			
}

#magic_words {
     position:absolute;
     visibility:hidden;
     z-index:1;
     top:0px;
     left:0px;
     width:180px;
}

.rosabox { background-color:#FFDDDD; padding:6px; margin:0px; }
.gelbbox { background-color:#FFFF66; padding:6px; margin:0px; }
.rotbox  { background-color:#FF0000; padding:6px; margin:0px; color: #ffffff; }

.rosa { background-color:#FFDDDD; }
.gelb { background-color:#FFFF66; }
.rot  { background-color:#FFFF66; }

/* ----------------------------------------------------------- */
/* INFO BOXES                                                  */
/* ----------------------------------------------------------- */

#infobox01 {
position:relative; top:1px; left:1px; 
width:80%;
z-index:12;
}

#infobox01 a {
color:#ffffff;
background:#c1c1a0;
font:bold 0.9em verdana, sans-serif;
text-decoration:transparent;
display:block;
padding:3px;
border:1px solid black;
z-index:63;
}

#infobox01 a:hover {
text-decoration:none;
color:black;
background:#ddd8b7;
width:120%;
}

#infobox01 a span {display:none;}

#infobox01 a:hover span {
	text-decoration:none;
	color:black;
	background:#ffffff;
	font:normal 0.9em courier, sans-serif;
	border:1px solid black;
	display:block;
	padding:10px;
}

/* ----------------------------------------------------------- */
/* Nun für den MSIE */
/* ----------------------------------------------------------- */

* html, * html body
{
	overflow:hidden;
	bottom:0;
        padding:0;
	height:100%;
}

* html #header_container, * html #footer_container
{
	position:absolute;
	width:100%;
      overflow:auto;
      margin:0;
}

* html #menu
{
	position:absolute;
}

* html #header,* html #footer
{
	height:100%;
	position:static;
}

* html #content
{
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	height:100%;
	width:100%;
	overflow:auto;
	margin:0;
}

#menu li
{
        list-style: none;
	margin:0;
	padding:0.3em;
        font-size:0.83em;
}

#menu li#active
{
	padding:0.5em;
	text-decoration:none;
}

#menu a:link, #center a:link
{
	display:block;
	height:90%; 
	background:#eeeeee;
	color:#000000;
	text-decoration:none;
	margin:0;
	padding:0.2em;;
}

#menu a:visited, #center a:visited
{
	display:block;
	height:90%; 
	background:#eeeeee;
	color:#000000;
	text-decoration:none;
	margin:0;
	padding:0.2em;;
}

#menu a:focus, #menu a:active, #center a:active, #center a:focus
{
	display:block;
	height:90%; 
	background:#808080;
	color:#000000;
	text-decoration:none;
	margin:0;
	padding:0.2em;;
}

#menu a:hover, #center a:hover
{
	background:#808080;
	color:#ffff00;
	text-decoration:underline;
}

* html #menu
{
	margin:0;
	width:10.5em;    /* Der IE soll das Element breiter darstellen, da margin und padding hier von
			    der Breite abgezogen wird! */
}