/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   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 */
   
.invisible, #main_menu, #footer, #language  {
  display: none;
}

body {
  width:670px; height: auto;

  font-family: Arial, Helvetica, sans-serif;
  color: #333333;

  font-size: 0.625em;
  line-height: 1.6em;
  
  text-align: center;
}

#page_content {
  display: block;
  margin: 50px auto;
  width: 670px;
  text-align: left;  
}

#content {
  display: block;
  background: #ffffff;
  width: 670px;
}
#content p {
  font-size: 1.2em;
  line-height: 1.25em;
  margin: 0 0 1em 0;
}
#studio #content p {
  line-height: 1.225em;
}
#releases #content .right_row p {
  margin: 1em 0 0 0;
}

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


#content .left_row {
  position: relative;
  display: block;
  width: 270px;
  float: left;
  margin: 0 10px 0 0;
  overflow: hidden;
}
#studio #content .left_row {
  width: 420px;
  margin: 0 10px 0 0;
}
#studio #content .left_row a {
  position: relative;
  float: left;
}

#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 5px 5px 0;
}

#homepage #content  {
  display: none;
}

#content .right_row {
  display: block;
  width: 390px;
  float: left;
  margin: 0 0 0 0;
}
#studio #content .right_row {
  width: 240px;
}

#releases #content .right_row a {
  color: #0f0f0f;
  font-weight: bold;
  margin: 0 5px 0 0;
}
#releases #content .right_row a:hover,
#releases #content .right_row a.current {
  color: #cc0000;
}

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

#studio #content .left_row a.big_image {
  position: absolute;
  display: block;
  top: 0; left: 0;
}


#logo {
  display: block;
  position: absolute;
  top: -30px; left: 0;
}