/**

 * @author      Torsten Reutershahn

 * @package     Joomla!

 * @subpackage  HTML5 Mogworld-Template

 * @link        http://www.hqnetwork.de

 * @email       torsten.reutershahn@googlemail.com

 * @copyright   Torsten Reutershahn

 *

 * HTML5 Mogworld.de Template

 * Copyright (C) 2012 Torsten Reutershahn

 *

**/



/*****************Allgemeine Formatierungen **************/



*{

  margin: 0px;

  padding: 0px;

  

}



html, body{

  background: #000;

  height:100% auto;

  

background: rgb(0,0,0); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzYzNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(99,99,99,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(99,99,99,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(99,99,99,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(99,99,99,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(99,99,99,1) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(99,99,99,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#636363',GradientType=0 ); /* IE6-8 */

  

}



/**************************TYPO**********************************/



body {

  width:100% auto;

  font-family: Calibri, Verdana, Geneva, sans-serif;

  padding-top:20px;

  font-size: 14px;

  color: #444;

}



h2 {

  font-size: 20px;

  color: #666;

}



p {

  padding-top: 5px;

}



a img {

  border:0px;

}





/*********************Layout Formatierung************************/



#wrapper {

    width: 1050px;

    margin: auto; /* Div soll zentriert werden */

    min-height: 100%; /* Mindesthöhe für moderne Browser */

    height:auto !important; /* Important Regel für moderne Browser */

    height:100%; /* Mindesthöhe für den IE */

    overflow: hidden !important; /* FF Scroll-leiste */

    border: 1px solid #444;

  

  

}



#main-nav-bg {

  width: 100%;

  height: 130px;

  

  background: url("../images/header/background_lochblech.png") repeat scroll 0 0 transparent;

}



#mainheader {

  width: 1050px;

  height: 100% auto;

  float: left;

}



#trust {

  float:left;

  margin-left:60px;

  margin-top:5px;

  width:208px;

}



#geo {

    float:left;

    margin-left:15px;

    margin-top: 10px;

  border:none;

}



#SSL {

  float:left;

  margin-left:15px;

}





#loginform {

  width: 795px;

  height: 60px;

  float:left;

}



#loginform1 {

  width: 1050px;

  height: 0px;

}



#logo-header {

  width: 250px;

  height: 112px;

  float: left;

  margin-left: 5px;

  margin-top: -2px;

}





#main-navigation{

  margin:0;

  padding:0;

  min-width: 1%;

  max-width: 100%;

  float:left;

  z-index:1;

}



#login {

    width: 100% auto;

    height: 100%;

    padding-left: 270px;

  margin-right:10px;

    float: left;

}



#searchmodul {

    width: 100% auto;

    height: 100%;

    padding-left: 0px;

    float: left;

}



#language-select {

    width: 100% auto;

    height: 100%;

    padding-left: 0px;

  color: #aaaaaa;

  font-weight:bold;

    float: left;

}



#overcontent {

  width:100%;

  height:auto;

}



#content-nav {

  width: 820px;

  height: auto;

  float: left;

}



#social-buttons {

  width: 230px;

  height: auto;

  float: left;

}



#social-buttons-ft {

  width:100% auto;

  float:left;

  margin-left: 55px;

  margin-top: 20px;

}



#breadcrumb {

  width: 1050px;

  height: 25px;

  color: #fff;

  border-bottom:1px solid #282828;

  float: left;

  background: rgb(79,79,79); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiM0ZjRmNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMyMTIxMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, rgba(79,79,79,1) 17%, rgba(33,33,33,1) 75%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,rgba(79,79,79,1)), color-stop(75%,rgba(33,33,33,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(79,79,79,1) 17%,rgba(33,33,33,1) 75%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(79,79,79,1) 17%,rgba(33,33,33,1) 75%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(79,79,79,1) 17%,rgba(33,33,33,1) 75%); /* IE10+ */

background: linear-gradient(to bottom, rgba(79,79,79,1) 17%,rgba(33,33,33,1) 75%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#212121',GradientType=0 ); /* IE6-8 */

  }



#header-bg {

  float:left;

}

  

  





#header-subnav {

  width: 1050px;

  min-height: 0px;

  height: 110px auto;

  padding-left:15px;



  

  float:left;



  background: #282828

}



.nsi-container a img {

    

  

}



.nsi-container a:hover img {

    

  opacity: 0.65;

}



.nsi-container span:hover {

  color: #dddddd;

}



#content {

  width: 1050px;

  height: auto;

  padding-top:10px;

  min-height: 400px;

  background-color: #151515;

  float:left;

}



.tip-wrap {

    color: #000;

    background-color: #090;

}



article {

  width: 543px;

}



#artikeltext {

  width: 770px;

  margin-bottom: 15px;

  padding-left:20px;

  padding-top:5px;

  padding-bottom:5px;

  float: left;

    color: #aaa;

  background: #282828;

  

}



#artikeltext a {

    color:#DDDDDD;

}



#artikeltext a:hover {

    color:#CCCCCC;

}



#artikeltext .leading-0 h2 {

    width:99%;

    height: 35px;

    text-decoration: none;

    line-height: 35px;

    text-indent: 10px;

    background-color: #151515;

    border-bottom: 1px solid #777;

}



#artikeltext .leading-1 h2 {

    background-color: #151515;

    border-bottom: 1px solid #777777;

    height: 35px;

    line-height: 35px;

    text-decoration: none;

    text-indent: 10px;

    width: 99%;

}



#artikeltext .leading-2 h2 {

    background-color: #151515;

    border-bottom: 1px solid #777777;

    

   

    height: 35px;

    line-height: 35px;

    text-decoration: none;

    text-indent: 10px;

    width: 99%;

}



#artikeltext .leading-3 h2 {

    background-color: #151515;

    border-bottom: 1px solid #777777;

    

   

    height: 35px;

    line-height: 35px;

    text-decoration: none;

    text-indent: 10px;

    width: 99%;

}





#artikeltext h2 a {

    text-decoration: none;

    font-size: 18px;

}



#artikeltext h2 {

  color: #eee;

}



#content-include {

    margin-right: 15px;

}



#trusted-logo {

  width: 240px;

  height: 100%;

  float: left;

  margin-left: 10px;

    padding-left:10px;

  margin-bottom:10px;

  display: block;

  color: #aaa;

  background: #282828;

  

}



#trusted-logo h3 {

    width:97%;

    height: 25px;

    text-decoration: none;

    line-height: 25px;

    text-indent: 5px;

    margin-top: 5px;

    padding-right: 0px;

    background-color: #151515;

    border-bottom: 1px solid #777;

    

}



#trusted-logo h3 a {

    text-decoration: none;

    font-size: 18px;

}





#trusted-logo .search {

    margin-top: 5px;

}



footer {

  width: 1050px;

  height: 53px;

  float: left;

  background-color: #282828;

}



/************************Main - Navigation*******************/





.jt-menu li:hover {

    background:cdcdcd#;

}



.jt-menu li li {

  background:#000;

}



.jt-menu li:hover li {

    background:#333;

    opacity: 0.9;

}



#main-navigation a {

  text-shadow: -3px -3px 4px #000000;

  filter: dropshadow(color=#000000, offx=-3, offy=-3);

}



#topnavi {

  float:right;

}







/********************************Sub-Navigation**************************/



#breadcrumb-menu {

  list-style-type: none;

  width: 1050px;

  margin-left:5px;

  

  float:left;



}



#breadcrumb-menu .pathway {

  font-family: Verdana, Geneva, sans-serif;

  font-size: 11px;

  color: #fff;

}



#breadcrumb-menu li{

  font-family: Verdana, Geneva, sans-serif;

  font-size: 11px;

  line-height: 25px;

  text-align:left;

  color: #FFF;

  

  float:left;



}



#breadcrumb-menu li a{

  width: 200px;

  height: 25px;

  line-height:25px;

  float:left;

  

  

  font-family: Verdana, Geneva, sans-serif;

  font-size: 11px;

  

  text-align:left;

  color: #FFF;

  text-decoration: none;

  

}



#content-nav .menu {

  width: 820px;

  list-style-type: none;

}



#content-nav .menu li a {

  width: 95px;

  height: auto;

  display: block;

  float: left;

  text-decoration: none;

  color: #996633;

  border-right: 1px solid #000;

  

}



#content-nav .menu li:last-child a{

  border-right: none;

}



#content-nav .menu li a:hover {

  color: #666;

}



#content-nav .menu li {

  width: 102px;

  height: auto;

  margin-top: 10px;

  display: block;

  float: left;

  text-align: center;

  text-decoration: none;

  

}



#social-nav .menu {

  width: 230px;

  list-style-type: none;

}



#social-nav .menu li a {

  width: 115px;

  height: 45px;

  display: block;

  float: left;

  border:hidden;

}



#footer-nav .menu {

  

  list-style-type: none;

}



#footer-nav .footer1 {

  display: block;

  float: right;

  padding-right:10px;  

  margin-right: 5px;

  text-align: center;

  text-decoration: none;

  color: #CCC;

  

}



#footer-nav .footer2 {

    visibility:hidden;

}



#footer-nav .menu li a {

  display: block;

  float: right;

  padding-right: 10px;

  margin-right: 5px;

  text-align: center;

  text-decoration: none;

  color: #CCC;

  border-right: 1px solid #CCC;

  

}



#footer-nav .menu li:first-child a{

  width: 110px auto;

  border-right:none;

}

  



#footer-nav .menu li a:hover {

  color: #eeeeee;

}



#copyright .menu {

  list-style-type: none;

}



#copyright .footer1 {

  float: left;  

  margin-top: 15px;

  margin-left:5px;

  text-align: center;

  text-decoration: none;

  color: #CCC;  

}



#copyright .footer2 {

    visibility:hidden;

}



/****************************Header-Picnavi*******************************/



#picture-nav .menu {

  width: 1050px;

  list-style-type: none;

}



#picture-nav .menu li a {

  width: 210px;

  height: 75px;

  border: hidden;

  opacity: 1;

  padding-top: 10px;

  line-height: 20px;

  text-align: center;

  display: block;

  float: left;

  text-decoration: none;

  color: #fff;

}



#picture-nav .menu li a:hover {

  width: 210px;

  height: 75px;

  opacity: 0.50;

  padding-top: 10px;

  line-height: 20px;

  text-align: center;

  display: block;

  float: left;

  text-decoration: none;

  color: #fff;

  

}



#picture-nav .menu li a #subnav-bilder {

    -webkit-box-shadow: -3px -2px 6px 3px rgba(0, 0, 0, 0.3);

    box-shadow: -3px -3px 5px 3px rgba(0, 0, 0, 0.3);

}





#slider {

  width: 1050px;

  height: 235px;

  margin: 0px auto;

}





#HLrender LI a {

    color:#000;

}



#HLrender LI a:hover {

    color: #EFEFEF;

}



/******************************Warenkorb-Button*****************/









#angebot a {

    color:#996633;

    font-weight: bold;

}



#angebot a:hover {

    color:#666;

}



/***************Facebox*******************/



#facebox {

    background-color: #333;

}



#facebox a {

    color:#996633;

    font-weight:bold;

}



#facebox a:hover {

    color:#666;

}



.yagCartIcon {

    margin-left: 50px;

    margin-right: auto;

    

}







/******************************Virtuemart**********************/



.orderby-displaynumber {

  border: none;

}



.message {

  color:red;

}



#payment-methods {

  margin-left: 45px;

  margin-top: 20px;

  float:left;

}



#payment-paypal {

  float:left;

  margin-left: 15px;

  margin-top:20px;

}



#trusted-logo #shipping-dhl .dhl {

  float:left;

  margin-left: 30px;

  margin-top: 10px;

}





#AG_01 a.AG_album_thumb, #AG_01 div.AG_album_wrap, #AG_01 a.AG_pagin_link, #AG_01 a.AG_pagin_prev, #AG_01 a.AG_pagin_next {

    border:none;

}



.topnavi {

    color:#FFF;

    height:0px;

    padding:0px;

    position:absolute;

    top:;

    width:745px;

  float:left;

  margin-left:50px

}

.fixed {

    position:fixed;

    top:-25px;

  width:1050px;

  float:left;

  margin-left:-255px;

  z-index:99999;

}
.yagVmCategoryGridProdPriceBoxRedInner {
	text-align:center;
}