/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/

/*-------------------------schraubemännle-------------------------------------------------*/
@import url("item_style.css");
@import url("formstyle.css");

html, body{ height: 100%;}

body {
  width:   100%;
  margin:   0px;
  padding : 0px;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 140%;
  color: #333333;
  background-color: #ffffff;
}

p { margin: 2px 0px 2px 0px;}

h1{
   padding:0px;
   padding-bottom:4px;
   font-size: 14px;
   color: #7f1314;
   font-weight: bold;
}

h2{
   padding:0px;
   padding-bottom:2px;
   font-size: 14px;
   color: #7f1314;
}

h3{
   padding:0px;
   margin:10px 0px 4px 0px;
   font-size: 12px;
   color: #7f1314;
}

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

a:hover{text-decoration: underline;}

a.confirmationEdit {
	color: #7f1314;
	font-style: italic;
}
a.confirmationEdit:hover {
	color: #7f1314;
	font-style: italic;
	text-decoration: underline;
}


img{border:0px;}

input.tt { border: 1px solid #808080; height: 18px; font-size: 12px; }
input.ta { border: 1px solid #808080; font-size: 12px; }

ul{
  border: 0px solid fuchsia;
  margin-left:0px;
  padding-left:0px;
  color:#7f1314;
  font-size: 13px;
  font-weight: bold;
  list-style: none;
  list-style-position: outside;
  line-height: 160%;
}

li{padding: 0px;}

table{}

td{vertical-align:top;}

.onepxwidth {
	width: 1px;
}

.infoBoxHeading,
.contentsTopics,
.moduleHeading {
  font-size: 18px;
  padding-top: 16px;
}

#wrapper{
  width: 920px;
  margin: auto auto;
  min-height: 100%;
  position: relative;
}

* html #wrapper{height: 100%;} /* IE Hack für 100 % Höhe */

#content {margin-bottom: 60px; float: left;}

#topframe{width: 920px;  height: 39px;}

#topmenu{
  border: 0px solid black;
  position: relative;
  top:0px;
  left: 0px;
  width: 920px;
  height: 39px;
  z-index:2;
  padding-top:   23px;
  padding-right: 100px;
  vertical-align:bottom;
  text-align:right;
  font-size:2px;
  font-weight:bold;
  background-image: url(img/background_top.gif);
  background-repeat: repeat-y;
}

html>body #topmenu{
  width: 820px;
  height: 16px;

}

#tmtxt{
  position:absolute;
  top: 20px;
/*  right: 102px;*/
  right: 202px;
  z-index:10;
  font-size:10px;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  color: #fdaf1b;
}

#headbar{
  border: 0px solid black;
  position: absolute;
  top: 40px;
  left: 0px;
  margin:   0px;
  padding:  0px;
  width:  920px;
  height: 137px;
}

#hblogo{
  border-left: 1px solid #e3e3e3;
  position: absolute;
  top:39px;
  left: 0px;
  z-index:15;
  width:  215px;
  height: 137px;
}

#hbbanner{position:absolute; top:-1px; left:220px;width:705px; height:137px;}

#maennle{
  display: block;
  position: absolute;
  top:   0px;
  right: -57px;
  width: 407px;
  height:225px;
  z-index: 10;
  background-image: url(img/palme.jpg);
  background-repeat: no-repeat;
}

html>body #maennle{z-index:4;}


/*---Menüleiste---*/
#menubar{
  border: 0px solid green;
  position: absolute;
  top:176px;
  left: 0px;
  width: 920px;
  height: 42px;
  z-index: 2;
  background-image: url(img/background_menubar.jpg);
}

#menubar a{display:block; text-decoration:none; float: left;}

#menubar img{position:relative; z-index:15;}

#suche{
  border: 0px solid blue;
  position:relative;
  margin-left: 10px;
  width: 224px;
  height: 32px;
  float: left;
  background-image: url(img/suche.gif);
  background-repeat: no-repeat;
}

#suche img{z-index: 2;}

#sbox{
  border:0px solid yellow;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 5px;
  left:6px;
  z-index:10;
  vertical-align: top;
}

#sbox input{
  border: 0px solid blue;
  margin: 0px;
  padding: 0px;
} 

.logbutton {
  position: absolute;
  top:176px;
  left:570px;
  z-index:10;
  text-decoration:none;
}
/*---Ende Menüleiste--*/

#menucol {
  border: 0px solid black;
  margin: 0px;
  padding:5px 13px 0px 18px;
  position:relative;
  z-index: 1;
/*   width: 180px; */
  line-height: 160%;

}

h1, .mnttl{
   margin: 0px 0px 0px 5px;
   padding:0px;
   padding-bottom:4px;
   color: #7f1314;
   font-size: 14px;
   font-weight: bold;
   text-transform:uppercase;
}

h1{
   margin: 0px;
   text-transform: none;
}

#menucol a {
  display: block; 
  margin: 4px 0px 0px 5px;
/*   margin-left: 5px; */
  color: #000000;
  font-size: 12px;
  font-weight: normal;
}

#menucol .moduleRow {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background-color: #ECEEF2;
 border: 0px;

}
#menucol .moduleRowOver { 
  background-color: #D7E9F7; 
  border: 0px;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
}

#menucol .moduleRowSelected { 
  background-color: #E9F4FC; 
}

#menucol .sv_menu0 {
  margin-left: 5px;
  font-size: 12px;
}

#menucol .sv_menu1 {
  margin-left: 13px;
  font-size: 10px;
}

.menuline{
  border: 0px solid green;
  margin-left: 5px;
  width:180px;
  height: 1px;
  overflow:hidden;
  background-image: url(img/menu_line.gif);
  background-repeat: no-repeat;
}



#mainpart{
  border: 0px solid #ccc;
  margin-top:  186px;
/*   margin-bottom: 60px;/**/
  position: relative;
  top:     0px;
  left: 0px;
  z-index: 100;
  width: 920px;
  background-image: url(img/background_menu.jpg);
  background-repeat: repeat-y;
}

#mbg{
  border: 0px solid green;
  position: absolute;
  z-index: 5;
  left:0px;
  bottom:0px;
  width: 215px;
  height:100%;
  z-index: 1;
  background-image: url(img/background_menu.jpg);
  background-repeat: repeat-y;
}


#textcol{
  border: 0px solid yellow;
  padding-right: 50px;
  width: 330px;
}

html>body #textcol{width:284px;}

#itemcol{
  border: 0px solid blue;
  padding-top: 25px;
  width:300px;
}

html>body #itemcol{width:309px;}

/*--- Item Box ---*/
.itemframe{
  border: 1px solid #000000;
  margin: 0px;
  padding:0px;
  width: 309px;
  height: 100%;
}

.iftxt{
  padding-top: 4px;
  padding-bottom: 8px;
  padding-left:16px;
  width: 194px;
  float: left;
}

html>body .iftxt{width:167px;}

.preis{color: #7f1314;font-weight:bold;}

.ifpic{
  margin:0px;
  padding: 0px;
  width: 115px;
  height: 100%;
  float: right;
  background-color: #ede9ce;
}

.itemabs{width:309px; height:14px;overflow: hidden;}
/*---Ende Itembox---*/

/*---Fussleiste---*/
#footbar{
  border: 0px solid #ccc;
  margin: 0px;
/*   padding: 10px 0px 10px 0px; */
  position: absolute;
  bottom:0px;
  left: 0px;
  z-index: 20;
  width:920px;
  height: 60px;
  color: #ffffff;
  font-size: 10px;
  line-height: 140%;
  text-align:center;
  background-image: url(img/background_foot.jpg);
  background-position: left;
/*   background-repeat: repeat-y; */
  background-repeat: no-repeat;
}

* html #footbar {bottom: -1px;} /* Nächster IE Hack, da bottom: 0; als bottom: 1px interpretiert wird */

#backleft {
  background-color: #e3e3e3;
  position: absolute;
  width: 5000px;
  height: 100060px;
  top: -100000px;
  left: -5000px;
}

.clboth{clear: both;}

/*--- 2010-07-08-*/
#menucol .soztag{display: inline;}