/* -----------------------------------------------------------------------------------------
   $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
   ---------------------------------------------------------------------------------------*/


/*  ----------------medienwerk hannover ---------------------- */
html{
    /*background: #22292c;*/
    background: #22292c;
}

body{
    margin:0;
    padding:0;
    line-height: 1.5em;
    background: #22292c;
    background: url("../../01_bilder/hg.gif");
}

b{font-size: 100%;}
em{color: red;}

td {
	padding:2px;
	
}
h1.headline {
padding-top: 10px;
text-align: center;
font-size: 11px;
font-weight: normal;
color:#FFFFFF;
}

#main {
    width: 980px; /*Width of main container*/
    margin: 0 auto; /*Center container on page*/
}
#header {
    width: 980px;
    height: 120px;
}
#infopoint {
    width: 980px; /*Width of main container*/
    height: 250px;
    background: url("../../01_bilder/info_point.png") no-repeat;
    margin-bottom: 10px;
}

#infopoint_links {
    width: 185px; /*Width of infopoint_links container*/
    height: 250px;
    margin: 10px 0 0 5px; /*Center container on page*/
    float: left;
}
#infopoint_mitte {
    width: 570px; /*Width of infopoint_mitte container*/
    height: 250px;
    margin: 10px 15px 0 15px;
    float: left;
}
#infopoint_rechts {
    width: 185px; /*Width of infopoint_links container*/
    height: 250px;
    margin: 10px 5px 0 0; /*Center container on page*/
    float: right;
}
#infopoint h1 {
    font-size: 22px;
	line-height: 29px;
	font-family: 'Century Gothic', Georgia, Times, 'Times New Roman', serif;
    color:#000000;
    margin-bottom: 10px;
}
#infopoint h2 {
    font-size: 14px;
	line-height: 16px;
	font-family: 'Century Gothic', Georgia, Times, 'Times New Roman', serif;
    color:#000000;
    margin-bottom: 10px;
}
#infopoint input, #infopoint select {
    border: 1px solid #000000;
    height: 20px;
    color:#000000;
    margin: 3px;
}

#content {
    width: 980px; /*Width of main container*/
    background: url("../../01_bilder/content_hg.gif") repeat-y;
}

#content_links {
    width: 185px; /*Width of infopoint_links container*/
    margin: 10px 0 0 5px; /*Center container on page*/
    float: left;
}
#content_mitte {
    width: 570px; /*Width of infopoint_mitte container*/
    margin: 10px 15px 0 15px;
    float: left;
}
#content_rechts {
    width: 185px; /*Width of infopoint_links container*/
    margin: 10px 5px 0 0; /*Center container on page*/
    float: right;
}
#content h1 {
    font-size: 22px;
	line-height: 29px;
	font-family: 'Century Gothic', Georgia, Times, 'Times New Roman', serif;
    color:#000000;
    margin-bottom: 10px;
}
#content h2 {
    font-size: 14px;
	line-height: 16px;
	font-family: 'Century Gothic', Georgia, Times, 'Times New Roman', serif;
    color:#000000;
    margin-bottom: 10px;
}
#content h3{
    font-size: 12px;
	font-family: 'Century Gothic', Georgia, Times, 'Times New Roman', serif;
    font-weight:bold;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}


.logo {
    width: 180px;
    margin: 25px 10px 0 0;
    float: left;
}

/* Navigation */

#nav {

    margin-top: 40px;
    float: right;
}

#nav ul {


	height: 30px;
	list-style: none;
	padding: 0;
	margin: 0;
	/*float: right;*/
	}

#nav li {
	float: left;
	display: inline;
	padding: 0;
	text-align: left;
	margin: 0 0 0 60px;
	}

#nav strong {
	line-height: 12px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #ddd;
	display: block;
	padding-bottom: 6px;
	}

#nav a, #nav a:visited {
	text-decoration: none;
	color: #999;
	}

#nav a:hover {
	color: #cf7641;
	}

#nav a:hover strong, #nav a.active strong {
	color: #fff;
	}

#nav a.active {
	color: #e7be65;
	/*padding-bottom: 5px;
	border-bottom: 2px solid #fff;*/
	}

li.current {
	color: #e7be65;
	}






.product_listing_textbox_productdesc {
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    color: #666666;
}

.product_listing_textbox_productname {
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #22292c;
}

.product_listing_textbox_productname a {
    color: #22292c;
    text-decoration:none;
}

.product_listing_textbox_productname a:hover {
    text-decoration:underline;
}

.product_listing_infobox_price {
    font-family: Tahoma, FreeSans, Verdana, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.product_listing_infotext {
    font-family: Tahoma, FreeSans, Verdana, Arial, Helvetica;
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    color: #000000;
}


.copyright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}
.parseTime {
  font-family: Verdana, Arial, sans-serif;
  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-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
SPAN.productOldPrice {
    font-size: 11px;
    font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	color: #ff0000;
	text-decoration: line-through;
}
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

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


/*  ----------------Kasse---------------------- */
#kasse_oben {
  padding:10px;
  margin-top:10px;
  border:1px solid #CCC;
}

#kasse_oben h1 {
  color:#000;
  margin: 0 0 1em 0;
  font-size:140%;
}

.kasse_reiter {
  margin:10px opx;
  text-align:center;
}

.kasse_reiter img {
  display:inline;
}

.kasse_box {
  margin:10px 0;
  padding:10px;
  border:1px solid #999999;
}

.kasse_box h2 {
  margin: 0 0 1em 0;
  font-size:130%;
}

.kasse_box table td{
  padding:2px 0;
}

.adresse {
  border:1px solid #BBB;
  background-color:#DDD;
  font-size:110%;
  margin:10px 0;
  padding:10px;
}

.button_right {
  text-align:right;
}

.must{
  color:#F00;
  text-align:right;
}

.agb {
  margin:10px 0;
  padding:5px;
  border:2px solid #F00;
  background-color:#FCC;
}

#shopping_cart {
  border-collapse:collapse;
}

#shopping_cart th{
  border-bottom:1px solid #CCC;
  font-size: 120%;
}

#shopping_cart td, th{
  padding:2px;
}


.boxText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.boxTextBG {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #f1f1f1;
}
.boxTextBGII {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #FFCC99;
}
.boxTextPrice {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FF0000;
}

.errorBox {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	font-weight: bold;
	background-color: #ffb3b5;
}
.gvBox {
	font-family : Verdana, Arial, sans-serif;
	font-size : 14px;
	font-weight: bold;
	border-color: #FFFFFF;
	border: 1px solid;
	background-color: #ffb3b5;
}
.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;
}

img{
	border:0;
}

A {
  color: #000000;
  text-decoration: none;
}

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

FORM {
	display: inline;
}


TR.header {
	background-color: #ffffff;
}

TR.headerNavigation {
  background: #F6F6F6;
}

TD.headerNavigation {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight : bold;
	border-bottom: 1px solid;
	border-color: #b6b7cb;
	background-color: #F6F6F6;
}

A.headerNavigation {
  color: #000000;
}

A.headerNavigation:hover {
  color: #000000;
}

TD.conditions {
  background-color: #FFCCCC;
}

A.confirmationEdit {
	color: #009933;
	font-style: italic;
}
A.confirmationEdit:hover {
	color: #009933;
	font-style: italic;
	text-decoration: underline;
}
TR.headerError {
  background-color: #ff0000;
}

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

.moduleHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	padding-bottom: 10px;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
    background: #F6F6F6;
  color: #000000;
  font-weight : bold;
  border-bottom: 1px solid;
  border-color: #b6b7cb;
}

.infoBox {
}

.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #666666;
  height:17px;
  color: #ffffff;
}

TD.infoBoxHeading_right {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #C4C4C4;
  height:17px;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-right: 4px solid;
  background: #E6E6E6;
  border-color: #C4C4C4;
}

TD.infoBox_right, SPAN.infoBox_right {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #E6E6E6;

}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

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

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

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;
}

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

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

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

SPAN.underline {
	text-decoration: underline;
}

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

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



.smallHeading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: Black;
}

.moduleRow {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 line-height: 1.5;
 background-color: #E6E6E6;
 border: 1px solid;
 border-color: #E6E6E6;

}
.moduleRowOver {
	background-color: #D7E9F7;
	border: 1px solid;
	border-color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    line-height: 1.5;

	}
.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; }

/* input requirement */

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

.tableShop {
background-color: #ffffff;
border-left: 1px solid;
border-right: 1px solid;
border-color: #b6b7cb;
}

.navLeft {
	border-right: 1px solid;
	border-color: #b6b7cb;
	background-image: url(img/bg_left_column.jpg);
	width: 185px;
}
.navRight {
	border-color: #666666;
	border-top-width: 4px;
	border-top-style: solid;
	border-left-width: 4px;
	border-left-style: solid;
	background-color: #E6E6E6;
	width: 185px;
}

.contentsTopics {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.tableListingI {
	background-color: #eeeeee;
}

.tableListingII {
	background-color: #d0d0d0;
}

.tableBody {
padding: 5px;
}

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


/*---------------------------- tooltip --------------------------*/

/* tooltip styling. uses a background image (a black box with an arrow) */
div.tooltip {
    background:transparent url(../../01_bilder/hg_tooltip.png) no-repeat scroll 0 0;
    font-size:14px;
    height:153px;
    padding:30px;
    width:310px;
    font-size:14px;
    display:none;
    color:#fff;
}

/* tooltip title element (h3) */
div.tooltip h3 {
    margin:0;
    font-size:18px;
    color:#fff;
}
.start_produkt {
    width:275px;
    height:200px;
    margin:5px;
    float:left;
}
.start_produkt_img {
    float:left;
    margin-right:5px;
}
.start_produkt_text {
    float:left;
}

/*----------------------------Suggest Styles--------------------------*/

.suggest_link {

	background-color: #FFFFFF;

	padding: 2px 6px 2px 6px;

}

.suggest_link_over {

	background-color: #3366CC;

	padding: 2px 6px 2px 6px;

	cursor: pointer;

}

#search_suggest {

	position: absolute; 

	visibility: hidden;

	background-color: #FFFFFF; 

	text-align: left; 

	border: 1px solid #000000;			

}	

/*----------------------------End Suggest Styles------------------------*/

.content-infobox {
    border: 1px solid #999999;
    padding: 5px;
    background-color: #eeeeee;
}

.table_info {
    margin: 20px 0;
    border: 1px solid #999999;
}

.table_info thead{
    margin: 20px 0;
    background-color: #999999;
}
.table_info .hell{
    background-color: #eeeeee;
}
.table_info .dunkel{
    background-color: #cccccc;
}
.table_info td {
    padding:5px;
}

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

div#modul_breit {
  /*float:left;*/
  padding: 4px;
  margin-top: 10px;
  /*background:#DDD;*/
  border: 1px solid #999;
}

div#modul_breit img.thumb {

  margin: 5px;
  border: 1px solid #999;
}

.navilist li {
    background: #f08700;
    border-top: 1px solid #fcc277;
    border-bottom: 1px solid #a06313;
}

.navilist li a {
    color: #000000;
    display: block;
    padding: 5px 0px 5px 18px;
    text-decoration: none;
    background: transparent url(./img/nav_arrow.gif) no-repeat;
    background-position: 5px 5px;

}

.navilist li a.gewaehlt {
    color: #000000;
    text-decoration: underline;
    padding: 5px 0px 5px 18px;
    text-decoration: none;
    font-weight: bold;
    background: #ee7d05 url(./img/nav_arrow.gif) no-repeat;
    background-position: 5px 5px;
}

.navilist li.subcat_level1 a {
    color: #333333;
    text-decoration: none;
    padding: 5px 0px 5px 28px;
    text-decoration: none;
    font-weight: normal;
    background: #ffa430 url(./img/nav_arrow.gif) no-repeat;
    background-position: 15px 5px;
}

.navilist li.subcat_level1 a.gewaehlt {
    color: #000000;
    text-decoration: none;
    padding: 5px 0px 5px 28px;
    text-decoration: underline;
    font-weight: bold;
    background: #ffbf6d url(./img/nav_arrow.gif) no-repeat;
    background-position: 15px 5px;
}

.navilist li a:hover {
    background: #ffa430;
    color: #ffffff;
    text-decoration: underline;
}

.navilist_content li, .navilist_info li {
    background: #666666;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #000000;
}

.navilist_content li a, .navilist_info li a {
    color: #ffffff;
    display: block;
    padding: 5px 0px 5px 18px;
    text-decoration: none;
    background: transparent url(./img/nav_arrow_grau.gif) no-repeat;
    background-position: 5px 5px;

}

.navilist_content li a:hover, .navilist_info li a:hover {
    background: #bbbbbb;
    color: #ffffff;
    text-decoration: underline;
}

textarea {
    width: 530px;
    border: 1px solid #000000;
    padding: 3px;
}
#message_body {
    width: 350px;
    height:150px;
}
.liste_fahrzeuge {
    margin:3px 10px;
    border-bottom:1px dashed #999999;
}
.gruppe p {
margin:1px 10px;
font-size: 12px;
font-weight: normal;
color:#333333;
}
.gruppe h3 {
margin:1px 10px;
font-size: 16px;
}