@charset "utf-8";
/** 
 * Magento
 *
 * @category    design
 * @package     LedsCom
 * @copyright   Copyright (c) 2014 LedsCom (http://www.leds-com.de)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Reset ================================================================================= */


.testtesttest {background:none;}
html          { background:#fff; font:12px/1.35 'Noto Sans', sans-serif; color:#000;}
* { margin:0; padding:0; border:none; }
img           { border:0; vertical-align:top; }
body		  { font-family:'Noto Sans', sans-serif;margin:0;padding:0;}
a             { color:#05c; text-decoration:underline; }
a:hover       { text-decoration:none; }
:focus        { outline:0; }

/* screen reader */
.screen-reader{
	 position: absolute;
	 top: -9999px;
	 left: -9999px;
	 display:none;}


/*============ fonts ==========*/

/* piktogramme */
@font-face {
    font-family: 'ledscom';
    src: url('../fonts/ledscom_v2-7-3/ledscom.eot');
    src: local('x'), 
    url('../fonts/ledscom_v2-7-3/ledscom.woff') format('woff'), 
    url('../fonts/ledscom_v2-7-3/ledscom.ttf') format('truetype'),
    url('../fonts/ledscom_v2-7-3/ledscom.svg#webfontIyfZbseF') format('svg');}
	
	
	
.icon { font-family: 'ledscom';}
[data-icon]:before {font-family: 'ledscom';	content: attr(data-icon); speak: none;vertical-align:middle;}
.ico-alone { display: inline-block; /* Chrome 19 was weird with clickability without this */ }

/* ======================================================================================= */


/*====================================== Layout ========================================== */
.wrapper {min-width:1000px; 
	max-width:1920px;
	margin:0 auto; }

.header, .page{ width:100%;}
.page {text-align:left; width:auto; margin:10px 0  0 290px; min-width:100px; max-width:5000px;position:relative;}

/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }




/*.header .welcome-msg { font-weight:bold; text-align:right; }
.header .welcome-msg a {}

.header .form-search .search-autocomplete { z-index:999; }
.header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; }
.header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; }
.header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; }
.header .form-search .search-autocomplete li.selected {}
.header .form-language { clear:both; text-align:right; }
.header-container .top-container { clear:both; text-align:right; }
*/






/*==============================================================================*/
/*==============================================================================*/
/*==============================================================================*/
/*==========================        CONTENT        =============================*/
/*==============================================================================*/
/*==============================================================================*/
/*==============================================================================*/


h1, h2, h3{ margin:1.2em 0 0.3em 0;}
h3{ border-bottom:#DDD 1px solid;}
.zwei-spalten{-moz-column-count: 2; column-gap: 10px; }


/* ========================= breadcrumbs ==================== */ 
.breadcrumbs { display:block; width:100%; border-bottom: solid 1px #9c9e9f;padding-bottom:6px;position:relative;z-index:10;}

.breadcrumbs ul{ display:block; padding-bottom:3px;}
.breadcrumbs li { display:inline; list-style:none; padding:2px;}
.breadcrumbs a { text-decoration:none; color:#555;}
/*==============================================================*/

.col-main { margin-top:20px;}


.products-grid{ margin: 30px 0;}

.page-title{ color:#333; font-size:1em;}

.pager { display: inline-block; margin: 0; padding: 0 15px;}

/*@media only screen and (max-width: 1100px) {

/*zeigt das dropdown menü und dauerhaft den Kategorie baum
#nav .nav-0 ul{ display:none; position:absolute;}
#nav  .root{ z-index:1000; }
#nav .root-hover:hover{ background:#DDD; font-weight:bold;}
#nav li .level-root:hover{ background:#666;}


.page {text-align:left; width:auto; margin:10px 0  0 0; min-width:100px; max-width:5000px;}

.wrapper {padding: 0 1.667%;}

}*/

/*######################################################################################
#####################################  checkout  #######################################
######################################################################################*/