/* HTB - TB.CSS Stylesheet*/


/*************************************/
/* Anfang der verifizierten          */
/*************************************/

#slogan{
	border:0px solid;
	background-color:#FFFFFF;
	left:306px;
	top: -4px;
	position:absolute;
	width:200px;
	height:90px;
	font-size: 24px;
	font-weight: bold;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	overflow:hidden;
	border-color: #CCCCCC;
	text-align: center;
	color: #FFFFFF;
}


.bnihighlight {
	color: #910000;
	font-weight: bold;
	font: verdana;
	font-size: 2;
}


.Texthervorhebung {
	color: #FF6600;
	font-weight: bold;
}

#outerwindow {
	height: 580px;
	width: 830px;
	margin-top: -290px;  /* minus die Hälfte von height */
	margin-left: -415px; /* minus die Hälfte von width */
	top: 50%;
	left: 50%;
	position: absolute;
	background-color: #FFFFFF;
	color: #FF6600;
}
	
#innerwindow {
	width: 817px;
	height: 560px;
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
	background-color: #FFFFFF;
	color: #FFFFFF;
}

#logoarealeft {
	width: 280px;
	height: 66px;
	position: absolute;
	margin-top: 0px;
	background-color: #FFFFFF;
	left: 0px;
	top: 0px;
}

#logoarearight {
	width: 86px;
	height: 66px;
	margin-left: 725px;
	margin-top: 0px;
	position: absolute;
	background-color: #FFFFFF;
	z-index: auto;
	top: 1px;
}

#menubox {
	width: 810px;
	height: 95px;
	position: absolute;
	margin-top: 73px;
	/*	line-height: 8px;*/   /*ist wichtig, sonst breiter*/
/* nachste Zeile der Hintergrund der obersten Menüzeile*/
	background-color: #FFFFFF;
	color: #9999FF;
}



#bottomarea {
	width: 816px;
	height: 392px;
	position: absolute;
	margin-top: 175px;
	margin-left: 0px;
	overflow:auto;
	background-color: #FFFFFF;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}	

#titelseitebildleistelang {
	width: 790px;
	height: 173px;
	position: absolute;
	margin-top: 0px;
	margin-left: 14px;
	background-color: #FFFFFF;
	text-align: center;
	color: #FFFFFF;
}

#titelseitebottomarea {
	width: 812px;
	height: 210px;
	position: absolute;
	margin-top: 178px;
	margin-left: 0px;
	overflow:auto;
	background-color: #FFFFFF;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}	



#boxaktuelles{
	border:2px solid;
	background-color:#FFFFFF;
	left:-30px;
	top:-125px;
	position:absolute;
	width:580px;
	height:55px;
	margin-top:40px;
	margin-left:0px;
	padding:10px;
	overflow:auto;
	border-color: #0099FF;
	color: #666666;
}



#bottomsloganbox{
	background-color:#E5E5E5;
	border:0px solid;
	border-color: #0099FF;
	position:absolute;
	left: 50%;
	width:830px;
	margin-left: -415px; /* minus die Hälfte von width */
	top: 90%;
	height:70px;
	margin-top: -30px;  /* minus die Hälfte von height */
	padding:0px;
	overflow:auto;
	color: #FF6600;
	font-size: 36px;
	font-family: "Century Gothic";
}







/*************************************/
/* Ende der verifizierten          */
/*************************************/







#titleinfotext {
	width: 790px;  /* reicht gif width */
	height: 600px;
	position: absolute;
	margin-top: 400px;
	margin-left: 5px;
	background-color: #FFFF00;
	color: #FFFFFF;
}

#triplet {
	width: 750px;  /* reicht gif width */
	height: 300px;
	position: absolute;
	margin-top: 245px;
	margin-left: 14px;
	background-color: #FFFFFF}





#restmenubox_XXXX {
	width: 810px;
	height: 80px;
	position: absolute;
	margin-top: 91px;
	background-color: #FFFFFF;
	line-height: 18px;   /*ist wichtig, sonst breiter*/
}	


#vline1{
	width: 1px;
	height: 90px;
	position: absolute;
	/*	margin-top: 83px;*/
	margin-top: 83px;
	background-color: #FF6600;
	/*	margin-left: 123px;*/
	margin-left: 123px;
	z-index: 1;
}

#vline2{
	width: 1px;
	height: 90px;
	position: absolute;
	margin-top: 83px;
	background-color: #FF6600;
	margin-left: 262px;
	z-index: 1;
}

#vline3{
	width: 1px;
	height: 90px;
	position: absolute;
	margin-top: 83px;
	background-color: #FF6600;
	margin-left: 402px;
	z-index: 1;
}

#vline4{
	width: 1px;
	height: 90px;
	position: absolute;
	margin-top: 83px;
	background-color: #FF6600;
	margin-left: 542px;
	z-index: 1;
}

#vline5{
	width: 1px;
	height: 90px;
	position: absolute;
	margin-top: 83px;
	background-color: #FF6600;
	margin-left: 680px;
	z-index: 1;
}



#topnavigation a:hover {
	color:#FFFFFF;
	background-color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
}




#topnavigation a {
	color: black;
	text-decoration: none;
	letter-spacing:0.1em;
	line-height: 18px; 		/* ganz wichtig*/
	display:block;                   /*wenn ganzes Feld highlight*/
	padding: 0px 10px;
	border-right:0px solid #ff6600;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

/*#navigation a:hover {
	color:#FFFFFF;
	background-color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#navigation a {
	font:10px Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	letter-spacing:0.1em;
	line-height: 18px; 		/* ganz wichtig*/
	display:block;                  /* wenn ganzes Feld highlight*/
	padding: 0px 10px;
	border-right:0px solid #FF6600;
	text-align: left;
	}
*/

#highlightnavigation a:hover {
	color:#FFFFFF;
	background-color: #FF6600}

#highlightnavigation a {
	font:10px Arial, Helvetica, sans-serif;
	color: #FF6600;
	text-decoration: none;
	letter-spacing:0.1em;
	line-height: 18px; 		/* ganz wichtig*/
	display:block;                  /* wenn ganzes Feld highlight*/
	padding: 0px 10px;
	border-right:0px solid #FF6600;
	text-align: left;
	}



#extranavigation a:hover {
	color:#FFFFFF;
	background-color: #FF6600}

#extranavigation a {
	font:10px Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing:0.1em;
	line-height: 18px; 		/* ganz wichtig*/
	display:block;                  /* wenn ganzes Feld highlight*/
	padding: 0px 10px;
	border-right:0px solid #FF6600;
	text-align: left;
	background-color: #FFFFFF;
	color: #FF6600;
	}




#localnavigation a:hover {
	color:#FFFFFF;
	background-color: #FF6600}

#localnavigation a {
	font:10px Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	letter-spacing:0.4em;
	line-height: 18px; 		/* ganz wichtig*/
	display:block;                  /* wenn ganzes Feld highlight*/
	padding: 0px 10px;
	border-right:0px solid #FF6600;
	text-align: left;
	}



#linktabelle {
	color: #666666;
	letter-spacing: 0.1em;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
} 


/* Body wird z.T. in Templates übertrumpft */

body {
	font-size: 12px;
	color: #000000;
	letter-spacing: 0.1em;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #E5E5E5; /* this applies to frame area on screen*/
	font-family: Arial, Helvetica, sans-serif;
} 






#centraltext {
	width: 550px;
	height: 100px;
	position: absolute;
	margin-top: 220px;
	margin-left: 135px;
	background-color: #FFFFFF
}



#helptextarea {
	margin-top: 0px;
	margin-left: 0px;
	background-color: #D9D8DC;
	color: #FF0066;
}	


#thumbsarea {
	width: 200px;
	height: 393px;
	position: absolute;
	margin-top: 176px;
	margin-left: 7px;
	background-color: #FFFFFF}	



#fakebox{
	width: 100px;
	height: 60px;
	position: absolute;
	margin-top: 5px;
	background-color: #0000FF;
	margin-left: -50px;
	left: 0px;
	top: 500px;
}




/***************************************************************/
/* mit outerwindowtable und HTML,BODY mit einer Höhe definiert */
/* lässt sich die Tabelle darin zentrieren                     */
/* und das funktioniert mit mindestens IE, NS, MF, OP          */
/***************************************************************/

#textlinks {
	border:1px solid #FFFFFF;
	width: 438px;
	height: 363px;
	position: absolute;
	margin-top: 10px;
	margin-left: 4px;
	background-color: #FFFFFF;
	overflow:auto
}

#bildrechts {
	width: 363px;
	height: 363px;
	position: absolute;
	margin-top: 10px;
	margin-left: 448px;
	background-color: #FFFFFF}



/*#outerwindowtable  {
	background-color:#FFFFFF; 
	height: 100%;
	width: 100%;
	margin:0;
	padding:0;
}*/

/*#activetable  {
	background-color:#FFFFFF;
	border-top-color: #0000FF;
	border-right-color: #0000FF;
	border-bottom-color: #FFFFFF;
	border-left-color: #0000FF;
	height: 558;
	width: 500;
	margin:0;
	padding:0;
	border: 0px;
}
*/

/*

	letter-spacing:0.1em;
	display:table-row;
	border-right:1px solid #FF6600;
	border: 1;
	cellpadding: 0;
	cellspacing: 0;
	line-height: 1.5em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;


	*/

/* normal text appearance                   */
/* wichtig dass html height hat, damit das  */
/* zentrieren des active table funktioniert */

/*html,body {*/
/*	font-family: 9px Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #3333CC; 
	letter-spacing: 0.1em;
	margin: 0px;
	padding: 0px;
	height: 100%;*/
/*}*/






h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF6600;
	letter-spacing: 0.25em;
	line-height: 24px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 0.2em;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	letter-spacing: 0.2em;
}