/* HTB - TB.CSS Stylesheet*/

/*************************************/
/* Header, Footer, Navigation etc.   */
/*************************************/


#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;
}

#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}
	
#innerwindow {
	width: 817px;
	height: 560px;
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
	background-color: #FFFFFF}


#logoarea {
	width: 300px;
	height: 16px;
	position: absolute;
	margin-top: 0px;
	left: 0px;
	top: 0px;
	border-color: #CC0000;
	border-width: 3px;
}


#topmenubox {
	width: 810px;
	height: 18px;
	position: absolute;
	margin-top: 83px;
/*	line-height: 8px;*/   /*ist wichtig, sonst breiter*/
/*	background-color: #CCCCCC;*/
	background-color: #CCCCCC}

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

#hline0oben{
	border-top:2px solid #0099FF;
	width: 827px;
	position: absolute;
	/*	margin-top: 83px;*/
	margin-top: 86px;
	/*	margin-left: 123px;*/
	margin-left: 3px;
	z-index: 1;
}



#vline0links{
	width: 2px;
	height: 480px;
	position: absolute;
	/*	margin-top: 83px;*/
	margin-top: 88px;
	background-color: #0099FF;
	/*	margin-left: 123px;*/
	margin-left: 3px;
	z-index: 1;
}

#vline1{
	width: 1px;
	height: 18px;
	position: absolute;
	/*	margin-top: 83px;*/
	margin-top: 93px;
	background-color: #0033CC;
	/*	margin-left: 123px;*/
	margin-left: 87px;
	z-index: 1;
}

#vline2{
	width: 1px;
	height: 18px;
	position: absolute;
	margin-top: 93px;
	background-color: #0033CC;
	margin-left: 172px;
	z-index: 1;
}

#vline3{
	width: 1px;
	height: 18px;
	position: absolute;
	margin-top: 93px;
	background-color: #0033CC;
	margin-left: 277px;
	z-index: 1;
}

#vline4{
	width: 1px;
	height: 18px;
	position: absolute;
	margin-top: 93px;
	background-color: #0033CC;
	margin-left: 418px;
	z-index: 1;
}

#vline5{
	width: 1px;
	height: 18px;
	position: absolute;
	margin-top: 93px;
	background-color: #0033CC;
	margin-left: 556px;
	z-index: 1;
}

#vline6{
	width: 1px;
	height: 18px;
	position: absolute;
	margin-top: 93px;
	background-color: #0033CC;
	margin-left: 607px;
	z-index: 1;
}

#aktuelles {
	width: 816px;
	height: 50px;
	position: absolute;
	margin-top: 126px;
	margin-left: 7px;
	overflow:none;
	background-color: #FFFFFF}	



#bottomarea {
	width: 816px;
	height: 393px;
	position: absolute;
	margin-top: 186px;
	margin-left: 7px;
	overflow:auto;
	background-color: #FFFFFF}	

#bottomareaextragross {
	width: 650px;
	height: 400px;
	position:inherit;
	margin-top: -40px;
	background-color: #FFFFFF;
	margin-left: 85px;
}


#topnavigation a:hover {
	color:#FFFFFF;
	background-color: #0033CC}

#topnavigation 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;
	}

#navigation a:hover {
	color:#FFFFFF;
	background-color: #0033CC}

#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: #FF00FF;
	letter-spacing: 0.1em;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #E5E5E5;
	font-family: Arial, Helvetica, sans-serif;
} 

#galerie {
	font-size: 12px;
	color: #333333;
	letter-spacing: 0.1em;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
} 





/***************************************************************/
/* 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 {
	width: 438px;
	height: 363px;
	position: absolute;
	margin-top: 10px;
	margin-left: 4px;
	background-color: #FFFFFF;
}

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

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

#bildleistelang {
	width: 804px;
	height: 173px;
	position: absolute;
	margin-top: 42px;
	margin-left: 5px;
	background-color: #FFFFFF;
	text-align: center;
}

#centraltext {
	width: 550px;
	height: 100px;
	position: absolute;
	margin-top: 220px;
	margin-left: 135px;
	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: #0000CC;
	letter-spacing: 0.25em;
	line-height: 24px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	letter-spacing: 0.2em;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	letter-spacing: 0.2em;
}