/*******************************************/
/*  File:   main.css                       */
/*  Author: ENGEL SOLUTONS AG              */
/*  Date:   30.03.2007                     */
/*******************************************/

/*******************************************/
/*  ENGEL (Dunkelblau):		#002378;       */
/*  Button (Hellblau): 		#e5e7f1;       */
/*  Text/Inhalt (Grau):		#666666;       */
/*  Roll-over-Mouse (Rot): 	#bb0000;       */
/*  Hintergrund (weiß): 	#ffffff;       */
/*******************************************/

/*******************************************/
/* B O D Y                                 */
/*******************************************/

body 
{
  font-family: Verdana;
  font-size: 11px;
  background-color: #ffffff;
}

/*******************************************/
/*  G R A F I C    (left, bottom)          */
/*  not ready for IE < 7                   */
/*******************************************/

div.pict {
 position: fixed;
 bottom: 0px;
 left: 0px;
}


/*******************************************/
/*             M  E  N  U  E               */
/*******************************************/

/* * * * * * * * * * * * * * * * * * * * * */
/*  little top menu                        */
/* * * * * * * * * * * * * * * * * * * * * */


div.menue_top {
 position: absolute;
 top: 2px;
 left: 0px;
 width: 1000px;
}

div.menue_top td {
 font-size: 9px;
}

div.menue_top a {
 color: #002378;
}



/* * * * * * * * * * * * * * * * * * * * * */
/*  menue with buttons                     */
/* * * * * * * * * * * * * * * * * * * * * */

/*** container for button-menu ***/
div.menue {
 position: absolute;
 top: 20px;
 left: 0px;
 width: 1000px;
}

/*** buttons ***/
td.menue a {
 vertical-align: top;
 padding: 22px 12px 12px 12px;
 height: 58px;
 width: 81px;
 display: block; 			
 border-left: 1px solid #002378;
 color: #002378;
 background-color: #e5e7f1;
 text-decoration: none; 	/* keine Unterstreichung */
 font-weight: bold;
}

/*** active buttons (clicked menue) ***/
td.menue_on a {
 vertical-align: top;
 padding: 22px 12px 12px 12px;
 height: 58px;
 width: 81px;
 display: block;
 border-left: 1px solid silver;
 color: white;
 background-color: #002378;
 text-decoration: none; 	/* keine Unterstreichung */
 font-weight: bold;
}

/*** mouse roll over on menue ***/
td.menue a:hover {
 background-color: #002378;
 color: white;
 border-left: 1px solid silver;
}	


/* * * * * * * * * * * * * * * * * * * * * */
/* (left) sub menue                        */
/* * * * * * * * * * * * * * * * * * * * * */

/*** container for left menu ***/
div.menue_left {
 position: absolute;
 top: 140px;
 left: 0px;
 width: 250px;	
 background: white;
 z-index: 3; 				/* transparenz */
 filter:Alpha(opacity=90); 	/* transparenz */
 -moz-opacity:0.9; 			/* transparenz */
}

/*** header of left menu ***/
td.menuetop {
 background: #e5e7f1; 
 color: #002378; 
 font-weight: bold; 
 padding: 4px 0px 4px 0px;
}

/*** left menue == submenue (subm) of menue  ***/
/*** entry of left menue, entry submenue     ***/	
td.subm a {
 display:block;
 font-weight: bold;
 color: #002378;
 text-decoration: none; 	/* keine Unterstreichung */
 padding-left: 4px;
}

/*** mouse roll over @ submenue ***/
td.subm a:hover {
 background: #002378;
 color: #ffffff;
 text-decoration: none; 	/* keine Unterstreichung */
}

/*** active submenue  (clicked submenue) ***/ 
td.subm_on a {
 display:block;
 background-image: url(/images/bullet.jpg); 	/* blauer Balken fuer Active-Markierung */
 background-position: left;
 background-repeat: no-repeat;
 padding-left: 10px;
 font-weight: bold;
 color: #002378;
 text-decoration: none; 	/* keine Unterstreichung */
}

/*** mouse roll over @ active submenu ***/
td.subm_on a:hover {
 background: #002378;
 color: #ffffff;
 text-decoration: none; 	/* keine Unterstreichung */
}


/*** default: hide subsubmenue in left menue ***/
tr.subclickm { 
 display: none; 		 	
}

/*** show  subsubmenue in left menue ***/
tr.subclickm_on {}  		



/*** subsubmenue entry in left menu ***/
td.betsubm a {
 display: block;
 color: #002378;
 text-decoration: none; 	/* keine Unterstreichung */
 padding-left: 20px;
}

/*** mouse roll over of subsubmenue ***/
td.betsubm a:hover {
 background: #002378;
 color: #ffffff;
 text-decoration: none; 	/* keine Unterstreichung */
}


/*** active subsubmenue ***/
td.betsubm_on a {
 background-image: url(/images/bullet.jpg); 	/* blauer Balken fuer Active-Markierung */
 background-position: 10px;
 padding-left: 10px;
 background-repeat: no-repeat;
 font-weight: bold;
 color: #002378;
 text-decoration: none; 	/* keine Unterstreichung */
 padding-left: 20px;
}

/*** mouse roll over @ active submenu ***/
td.betsubm_on a:hover {
 display: block;
 background: #002378;
 color: #ffffff;
 text-decoration: none; 	/* keine Unterstreichung */
}


/*******************************************/
/*   C O N T E N T                         */
/*******************************************/

/*** container for content ***/
div.content {
 position: absolute;
 top: 120px;
 left: 290px;
 width: 690px;
 font-size: 13px;
 padding-bottom: 15px;
}

/*** div.text in div.content is nessecary for border ***/
/*** around the text                                 ***/
div.text {
 color: #666666;
 border: 1px solid #666666;
 padding: 7px 7px 7px 7px;
 width: 100%;
}

/*** Links @ content-text ***/
div.text a {
 color: #002378;
 text-decoration: underline; 	/* keine Unterstreichung */
}

/*** mouse roll over - Links @ content-text ***/
div.text a:hover {
 color: #bb0000;
}

/* * * * * * * * * * * * * * * * * * * * * */
/* general content                         */
/* * * * * * * * * * * * * * * * * * * * * */

/*** header / page title ***/	
h1 {
 color: #002378;
 font-family: Arial;
 font-weigth: normal;
 font-size: 24px;
}

/*** special tables with dotted bottom line ***/
/*** is used @ personen @ About ***/
table.t_bottom {
 border-bottom: 1px dotted gray;
}	
	


/*******************************************/
/*   E  O  F                               */
/*******************************************/