@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.2
 */

@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y: scroll; }

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

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #003300 none; padding: 10px 0; font-family:Arial, Helvetica, sans-serif; }
	
  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: auto;  min-width: 960px; max-width: 960px; background: #fff; }
  .page { padding: 10px 15px 10px 10px; }
  #header { padding: 0; height:200px; color: #000; background:url("images/header.jpg") repeat-x bottom left; }
  #topnav { color: #aaa; background: transparent; }
  #nav { overflow:hidden; }
  div.hlist { background-color: #c8ddf3 }
  #main { margin: 10px 0; background: #fff; }
  #footer { padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; }

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul {
	margin: 0 0 0 0px;
}

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 230px}
 #col2 { float: right; width: 200px}
  #col3 {width: auto; margin: 0 200px 0 230px;}
  #col3home { width: auto; margin: 0 0 0 230px; width: 700px}

  
  #col1_content {}
  #col2_content { padding: 0; text-align: right;}
  #col3_content { padding: 0 20px 0 10px; }
  
  
  
  #col3_content p, #col3home p, #col2 p {line-height: 1.6; margin: 0 0 20px;}
	
  /*-----------------CLASSICFABS-----------------------------*/
  
  	h1, h2, h3, h4, h5, h6{
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	}
	h1, h2{
	margin: 5px 0 15px 0;
	}
	h3, h4, h5, h6
	{margin: 5px 0 10px 0;
	}
	
	img.thumb {
	padding: 3px;
	background: #cfcfcf;
	border: solid 1px #dcdcdc;
	margin-bottom: 10px;
	}
	
	#col2 ul {text-align: left;}

  .page_margins {
    border: 0 none;
  }

  .page {
    border: 0 none;
    margin: 0 0 0 5px; padding: 10px 15px 10px 10px;
  }


  /* Nav */

#nav {
	float: left;
	width:210px;
	padding:10px 0 15px 10px;
	margin-top: 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background:#CDD3DF;
}
#nav h3 {
	margin:0;
	margin-bottom: 5px;
	padding-top: 5px;
	color:#333;
}
#nav ul li {
	color: #003300;
	list-style: none;
	border-bottom: 2px solid #ffffff;
	padding: 2px 10px 2px 2px;
	margin-left: 0px;
}
#nav ul li h3 {
  border-bottom:0;
}
#nav ul li.current_page_item {
	background-color:#003300;
	list-style:none;
}
#nav li.current_page_item a {
	color: #fff;
}
#nav ul li ul {
	border-top: 0;
}
#nav ul li:hover{background-color: #003300;}

#nav ul li a {
	display: block;
	padding: 2px 0 3px 0;
	font-size: 1.0em;
}
#nav ul li a:hover {
	color: #fff;
	text-decoration: none;
	}


#nav ul li h3 a {
	background:none;
	padding:0;
	font-size:0.95em;
}
#nav ul li.on {
	background:#008DB7;
	color:#fff;
}
#nav ul li.on a {
	color:#fff;
	padding-left: 6px;
}
#nav ul li.on a:hover {
	color: #fff;
}
#nav ul li.last {
	border-bottom:none;
}

#nav:after{
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
	}
}

/* Links
----------------------------------------------- */
a { color: #003300; text-decoration: none; }
a:link { color: #003300; text-decoration: none;}
a:visited { color: #003300; }
a:hover { color: #cc6600; text-decoration: underline;}
a:active { color: #003300; text-decoration: none;}

#col3home a ,
#col3home a:link,
#col3home a:active,
#col2 a ,
#col2 a:link,
#col2 a:active {text-decoration: underline;}

span.floated_link {
	float: right;
	margin-top: 26px;
}
body:last-child:not(:root:root) span.floated_link { margin-top: 24px; } /* Targets Safari/Webkit only */

/* preview slice above entries table playing up */
body:last-child:not(:root:root) #preview_slice { top: -201px; } /* Targets Safari/Webkit only */

/* Slideshow */

#slideshow,
#linkslideshow  {
    position:relative;
    height:400px;
}

#slideshow IMG,
#linkslideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active,
#linkslideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active,
#linkslideshow IMG.last-active {
    z-index:9;
}

.productsummary{ margin-top: 10px;}


.productsummary:after{
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}

.productsbox, .accessorybox{
	float:left;
	width: 200px;
	height: 390px;
	padding: 10px;
	margin: 16px 16px 0 0;
	border: 1px solid #CDD3DF;

}

.accessorybox {height: 300px;}
.accessorybox p {font-weight: bold; font-size: 14px;}
a img.thumb:hover{
background: #003300;
}


.right{
	margin-right: 0px;
}

.alternate{
	background-color: #CDD3DF;
}
}