@charset "UTF-8";
/**
 * 
 *  Project  : Der Handel
 *  Author   : Petra von Rhein / www.wunderware.de
 *  Stand    : 01.05.2008 
 * 
 */
@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%;
    /* standard values  */
    color: #000;
    background: #fff url(/img/handelbg.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                   |
  * |-------------------------------| 
  * | #mainHandel                   |  #bannerRight  |
  * | #content01 |  #content02     |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */
  /* neue Styles TG */
  div.imgLeft{
  	float:left;
  	padding-right:10px;
  }
  #forml{
	float:left;
	line-height:19px;
	margin-right:10px;
	width:160px;
	}
  .pflicht {
	background:#FFFFFF url(/img/sternchen.gif) no-repeat scroll 154px 6px;
  }
 .error{color:red;}
 #formr {
	line-height:24px;
 }
 
 input#buttonSubmit {
	background-color:#FFFFFF;
	border:0pt none;
	color:#D80012;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	height:20px;
	margin:0pt;
	padding:0pt;
	text-align:right;
	text-transform:uppercase;
	width:200px;
  }
  /* ende Neue Styles TG */
  #bannerHead { 
    width: 859px;
    
    background: #fff;
    }
  #main { 
    /*width: 1001px;*/
    }
  #shadowRight {
    float:left;
    width: 863px;
    background:url(/img/shadowright.gif) ;
  }
  #mainHandel {
    float:left;
    width: 859px;
    background: #fff;
    border-top: 1px solid #D1D1D1;
    }
  #bannerRight {
    float:left;
    width: 138px;
    height:604px;
    }
  #mh10 {
    width: 850px;
    height: 30px;       
    }
  #date {
    float:left;
    width: 240px;
    height: 30px;
    }
  #date p { 
    margin: 16px 0 0 30px;   
    }
  #navMeta {
    float:right;
    text-align:right;
    height: 30px;
    width: 330px;
    }
  #mh20 {
    width: 850px;
    height: 80px;
    }
  #mh20 .posx {
    height: 80px;
    margin:0 0 0 9px;
    background: #D80012;
    }
  #logo {
    float:left;
    }
  #navMain {
    float:right;
    }
  #mh30 {
    width: 850px;
    }
  #mh3010 {
    float:left;
    width: 507px;
    }
  #mh3010 #contentBoxLeft {
    margin:0 0 0 27px; 
    }
  #contentBoxLeft #pageHeader {
    height:76px;
    border-bottom: 1px solid #7f7f7f;
    }
  /* Content - Page Header */
  #pageHeader {
    font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#000; text-transform:uppercase; 
    }
  #pageHeader h1  {
    display:inline;
    margin-top:52px;
    }
  #pageHeader h1 {
    float:left;
    color:#D80012;
    font-size:12px;
    font-weight:normal;
    padding:0 0 0 3px;
    }
  #pageHeader ul {
    float:right; 
    }
  /* START - Abo Info  */
  #aboInfo {
    margin:0;
    padding:35px 0 15px 0;
    }
  
  #aboInfoText {
    float:left;
    width: 320px;
    }
  #aboInfoService {
    float:right;
    width: 150px;
    text-align:left;
    }
  #aboInfoServiceHead {
    background:#ededed;
    padding:5px;
    }
  #aboInfoServiceLinkbox {
  margin:8px 0 0 0;
  background:#ededed;
  }
  #aboInfoSpecial {
    clear:both;
    padding:10px 0 0 0;
    }
  #aboInfoSpecialLeft {
    float:left;
    width:235px;
    }
  #aboInfoSpecialRight {
    float:right;
    width:235px;
    }
  .aboInfoSpecialItem {
    clear:both;
    margin:20px 0 0 0;
    }
  .aboInfoSpecialItemImg {
    float:left;
    width:80px;
    }
  .aboInfoSpecialItemText {
    float:right;
    width:155px;
    text-align:left;
    }
  /* ENDE - Abo Info  */
  /* START - AboOrder  */
  #aboForm {
    margin-top:8px;
    }
  #form1 .aboOrderItem {
    background:#ededed;
    width:100%;
    margin: 10px 0 10px 0;
    }
  #form1 .aboOrderItem .aboOrderImg {
    float:left;
    padding:20px;
    }
  #form1 .aboOrderItem .aboOrderTeaser {
    float:right;
    width:320px;
    text-align:left;
    }
  /* ENDE - AboOrder  */
  /* START - News  */
  #newsListHome {
    margin: 0 0 15px 0;
    padding:0;
    border-bottom: 1px solid #7f7f7f;
    }
  #newsListNews, #newsSingleNews {
    margin: 0 0 15px 0;
    padding:0;
    }
 .newsListCat {
    width:480px;
    margin: 15px 0 0 0;
    background: #fff url(/img/handelbgnewscat.jpg) repeat-y;
    }
  /*  TipAFriend  */  
  #newsTipAFriend { 
    margin: 0 0 15px 0;
    padding:0;
    } 
  .TipAFriendBackLink {
    width:480px;
    margin: 15px 0 0 0;
    background: #fff url(/img/handelbgnewscat.jpg) repeat-y;
    }
  #TipAFriendForm {
    margin:20px 0 0 0;
    }
  #newsRelated {
    margin:40px 0 0 0;
    }
  /*  TipAFriend  */
  /*  news Search  */ 
  #newsSearch { 
    margin: 0 0 15px 0;
    padding:0;
    } 
  .searchBackLink {
    width:480px;
    margin: 15px 0 0 0;
    background: #fff url(/img/handelbgnewscat.jpg) repeat-y;
    }
  #newsSearchForm {
    margin:20px 0 0 0;
    }  
  #newsRelatedResults {
    margin:10px 0 0 0;
    }
  #newsSearchNew {
    margin:10px 0 0 0;
  }
  /*  news Search  */ 
  #newsListHome .newsListItem01  { 
    float:left;
    clear:both;
    width:470px;
    margin: 25px 0 0 0;
    }
  #newsListNews .newsListItem01, #newsSingleNews .newsListItem01  { 
    float:left;
    clear:both;
    width:470px;
    margin: 15px 0 0 0;
    }
  .newsListItem01 .newsListImg {
    float:left;
    width:119px;
    background:#D80012; 
    margin:0 15px 10px 0;
    }
  .newsListItem01 .newsListImg IMG {
    }  
  .newsListItem01 .newsListImg .newsListImgText {
    padding:2px 5px 2px 5px;
    margin:0;
    background:#D80012;  
    float:left;
    }   
  .newsListItem01 .newsListImgText p {
    font-family: Arial, Helvetica, sans-serif; font-size:9px; color:#fff; 
    text-align:left;
    float:left;
    width:80px;
    line-height:11px;
    }
  .newsListItem01 .newsListImgText p.zoom {
    font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#fff; 
    text-align:right;
    width:25px;
    float:right;
    line-height:11px;
    }
  .newsListItem01 .newsListTeaser {
    float:left;
    width: 330px;
    text-align:left;
    } 
  .newsListItem02  { 
    clear:both;
    width:470px;
    }
  .newsListItem02 .newsListTeaser { 
    padding: 25px 0 0 0;
    }
  #newsSearchResult .newsListItem02 .newsListTeaser { 
    padding: 10px 0 0 0;
    }
  .newsListItem02 .newsListTeaser h1 { 
    display:inline;
    /*border-right: 1px solid #000;*/
    padding:0 4px 0 0;
    margin:0 4px 0 0;
    color:#D80012;
    font-size:13px;
    font-weight:normal;
    }
  .newsListItem02 .newsListTeaser p { 
    display:inline;     
    font-size:13px; color:#000; line-height:18px;
    }
  #newsListHome .newsListMore  { 
    height: 25px;
    text-align:right;
    }
  #newsListHome .newsListMore p { padding-top:10px; }
  .newsSingle {
    clear:both;
    padding:10px 0 0 0;
    }  
  /* ENDE News  */
  /* START - Dossiers Home */
  #dossiersListHome {
    margin: 0 0 15px 0;
    padding:0;
    border-bottom: 1px solid #7F7F7F;
    }
  #dossiersListHome #dossiersListTitle  { 
    margin: 0 0 20px 0;
    padding: 0;
    }
  #dossiersListHome .dossiersListItem01  { 
    float:left;
    width:150px;
    margin: 0 0 0 0;
    z-index: 3;
    }
  #dossiersListHome .dossiersListItem01 .dossiersListTeaser {
    z-index: 4;
    }
  #dossiersListHome .dossiersListItem03  { 
    float:right;
    width:150px;
    margin: 0 0 0 0;
    z-index: 5;
    }
  #dossiersListHome .dossiersListItem02 .dossiersListTeaser {
    z-index: 6;
    }
  #dossiersListHome .dossiersListItem02  { 
    width:150px;
    margin: 0 160px;
    z-index: 1;
    }
  #dossiersListHome .dossiersListItem02 .dossiersListTeaser {
    z-index: 2;
    }
  #dossiersListHome .dossiersListItem01 .dossiersListTeaser h1, #dossiersListHome .dossiersListItem02 .dossiersListTeaser h1, #dossiersListHome .dossiersListItem03 .dossiersListTeaser h1 {
    padding:0 4px 0 0;
    margin:0 4px 0 0;
    color:#D80012;
    font-size:13px;
    font-weight:normal;
    display:inline;
    }
  #dossiersListHome .dossiersListItem01 .dossiersListTeaser p, #dossiersListHome .dossiersListItem02 .dossiersListTeaser p, #dossiersListHome .dossiersListItem03 .dossiersListTeaser p {
    font-size:13px; color:#000; line-height:18px;
    display:inline;
    }
  #dossiersListHome .dossiersListMore  { 
    height: 25px;
    text-align:right;
    }
  #dossiersListHome .dossiersListMore p { padding-top:10px; }
  /* ENDE Dossiers Home */
  /* START - Gallery Home */
  #galleryListHome {
    margin: 0 0 15px 0;
    padding:0;
    border-bottom: 1px solid #7F7F7F;
    }
  #galleryListTitle { 
    margin: 0 0 20px 0;
    padding: 0;
    }
  #galleryListHome .galleryList  { 
    float:left;
    clear:both;
    width:480px;
    margin: 0px 0 0 0;
    background:#D1D1C2;
    }
  #galleryListHome .galleryList .galleryListImg {
    float:left;
    padding:10px 5px 10px 5px;
    }
  #galleryListHome .galleryList .galleryListImg img {
    border:1px solid #fff;
    font-size:13px;
    } 
  #galleryListHome .galleryList .galleryListTeaser {
    float:right;
    width: 280px;
    text-align:left;
    } 
  #galleryListHome .galleryListMore  { 
    clear:both;
    text-align:right;
    height: 18px;
    padding: 0 0 0 0;
    margin: 10px 0 0 0;
    font-size:10px;
    }
  /* ENDE Gallery Home */
  /* START - Studies Home */
  #studiesListHome {
    margin: 0 0 15px 0;
    padding:0;
    border-bottom: 1px solid #7F7F7F;
    }
  #studiesListTitle { 
    margin: 0 0 20px 0;
    padding: 0;
    }
  #studiesListHome .studiesList  { 
    float:left;
    clear:both;
    width:480px;
    margin: 0 0 0 0;
    }
  #studiesListHome .studiesList .studiesListTeaser {
    float:left;
    width: 320px;
    } 
  #studiesListHome .studiesList .studiesListImg {
    float:right;
    padding:0;
    }
  #studiesListHome .studiesList .studiesListImg img {
    } 
  #studiesListHome .studiesListMore  { 
    clear:both;
    height: 25px;
    text-align:right;
    }
  #studiesListHome .studiesListMore p { padding-top:10px; }
  /* ENDE Studies Home */
  /* START add content left */  
  .addMedia {
    width:100%;
    margin: 15px 0 15px 0;
    text-align:center;
    }
  .addMediaFullsize {    
    width:100%;
    margin: 15px 0 15px 0;
    text-align:center;
    }
  /* ENDE add content left */
  /* START credits */
  #credits { 
    clear:both;
    margin: 30px 0 30px 0; padding:0;
    }
  /* ENDE credits */
  /* START content right */
  #mh3020 {
    float:right;
    width: 330px;
    }
  #mh3020 #contentBoxRight {
    margin:40px 0 0 14px; 
    font-family: Arial, Helvetica, sans-serif;
    }
  .boxRight {
    width:300px;
    background: #fff;
    clear:both;
    margin: 0 0 5px 0;
    }
  /* START Movie right */  
  #movie {
    border:10px solid #EDEDED;
    background: #fff; 
    }
  #movie #movieTitle {
    background:#D80012;
    height:20px;
    }
  #movie #movieTitle h1 {
      font-size:10px;  text-transform:uppercase; color:#fff; font-weight:normal;
      padding: 2px; margin: 0;
    }
  #movie .movieTeaser p {
    font-size:12px;  color:#000; 
    padding: 0; margin: 0;
    } 
  #movie .movieMedia {
    width:280px;
    }
  /* ENDE Movie right */
  /* START Issue right */  
  #issue {
    border:10px solid #EDEDED;
    background: #fff; 
    }
  #issue #issueTitle {
    background:#D80012;
    padding: 2px 0 2px 8px; margin: 0;
    }
  #issue .issueItem {
    width:280px;
    }
  #issue .issueItem .issueImg {
    float:left;
    padding: 10px 0 5px 3px;
    }
  #issue .issueItem .issueTeaser {
    float:right;
    width:120px;
    text-align:left;
    } 
  /* ENDE Issue right */  
  /* START Jobs right */  
  #jobs {
    border:10px solid #EDEDED;
    background: #fff; 
    }
  #jobs #jobsTitle {
    background:#D80012;
    padding: 2px 0 2px 8px; margin: 0;    
    }
  #jobs .jobsItem {
    width:280px;
    }
  #jobs .jobsItem .jobsImg {
    float:left;
    }
  #jobs .jobsItem .jobsTeaser {
    float:right;
    width:160px;
    text-align:left;
    }
  /* ENDE Jobs right */  
  /* START quest right */  
  #quest {
    border:10px solid #EDEDED;
    background: #fff; 
    }
  #quest #questTitle {
    background:#D80012;
    padding: 2px 0 2px 8px; margin: 0;    
    }
  #quest .questItem {
    width:280px;
    overflow:hidden;
    }
  #quest .questItem .questImg {
    float:left;
    }
  #quest .questItem .questTeaser {
    float:right;
    width:160px;
    text-align:left;
    }
  #quest .questItem .questTeaser p {
    font-size:12px;  color:#000; 
    padding: 0; margin: 0;
    display: inline;
    } 
  #quest #questForm {
    } 
  /* ENDE quest right */  
  /* START archiveSearch right */  
  #archiveSearch {
    border:10px solid #EDEDED;
    background: #fff; 
    }
  #archiveSearch #archiveSearchTitle {
    background:#D80012;
    padding: 2px 0 2px 8px; margin: 0;    
    }
  #archiveSearch .archiveSearchItem {
    width:280px;
    }
  #archiveSearch .archiveSearchItem .archiveSearchImg {
    float:left;
    }
  #archiveSearch .archiveSearchItem .archiveSearchForm {
    float:right;
    width:160px;
    text-align:left;
    }
  #archiveSearch .archiveSearchForm {
    padding-top:5px;
    } 
  #archiveSearch .archiveSearchItem .archiveSearchForm p {
    font-size:12px;  color:#000; 
    padding: 0; margin: 0;
    display: inline;
    } 
  /* ENDE archiveSearch right */  
  /* START add right */  
  #add {
    background: #fff; 
    }
  #add #addTitle {
    background:#fff;
    }
  #add .addMedia {
    margin: 0;    
    }
  /* ENDE add right */  
  /* ENDE content right */  
  /* 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 */  
#mh3020{display:none;}	
#bannerRight{display:none;}
#bannerHead{display:none;}
#BannerHead2{display:none;}
#ISeScape_popup{display: none;}
div.BannerContent{display:none;}
div.add{display:none;}
#mh20{display:none;}
#mh3010{width:800px;}
	  /* START debugging - colored  div 
  #mainHandel {
    background: #fff;
    }
  #bannerRight {
    background: #8FA3FF;
    }
  #mh10 {
    background: #ff0000;        
    }
  #date {
    background: #ffff00;
    }
  #navMeta {
    background: #ffff00;
    }
  #mh20 {
    background: #00ff00;
    }
  #mh30 {
    background: #0000ff;
    }
  #mh3010 {
    background: #ff00ff;
    }
  #mh3010 #contentBoxLeft {
    background: #f7f7f7;
    }
  #mh3020 {
    background: #ffff00;
    }
  #mh3020 #contentBoxRight { 
    background: #00ff00;
    }
  end debugging - colored */
}
