/************************************************************************/
/*        Krieg Schlupp Buerge / Springer Jacoby  - Redesign            */
/************************************************************************/



/*  Reset CSS -> Thanks to Eric A. Meyer */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }

:focus {
	outline: 0;
	background-color : #fff; /* #cce1ee; */
	color : #000;
    }

body {
	line-height: 1;
	color: #000;
	background: #fff;
    }

ol, ul {
	list-style: none;
    }

table {
	border-collapse: separate;
	border-spacing: 0;
    }
    
caption, th, td {
	text-align: left;
	font-weight: normal;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }
    
blockquote, q {
	quotes: "" "";
    }


/******************************************************************************/
/********************************************************************** Start */
/******************************************************************************/


html {
	 padding: 0;
 	 margin: 0;
 	 height : 100%;
	}

body	{
	margin: 0;
	padding: 0;
	height : 100%;
	font : normal 12px/19px arial, helvetica, sans-serif;
	background-color: #fff;
	color: #000;
	text-align: center;
	}



/*  General pagelayout */

table.start	{
	margin : 0;
	padding : 0;
	width : 100%;
	height : 100%;
	}

table.start	td	{
	height : 100%;
	width : 100%;
	text-align : center;
	vertical-align : middle;
	}

div.wrapper	{
	vertical-align : top;
	height : 705px;
/* 	height : 620px;  */
/* 	overflow : hidden; */
	}
		

div.site {
	width : 970px;
	height : 600px;
	margin : 0 auto;
	padding : 0;
	text-align : left;
	vertical-align : middle;
	background-color : #fff;
	}




/* General Settings / Hyperlinks */

a:link	{
	color : #000;
	text-decoration : underline;
	}
	
a:visited	{
	color : #000;
	text-decoration : underline;
	}
	
a:hover	{
	color : #ccc;
	text-decoration : none;
	}


img {
	border-width : 0;
	}


h1, h2  {
    text-transform : uppercase;
    font-family : arial, helvetica, sans-serif;
    font-weight : bold;
    font-size : 11px;
    line-height : 17px;
    }

h1 img, h2 img  {   
    margin-bottom : 5px;
    border : 0;
    }

div.lead_left p  {
    margin-top : 17px; /* 5px */
    }
    

/* Sitemap */

div.sitemap 	{
    position : relative;
    left : 3px;
    text-align : left;
    width : 970px;
    height : 102px;
    margin : 0 auto;
    padding : 0;
    }

	
/* Navigation */	

div.navigation 	{
	width : 895px;
	height : 75px;
	padding : 10px 0 0 62px;
	}
	
div.navigation ul	{
    float : left;
    list-style : none;
    color : #000;
    font-family : arial, helvetica, sans-serif;
    font-weight : bold;
    font-size : 11px;
    line-height : 15px;
    text-transform : uppercase;
	}

div.navigation ul a {
    color : #999;
    text-decoration : none;
    }

div.navigation ul a:hover  {
    color : #000;
    }


div.navigation ul.mainnav_1    {
    width : 117px;  /* 113 */
    }

div.navigation ul.mainnav_2    {
    width : 121px;  /* 121 */
    }

div.navigation ul.mainnav_3    {
    width : 120px;  /* 115 */
    }

div.navigation ul.mainnav_4    {
    width : 133px;  /* 120 */
    }

div.navigation ul.mainnav_5    {
    width : 102px;  /* 115 */
    }

div.navigation ul.mainnav_6    {
    width : 100px;  /* 101 */
    }

div.navigation ul.mainnav_7    {
    width : 106px;  /* 106 */
    }

div.navigation ul.mainnav_8    {
    width : 90px;   /* 90 */
    }

div.navigation ul li {
    /* height : 15px;  /* 15 */
    }

div.navigation ul.mainnav li  {
    margin : 0;
    padding : 0;
    line-height : 12px;
    }


/******************************************************************** Content */

div.content_wrapper {
    clear : left;
    width : 940px; /* 890px */
    margin : 0 0 0 62px;
    }


/*************************************** Work Overview ***/


div.thumb_work,
div.thumb_work_headline   {
    float : left;
    width :  213px;
    margin : 15px 20px 0 0;
    text-transform : uppercase;
    font-weight : bold;
    color : #999;
    }

div.thumb_work_headline {
    width : 66px;
    margin : 0;
    }

div.thumb_work_headline h2  {
    float : left;
    width : 66px;
    line-height : 13px;
    }

div.thumb_work_image {
    float : left;
    height : 80px;
    }
    
div.thumb_work_image img  {
    float : left;
    width : 66px;
    height : 45px;
    margin : 0 10px 0 0;
    border : 1px solid #ccc;
    }

div.thumb_work_image a:hover img  {
    filter : alpha(opacity=50);
    -moz-opacity : 0.50;
    opacity : 0.50;
    }


/************************ Sector Work / Special Work ***/

table.sector_work,
table.special_work   {
    margin-top : 10px;
    width : 100%;
    text-align : left;
    width : 620px;
    }

table.special_work   {
    margin-left : 125px;
    width : 670px;
    }

table.sector_work td.sector_work,
table.special_work td.special_work   {
    width : 50%;
    text-align : left;
    vertical-align : top;
    text-transform : uppercase;
    font-weight : bold;
    font-size : 11px;
    line-height : 15px;
    color : #999;
    padding : 0 15px 20px 0;
    }

td.sector_work a img,
.special_work_image a img   {
    float : left;
    width : 66px;
    height : 45px;
    margin : 0 10px 0 0;
    border : 1px solid #ccc;
    }

td.sector_work div.text_wrapper,
td.special_work div.text_wrapper    {
    float : left;
    width : 200px;
    }

td.sector_work p.description,
td.special_work p.description   {
    font-weight : normal;
    text-transform : none;
    color : #000;
    }

td.sector_work a:hover img,
.special_work_image a:hover img   {
    filter : alpha(opacity=50);
    -moz-opacity : 0.50;
    opacity : 0.50;
    }


/* Spacer Special Work */

table.special_work td.special_work_empty {
    height : 85px;    
    }


/*************************************** Work Detail ***/

div.lead_left   {
    float : left;
    margin-top : 17px;
    width : 191px; /* 180px */
    font-size : 11px;
    line-height : 19px;
    }

div.detail_content  {
    float : left;
    margin : 6px 0 0 45px;
    width : 620px;
    height : 430px;
    }


/************* Thumbnail Navigation ***/

div.thumb_nav   {
    float : left;
    width : 66px;
    }

div.thumb_nav p.thumb_nav {
    height : 10px;
    width : 66px;
    background-color : #fff; /* For IE6 */
    }


/* Arrow Up */
div.thumb_nav p.thumb_nav a.up:link img,
div.thumb_nav p.thumb_nav a.up:visited img {
    background-image: url(up.png); 
    width : 66px;
    height : 10px;
    }

div.thumb_nav p.thumb_nav a.up:hover img {
    background-image: url(up_over.png); 
    width: 66px;
    }
    
/* Arrow Down */
div.thumb_nav p.thumb_nav a.down:link img,
div.thumb_nav p.thumb_nav a.down:visited img {
    background-image: url(down.png); 
    width : 66px;
    height : 10px;
    margin-top : -5px;
    }

div.thumb_nav p.thumb_nav a.down:hover img {
    background-image: url(down_over.png); 
    width: 66px;
    }

/* Thumbnail Images */

div.thumb_nav p.thumb_img   {
    /* overflow : hidden;   */
    width : 66px;
    height : 45px;
    margin-bottom : 9px;
    border : 1px solid #ccc;
    background-color : #eeeeee;
    text-align : center;
    }

div.thumb_nav p.thumb_img img   {
    width : 66px;
    height : 45px;
    filter : alpha(opacity=20);
    -moz-opacity : 0.20;
    opacity : 0.20;
    }

div.thumb_nav p.thumb_img a img   {
    filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1;    
    }

div.thumb_nav p.thumb_img a:hover img   {
    filter : alpha(opacity=50);
    -moz-opacity : 0.50;
    opacity : 0.50;
    }



/***************** Image Detail Big ***/

div.img_detail,
div.special_content,
div.special_text  {
    float :left;
    font-size : 11px;
    width : 540px;
    text-align : center;
    margin : 10px 0 0 10px;
    }

div.special_content,
div.special_text  {
    width : 620px;
    margin-left : 50px;
    }

div.special_text    {
    text-align : left;
    margin-left : 58px;
    line-height : 19px;
    }

div.special_text h1 {
    font-size : 11px;
    margin-bottom : 17px;
    }


p.img_detail,
p.img_detail_comp,
p.special_detail    {
    float :left;
    margin : 10px 0 0 10px;
    text-align : center;
    }

p.img_detail_comp   {
    margin-left : 0;
    }


p.special_detail   {
    width : 300px;
    margin-right : 0;
    }


p.special_detail a:hover img  {
    filter : alpha(opacity=50);
    -moz-opacity : 0.50;
    opacity : 0.50;
    }

/*************************************** EGL Member ***/

table.egl_member   {
    margin-top : 10px;
    text-align : left;
    width : 855px;
    }


table.egl_member td.col1,
table.egl_member td.col2  {
    width : 234px;
    text-align : left;
    vertical-align : top;
    font-size : 11px;
    line-height : 19px;
    padding : 0 15px 14px 0;
    }
    
table.egl_member td.col2  {    }
    
td.col1 div.egl_member,
td.col2 div.egl_member   {
    float : left;
    width :  220px;
    margin : 0;
    padding : 0;
    font-weight : bold;
    color : #000;
    }

td.col2 div.egl_member   {
    width : 205px;
    }

td.col1 div.egl_member h2,
td.col2 div.egl_member h2   {
    margin-bottom : 2px;
    color : #999;
    }



div.egl_member p    {
    font-weight : normal;
    line-height : 18px;
    }

div.egl_member p a  {
    text-decoration : none;
    }

div.egl_member p a:hover    {
    color : #999;
    text-decoration : underline;
    }


div.egl_member a img  {
    float : left;
    width : 66px;
    margin : 0 10px 0 0;
    border : 1px solid #ccc;
    }

div.egl_member a:hover img  {
    filter : alpha(opacity=50);
    -moz-opacity : 0.50;
    opacity : 0.50;
    }


/* EGL Member Big */

table.egl_member td.col3 {
    text-align : center;
    vertical-align : top;    
    }

table.egl_member td.col3 img {
    border : 1px solid #ccc;
    margin-left : 0; /* 20px */
    }


/************************************** Team Member ***/

table.team_table,
table.team_table  td  {
    margin : 0;
    padding : 0;
    vertical-align : top;
    width : 855px;
    text-align : left;
    }

table.team_table  td  {
    width : 70px;
    }

div.member_big  {
    width : 296px;
    margin : 0 0 0 0;
    padding : 0;
    text-align : center;
    }


div.member_big img,
p.member_thumb img  {
    border : 1px solid #ccc;
    }

div.member_big h2 img {
    margin-top : 6px;
    border : 0;
    }

p.member_thumb  {
    margin : 0 7px 16px 0;
    }


p.member_thumb a:hover img  {
    filter : alpha(opacity=50);
    -moz-opacity : 0.50;
    opacity : 0.50;
    }
    
    

    

/************************************** Static Page ***/

div.content_wrapper p.start,
div.content_wrapper p.kunden {
    width: 854px;
    height : 430px;
    vertical-align : middle;
    text-align : center;
    }

div.content_wrapper p.start img {
    margin-top : 85px;
    }

div.start_movie {
    position : absolute;
    top : 0;
    left : 220px;
    z-index : 200;
    }



/* Clients */
div.content_wrapper p.kunden {
    float : left;
    width : 171px;
    height : 97px;
    background-color : #fff;
    }

div.content_wrapper p.kunden a:hover     {
    filter : alpha(opacity=50);
    -moz-opacity : 0.50;
    opacity : 0.50;
    }
    

/************************************ Map / Contact ***/


p.map_detail    {
    width : 615px;
    text-align : right;
    margin : 10px 0 0 10px;
    }

p.map_detail img    {
    border : 1px solid #ccc;
    }



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

/******************************************* Signatur */

div.signatur	{
	background-color : transparent;
	color : #fff;
	text-align : left;
	margin-top : 0;
	margin-left : 50%;
	padding : 0 0 0 440px;
	}
	
.span_image_link {
    cursor:pointer;
}