/***********************************************************************************************************

	w h y d a t a   I T   S e r v i c e s
	
	www.whydata.de

***********************************************************************************************************/

body {
	FONT:				normal 10pt Verdana;
	COLOR:			#000000;
	MARGIN:			0px 0px 0px 0px;	/*** oben,rechts,unten,links ***/
}

FORM {
	MARGIN:			0px 0px 0px 0px;
	PADDING:			0px 0px 0px 0px;
}

UL {
	MARGIN:			0px 0px 0px 0px;
	PADDING:			0px 0px 0px 15px;
}

LI {
	PADDING:			0px 0px 5px 0px;
}

HR {
	COLOR:			#FF0000;
	WIDTH:			98%;
	HEIGHT:			1px;
	MARGIN:			0px 0px 0px 0px;
}


/*** normale Links ***/
A:link	{FONT-FAMILY:Verdana;COLOR:#0000FF;TEXT-DECORATION:none;}		/* blau */
A:visited	{FONT-FAMILY:Verdana;COLOR:#0000FF;TEXT-DECORATION:none;}		/* blau */
A:hover	{FONT-FAMILY:Verdana;COLOR:#FF0000;TEXT-DECORATION:underline;}	/* rot */

H1 {
	FONT:		bold 14pt Verdana;
	COLOR:	#000000;
	MARGIN:	0px 0px 0px 0px;
	PADDING:	6px 0px 6px 0px;
}
H2 {
	FONT:		bold 12pt Verdana;
	COLOR:	#000000;
	PADDING:	0px 0px 0px 0px;
	MARGIN:	0px 0px 0px 0px;
}
H3 {
	FONT:		bold 10pt Verdana;
	COLOR:	#000000;
	PADDING:	0px 0px 0px 0px;
	MARGIN:	0px 0px 0px 0px;
}
.y1 {FONT:bold 10pt Verdana;COLOR:#78919b;}
.y2 {FONT:normal 1pt Verdana;COLOR:#FFFFFF;}
.y3 {FONT:normal 8pt Verdana;COLOR:#FF0000;}
.y4 {FONT:bold 10pt Verdana;COLOR:#000000;valign:top;}
.y5 {FONT:normal 4pt Verdana;COLOR:#FFFFFF;}



/**************************************************************************************************/
/****** Formular-Bausteine *****************************/
/**************************************************************************************************/

/*** Textfeld Suchen ***/
.TB1 {
	WIDTH:			90px;
	HEIGHT:			14px;
	FONT:				bold 10pt Verdana;
	COLOR:			#78919b;
	BACKGROUND-COLOR:		#FFFFFF;
	BORDER:			solid 1px #78919b;
}
/*** Fieldset ***/
.FS {
	WIDTH:			530px;
	FONT:				normal 10pt Arial;
	PADDING:			0px 0px 0px 0px;
}
/*** FieldsetTable ***/
.FSTab {
	WIDTH:			510px;
	MARGIN:			10px 10px 0px 10px;
	FONT:				normal 10pt Arial;
}

/*** FieldsetTextBox ***/
.FSTB {
	MARGIN:			0px 0px 5px 0px;
	WIDTH:			145px;
	HEIGHT:			14px;
	FONT:				bold 10pt Arial;
	BORDER:			solid 1px #78919b;
}
/*** FieldsetTextBox klein ***/
.FSTBkl {
	WIDTH:			23px;
	HEIGHT:			14px;
	FONT:				bold 10pt Arial;
	BORDER:			solid 1px #78919b;
}
/*** FieldsetButtons ***/
.FSbtn {
	HEIGHT:			20px;
	WIDTH:			150px;
	TEXT-ALIGN:			middle;
	FONT:				normal 8pt Verdana;
}
.FSbtnKl {
	HEIGHT:			18px;
	WIDTH:			114px;
	TEXT-ALIGN:			middle;
	FONT:				normal 8pt Verdana;
}

/*** Legend ***/
.LE {
	FONT:				bold 10pt Verdana;
	COLOR:			#000000;
}

/*** Container für ProduktInformationen ***/
.FSPI {
	display:			none;
	MARGIN:			0px 0px 10px 0px;	/*** oben,rechts,unten,links ***/
	width:			90%;
}

/*** Legend ***/
.LEPI {
	FONT:				bold 8pt Verdana;
	COLOR:			#000000;
}
.divPI	{
	PADDING:			5px 5px 10px 5px;
}
.aPI		{FONT-FAMILY:Verdana;COLOR:#0000FF;TEXT-DECORATION:none;cursor:hand;cursor:pointer;}	/* blau */
.aPI:hover	{FONT-FAMILY:Verdana;COLOR:#FF0000;TEXT-DECORATION:underline;cursor:hand;cursor:pointer;}	/* rot */


/**************************************************************************************************/
/*** DIV-CONTAINER ********************************************************************************/
/***********************************************************************************************
.cpXX {
	WIDTH:			150px;
	HEIGHT:			194px;
	BACKGROUND-COLOR:		#000000;
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity)=100;

}
***/


#ContGlobal {
	WIDTH:			100%;
	HEIGHT:			120%;
	background-image:	url(../neu_Grafik/Weltkarte.gif);
	background-position:center center;
	background-repeat:	no-repeat;
	COLOR:			#000000;
	PADDING:			0px 0px 0px 0px;
	MARGIN:			0px 0px 0px 0px;
	BACKGROUND-COLOR:		transparent;
	display:			block;
}

/*** Hauptcontainer: enthaelt alle DIVs + zentriert diese ! ***/
#ContHaupt {
	POSITION:			relative;
	WIDTH:			865px;
	HEIGHT:			550px;
	COLOR:			#000000;
	PADDING:			10px 0px 0px 0px;
	BACKGROUND-COLOR:		transparent;
	margin:			0 auto;	/* counter the body center */
	text-align:			left;		/* counter the body center */
	display:			block;
}

/*** Container für Header ***/
#ContHEAD {
	width:			650px;
	z-index:			100;
	BORDER-TOP :		solid 1px #F2F2F2;	/*** oben ***/
	BORDER-RIGHT:		solid 0px #E4E4E4;	/*** rechts ***/
	BORDER-BOTTOM:		solid 0px #E4E4E4;	/*** unten***/
	BORDER-LEFT:		solid 1px #F2F2F2;	/*** links ***/
	display:			block;
}

/*** Inhalte von "Header" ***/
.clsH {
	PADDING:			2px 2px 2px 2px;
}

/*** Inhalte von "Inhaltsverzeichnis" ***/
.clsI {
	PADDING:			10px 1px 10px 10px;
	BACKGROUND-COLOR:	#FFFFFF;
	COLOR:			    #000000;
}

/*** Inhalte von "Foot" ***/
.clsF {
	PADDING:			2px 2px 3px 2px;
	BACKGROUND-COLOR:		#FFFFFF;
}

/*** Container für Inhalt ***/
#ContInhalt {
	position:			absolute;
	width:			170px;
	MARGIN:			10px 0px 0px 30px;
	BORDER-TOP :		solid 1px #F2F2F2;	/*** oben ***/
	BORDER-RIGHT:		solid 0px #E4E4E4;	/*** rechts ***/
	BORDER-BOTTOM:		solid 0px #E4E4E4;	/*** unten***/
	BORDER-LEFT:		solid 1px #F2F2F2;	/*** links ***/
	z-index:			90;
	display:			block;	
}

/*** Container für Haupttext (Transparenz) ***/
#ContArtikel {
	position:			absolute;
	width:			660px;
	MARGIN:			40px 0px 0px 110px;	
	z-index:			1;
	display:			block;
}

/*** Inhalt von Artikel (Transparenz) ***/
.clsA {
	PADDING:			10px 10px 10px 100px;
	WIDTH:			560px;
	BACKGROUND-COLOR:		#FFFFFF;
	FONT:				bold 10pt Verdana;
	COLOR:			#000000;
}

.clsA2 {
	PADDING:			10px 10px 10px 30px;
	WIDTH:			630px;
	BACKGROUND-COLOR:		#FFFFFF;
	FONT:				bold 10pt Verdana;
	COLOR:			#000000;
}

.clsA3 {
	PADDING:			10px 10px 10px 100px;
	WIDTH:			560px;
	BACKGROUND-COLOR:		#FFFFFF;
	FONT:				normal 10pt Verdana;
	COLOR:			#000000;
}

/*** Container für FussZeile ***/
#ContFoot {
	position:			absolute;
	width:			550px;
	LEFT:				275px;
	BORDER-TOP :		solid 1px #F2F2F2;	/*** oben ***/
	BORDER-RIGHT:		solid 0px #E4E4E4;	/*** rechts ***/
	BORDER-BOTTOM:		solid 0px #E4E4E4;	/*** unten***/
	BORDER-LEFT:		solid 1px #F2F2F2;	/*** links ***/
}

/*** SCHATTEN *************************************************************************************/
/*** aller dunkelster grauer Rahmen ***/
.R0 {
	MARGIN:			0px 0px 0px 0px;
	PADDING:			0px 0px 0px 0px;
	BACKGROUND-COLOR:		#FFFFFF;
	BORDER-TOP :		solid 0px #FFFFFF;
	BORDER-RIGHT:		solid 1px #808080;
	BORDER-BOTTOM:		solid 1px #808080;
	BORDER-LEFT:		solid 0px #FFFFFF;
}
/*** dunkelster grauer Rahmen ***/
.R1 {
	MARGIN:			0px 0px 0px 0px;
	PADDING:			0px 0px 0px 0px;
	BACKGROUND-COLOR:		#FFFFFF;
	BORDER-TOP :		solid 0px #FFFFFF;
	BORDER-RIGHT:		solid 1px #9B9B9B;
	BORDER-BOTTOM:		solid 1px #9B9B9B;
	BORDER-LEFT:		solid 0px #FFFFFF;
}
/*** mittel-grauer Rahmen ***/
.R2 {
	MARGIN:			0px 0px 0px 0px;
	PADDING:			0px 0px 0px 0px;
	BACKGROUND-COLOR:		#FFFFFF;
	BORDER-TOP :		solid 0px #FFFFFF;
	BORDER-RIGHT:		solid 1px #b0b0b0;
	BORDER-BOTTOM:		solid 1px #b0b0b0;
	BORDER-LEFT:		solid 0px #FFFFFF;
}
.R3 {
	MARGIN:			0px 0px 0px 0px;
	PADDING:			0px 0px 0px 0px;
	BACKGROUND-COLOR:		#FFFFFF;
	BORDER-LEFT:		solid 0px #FFFFFF;
	BORDER-RIGHT:		solid 1px #C0C0C0;
	BORDER-BOTTOM:		solid 1px #C0C0C0;
	BORDER-LEFT:		solid 0px #FFFFFF;
}
/*** hell-grauer Rahmen ***/
.R4 {
	MARGIN:			0px 0px 0px 0px;
	PADDING:			0px 0px 0px 0px;
	BACKGROUND-COLOR:		#FFFFFF;
	BORDER-TOP :		solid 0px #FFFFFF;
	BORDER-RIGHT:		solid 1px #d1d1d1;
	BORDER-BOTTOM:		solid 1px #d1d1d1;
	BORDER-LEFT:		solid 0px #d1d1d1;
}
/*** noch heller-grauer Rahmen ***/
.R5 {
	MARGIN:			0px 0px 0px 0px;
	PADDING:			0px 0px 0px 0px;
	BACKGROUND-COLOR:		#FFFFFF;
	BORDER-TOP :		solid 0px #FFFFFF;
	BORDER-RIGHT:		solid 1px #E4E4E4;
	BORDER-BOTTOM:		solid 1px #E4E4E4;
	BORDER-LEFT:		solid 0px #FFFFFF;
}

/*** SCHATTEN + TRANSPARENZ ***********************************************************************/
/*** aller dunkelster grauer Rahmen ***/
.tR0 {
	MARGIN:			0px 0px 0px 0px;
	PADDING:			0px 0px 0px 0px;
	BACKGROUND-COLOR:		transparent;
	BORDER-TOP :		solid 0px #FFFFFF;
	BORDER-RIGHT:		solid 1px #808080;
	BORDER-BOTTOM:		solid 1px #808080;
	BORDER-LEFT:		solid 0px #FFFFFF;
}

/*** dunkelster grauer Rahmen ***/
.tR1 {
	MARGIN:			0px 0px 0px 0px;
	PADDING:			0px 0px 0px 0px;
	BACKGROUND-COLOR:		transparent;
	BORDER-TOP :		solid 0px #FFFFFF;
	BORDER-RIGHT:		solid 1px #9B9B9B;
	BORDER-BOTTOM:		solid 1px #9B9B9B;
	BORDER-LEFT:		solid 0px #FFFFFF;
}
/*** mittel-grauer Rahmen ***/
.tR2 {
	MARGIN:			0px 0px 0px 0px;
	PADDING:			0px 0px 0px 0px;
	BACKGROUND-COLOR:		transparent;
	BORDER-TOP :		solid 0px #FFFFFF;
	BORDER-RIGHT:		solid 1px #b0b0b0;
	BORDER-BOTTOM:		solid 1px #b0b0b0;
	BORDER-LEFT:		solid 0px #FFFFFF;
}
/*** hell-grauer Rahmen 1 ***/
.tR3 {
	MARGIN:			0px 0px 0px 0px;
	PADDING:			0px 0px 0px 0px;
	BACKGROUND-COLOR:		transparent;
	BORDER-TOP :		solid 0px #FFFFFF;
	BORDER-RIGHT:		solid 1px #C0C0C0;
	BORDER-BOTTOM:		solid 1px #C0C0C0;
	BORDER-LEFT:		solid 0px #FFFFFF;
}
/*** heller-grauer Rahmen 2 ***/
.tR4 {
	MARGIN:			0px 0px 0px 0px;
	PADDING:			0px 0px 0px 0px;
	BACKGROUND-COLOR:		transparent;
	BORDER-TOP :		solid 0px #FFFFFF;
	BORDER-RIGHT:		solid 1px #d1d1d1;
	BORDER-BOTTOM:		solid 1px #d1d1d1;
	BORDER-LEFT:		solid 1px #d1d1d1;
}
/*** heller-grauer Rahmen 3 ***/
.tR5 {
	MARGIN:			0px 0px 0px 0px;
	PADDING:			0px 0px 0px 0px;
	BACKGROUND-COLOR:		transparent;
	BORDER-TOP :		solid 1px #F2F2F2;
	BORDER-RIGHT:		solid 1px #E4E4E4;
	BORDER-BOTTOM:		solid 1px #E4E4E4;
	BORDER-LEFT:		solid 0px #F2F2F2;
}

/*** heller-grauer Rahmen 4 ***/
.tR5a {
	MARGIN:			0px 0px 0px 0px;
	PADDING:			0px 0px 0px 0px;
	BACKGROUND-COLOR:		transparent;
	BORDER-TOP :		solid 1px #F2F2F2;
	BORDER-RIGHT:		solid 1px #E4E4E4;
	BORDER-BOTTOM:		solid 1px #E4E4E4;
	BORDER-LEFT:		solid 1px #d1d1d1;
}