/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   BASIC ELEMENTS
   
   Colors
   Red                                         : #cc0000
   dark grey                                   : #999999
   Background / mid-grey                       : #dcdcdc
   light grey                                  : #ebebeb
   text                                        : #0f0f0f

*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   GLOBAL RESET : 
   Forces every browser to display HTML elements with the same margins, paddings etc.
   see: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { position: relative; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; margin: 0; padding: 0; outline: 0; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "»" "«"; }
html { font-size:100.01%; }
body { font-size:1em; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   CLEARFIX HACK:
   fixes mistakes in displaying floating containers
   see: http://positioniseverything.net/easyclearing.html
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   INVISIBLE-CLASS
   will hide elements from the screen but will be recognized in screen reader applications
*/
.invisible { position: absolute; left: -1000em; width: 20em; }

a {
  text-decoration: none;
  color: #dcdcdc;
}
a:hover {
  color: #cc0000;
}
strong {
  color: #cc0000;
}
em {
  font-style: italic;
  
}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   MAIN ELEMENTS */

body {
  position: absolute;
  width: 100%;

  background: #dcdcdc;
  font-family: Arial, Helvetica, sans-serif;
  color: #0f0f0f;

  font-size: 0.625em;
  line-height: 1.6em;
  
  text-align: center;
}
*html body {
  height: 100%;
}
html {
  height           : 100%;

}
#page_content {
  display: block;
  margin: 20px auto;
  padding: 3em 0 1em 9em;
  width: 75em;
  text-align: left;   
}

#content {
  display: block;
  background: #ffffff;
  width: 70em; min-height: 49em;
  padding: 0 2.5em 0 2.5em;
  border-top: 2.5em solid #ffffff;
  border-bottom: 2.5em solid #ffffff;
}
html* #content {
/* MSIE 6, 7 */
}
*html #content {
/* MSIE 6 */
  height: 50em;
}

#releases #content {
  width: 71em;
  padding: 0 1.5em 0 2.5em;
}


#content p {
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 0 0 1em 0;
}
#studio #content p {
  line-height: 1.2em;
}
#releases #content #right_row p {
  margin: 0 0 0 0;
}

#content p a {
  color: #cc0000;
}
#content p a:hover {
  text-decoration: underline;
}


#content #left_row {
  position: relative;
  display: block;
  width: 27em;
  float: left;
  margin: 0 3em 0 0;
  overflow: hidden;
}
#studio #content #left_row {
  width: 42em;
  margin: 0 2.5em 0 0;
}
#studio #content #left_row a {
  position: relative;
  float: left;
  padding: 0;
}
#studio #content #left_row a#small_image01 { margin: 0 4px 4px 0; }
* html #studio #content #left_row a#small_image01 { margin: 0 1px 0 0;}
#studio #content #left_row a#small_image02 { margin: 0 0 4px 0; }
#studio #content #left_row a#small_image03 { margin: 0 4px 0 0; }
* html #studio #content #left_row a#small_image03 { margin: 0 1px 0 0; top: 4px; }
#studio #content #left_row a#small_image04 { margin: 0 0 0 0; }
* html #studio #content #left_row a#small_image04 { top: 4px; }

html* #content #left_row img {
  margin: 0; padding: 0;
}
*+html #studio #content #left_row {
  width: 42.5em;
  margin: 0 2.5em 0 0;
}

* html #studio #content #left_row {
  width: 43em;
  margin: 0 2em 0 0;
}
* html #studio #content #left_row a {
  display: inline;
  float: none;
  margin: 0 -3px 0 0; padding: 0;
  line-height: 0.5em;
  width: 210px; height: 250px;
}
* html #studio #content #left_row img {
  margin: 0 0 -3px 0;
}

#releases #content #left_row,
#releases #content #right_row,
#homepage #content #left_row,
#homepage #content #right_row {
  width: 100%;
  float: none;
}
#releases #content #left_row img {
  margin: 0 0.5em 0.5em 0;
}

#homepage #content #left_row {
  text-align: center;
  padding: 8em 0 2em 0;
}
#homepage #content #left_row a {
  padding: 0.5em 1em;
  font-size: 1.5em;
  font-weight: bold;
  color: #0f0f0f;
  margin: 0;
}
#homepage #content p {
  margin: 5em 0 0 0;
  text-align: center;
}
#homepage #content #left_row a.current {
  color: #cc0000;
}

#content #right_row {
  display: block;
  width: 37.5em;
  float: left;
  margin: 0 0 0 0;
}
#studio #content #right_row {
  width: 25em;
}

#releases #content #right_row a {
  color: #0f0f0f;
  font-weight: bold;
  margin: 0 0.5em 0 0;
}
#releases #content #right_row a:hover,
#releases #content #right_row a.current {
  color: #cc0000;
}
* html #releases #content {

  overflow: hidden;
}

#impressum #content #right_row p {
  font-size: 1em;
}

#studio #content #left_row a.big_image {
  position: absolute;
  display: block;
  top: 0; left: 0;
}
html+* #studio #content #left_row a.big_image {
  top: -500px;
  margin: 0 0 -500px 0;
}
* html #studio #content #left_row a.big_image {

}
* html #studio #content {
  height: 52em;
  overflow: hidden;
}



#main_menu {
  position: absolute;
  display: block;
  top: 3em; left: 0;
  width: 9em; height: auto;
  font-weight: bold;
  text-transform: uppercase;
}
#main_menu ul li {
  display: block;
  text-align: right;
  font-size: 1.2em;
  line-height: 1.45em;
  height: 1.45em;
  overflow: hidden;
  margin: 0 0 0 0;
}
#main_menu ul li a {
  background: #ebebeb;
  color: #999999;
  display: inline;
  line-height: 1.5em;
  padding: 0.25em 0.5em 0.25em 0.5em;
}
*+html #main_menu ul li a {  line-height: 1.4em; }
* html #main_menu ul li a {  line-height: 1.4em; }
#main_menu ul li a:hover {
  background: #cccccc;
}
#main_menu ul li.current a {
  background: #ffffff;
  color: #cc0000;
}



#footer {
  display: block;
  position: absolute;
  bottom: -1.5em; left: 9em;
  width: 76em; height: 2em;
  z-index: 90;
}
#contactlink,
#imprintlink {
  display: block;
  position: absolute;
  top: 0; left: 0;
  color: #999999;
  font-size: 1em;
}
#imprintlink {
  top: 0; right: 1em; left: auto;
  text-align: right;
}
#contactlink:hover,
#contactlink.current,
#imprintlink:hover,
#imprintlink.current,
#language a:hover,
.english #language #lang_english,
.deutsch #language #lang_deutsch {
  color: #cc0000;
}



#language {
  display: block;
  position: absolute;
  top: 1em; right: 0;
  width: 30em; height: 1.5em;
  text-align: right;
}
#language a {
  font-size: 1em;
  color: #999999;
  margin: 0 0 0 0.5em;
}

#logo {
  display: block;
  position: absolute;
  top: 2.5em; left: 11.5em;
  margin: -25px 0 0 0;
  width: 93px; height: 16px;
}

#image_language {
  display: block;
  width: 250px; height: 250px;
  margin: 0 auto;
  background-image: url(../images/language_switch.gif);
  background-position: 0 0;
}

#image_language a {
  display: block;
  width: 125px; height: 125px;
  float: left;
}
#image_language a span {
  display: none;
}

.scrollbar-vert {
  display: block;
  position: absolute;
  top: 3em; right: -20px;
  margin: 0 0 0 0;
  background-color: #ffffff;
  height: 538px;
  overflow: hidden;
  border: 1px solid #ffffff;
  
  width: 10px;
  float:left;
}
.handle-vert {
  display: block;
  height: 100px;
  width: 12px;
  margin: -2px;
  background: #999999;
}


/* ###################################### */
#releasebox {
  position: absolute;
  display: none;
  left: 50%;
  margin-left: -225px;
  padding: 10px 15px 20px 20px;
  background: #ffffff;
  width: 515px; height: 250px;
  text-align: left;
  z-index: 97;
  overflow: hidden;
}
#releasebox .image {
  width: 240px; height: 220px;
  float: left;
  margin: 0 10px 0 0;
}
#releasebox .text {
  width: 265px;
  float: left;
}
#releasebox .text h3 {
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
  color: #cc0000;
  padding: 0 0 0 55px;
}
#releasebox .text h4 {
  font-size: 1.4em;
  padding: 0 0 0 55px;
  margin: 0 0 1em 0;
}
#releasebox .text .label {
  display: block;
  float: left;
  width: 45px;
  margin: 0 10px 0 0;
  text-align: right;
  font-size: 1.2em;
  color: #999999;
}
#releasebox .text .info {
  display: block;
  float: left;
  width: 210px;
  font-size: 1.2em;
}
#releasebox .pagination {
  display: block;
  height: 15px;
  margin: 0 0 15px 0;
}
#releasebox .pagination a {
  display: block;
  width: 15px; height: 15px;
  float: left;
}
#releasebox .pagination a span {
  display: none;
}
#releasebox .pagination a.prev {
  background: url(../images/releases_prev.gif) no-repeat top left;
}
#releasebox .pagination a.next {
  background: url(../images/releases_next.gif) no-repeat top right;
}
#releasebox .pagination a.close {
  float: right;
  background: url(../images/releases_close.gif) no-repeat top right;
}

#releasebox .fader {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: #ffffff;
  z-index: 99;
  display: none;
}

#darkcover {
  display: none;
  position: absolute;
  top: 0; left: 0;
  background: #000000;
  width: 100%; height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	opacity: 0;
	z-index: 96; 
}