/*—Copyright (c) 2007 wollzelle GmbH, (http://www.wollzelle.com). All Rights Reserved.*/

html { 
  background:#000; 
  overflow:hidden;
  height:100%;
}

body {
  background:#000;
  font-family: Arial, sans-serif;
  overflow:hidden;
  height:100%;
}

a { outline:none; }

strong { font-weight:bold;  }

/*--------------------------------------------*/
/* Container                                  */
/*--------------------------------------------*/

div#container {
  background:#fff;
  position:absolute;
  top:50%;
  left:50%;
  height:100px; /* Safari needs this to resize correctly the first time */
  width:732px;
  border:20px solid #181818;
  margin:-225px 0 0 -346px;
}

/*--------------------------------------------*/
/* Logo & Navigation                          */
/*--------------------------------------------*/

img#logo, div#navigation { 
  position:absolute; 
  top:50%;
}

img#logo { 
  left:50%; 
  cursor:pointer;
}

div#navigation { 
  width:420px;
  height:20px;
  right:50%;
  opacity: 0.999;
}

div#navigation ul li {
  float:left;
  margin:0 12px 0 0;
}

div#navigation ul li a {
  color:#c9c8c8;
  text-decoration:none;
  text-transform:uppercase;
  text-shadow:1px 1px 1px #000;
  font-size:11px;
}

div#navigation ul li a.active {
  color:#fff;
}

div#active_item_indicator {
  border-top:1px solid #717171;
  height:1px;
  width:100px;
  position:relative;
  top:13px; /* Firefox needs 16px*/
}

/*--------------------------------------------*/
/* Lightbox                                   */
/*--------------------------------------------*/

div#lightbox {
  height:100px; /* Safari needs this to resize correctly the first time */
  margin:20px 20px 0 20px;
}

div#caption {
  height:20px;
  line-height:20px;  
  background:#fff;
  position:relative;
  left:50%;
}

div#caption span {
  color:#888;
  font-size:9px;

  text-transform:uppercase;
}

canvas#canvas {
  position:absolute;
  top:20px;
  left:50%;
}

img.half {
  position:absolute;
  top:20px;
}

img.half.left { 
  left:20px;
}

img.half.right {
  right:20px;
}

div#curtain_white {
  background:#fff;
  position:absolute;
  z-index:1000;
  height:20px;
}

div#curtain_black {
  background:#000;
  position:absolute;
  z-index:10000;
  height:150px;
  width:100%;
}

div#permanent_legal_notice {
  position:absolute;
  top:5px;
  left:0;
  font-size:9px;
  text-transform:uppercase;
  text-align:center;
  left:50%;
  color:#717171;
  font-family:Arial, sans-serif;
}

img#lightbox_image_2 {
  position:absolute;
  left:20px;
  top:20px;
}

div#spinner {
  position:absolute;
  z-index:1300;
  left:50%;
  margin-left:-12px;
  height:27px;
  width:27px;
  overflow:hidden;
}

div#spinner img {
}

/*--------------------------------------------*/
/* Content Sections                           */
/*--------------------------------------------*/

div.section {
  position:absolute;
  left:50%;
  top:50%;
  background:#000;
}

div#section_clients ul {
  float:left;
  width:180px;
  position:relative;
  top:50%;
  margin-top:-140px;
}

div#section_clients ul.first {
  margin-left:20px;
}

div#section_clients ul li {
  color:#caccca;
  text-shadow:1px 1px 1px #000;
  text-transform:uppercase;
  font-size:10px;
  margin:0px 0 0 0;
  line-height:1.4;
}

div#section_contact p, h3 {
  font-size:11px;
  line-height:1.5;
  color:#caccca;
  margin:0 0 20px 0;
  text-shadow:1px 1px 1px #000;
  white-space:nowrap;
  text-transform:uppercase;
}

div.section p a {
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid #666;
  cursor:pointer;
}

div#content_contact, div#content_legal, div#content_impressum,
div.contact {
  position:absolute;
  top:-130px;
  margin-top:50%;
  overflow:hidden;
  width:230px;
}

div#content_legal {
  margin-left:0;
  width:350px;
  background:#000;
}

div#content_impressum {
  width:0;
  background:#000;
}

div#content_legal p, div#content_legal h3 {
  margin-left:20px;
  font-size:9px;
  line-height:1.7;
  background:#000;
}

div#section_contact p.first {
}

div.section p#copyright, div.section p#made_by_wollzelle {
  font-size:11px;
}

a#open_impressum_link {
  background:url(../images/open-arrow.gif) left center no-repeat;
  padding-left:11px;
  border:none;
}
a#open_impressum_link span {
  border-bottom:1px solid #717171;
}

p#made_by_wollzelle span {
  float:left;
}

a#wollzelle {
  float:left;
  display:block;
  width:63px;
  height:10px;
  text-indent:-9000px;
  margin:3px 0 0 10px;
  background:url(../images/wollzelle.gif) left top no-repeat;
  border:none;
}

div#section_about p {
  color:#caccca;
  position:absolute;
  top:500px;
  line-height:1.3;
  font-size:10px;
  text-transform:uppercase;
  z-index:1000;
  background:#000;
  text-shadow:1px 1px 1px #000;
  opacity:0.999;
}

p#bio_en, p#bio_de, p#language {
  text-align:center;
  margin-left:20px;
}

div#section_about p a {
  border:none;
  text-decoration:none;
}

div#section_about p a.active {
  border-bottom:1px solid #666;
}

div#section_about p a.active_ie {
  text-decoration:underline;
}

img#biography_photo {
  margin:0 0 0 20px;
}

div#error_message, div#hide_all {
  background:#000;
  position:absolute; 
  left:0; 
  top:0; 
  height:100%;
  width:100%; 
  z-index:11000;
  text-shadow:1px 1px 1px #000;
}

div#too_small {
  font-size:10px;
  color:#caccca;
  text-align:center;
  text-transform:uppercase;
  line-height:1.3;
  position:absolute;
  top:50%;
  width:100%;
  margin-top:-40px;
}

/*--------------------------------------------*/
/* Thumb Selector                             */
/*--------------------------------------------*/

div#thumbs {
  background:#181818;
  height:90px;
  padding:20px 0 0 0; 
  position:relative;
	overflow:hidden;
	visibility:visible;
}

div#thumbs ul.carousel-list { 
  float:left;
	position:relative;
	z-index:1; 
}

div#thumbs ul.carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
}

div#thumbs .clip-region { 
	overflow:hidden;
	margin:0px auto;
	position:relative; 
}

div#thumbs img {
  margin:0 5px 0 0;
  cursor:pointer;
}

div#thumbs_curtain {
  background:#000;
  z-index:9000;
  position:absolute;
  cursor:pointer;
}

div#arrow_left, div#arrow_right {
  width:13px;
  height:18px;
  position:absolute;
  top:50%;
  margin-top:-9px;
}

div#arrow_left {
  background:url(../images/arrow-left-big.gif);
  left:10px;
}

div#arrow_right {
  background:url(../images/arrow-right-big.gif);
  right:10px;
}

div#lightbox_spinner_wrapper {
  margin:-28px 0 0 -21px;
  position:absolute;
  left:50%;
  top:50%;
  width:37px;
  height:37px;
  background:url(../images/spinner-background37x37.png);
  z-index:5000;
}

div#lightbox_spinner {
  margin:6px 0 0 5px;
  width:27px;
  height:27px;
  overflow:hidden;
}

a#openInPopup { color:#fff;}

/*--------------------------------------------*/
/* Debug                                      */
/*--------------------------------------------*/

.float-left   { float:left; }
.float-right  { float:right; }