/* -------------------------------------------------------------------------- */
/* ZUM ANFANG: */
/* -------------------------------------------------------------------------- */  

body,
#infobox-2 .warenkorb,
h5 {
  font:normal 80% verdana,sans-serif;
  line-height:140%;
  background:#e5e5e5;
  }
html {
  min-height:100%;
  margin-bottom:1px;
 }
html * {
  margin:0;
  padding:0;
  }
img, fieldset {
  border:0;
  }
  
/* -------------------------------------------------------------------------- */
/* CONTAINER   border:1px dotted #ff0;  */
/* -------------------------------------------------------------------------- */


#header,
#container,
#side-box,
#infobox-2,
#footer {
	max-width:320px !important;
	width:320px;
	position:relative;
	left:50%;
	margin-left:-160px;
  }
#header {
  background:#fff;
  height:60px;
  
  }
#header h1,
#side-box #side-menu,
#infobox-2 .infobox,
#inhalt {
	padding:5px;
	}
#container {
	overflow:hidden;
	}
#side-box {  /*................................................. Linke Spalte */
  background:#fff;
  }
#inhalt { /*................................................. Mittlere Spalte */
  background:#fff;
  }
#infobox-2 { /*................................................. Rechte Spalte*/
  background:#eee;
  }
#footer { /*.......................................................... Footer */
  background:#e74a00;
  color:#ffc;
  }
#footer ul,
#menu ul,
#side-box ul {
	padding-top:10px;
  padding-bottom:10px;
	margin:0;
	list-style:none;
  padding-left:10px;
  font-size:80%;
	}
#footer a:link,
#footer a:visited {
	color:#ff9;
	font-weight:normal;
	}
#footer a:active,
#footer a:hover {
	color:#ffc;
	background-color:#c30;
	}
#menu {
	position:absolute;
	top:20px;
	left:50%;
	width:320px;
	margin-left:-160px;
  background:transparent;
  line-height:100%;
  }
#menu a {
	color:#c30;
  font-weight:bold;
	}
#menu ul li {
	display:block;
	float:left;
	font-size:9px;
	margin-right:2px;
	}
#menu ul ul {
	display:none;
	}
h1, h2, h3, h4, h5 {
  font-family:'Trebuchet MS',Verdana,sans-serif;
  color:#666;
  font-weight:bold;
  }
h1 {
  font:bold 200% 'Trebuchet MS',Verdana,sans-serif;
  }
h2 {
  font-size:14px;
  border-bottom:1px solid #c96;
  color:#c30;
  }
h3 {
  font:normal 13px/16px 'Trebuchet MS',Verdana,sans-serif;
  }
h4 {
  font-size:12px;
  }
h5 {
  font-size:12px;
  margin-top:20px;
  margin-bottom:10px;
  margin-left:-5px;
  margin-right:-5px;
  color:#000;
  }
hr {
  clear:both;
  height:1px;
  color:#666;
  border-top:1px dotted #666;
  border-bottom:0;
  border-left:0;
  border-right:0;
  margin-bottom:20px;
  }
p  {
  margin-bottom:5px;
  }
#footer p  {
  margin-bottom:0;
  }
tr.extra td {
  background-color:#eee;
  }  
  
dfn {
	display:block;
	}
#inhalt input,
select,
textarea {
	width:80%;
	background-repeat:no-repeat;
	}

/* -------------------------------------------------------------------------- */
/* WARENKORB*/
/* -------------------------------------------------------------------------- */

#inhalt div.warenkorb {
	width:310px;
	overflow:auto;
	position:relative;
	} 
table {
  font:normal 10px verdana,sans-serif;
  border-collapse:collapse;
  }
th,
.warenkorb tr.tfoot td {
  color:#fff;
  font-weight:bold;
  border-color:#fff;
  text-align:left;
  }
th {
  border-top:3px solid #fc6;
  background:#e74a00;
  border-bottom:3px solid #963;
  color:#ffc;
  padding:0px 4px;
  }
th + th {
	padding:0;
}
.warenkorb tr.tfoot td {
  background:#eee;
  color:#333;
  }
td,
.warenkorb td {
  border-bottom:1px solid #999;
  border-top:1px solid #999;
  vertical-align:top;
  background:#fff;
  padding:1px 5px 1px 0;;
  font:normal 10px Arial,sans-serif;
  }
.warenkorb tr.gesamtsumme td {
  background:#ebece6; /*#fe0 #cc9*/
  color:#363;
  font:bold 11px verdana,sans-serif;
  text-align:left;
  padding:1px 2px 4px 2px;
  border-top:3px double #cc9;
  border-bottom:3px double #cc9;
  } 
.warenkorb b {
  font-size:11px;
  color:#963;
  }
.gesamtsumme span,
.gesamtsumme b {
  font:bold 11px verdana;
  color:#363;
  }
.gesamtsumme span {
  border-bottom:3px double #363;
  }
.warenkorb td p {
  background:#ebece6;
  height:60px;
  margin-bottom:5px;
  }
#kundendaten .warenkorb td p,
#warenkorb .warenkorb td p,
#warenkorb .warenkorb td form {
  background:#ebece6; /* #ffd */
  height:20px;
  padding:2px;
  margin-bottom:5px;
  }
.warenkorb caption {
  font:bold 12px verdana,sans-serif;
  text-align:left;
  color:#996;
  }
.button,
a.button:link,
a.button:visited {
  display:block;
  border:1px solid #999;
  background:#fc6;
  color:#000;
  text-decoration:none;
  padding:0 2px 1px 2px;
  margin-top:5px;
  font-weight:normal;
  cursor:pointer;
  }
div.warenkorb a span,
a.button span {
  position:relative;
  left:-20px;
  }
input.change {
  background:url(../img/change.gif);
  border:0;
  width:18px;
  height:22px;
  cursor:pointer;
  }
input.remove {
  background:url(../img/remove.gif);
  border:0;
  width:20px;
  height:19px;
  cursor:pointer;
  margin-left:2px;
  margin-right:2px;
  }
.user-error {
  background:#fff url(../img/remove.gif) top right no-repeat;
  padding-right:20px;
  border-color:#c60;
  }
#kundendaten select.user-error {
  color:#c60;
  }
.error-msg {
	margin-top:20px;
  padding:10px 10px 20px 10px;
  color:#c60;
  font-weight:bold;
  border:2px solid #c60;
  }
.danke {
  padding:30px 0 40px 0;
  }
#inhalt input.bestellen {
	width:20px;
	}