/* ____ standard tags ____ */


BODY
 {      font:			normal 101% Arial,Helvetica,sans-serif;
 	background-color:	#FEFFFF;
        text-align:		center;
 	color:			#000000;
        font-size:		101%;
        padding:		0;
 	margin:			40px 0 0 0;
 	background-image:	url(/bkg.gif);
 	background-repeat:	repeat-x;
 }

#GAME
 {	margin:  0px
 }

/* ################ */

BODY.start
 {	background-image:	none;
 }

BODY.error
 {
 	background-image:	none;
 }

P
 {      font-family:		Arial,Helvetica,sans-serif;  /* Damit's auch den NS4.x weiss... */
 	letter-spacing:		.04em;
 	line-height:		110%;
	padding-left:		0px;
        padding-right:		0px;
	margin-left:		0px;
	margin-top: 		8px;
	margin-bottom: 		4px;
	xxxbackground-color:	#99FF99;
 }

H1
 {	margin-top:		0px;
	margin-bottom:		8px;
        float:			right;
        text-align:		right;
        padding-top:		0px;
        padding-left:		0px;
	letter-spacing:		.5ex;
	font-weight:		bold;
	font-size:		140%; /* Damit es nicht das Layout zerhaut, wenn keine Grafik angezeigt wird (z.B.in Operea)*/
 }


H2
 {      font-family:		Arial,Helvetica,sans-serif;  /* Damit's auch den NS4.x weiss... */
 	font-size:		100%;
 	font-weight:		normal;
	height:			30px;
 	letter-spacing:		.2ex;
	padding-top:		20px;
	padding-left:		16px;
        padding-right:		0px;
	margin-left:		0px;
	margin-top: 		0px;
	margin-bottom: 		0px;
	float:			none;
 }


H3
 {      font-family:		Arial,Helvetica,sans-serif;  /* Damit's auch den NS4.x weiss... */
 	font-size:		100%;
 	font-weight:		normal;
 	letter-spacing:		2px;
	padding-left:		0px;
        padding-right:		0px;
	margin-left:		0px;
	margin-top: 		0px;
	margin-bottom: 		0px;
	float:			none;
 }

HR
 {	height:			1px;
	width:			100%;
 	color:			#CCCCCC;
 }

IMG
 {	vertical-align:		baseline;
 }

UL
 {	margin-top:		0;
 	margin-left:		2em;
 	padding-left: 0;
 	list-style: square;
 }
li 
 { margin-left: 0;
 }

/* ____ links _____ */


#NAV A
 {	color: 			#000000;
 	letter-spacing:		.2ex;
	height:			30px;
	padding-top:		20px;
 }


#NAV P
 {	padding:		0px;
 	margin:			0px;
 	margin-left:		16px;
 }

#TEXT-H P
 {	margin-left:		16px;
        margin-right:		16px;
 }

#TEXT-V P
 {	margin-left:		0px;
        margin-right:		16px;
 }

P.login,
 {	padding-top:		30px;

 }

#FLASH-V P
 {	margin-left:		16px;
 	margin-top:		2px;
 	margin-right:		0px;
 }

P.subnav
 {	color: 			#CCCCCC;
 	text-align:		right;
  	margin-right:		18px;

 }

xxx#FLASH-V.gamedesign OBJECT
 {	margin-bottom:		32px;
 }

#FLASH-V P,
#FLASH-V H3
 {	margin-left:		32px;
 }



#FOOTER-START A
 { 	margin-left:		0px;
 	text-align:		left;
 	letter-spacing:		.2ex;
	color:			#AAAAAA;
 }

#FOOTER-START A:hover
 {	color:			#666666;
 	text-decoration:	underline;
 }

#FLASH-V H2,
#TEXT-H H2,
#TEXT-V H2
 {	display:		none;
 }

#TEXT-H A,
#TEXT-V A,
#FLASH-V A,
 {	color: 			#666666;
 	letter-spacing:		.2ex;
 	text-decoration:	underline;
 	xxxborder-bottom:		1 solid lightgrey ;
 }

#TEXT-H A:hover,
#TEXT-V A:hover,
#FLASH-V A:hover,
 {	color: 			#000000;
 	text-decoration:	underline;
 }


/* ____ FORMULARE ____ */

FORM
 {	margin-left:		16px;
 }

INPUT.button
 {	font:			normal 90% Arial,Helvetica,sans-serif;
 	background-color:	#FFFFFF;
 	color:			#000000;
 	margin-top:		4px;
 	padding-right:		15px;
 }

SPAN#invisible
 {	display:		none;
 	color:			red;
 }

.top
 {	padding-top:		16px;
 }

.left
 {	padding-top:		16px;
 	padding-left:		16px;
 }

.invisible
 {	display:		none;
 }

.nsinvisible
 {	display:		none;
 }

/* ____ DIVs ____ */


#BODY2
 {	width:			100%
 	padding:		0px;
 	margin:			0px;
 	background-image:	url(/bkg-start.gif);
 	background-repeat:	repeat-x;
 	height:			300px;
 	text-align:		center;
 	xxxclear:			both;
 }

#WRAP
 {	width:			510px;
 	background-color:	white;
        text-align:		center;
        padding-left:		0px;
        padding-right:		0px;
        padding-top:		0px;
        padding-bottom:		0px;
        margin-left:		auto;
        margin-bottom:		0px;
        margin-right:		auto;
        border:			none;
 }

#WRAPFOOT
 {	width:			510px;
        text-align:		center;
        padding-left:		0px;
        padding-right:		0px;
        padding-top:		0px;
        padding-bottom:		0px;
        margin-left:		auto;
        margin-bottom:		0px;
        margin-right:		auto;
        border:			none;
 }

#STARTHEADER
 { 	background-color:	transparent;
 	height:			156px;
 	padding-left:		24px;
 	padding-top:		17px;

 }

#HEADER
 {	text-align:		right;
 	height:			76px;
 	padding-top:		0px;
 	background-color:	transparent;
 }

#NAV
 {	font: 			normal 83% Arial,Helvetica,sans-serif;
	text-align:		left;
 	background-color:	#FFFFFF;
        height:			32px;
        vertical-align:		bottom;
        width:			510px;
        padding:		0px;
	padding-right:		0px;
        padding-bottom:		4px;
        margin:			0px;
        border:			none;
}

#NAV.start
 {	border-bottom:		1px solid black;
 }

#CONTENT
 {	text-align:		left;
        width:			510px;
        padding:		0px;
        margin:			0px;
        border:			1px solid black;
 	background-color:	#FFFFFF;
}

#FLASH-H
 {
 	background-color:	#FFFFFF;
 	text-align:		left;
 	margin:			0px;
 	margin-top:		0px;
 	padding:		0px;
 	width:			510px;
 	height:			150px;
}

#FLASH-START
 { 	background-color:	#FFFFFF;
 	text-align:		right;
 	margin:			0px;
 	margin-top:		0px;
 	padding:		0px;
 	width:			510;
 	height:			300;
 }

#FLASH-V
 {	font: 			normal 83% Arial,Helvetica,sans-serif;
        background-color:	#FFFFFF;
 	text-align:		left;
 	margin:			0px;
 	margin-top:		0px;
 	padding:		0px;
 	width:			250px;
 	height:			350px;
 	float:			left;
 	border:			none;
 }

#FLASH-V.error
 {
 	height:			250px;
 }

#CLOCK
 {      height:			115px;
 }

#TEXT-H
 {	font: 			normal 83% Arial,Helvetica,sans-serif;
 	background-color:	#FFFFFF;
        text-align:		left;
	padding-bottom:		1ex;
        width:			508px; /*478px;*/
        xxxheight:			200px;
 }

#TEXT-V
 {	font: 			normal 82% Arial,Helvetica,sans-serif;
 	background-color:	#FFFFFF;
        text-align:		left;
 	vertical-align:		top;
        padding-top:		28px;
	padding-bottom:		1ex;
	padding-right:		4px;
        width:			230px;
        float:			right;
        xxxborder:			1px solid orange;
 }

#STARTTEXT
 {	background-color:	#FAFAFA;
        padding:		0px;
        height:			32;
        border:			1px solid #000000;
 }

#CLEAR
 {	xxxwidth:			510px;
 	height:			2px;
 	clear:			both;
 	font-size:		1px;
 }

#FOOTER
 {	clear:			both;
 	height:			56px;
 	padding-left:		16px;
 	padding-top:		0px;
 	margin:			0px;
 	text-align:		left;
 }

#FOOTER-START
 {	font: 			normal 82% Arial,Helvetica,sans-serif;
 	height:			56px;
 	width:			510px;
        text-align:		center;
        padding:		0px;
        margin-left:		auto;
        margin-right:		auto;
        border:			none;
 }


#VERSION
 {	font-family:		Arial,Helvetica,sans-serif; /* Hi NS4.x ! */
 	float:			left;
 	margin:			0px;
 	padding:		0px;
 	padding-left:		16px;
 	width:			48%;
 	text-align:		left;
 	xxxborder:			1px dotted lightblue;
 }

#GETFLASH
 {	float:			right;
 	width:			48%;
  	text-align:		right;
  	margin:			0px;
 	padding:		0px;
 	xxxborder:			1px dotted pink;
}

/* Flash-Elemente aus NS4.x ausblenden: */

EMBED
 {
 	display: none;
 }


#SHOWROOM
 {	font-family:		Arial,Helvetica,sans-serif; /* Hi NS4.x ! */
 	width:			47%;
	float:			left;
 	margin:			0px;
 	padding:		0px;
 	padding-left:		16px;
 	padding-top:		32px;
 	padding-bottom:		16px;
 	text-align:		center;
 	xxxvertical-align:		middle;
 	xxxborder:			1px solid blue;
 }

.gross {
	text-transform:	uppercase;
}

.letterheinz {
	position:			relative;
	top:					10em;
	xxxpadding:				1ex;
	width:				60%;
	xxxborder:				1px solid #666;
	color:				#666;
}

/* case studies */

#cs
 {	font: 			normal 83% Arial,Helvetica,sans-serif;
        background-color:	#FFFFFF;
 	text-align:		left;
 	margin:			0px;
 	margin-top:		0px;
 	padding:		0px;
 	width:			250px;
 	height:			350px;
 	float:			left;
 	border:			none;
 }

#cs p
 {	margin-left:		16px;
 	margin-top:		32px;
 	margin-right:		-16px;
 	line-height:	3.5em;
 }
 
 #cs p img {
   margin-bottom:-2px;
 }

#cs a
 {	color: 			#666666;
 	letter-spacing:		.2ex;
 	text-decoration:	none;
 }

#cs a:hover
 {	color: 			#000000;
 	text-decoration:	underline;
 }

#cs a:hover img 
 { opacity: .75;
}