@charset "UTF-8";
/**
 *
 *  Project  : Sportswear
 *  Author   : Petra von Rhein
 *  Stand    : 2010-02-20
 *
 */
@media all
{


 /*------------------------------------------------------------------------------------------------------*/
 /**
  * @section browser reset
  */
  /* globale Abstaende aller HTML-Elemente */
  * { margin:0; padding: 0 }
  /* Korrektur fuer Selectboxen in Forms */
  option { padding-left: 0.4em }
 /**
  * Fixing Italics Bugs IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes

  * html body * { overflow:visible;  }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }
  * /
  /* vertikacal scrollbars Netscape, Firefox, Safari  */
  html { height: 100%; margin-bottom: 1px; }
  body {
    /* Fix for rounding errors font size - scaling old Opera  */
    font-size: 100.01%;
    font-family: Arial, Helvetica, sans-serif;
    /* standard values  */
    color: #000;
    background: #fff url(/gif/layout/swiBg.gif) repeat-x;

    text-align: left;
  }
  /* clear borders <fieldset> <img> */
  fieldset, img { border: 0 solid; }
  /* new standard values for lists, blockquote, cite   ANPASSEN   */
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }
  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }
  blockquote { margin: 0 0 1em 1.5em; }
 /*------------------------------------------------------------------------------------------------------*/
 /**
  * @section base layout | Basis Layout
  *
  * |-------------------------------|
  * | #bannerHead                   |
  * |-------------------------------|
  * | #mainSportswear               |  #bannerRight  |
  * | #content01 |  #content02      |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #bannerHead {
    width: 858px;
    height:96px;
    background: #fff;
    border-bottom: 1px solid #BCBBB7;
    }


/*------------------------------------------------------------------------------------------------------*/
  #main {
    width: 1001px;
    }
  .bgwhite {
    background:#fff;
    width: 858px;
    }
/*------------------------------------------------------------------------------------------------------*/

  #mainSportswear {
    float:left;
    width: 862px;
    }

  #bannerRight {
    float:right;
    width: 137px;
    height:604px;
    }
/*------------------------*/
  #r10 {
    float:left;
    width: 858px;
    height: 103px;

    }
  #r10 .posx {
    margin:3px 0 0 20px;
    padding-top:10px;

    }
  #logo {
    float:left;
    width:357px;
    }
  #navMeta {
    float:right;
    text-align:right;
    width: 430px;
    height:30px;
    }
/*------------------------*/
  #r20 {
    clear:both;
    float:left;
    width: 858px;
    margin-bottom:2px;
    background:#403F3B;
    height:20px;
    }

  #navMain {
    float:left;
    width: 633px;
    }

  #navTrade {
    float:right;
    width: 222px;
    }


/*------------------------*/

  #r25 {
    float:left;
    width: 858px;
    height: 329px;
    background: #000;
    }
  #r25 .posx {
    margin:0 25px 0 23px;
    }
  #trailerFlash {
    float:left;
    width:472px;
    height:329px;
    background:#000;
    }
  #trailerText {
    float:right;
    text-align:left;
    width: 314px;
    color:#fff;
    font-family:"Arial Narrow", Arial, Verdana, sans-serif;
    }
/*------------------------*/

/* START shaddow (innerhalb) von mainSportswear um r30 */
.shadow1 {  background:url(/gif/layout/shedg_r.gif) right top repeat-y;  }
.shadow2 {  background:url(/gif/layout/shedg_b.gif) left bottom repeat-x; }
.shadow3 {  background:url(/gif/layout/shcor_lb.gif) left bottom no-repeat; }
.shadow4 {  background:url(/gif/layout/shcor_rt.gif) right top no-repeat; }
.shadow5 {  background: url(/gif/layout/shadow.gif) right bottom no-repeat; padding:0 4px 4px 0; }
#shadow  {  background:#fff;  }
#shadow img { display:block; }
/*  END shadow  */


  #r30 {
    float:left;
    width: 858px;
    z-index:20;
    background:#fff;
    }
  #r3010 {
    float:left;
    width: 491px;
    }
  #r3010 #contentBoxLeft {
    margin:0 0 0 23px;
    }

  #contentBoxLeft #pageHeader00 {
    margin-top:35px;
    border-bottom: 1px solid #000;
    }

  #contentBoxLeft #pageHeader {
    height:60px;
    border-bottom: 1px solid #000;
    }

  #contentBoxLeft #pageFooter {
    clear:both;
    height:60px;
    }


/*------------------------*/

  /* START add content left */
  .addMedia {
    width:100%;
    margin: 15px 0 15px 0;
    text-align:center;
    }
  .addMediaFullsize {
    clear:both;
    width:468px;
    margin: 0;
    padding:10px 0 15px 0;
    text-align:center;
    }
  .addMediaFullsize p {
    text-align:right;
    color: #656356;
    font-size: 9px;
    text-transform: uppercase;
    }

  /* ENDE add content left */

/* Content - Page Header */
  #pageHeader {
    font-size:10px; color:#000; text-transform:uppercase;
    }
  #pageHeader h1  {
    display:inline;
    margin-top:31px;
    }
  #pageHeader h1 {
    float:left;
    padding:0 0 0 0;
    }



/* START - subscription and shop  */
  #subscription {
    margin: 0 0 15px 0;
    padding:0;

    }

  #intro {
    clear:both;
    margin: 30px 0 30px 0;
    }

  #basket {
    height:31px;
    background: #fff url(/gif/layout/swi-basketBar.jpg) no-repeat;
    }

	#basket .basketInfo {
		left:100px;
		position:absolute;
	}
	#basket .basketInfoItems {
		left:390px;
		position:absolute;
	}


/*
  #basket .basketInfo {
    padding-left:70px;
    }
  #basket .basketInfoItems {
    padding-left:60px;
    }
*/

  #basket .basketInfoPrice {
    padding-left:60px;
    }

  #subscriptionImg {
    text-align:center;
    margin: 35px 0 30px 0;
    }

  #subscriptionImg img {
    display: inline;
    padding: 0 10px 0 10px;
    }


  #subscription .subscriptionBox {
    font-family:"Arial Narrow", Arial, Verdana, sans-serif;
    margin: 30px 0 20px 0;
    }

  #subscription .subscriptionBox .subscriptionBoxHead {
    margin: 10px 0 0 0;
    padding:0 3px 3px 0;
    border-right:2px solid #c0c0c0;
    border-bottom:2px solid #c0c0c0;
    }



  #subscription .subscriptionBox .subscriptionBoxTable {
    margin: 2px 0 0 0;
    padding:0 3px 3px 0;
    border-right:2px solid #c0c0c0;
    border-bottom:2px solid #c0c0c0;
    }

 .pageBrowser {
   text-align:left;
   font-size:12px;
   margin:20px 0 20px 0;
  }


 /* START - gallery */
  #galleryTeaser {
    margin: 0 0 30px 0;
    padding:7px 0 0 0;

    }

  #galleryTeaser .galleryTeaser01 {
    float:left;
    clear:both;
    width:468px;
    margin: 0 0 25px 0;
    background:#000;
    }

  .galleryTeaser01 .galleryTeaserImg {
    float:left;
    width:185px;

    }
  .galleryTeaser01 .galleryTeaserImg IMG {
    }

  .galleryTeaser01 .galleryTeaserText {
    float:right;
    width: 275px;
    text-align:left;
    padding-top: 65px;
    }



 /* START - News  */
  #newsList {
    margin: 0 0 15px 0;
    padding:0;
    }
  #newsSingle {
    margin: 0 0 15px 0;
    padding:0;
    }

  #newsList .newsListItem01, #newsList .newsListItem02, #newsList .newsListItem03, #newsList .topNewsListItem {
    float:left;
    clear:both;
    width:468px;
    margin: 10px 0 15px 0;
    }

  #newsList .newsListItem02 {
    margin: 10px 0 20px 0;
    }

  #newsList .newsListItem03, #newsSingle .newsListItem03 {
    margin: 10px 0 0 0;
    }


  .newsListItem01 .newsListImg, .newsListItem03 .newsListImg {
    float:left;
    width:148px;
    background:#000;
    }

	.topNewsListItem .newsListImg {
		float:left;
		width:200px;
		background:#000;
	}

	.topNewsListItem .newsListImg .newsListImgText {
		padding:5px 5px 5px;
		margin:0;
		background:#000;
		float:left;
	}

	.topNewsListItem .newsListImgText p {
		float:left;
		width:172px;
	}

	.topNewsListItem .newsListImgText p.zoom {
		text-align:right;
		width:10px;
		float:right;
	}

	.topNewsListItem .newsListTeaser {
		float:right;
		width: 248px;
		text-align:left;
	}

  .newsListItem01 .newsListImg IMG, .newsListItem0 .newsListImg IMG {
    }
  .newsListItem01 .newsListImg .newsListImgText, .newsListItem03 .newsListImg .newsListImgText {
    padding:5px 5px 5px;
    margin:0;
    background:#000;
    float:left;
    }
  .newsListItem01 .newsListImgText p, .newsListItem03 .newsListImgText p {
    float:left;
    width:120px;
    }
  .newsListItem01 .newsListImgText p.zoom, .newsListItem03 .newsListImgText p.zoom {
    text-align:right;
    width:10px;
    float:right;
    }
  .newsListItem01 .newsListTeaser {
    float:right;
    width: 300px;
    text-align:left;
    }

  .newsListItem02 .newsListTeaser {
    padding: 15px 0 0 0;
    }


  /* start list item 03 */
  .newsListItem03 .newsListItem0301  {
    float:left;
    width:150px;
    margin: 0 0 0 0;
    z-index: 3;
    }
  .newsListItem03 .newsListItem0301 .newsListImg {
    z-index: 4;
    }
  .newsListItem03 .newsListItem0303  {
    float:right;
    width:150px;
    margin: 0 0 0 0;
    z-index: 5;
    }
  .newsListItem03 .newsListItem0303 .newsListImg {
    z-index: 6;
    }
  .newsListItem03 .newsListItem0302  {
    width:auto;
    margin: 0 160px;
    z-index: 1;
    }
  .newsListItem03 .newsListItem0302 .newsListImg {
    z-index: 2;
    }
  /* end list item 03 */

  .newsListMore {
    clear:both;
    padding-right:6px;
    }
  #newsList .newsListMore  {
    height: 25px;
    text-align:right;
    }
  #newsList .newsListMore p { padding-top:10px; }

  #newsSingle .newsSingleItem {
    clear:both;
    padding:10px 0 0 0;
    margin:0;
    }

  #newsSingle .newsSingleItem .addMediaFullsize p {
    text-align:right;
    color: #656356;
    font-size: 9px;
    text-transform: uppercase;
    padding:0; margin:0;
    }

	#newsSingle .newsSingleItem a {
		color:#656356;
		font-family:Arial,Verdana,sans-serif;
		font-size:12px;
		text-decoration:none;
	}


  #newsSearchResult .newsListItem02 .newsListTeaser {
    padding: 10px 0 0 0;
    }
  /* ENDE News  */


 /* START showtime  */
  #showtime {
    margin: 0 0 15px 0;
    padding:0;

    }


 #showtime .pageBrowser {
   text-align:center;
   font-size:12px;
   margin:20px auto 20px auto;
  }

 #showtime .showtimeHF {
   clear:both;
   padding:0px 0 30px 0;
   font-size:10px;
   text-transform:uppercase;
   color:#65635C;
   }
 #showtime .showtimeHF .resultCounter {
   float:left;
   width:200px;
   padding-top:3px;
   }
 #showtime .showtimeHF .sortBy {
   float:right;
   width:230px;
   text-align:right;
   font-size:12px;
   }

 #showtime .showtime .showtimeItem01 {
   margin:20px 0 20px 0;
   }

 #showtime .showtime .showtimeItem01All {
   border:1px solid #000;
   color:#fff;
   background:#403F3B;
   }


 #showtime .showtime .showtimeItem01All h1 {
    color:#000;
    background:#FFF;
    font-family:"Arial Narrow", Arial, Verdana, sans-serif;
    font-size:17px;
    line-height:18px;
    padding:5px;
    text-transform:uppercase;
    font-weight:bold;
   }

 #showtime .showtime .showtimeItem01All table {
    width:450px;
    font-family:"Arial Narrow", Arial, Verdana, sans-serif;
    font-size:15px;
    line-height:17px;
    color:#fff;
   }

 #showtime .showtime .showtimeItem01All table td {
   padding:3px;
   }


 #showtime .showtime .showtimeItem01All table td.bold {
   width:120px;
   font-weight:bold;
   }

 #showtime .showtime .showtimeItem01All table td.close {
   text-align:right;
   }

 /* ENDE showtime  */

 /* START whoswho */
 /* see also tabelleform.css */
  #whoswho {
    margin: 0 0 15px 0;
    padding:0;

    }

  #whoswho .pageBrowser {
    text-align:center;
    font-size:12px;
    margin:20px auto 20px auto;
  }

 #whoswho .showtimeHF {
   clear:both;
   padding:0px 0 30px 0;
   font-size:10px;
   text-transform:uppercase;
   color:#65635C;
   }
 #whoswho .showtimeHF .resultCounter {
   float:left;
   width:200px;
   padding-top:3px;
   }

  #whoswho #selection  {
    font-family:"Arial Narrow", Arial, Verdana, sans-serif;
    text-transform:uppercase;
    }

  #whoswho .wholist  {
    font-family:"Arial Narrow", Arial, Verdana, sans-serif;

    }

  #whoswho .wholist .whoItem01 {
    clear:both;
    width:468px;
    margin:20px 0 20px 0;
    }

  #whoswho .wholist .whoItem01 h1 {
    width: 290px;
    color: #000;
    float:left;
    text-transform:uppercase;
    }

  #whoswho .wholist .whoItem01 div.whoIcons {
    width: 170px;
    float:right;

    }

  #whoswho .wholist .whoItem01 div.whoIcons img {
    display:inline;

    }

  #whoswho .wholist .whoItem01 p {
    clear:both;

    }


 /* ENDE whoswho */


  /* START content right */
  #r3020 {
    float:right;
    width: 345px;
    }
  #r3020 #contentBoxRight {
    margin:35px 0 0 0;
    padding:0;
    }

  .boxRight {
    width:310px;
    background: #fff;
    clear:both;
    margin: 0 0 20px 0;
    padding:0;
    }

    /* START swiSocialFollow right */
  #swiSocialFollow {
    border:1px solid #000;
    }
  #swiSocialFollow h1 {
    font-size:20px; line-height:20px; color:#000; font-weight:normal;
    padding: 13px 8px 0px 8px; margin: 0;
    text-transform:uppercase;
    }
  #swiSocialFollow .socialMedia {
    padding: 10px 0 8px 8px; margin: 0;
    }
  #swiSocialFollow .socialMedia img {
    display:inline;
    padding: 0 8px 8px 0 ; margin: 0;
    }
  /* ENDE swiSocialFollow right */

    /* START Issue right */
  #issue {
    border:1px solid #000;
    }
  #issue .issueItem {
    width:308px;
    }
  #issue .issueItem .issueImg {
    float:left;
    padding: 7px 0 5px 7px;
    }
  #issue .issueItem .issueTeaser {
    float:right;
    width:132px;
    text-align:left;
    }
  /* ENDE Issue right */

    /* START Storebook right */
  #storebook {
    border:1px solid #000;
    }
  #storebook .storebookItem {
    width:308px;
    }
  #storebook .storebookItem .storebookImg {
    float:left;
    padding: 7px 0 5px 7px;
    }
  #storebook .storebookItem .storebookTeaser {
    float:right;
    width:132px;
    text-align:left;
    }
  /* ENDE Storebook right */

    /* START upcomingShow right */
  #upcomingShow {
    border:1px solid #000;
    }

  /* ENDE upcomingShow right */


  /* START add right */
  #add {
    background: #fff;
    }
  #add #addTitle {
    background:#fff;
    padding-right:0;
    font-family:Arial, Verdana, sans-serif;
    }
  #add .addMedia {
    margin:0;
    padding:0;
    }
  #add .addMedia img {
    display:inline;
    text-align:center;
   }
  /* ENDE add right */

  #subscribe, #search01, #search02 {
    border:1px solid #000;
    }
  /* ENDE content right */

  /* START credits */
  #r40 {
    float:left;
    width: 858px;
    margin:10px 0 0 0;
    }

  #r4010 {
    float:left;
    width: 600px;
    }
  #credits {
    margin: 0 0 20px 23px; padding:0;
    }

   #r4020 {
    float:right;
    width: 250px;
    }
  /* ENDE credits */



  /* clearing */
   hr.clear {
    clear:both;
    height:1px;
    line-height:1px;
    font-size:1px;
    margin:0;
    padding:0;
    border:0;
    visibility: hidden;
    }

  div.clear {
    clear:both;
    height:1px;
    line-height:1px;
    font-size:1px;
    margin:0;
    padding:0;
    border:0;
    visibility: hidden;
    }
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    }
  .clearfix { display: inline-block; }
  /* Hides from IE-mac \*/
    *.html .clearfix { height: 1%; }
    .clearfix { display: block; }
  /* end Hides from IE-mac */


  /* START debugging - colored  div   */
  /*  #bannerHead {
    background: #fff;
    }

  #main {
    background: #ff00ff;
    }

  #mainSportswear {
    background: #fff;
    }

  #bannerRight {
    background: #8FA3FF;
    }

  #r10 {
    background: #ff0000;
    }

  #navMeta {
    background: #ffff00;
    }

  #r20 {
    background: #00ff00;
    }

  #r30 {
    background: #0000ff;
    }
  #r3010 {
    background: #ff00ff;
    }
  #r3010 #contentBoxLeft {
    background: #f7f7f7;
    }
  #r3020 {
    background: #ffff00;
    }
  #r3020 #contentBoxRight {
    background: #00ff00;
    }
  #r40  {
    background: #ff0000;
    }
  #shadow  {  background: #ff00ff; }

  .posx {
    background: #0000ff;
    }

  #trailerText {
    background:#ffff00;
    }
end debugging - colored */

hr.green { clear:both; height:10px; background:#00ff00; width:468px;}

}
