/*  ++--  GLOBAL  --++  */

	* { margin:0; padding:0; }
  html, body { height:100%; }
	body { padding:0; margin:0; background-color:#d9dad4; color:#494b40; overflow-y:scroll; }
	table, td, div, p, span, form { 
		padding:0; margin:0; border:none; font:normal 11px arial, sans-serif; }
	a, p, span { color:#494b40; }
	img, a { padding:0; margin:0; border:none; }
	table { border-spacing:0; border-collapse:collapse; }

	.clear { clear:both; }
	.left  { float:left; }
	.right { float:right; }
	.bold { font-weight:bold; }
	.center { text-align:center; }

	
	h1 { font:normal 30px arial, sans-serif; color:#000; }
	h2, h2 span { font:normal 25px arial, sans-serif; padding:0 0 21px 0; margin:0; line-height:28px; color:#959789; }
	h2 span.dark { color:#484941; }
	h3 { font:bold 11px arial, sans-serif; padding:0 0 13px 2px; margin:0; line-height:12px; color:#96988b; }
	h4 { font:normal 11px arial, sans-serif; padding:0 0 2px 2px; margin:0; line-height:12px; color:#96988b; }

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


	/*  ++--  WRAP  --++  */
  div#wrap { width:950px; margin:auto auto; padding:0 20px 0 20px; min-height:100%; position:relative; background-color:#fff; }
  * html div#wrap { height:100%; }    


	.pageProperties { padding-top:8px; width:990px; }
	
	
	/*  ++--  TOP  --++  */
	div#top { width:950px; height:86px; color:#979888; }
	  div#topLeft   { float:left; width:500px; margin:18px 0 0 0; }
	  div#topLeft a { text-decoration:none; }
  	div#topRight { float:right; width:350px; margin:18px 0 0 0; text-align:right; }
  	div#topRight a { text-decoration:none; color:#979888; padding:0 5px 0 4px; font:normal 10px arial, sans-serif; }
		div#topRight a:hover { text-decoration:underline; }


	/*  ++--  MENU  --++  */
  div#menu { width:950px; color:#484943; }
  	div#menuList { float:left; margin:10px 0 20px 0; width:100%; background:url('../img/bg_line_gray.gif') repeat-x 0px 0px; }
  	div.line { float:left; padding:30px 20px 0 20px; height:25px; background:url('../img/bg_menu_line.gif') no-repeat 15px 28px; }
  	div.first { float:left; padding:30px 10px 0 0; height:25px; }
		div.first a { padding:0 0 0 16px; color:#484943; text-decoration:none; background:url('../img/bg_menu_lo.gif') no-repeat 0px 4px; }
		div.first a.hi { background:url('../img/bg_menu_hi.gif') no-repeat 0px 4px; }
		div.first a:hover { text-decoration:none; background:url('../img/bg_menu_hi.gif') no-repeat 0px 4px; color:#000; }
  	div#menuRight { float:left; width:2px; height:45px; background:url('../img/bg_menu_right.gif') no-repeat; }
 	/*  ++--  MENU  SECOUND  --++  */
  div#secoundMenu { float:left; width:180px; color:#484943; }
  	div.secound { padding:0 0 0 0; height:30px; background:url('../img/bg_dott_line.gif') repeat-x 0px 20px;  }
		div.secound a { padding:0 0 0 16px; color:#484943; text-decoration:none; background:url('../img/bg_secoundMenu.gif') no-repeat 0px 4px; }
		div.secound a.hi { color:#ffcc01; }
		div.secound a:hover { text-decoration:none; background:url('../img/bg_secoundMenu.gif') no-repeat 0px 4px; color:#ffcc01; }
 	/*  ++--  MENU  CASES  --++  */
  div#casesMenu { float:left; width:180px; color:#484943; margin-top:-5px; }
  	div.third { margin:0 0 0 15px; height:21px; background:url('../img/bg_dott_line.gif') repeat-x 0px 16px;  }
		div.third a { padding:0 0 0 16px; color:#484943; text-decoration:none; background:url('../img/bg_casesMenu.gif') no-repeat 1px 4px; }
		div.third a.hi { color:#ffcc01; }
		div.third a:hover { text-decoration:none; background:url('../img/bg_casesMenu.gif') no-repeat 1px 4px; color:#ffcc01; }



 	/*  ++--  CONTENT  --++  */
  div#contentIndex  { float:left; width:950px; margin:0 0 39px 0; }
  div#contentFullCol{ float:left; width:930px; margin:0 0 39px 0; }
	div#contentOneCol { float:left; width:735px; margin:0 0 39px 35px; }
	div#contentCases  { float:left; width:735px; margin:0 0 39px 35px; }
	div#presseTwoCol  { float:left; width:740px; margin:0 0 39px 210px; }
  div#presseOneCol  { float:left; width:740px; margin:0 0 39px 210px; }
  div#oneColRight   { float:left; width:740px; margin:0 0 39px 210px; }
	div#twoCol        { float:left; width:735px; margin:0 0 39px 35px; }
	div#jobTwoCol     { float:left; width:735px; margin:0 0 39px 35px; }



 	/*  ++--  CONTENT  global --++  */
	.content p { font:normal 11px arial, sans-serif; line-height:16px; }
	.content a { color:#494b40; }
	.content a.contact { padding:0 20px 0 15px; text-decoration:none; color:#494b40; background:url('../img/a_contact.gif') no-repeat 0px 3px; }
 	.content a.contact { border:0; }
	.content a.contact:hover { text-decoration:underline; }
	.content a.link { display:block; padding:0 20px 0 16px; margin-bottom:15px; text-decoration:none; color:#494b40; background:url('../img/a_contact.gif') no-repeat 2px 3px; }
	.content a.link:hover { text-decoration:underline; }
	.content a.linkDown { display:block; padding:0 20px 10px 16px; margin-bottom:7px; text-decoration:none; color:#494b40; background:url('../img/link_down.gif') no-repeat 2px 8px; }
	.content a.linkDown:hover { text-decoration:underline; }

	.content ul { margin:0;	padding:0 0 10px 16px; list-style-image:url(../img/ul_list.gif); }
	.content ol { margin:0;	padding:0 0 10px 18px; list-style-image:url(../img/a_contact.gif); }
	.content li { padding-bottom:2px; line-height:16px; }
	.content li a { text-decoration:none; color:#494b40; }
	.content li a:hover { text-decoration:underline; }



	/*  ++--  CONTENT  two  --++  */
	div#twoColTop   { float:left; width:600px; padding:0; }
  div#twoColLeft  { float:left; width:285px; padding:0 30px 0 0; }
  div#twoColRight { float:left; width:285px; padding:0; }
	div#twoColRight .textblock, div#twoColLeft .textblock { width:285px; }


	/*  ++--  CONTENT  contentCases  --++  */
	div#contentCasesTop h2 { padding:0; }
	div#contentCasesTop h4 { padding-bottom:30px; }
	div#contentCasesTop   { float:left; width:600px; padding:0; }
  div#contentCasesLeft  { float:left; width:285px; padding:0 30px 0 0; }
  div#contentCasesRight { float:left; width:285px; padding:0; }
	div#contentCasesRight .textblock, div#contentCasesLeft .textblock { width:285px; }


	/*  ++--  CONTENT  Paragraph two  --++  */
	.leftBox      { float:left; width:285px; padding:0 5px 10px 0; }
	.leftBoxArrow { float:left; width:285px; padding:0 5px 10px 0; background:url('../img/arrow_right.gif') no-repeat 286px 0px; }
	.leftBoxArrow .border img, .leftBox .border img { border:1px solid #d8d9d3; padding:10px 10px 10px 10px; }
	.rightBox      { float:left; width:285px; padding:0 0 10px 5px; }
	.rightBoxArrow { float:left; width:285px; padding:0 0 10px 5px; background:url('../img/arrow_left.gif') no-repeat 0px 0px; }
	.rightBoxArrow .border, .rightBox .border { border:1px solid #d8d9d3; padding:8px 10px 10px 10px; }
	.leftBox h3, .leftBoxArrow h3, .rightBox h3, .rightBoxArrow h3 { font:normal 11px arial, sans-serif; padding:0 0 2px 2px; margin:0; line-height:14px; color:#96988b; }
	.leftBox h4, .leftBoxArrow h4, .rightBox h4, .rightBoxArrow h4 { font:bold 11px arial, sans-serif; padding:0 0 2px 2px; margin:0; line-height:14px; color:#96988b; }
	.leftBox p, .leftBoxArrow p, .rightBox p, .rightBoxArrow p { padding:0 0 0 2px; }
	.rightBox .borderArrow, .leftBox .borderArrow { height:6px; background:url('../img/arrow_top.gif') no-repeat 0px 1px; }


	#caseImageBox { padding:0 0 20px 0; width:282px; }
	#caseImageBox .border { border:1px solid #d8d9d3; padding:10px; }

	#caseThumbView { text-align:center; }
	#caseThumbView img { display:none; width:260px; height:190px; }
	#caseThumbView a:hover { cursor:pointer; }

	#caseThumbLeft { float:left; width:282px; padding-top:10px; }
	#caseThumbLeft .caseRR a { display:block; float:left; width:14px; height:14px; margin:0; padding:5px 5px 0 0; text-decoration:none; background:url('../img/gallery_lo.gif') no-repeat 0px 0px; }
	#caseThumbLeft .caseRR a.lo { display:block; float:left; width:14px; height:14px; margin:0; padding:5px 5px 0 0; text-decoration:none; background:url('../img/gallery_lo.gif') no-repeat 0px 0px; }
	#caseThumbLeft .caseRR a.hi { display:block; float:left; width:14px; height:14px; margin:0; padding:5px 5px 0 0; text-decoration:none; background:url('../img/gallery_hi.gif') no-repeat 0px 0px; }
	#caseThumbLeft .caseRR a:hover { display:block; float:left; text-decoration:none; background:url('../img/gallery_hover.gif') no-repeat 0px 0px; }
	#caseThumbLeft .caseRR a#buttonCasePre, #lupe .caseLL a#buttonCasePre:hover { background:url('../img/gallery_left.gif') no-repeat 0px 0px; }
	#caseThumbLeft .caseRR a#buttonCaseNext, #caseThumbLeft .caseLL a#buttonCaseNext:hover { background:url('../img/gallery_right.gif') no-repeat 0px 0px; }

	#caseThumbLeft .caseLL { float:left; width:70px; }
	#caseThumbLeft .caseRR { float:left; width:210px; }


	#bigView { display:none; position:absolute; top:0; left:auto; margin:230px 0 0 30px; background:#eaeae8; z-index:99; border:1px solid #999; }
	#bigViewImgDiv { padding:10px 10px 0 10px; background-color:#fff; cursor:pointer; }
	#bigViewBottom { height:20px; padding-top:5px; width:490px; }
	#bigViewLeft { float:left; width:250px; margin:0 0 0 100px; }
	#bigViewMenu { float:left; width:150px }
	#bigViewRight { float:left; text-align:right; width:120px; }
	#bigViewRight a { text-decoration:none; }
	#bigViewRight a:hover { text-decoration:underline; }



	/*  ++--  CONTENT  index  --++  */
	div#leftIndex { float:left; width:200px; }
	div#rightIndex { float:left; width:750px; }
	.topCol { }
	.topCol a { padding:0 0 0 16px; color:#484943; text-decoration:none; background:url('../img/bg_menu_lo.gif') no-repeat 0px 4px; }
	.topCol a:hover { color:#ffcc01; text-decoration:none; background:url('../img/bg_menu_hi.gif') no-repeat 0px 4px; }
	.presseCol { padding:0 0 0 16px; background:url('../img/bg_secoundMenu.gif') no-repeat 0px 4px; }
	.presseCol p { padding:0 0 5px 0; } 
	.presseCol a.link { margin:0; padding:0 20px 0 16px; text-decoration:none; color:#494b40; background:url('../img/a_contact.gif') no-repeat 0px 3px;} 
	.presseLine { width:190px; height:16px; background:url('../img/bg_dott_line.gif') repeat-x 0px 5px; }
	
	
	/*  ++--  CONTENT  presse  --++  */
	div#presseColTop   { float:left; width:590px; padding:0; }
  div#presseColLeft  { float:left; width:280px; padding:0 30px 0 0; }
  div#presseColRight { float:left; width:280px; padding:0; }
	div#presseOneCol   { float:left; width:570px; padding:0; }


	/*  ++--  CONTENT  presseTextBlock  --++  */
	.presseTextBlock { padding:0 0 5px 2px; }
	.presseTextBlock p { padding:0 0 5px 0; }
	.presseTextBlock h3 { font:normal 11px arial, sans-serif; padding:0 0 2px 0; margin:0; line-height:12px; color:#96988b; }
	.presseTextBlock a.link { padding:0 0 0 16px; text-decoration:none; color:#494b40; background:url('../img/a_contact.gif') no-repeat 0px 3px; }
	.presseTextBlock a.link:hover { text-decoration:underline; }

	#presseButton { position:absolute; width:300px; float:left; }
	#presseButtonPre { float:left; width:170px; display:none; }
	#presseButtonPre a { background:url('../img/link_left.gif') no-repeat 2px 3px; }
	#presseButtonNext { float:left; width:130px; display:none; }

	.presseBigTextBlock { width:570px; }
	.presseBigTextBlock h3 { font:normal 11px arial, sans-serif; padding:0 0 0 2px; margin:0; line-height:12px; color:#96988b; }
	.presseBigTextBlock span.dateString { font:bold 11px arial, sans-serif; display:block; width:500px; padding:2px 0 0 2px; color:#96988b; }
	.presseBigTextBlock p { padding:0 0 5px 2px; }

	div#presseColLeft .textblock { width:290px; }
	
	
	/*  ++--  CONTENT  job  --++  */
	div#jobColTop   { float:left; width:570px; padding:0; }
  div#jobColLeft  { float:left; width:260px; padding:0 30px 0 0; }
  div#jobColRight { float:left; width:280px; padding:0; }
	div#jobOneCol   { float:left; width:570px; padding:0; }

	.jobTextBlock p, .jobBox p { padding:0 0 16px 2px;  }
	
	.jobTitleBox { width:260px; padding:0 0 0 2px; }
	.jobTitleBox a:hover { color:#969988; }
	.jobTitleBox a.hi { color:#969988; }
	.jobTitle { float:left; width:130px; padding-bottom:3px; }
	.jobBox { padding-top:20px; }
	.job { display:none; }
	.jobTextLeft { float:left; width:130px; }
	.jobTextRight { float:left; width:130px; }

	/*  ++--  CONTENT  imageMarke  --++  */
	.imageMarke { float:left; height:90px; width:140px; padding-right:10px; }
	.imageMarke a { text-decoration:none; }
	.imageMarke span { display:block; width:140px; height:90px; }


	/*  ++--  CONTENT  textblock  --++  */	
  .textblock { width:580px; }
  .textblock p strong { color:#96988b; }
	.textblock p { padding:0 0 16px 2px;  }

	div#jobColLeft .textblock, div#jobColRight .textblock { width:260px; }

	/*  ++--  CONTENT  textLeftImage  --++  */
	.textLeftImage { margin-top:10px; }
	.textLeftImage .leftImage { float:left; width:260px; height:190px; border:1px solid #d8d9d3; padding:10px; margin:0 0 20px 0; text-align:center; }
	.textLeftImage .rightText { float:left; width:280px; padding:0 0 0 15px; margin:0; }
	.textLeftImage .rightText h2 { font:normal 11px arial, sans-serif; padding:0; margin:0; line-height:14px; color:#959887; }
	.textLeftImage .rightText .grey { color:#959887; }
	.textLeftImage .rightText p { padding-bottom:15px; }


	/*  ++--  CONTENT  form  --++  */
	.contact { width:279px; border:1px solid #D5D6D0; }
	.contactHeadline { padding:1px 5px 2px 5px; font:normal 10px arial, sans-serif; line-height:16px; color:#969988; background-color:#EAEAE8; }
	form { padding:6px; line-height:16px; }
	form .cell { margin:6px 0 0 0; }
	form .field { padding:1px; width:190px; border:1px solid #D7D8D2; font:normal 11px arial, sans-serif; line-height:12px; }
	form .select { padding:1px; width:194px; border:1px solid #D7D8D2; font:normal 11px arial, sans-serif; line-height:12px; }
	form .formLeft  { float:left; padding:2px 0 0 0; width:68px; height:18px; }
	form .formRight { float:right; padding:0; width:198px; text-align:right; }
	form .formOne   { padding:3px 0 3px 0; width:270px; text-align:left; }
	form .button 	  { padding:1px; font:normal 11px arial, sans-serif; line-height:13px; }
	form .download  { padding:1px; font:normal 11px arial, sans-serif; line-height:13px; }
	form .textarea  { padding:1px; width:263px; height:100px; border:1px solid #D7D8D2; font:normal 11px arial, sans-serif; line-height:13px; }

	form .radio .formLeft  { float:left; text-align:left; margin:5px 0 0 0; }
	form .radio .formRight { float:left; text-align:left; margin:7px 0 7px 0; }
	form .radio .inp { float:left; width:20px; text-align:right; padding:1px 0 0 0; }
	form .radio .txt { float:left; width:30px; text-align:left; padding:0 0 0 5px; }

	form #errorMessage { display:none; float:left; width:190px; height:25px; padding:2px 0 2px 0; font:normal 11px arial, sans-serif; line-height:13px; color:#e20018; }
	
	form .classErrorText  { color:#e20018; }
	form .classErrorField { border:1px solid #E7969E; }
	form .classErrorTextArea { border:1px solid #E7969E; }
	
	#contactNoScript { position:absolute; width:259px; height:384px; padding:10px; background-color:#ddd;  }
	
	
	#mailTarget { width:273px; height:400px; padding:0 0 0 6px; line-height:16px; display:none; border:0; font:normal 11px arial, sans-serif; line-height:14px; }
	
	
	/*  ++--  FOOTER  --++  */
  div#footer { position:absolute; bottom:0; left:0; margin:0 0 0 20px; width:950px; height:39px; color:#979888; background:url('../img/bg_line_gray.gif') repeat-x 0px 24px; }
  * html div#footer { bottom:-1px; }
		div#footerLink { float:left; width:460px; margin:6px 0 0 0; font:normal 10px arial, sans-serif; }
    div#footerLink a { padding:0 20px 0 12px; text-decoration:none; color:#494b40; background:url('../img/bg_link.gif') no-repeat 0px 3px; }
    div#footerLink a:hover { text-decoration:underline; }
    div#footerText { float:right; text-align:right; width:400px; margin:7px 0 0 30px; font:normal 9px arial, sans-serif; }
	  div#footerText p { padding:0; margin:0; font:normal 9px arial, sans-serif; letter-spacing:1px; }