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

   $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 

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


body, p, h1, h2, h3, h4, h5, h6, li, input {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000A48; }

td {vertical-align: top;}

.boxText { 	font-size: 10px; }

BODY { 	margin: 0px; }

table.headline  {margin-bottom: 10px; margin-left: 0px; width: 596px;}

table.headline_width  {margin-bottom: 10px; margin-left: 0px; width: 784px;}

td.headline {background-color: #ffffff; background-image: url(img/icon_h1.gif); background-repeat: no-repeat;  background-position: 0px 0px; 
	height: 52px; border-top: 2px solid #000A48; border-bottom: #000A48 2px solid;}

h1 { font-size: 16px; font-weight: bold; text-transform: uppercase; font-style: italic; color: #FF881F; padding-top: 6px; margin-top: 0px; margin-bottom: 0px; padding-left: 55px; }

h2 {  font-color: #67BBF0; font-size: 14px; font-weight: bold; color: #0093E7; padding-top: 6px; padding-bottom: 0px; margin-bottom: 0px;}

h2.product { font-size: 14px; background-color: #FF881F; margin-top: 15px; color: #ffffff; padding-top: 6px; margin-bottom:0px; padding-bottom: 6px; padding-left: 8px;}

h2.bestellprozess {color: #000A48; padding-top: 10px; margin-top: 0px; margin-bottom: 0px; padding-bottom: 10px; padding-left: 0px;}

h2.service {color: #000A48; padding-top: 15px; border-bottom: 1px solid; border-color: #cccccc; margin-top: 0px; margin-bottom: 10px; padding-bottom: 2px; padding-left: 0px;}

h3 {font-size: 13px; font-weight: bold; background-color: #0093E7; color: #ffffff; height: 20px; margin-top: 20px; margin-bottom: 15px; padding-left: 10px; padding-top: 4px; clear: both;}

h3.categories {font-size: 13px; font-weight: bold; background-color: #0093E7; color: #ffffff; width: 753px; background-repeat: no-repeat;  background-position: 8px 6px; height: 25px; padding-top: 6px; margin-top: 0px; margin-bottom: 0px; padding-left: 10px;}

h3.rot {text-transform: uppercase; color: #CB0000; font-weight: bold; padding-top: 0px; margin-top: 0px; padding-bottom: 0px;}

/*h4 verwendet für Content*/
h4 {font-size: 11px; font-weight: bold; text-transform: uppercase; margin-top: 40px; margin-bottom: 15px; color: #67BBF0; clear: both;}

/*h5 verwendet für Content*/
h5 {font-size: 11px; font-weight: bold; margin-bottom: 0px; padding-bottom: 5px; padding-top: 0px; margin-top: 0px;}

/*h5 verwendet für Box right*/
h5.box_right {font-size: 11px; text-transform: uppercase; font-weight: bold; color: #ffffff; margin-bottom: 0px; padding-bottom: 1px; padding-top: 0px; margin-top: 0px;}

/*h6 verwendet für Box bottom*/
h6 {font-size: 14px; font-weight: bold; margin-top: 4px; margin-bottom: 12px; text-transform: uppercase;}

.navtrail { color: #000A48; font-size: 9px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; height: 20px;}

.maincontent_inhalte {margin-left: 0px; width: 596px; margin: 0px;  text-align: justify;  line-height: 1.5em; border: #000A48 1px solid; padding: 25px; padding-top: 25px; background-color: #ffffff;}

.maincontent_service {width: 596px; border: #000A48 1px solid; background-color: #ffffff;}

.maincontent_service_width {width: 784px; border: #000A48 1px solid; background-color: #ffffff;}

p, TD.main {margin-bottom: 12px; line-height: 1.4em; margin-top: 0px;}

p.klein {font-size: 9px;}

p.login, p.login a {font-size: 9px; color: #ccc;}

em.rot {color: #CB0000; font-style: normal}

em.orange {color: #FF881F; font-style: normal}

em.fett {font-style: normal; font-weight: bold;}

img{
	border:0;
	padding: 0;
	margin: 0;
}



A { color: #FF881F; text-decoration: none; }
A:hover { color: #FF881F; text-decoration: underline; }

a.blau {color: #67BBF0; font-weight: bold;}
a.blau:hover {color: #67BBF0; font-weight: bold; text-decoration: underline;}

a.headerNavigation { color: #000A48; }

a.icon {background-image: url(img/icon_right.gif); background-repeat: no-repeat;  background-position: 0px 0px; padding-left: 25px; padding-top: 3px; padding-bottom: 5px;}

.boxAddress_active {padding: 10px; border: #cccccc 1px solid; margin-bottom: 10px; background-color: #E9F4FC;}

.boxAddress {padding: 10px; border: #cccccc 1px solid; margin-bottom: 10px;}


.boxTextBG { background-color: #f1f1f1;}

.boxTextBGII { font-size: 10px;	background-color: #FFCC99; }

.boxTextPrice { font-size: 10px; color: #FF881F; }


/*product_info*/

span.you_save {color: #CC0000; font-weight: bold;}

span.products_attributes {color: #727272;}

td.products_summary {border-top: #016AA6 1px solid; border-bottom: #016AA6 1px solid; border-right: #016AA6 1px solid; padding-left: 5px;}

p.products_model { padding-left: 8px; color: #999; }

div.products_summary { padding-right: 10px;}

.products_price {font-size: 18px; font-weight: bold; margin-bottom: 0px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px;}

p.products_tax_info {font-size: 9px; padding-top: 0px; margin-top: 0px; padding-left: 8px;}

.products_description p {line-height: 1.8em;}

.products_description {padding-left: 15px; padding-right: 10px; margin-top: 15px;}

/*Listing / Bestseller */

.price {font-size: 18px; font-weight: bold; margin-bottom: 0px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 8px;}

/*Content*/

div.kasten {	border: 1px solid #001073; 	padding-left: 12px;	padding-top: 8px; padding-right: 12px; padding-bottom: 0px; background-color: #EBEEFE;	}


/* für Gutscheinmodul */
.gvBox { 	font-size : 14px; font-weight: bold; border-color: #FFFFFF;	border: 1px solid; background-color: #F18E00; }





FORM {	display: inline; }


TD.conditions { background-color: #D6E7F4; border: #519FE2 1px solid; padding: 1px; }

/*error und succes-Meldungen*/

TR.headerMessage, .messageStackSuccess { background-color: #00CC33; }

div.error, .headerInfo, .errorBox, .headerError {margin-bottom: 15px; background-color: #FF881F; text-align: center; color: #000000; font-weight: bold; }

SPAN.errorText, .stockWarning, .inputRequirement { color: #ff0000; }



.infoBox {

}


/*in Box rechts benutzt*/
TD.infoBoxHeading { font-size: 10px; font-weight: bold; background: #67BBF0; color: #ffffff; padding-left: 4px; }

TD.infoBox, SPAN.infoBox { font-size: 10px; border-right: 0px solid; background: #D6E7F4; border-color: #C4C4C4; }


/*Ergebnissliste Suche */

A.pageResults { }

A.pageResults:hover { }



TD.pageHeading, DIV.pageHeading {

  font-size: 16px;

  font-weight: bold;

  color: #000000;

}


TD.smallText, SPAN.smallText, P.smallText { font-size: 10px; }


CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA { font-size: 11px; }

TEXTAREA {width: 100%}



TABLE.formArea { background: #f1f1f1; border-color: #cccccc;  border-style: solid; border-width: 1px; }

TD.formAreaTitle { font-size: 12px; font-weight: bold; }



.copyright {  font-size: 11px; line-height: 1.5; text-align:center; }

A.copyright { color: #000000; } 

A.copyright:hover {  color: #0000ff; text-decoration: underline; }





SPAN.markProductOutOfStock { font-size: 12px; color: #c76170;  font-weight: bold; }

SPAN.productSpecialPrice { color: #FF881F; }

SPAN.productOldPrice { color: #FF881F; text-decoration: line-through; }

SPAN.productDiscountPrice { color: #FF881F; font-weight: bold; }




.moduleRow {  font-size: 11px;  line-height: 1.0;  background-color: #F1F1F1; height: 10px;}

.moduleRowOver { background-color: #D7E9F7; border: 1px solid; border-color: #ffffff; font-size: 11px; line-height: 1.5; }

.moduleRowSelected { background-color: #E9F4FC; }


.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent {font-size: 10px; color: #000000; }


/* Sitemap Tables */

.sitemap_heading { 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-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-size: 10px; }

.messageStackError, .messageStackWarning {  font-size: 10px; background-color: #F18E00; }





.contentsTopics { font-size: 14px; font-weight: bold; }



.tableListingI { background-color: #ffffff; }

.tableListingII { background-color: #ffffff; }


.onepxwidth {

	width: 20px;

}

.pic_box_links {
		float: left;
		margin-right: 6px;
		}
		
.pic_box_rechts {
		float: right;
		margin-left: 6px;
		}

.cQuantity {border: 0; background-color: #ffffff; font-weight: bold; width: 10px; font-size: 13px;}

.background_content {background-color: #ffffff; border: #288BDF 1px solid; }
div.main {padding: 10px;} 
div.main_abstand {padding: 50px; padding-top: 35px;} 
.contentHeaderTxt {color: #ffffff; font-size: 13px; font-weight: bold; margin: 0px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 0px;}
.trDotBottom {border-top: #B7B7B7 1px solid; height: 20px;}
hr.service {border: #B7B7B7 1px solid; height: 1px;}
.box_bottom {background-color: #D6E7F4; width: 300px; margin-left: 8px; height: 180px; border: #519FE2 1px solid; padding: 10px; margin-bottom: 20px; margin-top: 20px;}
table.box_right {background-color:#D6E7F4; border: #519FE2 1px solid; width: 180px; margin-bottom: 12px;}
.inputRequirementRed {color: red;}
.contentHeader {background-color: #F18E00;}

div.startseite {border: #000 1px solid; background-color: #fff; padding: 10px;}
div.startseite p, div.startseite a {color: #999999; font-size: 10px;}
div.startseite h1, div.startseite h4 {font-size: 10px; font-style: normal; MARGIN-TOP: 10px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 0px; COLOR: #999999;}



.input_shop_content {size: 20;}
.input_contact_form {color: green;}
.textfield_shop_content {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000A48; }


.info_div {
  visibility: hidden;
  position: absolute;
  background-color: #F4F8FC;
  border: 2px solid;
  border-color: #F28800;
  padding: 7px;
  width: 180px;
  z-index: 99;
  top: -40px;
  left: -35px;
}

ul.Haken
{padding-left: 0px; margin-left: 18px; display: block;}

ul.Haken li
{	
	list-style-image: url(img/li_haken.gif);
	list-style-position: outside; 
	padding-left: 5px;
	padding-bottom: 8px;
	}

li.Haken
{	
	list-style-image: url(img/li_haken.gif);
	list-style-position: outside; 
	padding-left: 5px;
	padding-bottom: 8px;
	}
	
ul {padding-left: 0px;
	margin-left: 18px;
	margin-top: 0px;
	margin-bottom: 0px;display: block;}	
	
div.kasten_blau {	border: 1px solid #519FE2;
					padding-left: 12px;
					padding-top: 8px;
					padding-right: 12px;
					padding-bottom: 0px;															
					background-color: #D6E7F4;
			}
			
div.kasten_rot {	border: 1px solid #CB0000;
					padding-left: 12px;
					padding-top: 8px;
					padding-right: 12px;
					padding-bottom: 0px;															
					background-color: #fff;
			}
			
.teaser {

	color:#3F3F3F;
	text-align: left;
	height: 167px;
	font-weight: bold;
	line-height: 1.6em;

}			
				
.loginBox_email {
	width: 105px;
}

.loginBox_password {
	width: 82px;
}

.searchBox_keywords {
	width: 141px;
}
	
div.headmenu_cat {float: left; padding-right: 15px;}

.headmenu_icon {position: absolute; margin-left:8px; width: 17px; height: 17px; margin-top: -2px; background-image: url(img/menu/icon_down.gif); background-repeat: no-repeat;}

ul.headmenu_heading {margin-left: 0px; margin-top: 0px; list-style-type: none}

.headmenu_heading li {color: #00076D; font-weight: bold; list-style-position: outside; list-style-type: none; padding-top: 10px; padding-left: 16px;}

div.headmenu_flyout {display:none; position: absolute; top: 40px; z-index: 1;}

div.headmenu_content {background-image: url(img/menu/flyout_bg.gif); width:160px; padding-bottom: 5px; padding-top: 10px;}

ul.headmenu_nav {margin-left: 0px; list-style-type: none}	

li.headmenu_nav {color: #00076D; font-weight: normal; list-style-position: outside; list-style-type: none; padding-left: 16px; padding-bottom: 10px;}	

.headmenu_nav a {color: #00076D; font-weight: normal;}




div.sidemenu_cat {width: 178px; border: #519FE2 1px solid; background-color: #ffffff; margin-top: 4px;}

div.sidemenu_heading {background-color: #D7E9F7}

div.sidemenu_heading_on {background-color: #D7E9F7}

/*div.sidemenu_heading_on {background-color: #67BBF0}*/

ul.sidemenu_heading {margin-left: 0px; margin-top: 0px; list-style-type: none}

.sidemenu_heading li {color: #00076D; font-weight: bold; list-style-position: outside; list-style-type: none; background-image: url(img/menu/icon_right.gif); background-repeat: no-repeat; background-position: 4px 2px; padding-top: 4px; padding-bottom: 4px; padding-left: 26px;}

.sidemenu_heading_on li {color: #FF881F; font-weight: bold; list-style-position: outside; list-style-type: none; background-image: url(img/menu/icon_down.gif); background-repeat: no-repeat; background-position: 4px 2px; padding-top: 4px; padding-bottom: 4px; padding-left: 26px;}

div.sidemenu_content {background-color: #ffffff; width:178px; padding-bottom: 8px;}

ul.sidemenu_nav {margin-left: 2px; margin-top: 8px; list-style-type: none; padding-right: 3px;}	

li.sidemenu_nav {color: #00076D; font-weight: normal; list-style-position: outside; list-style-type: none; background-image: url(img/menu/icon_sm_right.gif); background-repeat: no-repeat; background-position: 4px 4px; margin-left: 0px; padding-left: 12px; margin-top: 6px;}	

li.sidemenu_nav_on {color: #00076D; font-weight: bold; list-style-position: outside; list-style-type: none; background-image: url(img/menu/icon_sm_down.gif); background-repeat: no-repeat; background-position: 4px 4px; margin-left: 0px; padding-left: 12px; margin-top: 6px;}	

li.sidemenu_co_nav_on {color: #00076D; font-weight: bold; list-style-position: outside; list-style-type: none; background-image: url(img/menu/icon_sm_right.gif); background-repeat: no-repeat; background-position: 4px 4px; margin-left: 0px; padding-left: 12px; margin-top: 6px;}	

.sidemenu_nav a {color: #00076D;}

.sidemenu_product {font-weight: normal; color: #666666; list-style-type: none; padding-left: 24px; padding-top: 4px; padding-bottom: 2px;}

.sidemenu_product_on {font-weight: bold; color: #666666; list-style-type: none; padding-left: 24px;  padding-top: 4px; padding-bottom: 2px;}

.sidemenu_product_on a, .sidemenu_product a {color: #666666;}

.sidemenu_glossar {font-weight: normal; color: #666666; list-style-type: none; padding-left: 24px; padding-top: 4px; padding-bottom: 2px;}
.sidemenu_glossar_on {font-weight: bold; color: #666666; list-style-type: none; padding-left: 24px;  padding-top: 4px; padding-bottom: 2px;}
.sidemenu_glossar_on a, .sidemenu_glossar a {color: #666666;}

.glossar_keyword {color: #2B9800; font-weight: bold; font-style: italic;}
h3 span.glossar_keyword  {color: #fff; font-weight: bold; font-style: italic;}

table.Vergleich {text-align: center;}
table.Vergleich td {border-bottom: 1px solid #B7B7B7; padding: 2px;}
table.Vergleich p {padding-bottom: 0px; margin-bottom: 0px;}
table.Vergleich h2 {padding-top: 0px; margin-top: 0px; padding-bottom: 5px; margin-bottom: 5px;}
table.Vergleich a {color: #67BBF0; padding-top: 0px; margin-top: 0px; padding-bottom: 2px; margin-bottom: 2px;}

a.messageStock {color: #fff; font-weight: bold; text-decoration: underline;}
a.messageStock:hover {color: #fff; font-weight: bold; text-decoration: underline;}