@charset "UTF-8";
/**
 * Calling Card by Bytestoppers.de 2009
 *
 *
 * @copyright       Copyright 2009, Bytestoppers 
 * @link            http://www.bytestoppers.de
 * @version         CC 1.0
 *
 *
 */
 * { margin: 0; padding: 0; }
 html { height: 100%; margin-bottom: 1px; }
 body { background: url(/images/page_bg.png) repeat-x #858585; padding:0; height:100%; }
 body { text-align: left; }
 body { font-family:  Arial, Helvetica, sans-serif; font-size: 75.00%; color:#666;}

ul { list-style-type:none;}
p { margin:0; padding:0; text-align:left;}
.left { float:left;}
.right { float:right;}
.mr10 { margin-right:10px;}
img { border:0px;}
 
 /*--- Headings ---*/
  h1,h2,h3,h4,h5,h6 {
    font-family:"Arial", Times, serif;
    font-weight:normal;
    color:#39312d;
    margin: 0 0 5px 0;
  }

  h1 { font-size: 140%; }
  h1.grey { padding:5px; margin:0 10px 5px 0; background:url(/images/h1_grey.png);}
  h1.black { padding:5px; margin:0 10px 5px 0; background:url(/images/h1_black.png);}
  h2 { font-size: 120%; }     
  h2.grey { padding:5px; margin:0 10px 5px 0; background:url(/images/h1_grey.png); text-transform:uppercase;}
  h2.black { padding:5px; margin:0 10px 5px 0; background:url(/images/h1_black.png); color:#CCC;}
  h2.block { padding:5px; margin:0 0 5px 0; background:url(/images/h1_black.png); color:#CCC;}
  h2.newsHead { font-size:120%; color:#333; margin:5px 0 0 0; background:none; padding:0px;}
  h3 { font-size: 100%; }
  

/* zum Clearen der Float-Umgebungen */
 .clearfix:after {content: ".";display: block;font-size:0;height: 0;clear: both;visibility: hidden;}
 .clearfix { display: block; }
 .floatbox { overflow:hidden; }
 #ie_clearing { display: none; }
 .clear { clear:both;}
 /* zum Clearen der Float-Umgebungen END */

/*--- Links ---- */
  a img { border:0px;}
  a { color: #000; background:transparent; text-decoration:none; }

  a:focus,
  a:hover,
  a:active { color:#333; text-decoration:underline; }
 /*--- Links END ---- */


#pageWrapper { text-align:left; margin:0 auto ; width: 990px; position: relative; padding-top:120px; height:100%;}
#pageContent { width:970px; padding:0 10px; margin: 0 auto; position:relative; background:url(/images/content_bg.png) repeat-y; float:left;}
#logo { position:absolute; top:10px; left:0;}
#logoBottom { float:left;}
#banner468 { position:absolute; top:40px; right:10px; width:468px; height:60px;}
#naviTop { position:absolute; width:400px; height:20px; top:5px; right:10px; text-align:right;}
#naviTop a { padding:0 10px;}
#navi { width:970px; height:50px; background:url(/images/navi_bg.png) no-repeat; padding:0 10px 10px 10px;}
#header { padding:0 10px; float:left;}
#footer {  width:970px; height:40px; background:url(../images/footer_bg.png) no-repeat; padding:10px 10px 0 10px;}
#flashgallery { float:left; padding:10px; margin-right:10px; width:610px; height:290px; background: url(/images/flashgallery_bg.png);}
#flashcover { float:left; padding:10px; width:290px; height:290px; background: url(/images/cover_flash_bg.png);}
#content { float:left; width:960px; padding:0 0 0 10px; margin:0 0 0 0; height:100%;}
#main { float:left; width:640px; padding:0 0 10px 0;}
#main h1 { background:#ccc; padding:5px; display:block; width:620px; text-transform:uppercase; background:url(/images/h1_grey.png);}
#sidebar { float:left; width:310px;}
#sidebar h1 { background:url(/images/h1_black.png); color:#CCC; padding:5px; text-transform:uppercase;}
#banner { padding:10px 0 0 10px;}
#banner728 { width:728px; margin-right:10px; float:left;}
.newProduction { width:150px; height:180px; float:left; background: url(/images/cover_bg.png) no-repeat; margin:0 10px 0 0;}
.coverProduction { width:108px; height:108px; padding:1px}
.titleProduction { padding:2px; width:106px; overflow:hidden; text-align:center; margin:5px 0 0 0;}
.titleProduction p {text-align:center; font-size:90%;}
.production { float:left; width:320px;}
.compilation h2,
.production h2 { background:url(/images/h1_black.png); color:#CCC; padding:5px; display:block; width:300px; text-transform:uppercase;}
.compilation { float:left; width:320px;}
.cover { width:70px; height:100px; margin-right:10px; float:left; overflow:hidden;}
.cover p { font-size:80%; text-align:center;}
.news { margin:0 0 5px 0; border-bottom:dashed 1px #666; padding:0 0 5px 0; width:310px;}
.news p { text-align:justify;}
.newsImg { width:306px; height:100px; padding:2px; background:#ccc;}
.teamPic { width:191px; height:191px; padding:6px; background:#ccc; margin:0 0 10px 0;}
.quicklinks { width:200px; margin:0 10px 10px 0; float:left; padding:5px 5px 5px 25px; height:10px; line-height:10px; border-bottom:1px solid #CCC; background:url(/images/icon/li_black.png) no-repeat;}
#newsline { height:24px; line-height:24px; padding:0 10px; background:#000; margin:5px 10px;}
/*--- Form ---- */
ul.formBlock { margin-right:5px;}
#form li { margin:10px 0 0 0}
#form li label { float:left; width:80px; height:25px; line-height:25px; font-size:120%;}
#form li input { width:220px; height:20px; background-color:#000; border:0; padding:5px 10px 0 10px; font-size:120%; color:#FFF;}
#form li input:focus,
#form li input:active,
#form li input:hover { width:220px; height:20px; background-color:#000; border:0;}
#form li textarea#text { width:220px; height:60px; background-color:#000; border:0; padding:10px; color:#fff;}
#form li input#form_submit { width:240px; margin-left:80px; height:31px; background-color:#000; border:2px solid #ccc; color:#FFF; cursor:pointer; padding:0;}
#form li input#form_submit:hover { background-color:#333; border:2px solid #ccc; color:#FFF;}

/*--- Playlist ---- */
.jw_playlist_playlist { width:100%; height:250px; overflow-x:hidden; overflow-y:auto;}
.jw_playlist_image { width: 75px; height: auto;}
.jw_playlist_image_div { margin: 0 5px; float:left; }
.jw_playlist_item { padding:10px 10px; cursor:pointer; background:#dfeffe; margin:5px 0 0 0; border:1px solid #FFF; }
.jw_playlist_title { font-weight: bold;}
.jw_playlist_description {}