html, body {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #494845;
	margin:0px;
	padding:0px;
	background:#ffffff url(pics/bg.gif);
	height: 100%;
}

html {
	overflow-y: scroll;
}

a {
	color: #EA642B;
	text-decoration:none;
}

a:hover, a.active {
	color: #363634;
}

a img {
  border:0px;
}

a.navl {
	color: #363634;
	text-decoration:none;
	font-weight:bold;
}

a.navl:hover, a.navl_active {
	color: #EA642B;
	font-weight:bold;	
}

h1 {
  font-size: 11px;
  font-weight:bold;
}



h2 {
  font-size: 11px;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#container { 
	width:100%;
	min-height: 100%;
	background-image:url(pics/bg_top.gif);
  background-position: 988px 0px;
  background-repeat:no-repeat;
  position: relative;
}

* html #container
{
height: 100%;
}

#container1 {
  width:984px;
  height:auto;
}

#topline1 {
  width:10px;
  height:10px;
	margin:0 4px 0 0;
	border-top:4px solid #EC7641;
  float:left;
}

#container2 { 
	width:970px;
	margin:0 0 0 0px;
	/*margin: 0 auto;*/ 
	text-align:left;
  float:left;
  padding:0 0 50px 0;
}

.mainline {
  border-top:2px solid #6F6D6A;
}

#head {
  width:970px;
  height:201px;
}

#logodiv {
  width:356px;
  height:197px;
	margin:0 4px 0 0;
	border-top:4px solid #EC7641;
  float:left;
}

#logo {
  width:125px;
  height:120px;
	margin:45px 0 0 85px;
	border:0;
}

#langdiv {
  width:610px;
  height:26px;
	margin:0px;
	padding:0 0 0 0;
	border-top:4px solid #EC7641;
	float:left;
	text-align:right;
	text-transform:uppercase;
}

#addressline {
  width:610px;
  height:45px;
	margin:0px;
	padding:126px 0 0 0;
	float:left;
}

#nav {
  height:auto;
  width:315px;
  float:left;
}

#nav.start_nav {
  height:371px;
  float:left;
  border-bottom:2px solid #6F6D6A;
}

#main {
  float:left;
}
/* NAVI --------------------------------------------*/

ul#navi {
	width:315px;
	height:auto;
	margin:0px;
	padding:0px;
	list-style-type: none;
}

ul#navi li ul {
  display:none;
}

ul#navi li ul.active {
  display:block;
  margin:0 0 10px 0;
	padding:0px;
	background:url('pics/ululbg.gif') no-repeat;
}

#navi li {  
  padding:0px;
  margin:0px;
  display:inline;
}

#navi a {
	width:315px;
	height:25px;
	display:block;
	background-repeat:no-repeat;
	background-position:0px 13px;
  border-bottom:1px solid #6F6D6A;
}

#navi ul a {
	background-position:17px 13px;
  border-bottom:0px solid #6F6D6A;
}

#navi i {
	display:none;
}

#news a {
	background-image: url(pics_1/news.gif);
}

#news a:hover, #news a.active {
	background-image: url(pics_1/news_o.gif);
}

  #thisyear a {
  	background-image: url(pics_1/thisyear.gif);
  }
  
  #thisyear a:hover, #thisyear a.active {
  	background-image: url(pics_1/thisyear_o.gif);
  }

  #lastyear a {
  	background-image: url(pics_1/lastyear.gif);
  }
  
  #lastyear a:hover, #lastyear a.active {
  	background-image: url(pics_1/lastyear_o.gif);
  }
  
   #archive a {
  	background-image: url(pics_1/archive.gif);
  }
  
  #archive a:hover, #archive a.active {
  	background-image: url(pics_1/archive_o.gif);
  }
   
#profile a {
	background-image: url(pics_1/profile.gif);
}

#profile a:hover, #profile a.active {
	background-image: url(pics_1/profile_o.gif);
}

  #services a {
  	background-image: url(pics_1/services.gif);
  }
  
  #services a:hover, #services a.active {
  	background-image: url(pics_1/services_o.gif);
  }

  #we a {
  	background-image: url(pics_1/we.gif);
  }
  
  #we a:hover, #we a.active {
  	background-image: url(pics_1/we_o.gif);
  }
  
  #why a {
  	background-image: url(pics_1/why.gif);
  }
  
  #why a:hover, #why a.active {
  	background-image: url(pics_1/why_o.gif);
  }
  
  #goal a {
  	background-image: url(pics_1/goal.gif);
  }
  
  #goal a:hover, #goal a.active {
  	background-image: url(pics_1/goal_o.gif);
  }
  
  #process a {
  	background-image: url(pics_1/process.gif);
  }
  
  #process a:hover, #process a.active {
  	background-image: url(pics_1/process_o.gif);
  }

  #references a {
  	background-image: url(pics_1/references.gif);
  }
  
  #references a:hover, #references a.active {
  	background-image: url(pics_1/references_o.gif);
  }
  
 
#projects a {
	background-image: url(pics_1/projects.gif);
}

#projects a:hover, #projects a.active {
	background-image: url(pics_1/projects_o.gif);
}

  #gd a {
  	background-image: url(pics_1/gd.gif);
  }
  
  #gd a:hover, #gd a.active {
  	background-image: url(pics_1/gd_o.gif);
  }
  
  #ps a {
  	background-image: url(pics_1/ps.gif);
  }
  
  #ps a:hover, #ps a.active {
  	background-image: url(pics_1/ps_o.gif);
  }

  #av a {
  	background-image: url(pics_1/av.gif);
  }
  
  #av a:hover, #av a.active {
  	background-image: url(pics_1/av_o.gif);
  }
  
  
#contact a {
	background-image: url(pics_1/contact.gif);
}

#contact a:hover, #contact a.active {
	background-image: url(pics_1/contact_o.gif);
}

  #address a {
  	background-image: url(pics_1/address.gif);
  }
  
  #address a:hover, #address a.active {
  	background-image: url(pics_1/address_o.gif);
  }
  
  #directions a {
  	background-image: url(pics_1/directions.gif);
  }
  
  #directions a:hover, #directions a.active {
  	background-image: url(pics_1/directions_o.gif);
  }

  #imprint a {
  	background-image: url(pics_1/imprint.gif);
  }
  
  #imprint a:hover, #imprint a.active {
  	background-image: url(pics_1/imprint_o.gif);
  }
  
  
/* NAVI 2--------------------------------------------*/

#sortby {
  margin:0 7px 0 0;
  float:left;
}

#nav2 div {
  width:610px;
  height:17px;
	padding:8px 0 0 45px;
  border-bottom:1px solid #6F6D6A;
}

#nav2 a {
  margin:0 13px 0 0px;
}

#nav2_profile {
	margin:26px 0px 0px 0px;
}

#nav2_projects, #nav2_projects2 {
	margin:52px 0px 0px 0px;
}

#nav2_projects a {
  display:block;
  float:left;
  background-repeat:no-repeat;
}

#nav2_projects2 a {
  display:block;
  float:left;
  background-repeat:no-repeat;
  margin:0px;
}

#nav2_projects i, #nav2_projects2 i {
  display:none;
}

#nav2_contact {
	margin:78px 0px 0px 0px;
}

/* NAVI 3--------------------------------------------*/

#show {
  margin:0 20px 0 0;
  float:left;
}

#nav3 {
  height:11px;
  width:610px;
  margin:0px 0 20px 45px;
  padding:9px 0px 5px 0px;
  border-bottom:1px solid #90908c;
}


#nav3 a {
  display:inline;
  margin:0 13px 0 0px;
  float:left;
  background-repeat:no-repeat;
}

#nav3 i {
  display:none;
}

#navilinks {
  width:555px;
  height:auto;
  float:left;
  padding:0px;
}

#nav3_sc {
  width:59px;
  height:9px;
  background-image:url(pics_1/sc.gif);
}
#nav3_sc:hover, #nav3_sc.active {
  background-image:url(pics_1/sc_o.gif);
}

#nav3_client {
  width:98px;
  height:9px;
  background-image:url(pics_1/client.gif);
}
#nav3_client:hover, #nav3_client.active {
  background-image:url(pics_1/client_o.gif);
}

#nav3_1 {
  width:49px;
  height:13px;
  background-image:url(pics_1/1.gif);
}
#nav3_1:hover, #nav3_1.active {
  background-image:url(pics_1/1_o.gif);
}

#nav3_2 {
  width:85px;
  height:13px;
  background-image:url(pics_1/2.gif);
}
#nav3_2:hover, #nav3_2.active {
  background-image:url(pics_1/2_o.gif);
}

#nav3_6 {
  width:72px;
  height:13px;
  background-image:url(pics_1/6.gif);
}
#nav3_6:hover, #nav3_6.active {
  background-image:url(pics_1/6_o.gif);
}

#nav3_3 {
  width:58px;
  height:13px;
  background-image:url(pics_1/3.gif);
}
#nav3_3:hover, #nav3_3.active {
  background-image:url(pics_1/3_o.gif);
}


/* SEARCH--------------------------------------------*/

#searchform {
  margin:0;
  padding:0;
}

#searchdiv {
  width:315px;
  height:19px;
  margin:233px 0 0 0;
  border-bottom:1px solid #6F6D6A;
  vertical-align:bottom;
}

#searchform label {
  padding:3px 0 0 0;
  float:left;
}

#search {
  width:200px;
  height:15px;
  padding:0px;
 
  border:0px;
  margin:0px;  
  background-color:#ffffff;
  display:inline;
  float:left;
  
  font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #494845;
}

#send {
  width:30px;
  height:15px;
  border:0px;
  margin:0px;
  padding:0px;
  background-color:#ffffff;
  display:inline;
  float:right;
}

/* KEYWORDS--------------------------------------------*/

#nav h6 {
  width:302px;
  margin:10px 0 15px 0;
  padding:5px 0 5px 13px;
  border-top:1px solid #90908c;
  border-bottom:1px solid #90908c;
  font-size: 11px;
  font-weight:normal;
}

#find {
  margin:10px 0 15px 0;
  padding:10px 159px 10px 13px;
  border-top:1px solid #90908c;
  border-bottom:1px solid #90908c;
}

ul#keywords {
	width:315px;
	height:auto;
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#keywords a {
	width:302px;
	height:25px;
	display:block;
	color: #494845;
	text-decoration:none;
	padding:0 0 0 13px;
}

#keywords a:hover {
	color: #EC7641;
}

/* NEWS --------------------------------------------*/

#newspic_g {
  width:610px;
  height:345px;
  margin:13px 0 0 45px;
  padding:0 0 13px 0;
  overflow:hidden;
}

.news {
  width:610px;
  margin:25px 0 10px 45px;
  padding:0 0 10px 0px;
  border-bottom:2px solid #6F6D6A;
}

.news h6 {
  margin:0px;
  padding:5px 0 5px 0px;
  text-transform: uppercase;
  border-bottom:1px solid #90908c;
  font-size: 11px;
  font-weight:normal;
}

.news h1 {
  margin: 15px 0 0 0;
  padding: 0 0 0 0px;
  font-size: 11px;
  font-weight:bold;
}

.news p {
  margin:0 0 10px 0;
  padding: 0 0 0 0px;
}

.news img {
  margin:20px 0 10px 0px;
}

#news_ub {
  width:57px;
  height:15px;
  margin:60px 0 0px 45px;
}

/* PROFILE --------------------------------------------*/

#profile_content {
  width:610px;
  margin:25px 0 10px 45px;
  padding:0 0 0 0px;
}

#profile_content p {
  width:480px;
}

#diapic {
  width:610px;
  margin:0px;
  padding:10px 0 10px 0;
  border:0px;
  overflow:hidden;
}

.thinline {
  width:610px;
  margin:0 0 40px 0;
  border-bottom:1px solid #6F6D6A;
  text-align:right;
	clear:both;
}

/* PROJECTS --------------------------------------------*/

#projectlist, #projectlist2 {
  width:610px;
  margin:27px 0 0px 45px;
  border-collapse:collapse;
  border-spacing:0px;
  font-size:11px;
  padding:0px;
}

#projectlist th, #projectlist2 th {
  border-bottom:1px solid #90908c;
  text-align:left;
  font-weight:bold;
  color:#72716B;
  padding:5px;
}

#projectlist th.client {
  width:172px;
}

#projectlist th.project {
  width:224px;
}

#projectlist th.type {
  width:122px;
}

#projectlist th.date {
  width:57px;
  padding:5px 5px 5px 0px;
}

#projectlist td {
  border-bottom:1px solid #90908c;
  padding:0px;
  vertical-align:top;
}

#projectlist2 td {
  border-bottom:1px solid #90908c;
  padding:5px;
  vertical-align:top;
}

#projectlist tr {
}

#projectlist tr:hover {
  background-color:#EA642B;
}

#projectlist tr.head:hover {
  background-color:transparent;
}

#projectlist a {
  display:block;
  padding:5px 5px 5px 5px;
  margin:0 0px 0 0;
  color: #494845;
}

#projectlist a:visited {
  color:#878681;
}

#projectlist a.kat {
   white-space:nowrap;
}

#projectlist a.last {
  padding:5px 5px 5px 0px;
}

#projectlist a:hover {
  background-color:#EA642B;
}

.propic {
  width:610px;
  margin:25px 0 0px 45px;
  padding:0 0 25px 0;
  border-bottom:1px solid #90908c;
  overflow:hidden;
}

#related {
  margin:60px 0 0px 0px;
}

#related p {
  padding:0px 0 0px 13px;
}

#related h6 {
  margin:0px 0 15px 0px;
  padding:5px 0 5px 13px;
  border-bottom:1px solid #90908c;
  font-size: 11px;
  font-weight:normal;
}

#video {
	/*background-color:#EDEFE9;*/
	width:610px;
	text-align:center; 
	margin:25px 0 0 45px;
	padding:30px 0 55px 0; 
	border-bottom:1px solid #90908c;
}

#desc {
  width:315px;
  padding:60px 0 0 0;
}

#desc p {
  margin:0 0 0 13px;
}

#awards {
  margin:60px 0 0 0;
}

#awards p {
  margin:0 0 0 13px;
}

/* CONTACT --------------------------------------------*/

#contactform {
  width:400px;
}

#contactform .formrow {
  width:390px;
  height:21px;
  margin:5px 0 5px 0;
  padding:0px;
}

#contactform .formrow2 {
  width:320px;
  height:21px;
  margin:0px;
  padding:0px;
  background:#ffffff;
  float:right;
}

#contactform label {
  width:70px;
  display:block;
  font-weight:bold;
  text-transform: uppercase;
  margin:0px;
  padding:0px;
  float:left;
}

#contactform h6 {
  width:70px;
  display:block;
  font-weight:bold;
  margin:9px 0 0 0;
  padding:0px;
  float:left;
  font-size:1em;
}

#contactform input.inp {
  width:300px;
  height:16px;
  padding:4px 0 0 20px;
  
  border:0px;
  margin:0px;
  background-color:#ffffff;
  
  font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #494845;
}

#txtarea {
  width:540px;
  height:280px;
  border:0px;
  margin:5px 0 0 70px;
  padding:0px;
  background-color:#dddddd;
  display: inline;
}

#contactform textarea {
  width:500px;
  height:240px;
  padding:20px;
  
  border:0px;
  margin:0px;
  background-color:#ffffff;
  
  font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #494845;
}

#sendc {
  width:60px;
  height:21px;
  border-left:480px solid #ffffff;
  margin:5px 0 0 70px;
  background-color:#ffffff;
}

#subject {
  width:320px;
  height:21px;
  padding:0px;
  margin:5px 0 0 0px;
  background:#ffffff url(pics/dwn.gif) top right no-repeat;
  overflow:hidden;
  float:left;
}

#subject.subject2 {
  width:320px;
  height:100px;
  padding:0px;
  margin:5px 0 0 0px;
  background:#ffffff url(pics/dwn.gif) top right no-repeat;
  overflow:hidden;
  float:left;
}

#subject a {
  width:300px;
  padding:4px 0 0 20px;
  margin:0px;
  display:block;
}

#contactaddress {
  margin:30px 0 0 0;
  border-bottom:1px solid #90908c;
}

#contactaddress div {
  border-top:1px solid #90908c;
  padding:5px 0 5px 0;
  height:1em;
}

#contactaddress h5 {
  width:70px;
  display:inline;
  float:left;
  padding:0px;
  margin:0px;
  font-size: 10px;
  line-height:14px;
  text-transform:uppercase;
}

#contactaddress p {
  display:inline;
  float:left;
  padding:0px;
  margin:0px;
}

/* FOOT --------------------------------------------*/

#foot {
  width:100%;
  height:20px;
  margin-top:-20px;
  clear:left;
  background-image:url(pics/bg_top.gif);
  background-position: 988px 16px;
  background-repeat:no-repeat;
  position: relative;
}

#footline1 {
  width:10px;
  height:16px;
	margin:0 4px 0 0;
	border-bottom:4px solid #EC7641;
  float:left;
}

#imprintlink {
  width:356px;
  height:16px;
	margin:0 4px 0 0;
	border-bottom:4px solid #EC7641;
  float:left;
}

#copy {
  width:610px;
  height:16px;
	border-bottom:4px solid #EC7641;
  float:left;
  text-align: right;
}





h1.sif {
  font-size: 11px;
  /*font-weight:bold;
  background-color:#DFE1DC;*/
  color:#EA642B;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}




/*---- Slideshow ---*/

#slideshow { 
  width:610px; 
  height:345px; 
  position:relative; 
  background:#C1C1C1; 
  overflow:hidden;
  float:left;
}

#slideshow img {
  display:none;
  position:absolute;
  top:0; left:0;
}

#slideshow img.start {
  display:block;
}

.columnleft {
	float:left;
	width: 220px;
	padding-right:40px;
}

.columnright {
	float:left;
	width: 220px;
}