/* css check:
div.tempcheck 
{
	border: 1px solid rgb(60, 60, 60);
	position: absolute;
	left:6%;
	top:30%;
	background-color: #335566;
	height: 65%;
	width: 60%;
	opacity: 0.82;	//FF:opac. chrome:opac,auch nofuzzy schrift. iE8:noeffect
	filter: alpha(opacity=82);// iE6-8:opac. chrome:noeffect iE5:noeffect
	z-index: 2;
}
* html div.tempcheck {height:65%;} // iE5-7?:bestimmt höhe der boxen.
*/

a:link
{
	color: rgb(204,0,0); 
}
a:visited
{
	color: rgb(102,0,0); 
} 
a:active 
{
	color: green;
}
a:hover 
{
	color: white;
}

    
body
{
 height:100%;
 margin:0% ;
 padding:0% ;
 background-repeat: no-repeat;
 font-family: Eras Medium ITC, Helvetica, Arial;
 /*background-color: rgb(160, 160, 160); <-- heller,besser für innengrund
 background-color: rgb(112,118,60);
 background-color: white;
 background-color:rgb(60,70,50);*/
 background-color: black;
 color:  black;
}

.headerlogo
{   
 color: #335566; /*margin: 10% 10%;*/;
 text-align: right;
 overflow: visible;
 border: 0px;
 border-color: black;
 z-index: 6;
}
.headerlogo img {
    /*border: 1px solid #666;
	BORDER-color: #1a1a1a; 
    border-top: 1px solid;
    border-left: 1px solid;
	*/
    border: 1px solid;
	border-top-color:#335566;
	border-left-color:#1f3f4f;
	border-right-color:#666666;
	border-bottom-color:#555555;

	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	PADDING-BOTTOM: 0px; 
	VERTICAL-ALIGN: top; 
	PADDING-TOP: 0%; 
	}

/* NAVIGATION TEXT --------------------------------*/
  .navtext
   {
	color: #335566; /*margin: 10% 10%;*/;
	text-align: right;
	font-size: medium;
	font-weight: bold;
	overflow: visible;
	border: 1px;
	border-color: black;
	z-index: 10;
/**/
}
  .navtext a:active
  {  text-decoration: none;
    color: white;
    font-weight: bold;
	z-index: 10;
    }
  .navtext a:visited
  { text-decoration: none;
    color: #335566;
    font-weight: bold;
	z-index: 10;
  }
  .navtext a:link
  { text-decoration: none;
    font-weight: bold;
    color: #335566;/*chrome navigation link color*/
   }
  .navtext a:hover
  {
   text-decoration: none;
   font-weight: bold;
   color: white;/*chrome navigation hover color*/
  }
.navtext a .preview 
{
	z-index: 10;
	DISPLAY: none;
	overflow:visible;
}
.navtext a:hover .preview {
/*	clip:rect(100px 600px 430px 50px);*/
	border:0px;
	border-color:black;
	DISPLAY: block; Z-INDEX: 5; LEFT: 10%;POSITION: absolute;  TOP: 15%;/*sonst relative linkhöhe*/ 
 	overflow:visible;
	z-index: 10;
   /*color: red;/*chrome Color of image description*/
}
.navtext img 
{
/*	margin-top: 15%;
	bottom:50px;*/
	margin-bottom: 7px;
	border:0px;
	/*width:50%;
	text-align: right;
	VERTICAL-ALIGN: text-top; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	WIDTH im .html angeben, sonst kein override dieses wertes
	*/
}

.navtext .preview {
	border: 0px;
	font-size: x-small;
	/*display:block;
	position: relative;
	float:left;*/
	text-align: left;/* Muss für Mozilla drin sein*/
	color: rgb(100, 160, 196);
	font-weight: bold; 
	/*	WIDTH: 250px; HEIGHT: 88px;
	vertical-align: text-bottom;
	overflow:visible;*/
	padding-top: 8%;
}

/* NORMAL TEXT ( / BOX 2) --------------------------------*/
  .sitetext
   {
	color: rgb(100, 160, 196);
	margin-right: 16%;
	margin-left: 16%;
}
   .sitetext a:active
   {  text-decoration: none;
    color: white;
    font-weight: bold;
    }
  .sitetext a:visited
  { text-decoration: none;
    color: rgb(100, 160, 196);
    font-weight: bold;
  }
   .sitetext a:link
   { text-decoration: none;
     font-weight: bold;
     color: rgb(100, 160, 196);
    }
   .sitetext a:hover
   {
    text-decoration: none;
    font-weight: bold;
    color: white;
   }

    
div.transparentbase 
{
   /* background-color:rgb(160, 160, 160);
    background-color:rgb(40,40,40);
    background-color:rgb(60,70,50);
    background-color:rgb(50,50,50);
    background-color:rgb(90, 90, 90);
    background-color:black;
    background-color:rgb(50, 50, 50);*/
    /*vorher:background-color:#666666;==102dec
    60,60,60
    */
 background-color:rgb(65,65,65);/* =41hex*/
 border: 1px solid;
 border-top-color: #494949;
 border-left-color: #494949;
 border-bottom-color:#303030;
 border-right-color:#303030;
 height: 100%;
 height: 92%;
 width: 88%;
 position: absolute;
 margin:2% 3%;
 padding:0% 3%;/*hängt auch mit vertikaler größe zus,und scrollbar*/
 z-index: 0;
}
* html div.transparentbase {height:100%;}

div.boxview /* dunkelblaue projektionsfläche links*/
{
	border: 1px solid rgb(60, 60, 60);
	position: absolute;
	left:6%;
	top:30%;/* hier relative Verschiebung */
	background-color: #335566;
	height: 65%;
	width: 60%;
	opacity: 0.82;/*neu,macht fläche etwas dunkler*/
	filter: alpha(opacity=82);
	z-index: 2;
}
* html div.boxview {height:65%;} 

div.boxnavblue /* hellblaue Navigationsfläche*/
{
	border: 1px solid rgb(80, 80, 80);
	border: 1px solid rgb(60, 60, 60);
	border: 1px solid rgb(70, 70, 70);
	position: absolute;
	background-color: rgb(90, 135, 166);
	top:20%;/* hier relative Verschiebung */
	height: 73%;
	width: 35%;
	opacity: 0.72;/* 0.82 auch nett,heller*/
	filter: alpha(opacity=72);
	margin-top: 0%;
	margin-right: 10px;
	margin-left:55%;
	margin-bottom:15%;
	z-index:3;
}
* html div.boxnavblue {height:73%;}

div.boxshadow  /* Schatten für hellblaue Navigationsfläche*/ 
{
	border-left: 0px;
	border-top: 0px;
	border-bottom: 3px solid #AAAAAA;
	border-right: 3px solid #AAAAAA;
	position: absolute;
	background-color: #888888;
	background-color: #CCCCCC;
	top: 20%;/* hier relative Verschiebung */;
	height: 73%;
	width: 35%;
	opacity: 0.72;
	filter: alpha(opacity=72);
	margin-top: 0%;
	margin-right: 10px;
	margin-left: 55%;
	margin-bottom: 15%;
	z-index: 1;
}
* html div.boxshadow {height:73%;}

div.boxnavtransp /* Dummy-Fläche für Navigationstext*/
{
/* mit border checken, padding ist jetzt auf 0 kann aber angeglichen werden
*/	border: 0px solid rgb(60, 60, 60);
	position: absolute;
	background-color: transparent;
	top:20%;/* hier relative Verschiebung,oder besser über padding in tbase */
	left:0%;
	height: 70%;
	width: 90%;
	/* Diese opacity ist für den fuzzy text in chrome verantwortlich.
	Mit opac: iE8 filigranere Schrift, FF: weichere Farbe -> beizeiten anpassen per color
	/*opacity: 0.82;
	filter: alpha(opacity=82);*/
	margin-top: 0%;
	margin-right: 10px;
	margin-left:0%;
	padding-top:3%;
	z-index:4;
}
* html div.boxnavtransp {height:70%;}

div.boxlogotransp 
{
	text-align: right;
	padding:0%;
	border: 0px solid rgb(60, 160, 160);
	position: absolute;
	background-color: transparent;
	top:0%;
	left:0%;
	height: 104px;/* an boxnavtransp anpassen*/
	width: 95%;
	opacity: 0.78;/*0.82 schwächere transparenz,weniger tiefe im logo*/
	filter: alpha(opacity=78);/* 0.78 optimal (0.72 schon zu schwach)*/
	margin-top: 4%;/* hier Verschiebung nach unten einstellen (da sich padding 
						in tbase nicht auswirkt)*/
	margin-right: 0%;
	margin-left:0%;
	padding-top:0%;
	z-index:6;
}
* html div.boxlogotransp {height:104px;}

/*h1-h6 iE,chrome:noeffect*/
h1, h2, h3, h4, h5, h6
{
	font-family: Bookman Old Style, Times New Roman, Times;
	font-family: Eras Medium ITC, Helvetica, Arial;
}
h1
{
	color: rgb(0,0,0);
	font-size:xx-large;
}
h2
{
	color: rgb(0,153,51); 
}
h3
{
	color: rgb(204,51,51); 
}
h4
{
	color: rgb(51,0,204);
}
h5
{
	color: rgb(0,153,51);
}
h6
{
	color: rgb(204,51,51);
}