/*
 *
 * Template: mbs-online
 * (c) 2009 by Meins und Vogel GmbH
 * www.muv.com info@muv.com
 *
 * Dieses Template und alle damit verbundenen Dateien ist urheberrechtlich geschützt!
 * 
 */

 
/*#####################################################################################################
                                                   LAYOUT
  #####################################################################################################*/

* { 
  padding: 0; 
  margin: 0; 
  }

body {
	color: Black;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: White;
}

#wrapper-content div {
	overflow: hidden; 
}


img {
	border: none;
}

p, h1, h2, h3, h4, h5, h6 {
  margin-top: 10px;
}

ul {
  margin:20px;
}

#wrapper {
	margin: 10px auto;
	width: 998px;
}

#header {
    float: left;
    height: 120px;
    position: relative;
    width: 100%;
}

#header-content {
    left: 0;
    position: absolute;
    top: 0;
}

#header-system {
	width:475px;
	height:120px;
	margin:0px 0px 0px 575px;
	position:absolute;
	
}

/* Das Aussehen aller links im Header ! */
#header a{
  /* Die Farbe des Links */
  color: #000000;
  text-decoration:underline;
  font-weight: normal;
}

#header-logo {
	float: left;
	color: White;
}

#header-content {
	float: left;
	width: 998px;
}

#header-right {
	float: left;
	color: White;
}

#header-content a.normal {
	color: #000000;
}

#header-content a.selected {
	color: Black;
}

#topmenu {
  float: left;
  background: transparent;
  height: 27px;
  width: 998px;
}

#topmenu a.normal {
	color: Black;
	height: 51px;
}

#topmenu a.selected {
	color: white;
	height: 51px;
}

#heightcolumn { 
  width: 0px;
  float: left;
  height: 550px;
}

#leftcolumn { 
  margin-left: 18px;
  margin-bottom: 15px;
  width: 200px;
  float: left;
  display: inline; /* IE6 hack */
	overflow:visible !important;
}

#leftcolumn a { 
  color: Black;
  text-decoration: none;
}

.left-header {
	padding-left: 5px;
	padding-top: 5px;
	background: #333333;
	background: -moz-linear-gradient(top, #555555, #2a2a2a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555555), to(#2a2a2a));
	background: -o-linear-gradient(top, #555555, #2a2a2a);
	height: 20px; 
	color: #ffffff;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	-o-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	overflow: visible;
	-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-o-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	text-align:center;
}

.left-header-caption{
	-transform: rotate(-2deg) !important;
	-webkit-transform: rotate(-2deg)!important;
	-moz-transform: rotate(-2deg)!important;
	-o-transform: rotate(-2deg)!important;
	}
.left-content {
	padding: 5px 5px 5px 5px;
	/*border-left: 2px solid #da251d;
	border-right: 2px solid #da251d;
	border-bottom: 2px solid #da251d;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-radius: 0px 0px 10px 10px;*/
}

#wrapper-content {
	background: white;
	float: left;
	width: 998px;
	padding-top: 15px;
}

#content-news {
  padding: 5px 0px 0px 0px; 
  height: 30px;
  background: url(content-news-hg.jpg) top left no-repeat; 
}

#content { 
  margin-left: 15px;
  margin-bottom: 15px;
  float: left; 
  width: 529px;  
}

#content-big { 
  margin-left: 15px;
  margin-bottom: 15px;
  float: left; 
  width: 747px;  
}

#rightcolumn { 
  margin-left: 18px;
  margin-bottom: 15px;
  width: 200px;
  float: left;
  display: inline; /* IE6 hack */
}

#rightcolumn a { 
  color: Black;
  text-decoration: none;
}

.right-header {
	padding-left: 5px;
	padding-top: 5px;
	background-image: url(right-top.jpg);
	height: 17px; 
	color: #ffffff;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.right-content {
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	border-left: 1px solid #da251d;
	border-right: 1px solid #da251d;
	border-bottom: 1px solid #da251d;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}

#rightcolumn-pinocchio .right-header {
	padding-left: 5px;
	padding-top: 5px;
	background-image: url(right-pinocchio-top.jpg);
	height: 17px; 
	color: #ffffff;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#rightcolumn-pinocchio .right-content {
	padding: 5px 5px 5px 5px;
	border-left: 1px solid #0033ff;
	border-right: 1px solid #0033ff;
	border-bottom: 1px solid #0033ff;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}

#footer{ 
	padding: 10px 20px 15px 20px;
 	width: 958px;
 	clear: both;
	background: url(footer-hg.jpg) left top no-repeat; 
	height: 35px; 
	color: Black;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
 }

#footer a { 
	color: Black;
 }

#muv_link, #muv_link a{
	padding-top: 5px;
	text-align: center;
	color: #b8b8b8;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*#####################################################################################################
                                                   CONTENT
  #####################################################################################################*/
h1, h2, h3, h4, h5, h6 {
	color: #000000;
	font-style: italic;
	font-weight: bold;
}

h1 {	font-size: 26px; }
h2 {	font-size: 22px; }
h3 {	font-size: 19px; }
h4 {	font-size: 17px; }
h5 {	font-size: 13px; }
h6 {	font-size: 11px; }

a {
	color: Black;
	font-weight: bold;
	text-decoration: none;
}

hr {
	color: Black;
	background-color: Black;
	border: none;
	height: 1px;
}

.bghighlight {
  padding: 3px;
  width:81px;
  }
  
  
  
#wrapper_menu .menu {
  margin: 0px;
}  
  
/*//////////////////////*/
/* Button Konfiguration */
/*//////////////////////*/
  
input[type="submit"], input[type="reset"]{
	color: #ffffff;
	background: #333333;
	background: -moz-linear-gradient(top, #555555, #2a2a2a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555555), to(#2a2a2a));
	background: -o-linear-gradient(top, #555555, #2a2a2a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF555555, endColorstr=#FF2a2a2a);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF555555, endColorstr=#FF2a2a2a)";	
	border:1px solid #333333;
	border-radius: 5px;
}

input[type="submit"]:hover, input[type="reset"]:hover{
	color: #fff;
	background: #555555;
	background: -moz-linear-gradient(top, #555555, #2a2a2a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555555), to(#2a2a2a));
	background: -o-linear-gradient(top, #555555, #2a2a2a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF555555, endColorstr=#FF2a2a2a);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF555555, endColorstr=#FF2a2a2a)";	
	border:1px solid #333333;
	border-radius: 5px;
}

/* Konfiguration für die Artikel Anzeige */
.artikelconfig {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px !important;
	width:200px;
	padding: 5px;
	color: #ffffff !important; 
	background: #333333;
	background: -moz-linear-gradient(top, #333333, #2a2a2a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#2a2a2a));
	background: -o-linear-gradient(top, #333333, #2a2a2a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF333333, endColorstr=#FF2a2a2a);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF333333, endColorstr=#FF2a2a2a)";	
	border:1px solid #333333;
	margin: 7px;
    border-radius: 3px;
}   

.arrows {
	/*margin-left: 100px !important;*/
	margin: 0 auto;
	width: 320px;
	height: 30px;
	text-align: center;
}

.config_rahmen {
	text-align: center;
}



/*//////////////////////*/
/* Rahmen Konfiguration */
/*//////////////////////*/

/* Rahmen für die Gallerie in der Artikelbeschreibung */
.gallery {
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #999;
}


/* Rahmen für die Artikelgruppen und Artikel */
.artikelgruppen {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #999;
	
}

/* Rahmen für die Artikelanzeige und Artikel */
.artikelliste {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #999;
	
}

/* Rahmen für die Markenanzeige */
.markenrahmen {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #999;
	
}

/* Rahmen für Angebot */
#angebot {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border:2px solid #da251d;
	
}

/* WARENKORB */
.y42-ishop-order-form {
  width:100px;
  float: left !important;
  }