/* Standard-css fuer Monitorausgabe																						*/
/*<!-- geaendert: 12.07.2010 12:00 / ajoswig -->															*/

/******************************************************************************/
/* Grundeinstellungen fuer alle Seiten																					*/


/* Attention!! */
/* The only differences in the language-dependend CSS are the Font-Family, font-weight and the Font-Size!! */
/* All other is the same! */

  body{
		/*width:717px;*/ 
		font-family : Arial, Helvetica, sans-serif;
		font-size : 9pt;  
		line-height: 1.5;
		background-color : #ffffff; 
		font-weight : normal;
		/*ma rgin:0px auto;*/
	} 
	table{
		border-collapse:collapse;
		border-spacing:0px;
	}
	a {  
		/*font-family : Arial, Helvetica, sans-serif;*/
		font-size : 9pt; 
		font-weight:bold;
		color : #000000; 
		text-decoration : none; 
	}
	img{
		border:none
	}
	a img { 
		border: none;
		text-decoration : none; 
	}
	h1 { 
		font-size : 13px; 
		text-align:center;
		font-variant: small-caps; 
	}
	
	th	{
		padding-top:0px;
	}

.entry{
	width:88px;
	vertical-align:top;
	padding:0px;
}
.entryText{
  width:100%;
	vertical-align:text-top;
	padding:0px 0px;
	text-align:justify;
}
/******************************************************************************/
/*	Gesamten html Body centern und auf mindesthoehe setzen (notwendig fuer 
/*  ContextMenu). Breite ist notwendig fuer zentrierung												*/
	#bodywidth{
		width:717px;
		margin:0px auto;
		min-height:120px;
		padding-left:7px;
	}
	* html #bodywidth{
			padding-left:0px;
	}

/******************************************************************************/
/*	Bestimmungen fuer das Menu in der Titelleiste															*/
/*	Containerbereich definieren	

																							*/
	#topMenu{
		position:absolute;
		width:717px;
		margin:10px auto 0px;
		text-transform:uppercase;
		text-align:center;
		left:50%;
		margin-left:-358px;
		table-layout:fixed;
	}
	* html #topMenu{
		margin-left:-354px;
	}
/* Elemente der Liste formatieren																							*/
	#topMenu .element{ 
		padding-top:0px;
		width:25%;
	}
	
	#topMenu a{
		font-weight:normal;
		white-space:nowrap;
		font-size:8pt;
	}

	table#titleTable{
		width:100%;
		position:absolute;
		margin-left:-358px;
		left:50%;
    z-index:10;
	}
	
  table#titleTableSub{
		width:100%;
		position:absolute;
		margin-left:-358px;
		left:50%;
    z-index:2;
	}
		
	#topMenu .bulletpoint{
		margin-right:5px;
	}

	#topMenu .spacer {
		width:50%;
	}


/******************************************************************************/
/*	Bestimmungen fuer die Dropdown Menues in der Titelleiste															*/
/*	Containerbereich definieren	*/

/* Elemente der Liste formatieren																							*/
	#languagesTable,#productsTable,#distributorsTable,#newsTable{
	background-color:white;
	font-size:8pt;
	display:none;
	position:relative;
  top:20px;
	white-space:nowrap;
	text-align:left;
	}	


	#languagesTable .langregion{
		font-weight:bold;
	}
	
/******************************************************************************/	
/*	Definitionen fuer das Logo																									*/
/*	Containerbereich definieren																								*/
	#companyLogo{
		width:150px;
		margin:12px auto 5px;
		padding-right:13px;
		/*padding-top:55px;*/
	}
	* html #companyLogo{
		padding-right:0px;
	}
	
	/*	Picture formatieren																												*/
	#companyLogo img{
		display:block;
		margin:0px auto;
		padding-right:0px;
	}
	
	#logospacer{
		padding-top:55px;
	}

/******************************************************************************/
/*	Definitionen fuer den DisplayNamen (Text zwischen Logo und grauem 					*/
/*	Inhaltsbereich																														*/
	#displayName{
		text-align:center;
    text-transform:uppercase;
		font-weight:bold;
		margin:18px auto 7px;
		padding-right:13px;
	}
	* html #displayName{
		margin:19px auto 14px;
		padding-right:0px;
	}
	
/******************************************************************************/
/* ContentCenter																															*/
#inhalt{
width:487px;
float:right
}

#flashContent{
width:100%;
height:520px;
}

#embededFlash{
width:100%;
height:520px;
}

#flashContent object{
width:100%;
height:100%;
}


#content{
	width:700px;
	background-color:#FFFFFF;
  border-top:30px solid #FFFFFF;
  border-left:17px solid #FFFFFF;
  border-right:17px solid #FFFFFF;
  border-bottom:12px solid #FFFFFF;
}
* html #content{
	width:717px;
	border-right:16px;
	border-top:12px;
}

/* Seitenabstand fuer das ContextMenu bestimmen																*/
#content .contextSpace{
	float:left;
	width:177px;
}

*html #content .contextSpace{
	width:177px;
}

#contextMenu{
	width:100%;
	text-align:left;
	
}
#contextMenu .entry{
	white-space:nowrap;
	width:200px;
}
* html #contextMenu .entry{
	white-space:nowrap;
	width:100%;
}
	
	
/* Partnerlogos unter den Downloads im Contextmenu */
#partnerlinksDIV{
	width:100%;
	text-align:justify;
	padding-top:60px;
}


/* Sonderfall Teamseiten 		*/
#contentTeam{
	width:717px;
	background-color:#FFFFFF;
	margin-top:-6px;
	margin-left:-9px;
}
* html #contentTeam{
	margin-top:15px;
	margin-left:0px;
}

/* Liste mit unsichtbaren links fuer Suchmaschineneintraege										*/
#invisibleNews{display:none}

#Team{
	width:100%;
	padding-top:16px;
	padding-bottom:20px;
	font-size:0px; 
margin-left:2px;
}
*html #Team{
	padding-top:17px;
	padding-bottom:21px;
	word-spacing:0px;
}
#Team a{
	font-size:0px;
}

* html #Team .right{margin-left:-1px;}

#TeamTable{
	width:62%;
	margin:0px auto;
	text-align:justify;
	margin-bottom:11px;
}
* html #TeamTable{
	margin-bottom:12px;
}
#TeamTable td{padding-left:2px}
#TeamTable th{
	text-align:center;
	padding:13px 0px 6px;
}

/* Sonderfall Group Seite: Tabelle fuer Brand-Logos und Texte formatieren			*/
/* Tabelle ist im Querformat!																									*/
#groupcontent{
	 border:10px solid #FFFFFF;
	 margin-left:-4px;
	 margin-bottom:5px;
	 margin-top:20px;
}
* html #groupcontent{
	margin-left:0px;
}

#groupcenter{
	border-right:10px solid #FFFFFF;
	padding:28px 0px;
	width:683px;
}
* html #groupcenter{
	border-right:11px solid #FFFFFF;
}

#group{ 
   text-align:center;
	 background-color:white;
   margin-left:8px
}
* html #group{
	margin-left:13px;
}
/* Sonderf?lle f?r die Grouptabelle  																					*/
#group td{
	white-space:normal;
	width:148px;
	height:145px;
}

/* Pictures in der Tabelle formatieren 																				*/
	#group img{}

#group .groupimage{
	height:150px;width:150px;
	margin-bottom:-5px;
	margin-top:0px;
}

#group .grouplogo{
	padding-bottom:8px
}

/* Tabellenformatierung f?r ProductCategory, ProductSeries, Pages 						*/
/* (Tabelle in Tabelle) 																											*/


* html #tableTable td{padding-bottom:3px; padding-right:1px;}


#tableTable .entryText{
	text-align:left;
	padding-bottom:25px;
}

#nestedTable {
  margin-left:9px;
	width:98%;
	border: 1px solid white;
	/*wid th:387px;*/
}
* html #nestedTable {
	margin-left:7px;
	margin-right:-13px;
}
#nestedTable th{
	text-align:left;
	padding-top:1px;
}
#nestedTable td{
	text-align:left;
}

/* Einfache Tabellenform f?r ProductSeries ohne folgende ProductGroup, 			  */
/* ProductGroup, News, Events																									*/
#simpleTable{
	margin:0px auto;
	text-align:left;
}

#simpleTable td{
	padding-left:12px;
}
*html #simpleTable td{
	padding-left:15px;
	padding-right:4px;
}

#simpleTable td.imagecell{padding-left:0px;}

#simpleTable img{
	padding-top:4px;
}

#simpleTable th{text-align:center;}

#simpleTable .vertical{
	padding-top:4px;
}

* html #simpleTable .vertical{
	padding-top:5px;
}

/* Container fuer Downloads im grauen Bereich ausblenden											*/
/*#downloadSubDIV{display:none}																								*/

/* Nested Table f?r Downloads mit Blobcell und Textfeld												*/
#downloadSubTable {
	width:100%; 
}
#downloadSubTable .entry{
	width:100%;
	/*text-align:justify;*/
padding-left:7px;
vertical-align:middle;
	/*padding:0px 0px 0px 7px;*/
}
* html #downloadSubTable .entry{
	padding:0px 10px 0px 8px;
}

/* Tabelle mit 4 moeglichen PictureCells (Typ Page)														*/
#pageTable {
	text-align:justify;	
	float:right;
	width:485px;
}
#pageTable th{text-align:center; padding-left:0px;}

#pageTable td{padding-left:0px;width:800px}

/* Linksb?ndige Bilder auf Typ Page																						*/
#pageTable img.left{
	padding-left:0px;
	width:223px; 
	height:184px;
}

/* Rechtsbuendige Bilder auf Typ Page																					*/
#pageTable img.right{
	padding-right:0px;
	width:223px; 
	height:184px;
}

/* Top Bilder auf Typ Page																										*/
#pageTable img.top{
	text-align:center;
	padding-top:3px;
}

/* Bottom Bilder auf Typ Page																									*/
#pageTable img.bottom{
	text-align:center;
}

/* Tabllentyp fuer listen wie in News, Events, Jobfinder...										*/
/* Jede Spalte hat einen eigenen Klassennamen																	*/
#listTable {}
#listTable th{text-align:center; padding-top:1px;}

/* Klassen in News und Events																									*/
#listTable .newsdate{padding-left:8px; padding-bottom:5px; width:75px;}
#listTable .newslink{padding-left:8px; padding-bottom:5px;}
/* Klassen in Jobfinder 																											*/
#listTable .role{width:43%; text-align:left;}
#listTa ble .company{width:30%; text-align:left;}
#listTable .location{width:47%; text-align:left;}
#listTable .timing{width:15%; text-align:left;}
#listTable .infocell{width:28px; text-align:left;}
/* Klassen f?r Partner																												*/
#listTable .partnerLogoCell{width:88px; text-align:right;}
#listTable .partnerNameCell{padding-left:8px; padding-bottom:35px}


#addressTable td{width:300px;padding-left:10px; text-align:left;}

/* Sonderfall Adresstabelle -> Beschreibungszeile fuer Karte									*/
#addressTable .description{
	vertical-align:top;
	margin-left:8px;
}

#locationTable{margin:0px auto;}

/* Sonderfall Locations in Organisation																				*/
#locationTable img.location{
	width:500px;
}

#locationTable td.inner_td_left{
	padding-left:20px;
	width:250px
}


/* Footer mit PrintButton und Copyright IM GRAUEN BEREICH!										*/
	#contentFooter {
		/* Sichtbarkeit abgeschaltet! weiter unten!! */
		width:679px;
		background-color:#FFFFFF;
		padding-bottom:0px;
		margin-left:1px;
		margin-bottom:-5px;
	}
	
	* html #contentFooter{
		width:684px;
		border-right:0px solid  #FFFFFF;
		padding-bottom:3px;
		margin-left:0px;
	}

	#contentFooter img{
		margin-bottom:16px;
    float:right;
	}
	* html #contentFooter img{
		margin-bottom:17px;
	}
	
	#contentFooter p{
		padding-top:9px;
		font-size:7pt;
	}
	* html #contentFooter p{
		margin-top:2px;
	}
#contentFooter {display:none}
	
/******************************************************************************/
/* Definitionen fuer den Footer																								*/
/* Container formatieren																											*/
	#footer{
		text-transform:uppercase;
		width:100%;
		margin:12px 0px 0px -8px;
		text-align:center;
	}
	* html #footer{
		margin:13px auto 0px;
	}

/* Tabelle fuer Footer formatieren																							*/
	#footMenuList{
		margin:0px auto;
		text-align:center;
		vertical-align:top;
	}
/* Tabllenzellen formatieren																									*/
	#footMenuList td{
		text-align:center;
		vertical-align:top;
		padding:0px 25px;
	}
#footMenuList a{
	font-weight:normal;
	white-space:nowrap;
	font-size:8pt;
}

.spacer{font-size:0px;}

#copyright{
  text-align:center;
  font-size:7pt;
}

/******************************************************************************/
/* Definitionen fuer Popup mit Inquiry, Download, Login												*/

#inquiry tbody{
	width:650px;
	text-align:justify;
	background-color:#FFFFFF;
	border-left:20px solid #FFFFFF;
	border-right:20px solid #FFFFFF;
	border-top:10px solid #FFFFFF;
	border-bottom:10px solid #FFFFFF;
	/*font-family:arial;*/
	font-size:10pt;
	vertical-align:center;
}
* html #inquiry{
	margin:25px;
}

#inquiry td{padding:1px 0px;}
#inquiry td.desc{width:25%;}
#inquiry td.field{width:25%;}
#inquiry td.remarks{text-align:center;}
#inquiry td.buttonfield{text-align:center;}
#inquiry .button{margin-left:20px;margin-right:20px;}
#inquiry td.privacy{padding-top:5px; text-align:center;}
#inquiry textarea{width:100%; height:80px;}
#inquiry select{width:100%; text-align:left}
#inquiry input{width:100%; text-align:left}
#inquiry input.button{width:30%; text-align:center}
#inquiry td.checkfield{margin-left:40px; text-align:right; vertical-align:bottom;}


/******************************************************************************/
/* ?berschreibende Definitionen. Diese M?SSEN am Ende stehen!                 */

/* Tabellenzelle fuer Dowloadbilder																						*/
.blobcell {
	width:18px; 
	text-align:left;
	vertical-align:top;
}


/* Tabellenzelle fuer Top / Bottom Bilder f?r zentrierung o?									*/
.imagecell{
	text-align:center;
}

/* Tabellenzelle fuer Infobutton																							*/
.buttonCell{
	vertical-align:bottom;
	width:100%;
}

/* Tabellenzelle fuer Partnerlogos im Contextmenu */
.mediumblobcell{
	text-align:left;
	vertical-align:top;
}

/* Infobutton (Fragezeichen-Image)																						*/
.infoButton{
  float:right; 
	margin-right:-5px;
}
* html .infoButton{
	margin-right:-3px;
}
/* Vorschaubilder (Klickbare Bilder)																					*/
img.smallpic{
	padding:5px 0px 0px;
	width:88px;
	height:83px;
	margin-bottom:30px;
}
* html img.smallpic{
	padding-top:6px;
}

img.partnerlogo {
	padding:5px 0px 0px;
	width:88px;
	margin-bottom:30px;	
}
* html img.partnerlogo {
	padding-top:6px;
}

/* Icons fuer Downloads																												*/
img.smallblob{
	padding-top:3px;
	margin-left:-1px;
	height:22px; 
	width:18px;
}                 

/* Productpictures																														*/
img.productimage {
	width:223px;
	height:184px;
	padding-bottom:12px;
}

img.eventpic {
	padding-top:4px;
	margin-bottom:30px;
	width:88px;
}

img.mediumblob{
	padding-top:8px;
	max-width:150px;
}
		ul{
			padding-left:13px;
			margin:0px;
			/* Die folgende Angabe ist im base Templat verankert!										*/
			/*list-style-image:url("#uri('/tech/bulletpoint' 'content')");*/
		} 
		li {margin-left:2px;}
		
		* html li {
			margin-left:3px;
		}


/* Diese Definition ist NUR f?r Elemente die im Textfeld (Resourcen) als h* 	*/
/* definiert wurden!																													*/
#content h1{
	font-weight:bold;
	font-size:14px;
	margin-top:50                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          px;
	margin-bottom:0px;
	text-align:center;
	font-variant:normal;
}

#content h3,
#content h4,
#content h5,
#content h6{
	font-weight:bold;
	font-size:12px;
	margin-top:5px;
	margin-bottom:0px;
}

#content h2{
	font-weight:bold;
	font-size:12px;
	margin-top:5px;
	margin-bottom:0px;
}


#backButtonSRC{display:none}
/*******************************************************************************/

td, th{/*border: 1px solid blue;*/}


#feedback{
	text-align:center;
	margin-top:50px;
	}