/* -----------------------------------------------------------------------------------------
   $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
   ---------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; }

BODY {
	color: #1D3860;
	background-color: #3B6195;
	background: url('img/back.jpg') left top repeat;
	font-family: Verdana;
	font-size: 12px;
}

#wrapper {
	position: relative;
	width: 940px;
  	margin: 0 auto;
  	border: 1px solid #FFFFFF;
  	margin-top: 15px;
  	background: url('img/backWrapper.gif') repeat-y;
}

#header {
	position: relative;
	background-color:#3B6195;
    	padding: 0 0 0 0;
	height: 200px;
	width: 940px;
	margin: 0px;
}

#content_wrapper {
	position: relative;
   	width:940px;
	height: 100%;
	background-color:#ffffff;
}

#content_left {
	float:left;
   	width:180px;
	height: 100%;
	background-color:#EFF5F9;
}

#content_right {
   	width:760px;
   	float:right;
	height: 100%;
	background-color:#ffffff;
}

#footer {
   width:960px;
   height:30px;
   float:left;
   background-color:#cccccc;
}

.content {
  padding: 5px 20px 5px 20px;
}

div.clear {
   clear:both;
}


/*  Navigation Top */

#navi_top {
  background: #3B6195 url('img/backNav.gif') top left no-repeat;
  height: 25px;
  width: 940px;
}

#navi_top .navi a {
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  padding: 0 35px;
  line-height: 24px;
}

#navi_top .navi a:hover {
  color: #9BFFDA;
  text-decoration: none;
}

/* Allgemeines  */

.nounderline {
  text-decoration: none;
}

.navtrail, .navtrail a {
  color: #8D94CB;
  font-size: 9px;
  padding: 5px 5px 2px 10px;
  height: 19px;
}

.dots {	border-bottom: 1px dotted #8D94CB; margin: 0 10px 10px 10px;}
.dotsCats {	border-bottom: 1px dotted #8D94CB; margin: 10px 15px -5px -10px; }
img {border: 0;}
.border {border: 1px solid #395D92;}
td.cats {background-color: #EFF5F9; height:210px; width:160px; padding: 4px 2px;}  /* indexseite */

.line {	border-top: 1px solid #395D92; height: 3px;	margin: 2px 0;}

/*  Text  */

h1 {
  font-size: 16px;
  color: #616AAC;
  font-weight: bold;
  margin: 0 0 10px 0;
}

h2 {
  font-size: 14px;
  color: #317B93;
  font-weight: bold;
  margin: 0 0 10px 0;
}

p, .text10, a, ul {
	font-family: Verdana;
	font-size: 12px;
	color: #1D3860;
}

A {
  text-decoration: none;
}

A:hover {
  color: #317B93;
  text-decoration: underline;
}

.text10 {font-size: 10px;}
.text11 {font-size: 11px;}

.red {color: #BE02C1;}
.pink {color: #BE02C1;}

.categories a {
	font-family: Verdana;
	color: #1D3860;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.indexCat1 {
	background: url('img/indexCat1.gif') top no-repeat;
	padding: 3px 50px;
}
.indexCat2 {
	background: url('img/indexCat2.gif') top no-repeat;
	padding: 3px 28px;
}
.indexCat3 {
	background: url('img/indexCat3.gif') top no-repeat;
	padding: 3px 27px;
}
.indexCat4 {
	background: url('img/indexCat4.gif') top no-repeat;
	padding: 3px 23px;
}
.indexCat5 {
	background: url('img/indexCat5.gif') top no-repeat;
	padding: 3px 15px;
}
.indexCat6 {
	background: url('img/indexCat6.gif') top no-repeat;
	padding: 3px 50px;
}
.indexCat7 {
	background: url('img/indexCat7.gif') top no-repeat;
	padding: 3px 18px;
}

.indexCat1, .indexCat2, .indexCat3, .indexCat4, .indexCat5, .indexCat6, .indexCat7 {
	color: #FFFFFF;
	font-weight: bold;
	line-height: 24px;
	width: 152px;
	height: 20px;
	margin-right: 0px;
}

a.indexCat1:hover, a.indexCat2:hover, a.indexCat3:hover, a.indexCat4:hover, a.indexCat5:hover, a.indexCat6:hover, a.indexCat7:hover {
  color: #9BFFDA; text-decoration: none;
}

ul, ol {
  list-style-position: inside;
}

/* BOXES */

.infoBoxHeading {
	color: white;
	background: url('img/backHeading.jpg') left top no-repeat;
	font-weight: bold;
	line-height: 21px;
	padding-left: 15px;
	height: 30px;
	margin-bottom: 7px;
}

#box {
	margin: 2px 5px 10px 15px;
}

#box_categories, #box_content, #box_info {					/* Kategorien  */
	margin: 0 0 8px 15px;
}

#box_categories a  {					/* Kategorien  */
  line-height:16px;
  font-size: 12px;
  text-decoration:none;
  font-weight: bold;
  color:#1D3860;
}

#box_categories a:hover, #box_content a:hover, #box_info a:hover {		/* Kategorien  */
  color: #36907D;
  text-decoration:none;
}

#box_content a, #box_info a { 		/* box_content = Box Service & Box Wichtiges  */
	line-height: 18px;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	color:#1D3860;
}

.infoBox {
	margin: 2px 5px 10px 15px;
}

/* Error message */

.errorBox {
	font-family : Verdana;
	font-size : 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #7BB3B4;
	padding: 3px 5px;
}

/* images */

.outline {
  background: #EFF5F9;
  padding: 4px;
}

/* ------------------------ */

CHECKBOX, INPUT, RADIO {
	font-family: Verdana;
	font-size: 12px;
}

select {
	font-family:Verdana;
	font-size:12px;
	border-width:1px;
	border-style:solid;
	border-top-color:#4E4E4F;
	border-left-color:#4E4E4F;
	border-bottom-color:#395D92;
	border-right-color:#395D92;
	padding: 1px;
	}

textarea {
	font-family: Verdana;
	font-size:12px;
	border-width:1px;
	border-style:solid;
	border-top-color:#4E4E4F;
	border-left-color:#4E4E4F;
	border-bottom-color:#395D92;
	border-right-color:#395D92;
	}

.formArea {
  background: #EFF5F9;
  padding: 4px;
}

.parseTime {
  color: #4872A4;
  font-family: Verdana;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}

.checkoutBarFrom, .checkoutBarTo { font-size: 9px; color: #333333; }
.checkoutBarCurrent { font-size: 9px; color: #7BB3B4; }

/* input requirement */

.inputRequirement { font-family: Verdana; font-size: 10px; color: #ff0000; }




.stockWarning {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	color: #cc0033;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	color: #70d250;
	text-decoration: underline;
}


FORM {
	display: inline;
}




A.pageResults {
	color: #0000FF;
	text-decoration: underline;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}



TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}


SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}


.copyright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  line-height: 1.5;
  text-align:center;
}

a.copyright {
  font-family: Verdana, Arial, sans-serif;
  color: #1D3860;
  font-size: 9px;
}

a.copyright:hover {
  font-family: Verdana, Arial, sans-serif;
  color: #36907D;
  text-decoration: underline;
  font-size: 9px;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

/* table listing */
.tableListingI { background-color: #EFF5F9;}

.tableListingII { background-color: #F7FBFE;}


.moduleRow {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}
.moduleRowOver {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
	}
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF;
	background-color: #666666;
	padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#FFFFFF;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}

.sitemap_sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px;}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}


/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }




.poweredby {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #000000;
  font-weight: bold;
}


/* tooltip */

#container
{
position: absolute;
}

a.tool span
{
display: none;
}

a.tool:hover span
{
display:block;
position:absolute;
top: 20px;
left: 80px;
border: 1px solid #12127D;
background-color:#ccc;
color:#000;
z-index: 200;
}