body {
  background: white;
  font-family: arial, helvetica, tahoma;
}

h1 {
  margin-top: 40px;
}

#animation {
  width: 340px;
  height: 662px;
  position: absolute;
  left: -265px;
  background-image: url('/images/layout/animation_default.png');
  background-repeat: no-repeat;
  background-position: center top;
  top: 0;
  z-index: 1;
}

#page_wrapper {
  width: 930px;
  margin: 0 auto;
}

div#container {
  width: 750px;
  height: 400px;
  margin: 0 auto;
  position: relative;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 13px;
  left: 0;
}

.letter-spacing {
  letter-spacing: .03em
}

#top-navigation {
  width: 250px;
  height: 16px;
  border-bottom: 1px solid #808080;
  position: relative;
  z-index: 3;
}

#top-navigation .home_link {
  float: left;
  width: 30px;
  margin-right: 42px;
}

#top-navigation ul {
  float: left;
}

#top-navigation ul li {
  margin-left: 28px;
}

#top-navigation ul li, 
#top-navigation ul li a {
  float: left;
}

#top-navigation ul li a,
#top-navigation .home_link {
  margin-top: 6px;
  font-size: 7px;
  color: #808080;
  text-transform: uppercase;  
}

#top-navigation ul li a:hover,
#top-navigation ul li.active a,
#top-navigation .home_link:hover,
#top-navigation .home_link.active {
  text-decoration: none;
  color: #00B2A9;
}

#main-navigation {
  float: left;
  width: 88px;
  height: 518px;
  margin-top: 12px;
  border-top: 1px dashed #999;
  position: relative;
  z-index: 2;
}

#main-navigation li {
  height: 16px;
  line-height: 16px;
  border-bottom: 1px dashed #808080;
}

#main-navigation li a,
#subnavi li a {
  font-size: 9px;
  color: #808080;  
  text-transform: uppercase;
  text-decoration: none;
}

#main-navigation li.yellow.active a,
.content_color_yellow #subnavi li.active a,
.sitemap_level_1 li.yellow a:hover,
#main-navigation li.yellow a:hover {
  color: #9AB934;
}

#main-navigation li.blue.active a,
.content_color_blue #subnavi li.active a,
.contact_content .contact_data strong,
.contact_content .contact_data dl dt,
.sitemap_level_1 li a:hover,
#main-navigation li.blue a:hover,
.clients_content #contact_us{
  color: #00B2A9;
}

#main-navigation li.grey.active a,
.content_color_grey #subnavi li.active a,
.sitemap_level_1 li.grey a:hover,
#main-navigation li.grey a:hover,
.clients_content ul.portfolio_categories li a:hover,
.clients_content ul.portfolio_categories li.active a {
  color: #4D4D4D;
}

#main-navigation li.green.active a,
.content_color_green #subnavi li.active a,
.sitemap_level_1 li.green a:hover,
#main-navigation li.green a:hover {
  color: #00FF00;
}

#main-navigation li.cyan.active a,
.content_color_cyan #subnavi li.active a,
.news_content .years_list li.active a,
.sitemap_level_1 li.cyan a:hover,
#main-navigation li.cyan a:hover {
  color: #00FFFF;
}

#main-content {
  float: left;
  margin-left: 12px;
  width: 470px;
  position: relative;
}

#subnavi {
  width: 260px;
  height: 101px;
  position: absolute;
  top: 0;
  left: 0;
}

#subnavi.subnavi_a {
  padding-top: 13px;
}

#subnavi.subnavi_b {
  padding-top: 30px;
}

#subnavi.subnavi_news {
  padding-top: 64px;
}

#subnavi li {
  height: 17px;
  line-height: 16px;
}

#content {
  font-size: 11px;
  line-height: 1.6;
  margin-bottom: 30px;
  margin-top: 114px;
  color: #808080;
}

#content p {
  margin-bottom: 26px;
}

#content #page_header {
  height: 105px;
  overflow: visible;
  position: relative;
  z-index: 2;
  margin-bottom: 7px;
  background: #FFF;
  border: 1px dashed #999;
  border-left: none;
  border-right: none;
}

#content #page_header img#header_image {
  position: absolute;
  left: 0;
  top: 0;
}

#content .inner_content {
  position: relative;
  z-index: 1;
  padding-bottom: 30px;
  background-repeat: repeat-x;
}

#content .page_content {
  color: #808080;
}

/*#content.yellow .inner_content.page_content {
  background-image: url('/images/bgs/yellow.png');
  background-color: #C2ED00;
}*/

/*#content.blue .inner_content.page_content,*/
.clients_content ul li .tooltip {
  background-image: url('/images/bgs/blue.png');
  background-color: #00DDE0;
}

.tinycontent h1,
.tinycontent h2,
.tinycontent h3,
.tinycontent h4,
.tinycontent h5,
.tinycontent h6 {
  font-size: 16px;
  color: #000;
  margin: 0;
  padding: 0;
  font-weight: normal;
  margin-bottom: 20px;
}

#content.yellow .tinycontent h1,
#content.yellow .tinycontent h2,
#content.yellow .tinycontent h3,
#content.yellow .tinycontent h4,
#content.yellow .tinycontent h5,
#content.yellow .tinycontent h6 {
  color: #E5FF1F;
}

#content.blue .tinycontent h1,
#content.blue .tinycontent h2,
#content.blue .tinycontent h3,
#content.blue .tinycontent h4,
#content.blue .tinycontent h5,
#content.blue .tinycontent h6 {
  color: #00FFFF;
}

#content.yellow .tinycontent strong,
#content.blue .tinycontent strong {
  background-color: #E5FF1F;
  color: #9AB934;
  padding: 2px 7px;
  font-weight: normal;
}

#content.blue .tinycontent strong {
  background-color: #00FFFF;
  color: #00B2A9;
}

#content.yellow .tinycontent em,
#content.blue .tinycontent em {
  color: #9AB934;
  font-style: normal;
  font-weight: normal;
}

#content.blue .tinycontent em {
  color: #00B2A9;
}


/* Homepage styling */
#home_image {
  margin-left: -170px;
  margin-top: 140px;
}



/* Dynamic page stylings */

.page_content {
  padding-top: 80px;
}



/* Gallery stylings */

#content.gallery_content #page_header {
  padding: 4px 0;
  height: auto;
}

.gallery_content .color_spectrum {
  background: url('/images/color_spectrum.png');
  height: 14px;
  width: 100%;
}

#content.gallery_content .inner_content {
  padding: 0;
}

.gallery_content #image_list {
  height: 382px;
  overflow: hidden;
  position: relative;
  margin-top: 15px;
}

.gallery_content #image_list li {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}

#image_navi_container {
  background: #00B2A9;
  margin-top: 12px;
}

#image_navi_container #slide_next,
#image_navi_container #slide_previous {
  background: url('/images/gallery_controls.png') no-repeat 5px -35px;
  float: left;
  width: 13px;
  height: 65px;
  text-indent: -999em;
  overflow: hidden;
}

#image_navi_container #slide_previous:hover {
  background-position: 5px 25px;
}

#image_navi_container #slide_previous:active {
  background-position: 5px 26px;
}

#image_navi_container #slide_next {
  float: right;
  background-position: -28px -35px;
}

#image_navi_container #slide_next:hover {
  background-position: -28px 25px;
}

#image_navi_container #slide_next:active {
  background-position: -28px 26px;
}

.gallery_content #image_navi {
  overflow: hidden;
  position: relative;
  width: 443px;
  height: 65px;
  float: left;
}

.gallery_content #image_navi ul {
  height: 58px;
  padding-left: 3px;
  padding-top: 9px;
  white-space: nowrap;
  width: 9999px;
  position: absolute;
  left: 0;
  top: 0;
}

.gallery_content #image_navi li {
  float: left;
  width: 74px;
}

.gallery_content #image_navi li.last_in_row {
  margin-right: 0;
}

.gallery_content #image_navi li a img {
  padding: 2px;
  position: relative;
  left: -2px;
  top: -2px;
  display: block;
}

.gallery_content #image_navi li a:hover img {
  background-color: #00FFFF;
}



/* Portfolio stylings */
.clients_content #contact_us {
  margin-top: 10px;
  margin-left: 10px;
}

.clients_content #page_header #header_image {
  margin-top: 13px;
}

#content.clients_content .inner_content {
  background-color: #FBFBFB;
  padding-left: 20px;
  padding-right: 0;
}

.clients_content ul.logo_list {
  padding-top: 25px;
}

.clients_content ul.logo_list li {
  float: left;
  width: 107px;
  text-align: center;
  line-height: 50px;
  height: 70px;
  
}

.clients_content ul.logo_list li.first_in_row {
  clear: left;
}

.clients_content ul.logo_list li .logo {
  position: relative;
}

.clients_content ul.logo_list li .logo img {
  vertical-align: center;
}

.clients_content ul.logo_list li .tooltip {
  top: 0px;
  left: 30px;
  position: absolute;
  display: none;
  color: #FFF;
  line-height: 1.4;
  width: 230px;
  z-index: 3;
  text-align: left;
  padding: 15px;
}

.clients_content ul.logo_list li .logo:hover .tooltip {
  display: block;
}

#content.clients_category_content .inner_content {
  padding: 10px 6px;
}

.clients_content ul.portfolio_categories {
  position: absolute;
  top: 60px;
}

.clients_content ul.portfolio_categories li {
  display: block;
}

.clients_content ul.portfolio_categories li a {
  background: url('/images/icons/arrow_blue.png') no-repeat 10px center;
  color: #808080;
  padding-left: 30px;
}

.clients_content ul.portfolio_categories li a:hover,
.clients_content ul.portfolio_categories li.active a,
.clients_content .link_list a:hover {
  text-decoration: none;
}

.clients_content .link_list a,
.clients_content .link_list span {
  display: block;
  color: #808080;
  padding: 1px 4px;
}

.clients_content .link_list a:hover {
  background-color: #CCC;
}



/* Contact stylings */
.contact_content #page_header #header_image {
  margin-top: 13px;
}

.contact_content #page_header #twitter_follow {
  display: block;
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 118px;
  padding-top: 23px;
  height: 10px;
  background: url('/images/contact/twitter.png') no-repeat right top;
  font-size: 7px;
  color: #B3B3B3;
}

.contact_content .inner_content {
  padding-top: 20px;
}

.contact_content .contact_data {
  padding-left: 100px;
}

.contact_content .contact_data dl {
  margin-bottom: 35px;
}

.contact_content .contact_data dl dt,
.contact_content .contact_data dl dd {
  float: left;
}

.contact_content .contact_data dl dt {
  clear: both;
  width: 13px;
}

.contact_content .contact_data dl dd a {
  color: #B3B3B3;
}


/* news styling*/

#content.news_content .inner_content {
  padding: 0;
}

* html #content.news_content .news_content {
  height: 600px;
}

#content.news_content .news_list {
  max-height: 600px;
  overflow: auto;
}

.news_content .news_list li {
  border-bottom: 1px dashed #CCC;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 5px;
}

.news_content .news_list .date,
.news_content .news_list h2 {
  background: #00FFFF;
  padding: 2px 4px;
  color: #00B2A9;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.4;
}

.news_content .news_list h2 {
  margin-top: 2px;
  margin-bottom: 10px;
}

#content.news_content .news_list .news_text p {
  padding: 0;
  margin-bottom: 10px;
}

#content.news_content .news_list .news_text a {
  color: #00FFFF;
}

.news_content .years_list {
  padding: 8px 0 0 5px;
}

.news_content .years_list li {
  display: inline;
  margin-right: 12px;
}

.news_content .years_list li a {
  color: #B3B3B3;
}

/* news ende */



/* Sitemap */
.sitemap_level_1 {
  border-top: 1px dashed #999;
}

.sitemap_level_1 a {
  color: #B3B3B3;
  text-transform: uppercase;
}
.sitemap_level_1 li {
  border-bottom: 1px dashed #999;
  padding: 10px 0;
}

.sitemap_level_1 li .sitemap_level_2 {
  padding-left: 15px;
}

.sitemap_level_1 li .sitemap_level_2 li {
  border: none;
  padding: 0;
}

.sitemap_level_1 li .sitemap_level_2 li a {
  text-transform: none;
}
/* Sitemap ende */


/* imprint*/
.imprint_content dl {
  margin-bottom: 30px;
}

.imprint_content dl dt {
  color: #4D4D4D;
}

.imprint_content dl.labels_top dd {
  margin-bottom: 10px;
}

.imprint_content dl.labels_left dt {
  float: left;
  clear: both;
  width: 50px;
}


/* imprint ende*/


/* movie_wrapper */
#movie_wrapper {
  margin: 0 auto;
  width: 930px;
  position: relative;
}

#swf_container {
  position: absolute;
  left: -140px;
  
}

#no_flash_installed {
  color: #4D4D4D;
  width: 930px;
  padding-top: 160px;
  text-align: center;
}