@charset "utf-8";
/** 
 * @style         Master Style Sheet
 * @media         screen,projection
 * @version       1.0
 * @since         August 23, 2008
 * @change        
 * @client        Homemade Cookies
 * @site          http://www.homemadecookies.de/
 * @author        Bjoern Kropp
 */

/**
 * @section     Reset
 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, blockquote, fieldset, input, textarea {
  margin: 0;
  padding: 0
}
a, ins {
  text-decoration: none
}
fieldset, img {
  border: 0
}
address, cite, em, strong {
  font-style: normal;
  font-weight: normal
}
ol, ul {
  list-style: none
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal
}
blockquote:before, blockquote:after, q:before, q:after {
  content: ""
}
blockquote, q {
  quotes: "" ""
}
abbr, acronym {
  border: 0
}
hr {
  display: none
}
/**
 * @section     Typography
 */

body, input, select, textarea { 
  font-family: verdana, 'helvetica neue', arial, sans-serif
}
body { 
  font-size: 11px; 
  line-height: 18px
}
h1 { 
  font-size: 28px; 
  line-height: 36px
}
h4, dt, label, .image p, input[type="submit"], .image dd { 
  font-size: 10px; 
  /*line-height: 18px;*/
}
input, textarea { 
  font-size: 11px
}
#video .button, .fallback .button { 
  font-size: 14px
}
#content h1 { 
  margin: 0
}
#content h2 { 
  margin: 0 0 54px 0
}
#content h3 { 
  margin: 0 0 9px 0
}
#content h4 { 
  margin: 0
}
#content div { 
  margin: 0 0 36px 0
}
#content ul, #content ol, #content dl, #content p { 
  margin-bottom: 18px
}
h3, #branding h2, #navigation li strong, #motion .motion, #graphic .graphic, #journal .journal, #about .about, #contact .contact,
.breadcrumbs li, .breadcrumbs li strong, .breadcrumbs li a, #video .button, .fallback .button { 
  font-weight: bold
}
.image p, h4, dt, label, input[type="submit"], dl.image dd { 
  text-transform: uppercase
}
#content a { 
  text-decoration: underline
}
#content h3 a, #content .breadcrumbs a, #content .pagination a, #content .pager a { 
  text-decoration: none
}
/**
 * @section     Offset
 */

#accessibility, p#branding-slogan, #navigation h3, dl.breadcrumbs dt, dl.breadcrumbs dd ol li.home, #credits h3, #description h3, #screens h3,
#contact form h3, .comments label, p.entry-date {
  left: -9999px;
  position: absolute
}
legend {
  display: none
}

/**
 * @section     Layout
 */

body { 
  text-align: center;
}
.document { 
  border-bottom: 3px solid black;
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 840px;
  z-index: 1
}
#branding { 
  /*border-top: 2px solid black;
  border-bottom: 1px solid black;*/
  border: 1px solid black;
  border-width: 2px 0 1px 0 !important;
  height: 123px
}
#branding h2 { 
  left: 12px;
  overflow: hidden;
  position: absolute; 
  /*text-indent: -99999px;*/
  top: 9px; 
  z-index: 2
}
#branding h2 a {
  /*background-image: url(/asset/hmc-branding.gif); 
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  height: 108px;
  width: 195px;*/
}
#branding img, 
#branding #branding-logo-flash { 
  border: 0 none !important  
}

#navigation { 
  border-bottom: 1px solid black;
  padding: 9px 12px 8px 12px;
  width: 195px
}
#content { 
  margin: 18px 0 108px 276px;
  padding: 9px 12px 0 12px;
  width: 540px
}
.breadcrumbs { 
  border-bottom: 1px solid black;
  left: 276px;
  padding: 9px 12px 8px 12px;
  position: absolute;
  top: 126px;
  width: 540px;
  z-index: 4
}
/* height: ie6 fix */
#content .breadcrumbs ol { height: 90px; margin: 0; }
/*
.breadcrumbs dd ol { 
  height: 90px; 
  margin: 0; 
}
*/
.breadcrumbs dd ol li { 
  float: left; 
  width: 264px
}
.breadcrumbs dd ol li.project { 
  float: right; 
  width: 264px
}
#motion .breadcrumbs dd ol li { 
  margin: 0 0 72px 0
}
#graphic .breadcrumbs dd ol li { 
  margin: 18px 0 54px 0
}
#journal .breadcrumbs dd ol li { 
  margin: 36px 0 36px 0
}
#about .breadcrumbs dd ol li { 
  margin: 54px 0 18px 0
}
#contact .breadcrumbs dd ol li { 
  margin: 72px 0 0px 0
}
#siteinfo { 
  overflow: hidden;
  height: 1%
}
.site-copyright { 
  border-top: 1px solid black;
  float: right;
  padding: 7px 12px;
  width: 540px
}
.site-top { 
  border-top: 1px solid black;
  float: left;
  padding: 7px 12px;
  width: 195px
}

/**
 * @section     Globals
 */

img, a img, object { 
  border: 2px solid black;
  display: block
}
img.type-a { 
  margin: 0
}
img.type-b { 
  float: left; 
  margin: 0 12px 0 0
}
img.type-c { 
  margin: 0 0 9px 0
}
img.type-d { 
  float: left; 
  margin: 0 12px 9px 0
}
#spotlight, .spotlight { 
  margin: 0 0 26px 0
}
#spotlight a.image, .spotlight a.image { 
  display: block;
  margin: 0 0 9px 0
}
#spotlight h3, #spotlight p, .spotlight h3, .spotlight p { 
  display: inline
}
#spotlight p.deepth-link, .spotlight p.deepth-link { 
  display: block; 
  margin: 9px 0 0 0
}
#overview { 
  border-top: 1px solid black; 
  padding: 26px 0 0 0;
}
#overview div { 
  border-bottom: 1px solid black; 
  margin: 0 0 26px 0; 
  padding: 0 0 27px 0; 
  overflow: auto; 
  width: 540px
}
#overview .image { 
  clear: left;
  display: inline;
  float: left; 
  height: 90px; 
  margin: 0 12px 0 0; 
  width: 207px
}
#overview .image img { 
  height: 86px;
  width: 203px
}
#overview h3 { 
  float: left; 
  margin: 0 0 18px 0; 
  width: 304px
}
#overview dl { 
  float: left; 
  height: 54px; 
  margin: 0; 
  overflow: hidden; 
  width: 304px
}
#overview dl dt { 
  clear: left; 
  float: left; 
  margin: 0 12px 0 0; 
  width: 57px
}
#overview dl dd { 
  float: left; 
  width: 235px
}
.pagination { 
  clear: both; 
  margin: -18px 0 0 0; 
  width: 540px
}
#journal .pagination {
  border-top: 1px solid black; 
  margin: 0;
  padding: 8px 0 0 0; 
  width: 264px
}
#video, .fallback { 
  border: 2px solid black; 
  height: 320px; 
  margin: 0 0 54px 0; 
  text-align: center; 
  width: 536px
}
#video object {
  border: 0 none;
}
#video .button, .fallback .button { 
  cursor: pointer; 
  padding: 5px 9px; 
  position: relative; 
  top: 50%; 
  z-index: 53;
  
  filter: alpha(opacity=80);  /* CSS3 */ 
  opacity: 0.8; /* CSS3 */ 
  /*zoom: 100%;*/ /* CSS3 */ 

}
.fallback .button { 
  cursor: default
}
#media p {
  margin-top: 9px;
  width: 471px;
}
#content #credits { 
  margin: 0 0 18px 0; 
  width: 471px
}
#credits dl { 
  overflow: hidden; 
}
#credits dt { 
  clear: left; 
  float: left; 
  margin: 0 12px 0 0; 
  width: 57px
}
#credits dd { 
  float: left; 
  width: 402px
}
#description { 
  margin: 0 0 36px 0;
  width: 471px
}
#content #screens { 
  margin: 0 0 18px 0; 
  overflow: hidden; 
  width: 540px
}
#similar, #related {
  overflow: hidden; 
  width: 471px
}
#content #similar { 
  margin: 0 0 18px 0
}
#similar h4, #related h4 { 
  clear: left; 
  float: left; 
  margin: 0 12px 0 0; 
  width: 126px
}
#similar ul, #related ul { 
  float: left; 
  margin: 0; 
  width: 333px
}
#similar p, #related p { 
  margin: 0
}
#related { 
  overflow: hidden; 
  width: 471px
}
#related h4 { 
  clear: left; 
  float: left; 
  margin: 0 12px 0 0; 
  width: 126px
}
.pager { 
  position: relative; 
  top: 18px; 
  z-index: 44
}
.pager dt { 
  border-top: 1px solid black; 
  padding: 8px 0 0 0; 
  width: 264px
}
.pager dd { 
  width: 264px
}
.pager dt.prev {}
.pager dd.prev {}
.pager dt.next { 
  position: absolute; 
  left: 276px; 
  top: 0; 
  z-index: 45
}
.pager dd.next { 
  position: absolute; 
  left: 276px; 
  top: 27px; 
  z-index: 46
}
form { 
  height: 198px; 
  margin: 0 0 36px 0; 
  overflow: hidden
}
fieldset { 
  width: 264px
}
#content fieldset p { 
  margin: 0
}
fieldset.details { 
  float: left; 
  margin: 0 12px 0 0
}
fieldset.comments { 
  float: left
}
#content fieldset.details p { 
  height: 54px; 
  position: relative; 
  z-index: 34
}
fieldset.details label { 
  position: absolute; 
  top: 18px
}
fieldset.comments { 
  height: 124px
}
fieldset.comments textarea { 
  border: 1px solid black; 
  height: 124px; 
  width: 262px
}
fieldset input { 
  border: 1px solid black; 
  height: 16px; 
  position: relative; 
  top: -1px; 
  width: 262px; 
  z-index: 35
}
#contact .button { 
  margin: 0
}
#contact .button input { 
  background: none; 
  border: 0 none; 
  margin: 0 0 0 276px; 
  position: relative; 
  top: -36px; 
  z-index: 36
}
.vcard { 
  overflow: hidden; 
  width: 264px
}
#office-london { 
  float: left
}
#office-hamburg { 
  float: right
}
.vcard dl { 
  margin: 0; 
  width: 264px
}
.vcard dt { 
  width: 57px; 
  float: left
}
.vcard dt.address { 
  height: 36px
}
.vcard dd { 
  float: right; 
  width: 195px
}
#imprint { 
  clear: both; 
  margin: 0 0 36px 0; 
  width: 471px
}
#imprint dd { 
  margin: 0 0 9px 0
}
#development { 
  width: 471px
}
.hentry {}
.hentry.post {}
.hentry.note {}
.note .entry-title { 
  display: inline; 
}
.entry-date {
  /*left: 12px; 
  position: absolute;
  text-align: right;
  width: 195px; 
  z-index: 19*/
}
.note .entry-content, .note .entry-content p {
  display: inline
}
.entry-summary {}
#about #photo { 
  margin: 0 0 18px 0; 
  text-align: right
}
#about #photo dd { 
  display: inline; 
  padding: 0 2px 0 0
}
#about #content div { 
  width: 471px
}
/**
 * @section     Colors
 *
 *
 *
 * HIER FARBEN EDITIEREN!
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 */

body { 
  /*hmc_theme_background_color*/
  background-color: #000000;
  /*hmc_theme_font_color*/
  color: #EAEAEA;
}
.document, #branding, #navigation, .breadcrumbs, .site-copyright, .site-top {
  /*hmc_theme_seperate_dark*/
  border-color: #006972
;
}
#branding-logo-flash { border: 0; }
#overview, #overview div, #journal .pagination, .pager dt {
  /*hmc_theme_seperate_light*/
  border-color: #3db0a2;
}
img, a img, object, #video, .fallback {
  /*hmc_theme_image_border*/
  border-color: #006972;
}
a:link { 
  /*hmc_theme_link_default*/
  color: #006972;
}
a:visited { 
  /*hmc_theme_link_visited*/
  color: #006972;
}
a:hover { 
  /*hmc_theme_link_hover*/
  color: #29ffe3;
}
a:active { 
  /*hmc_theme_link_active*/
  color: #EAEAEA;
}
#navigation a:link { 
  /*hmc_theme_navigation_default*/
  color: #006972;
}
#navigation a:visited { 
  /*hmc_theme_navigation_visited*/
  color: #006972;
}
#navigation a:hover { 
  /*hmc_theme_navigation_hover*/
  color: #29ffe3;
}
#navigation a:active, #navigation li strong, #motion li.motion a, #graphic li.graphic a, #journal li.journal a, #about li.about a, #contact li.contact a, .breadcrumbs li, .breadcrumbs li a { 
  /*hmc_theme_navigation_active*/
  color: #EAEAEA;
}
#siteinfo a:link {
  /*hmc_theme_siteinfo_default*/
  color: #ffffff;
}
#siteinfo a:visited {
  /*hmc_theme_siteinfo_visited*/
  color: #ffffff;
}
#siteinfo a:hover {
  /*hmc_theme_siteinfo_hover*/
  color: #3db0a2;
}
#siteinfo a:active {
  /*hmc_theme_siteinfo_active*/
  color: #ffffff;
}
a:link img { 
  /*hmc_theme_image_default*/
  border-color: #006972;
}
a:visited img { 
  /*hmc_theme_image_visited*/
  border-color: #006972;
}
a:hover img { 
  /*hmc_theme_image_hover*/
  border-color: #3db0a2;
}
a:active img { 
  /*hmc_theme_image_active*/
  color: #EAEAEA;
}
#contact-submit {
  /*hmc_theme_font_color*/
  color: #EAEAEA;
}

#video .button, .fallback .button {
  background-color: #000;
}