/*css layout formatting done by mtness.net*\
		for c4.html
\*              2007-04-06                */

* {	margin: 0; border: 0; padding: 0; }

body
{
	padding: 237px 0 18px 0;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 1em;
	line-height: 1em;
	background: #EDE6D4 top left repeat url(images/FNORD_bg.gif);
	z-index: 0;
	overflow-y: scroll;
}
#header,
#submenu_wrap,
#pfeil_wrap,
#footer
{
	position: absolute;
	left: 0;
	z-index: 3;
}

#header
{
	top: 0;
	width: 100%;
	height: 237px;
	border-bottom: 0px solid #c3c3c3;
	z-index: 6;
}

#submenu_wrap
{
	width: 100%;
	bottom: 18px;
}
#pfeil_wrap
{
	width: 100%;
	top: 10px;
}

#content_bg_wrap
{
	position: absolute;
	width: 100%;
	bottom: 18px;
}
#footer 
{
	width: 100%;
	height: 18px;
	bottom: 0px;
	left: 0;
	border-top: 0px solid #ddd;
	color: #000;
	z-index: 4;
}

@media screen
{
	body>div#header,
	body>div#submenu_wrap,
	body>div#pfeil_wrap,
	body>div#content_bg_wrap,
	body>div#footer
	{
		position: fixed;
	}

	.keywords { display: none; }
	.hidden { display: none; }

	#rootline 
	{
		position: fixed;
		top: 0;
		left: 0;
		padding: 0px 0 0 4px; 
		font-size: 9px;
		color: #c3c3c3;
		z-index: 5;
	}
	#rootline a { color: #c3c3c3; }
	#rootline a:link   { text-decoration: none;}
	#rootline a:visited{ text-decoration: none;}
	#rootline a:hover  { text-decoration: underline;}
	#rootline a:active { text-decoration: none;}

	#multilang
	{
		position: absolute;
		background: top left no-repeat url(images/FNORD_de0-en0.gif);
		top: 32px;
		right: 0px;
		width: 72px;
		height: 21px;
		z-index: 2;
		float: right;
	}

/* mtness image replacement menu 4 language selection xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
	
	#select_language li
	{
		margin: 0; 
		padding: 0;
		display: block;
		list-style-type: none;
		width: 14px;
		font-size: 1px; 
		z-index: 33;
	}
	
	#select_language a
	{
		float: left;
		clear: left;
		padding: 14px 0 0 0;
		overflow: hidden;
		height: 0px;
		color: #000;
	}
		
	#select_language a:hover
	{
		background-position: 0 -14px;
	}
	
	#select_language a:active, #select_language a.selected
	{
		background-position: 0 -14px;
	}
	
	.de a 	{ display: block; position: absolute; top: 4px; left:   19px; width: 17px; background: top left no-repeat url(images/de.gif); }
	.en a 	{ display: block; position: absolute; top: 4px; left:   44px; width: 17px; background: top left no-repeat url(images/en.gif); }

/* /mtness image replacement menu 4 language selection xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	#topframe
	{
		position: relative;
		margin: 0 auto 0 auto;
		border-bottom: 0px solid #0f0;
		width: 798px;
		height: 237px;
		background: #000;
		z-index:6;
	}

	#bottomframe
	{
		position: relative;
		margin: 0 auto 0 auto;
		border-top: 0px solid #0f0;
		width: 800px;
		height: 18px;
		background:  #4D4D4D bottom center no-repeat url(images/FNORD_wealth.jpg);
		z-index:4;
	}

	#logo
	{
		position: absolute;
		background: top left no-repeat url("images/FNORD_logo.gif");
		top: 10px;
		left:20px;
		width: 406px;
		height: 80px;
		z-index:3;
	}
	
	#menu
	{
		position: absolute;
		top: 64px;
		left: 28px;
		width: 379px;
		height: 15px;
		z-index: 24;
		font-size: 0px;
	}
	
/* mtness image replacement menu xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
	
	#nav li
	{
		margin: 0; 
		padding: 0;
		display: block;
		list-style-type: none;
		z-index: 333;
	}
	
	#nav a
	{
		float: left;
		padding: 15px 0 0 0;
		overflow: hidden;
		height: 0px;
		color: #000;
	}
		
	#nav a:hover
	{
		background-position: 0 -15px;
	}
	
	#nav a:active, #nav a.selected
	{
		background-position: 0 -15px;
	}
	
	.Graphics a 	{ display: block; position: absolute; top: 0px; left:	0px; width:  77px; background: top left no-repeat url(images/fp_graphics.gif); }
	.Artwork a 		{ display: block; position: absolute; top: 0px; left:  77px; width:  78px; background: top left no-repeat url(images/fp_artwork.gif); }
	.Webdesign a 	{ display: block; position: absolute; top: 0px; left: 155px; width:  88px; background: top left no-repeat url(images/fp_webdesign.gif); }
	.Film a 		{ display: block; position: absolute; top: 0px; left: 243px; width:  44px; background: top left no-repeat url(images/fp_film.gif); }
	.Visuals a 		{ display: block; position: absolute; top: 0px; left: 287px; width:  66px; background: top left no-repeat url(images/fp_visuals.gif); }
	.Drei_d a 		{ display: block; position: absolute; top: 0px; left: 353px; width:  26px; background: top left no-repeat url(images/fp_3d.gif); }

/* /mtness image replacement menu xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	/* default */
	#pfeil0l				{ background: top left no-repeat url(images/FNORD_pfeil0l.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }
	#pfeil0r, #pfeil0r_en 	{ background: top left no-repeat url(images/FNORD_pfeil0r.jpg); 	position: absolute; top:   11px; left: 426px; width: 160px; height: 312px; z-index: 2; }
	#pfeil0l_en				{ background: top left no-repeat url(images/FNORD_pfeil0l_en.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }

	/* uber fnord */
	#pfeil1l				{ background: top left no-repeat url(images/FNORD_pfeil1l.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }
	#pfeil1r,#pfeil1r_en 	{ background: top left no-repeat url(images/FNORD_pfeil1r.jpg); 	position: absolute; top:   11px; left: 426px; width: 160px; height: 312px; z-index: 2; }
	#pfeil1l_en				{ background: top left no-repeat url(images/FNORD_pfeil1l_en.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }
	/* graphics */
	#pfeil2l				{ background: top left no-repeat url(images/FNORD_pfeil2l.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }
	#pfeil2r				{ background: top left no-repeat url(images/FNORD_pfeil2r.jpg); 	position: absolute; top:   11px; left: 426px; width: 160px; height: 312px; z-index: 2; }
	#pfeil2l_en				{ background: top left no-repeat url(images/FNORD_pfeil2l_en.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }
	#pfeil2r_en				{ background: top left no-repeat url(images/FNORD_pfeil2r_en.jpg); 	position: absolute; top:   11px; left: 426px; width: 160px; height: 312px; z-index: 2; }
	/* webdesign */
	#pfeil3l				{ background: top left no-repeat url(images/FNORD_pfeil3l.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }
	#pfeil3r, #pfeil3r_en 	{ background: top left no-repeat url(images/FNORD_pfeil3r.jpg); 	position: absolute; top:   11px; left: 426px; width: 160px; height: 312px; z-index: 2; }
	#pfeil3l_en				{ background: top left no-repeat url(images/FNORD_pfeil3l_en.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }
	/* film */
	#pfeil4l				{ background: top left no-repeat url(images/FNORD_pfeil4l.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }
	#pfeil4r, #pfeil4r_en 	{ background: top left no-repeat url(images/FNORD_pfeil4r.jpg); 	position: absolute; top:   11px; left: 426px; width: 160px; height: 312px; z-index: 2; }
	#pfeil4l_en				{ background: top left no-repeat url(images/FNORD_pfeil4l_en.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }
	/* visuals */
	#pfeil5l				{ background: top left no-repeat url(images/FNORD_pfeil5l.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }
	#pfeil5r, #pfeil5r_en	{ background: top left no-repeat url(images/FNORD_pfeil5r.jpg); 	position: absolute; top:   11px; left: 426px; width: 160px; height: 312px; z-index: 2; }
	#pfeil5l_en				{ background: top left no-repeat url(images/FNORD_pfeil5l_en.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }
	/* 3d */
	#pfeil6l				{ background: top left no-repeat url(images/FNORD_pfeil6l.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }
	#pfeil6r, #pfeil6r_en 	{ background: top left no-repeat url(images/FNORD_pfeil6r.jpg); 	position: absolute; top:   11px; left: 426px; width: 160px; height: 312px; z-index: 2; }
	#pfeil6l_en				{ background: top left no-repeat url(images/FNORD_pfeil6l_en.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }
	/* kontakt */
	#pfeil7l				{ background: top left no-repeat url(images/FNORD_pfeil7l.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }
	#pfeil7r, #pfeil7r_en 	{ background: top left no-repeat url(images/FNORD_pfeil7r.jpg); 	position: absolute; top:   11px; left: 426px; width: 160px; height: 312px; z-index: 2; }
	#pfeil7l_en				{ background: top left no-repeat url(images/FNORD_pfeil7l_en.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }
	/* impressum */
	#pfeil8l				{ background: top left no-repeat url(images/FNORD_pfeil8l.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }
	#pfeil8r, #pfeil8r_en 	{ background: top left no-repeat url(images/FNORD_pfeil8r.jpg); 	position: absolute; top:   11px; left: 426px; width: 160px; height: 312px; z-index: 2; }
	#pfeil8l_en				{ background: top left no-repeat url(images/FNORD_pfeil8l_en.jpg); 	position: absolute; top:  119px; left:   0px; width: 426px; height: 118px; z-index: 2; }

	#pfeil_center
	{
		margin: 0 auto 0 auto;
		width: 800px;
		z-index: 2;
	}
	#ur_pfeil0r				{ background: top left no-repeat url(images/FNORD_pfeil0r.jpg); 	position: relative; top:    0px; left: 428px; width: 160px; height: 312px; z-index: 1; float: left; }
	#ur_pfeil1r				{ background: top left no-repeat url(images/FNORD_pfeil1r.jpg); 	position: relative; top:    0px; left: 428px; width: 160px; height: 312px; z-index: 1; float: left; }
	#ur_pfeil2r				{ background: top left no-repeat url(images/FNORD_pfeil2r.jpg); 	position: relative; top:    0px; left: 428px; width: 160px; height: 312px; z-index: 1; float: left; }
	#ur_pfeil3r				{ background: top left no-repeat url(images/FNORD_pfeil3r.jpg); 	position: relative; top:    0px; left: 428px; width: 160px; height: 312px; z-index: 1; float: left; }
	#ur_pfeil4r				{ background: top left no-repeat url(images/FNORD_pfeil4r.jpg); 	position: relative; top:    0px; left: 428px; width: 160px; height: 312px; z-index: 1; float: left; }
	#ur_pfeil5r				{ background: top left no-repeat url(images/FNORD_pfeil5r.jpg); 	position: relative; top:    0px; left: 428px; width: 160px; height: 312px; z-index: 1; float: left; }
	#ur_pfeil6r				{ background: top left no-repeat url(images/FNORD_pfeil6r.jpg); 	position: relative; top:    0px; left: 428px; width: 160px; height: 312px; z-index: 1; float: left; }
	#ur_pfeil7r				{ background: top left no-repeat url(images/FNORD_pfeil7r.jpg); 	position: relative; top:    0px; left: 428px; width: 160px; height: 312px; z-index: 1; float: left; }
	#ur_pfeil8r				{ background: top left no-repeat url(images/FNORD_pfeil8r.jpg); 	position: relative; top:    0px; left: 428px; width: 160px; height: 312px; z-index: 1; float: left; }

	#preview_area
	{
		position: absolute;
		top: 120px;
		left: 584px;
		width: 214px;
		height: 118px;
		background: #4D4D4D;
		color: #fff;
	}
	
	#preview1
	{
		position: absolute;
		top: 30px;
		left: 17px;
		width: 50px;
		height: 50px;
		background: #000;
	}
	#preview2
	{
		position: absolute;
		top: 30px;
		left: 83px;
		width: 50px;
		height: 50px;
		background: #000;
	}
	#preview3
	{
		position: absolute;
		top: 30px;
		left: 148px;
		width: 50px;
		height: 50px;
		background: #000;
	}

	#tt_content_bg_chaos_wrap
	{
		position: fixed;
		margin: 0;
		border: 0;
		padding: 0;
		width: 100%;
		height: 0px;
		z-index: 1;
	}
	#tt_content_bg_chaos_center
	{
		position: relative;
		margin: 0 auto 0 auto;
		width: 800px;
		height: 0px;
		z-index: 0;
	}
	#tt_chaos
	{
		position: relative;
		margin: 0;
		border: 0;
		padding: 0;
		background: top left no-repeat url(images/FNORD_chaos.gif);
		top: 0px;
		left: 0px;
		width: 426px;
		height: 465px;
		z-index: 2;		
		float: left;
	}

	#submenu_center
	{
		margin: 0 auto 0 auto;
		width: 800px;
		z-index: 2;
	}

	#submenu
	{
		position: relative;
		bottom: 0;
		left: 539px;
		width: 260px;
		font-family: simplexbold, mini, verdana, helvetica, arial, sans-serif;
		font-size: 15px;
		text-transform: uppercase;
		z-index: 2;
		background: #4D4D4D fixed top left repeat-x url(images/_submenu_bg.png);
	}


  	#submenu h1
	{
		position: relative;
		top: 20px;
 		border-top: 1px solid #fff;
 		border-left: 1px solid #c3c3c3;
 		border-bottom: 1px solid #fff;
		padding: 1px 32px 1px 32px;
		font-size: 18px;
		text-align: center;
		background: #00458A;
		color: #fff;
	}
	#submenu ul
	{
		position: relative;
		top: 0px;
		list-style: none;
		z-index: 2;
 	}
	#submenu li
	{
		display: block;
		width: 260px;
		z-index: 2;
	}
	#submenu li a 
	{
		display: block;
		text-decoration: none;
		width: 100%;
		padding: 1px 16px 1px 16px;
		z-index: 2;
		text-align: right;
		background: #4D4D4D;
		color: #ABA599;
	}

	#submenu li ul li a				{	padding: 2px 16px 2px 24px;	background: #4D4D4D; }
	#submenu li ul ul li a 			{	padding: 2px 16px 2px 32px; background: #4D4D4D; }
	#submenu li ul ul ul li a 		{	padding: 2px 16px 2px 40px; background: #4D4D4D; font-size: 0.8em; }
	#submenu li ul ul ul ul li a	{	padding: 2px 16px 2px 48px; background: #4D4D4D; font-size: 0.8em;	}
	#submenu li ul ul ul ul ul li a {	padding: 2px 16px 2px 56px; background: #4D4D4D; font-size: 0.8em; }

	html>body #submenu li a 
	{
		width: auto;
		z-index: 2;
	}

	#submenu li a:hover 
	{
		color: #fff;
		z-index: 2;
	}
	#column_left
	{
		width: 260px;
	}
	
	#content_wrap
	{
		z-index: 2;
	}
	#content_frame
	{
		margin: 0 auto 0 auto;
		border:0;
		width: 800px;
	}


	#content
	{
		position: relative;
		top: 0;
		left: 0px;
		width: 380px;
		padding: 20px;
		font-size: 0.7em;
		text-align: justify;
		color: #eee;
		z-index: 4;
	}

	#content h1 { font-size: 1.3em; padding: 0 0 8px 0; }
	#content h2 { font-size: 1.2em; }
	#content h3 { font-size: 1.15em; }
	#content h4 { font-size: 1.1em; font-style: normal; }
	#content h5 { font-size: 1.05em; font-style: normal; }
	#content h6 { font-size: 1em; font-style: normal; }
	#content p  { font-size: 1em; padding: 0 0 16px 0; }
	#content a  { color: #777; margin: 4px 0 4px 0; }
	#content em { font-style: normal; color: #fff; }
	#content ul { list-style: none; }
	#content li { margin-bottom: 5px; }

	#content  a:link   { text-decoration: none;}
	#content  a:visited{ text-decoration: none;}
	#content  a:hover  { text-decoration: underline;}
	#content  a:active { text-decoration: none;}

	#content_bg_wrap
	{
		z-index: 1;
	}
	
	#content_bg_frame
	{
		margin: 0 auto 0 auto;
		width: 800px;
		height: 10000px;	/* height fix for bg color */
		z-index: 1;
	}

	#submenu_bg
	{
		position: relative;
		top: 0;
		left: 0px;
		width: 372px;
		height: 10000px;
 		background: #4D4D4D bottom left no-repeat url(images/content_bg_l.png);
		float: left;
	}

	#content_bg
	{
		position: relative;
		top: 0;
		left: 0px;
		width: 427px;
		height: 10000px;
 		background: #4D4D4D;
		float: left;
	}
	
	#legal
	{
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 18px;
		border: 0px solid #000000;
		color: #060606;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 0.7em;
		z-index: 6;
	}
	#legal a { color: #060606; }
	#legal a:link   { text-decoration: none;}
	#legal a:visited{ text-decoration: none;}
	#legal a:hover  { text-decoration: underline;}
	#legal a:active { text-decoration: none;}

	#mtness
	{
		position: fixed;
		bottom: 3px;
		right: 3px;
		border: 0px solid #000000;
		z-index: 23;
	}

}