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


      AUTHOR:  			Erwin Aligam - Thomas Schuermann
      WEBSITE:   			http://www.styleshout.com/
      WEBSITE:   			http://www.tripleorange.de/
      TEMPLATE NAME:		wagenwerk - formally outdoor

      VERSION:          1.0
      
       	
----------------------------------------------------------------------------- */

@charset 'utf-8';
@import url(css/reset.css);
@import url(css/defaults.css);


/* ------------------------------------------------------ suchworte           */

/* mehrwert - block für den steuerhinweis */
/* spalte-2 */
/* ------------------------------------------------------ aufteilung          */
/*                                                                            */
/*                                                                            */
/*                                                                            */
/*                                                                            */



 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }



body {
      font: 80%/1.6em arial, helvetica, verdana, 'sans serif'; 
    	min-height: 101%;
    	color: #000000; 
    	text-align: left;
    	padding: 3px 0 0 0;
      background: #666666 url(img-n/body/body-bg.jpg) no-repeat left top;
}
/* body ok */


/* links */
a, a:visited {	
	color: #5A93C9;
	background: inherit;
	text-decoration: underline;	
}
a:hover {
	color: #131860;
	background: inherit;
	text-decoration: none;	
}


#spalte-2-rand { font: 90%/1.6em verdana, arial, helvetica, 'sans serif'; }

h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
}
h1 {
	font-size: 230%;	
	font-weight: normal;
	letter-spacing: -1px;
}
h2 {
      font: 1.5em/1.1em verdana, helvetica, arial, "sans serif";
      color: #131860;
      padding: 0 0 0.4em 0;
      margin: 0 0 1.3em 0;
      border-bottom: 1px solid #131860;
}

#spalte-2-inhalt h2, #popuppage-help h2 {
      font: 1.5em/1.1em verdana, helvetica, arial, "sans serif";
      color: #131860;
      padding: 0 0 0.4em 0;
      margin: 0 0 1.3em 0;
      border-bottom: 1px solid #131860;
}

#popuppage-help h3 {
      font: 700 1.2em/1.1em verdana, helvetica, arial, "sans serif";
      color: #000000;
}

#rechnung-inhalt h2 {
      width: auto;
      font: 700 1.3em/1.1em verdana, helvetica, arial, "sans serif";
      color: #131860;
      padding: 0 0 0.4em 0;
      margin: 10px 10px 1.3em 10px;
      border-bottom: 1px solid #131860;
}

h3 {
	font-size: 150%;	
	font-weight: normal;
      margin: 1em 0 1em 0;
      padding: 0;
      line-height: 1.2em;	
}

h4 {
  font-size: 100%;	
  font-weight: 700;
  margin: 1em 0 0.5em 0;
  padding: 0;
  color: #666666;	
}

h1, h2 {
	padding: 0;		
	margin: 0;
}
ul, ol { margin: 5px 20px; padding: 0 20px; }
ul { list-style: none; }
#spalte-2-inhalt ul, #spalte-2-inhalt ul {
	line-height: 1.5em;
	list-style: circle;
}
#spalte-2-inhalt #content-z ul { list-style: none; }


p {	padding: 0; margin: 0; }
#spalte-2-inhalt p {
	padding: 0;		
	margin: 0.5em 0;
	line-height: 1.5em;
}

sup { 
  font-size: 9px;
  margin: 0 0 5px 0;
vertical-align:text-top;
}

em {
  font-style: italic;
}

/* images */
img {
/*  border: 1px solid #dcdcdc;*/
}

a img {
 	background: #fafafa;
/*  border: 1px solid #dcdcdc; 
	padding: 5px; */
}

#header-links img {
 	background: #F6EFBB;
  border: none;
	padding: 0px;
}

img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	/* white-space: pre; */
  	border: 1px solid #F4F3EC; 
	background: #FAFAE7;  
}
acronym {
  cursor: help;
  border-bottom: 1px dashed #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 35px;  
   border: 1px solid #F4F3EC; 
	background: #FAFAE7 url(img/quote.jpg) no-repeat 7px 10px; 
	font: bold 1.3em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #976957;
}

fieldset { margin: 0 0 2em 0; }

.smallText {
  font-size: 10px;
}




















/* start - table */



table {
	border-collapse: collapse;
      /* tgs korrigiert 2008.02.19  margin: 1px;*/
      margin: 0;
      padding: 0;
	
}

th {
}
tr {
	/* height: 30px; */
}
td {
	padding: 0 0 0 0;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}

table, th, tbody, td, tr {
      margin: 0;
      padding: 0;
}


/* end - table */

/* form elements */
form2 {
	margin:10px; padding: 0 5px;
	border: 1px solid #f1f1f1; 

}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	font: normal 1em Verdana, sans-serif;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #FFF;
	background: #8EB50C url(img/nav.jpg) repeat-x 0 0;
	border: 1px solid #88AD0C;
}









/* ------------------------------------------------------ aufteilung layout   */
/*                                                                            */
/*                                                                            */
/*                                                                            */
/*                                                                            */

/* SEITE */

#seite-rand { width: 980px; background: #ffffff url(img-n/body/seite-rand-bg.gif) no-repeat left top; }
#seite-inhalt {}
#seite-rand-1 {}
#seite-inhalt-1 {}

#safaribreak {
      clear: both;
      width: 800px;
}     

/* SPALTEN */

#linke-doppelspalte { float: left;  width: 730px; }

#spalte-1-rand { clear: left; width: 230px; float: left;  padding: 0 0 5em 0; background: #ffffff; }
#spalte-1-inhalt { padding: 0 0 0 40px; }

#spalte-2-rand { float: left; width: 500px;  background: #ffffff; }
#spalte-2-inhalt { padding: 20px 20px 5em 20px ; font: 107%/1.2em verdana; }



#spalte-3-rand { 
      width: 250px;
      padding: 15px 0 0 0;
      float: left;
      background: #ffffff url(img-n/spalte-3/spalte-3-bg.gif) no-repeat 0px 0px;
}


/* ------------------------------------------------------ kopf                */
/*                                                                            */
/*                                                                            */
/*                                                                            */
/*                                                                            */

/* primary links */
/* eigentlich nur für die primary links */

#kopf-1-rand { height: 1.7em; background: #666666; } 

#kopf-1-rand ul { float: right; padding: 0 0 0 0; margin: 0; }
#kopf-1-rand ul.links li { 
      display:inline;
      list-style-type:none;
      float:left;
      margin:0pt;
      padding:0 0.5em ;
      font-weight: normal;
}
#kopf-1-rand ul.links li a { 
      color: #cccccc; 
      text-decoration: none;
      font-size: 95%;
      font-weight: normal;    
}
#kopf-1-rand ul.links li a:hover { color: #ffffff; text-decoration: underline;}
#kopf-1-rand ul.links li a:visited { color: #cccccc; }


/* KOPF 2 LOGO und NEWS */

#kopf-rand { 
      width: 730px; 
      height: 191px;
      background: #ffffff url(img-n/kopf/kopf-bg-2.gif) repeat-x left top; 

}
#kopf-inhalt { 
      background: url(img-n/kopf/kopf-bg.gif) no-repeat 0 2px;
}

/* logo und seitenname formatiert */

#kopfbereich-1 { width: 730px; height: 155px; padding: 0 0 0 0;}

/* logobereich im kopf */
#kopfbereich-1-1 { width: 283px; height: 155px; float: left; }
#kopfbereich-1-1 h1 {
      height: 45px;
      position: relative;
      width: 231px;
      padding: 88px 0 0 0;
      margin: 0 0 0 0;
      font-size: 75%;
}
#kopfbereich-1-1 h1 span {
      background: url(img-n/kopf/logo-bg.gif) no-repeat;
      height: 45px;
      position: absolute;
      width: 100%;
}

/* ! war ! news bereich im kopf */
/* - platz für jeweils eine wichtige mitteilung */


/* search form */
#kopfbereich-1-2 { width: 440px; height: 155px; float: left; text-align: right; padding: 0 0 0 0;}
#kopfbereich-1-2 h3 { 
      color: #CCCCCC; 
      font: 700 120% arial; 
      text-decoration: none;
      float: left;
      padding: 0.2em 0 0 0;
      margin: 0 1em 0 0; 
      letter-spacing: 0.05em;
}
#kopfbereich-1-2 p { color: #ffffff; font: italic 300 100%/1.5em arial; }


#block-suche {
	border: none;	
	margin: 0; 
      padding: 0 0 0 45px;	
	width: 300px;
      float: right;	
}

#block-suche-inhalt {
      padding: 90px 0 0 0;
}

#block-suche .suche-input {
      float: left; 
      margin: 0;
      padding: 0;
}
#block-suche .suche-input input { 
	width:  140px;
	color: #ffffff; 
	height: 18px;
	padding: 2px;	
	border: none;
	vertical-align: top;
	background: #949494;
	margin: 0;
}

.suche-submit { margin: 0; padding: 0; }
.suche-submit input {
      border: none;
      margin: 0;
      padding: 0;   
}
span.erweiterte-suche {
      clear: left;
      float: right;
      width: 200px;
      margin: -2px 0 0 0;
      padding: 0;
      display: block; 
      text-align: right;
}
span.erweiterte-suche a {
      color: #cccccc;
      text-decoration: underline;
      margin: 0;
      padding: 0;
}

/* kopfbereich 2 */

#kopfbereich-2 {
      
      width: auto;
      clear: left;
      background: #ffffff;
}

/* kopfbereich 2-1 */
/* startseite link */
/* spaeter wird in die website noch eine panoramagalerie auf der startseite eingebaut */
/* aus diesem grund wird der startseiten link fest in die seite eingebaut */

#kopfbereich-2-1 { width: 243px; float: left;  }
ul#startseite-menu { margin: 6px 0 0 40px; padding: 0; width: 190px;}
ul#startseite-menu li { text-transform: uppercase; margin: 0; padding:0; }  
ul#startseite-menu li a {
      display: block;
      padding: 5px 0 5px 2.2em;
      margin: 0;
      color: #ffffff;
      font-size: 85%;
      letter-spacing: 0.1em;
      text-decoration: none;
      background: #D44108 url(img-n/menu/user-leaf.gif) no-repeat 11px 1.05em;
}
ul#startseite-menu li a.active { background: #CA1010 url(img-n/menu/user-leaf-active.gif) no-repeat 11px 1.05em; }
ul#startseite-menu li a:hover { background: #CA1010 url(img-n/menu/user-leaf-hover.gif) no-repeat 11px 1.05em; }

/* kopfbereich 2-2 */
/* breadcrumb - brotkrumennavigation */
#kopfbereich-2-2 { width: 400px; float: left; padding: 0; margin: 0; }
.breadcrumb { margin: 0 0 0 0.8em; }
.breadcrumb a { color: #666666; font-size: 95%;  text-decoration: none; }
.breadcrumb a:hover { color: #131860;}


/* ------------------------------------------------------ spalte-1           */
/*                                                                            */
/*                                                                            */
/*                                                                            */
/*                                                                            */

/* in der spalte 1 sind alle menues aufgelistet */


/* REMEMBER THE WHITESPACE BUG */

#block-menu-77, #block-user-1 { padding: 0; margin: 0; }
#block-menu-77 ul { width: 190px;  background: #D44108; margin: 0; padding: 0; }

/* hintergrundfarbe der untermenues */
#block-menu-77 ul li ul { background: #ED5820; }

#block-menu-77 ul li {
      text-transform: uppercase;
      margin: 0;
      padding: 0 0 0 0;
      line-height: 0;
}

#block-menu-77 ul li a {
      display: block;
      height: 1%;
      font: 85%/21px arial, verdana, helvetica,"sans serif"; 
      letter-spacing: 0.1em; 
      background: #D44108;
      margin: 0;
      padding: 5px 0 5px 2.2em;
      color: #ffffff;
      text-decoration: none;
}

/* ebene 1 - oberste ebene */
#block-menu-77 ul li.katlevel-1 a { background: #D44108 url(img-n/menu/leaf.gif) no-repeat 10px 1.1em; }
#block-menu-77 ul li.katlevel-1 a:hover { background: #CA1010 url(img-n/menu/leaf-hover.gif) no-repeat 10px 1.1em; }
#block-menu-77 ul li.katlevel-1 a.active { background: #CA1010 url(img-n/menu/leaf-active.gif) no-repeat 10px 1.1em; }

/* ebene 2 */
#block-menu-77 ul li ul li a { padding: 5px 0 5px 3.7em; }
#block-menu-77 ul li ul li.leaf a { background: #B0894B url(img-n/menu/leaf.gif) no-repeat 25px 1.1em; }
#block-menu-77 ul li ul li.leaf a:hover { background: #7A5922 url(img-n/menu/leaf-hover.gif) no-repeat 25px 1.1em; }
#block-menu-77 ul li ul li.leaf a.active { background: #7A5922 url(img-n/menu/leaf-active.gif) no-repeat 25px 1.1em; }

/* ebene 3 */
#block-menu-77 ul li ul li ul li a { padding: 5px 0 5px 5.2em; }
#block-menu-77 ul li ul li ul li.leaf a { background: #B0894B url(img-n/menu/leaf.gif) no-repeat 40px 1.1em; }
#block-menu-77 ul li ul li ul li.leaf a:hover { background: #7A5922 url(img-n/menu/leaf-hover.gif) no-repeat 40px 1.1em; }
#block-menu-77 ul li ul li ul li.leaf a.active { background: #7A5922 url(img-n/menu/leaf-active.gif) no-repeat 40px 1.1em; }

/* COLLAPSED */
/* ebene 1 - oberste ebene */
#block-menu-77 ul li.folder a { background: #D44108 url(img-n/menu/user-collapsed.gif) no-repeat 10px 1.1em; }
#block-menu-77 ul li.folder a:hover { background: #CA1010 url(img-n/menu/user-collapsed-hover.gif) no-repeat 10px 1.1em; }
#block-menu-77 ul li.folder a.active { background: #CA1010 url(img-n/menu/user-collapsed-active.gif) no-repeat 10px 1.1em; }

/* ebene 2 */
#block-menu-77 ul li.katlevel-2 a { background: #D44108 url(img-n/menu/user-collapsed.gif) no-repeat 25px 1.1em; }
#block-menu-77 ul li.katlevel-2 a:hover { background: #CA1010 url(img-n/menu/user-collapsed-hover.gif) no-repeat 25px 1.1em; }
#block-menu-77 ul li.katlevel-2 a.active { background: #CA1010 url(img-n/menu/user-collapsed-active.gif) no-repeat 25px 1.1em; }

/* ebene 3 */
#block-menu-77 ul li ul li ul li.collapsed a { background: #D44108 url(img-n/menu/collapsed.gif) no-repeat 40px 1.1em; }
#block-menu-77 ul li ul li ul li.collapsed a:hover { background: #CA1010 url(img-n/menu/collapsed-hover.gif) no-repeat 40px 1.1em; }
#block-menu-77 ul li ul li ul li.collapsed a.active { background: #CA1010 url(img-n/menu/collapsed-active.gif) no-repeat 40px 1.1em; }

/* EXPANDED */

/* ebene 1 - oberste ebene */
#block-menu-77 ul li.expanded a { background: #B0894B url(img/menu/expanded.gif) no-repeat 9px 1.1em; }
#block-menu-77 ul li.expanded a:hover { background: #7A5922 url(img/menu/expanded-hover.gif) no-repeat 9px 1.1em; }
#block-menu-77 ul li.expanded a.active { background: #7A5922 url(img/menu/expanded-active.gif) no-repeat 9px 1.1em; }

/* ebene 2 */
#block-menu-77 ul li ul li.expanded a { background: #B0894B url(img/menu/expanded.gif) no-repeat 24px 1.1em; }
#block-menu-77 ul li ul li.expanded a:hover { background: #7A5922 url(img/menu/expanded-hover.gif) no-repeat 24px 1.1em; }
#block-menu-77 ul li ul li.expanded a.active { background: #7A5922 url(img/menu/expanded-active.gif) no-repeat 24px 1.1em; }

/* ebene 3 */
#block-menu-77 ul li ul li ul li.expanded a { background: #B0894B url(img/menu/expanded.gif) no-repeat 39px 1.1em; }
#block-menu-77 ul li ul li ul li.expanded a:hover { background: #7A5922 url(img/menu/expanded-hover.gif) no-repeat 39px 1.1em; }
#block-menu-77 ul li ul li ul li.expanded a.active { background: #7A5922 url(img/menu/expanded-active.gif) no-repeat 39px 1.1em; }

#block-admin {
      margin: 2em 0 1em 0;
      padding: 0;

}

#block-admin h3 {
      color: #333333;
      font-size: 120%;
      font-weight: 700;
      margin: 0 0 7px 0;
      padding: 0;
      border-bottom: 1px solid #dddddd;
}
#block-admin h4 {
      margin: 7px 0 7px 1em;   
      color: #666666;
      font-size: 100%;
      font-weight: 700;        
}
#block-admin ul {
      margin: 0;
      padding: 0;
}

#block-admin ul li {
      border-bottom: 1px solid #dddddd;
      padding: 7px 0 7px 1em;
      color: #999999;
      font-weight: 100;
}
#block-admin ul li a {
      color: #999999;
      font-weight: 700;
      text-decoration: none;
}
#block-admin ul li a:hover {
      text-decoration: underline;
}




#block-admin h4 {
      margin: 0;
      padding: 0 0 0 10px;
}







/* ------------------------------------------------------ spalte 3            */
/*                                                        warenkorb           */
/*                                                                            */
/*                                                                            */
/*                                                                            */


#block-cart {
      background: #A47E40;
      width: 250px;
      min-height: 120px;
      color: #ffffff;
}

#block-cart h3 {
      background: #784B00;
      padding: 0 0 0 0;
      margin: 0 0 0 0;
      color: #ffffff;
      position: relative;
      width: 250px;
      height: 26px;
      overflow: hidden;
      font-size: 100%;
}
#block-cart h3 span { 
      height: 26px;
      position: absolute;
      width: 100%;
}

#block-cart h3.leer span { 
      background: #784B00 url(img-n/spalte-3/warenkorb.gif) no-repeat 0px 0px;
}
#block-cart h3.beladen span {
      background: #784B00 url(img-n/spalte-3/warenkorb.gif) no-repeat 0px -26px;
}

#block-cart a {
      color: #ffffff;
}
#block-cart .cart-artikel a {
      font-weight: 700;
      color: #ffffff;
}

#block-cart .content {
      padding: 5px;
 }

#cart-zusatz {
      text-align: right;
} 

#cart-zusatz .steuer-1, #cart-zusatz .steuer-2 { font-size: 90%; }
 
/* mainlinks */
#block-mainlinks ul {
      margin: 0;
      padding: 0;
}

#block-mainlinks ul li {
      border-bottom: 1px solid #dddddd;
      padding: 7px 0 7px 1em;
}
#block-mainlinks ul li a {
      color: #999999;
      font-weight: 700;
      text-decoration: none;
}
#block-mainlinks ul li a:hover {
      text-decoration: underline;
}

/* login */

#block-login {
      background: #F6EFE2;
      width: 250px;
      min-height: 120px;
      color: #ffffff;
}
#block-login h3 {
      padding: 10px;
      margin: 0 0 0 0;
      color: #7A5922;
      position: relative;
      width: 250px;
      height: 26px;
      overflow: hidden;
      font-size: 130%;
      font-weight: 700;
}
#block-login h3 span { 
      height: 26px;
      position: absolute;
      width: 100%;
}
#block-login .login-element label {
      color: #333333;
      font-weight: 100;
      padding: 0 0 0 10px;
      margin: 0;

}
#block-login .login-element input {
      margin: 0 0 0 10px;
      width: 180px;
      border: 1px solid #dddddd;
      padding: 2px;

}

#block-login .login-button {
      margin: 7px 0 0 0;
      width: 120px;
}

.passwort-vergessen {
      display: block;
      text-align: right;
      padding: 0 10px 0.5em 0;
}



/* HERSTELLER */

#block-hersteller {
      margin: 1em 0 0 0;
}

#block-hersteller h3 {
      margin: 0 0 0.5em 0;
}


#content-wrap {
	position: relative;
	background: #fff url(img/content-bg.jpg) repeat-x;
	clear: both;
	float: left;	
	width: 870px;	
	padding: 0; 			
	margin-left: 15px;	
	display: inline;
	border-top: 5px solid #fff;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

/* HERSTELLERINFO */

#block-hersteller-info {
      padding: 1em 0 0 0;
}

#block-hersteller-info h3 {
	font-size: 150%;	
	font-weight: normal;
      margin: 0 0 0.5em 0;
      padding: 0;
      line-height: 1.2em;
      color: #131860;	
}

#block-hersteller-info a {
      display: block;
      margin-left: 10px;
}

/* HILFE UND ZUSATZINFOS */

#informationen ul {
      margin:5px 0;
      padding:0pt 0;
}

/* SPECIALS UND SONDERANGEBOTE  */


#block-specials {
      padding: 0 0 0.5em 0;
      margin: 0 0 0 0;
      background: #CA1010;
}


/* http://meiert.com/de/publications/articles/20050513/#toc-gilder-levin */

h3.specials {
      padding: 0;
      margin: 0.5em 0 0 0;
      width: 250px;
      height: 53px;
      background: #CA1010;
      color: #ffffff;
      position: relative;
      border-bottom: 1px solid #FF9672;
}

h3.specials span {
      background: url(img-n/spalte-3/specials-h3-bg.png) no-repeat;
      height: 100%;
      position: absolute;
      width: 100%;
}

#block-specials h4 {
      margin: 0.5em 0 0 1em;
      font: 700 100%/1.6em verdana, arial, helvetica, 'sans serif';
}

#block-specials h4, #block-specials h4 a {
      color: #fff;
      text-decoration: none;
}
#block-specials h4 a:hover {
      color: #fff;
      text-decoration: underline;
}

#block-specials p {
      font: 100 75%/1.6em verdana, arial, helvetica, 'sans serif';
}
#block-specials p strong {
      font: 100 130%/1.6em verdana, arial, helvetica, 'sans serif';
}

#block-specials .weitere-angebote {
      text-align: right;
      margin: 1em 0.5em 0.5em 0;
      font-weight: normal;
      text-decoration: underline;
}













/* ------------------------------------------------------ spalte 1 inhalte    */
/*                                                                            */
/*                                                                            */
/*                                                                            */
/*                                                                            */

/* PRODUKTIONSNACHRICHTEN */

#prod-nachrichten, #prod-nachrichten .link {
  margin: 0 0 1em 0;
}

.textrechts {
     text-align: right;
     margin: 0.5em 0 0 0;
}


/* TEXT INTRO BLOCK */

#block-intro-text { margin: 0 0 2em 0; padding: 0 0 0 0; width: 80%; }
#block-intro-text p { font-style: italic; line-height: 1.5em; }
.greetUser { font-weight: 700;}


/* ANGEBOTE BLOCK */

#block-angebote { margin: 0 0 50px 0;}
#block-angebote h3 { margin: 0 0 1em 0; }

.angebot { margin: 0 0 2.5em 0; font: 100 100%/1em arial, helvetica, "sans-serif";  }
.angebot h4, #prod-nachrichten h4 { margin: 0 0 0.5em 0; clear: left; }
.angebot h4 a, #prod-nachrichten h4 a {
      color: #CC0000;
      font:bold 115%/1em verdana, arial, helvetica, "sans-serif";
      text-decoration: none;
}

.angebot .angebot-bild {
      float: left;
      width: 145px;
      padding: 0 0.5em 0 0;
      margin: 0 0 25px 0;
}
.angebot .angebot-bild a img {
      padding: 0 0 0 0;
      border: 1px solid #666666;
}
.angebot .angebot-text { padding: 0 0 0 2em; }
.angebot .angebot-text-ohne-bild { padding: 0 0 0 0; }
.angebot .angebot-text strong, .angebot .angebot-text-ohne-bild strong { font-weight: bold; font-size: 110%; }

.angebot .angebot-text p, .angebot .angebot-text-ohne-bild p { 
      font: 100 100%/1em arial, helvetica, "sans-serif"; 
      margin: 0 0 1em 0.5em; 
      color: #666666;
}
.angebot .angebot-in-cart {
      width: 100%;
      text-align: left;
}

.angebot .angebot-in-cart img {
      padding:0; 
      margin: 8px 0 0 0;
}

.angebot .zusatz {
      font-size: 11px;
}

/* NEUHEITEN BLOCK */
#block-neuheiten { margin: 30px 0 0 0; }
#block-neuheiten h3 { margin: 0 0 1em 0; }
.neu-kopf-1, .neu-kopf-2 { font-size: 11px; }
#block-neuheiten .main { padding: 7px 0 7px 0; }
.hell { background: #fdfdfd; }
.dunkel { background: #F4F4F4; }


/* ---------------------------------------------- spalte 1                    */
/*                                                produkt listing             */
/*                                                                            */
/*                                                                            */
/*                                                                            */
/*                                                                            */


.list-sub { font-style: italic; margin: 0 0 1em 0;}
.list-hersteller { text-align: right;}
.list-hersteller select { width: 200px;}
.list-navigation { clear: left; margin: 1em;}
.list-beschreibung { margin: 0 0 2em 0; }
.list-beschreibung p { margin: 0 0 0.5em 0; font-family: arial, verdana, helvetic, 'sans-serif'; line-height: 1.5em; }
/* produktdarstellung */

.listing { margin: 0 0 2em 0; font: 100 100%/1em arial, helvetica, "sans-serif";  }
.listing h4 { margin: 0 0 0.5em 0; clear: left; }
.listing h4 a {
      color: #CC0000;
      font:bold 115%/1em verdana, arial, helvetica, "sans-serif";
      text-decoration: none;
}

.listing .listing-bild { float: left; width: 145px; padding: 0 0.5em 0 0; margin: 0 0 25px 0; }
.listing .listing-bild a img { padding: 0 0 0 0; border: 1px solid #666666; }

.listing .listing-text { padding: 0 0 0 2em; }
.listing .listing-text-ohne-bild { padding: 0; }
.listing .listing-text strong { font-weight: bold; font-size: 110%; }
.listing .listing-text-ohne-bild strong { font-weight: bold; font-size: 110%; }

.listing .listing-text p { 
      font: 100 100%/1em arial, helvetica, "sans-serif"; 
      margin: 0 0 1em 0.5em; 
      color: #666666;
}
.listing .listing-in-cart { width: 100%; text-align: left; }
.listing .listing-in-cart img { padding:0; margin: 8px 0 0 0; }
.listing .zusatz { font-size: 11px;}

.listprodukt-beschreibung { line-height: 1em; }
.listprodukt-leerbeschreibung { display: block; height: 30px; }

/* ---------------------------------------------- spalte 1                    */
/*                                                kategorien listing          */

#spalte-2-inhalt ul#kategorienliste {
      margin: 0 0 2em 5px;
      list-style-image: none;
      list-style-position: outside;
      list-style-type:none;
}
#spalte-2-inhalt ul#kategorienliste li { 
      padding: 0.3em 0 0.3em 0;

      }
#spalte-2-inhalt ul#kategorienliste li a {
      font-size: 120%;
      text-decoration: none;
      color: #131860;
      font-weight: 700;
      background: url(img-n/kategorien/list-image.gif) no-repeat left 2px;
      padding: 0.2em 0 0.2em 30px;
}

#spalte-2-inhalt ul#kategorienliste li a:visited {
      color: #131860;
}

#spalte-2-inhalt ul#kategorienliste li a:hover  {
      color: #CA1010;
      text-decoration: underline;
}















/* ---------------------------------------------- spalte 1                    */
/*                                                das produkt                 */
/*                                                                            */
/*                                                                            */
/*                                                                            */
/*                                                                            */


.produktbild-1 {}

#page-produkt-info-version1 h2.produkt-headline {
      font: 1.5em/1.1em verdana, helvetica, arial, "sans serif";
      color: #cc0000;
      padding: 0 0 0.4em 0;
      margin: 1.3em 0 1.3em 0;
      border-bottom: 1px solid #cc0000;
}

.produkt-beschreibung, .produkt-preisblock, #page-produkt-info-version1 p {
  font: 13px/1.4em arial, helvetica, verdana, 'sans serif'; 
  color: #333333;
}

#spalte-2-inhalt .produkt-preisblock p {
	padding: 0;		
	margin: 0;
	line-height: 1.4em;
}


#page-produkt-info-version1 .errornachricht p.bald-verfuegbar  {
      padding: 0em 2em 2em 8em;
      background: url(img-n/diverses/neu-in-2008.gif) no-repeat 0.8em 0.4em;
      font-style: italic;
}
.errornachricht .bald-verfuegbar em {
      font-style: normal;
      font-weight: bold;    
}

p.produkt-imageinfo {  font-size: 10px; }


.produkt-preisblock {
  text-align: right;
  margin: 3em 0 2em 0;
  padding: 0 0 2em 0;
  border-bottom: 1px solid #dddddd;
}

.produkt-preisblock h5 {
  font:700 1.8em/1em  arial, helvetica, verdana, 'sans serif'; 
  font-size: 1.6em;
  font-weight: bold;
  color: #333333;
}
.produkt-preisblock strong {
  font-weight: 700;
  color: #666666;
}

.produkt-addtocart { text-align: right;  padding: 5px 0 0 0; }
#page-produkt-info-version1 .produkt-addbutton { margin: 3px 0 0 0; display: block;  }
#page-produkt-info-version1 p.produkt-erstelldatum { font-size: 10px; clear: right;}

.produkt-zusatzbild { padding: 5px 5px 5px 0; float: left; }
#page-produkt-info-version1 h3 { clear: left; }


.produkt-trennlinie {  height: 2em; border-bottom: 1 px solid #cc0000; }
#page-produkt-info-version1 h3 {
	font-size: 150%;	
	font-weight: normal;
      margin: 1em 0 0.1em 0;
      padding: 0;
      line-height: 1.2em;	
}
/* ---------------------------------------------- spalte 1                    */
/*                                                auch gekauft                 */

#page-produkt-info-version1 h4 {
	font-size: 130%;	
	font-weight: 700;
      margin: 1em 0 0.1em 0;
      padding: 0;
      line-height: 1.2em;
      color: #cc0000;	
}

#page-produkt-info-version1 h5 {
	font-size: 100%;	
	font-weight: 700;
      margin: 1em 0 0.1em 0;
      padding: 0;
      line-height: 1.2em;
      color: #666666;	
}


.also-purchased-box {
  width: 140px;
  text-align: center;
  margin: 0 0.5em 0 0;
  font-size: 10px;
  float: left;
} 






















/* ---------------------------------------------- spalte 1 einzelne seiten    */
/*                                                login                       */
/*                                                logoff                      */


#page-login { }
#page-login h3 { margin: 1em 0 1em 0; }
#page-login-neuer-kunde h3 { color: #D44108; }
.button { display: block; margin: 1em 0 2em 0; text-align: right; }
.button-left { display: block; margin: 1em 0 2em 0; text-align: left; }
table td.button { text-align: right;}

#page-login-neuer-kunde  {
      padding: 0.5em;
      border: 1px solid #D44108;      
}
.page-feld input {
      margin: 0 0 0 0;
      width: 200px;
      border: 1px solid #A47E40;
      padding: 3px;
}

.info-message {
  margin: 0 0 2em 0;
  border: 1px solid #DDDDDD;
  padding: 1em;
}

#page-logoff {}

/* ---------------------------------------------- spalte 1 einzelne seiten    */
/*                                                passwort double opt in      */

#page-passwort-double-opt-in {}


/* ---------------------------------------------- spalte 1 einzelne seiten    */
/*                                                account                     */

#page-account ul { list-style-image: none; list-style-position:outside;  list-style-type: circle; }
#page-account ul { margin:5px 20px; padding:0pt 20px; }
#page-account ul li { padding:0.5em; }

/* ---------------------------------------------- spalte 1 einzelne seiten    */
/*                                                adressbook                  */

#page-adressbook {}
#standard-adresse { padding: 0.5em; border: 1px solid #D44108;    }
#standard-adresse h3 { color: #D44108; }
.bearbeiten { margin: 1em 0 3em 0; display: block; }
.hinweis  { margin: 1em 0 3em 0; }
p.standard-adresse-p  {
      font-weight: 700;
      color: #666666;
      margin: 1em 0 1em 1em;
}
#page-adressbook h4 em  { color: #D44108; }



/* ---------------------------------------------- spalte 1 einzelne seiten    */
/*                                                fehlermeldungen             */

.errornachricht { margin: 0 0 1em 0; padding: 0.5em; }
.errornachricht .messageStackWarning {
      padding: 0.5em 0.5em 4em 5em;
      background: #FFD7D9 url(img-n/diverses/warning.gif) no-repeat 0.8em 0.4em;
}
.errornachricht .messageStackSuccess {
      padding: 0.5em 0.5em 4em 5em;
      background: #C9FFCE url(img-n/diverses/success.gif) no-repeat 0.8em 0.4em;
}
.errornachricht .messageStackError {
      padding: 0.5em 0.5em 4em 5em;
      background: #FFD7D9 url(img-n/diverses/error.gif) no-repeat 0.8em 0.4em;
}


/* ---------------------------------------------- spalte 1 einzelne seiten    */
/*                                                adressbook  details         */
/*                                                allgemein formulare         */

.pflichtangaben { font-weight: 700; color: #cc0000; margin: 0 0 1em 0;}
span.inputRequirement { color: #cc0000; font-size: 100%; font-weight: 700; }


/* zellen formatieren */
.xt-web-formular td.main { 
      padding: 0.5em 0.5em 0.5em 0; 
      width: 30%;
}
.xt-web-formular td.inputRequirement, .xt-web-formular td.general, .xt-web-formular td.check {
      padding: 0.3em; 
      width: 70%; 
}
.xt-web-formular td.inputRequirement input, .xt-web-formular td.general input {
      margin: 0;
      width: 180px;
      border: 1px solid #cccccc;
      padding: 3px;
}
.xt-web-formular td.main td.main { padding: 0 0.2em 0 0.2em; width: auto; }
td.inputRequirement .radiobutton input { margin: 0 6px 0 6px; width: auto; border: none; }
.xt-web-formular .zusatztext span.inputRequirement { display: block; margin: 0.2em 0 0.5em 0; }

.xt-web-formular textarea {
      border: 1px solid #cccccc;
      padding: 3px;
}


/* ---------------------------------------------- spalte 1 einzelne seiten    */
/*                                                zahlungsmethoden details    */




/* ---------------------------------------------- spalte 1 einzelne seiten    */
/*                                                shopping cart               */

#subpage-order-details {}
.nachricht { margin: 0 0 1em 0; }

tr.linie td { border-left: 2px solid #ffffff; border-bottom: 14px solid #ffffff; }
tr.cart-gerade td { border-left: 2px solid #ffffff; }
tr.cart-ungerade td { border-left: 2px solid #f5f5f5; }

.cart-gerade  { background: #f3f3f3; }
.cart-ungerade { background: #FcFcFc; }


.beschreibung { width: 55%; }
.einzelpreis, .mengenpreis { width: 20%; }
.loeschen { width 5%; }

td.beschreibung { padding: 0.5em;}
.einzelpreis, .mengenpreis { text-align: right; vertical-align: bottom; padding: 0 0.1em 0.5em 0; white-space: nowrap;}
.loeschen { text-align: center; vertical-align: bottom; padding: 0 0.1em 0.5em 0; white-space: nowrap;}

span.menge { display: block; margin: 2em 0 0 0; }
td.endsumme { text-align: right; vertical-align: bottom; padding: 0.5em;}
span.endsumme-2, span.endsumme-3 { display: block; margin: 0.5em 0 0.5em 0; }
td.endsumme strong { font-size: 110%; font-weight: bold; }


/* ---------------------------------------------- spalte 1 einzelne seiten    */
/*                                                checkout shipping           */

.checkoutBarCurrent-schritt-1, schritt-1 { background: #4A4D85 url(img-n/checkout/schritt-1-aktiv.gif ) no-repeat center; }
.checkoutBarTo-schritt-1 { background: #131860 url(img-n/checkout/schritt-1.gif ) no-repeat center; }

.checkoutBarCurrent-schritt-2, schritt-2 { background: #4A4D85 url(img-n/checkout/schritt-2-aktiv.gif ) no-repeat center; }
.checkoutBarTo-schritt-2 { background: #131860 url(img-n/checkout/schritt-2.gif ) no-repeat center; }

.checkoutBarCurrent-schritt-3, schritt-3 { background: #4A4D85 url(img-n/checkout/schritt-3-aktiv.gif ) no-repeat center; }
.checkoutBarTo-schritt-3 { background: #131860 url(img-n/checkout/schritt-3.gif ) no-repeat center; }

.checkoutBarCurrent-schritt-4, schritt-4 { background: #4A4D85 url(img-n/checkout/schritt-4-aktiv.gif ) no-repeat center; }
.checkoutBarTo-schritt-4 { background: #131860 url(img-n/checkout/schritt-4.gif ) no-repeat center; }

.checkout-schritte tr {
  height: 23px;
  margin: 1em 0 0 0;
}

.checkout-schritte strong {
  font-weight: 700;
  font-size: 90%;
}
.schritt-text { text-align: center; font-size: 80%; width: 25%; }

.xt-web-formular form {
  margin: 0 0 2em 0;
}

#shipping-block {}
.button-text {
  font-weight: 700;
  color: #780B00;
  margin: 0 0 2em 0;
  text-align: right;
  font-style: italic;
}

/* Block Bestandsadressen formatieren */

.moduleRowSelected { background-color: #eeeeee; color: #000000; }

.moduleRow {
  line-height: 1.5;
  color: #000000;
}
.moduleRowOver { 
  background-color: #eeeeee; 
  line-height: 1.5;
  color: #000000;
}

#subpage-checkout-shipping-adress .moduleRowSelected {
  background-color: #eeeeee; color: #000000;
}
#subpage-checkout-shipping-adress td {
  padding: 0.2em;
}
#subpage-checkout-shipping-adress .moduleRowOver {
  background-color: #eeeeee; color: #000000;
}


/* ---------------------------------------------- spalte 1 einzelne seiten    */
/*                                              checkout shipping new adress  */

#subpage-checkout-new-adress  { padding: 0.5em; border: 1px solid #D44108; margin: 2em 0 2em 0;  }
#subpage-checkout-new-adress h3 { color: #cc0000; }


/* ---------------------------------------------- spalte 1 einzelne seiten    */
/*                                                ckeckout payment            */

#checkout-agb  { padding: 0.5em 0.5em 1em 0.5em; border: 1px solid #D44108; margin: 2em 0 2em 0;  }
#checkout-agb h3 { color: #cc0000; }

#checkout-agb textarea { margin: 0 0 1em 0; }

.onepxwidth, .onepxwidth-2 { width: 1px; }

#subpage-checkout-payment-block .onepxwidth { width: 20px; text-align: left; padding-left: 5px; }
#subpage-checkout-payment-block .subpage-form input {
    border:1px solid #CCCCCC;
    margin:0pt;
    padding:3px;
    width:180px;
}

/* ---------------------------------------------- spalte 1 einzelne seiten    */
/*                                                diverse core modul tabellen */

.diverse-module-liste {
  padding: 1em 0 1em 0;
}
.diverse-module-liste td {
  padding: 0.5em 0 0.5em 0;
}

.diverse-module-liste strong {
  font-weight: bold;
}


/* ---------------------------------------------- spalte 1 einzelne seiten    */
/*                                                confirmation                */


#page-checkout-confirmation {}

.confirmation-intend { padding: 0 0 0 1em; }
.confirmation-comment-text {
  font-family: courier, courier-new, arial, verdana, helvetica, "sans-serif";
  font-style: italic;
  border-left: 10px solid #f3f3f3;
  padding: 1em;
}

#confirmation-produkte-details {

} 

td.confirm-spalte-1 { width: 75%;   padding: 0.2em 0;}
td.confirm-spalte-2 { width: 25%; text-align: right;   padding: 0.2em 0; }

.confirm-artikelnummer { color: #666666; font-size: 90%; }
#confirmation-produkte-details strong { font-weight: 700; }

#confirmation-produkte-summe td {
  text-align: right;
  padding: 0.2em 0;
}

#confirmation-produkte-summe td.main-summe {
  width: 100px;
}



/* ---------------------------------------------- spalte 1 einzelne seiten    */
/*                                                advanced search             */


.xt-web-formular td.check select {
      margin-bottom: 3px;
      padding: 0;
}

/* ---------------------------------------------- spalte 1 einzelne seiten    */
/*                                                search help popup           */
/*                                                popup coupon help           */

#popuppage-help {margin: 1em 1em 4em 0; background: #ffffff}
#popuppage-help-inhalt { padding: 2em 8em 1em 2em; }

/* ---------------------------------------------- spalte 1 einzelne seiten    */
/*                                                sitemap                     */

#page-sitemap ul { margin: 0.5em 0; padding: 0; }

#page-sitemap ul li ul { margin: 0.5em 0; padding: 0 0 0 1em; }
#page-sitemap ul li { padding: 0.2em; }

.sitemap-oberkategorie {
  font-size: 110%;	
  font-weight: 700;
  margin: 1em 0 0.5em 0;
  padding: 0;
  color: #666666;	
  text-decoration: none;
}

a.sitemap-oberkategorie:hover { text-decoration: underline; } 
li.nosubkategorie { height: 0; color: #ffffff; }





















/* ------------------------------------------------------ fuss                */
/*                                                                            */
/*                                                                            */
/*                                                                            */
/*                                                                            */


#fuss {
      padding: 1em;
      color: #dddddd;
      font-size: 12px;
      letter-spacing: 0.02em;
      clear: both;
}
#fuss a {
      color: #dddddd;
}














/* Main Column */
#main {
	float: left;
	width: 550px;
	padding: 15px 0 0 0; margin: 0 0 0 10px;
	display: inline;	
}
#main h2 {
	margin-top: 10px;
	padding-bottom: 3px;
	font: normal 2.3em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #895F30; 
	letter-spacing: -1px;	
	text-transform: none;
}
#main h2 a {
	color: #895F30; 
	text-decoration: none;	
}
#main ul li {
	list-style-image: url(img/bullet.gif);
}

/* Sidebar */	
#sidebar {
	float: right;
	width: 280px;
	padding: 25px 0 0 0; margin: 0;		
}	
#sidebar h3 {
	margin-top: 10px;
	padding: 5px 5px; 
	font: normal 1.6em 'Trebuchet MS', Tahoma, Sans-serif;	
	color: #899B0D; 			
}
#sidebar ul.sidemenu {
	text-align: left;
	margin: 7px 10px 8px 0px; padding: 0;
	text-decoration: none;		
	border-top: 1px solid #EBEBEB;
}
#sidebar ul.sidemenu li {
	list-style: none;
	border-bottom: 1px solid #EBEBEB;
	padding: 5px 0 5px 5px;
	margin: 0 2px;		
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
#sidebar ul.sidemenu li a {
	text-decoration: none;	
	background-image: none;	
	color: #895F30; 		
}
#sidebar ul.sidemenu li a:hover {	
	color: #1773BC;	
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }


/* footer */
#footer-wrap {
	clear: both;
	width: 900px;
	font-size: 95%;	
	text-align: left;
	padding: 15px 0;		
	border-bottom: 15px solid #fff;
	border-top: 1px solid #fff;
}
#footer-wrap a:hover {
	color: #000;	
}
#footer-wrap h3 {
	color: #976834;  
	margin: 0;
	padding: 0 10px; 
	text-transform: uppercase;
	font-weight: bold;
}

#footer-columns {
	color: #888;
	margin: 0 auto; 
	padding: 0;	
	width: 840px;			
}
#footer-columns a {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}
#footer-columns ul {
	list-style: none;
	margin: 10px 0 0 0; 
	padding: 0;	
	border-top: 1px solid #e5e5e5;
}
#footer-columns li {
	border-bottom: 1px solid #e5e5e5;	
}
#footer-columns li a {
	display: block;
	font-weight: normal;
	padding: 5px 0 5px 10px;
	width: 96%;
}
#footer-columns .col3, .col3-center {
	float: left;
	width: 32%;
}
#footer-columns .col3-center { 
	margin: 0 15px; 
}










/* postmeta */
.postmeta {	
	padding: 5px; margin: 20px 10px 15px 10px;	
	font-size: 95%;	
	color: #99997D;
	border: 1px solid #EAE7DB;
	background: #FAFAE7;
}
.postmeta .date{ margin: 0 10px 0 5px;	}
.postmeta a.comments { margin: 0 10px 0 5px;	}
.postmeta a.readmore { margin: 0 10px 0 5px;	}

.post-info { font-size: .95em;	padding-top: 0; margin-left: 5px;	}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

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

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