body,html
{
	
	background: #161616;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
	color: #FFFFFF;
	text-align: left;
	height: 100%;
}

a:link    { color: #FFFFFF;text-decoration: none; }    /* unvisited links */
a:visited { color: #FFFFFF;text-decoration: none; }   /* visited links   */
a:hover   { color: #FFFFFF;text-decoration: underline; } /* user hovers     */
a:active  { color: #FFFFFF;text-decoration: underline; }   /* active links    */


td { vertical-align: top; }

p, td, div,a
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #FFFFFF;
}







/* ------------------------------ STYLES fuer die NAVIGATION und HAUPTSEITEN -------------------------------- */



/* NAVIGATION: Logo */
div#logo { position: absolute; left: 110px; top: 53px; }

div#nav-bg {
position:absolute;
left: 110px;
top: 138px;
z-index: 1;
}


/* NAVIGATION MAINNAV: Leistungen - Projekte - Kontakt   */
div#main_nav { 
position: absolute; 
left: 115px; 
top: 139px; 
width: 1140px;
height: 30px;
z-index: 10;
}

/* NAVIGATION SUBNAV1: Consulting - Code - Composition   */
div#sub_nav1 { 
position: absolute; 
left: 360px; 
top: 170px; 
width: 901px;
height: 30px;
z-index: 20;
}

/* NAVIGATION SUBNAV2: detail-menu, < .1.2.3.4.5.6. >   */
div#sub_nav2 { 
position: absolute; 
left: 647px; 
top: 203px; 
width: 626px;
height: 30px;
z-index: 30;
}

/* Headline   */
div#headline { 
position: absolute; 
left: 115px; 
top: 227px; 
width: 1140px;
height: 30px;
z-index: 40;
}


/* NAVIGATION SUBNAV3: pdf - audio - etc.   */
div#sub_nav3 { 
position: absolute; 
left: 428px; 
top: 262px; 
width: 822px;
height: 30px;
z-index: 40;
}

/* NAVIGATION: language button in SUBNAV3*/
div#language { 
position: absolute; 
left: 958px; 
top: 256px; 
width: 50px;
height: 30px;
z-index: 50;
}

/* content  */
div#content { 
position: absolute; 
left: 110px; 
top: 284px; 
width: 1142px;
z-index: 60;
}

/* NAVIGATION: copyright, impressum-link und html-ende (im "footer.inc")  */
div#footer { position: absolute; left: 962px; top:796px; }



/* ------------------------------ STYLES fuer die PROJECT - DETAIL Seiten -------------------------------- */

div#background_bilder {
position: absolute;
left: 0px;
top: 0px;
width: 502px;
height: 492px;
background: url("img/detail_bilder_bg.gif");
z-index: 5;
}


div#big_image {
position: absolute;
top: 1px;
left: 1px;
width: 500px;
height: 378px;
z-index: 70;
}

div#sm_image1 {
position: absolute;
left: 1px;
top: 407px;
width: 110px;
height: 83px;
z-index: 72;
}

div#sm_image2 {
position: absolute;
left: 131px;
top: 407px;
width: 110px;
height: 83px;
z-index: 74;
}

div#sm_image3 {
position: absolute;
left: 261px;
top: 407px;
width: 110px;
height: 83px;
z-index: 76;
}

div#sm_image4 {
position: absolute;
left: 391px;
top: 407px;
width: 110px;
height: 83px;
z-index: 78;
}

div#textblock {
position: absolute;
top: 0px;
left: 501px;
width: 641px;
z-index: 80;
}


div#video
{
position: absolute;
top: 1px;
left: 1px;
width: 378px;
height: 400px;
z-index: 150;
visibility: hidden;
}