/*-- reset css --*/

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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/*-- end eric meyer reset css --*/

/* Cascading Style Sheet für PLAYLIST  */

html, body
{
  margin:0;
  padding:0;
  overflow:hidden;
  background:#B5BCCE url(../images/bg.jpg) repeat-x;
  color:#000000;
  overflow:auto;
}

/* Container Inhalt */

#main
{
  position: relative;
  margin-left:0px;
  padding-top:395px;
  padding-bottom:25px;
  padding-left:50px;
  padding-right:125px;
  width:400px;
  height:100%;
  background:#fff url(../images/teaser.jpg) no-repeat;

}

#side
{
  position: absolute;
  left:100px;
  top:0px;
  width:825px;
  background:#ffffff url(../images/corner_bg.jpg) repeat-y;
  background-position:575px 0px;
}

#corner
{
  position: absolute;
  left:575px;
  top:0px;
  height:700px;
  width:250px;
  background:#ffffff url(../images/corner.jpg) no-repeat;
}

#slide_holder {
margin: -10px auto 0 auto;
}

#download
{
  padding-left:23px;
  background:url(../images/arrow_fat_down.gif) no-repeat;
  background-position:6px 2px;
  margin-top:9px;
  margin-bottom:-4px;
  padding-left:21px;
  color:#999;
}

#download a
{
  font-weight:bold;
}

.content
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:17px;
  color:#000000;
    text-align:left;
	margin:0px;
  width:400px;
}

.content strong
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:17px;
  color:#000000;
  font-weight:normal;
}

.content a 
{
   color:#40C0F1; 
   text-decoration: none;
/*      border-bottom: dashed 1px #40C0F1; */
/*   background:#FFFFFF;    */
}

.content a:hover
{
   color:#40C0F1; 
/*      border-bottom: dashed 1px #40C0F1;   */
/*   text-decoration: underline;  */
      text-decoration: underline;
/*  background:#B5BCCE;   */
}

.content img
{
border: solid 0px #ffffff; padding: 0px; background: #fff;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

.headline
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:20px;
  line-height:18px;
  color:#000000;
  font-weight:bold;
  margin:0px;
  width:411px;
/*  text-transform:uppercase;  */
/*  letter-spacing:2px;  */
}

.teaser
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:17px;
  color:#333333;
  font-weight:bold;
  margin:0px;
  width:400px;
}

.teaser a 
{
   color:#40C0F1; 
   text-decoration: none;
/*   background:#FFFFFF;    */
}

.teaser a:hover
{
   color:#40C0F1; 
   text-decoration: underline;
/*   background:#EDF2E9;   */
}

.teaser img
{
border: solid 0px #ffffff; padding: 0px; background: #fff;
margin-left:-10px;
margin-right:-10px;
margin-top:-10px;
margin-bottom:-10px;
}


#grouped_elements-title {
    text-align: left;
    color:#888888;

}

#grouped_elements-title b {
    display: block;
    color:#000000;
    margin-right: 80px;
}

#grouped_elements-title span {
    float: right;
}


#gallery {width:100%; overflow:hidden;}
#gallery a {position:relative; float:left; margin:0px;}
#gallery a span { display:none; background-image:url(../images/plus.gif); background-repeat:no-repeat; width:10px; height:10px; position:absolute; right:4px; top:4px; opacity:0.8; filter:alpha(opacity=80);}
#gallery img { border: solid 0px #999; padding:0px;}
#gallery a:hover span { display:block;}

.footer
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:16px;
  color:#BBBBBB;
    text-align:left;
	margin:0px;
  width:400px;
	}
	
.footer a 
{
   color:#40C0F1; 
   text-decoration: none;
/*      border-bottom: dashed 1px #40C0F1; */
/*   background:#FFFFFF;    */
}

.footer a:hover
{
   color:#40C0F1; 
/*      border-bottom: dashed 1px #40C0F1;   */
/*   text-decoration: underline;  */
      text-decoration: underline;
/*  background:#B5BCCE;   */
}