@charset "UTF-8";
/**
* YAML-based Template for xt:Commerce
*
* (en) Variation of screen layout (basemod.css)
* (de) Variation des Screenlayouts (basemod.css)
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://www.zs-ecommerce.com
* @package         yaml for xt:Commerce
* @version         1.6.0
   
*/

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body {
		background: #000080;
		padding: 10px;
		background-image: none;
	}

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen  min-width: 756px; max-width: 80em;  */
  .page_margins {
  	border:0; width:96%; margin-top:10px; 
  	background: #fff url(../../../../images/assets/shop_back.jpg) repeat top left; 
  }
  .page{ min-width:800px; }

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header { position:relative; height: 210px; color: #fff; background: #000; }

  #main { margin: 0; padding: 0;}

  #footer2 { color:#9A9A9A; padding: 1em 0 0 0; border-top: 1px #ddd solid; line-height: 1.5em; font-size:0.8em;text-align:center; }
  
  #teaser {
		margin:0 0 -16px 0;
		color: #fff;
		max-width:750px;
		white-space:nowrap;
		overflow:hidden;
  }
  
  #footer { text-align:center; }
  #footer .current_date {
		height:12px; background:#bbc3d3;
		font-family: Verdana, Arial, sans-serif; font-size:10px; font-weight: bold;
  }
  #footer .copyright { color:#9EA9BF; font-size:0.7em; }
  
 /********************************************************************************************************/
 /** Main Content Styles */
  #main_heading { background:#000; }
  /*#main_heading * { margin:auto; width:313px; } OC 2017*/
  
 /********************************************************************************************************/
 /** Header Content Styles */
  
  #header_head { height:72px; }
  #company_logo { height:72px; float:left; }
  #header_links { }
	#header_links a.linknav:link, #header_links a.linknav:visited {
		font-family: Verdana, Arial, sans-serif; color:#009999; font-size:1em 
	}
  
  #header_banners { width:728px; height:113px; margin:10px auto 0 auto; overflow:hidden; }
  
 /********************************************************************************************************/
 /** Page Frame Styles */
 
  #frame_header_top { background:url(../../../../images/assets/border/edge_black__top.jpg) repeat-x top; }
  #frame_header_left { background:url(../../../../images/assets/border/edge_black__left.jpg) repeat-y left; }
  #frame_header_right { margin-left:23px; background:url(../../../../images/assets/border/edge_black__right.jpg) repeat-y right; }
  #frame_header_content { margin-right:23px; }

	#frame_header_tl { background:url(../../../../images/assets/border/corner_tl.jpg); width:23px; height:25px; float:left; }
	#frame_header_tr { background:url(../../../../images/assets/border/corner_tr.jpg); width:23px; height:25px; float:right; }
	
	#frame_wrapper_interim { height:25px; background:#3399FE; }
  #frame_interim_left { height:100%; background:url(../../../../images/assets/border/edge_blue__left.jpg) repeat-y left; }
  #frame_interim_right { height:100%; margin-left:23px; background:url(../../../../images/assets/border/edge_blue__right.jpg) repeat-y right; }

  #frame_main_left { background:url(../../../../images/assets/border/edge_blue_black__left.jpg) repeat-y left; }
  #frame_main_right { margin-left:23px; background:url(../../../../images/assets/border/edge_blue_black__right.jpg) repeat-y right; }
  #frame_main_content { margin-right:23px; }
  #frame_main_bottom { background:url(../../../../images/assets/border/edge_blue_black__bottom.jpg) repeat-x top; }

	#frame_main_bl { background:url(../../../../images/assets/border/corner_bl.jpg); width:23px; height:25px; float:left; }
	#frame_main_br { background:url(../../../../images/assets/border/corner_br.jpg); width:23px; height:25px; float:right; }

 /********************************************************************************************************/

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */


  #col1 {	width: 190px; }
  #col1_content { 
    margin-left:0pt;
    margin-right:0pt;
    padding-left:7px;
    padding-top:7px; 
  }


  #col2 {	width:190px; }
  #col2_content {	
    margin-left:0pt;
    margin-right:0pt;
    padding-right:7px;
    padding-top:7px;
  }


  #col3 {
  margin-left: 190px;
  margin-right: 190px;
	border-left: 0px dotted #ddd;
	border-right: 0px dotted #ddd;
  }

  #col3_content { margin-left: 2px; margin-right: 2px; padding-top:3px; }

  #navigation , #content {
  height:1px;
  left:-1000em;
  position:absolute;
  top:-1000em;
  width:1px;
  }

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

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  
  /* ### Anpassung für die Ausblendung der Boxen bei Checkout (entsprechende index.html muss verwendet werden) ### */
  #main_checkout {	background:#ffffff; }
  #col3_checkout {	width:100%; }
}