body {
	margin:           0;
	padding:          5px 0 5px 0; 
/*	font-family:      Arial, Helvetica, sans-serif;*/
	font-family:	  "times new roman", times, serif;
	font-size:        100%; 
	color:            #000;
	text-align:       center; /* ie6 workaround: zentriert den container */
	background:		  #FFF;
/*	background:       #eef url(bg_site.png) repeat-x;   teb */
}



/*****************************************************************************
 * STANDARD ELEMENTE                                                         *
 *****************************************************************************/
a {
	text-decoration:  none;
	color:            #039;
}
a:hover {
  color:            #99f;
  text-decoration:	underline;teb
}
h1 {
	margin:           0;
	padding:          0;
	color:            #039;
	font-size:        1.2em; /* teb */
	font-weight:      bold;
}
h2 {
	margin:           0;
	padding:          0;
	color:            #039;
	font-size:        1.2em; /* teb */
	font-weight:      bold;
}
h3 {
	margin:           0;
	padding:          0;
	color:            #039;
	font-size:        1.0em; /* teb */
	font-weight:      bold;
}

	
ul {
	list-style:       none;
}
table {
	/* ie6 workaround: gleicht schriftgröße in tabellen an */
	font-size:        0.9em;   /* teb */
}
td {
	vertical-align:   top;
}

/* Standard Tabelle **********************************************************/
#def_table {
	border-spacing:   0;
}
#def_table tr {}
#def_table td {
	padding-right:     10px;
}

/* Standard Liste ************************************************************/
#def_list {
	margin:           10px 5px 10px 18px;
	padding:          0;
	list-style-image: url(b_003399.gif);
}
#def_list li {
	margin:           10px 0;
	padding:          0;
}
#def_list ul {
	margin:           0;
	padding-left:     18px;
	list-style-image: url(b_003399.gif);
}

/* Text Container rechts *****************************************************/
#textCulR {
	display:					inline-block;
	float:						right;
	width:						180px;
	margin:						0 0 20px 0;
}

/* Deaktivierter Aktiver Link ************************************************/
span.active {
  color:            #039;
} 




/*****************************************************************************
 * HAUPTCONTAINER                                                            *
 * in diesem Container, der dem zentral angeordneten Bogen entspricht,       *
 * werden alle Elemente der Webseite definiert.                              *
 *****************************************************************************/
#container {
	margin:           0 auto;
	padding:          0;
	width:            100%;     /* Teb */
	text-align:       left;
	font-size:        0.9em;   /* teb */
}



/*****************************************************************************
 * KOPFZEILE                                                                 *
 * beinhaltet alle Firmen Information z.B. 'Über uns', 'Presse', 'Kontakt'   *
 * und den aktuellen Linkpfad (zb Home -> Produkte -> Cegris)                *
 *****************************************************************************/
#header {
	float:            left;
	margin:           0;
	padding:          0;
	width:            100%;
	height:           30px;
	background:       #fff url(pageframe_top.png);
    display:		  none;   /* teb */
}

/* Firmeninformationen *******************************************************/
#firm_infos {
	float:            right;
	margin:           0;
	padding:          12px 0 0 0;
    display:		  none;    /* teb */
}
#firm_infos li {
	float:            left;
	padding:          0 1em 0 1em;
	/*border-right:     1px solid #aaa;*/
	color:            #aaa;
}

/* Linkpfad 1 ****************************************************************/
/* AUSKOMMENTIERT!!!
	#link_path {
		float:            left;
		margin:           0 0 0 1em;
		padding:          12px 0 0 0;
	}
	#link_path li {
		float:            left;
	  padding:          0 0 0 10px;
	}
	#link_path li a {
		background:       url(arrow.gif) no-repeat right 50%;
	  padding-right:    17px;
}
*/



/*****************************************************************************
 * FIRMEN BANNER                                                             *
 * beinhaltet das Firmen Logo und ein Banner als Hintergrund                 *
 * (der Linkpfad kann auch hier rechts unten im eingerahmten Bereich des     *
 * Banners eingefügt werden)                                                 *
 *****************************************************************************/
#banner {
	float:            left;
	margin:           0;
	width:            100%;
	height:           130px;
	background:       #98b0f0 url(banner.png) no-repeat bottom;
    display:		  none;    /* teb */
}

/* Linkpfad 2 ****************************************************************/
/* AUSKOMMENTIERT!!!	
	#link_path {
		margin:           105px 0 0 130px;
		padding:          0;
	}
	#link_path li {
		float:            left;
	  padding:          0 0 0 10px;
	}
	#link_path li a {
		background:       url(arrow.gif) no-repeat right 50%;
	  padding-right:    17px;
	}
*/



/*****************************************************************************
 * FIRMEN BANNER WZL-Aachen Gmbh                                                             *
 * beinhaltet das Firmen Logo und ein Banner als Hintergrund                 *
 * (der Linkpfad kann auch hier rechts unten im eingerahmten Bereich des     *
 * Banners eingefügt werden)                                                 *
 *****************************************************************************/
#banner_wzlgmbh {
	float:            left;
	margin:           0;
	width:            100%;
	height:           130px;
	background:       #98b0f0 url(banner_wzlgmbh.png) no-repeat bottom;
    display:		  none;   /* teb */
}

/*****************************************************************************
 * ZENTRALES FRAME                                                           *
 * besteht aus 3 Spalten. Die erste Spalte beinhaltet die Navigationsleiste, *
 * in der zweiten Spalte wird der eigentliche Inhalt der Webseite eingefügt  *
 * die dritte Spalte fungiert als Infospalte in der weitere Infos, News,     *
 * Verweise etc angezeigt werden.                                            *
 *****************************************************************************/
#main_frame {
	float:            left;
	margin:           0;
	padding:          0;
	width:            100%;
	background:		  #FFF;
	/* background:       #fff url(bg_mainframe.png) repeat-y; */    /* teb */
}



/*****************************************************************************
 * NAVIGATIONSLEISTE                                                         *
 * beinhaltet alle Links zur Navigation innerhalb der Seite und einen        *
 * kurzen Kontaktbogen                                                       *
 *****************************************************************************/
#nav_bar {
	float:            left;
	width:            125px;
	font-size: 				10pt;
	background:				none url(navi-back11b.gif) repeat-y;
    display:		  none;   /* teb */
}
#nav_bar li {
	margin:           0;
	padding:          0;
}
#nav_bar a {
	padding-left:    	5px;
  text-decoration:	none;
}
#nav_bar a:hover {
	color: 						#fff;
}
#cur_a {
	padding-left:    	5px;
}

/* Navigationsleiste *********************************************************/
#nav_lev1 {
	margin:  	        10px 0 50px 0;
	padding:          0 0 0 0px;
}
#nav_lev1 li {
	margin:           0 0 10px 0;
	background:				#fff url(navi-back11b_defb.gif) no-repeat;
} 
#nav_lev1 .active1 {
	background:				#fff url(navi-back11b_act1b.gif) no-repeat;
	font-weight:      bold;
	color:						#fff;
} 
#nav_lev1 .active2 {
	background:				#fff url(navi-back11b_act2b.gif) no-repeat;
	font-weight:      bold;
	color:						#fff;
} 
#nav_lev1 .active2c {
	background:				#fff url(navi-back11b_act2c.gif) no-repeat;
	font-weight:      normal;
	color:            #039;
} 
#nav_lev2 {
	margin:           0;
	padding:      		1px 0 0 0; 
	font-weight:      normal;
	font-size: 				9pt;
	background:				#fff url(navi-back11b_submenuBg.gif) repeat-y;
}
#nav_lev2 li {
	margin:           5px 0 0 0;
	padding:      		0; 
	background:				none;
}
#nav_lev2 .active3 {
	background:				#fff url(navi-back11b_act3.gif) no-repeat;
	font-weight:      bold;
	color:						#fff;
} 
#nav_lev2_footer {
	background:				#fff url(navi-back11b_footer.gif) no-repeat bottom;
}
#nav_lev3 {
	margin:           0;
	padding:      		3px 0 5px 0; 
	font-weight:      normal;
	font-size: 				9pt;
	background:				#fff url(navi-back11b_submenuBg2.gif) repeat-y;
}
#nav_lev3 li {
	margin:           0;
	padding:      		3px 0 0 10px;
	background:				none;
} 
#nav_lev3 .active4 {
	background:				#fff url(navi-back11b_act3.gif) no-repeat;
	font-weight:      bold;
	color:						#fff;
} 

/* horizontale Trennlinie ****************************************************/
/* wird momentan nicht verwendet!!
	#seperator {
		clear:            both;
		margin:           0;
		padding:          0;
		width:            125px;
		height:           20px;
		background:				#fff url(navi-line11b.gif) no-repeat;
	}
*/

/* Kontaktbogen **************************************************************/
#contact {
	margin:           0;
	padding:          0 10px 0 0px;
  font-size: 				0.9em;
  text-align:       center;
}
#contact h2 {
	margin:           0;
	padding:          0 10px;
}



/*****************************************************************************
 * INHALT                                                                    *
 * zeigt alle Information zu den Produkten, Dienstleistungen, etc. der       *
 * Grindaix GmbH an                                                          *
 *****************************************************************************/
#content_frame {
	float:            left;
	margin:           0;
	padding:          0;
	width:            100%;	/* teb */
}
#content_frame h1 {
	margin-bottom:    15px;
	border-bottom:    1px solid #039;
}
#content_frame h2 {
	margin:           50px 0 10px 0;
}
#content_frame h3 {
	margin:           10px 0 0 0;
}
#content_frame p {
	margin:           10px 0;
    
}
#content_frame img {
	/* bei Ueberlappungen margin-bottom vergroessern (40px) */
	float:            right;
	margin:           0 0 5px 10px;
	padding:          0;
	border:           1px solid #bbb;
    
}

/* Abschnitt (beinhaltete einen h1, bel h2 und inhalt) ***********************/
#content_item {
	clear:            both;
	margin:           10px 5px 40px 5px;
}

/* Informations Box **********************************************************/
/* wird momentan nicht verwendet!!
	#info_frame {
		margin:           20px 0 0 0;
		padding:          0;
		width:            100%;
		background:       #fff url(infoframe_bg_01d.png) repeat-y;
	}
	#info_frame h2 {
		margin:           0;
		padding:          5px 10px;
		color:            #fff;
		background:       #fff url(infoframe_bg_top_01d.png) top repeat-y;
	}
	#if_content {
		float:            left;
		margin:           0;
		padding:          0;
		width:            490px;
		height:           175px;
		background:       #fff url(infoframe_bg_01d.png) repeat-y;
	} 
	#if_content img {
		float:            left;
		margin:           0 10px 0 1px;
		padding:          0;
		border:           none;
	}
	#if_content p {
		margin:           0 10px 0 0;
		padding:          5px 0;
	}
	#if_footer {
		margin:           0;
		padding:          5px 10px;
		color:            #fff;
		text-align:       right;
		background:       #fff url(infoframe_bg_bottom_01d.png) bottom repeat-y;
	}
*/

/* Kurzinfo Box **************************************************************/
/* wird momentan nicht verwendet!!                                       
	#short_info {
		float:            left;
		margin:           5px 0 10px 5px;
		padding:          0;
		width:            240px;
		background:       #fff url(summarypane_bg_middle.png) repeat-y;
	}
	#short_info h2 {
		line-height:      30px;
		margin:           0;
		padding-left:     10px;
		background:       #fff url(summarypane_bg_top1.png) no-repeat;
		border:           none;
	}
	#si_content {
		margin:           0;
		padding:          0.3em 10px;
		background:       #fff url(summarypane_bg_middle.png) repeat-y;
	} 
	#si_content img {
		float:            left;
		margin:           0.2em 10px 0.2em 0;
		padding:          0;
		border:           1px solid #bbb;
	}
	#si_footer {
		display:          block;
		margin:           0;
		padding:          0 10px;
		height:           30px;
		line-height:      30px;
		text-align:       right;
		background:       #fff url(summarypane_bg_bottom1.png);
	}
*/

/* Produkt Katalog ***********************************************************/
#catalog {
	clear:            both;
	margin:           30px 0;
	padding:          0;
	list-style:       none;
}
#catalog li {
	clear:            left;
	margin:           20px 0;
	padding:          0;
}
#catalog h2 {
	margin:           0;
	padding:          0;
}
#catalog h3 {
	margin:           0;
	padding:          0;
}
#catalog img {
	float:            left;
	margin:           0 10px 20px 0;
	padding:          0;
}
#catalog a {
	margin:           0;
	padding:          0;
}

/* Presse Einträge ***********************************************************/
#press {
	margin:           10px 5px 15px 15px;
	padding:          0;
	list-style:       none;
}
#press li {
	margin:           10px 0;
}
#press a {}
#author {}
#title {
	font-weight:      bold;
}

/* Sitemap *******************************************************************/
#sitemap {
	margin:           0;
	padding:          0;
	list-style:       none;
}
#sitemap li {
	margin:           10px 0;
}
#sitemap ul {
	padding-left:     20px;
}
#sitemap a {}

/* Framebox Element **********************************************/
#framebox {
	margin:           20px 0 5px 0;
	padding:          0;
	width:            300px;
	background:       transparent url(framebox_bg_middle_h.png) repeat-y;
}
#framebox h3 {
	margin:           0 0 5px 0;
	padding:          5px 0 5px 10px;
	font-size:        1.2em;
	background:       #ccc url(framebox_bg_top_h.png) top no-repeat;
	color:            white;
}
#framebox p {
	margin:           0;
	padding:          0;
	width:            100%;
	height:           17px;
	background:       #fff url(framebox_bg_bottom_h.png) bottom no-repeat;
}

/* Preview Box **********************************************/
#preview_box {
	float:						left;
	margin:           0 9px 10px 0;
	padding:          0;
	width:            154px;
	background:       #fff url(preview_box_bg_mid.png) bottom repeat-y;
}
#preview_box h3 {
	margin:           0;
	padding:          5px 0 2px 0;
	width:            154px;
	font-size:        1.2em;
	background:       #ccc url(preview_box_bg_top.png) top no-repeat;
	color:            white;
}
#preview_box img {
	margin:           0 2px;
	border-right:			none;
	border-left:			none;
	border-color:			#999dff;
	float:						none;
}
#preview_box p {
	margin:           0;
	padding:					5px;
	height:						120px;
	background:       none;
}
#preview_box div {
	margin:           0;
	padding:					0;
	width:            154px;
	height:						15px;
	background:       #fff url(preview_box_bg_bot.png) bottom repeat-y;
}
/* Preview Box **********************************************/
#preview_box_orange {
	float:						left;
	margin:           0 9px 10px 0;
	padding:          0;
	width:            154px;
	background:       #fff url(preview_box_bg_mid_orange.png) bottom repeat-y;
}
#preview_box_orange h3 {
	margin:           0;
	padding:          5px 0 2px 0;
	width:            154px;
	font-size:        1.2em;
	background:       #ccc url(preview_box_bg_top_orange.png) top no-repeat;
	color:            white;
}
#preview_box_orange img {
	margin:           0 2px;
	border-right:			none;
	border-left:			none;
	border-color:			#999dff;
	float:						none;
}
#preview_box_orange p {
	margin:           0;
	padding:					5px;
	height:						120px;
	background:       none;
}
#preview_box_orange div {
	margin:           0;
	padding:					0;
	width:            154px;
	height:						15px;
	background:       #fff url(preview_box_bg_bot_orange.png) bottom repeat-y;
}
/* Preview Box **********************************************/
#preview_box_gelb {
	float:						left;
	margin:           0 9px 10px 0;
	padding:          0;
	width:            154px;
	background:       #fff url(preview_box_bg_mid_gelb.png) bottom repeat-y;
}
#preview_box_gelb h3 {
	margin:           0;
	padding:          5px 0 2px 0;
	width:            154px;
	font-size:        1.2em;
	background:       #ccc url(preview_box_bg_top_gelb.png) top no-repeat;
	color:            white;
}
#preview_box_gelb img {
	margin:           0 2px;
	border-right:			none;
	border-left:			none;
	border-color:			#999dff;
	float:						none;
}
#preview_box_gelb p {
	margin:           0;
	padding:					5px;
	height:						120px;
	background:       none;
}
#preview_box_gelb div {
	margin:           0;
	padding:					0;
	width:            154px;
	height:						15px;
	background:       #fff url(preview_box_bg_bot_gelb.png) bottom repeat-y;
}
/* Preview Box **********************************************/
#preview_box_hellblau {
	float:						left;
	margin:           0 9px 10px 0;
	padding:          0;
	width:            154px;
	background:       #fff url(preview_box_bg_mid_hellblau.png) bottom repeat-y;
}
#preview_box_hellblau h3 {
	margin:           0;
	padding:          5px 0 2px 0;
	width:            154px;
	font-size:        1.2em;
	background:       #ccc url(preview_box_bg_top_hellblau.png) top no-repeat;
	color:            white;
}
#preview_box_hellblau img {
	margin:           0 2px;
	border-right:			none;
	border-left:			none;
	border-color:			#cadbff;
	float:						none;
}
#preview_box_hellblau p {
	margin:           0;
	padding:					5px;
	height:						120px;
	background:       none;
}
#preview_box_hellblau div {
	margin:           0;
	padding:					0;
	width:            154px;
	height:						15px;
	background:       #fff url(preview_box_bg_bot_hellblau.png) bottom repeat-y;
}
/* Preview Box **********************************************/
#preview_box_gruen {
	float:						left;
	margin:           0 9px 10px 0;
	padding:          0;
	width:            154px;
	background:       #fff url(preview_box_bg_mid_gruen.png) bottom repeat-y;
}
#preview_box_gruen h3 {
	margin:           0;
	padding:          5px 0 2px 0;
	width:            154px;
	font-size:        1.2em;
	background:       #ccc url(preview_box_bg_top_gruen.png) top no-repeat;
	color:            white;
}
#preview_box_gruen img {
	margin:           0 2px;
	border-right:			none;
	border-left:			none;
	border-color:			#9dffb7;
	float:						none;
}
#preview_box_gruen p {
	margin:           0;
	padding:					5px;
	height:						120px;
	background:       none;
}
#preview_box_gruen div {
	margin:           0;
	padding:					0;
	width:            154px;
	height:						15px;
	background:       #fff url(preview_box_bg_bot_gruen.png) bottom repeat-y;
}
/* Preview Box **********************************************/
#preview_box_rot {
	float:						left;
	margin:           0 9px 10px 0;
	padding:          0;
	width:            154px;
	background:       #fff url(preview_box_bg_mid_rot.png) bottom repeat-y;
}
#preview_box_rot h3 {
	margin:           0;
	padding:          5px 0 2px 0;
	width:            154px;
	font-size:        1.2em;
	background:       #ccc url(preview_box_bg_top_rot.png) top no-repeat;
	color:            white;
}
#preview_box_rot img {
	margin:           0 2px;
	border-right:			none;
	border-left:			none;
	border-color:			#ffcbc5;
	float:						none;
}
#preview_box_rot p {
	margin:           0;
	padding:					5px;
	height:						120px;
	background:       none;
}
#preview_box_rot div {
	margin:           0;
	padding:					0;
	width:            154px;
	height:						15px;
	background:       #fff url(preview_box_bg_bot_rot.png) bottom repeat-y;
}


/*****************************************************************************
 * ZUSATZLEISTE                                                              *
 * beiinhaltet u.a. die Sprachauswahl, Links zu Grindaix Gmbh Portalen und   *
 * weitere Informationen oder Funktionalitäten der Webseite                  *
 *****************************************************************************/
#side_bar {
	float:            left;
	width:            125px;
	background:				#fff url(bg_sidebar.png) repeat-y;
}
#side_bar p {
	padding:          0 0 0 10px;
}

/* Info-Dienstleistungs Element **********************************************/
#service {
	margin:           5px 0 0 0;
	padding:          0 0 0 10px;
}
#service li {
	margin:           0 0 5px 0;
	padding:          0;
	width:            115px;
	background:       #fff url(sidebox_bg_middle.png) repeat-y;
}
#service li h3 {
	margin:           0 0 5px 0;
	padding:          5px 0 5px 10px;
	background:       #ccc url(sidebox_bg_top.png) top no-repeat;
	color:            white;
}
#service li p {
	margin:           0;
	padding:          0;
	width:            100%;
	height:           20px;
	background:       #fff url(sidebox_bg_bottom.png) bottom no-repeat;
}
#service li.highlighted {
	margin:           0 0 5px 0;
	padding:          0;
	width:            115px;
	background:       #fff url(sidebox_bg_middle_h.png) repeat-y;
}
#service li.highlighted h3 {
	margin:           0 0 5px 0;
	padding:          5px 0 5px 10px;
	background:       #98b0f0 url(sidebox_bg_top_h.png) top no-repeat;
	color:            white;
}
#service li.highlighted p {
	margin:           0;
	padding:          0;
	width:            100%;
	height:           20px;
	background:       #fff url(sidebox_bg_bottom_h.png) bottom no-repeat;
}

/* Sprachauswahl *************************************************************/
#serv_links {
	margin:           0;
	padding:          0;
}
#serv_links li {
	padding:          0 0 0 10px;
	width:            105px;
	background:       none;
} 
#serv_links a {
	margin:           0;
	padding:          0;
	color:            #555;
}
#serv_links a:hover {
	color:            #99f;
}
#serv_links img {
	float:            left;
	margin:           0 5px 0 0;
	padding:          0;
  /* width:            16px;
  heigth:           12px; */
	background:       #efefef;
  border: 				  none;
}

/* Button ********************************************************************/
a.button { 
	display:          block;
	margin:           0 0 0 10px; 
  padding:          0 0 0 17px;
	height:           15px; 
	width:           	85px; 
  background:       url(button_login.gif) no-repeat;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #888;
}
a.button:hover {
	background:       url(button_login_hover.gif) no-repeat;
  color:            #aaa;
}
a.button:active {
  padding:          1px 0 0 18px;
	background:       url(button_login_active.gif) no-repeat;
  color:            #aaa;
}



/*****************************************************************************
 * FUSSZEILE                                                                 *
 * beiinhaltet alle relevanten Seiteninformationen zb: Impressum, Disclaimer,*
 * Sitemap.                                                                  *
 *****************************************************************************/
#footer {
	float:            left;
	margin:           0;
	padding:          0;
	width:            100%;
	height:           57px;
	background:       #fff url(pageframe_bottom.png) bottom;
    display:          none;    /* teb */
}

#footer p {
	float:            right;
	margin:           30px 0 0 0;
	padding:          0 1em 0 1em;
}

/* Seiteninfo ****************************************************************/
#siteinfo {
	float:            right;
	margin:           30px 0 0 0;
	padding:          0;
}
#siteinfo li {
	float:            left;
	padding:          0 1em 0 1em;
	border-right:     1px solid #aaa;
}





img.splash {
	width:			  250px;
	margin:           10px 50px;
	padding:          0;
	border:           none;

	
}