@media screen, projection
{

  /****************************************************************
    Header
  *****************************************************************/

  div#header {
      background: transparent url('/live/digitalAssets/105/105034_100153_bg_header_neu.png') no-repeat top left;
    color: #000;
      padding: 0;
  }

  div#header-image {
    height: 160px;
    background:yellow;
    position:relative;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:top left;
  }

  div#header-image a {
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    width:172px;
    height:160px;
    background: transparent url('/live/digitalAssets/105/105029_logo-morgengold.gif') no-repeat;
  } 
  
  #nav ul { margin-left: 20px;}

	#subnav { 
	  margin: 7px 20px 5px 20px; 
	  color:#DB5B3D; 
	}

    #subnav a, #subnav a:visited, #subnav a:link { color:#756048; }     
    #subnav a.active, #subnav a:visited.active {color:#DB5B3D;}
	
	#nav a:visited { color:#756048; }
    #nav a.active, #nav a:visited.active {color:#DB5B3D;}

    #login { float: left; width: 160px; padding-left: 10px; padding-top: 15px; vertical-align:middle; color:white; }
    #login a, #login a:visited  {color:white;}
    

  	#header h1 {
      font-weight:bold;
      font-size:2.5em;
      letter-spacing:-2px;
      line-height:65%;
      color:#000;
    }
  
    #header span { color:#999; }


  /****************************************************************
    Ausgabe Bild Contentbereich
  *****************************************************************/
  
  .float_left div, .float_right div, .float_none div {
    position:relative; 
    z-index:1;
  }
  
  a.more span { white-space:nowrap; }

  .float_left p, .float_right p, .float_none p {
    font-family:Tahoma,Verdana,Sans-Serif;
    line-height:12px;
    font-size:10px;
    color:#000;
    margin:0;
  }
  
  .float_left p.subline, .float_right p.subline, .float_none p.subline { margin:0; width:165px; } 
  div.float_left div, div.float_right div, div.float_none div { }
  
  div.float_left div img.zoom, div.float_right div img.zoom, div.float_none div img.zoom {
    position:absolute;
    border:0;
    right:10px;
    top:10px;
  }
  
  div.float_none div img.zoom {
    left:10px;
  }
  
  * html div.float_left div img.zoom, * html div.float_right div img.zoom, * html div.float_none div img.zoom {
    bottom:15px;
  }
  
  div.copy img { margin:.3em 1.2em .2em 0; }

  
  /****************************************************************
    Spalteneinteilung, Bloecke in Spalten
  *****************************************************************/

  #main {
    background:#FFF5C2 url("/live/digitalAssets/105/105031_bg_content_left.gif") repeat-y;
  }

  #main-order {
    background:#FFF5C2;
  }
  
  #main-landing {
    background:#FFF5C2;
  }  

  #content-left {
    float: left;
    width: 546px;
  }
  
  #content-right { 
    float: right; 
    margin-left: -5px;
    width:354px;
    background-color:#fff5c2;
  }
  
  #landing-left {
    float: left;
    width: 718px;
  }
  
  #landing-content {
    background-color:#fff58c;
        width: 718px;
  }
    
  #landing-right { 
    float: right; 
    margin-left: -5px;
    width:172px;
    background-color:#fff5c2;
  }
      
  .c172 {
    float:left;
    width:172px;
  }
  
  .picture { margin:10px 0 10px 0; }
  #footer .picture { margin-left:-5px; }

  .c354 {
    float:left;
    width:354px;
  }
  
  .c536 {
    float:left;
    width:536px;
  } 

  .c728 {
    float:left;
    width:728px;
  } 

  /* alle Spalten haben 10px nach links Abstand, nur die erste nicht -> Kennzeichnung */
  .c172, .c354, .c536 { margin-left:10px; }
  .colfirst { margin-left:0; }
  .inner { padding: 5px; }
  #content-left .colfirst .inner { padding-left:10px; padding-top:10px; }
  .c172 h5, .c354 h5, .c536 h5 { text-transform:uppercase; margin:5px; font-weight:bold; }
  .c172 h6, .c354 h6, .c536 h6 { text-transform:uppercase; font-weight:bold; }
  #content-left .colfirst .c172 h5, #content-left .colfirst .c354 h5, #content-left .colfirst .c536 h5 { margin:5px 10px; }
  .c536 h5 { background:#FFF5C2; margin:0; padding:5px; }
  .c728 h5 { background:#FFF5C2; margin:0; padding:5px; }

  .beige { color:#e0a401; }
  .gruen { color:#9db735; }
  .dunkelgruen { color:#398652; }
  .rot { color:#f08763; }

  h4 { padding: 5px 0 0 5px; font-size:14px; }
  h6 { font-size:12px; }
  #content-left .colfirst h4 { padding: 5px 0 0 10px; }
  #content-left .colfirst .inner h4 { padding: 5px 0 0 0; }

  
  /****************************************************************
    Ausgabe Artikelliste
  *****************************************************************/

  div.news-articles { margin-top:1em; }

  div.news-articles h2 {
    clear:both;
    padding-top:10px;
    line-height:110%;
  }


  /****************************************************************
    Ausgabe Artikeldetail
  *****************************************************************/

  .artikel div.artikel-header {
    padding-top:2px;
  }

  .mDottedLine {
    background-image:url('/live/digitalAssets/105/105032_bg_maincontainer_line.gif');
    background-repeat:repeat-x;
    float:left;
    font-size:1px;
    height:1px !important;
    line-height:1px;
	padding:0;
    width:100%;
    border-right:1px solid #FFF58C;
  }
  
  .highLine {
	margin-top: 0px;
	margin-bottom: 12px;
  }
  
  .artikel h3.rubrik {
    font-size:100%;
    margin-top:1em;
	margin-bottom: -0.75em;
    text-transform:uppercase;
  }

  .artikel h1 {
    font-size:150%;
    margin-bottom:.5em;
  }
  
  .artikel h4 {
    margin-bottom:.5em;
  }  
  
  p.similar {
    font-weight:bold;
    padding: 8px 0 0 0;
    margin-bottom:6px;
  }
  
  #content-left ul {
    list-style-image: url('/live/digitalAssets/105/105033_dot.png');
    list-style-position: outside;
  }
  
  /****************************************************************
    Bildergalerie
  *****************************************************************/

  div.bildergalerie { 
    text-align:center; 
    border-top:1px solid #CFC174;
    border-bottom:1px solid #CFC174;
    padding-top:10px;
    margin-bottom:10px;
  }
  
  p.c_CFC174 { color:#CFC174; margin-bottom:15px; }
  
  .thumbwrap {
    text-align: center;
    padding: 0;
    margin: 0;
  }
  .thumbwrap li {
    display: -moz-inline-box;
    display: inline-block;
    /*\*/ vertical-align: top; /**/
    margin: 0 10px 10px 0;
    border: 1px solid #CFC174;
    padding: 0;
  }
  /*  Moz: NO border qui altrimenti difficolta' con width, table altrimenti problemi a text resize (risolubili con refresh) */
  .thumbwrap li>div {
    /*\*/ display: table; /**/
    width: 113px;
  }
  .thumbwrap a {
    display: block;
    text-decoration: none;
    color: #000;
    cursor: pointer;
  }
  /*\*/
  .thumbwrap>li .wrimg {
    display: table-cell;
    vertical-align: middle;
    width: 113px;
    height: 119px;
  }
  /**/
  .thumbwrap li .wrimg {
  }
  .thumbwrap img {
    vertical-align: middle;
  }
  .thumbwrap a:hover {
    background-color: #CFC174;
  }
  /*\*//*/
  * html .thumbwrap li .wrimg {
    display: block;
    font-size: 1px;
  }
  * html .thumbwrap .wrimg span {
    display: inline-block;
    vertical-align: middle;
    height: 119px;
    width: 1px;
  }
  /**/
  .thumbwrap .caption {
    display: block;
    padding: .3em 5px;
    font-size: .9em;
    line-height: 1.1;
    border-top: 1px solid #ccc;
    w\idth: 163px;  /* Moz, IE6 */
  }


  /****************************************************************
    Ausgabe Footer
  *****************************************************************/

  #footer h3  {
    text-transform:uppercase;
    font-weight:bold;
    border-bottom: 1px solid #756048;
    color: #756048;
    padding-left:5px;
  }

  #footer .subcl h3  {
    margin-left:-10px;
	padding-left:10px;
  }

  #footer ul li, ul.spitzklammer li {
    list-style-image: url('/live/digitalAssets/105/105030_bullet_item.gif');
    list-style-position: outside;
  }   
  
  #footer .c172, #footer .c354, #footer .c536 { background-color:transparent; }

  #footer-bottom {
    height:16px;
    background:transparent url('/live/digitalAssets/105/105035_bg_footer.gif') no-repeat bottom left;
  }

  .footnote { color: #db5b3d; font-weight: bold; padding-left: 2px; padding-right: 2px;}

  #footer a { color: #db5b3d; background:transparent; font-weight: bold;}
  #footer a:focus,
  #footer a:hover,
  #footer a:active {
    color: #db5b3d;
    background-color: transparent;
    text-decoration:underline;
  }
  
  #footer {
    color:#000;
    background-color: #ffe34f;
    padding-top:7px;
    line-height: 1.5em;
  }
  
  #footer .subcl {padding: 0 0 0 10px}
  #footer .subcr {padding: 0 10px 0 10px}


	/****************************************************************
		neues
	*****************************************************************/
	
	.padding15 {
		padding-left:15px;
		padding-right:15px;
	}

	.padding10 {
		padding-left:10px;
		padding-right:10px;
	}

	.c536 h5.padding5 { padding-left:5px; }
	
	.date { font-size:11px; }

}


#preview{
	position:absolute;
	border:1px solid black;
	background:#F0F0F0 ;
	padding:3px;
	display:none;
	color:black;
	}

  .ausgrauen { height: 100%;
               filter:Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
  }