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

#shadowdiv{
  border: 0px solid black;
  margin: auto auto;
  padding: 0px;
  color: #000;
  width: 985px;
  background-image: url(images/shadow_main.jpg);
  background-repeat: repeat-y;
}

#lshadow{
  border: 0px;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 20px;
  height: 765px;
  background-image: url(images/shadow_left.jpg);
  background-repeat: no-repeat;
}

#rshadow{
  border: 0px solid blue;
  margin: 0px;
  padding: 0px;
  float: right;
  width: 20px;
  height: 765px;
  background-image: url(images/shadow_right.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
}

#flshadow{
  border: 0px;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 20px;
  height: 129px;
  background-image: url(images/fshadow_left.jpg);
  background-repeat: no-repeat;
}

#frshadow{
  border: 0px solid blue;
  margin: 0px;
  padding: 0px;
  float: right;
  width: 20px;
  height: 129px;
  background-image: url(images/fshadow_right.jpg);
  background-repeat: no-repeat;
}

#bshadow{
  border: 0px;
  margin: 0px;
  padding: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 985px;
  height: 11px;
  font-family: Arial, sans-serif;
  font-size: 10px;
  text-align: center;
  background-color: #b2b2b2;
  background-image: url(images/fshadow.jpg);
  background-repeat: no-repeat;
}

/* Path - Navi */

#navdiv {
	border: 0px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	width: 480px;
	height: 22px;
	background-color: #FFF;
	background-image: url(images/naviback.gif);
	background-repeat: repeat-y;
}

#navttl{
	border: 0px;
	margin: 0px; 
	padding: 0px;
	float: left;
	width: 480px;
	height: 22px;
	color: #c61218;
	font-size: 12px;
	font-weight: bold;
	line-height: 180%;
	text-indent: 20px;
	color: #000;
}

#navttl .headerNavigation {
	color: #000;
  text-decoration: none;
}

#navttl .headerNavigationlast {
	color: #c71219;
  text-decoration: none;
}

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

#mainframe{
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 12px;
	width: 945px;
  float: left;
	background-color: #FFF;
}

#headbar{
	position: relative;
	z-index:10;
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 105px;
	width: 945px;
}

#gridbar{
	position: relative;
	z-index:5;
	border: 0px solid blue;
	margin:0px;
	padding:0px;
	width: 945px;
   background-image: url(images/bg_grid.jpg);
   background-repeat: repeat-y;
}

#colleft{
	border: 0px;
	margin: 0px;
	padding:0px;
	float: left;
	width: 193px;
  min-height: 500px;
  background-image: url(images/bg_lcol.jpg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

#colmiddle{
	border: 0px;
	margin: 0px 0px 20px 0px;
	padding:0px;
	float: left;
	width: 480px;
}


#colright{
	border: 0px;
	margin: 0px;
	padding:0px;
	float: right;
	width: 206px;
  min-height: 500px;
  background-image: url(images/bg_rcol.jpg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

#footbar{
	border: 0px solid yellow;
	margin:  0px;
	padding: 0px;
	width: 985px;
	height:129px;
}

.abs33{
	border:  0px;
	margin:  0px;
	padding: 0px;
	float:  left;
	width:  33px;
	height: 50px;
	overflow: hidden;
}

.abs945x40{
  border:  0px;
  margin:  0px;
  padding: 0px;
  width: 945px;
  height: 40px;
}

.clboth{clear: both;width: 0px; height: 0px; overflow:hidden;}

#headdiv{
	border: 0px;
	margin: auto auto;
	padding: 0px;
	position: relative;
	height: 105px;
	width: 945px;
	background-image: url(images/bg_header.jpg);
	background-repeat: repeat-x;
}

#logo{
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 270px;
	height: 105px;
}

#search{
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 207px;
	height: 21px;
}

#search input{
	border: 0px;
	margin: 0px 0px 5px 0px;
	padding: 3px 3px 2px 3px;
	float:left;
	height: 16px;
	width:140px;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: #fff;
}

#search input.asuche{
	border: 0px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	display: block;
	float: right;
	width: 56px;
	height: 21px;
	background-image: url(images/button_search.jpg);
	background-repeat: no-repeat;
}

#search a {color:#EEE;}

#navigation{
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 2px;
	left: 280px;
}

/*---Menu---*/

.dropdown{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.sitemenu{
	border: 0px;
	margin:0px;
	padding:0px;
	padding-left: 8px;
	padding-right:8px;
	position: relative;
	height: 20px;
	float: left;
	list-style-type: none;
}

.sitemenu a{
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #fff;
	text-decoration: none;
}

.sitemenu a:hover{color: #c61218;}

.sitemenu a.selmenu {
	padding: 8px 8px 8px 8px;
	color: #c61218;
	background-color: #fff;
	background-image: url(images/rundekante_weiss.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

/*---Untermenu---*/

.menu{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	position: absolute;
	top: 20px;
  left: -5000px;
  z-index: 2000;
	background-color: #262c2e;
}

.dropdown li:hover .menu{left: 0px;}

.cellmenu{
	border: 0px;
	margin:0px;
	padding:0px;
	/*padding-left: 0px;
	padding-right:8px;*/
	height: 20px;
	width: 100%;
	list-style-type: none;
	white-space: nowrap;
	width: 100%;
}

.cellmenu a{
	border: 0px;
	margin: 0px;
	padding: 0px;
	margin-left: 8px;
	margin-right: 8px;
	display: block;
	color: #fff;
	text-decoration: none;
}

.cellmenu a:hover{color: #c61218;}

.clboth{clear: both;}

#mnmenu{
	border:   0px;
   margin-bottom: 0px;
	padding:  0px;
	width:  183px;
	color: #3b4548;
	font-family: Arial, sans-serif;
	line-height: 100%;
}


#ttlmnmenu{
	border:  0px;
	margin:  0px;
	padding: 0px;
	position: relative;
	width: 183px;
	height: 23px;
	color:  #fff;
	line-height: 200%;
	text-indent: 13px;
	background-color: #c61218;
}



.rredborder{
	border:  0px;
	margin:  0px;
	padding: 0px;
	position: absolute;
	top:     0px;
	right: -11px;
	width:  11px;
	height: 23px;
	background-image: url(images/rundekante_rot.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#txtmnmenu{
	border:  0px;
	margin:  0px;
margin-bottom: 20px;
	padding: 0px;
	padding-top: 6px;
	width: 193px;
}

#txtmnmenu ul, ol, li{
  margin-left:10px;
  padding-left:0px; 
  list-style-position:outside;
}


#txtmnmenu a{
	display: block;
	width: 193px;
	height: 25px;
	color: #3b4548;
	line-height: 200%;
	text-decoration: none;
	text-indent: 13px;
	background-image: url(images/dotline_red.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

#txtmnmenu a:hover{color: #b31016;text-decoration: none;}

#mcatgrid{
  border: 0px;
  margin: 0px;
  width: 442px;
}


.mcgbox{
  border: 0px;
  margin: 0px;
  margin-bottom: 11px;
  padding: 0px;
  float: left;
  width: 140px;
  height: 185px;
  font-family: Arial, sans-serif;
}

.mcgbox a{
  display: block;
  border: 0px;
  color: #111;
  text-decoration: none;
}

#mcatgrid .mcgbox a:hover{color: #c61218;text-decoration: underline;}

.mcgbox img{
  border: 0px;
  margin: 0px;
  padding: 0px;
}

.mcttl{
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 140px;
  height: 23px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 180%;
  background-image: url(images/dotline_grau.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

.absh11{
  border: 0px;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 11px;
  height: 185px;
}

#vrtlbox{
  border: 0px;
  margin: 0px;
  margin-top: 30px;
  padding: 0px;
  width: 442px;
}

.redttl{
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 442px;
  height: 23px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 200%;
  text-indent: 25px;
  background-color: #ba0305;
  background-image: url(images/rundung_rot.gif);
  background-position: 430px 0px;
  background-repeat: no-repeat;
}

.greyttl{
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 442px;
  height: 24px;
  color: #b30506;
  font-size: 12px;
  font-weight: bold;
  line-height: 200%;
  text-indent: 25px;
  background-image: url(images/rundung_grey.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.vrttxt{
  border: 0px;
  margin: 0px;
  padding: 10px 0px 10px 0px;
  width: 442px;
  color: #111;
  font-family: Arial, sans-serif;
  font-size: 12px;
  background-color: #e8e8e8;
}

.vrttxt ul {
  margin-left:11px;
  padding-left:13px; 
  list-style-position:outside;
  font-size: 10px;
}

.vrttxt li {
  padding-bottom:5px;
  list-style-image:url(images/li_dot.gif);
  font-size: 12px;
} 

.vrttxt a{
  color: #111;
  text-decoration: none;
}

#colmiddle a {
	color: #000;
	text-decoration: underline;
}

#colmiddle a:hover {text-decoration: none;}

.condiv{
	border: 0px;
	margin-bottom: 25px;
	padding: 0px;
	padding-bottom: 1px;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 12px;
	width: 480px;
	background-image: url(images/dotline_red.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.ttlcon{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 480px;
	height: 23px;
	color: #444;
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
	text-indent: 20px;
	background-image: url(images/dotline_grau.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.ttlcon a {color: #444;}

.subcon{
	border: 0px;
	margin: 15px 0px 5px 0px;
	padding: 0px;
	width: 460px;
	height: 23px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
	text-indent: 0px;
	background-image: url(images/dotline_grau.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.subcon a {
	color: #444;
	font-size: 12px;
	font-weight: normal;
}

.congrid{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 480px;
}

.conlcol{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	float: left;
	width: 290px;
	color: #111;
	font-size: 12px;
}

/*.conlcol b{
	color: #c61218;
	font-size: 18px;
}*/

.conlcol a{
	color: #000;
	text-decoration:underline;
}

.conlcol a:hover{
	color: #000;
	text-decoration:none;
}

.conrcol{
	border: 0px;
	margin: 0px;
	padding:0px;
	float: right;
}

.conabs20{
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 20px;
	height: 50px;
}

.clboth{clear: both;}

/* ------- Kontakt Form / Form allgemein ------------ */

.conlcol .errormsg{
 	width:350px;
	text-align:left;
	padding: 10px 10px 10px 50px;
	background-color: #FFAAAA;
	border: 1px solid #FF4444;
	color: black;
	margin: 5px 0px 5px 0px;
}

.conlcol .infomsg{
 	width:350px;
	text-align:left;
	padding: 10px 10px 10px 50px;
	background-color: #EEEEEE;
	border: 1px solid #888888;
	color: black;
	margin: 5px 0px 5px 0px;
}

.conlcol .conline{
	position:relative;
	width:100%;
	padding: 0px;
	margin: 5px 0px 0px 0px; 
}

.conline .inp input {
	border: 1px solid #888;
}

span.t150 {
	display: block;
	float:left;
	padding: 2px 0px 0px 0px;
	width: 150px;
	height: 18px;
}

span.t250 {
	display: block;
	float:left;
	padding: 2px 0px 0px 0px;
	width: 247px;
	height: 18px;
}

div.inp200 input{
	position:relative;
	float:left;
	width: 200px;
	height: 18px;
	border: 1px solid #888;
}

div.sel200 select{
	position:relative;
	float:left;
	width: 200px;
	height: 22px;
}

div.tae300 textarea{
	position:relative;
	float:left;
	width: 298px;
	height: 100px;
	border: 1px solid #888;
}

div.tae450_1 textarea{
	width: 445px;
	height: 100px;
	border: 1px solid #888;
	font-family: Arial, sans-serif;
	font-size: 12px;	
}

div.tae450_2 textarea{
	width: 445px;
	height: 200px;
	border: 1px solid #888;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color:#FFEEEE;	
}

div.button input{
	position:relative;
	float:right;
	border: 0px;
}

#kcatdiv{
	border: 0px solid blue;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	width: 480px;
	height: 140px;
	background-image: url(images/kcat.jpg);
	background-repeat: no-repeat;
}

#kcttl{
	border: 0px;
	margin: 0px; 
	padding: 0px;
	float: left;
	width: 480px;
	height: 22px;
	color: #c61218;
	font-size: 12px;
	font-weight: bold;
	line-height: 180%;
	text-indent: 20px;
}

#kcpic{
	border:  0px;
	margin:  0px;
	padding: 0px;
	width:  473px;
	height: 108px;
}

#katlist {
	width: 450px;
	margin: 15px 0px 0px 20px;
}

#katlist div {overflow: hidden;}

#katlist a.akatlnk{
  position:relative;
  z-index: 10;
  border: 0px;
  border-bottom: 2px solid #394345;
  color: #111;
  display:block;
  text-decoration: none;
}

#katlist a.akatlnk:hover{
  border-bottom: 2px solid #c61218;
  color: #c61218;
}

.katlink1 {
	float: left;
	margin: 0px 11px 11px 0px;
}

.katlink2 {
	float: left;
	margin: 0px 11px 11px 0px;
}

.katlink3 {
	float: left;
   margin: 0px 0px 11px 0px;
}

.kattitel {
	font-size: 12px;
	font-weight: bold;
	margin:0px 0px 5px 0px;
}

.katimg {
	position: relative;
	width: 140px;
	height: 113px;
	background-image: url(images/katbackground.gif);
	background-position: top;
}

.katimg img {
	position: absolute;
	width: 140px;
	height: 112px;
	top: 1px;
	left: 0px;
}

#dtlart{
	border: 0px;
 	margin: 0px; 
	padding: 0px;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 12px;
  line-height: 140%;
	width: 480px;
}

#dartbar{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 480px;
	height: 23px;
	background-image: url(images/dotline_grau.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

#gdart{
  border: 0px;
  margin: 0px;
  margin-bottom: 18px;
  padding: 0px;
  width: 480px;
/*   background-color: green; */
}

.lcdart{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 270px;
 	float: left;
}

.rcdart{
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 200px;
  float: right;
  overflow: hidden;
}

.ttlart{
	border: 0px;
	margin: 0px;
  margin-top: 5px;
	padding: 0px;
	color: #c51216;
	font-size: 12px;
  font-weight: bold;
  font-family: Arial, sans-serif;
	xxtext-indent:20px;
}

.ttlanr{
  border: 0px;
  margin: 0px;
  margin-top: 6px;
  padding: 0px;
  color: #111;
  font-size: 10px;
  font-weight: normal;
  font-family: Arial, sans-serif;
}

.txtdart{
  border: 0px;
  margin: 10px 0px 20px 0px;
  padding: 0px;
  width: 270px;
  color: #111;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, sans-serif;
}

.tbldart{
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 217px;
  height: 23px;
  color: #111;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, sans-serif;
  line-height: 200%;
  background-image: url(images/bg_detail.gif);
  background-position: left;
  background-repeat: repeat-y;
}

.dotline{
  width: 217px;
  height: 24px;
  background-image: url(images/dotline_grau.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

.ltbltxt{
  width: 180px;
  height: 23px;
  float: left;
  text-indent: 5px;
}

.rtbltxt{
  width: 30px;
  height: 23px;
  float: right;
}

.imgdart{
  border: 0px;
  margin: 0px;
  margin-bottom: 25px;
  padding: 0px;
  width:200px;
  height: 200px;
}

#picdart{
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 200px;
}

.dminpic{
  border: 0px;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 98px;
  height:98px;
}

#ftdart{
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 480px;
}

.fldart{
  border: 0px;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 282px;
  color: #111;
  font-size:   10px;
  font-weight: normal;
  font-family: Arial, sans-serif;
  text-align:  left;
}

.fldart a{color: #111;}

.artpreis{
  color: #c51216;
  font-size:   16px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  line-height: 140%;
}

.fmdart{
  border: 0px;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 40px;
  color: #111;
  font-size:   10px;
  font-weight: normal;
  font-family: Arial, sans-serif;
  text-align:  center;
}

.fmdart input{
  border: 1px solid #ccc;
  margin: 0px;
  padding: 2px 3px 2px 3px;
  width: 32px;
  height: 15px;
  color: #111;
  font-size:   12px;
  font-weight: normal;
  font-family: Arial, sans-serif;
  text-align:  center;
}

.frdart{
  border: 0px;
  margin: 0px;
  padding: 0px;
  float: right;
  width: 150px;
  text-align: center;
}

.frdart a, img{
  border: 0px;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

.clboth{clear: both;}

.artikeldiv{
	border: 0px;
	margin-bottom: 25px;
	padding: 0px;
	padding-bottom: 1px;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 12px;
	width: 480px;
	background-image: url(images/dotline_red.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.ttlartikel{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 480px;
	height: 23px;
	color: #444;
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
	text-indent: 20px;
	background-image: url(images/dotline_grau.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.ttlartikel a {color: #444;}

.artgrid{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 480px;
}

.artlcol{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	float: left;
	width: 290px;
	color: #111;
	font-size: 12px;
}

.artlcol b{
	color: #c61218;
	font-size: 18px;
}

.artlcol a{
	color: #000;
	text-decoration:underline;
}

.artlcol a:hover{
	color: #000;
	text-decoration:none;
}

.artrcol{
	border: 0px;
	margin: 0px;
	padding:0px;
	float: right;
}

.abs20{
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 20px;
	height: 50px;
}

#gcoupon{
   display: block;
   border: 0px;
   padding: 0px;
   width: 193px;
   font-family: Arial, sans-serif;
   line-height: 100%;
   background-image: url(images/gutschein.jpg);
   background-position: right 23px;
   background-repeat: no-repeat;
}

#ttlgcoupon{
   border:  0px;
   margin:  0px;
   padding: 0px;
   position: relative;
   width: 183px;
   height: 23px;
   color:  #fff;
   line-height: 200%;
   text-indent: 13px;
   background-color: #c61218;
}

#txtgcoupon{
   border:  0px;
   margin:  0px;
   padding: 0px 0px 0px 0px;
   width: 193px;
   height: 187px;
   background-image: url(images/dotline_red.gif);
   background-position: bottom;
   background-repeat: repeat-x;
}

#vkosten{
	display: block;
	border: 0px;
	margin-top: 20px;
	padding: 0px;
	width: 193px;
	font-family: Arial, sans-serif;
	line-height: 100%;
	background-image: url(images/versandkostenfrei.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#ttlvkosten{
	border:  0px;
	margin:  0px;
	padding: 0px;
	width: 140px;
	height: 23px;
	color:  #fff;
	line-height: 200%;
	text-indent: 13px;
	background-color: #c61218;
}

#txtvkosten{
	border:  0px;
	margin:  0px;
	padding: 0px;
	width: 193px;
	height: 112px;
	background-image: url(images/dotline_red.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.vstatus{
  border: 0px;
  margin: 15px 0px 0px 0px;
  width: 442px;
  overflow: visible;
}

.vstbar{
  border: 0px;
  margin: 0px;
  margin-bottom: 20px;
  padding: 0px;
  width: 442px;
  height: 33px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 180%;
  background-image: url(images/bg_vst.gif);
  background-position: top;
  background-repeat: repeat-x;
}

.vsttxt1{float:left;width: 140px; height:33px; text-align: center;}
.vsttxt2{float:left;width: 117px; height:33px; text-align: center;}
.vsttxt3{float:left;width: 100px; height:33px; text-align: center;}
.vsttxt4{float:left;width:  85px; height:33px; text-align: center;}

.vsseltxt{
  font-weight:bold;
  background-image: url(images/dreieck_kasse.gif);
  background-position: center 21px;
  background-repeat: no-repeat;
}

#zartdiv,
#tdspdiv{
	border:   0px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding:  0px;
	width:  193px;
	height: 174px;
	color: #3b4548;
	font-family: Arial, sans-serif;
	line-height: 100%;
}

#tdspdiv{
  margin-bottom: 0px;
  height: 23px;
}

#ttlzart,
#ttltdsp{
	border:  0px;
	margin:  0px;
	padding: 0px;
   position: relative;
	width: 183px;
	height: 23px;
	color:  #fff;
	line-height: 200%;
	text-indent: 13px;
	background-color: #c61218;
}

.rredborder{
	border:  0px;
	margin:  0px;
	padding: 0px;
	position: absolute;
	top:     0px;
	right: -10px;
	width:  11px;
	height: 23px;
	background-image: url(images/rundekante_rot.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#txtzart{
	border:  0px;
	margin:  0px;
	padding: 0px;
	padding-top: 6px;
	width: 193px;
}

#txtzart a{
	display: block;
	position: relative;
	width: 193px;
	height: 24px;
	color: #3b4548;
	line-height: 200%;
	text-decoration: none;
	text-indent: 13px;
}

#txtzart a img{ 
	position: absolute;
	top: 4px;
	margin-left: 8px;
}

#txtzart a:hover{color: #b31016;text-decoration: none;}

.rdotline{
	border:  0px;
	margin:  0px;
	padding: 0px;
	width:  100%;
	height:  1px;
	background-image: url(images/dotline_red.gif);
	background-repeat: repeat-x;
	overflow:hidden;
}

#wkdiv{
	border: 0px;
	margin: auto auto;
	padding: 0px;
	width: 206px;
	background-image: url(images/dotline_red.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

#wkttl{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 206px;
	height: 23px;
	color: #fff;
	font-size: 12px;
	text-indent: 20px;
	line-height: 180%;
	background-color: #3b4548;
	background-image: url(images/warenkorb.gif);
	background-repeat: no-repeat;
}

#wktxt{
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 206px;
	height: 140px;
	color: #000;
}

#wkartikel{
	border:  0px;
	margin:  0px;
	padding: 0px;
	position: absolute;
	top:    12px;
	left:   20px;
	height: 16px;
	width: 180px;
}

#wkwert{
  border:  0px;
  margin:  0px;
  padding: 0px;
  position: absolute;
  top:    30px;
  left:   20px;
  height: 16px;
  width: 180px;
}

#wkust{
  border:  0px;
  margin:  0px;
  padding: 0px;
  position: absolute;
  top:    48px;
  left:   20px;
  height: 16px;
  width: 180px;
}

#wkrabatt{
  border:  0px;
  margin:  0px;
  padding: 0px;
  position: absolute;
  top:    66px;
  left:   20px;
  height: 16px;
  width: 180px;
}

#wkrabattlink{
  border:  0px;
  margin:  0px;
  padding: 0px;
  position: absolute;
  top:    82px;
  left:   20px;
  height: 16px;
  width: 180px;
}

.row1{ 
	float:left;
	width: 100px;
}

.row2{
	float:left;
	width:80px;
	font-weight:bold;
}

.row3{ 
  float:left;
  width: 180px;
  font-size: 8px;
}

.row3 a{ 
  color: #000;
  text-decoration: underline;
}

#wkbutton{
	border:  0px;
	margin:  0px;
	padding: 0px;
	position: absolute;
	top:   104px;
	left:   65px;
	height: 20px;
	width: 135px;
}

#wkbutton a{
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#knddiv{
	border: 0px;
	margin-top: 20px;
	padding: 0px;
	padding-bottom: 8px;
	width: 206px;
	background-image: url(images/dotline_red.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

#ttlknd{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 206px;
	height: 23px;
	color: #fff;
	font-size: 12px;
	text-indent: 20px;
	line-height: 180%;
	background-image: url(images/konto.gif);
	background-repeat: no-repeat;
}

#lgnknd{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	float: left;
	width: 186px;
	color: #000;
	font-size: 12px;
	line-height: 180%;
}

#lgnknd input{
	margin:  0px;
	margin-bottom: 3px;
	padding: 2px 3px 2px 3px;
	height: 15px;
	width: 141px;
}


#lgnknd a{
	border:  0px;
	margin:  0px;
	padding: 0px;
	color: #000;
	text-decoration: underline;
	display: block;
	width: 100%;
}

#lgnknd a:hover{text-decoration: none;}

.anmelden{
	border:  0px;
	margin:  0px;
	padding: 0px;
	float: right;
	height: 20px;
	width: 97px;
}

.abmelden{
	border:  0px;
	margin:  10px 7px;
	padding: 0px;
	float: right;
	height: 20px;
	width: 135px;
}

.abs20{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 20px;
	height: 50px;
	float: left;
}

.clboth{clear: both;}

#rabattdiv{
	border: 0px;
/* 	margin-top: 20px; */
	padding: 0px;
	width: 206px;
	background-image: url(images/dotline_red.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

#ttlrabatt{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 206px;
	height: 23px;
	color: #fff;
	font-size: 12px;
	text-indent: 20px;
	line-height: 180%;
	background-image: url(images/rabatte.gif);
	background-repeat: no-repeat;
}

#txtrabatt{
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 206px;
	color: #000;
}

#txtrabatte a{
	border:  0px;
	margin:  0px;
	padding: 0px;
	text-decoration: none;
}

#bookmarks{
	border: 0px;
	margin-top: 3px;
	margin-bottom: 20px;
	padding: 0px;
	padding-top: 8px;
	padding-bottom: 15px;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 10px;
	width: 206px;
}

.txtbookmarks{
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 8px;
	width: 206px;
	color: #c61218;
	font-size: 10px;
	text-indent: 20px;
}

.picbookmarks{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 206px;
}

.picbookmarks a{
	border: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}

.abs20{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 20px;
	height: 50px;
	float: left;
}

.clboth{clear: both;}

#footdiv{
	border: 0px;
	margin: 0px;
	padding: 0px;
  float: left;
	width: 945px;
	height: 129px;
	background-image: url(images/bg_footer.jpg);
	background-repeat: no-repeat;
}

.fcol{
	border: 0px;
	margin: 0px; 
	padding: 0px;
	float: left;
	width: 130px;
}

.fcol a{
	display: block;
	color: #fff;
	font-size: 10px;
	line-height: 150%;
	white-space: nowrap;
	text-decoration: underline;
}

.fcol a:hover{text-decoration: none;}

.ftitle{
	border: 0px;
	margin: 0px;
	margin-top: 15px;
	margin-bottom: 2px;
	padding: 0px;
	width: 130px;
	height: 20px;
	color: #fff;
	font-size: 10px;
	background-image: url(images/dotline_white.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.fabs100{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100px;
	height: 129px;
	float: left;
}

.fabs240{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 240px;
	height: 129px;
	float: left;
}

.clboth{clear: both;}

body{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-family: Arial, sans-serif;
	font-size: 12px;
  background-color: #b2b2b2;
  background-image: url(images/shadow.jpg);
  background-repeat: repeat-x;
}

a{
   border: 0px;
	text-decoration: none;
}

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

.rgrau {border: 1px solid #E0E0E0;}