/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
.suche
{
padding-left:10px;
margin:7px;
font-size: 12px;
font-family: "trebuchet ms", helvetica, sans-serif;
color:#ffffff;
}

.infoBoxHeading
{
font-size: 14px;
font-family: "trebuchet ms", helvetica, sans-serif;
}
.Angebot
{
border-top:0px solid #650164;
}

#index_imp
{
margin-left:5px;
padding:5px;
}

* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font: 100% Verdana; 
   font-size: 13px;
   line-height: 1.3em;
   background: url("img/template/bg01.gif");
   margin:2em; /* MBH: Abstand des Body nach oben hin */
}
.main
{
 font-size: 12px;
   font-family: "trebuchet ms", helvetica, sans-serif;
}
/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border:0px;
}


/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link, 
a:active {
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #650164; 
}

a:visited {
   background-color: inherit;
   color: #650164;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: #inherit;
   color: #c060bf;
}

/*****************
basic layout 
*****************/


/* MBH: Pagewrapper Header */
#pagewrapper_header {
   left:-20px; 
   position:relative;
   margin:auto;
   width: 994px;
   height:193px;
   color: #000;
   z-index:10;
   background: transparent url("img/template/shadow_header.png")
}

/* MBH: Pagewrapper Content */
#pagewrapper_content {
   left:-20px; 
   top:35px;
   position:relative;
   margin:auto;
   width: 994px;
   height: 500px;
   color: #000;
   z-index:9;
   background: transparent url("img/template/shadow_bg.png") repeat-y; 
}


/*****************
basic layout 
*****************/

#header {
   height: 180px; /* adjust according your image size */
}

#header h1 a {
/* you can set your own image here */
   background-position: center;
   display: block; 
   height: 180px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}
/*richtig*/
#content {
  position:relative;
  width:970px;
  left:12px;
  background:#fff;
  height:500px;
}

#menu_vert {
   position:relative;
   top:13px;
   left:0px;   
   width: 994px;
   height: 35px;
   z-index:100;
   background: transparent url("img/template/shadow_menu.png");
}

#smenu {
   position:relative;
   top:0px;
   left:0px;
   width: 959px;
   height: 20px;
   text-align:right;
   padding:5px;
}

#menu{
   position:absolute;
   left:-5px;
   top:0px;   
}


#main {
   position: absolute;
   right:0px;
   overflow: auto;
   overflow-x: hidden;
   overflow-y: scroll; 
   height: 470px;
   width:740px;
}

.copyright{
position:relative;
width:100%;
top:60px;
text-align:center;
float:auto;

}

#main img{
  border-top:0px solid #a3a3a3;
  border-right:0px solid #a3a3a3;
  border-bottom:0px solid #a3a3a3;
  border-left:0px solid #a3a3a3;
}


#sidebar {
   position:absolute;
   left:9px;
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   display: inline;  /* FIX ie doublemargin bug */ 
}

/* if sidebar doesnt include menu but content add class="hascontent" */
#sidebar.hascontent {
   padding: 0px;
   width: 21%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

#footer{
   position: absolute;
   top:500px;
   clear: both;
   height: 25px;
   padding: 2px;
   text-align: center;
   font-size: 12px;
   font-family: "trebuchet ms", helvetica, sans-serif;
   color: #fff;
   background: url("img/template/shadow_footer.png") repeat-y;
   width:994px;
}
#footer a{
   font-size: 12px;
   font-family: "trebuchet ms", helvetica, sans-serif;
   color: #fff;
   text-decoration:none;
}
#footer a hover{
   font-size: 10px;
   font-family: "trebuchet ms", helvetica, sans-serif;
   color: #fff;
}

/********************
CONTENT STYLING
*********************/


/* HEADINGS */
.contentsTopics h1, .moduleHeading h1, .pageHeading h1, h1 {
   font-size: 1.3em;  /* font size for h1 */
   line-height: 1em;
   margin-bottom: 20px;
}
.contentsTopics h2 {
   color: #650164; 
   font-size: 1.5em; 
   text-align: left; 
/* some air around the text */
   padding-top: 5px;
   padding-left: 0.5em;
   padding-bottom: 1px;
/* MBH: Border unter Titel */
   line-height: 1.5em;
   margin: 0 0 0.5em 0;
}
.contentsTopics h3 {
   color: #650164; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
.contentsTopics h4 {
   color: #650164; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
.contentsTopics h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
.contentsTopics h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */


/*Content stlyes*/
.link a {text-decoration:none;color: #636363;font-size:12px;font-family: Tahoma, Arial, Helvetica, sans-serif;}

/*Menü style*/

.clearb { clear: both; }
#menuwrapper { 
   left:18px;
   position:relative;
   width:969px;
   background-color: #660066;
}

#menu_vert a, #menu_vert a:visited , #menu_vert a:link, #menu_vert a:active{
   color: #fff;
   z-index:100; 
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li {
   
   width: 200px;
   z-index:100;   
}

/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px;
   z-index:100; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none;
    z-index:100;
    text-decoration: none;  
}

	
#primary-nav li { 
   margin-left: -1px;
   float: left; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   color: #650164; /* MBH: Schriftfarbe Navi */
}
#primary-nav li a { 
   border-right: 1px solid #C0C0C0;
   border-left: 1px solid #C0C0C0;
}
#primary-nav li li a { 
   border: 1px solid #C0C0C0;
}	
#primary-nav li, #primary-nav li.menuparent { 
   background-color: #a900a9; /* MBH: Hintergrund inaktive Links */
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
   background-color: #660066; /*MBH: Hintergrund aktive Links */
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #650164; 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}
.menuactive menuparent li{
text-decoration:none;
}

/*Ende Menü*/

/*product info html*/

#product_info_heading{
 position:relative;
}
#product_info_image{
 position:relative;
 float:left;
 top:30px;
 width:350px; 
 display: inline;

}
#product_info_info{
 border-left:1px solid #650164;
 position:relative;
 width:300px;
 margin-left:360px;
 padding:20px;
 
}

/* Positionierung des WineinModeration Logos */
a#eckBild {
position: absolute;
right: 15px;
bottom: 15px;
display: block;
width: 150px; /* entspricht der Grafikbreite */
height: 33px; /* entspricht der Grafikhöhe */
background: url(http://www.weinhaus-schuh.de/uploads/images/home/wineinmoderation.png);
}

a#eckBild span {
display: none;
}