clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .clearfix {height: 1%;}

body { 
	font-family: Arial,  Helvetica, Sans-Serif ;
	font-size: 12px ;
	margin: 0;
	padding: 0;	
	background-image: url(/gfx/2/back.jpg) ;
	background-repeat: repeat-x;
	background-color: #e2e2e2 ;
	text-align: center ;
}

a {
	color: black ;
	text-decoration:none;
}

a.ul {
	color: black ;
	text-decoration:underline;
}

a.ul:hover {
	color: gray ;
	text-decoration:underline;
}

a.weiss {
	color: white ;
	text-decoration:none;
}

a.weiss:hover {
	color: #f0f0f0 ;
	text-decoration:underline;
}

li {
	list-style-position: inside ;
	list-style-type: square ;
}

#main {
	width: 900px ;
	text-align: left ;
	margin: 0px auto ;
	padding: 0px ;
	background-color: #ffffff ;
	display: block;
}

#header {
	width: 900px ;
	height: 133px ;
	margin: 0px ;
}

#header:hover {
	cursor: pointer;
}

#s1 {
	width: 200px;
	float: left;
}

#s2 {
	width: 510px;
	float: left;
	min-height: 200px;
}

#s3 {
	width: 190px;
	float: left;
}

#s1 h3 { 
	clear: both;
	width: 190px;
	color: #ffffff;
	font-size: 13px;
	font-weight:bold;
	background-color: #bb0000;
	display: block;
	margin: 5px 0px 5px 0px ;
	padding: 2px 0px 2px 0px ;
}

#s3 h3 { 
	clear: both;
	width: 190px;
	color: #ffffff;
	font-size: 13px;
	font-weight:bold;
	background-color: #bb0000;
	display: block;
	margin: 5px 0px 5px 0px ;
	padding: 2px 0px 2px 0px ;
}

#suche {
	position:absolute; 
	background-color: #6d6d6d;
	height: 26px;
	width: 200px ;
}

#sbeg {
	border: none;
	background-color: #6d6d6d;
	color: #ffffff;
	width: 135px;
}

form {
	display:inline;
	margin:0px;
}
	
.sbutton_line {
	margin-top: 5px;
	width: 190px;
	border-top: 2px solid #aaaaaa ;
}

.sbutton {
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding: 0px 4px 0px 4px ;
	background-color: #aaaaaa;
	height:16px;
	text-align:center;
	float:right;
	margin-bottom: 10px;
}

.sbutton a {
	color: #ffffff;
}

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

#suchfeld {
	width: 170px;
	margin: 3px 2px 0px 8px ;
	border: 1px solid #ffffff;
	color: #ffffff;
}

#sgo {
	width: 25px;
	font-size: 9pt ;
	border: none ;
	color: #ffffff;
	background-color: #6d6d6d;
	font-weight: bold;
}

#hmenu {
	font-family: Verdana;
	background-color: #6d6d6d;
	height: 26px;
	width: 100% ;
	font-size: 11px;
}

#footer {
	clear: both ;
	background-color: #6d6d6d;
	width: 100% ;
	color: #bbbbbb;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

#footer a {
	font-weight: bold;
	color: #cccccc;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.hmc {
	float: left;
	margin-right: 34px;
	margin-top:6px;
	text-align:center;
}

.hmc a {
	font-weight: bold;
	color: #ffffff;
}

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

#wk a {
	font-weight: bold;
	color: #ffffff;
}

#wk a:hover {
	text-decoration: underline;
}

/*********************************/
.menucell_neu {
	border-top: 2px dotted #bbbbbb ;
	width: 190px ;
	padding: 1px 0px 1px 0px ;
}

.menucell_neu:hover {
	background-color: #f5f5f5 ;
}

.menucell_neu a {
	text-decoration: none ;
	color: #009922 ;
	font-weight: bold ;
	margin-left: 8px ;
}

.menucell_neu a:hover {
	text-decoration: none ;
	color: #000000 ;
	font-weight: bold ;
}

.menucell {
	width: 190px ;
	border-top: 2px dotted #bbbbbb ;
	padding: 1px 0px 1px 0px ;
}

.menucell:hover {
	background-color: #f5f5f5 ;
	cursor: pointer ;
}

.menucell a {
	text-decoration: none ;
	color: #cc0000 ;
	font-weight: bold ;
	margin-left: 8px ;
}

.menucell a:hover {
	text-decoration: none ;
	color: #000000 ;
	font-weight: bold ;
}

.menucell_open {
	width: 190px ;
	border-right: 1px solid #CCCCCC ;
	border-top: 2px dotted #999999 ;
	padding: 2px 0px 2px 0px ;
}

.menucell_open a {
	text-decoration: none ;
	color: #000000 ;
	font-weight: bold ;
	margin-left: 8px ;
}

.menucell_open_list {
	width: 190px ;
	border-right: 1px solid #CCCCCC ;
}

.menucell_open_list a {
	margin-left: 15px ;
	text-decoration: none ;
	color: #000000 ;
}

.menucell_open_list a:hover {
	text-decoration: underline ;
	color: #000000 ;
}

.menucell_open_mark a {
	margin-left: 15px ;
	text-decoration: underline ;
	color: #000000 ;
}

.menucell_open_mark a:hover {
	text-decoration: underline ;
	color: #000000 ;
}

.menucell_open_mark {
	width: 190px ;
	border-right: 1px solid #CCCCCC ;
	color: #000000 ;
}
/*********************************/

.feld {
	border: 1px solid #999999 ;
	font-family: Arial ;
	font-size: 12px ;
	padding-left: 5px ;
	margin: 2px 0px 2px 0px;
}

.feld:focus {
	border: 1px solid black ;
}

.dropdown {
	width: 247px ;
	border: 1px solid #999999 ;
	font-family: Arial ;
	font-size: 12px ;
	padding-left: 5px ;
}

.dropdown:focus {
	border: 1px solid black ;
}

.feldzeile {
	width: 100% ;
	margin: 3px 0px 3px 10px ;
}
/*********************************/
.button a {
	color: black ;
	text-decoration: none ;
}

.button a:hover {
	color: #666666 ;
	text-decoration: none ;
}

.button {
	text-align: center ;
	width: 100% ;
	padding: 1px 0px 1px 0px ;
	border-top: 2px solid #cccccc ;
	border-bottom: 2px solid #888888 ;
	background-color: #aaaaaa ;
	color: black ;
}

.button:hover {
	color: #666666 ;
	cursor: pointer ;
	border-bottom: 2px solid #cccccc ;
	border-top: 2px solid #888888 ;
}
/*********************************/
.news_head {
	color: #1166AA ;
	font-weight: bold ;
}

.news_content {
	margin: 0px 0px 5px 0px ;
}

.news_content a {
	color: #000000 ;
	text-decoration: none ;
}

.news_content a:hover {
	color: #888888 ;
	text-decoration: none ;
}
/*********************************/
.product_va {
	margin: 2px 2px 2px 2px;
	background-color: #ffffff;
	text-align: center ;
}

.product_home {
	margin: 2px 2px 2px 2px;
	background-color: #ffffff;
	width: 157px ;
	height: 140px ;
	float: left ;
	text-align: center ;
	border: 1px solid white ;
}

.product_home:hover {
	border: 1px dotted gray ;
}

.product_home a {
	color:#000000;
	text-decoration:none;
}
/*********************************/
.product_uhr {
	border: 1px dashed #FFFFFF ;
	width: 180px ;
	float: left ;
	text-align: center ;
	margin-bottom: 15px; 
}

.product_uhr:hover {
	border-color: #AAAAAA ;
}

.product_uhr a {
	color:#000000;
	text-decoration:none;
	font-weight: bold ;
}
/*********************************/
a.footlink {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#bbbbbb; 
	text-decoration:none; 
	font-weight:bold; 
}

a.footlink:hover {
	color:#FFFFFF;
}

h1 {
	font-family: Verdana;
	margin-top: 0 ;
	padding: 3px 0px 3px 8px;
	border-top: 1px solid #cccccc;
	color:#000000;
	text-decoration:none;
	font-style:italic;
	font-size:16px;
	font-weight:bold;
	display: block; 
	background: #DDDDDD url('/gfx/1/fade_titel.gif') repeat-x ;
}

h2 {
	font-family: Verdana;
	margin-top: 4px ;
	margin-bottom: 6px ;
	padding: 0px 0px 0px 0px;
	color:#ffffff;
	text-decoration:none;
	font-size:8pt;
	font-weight:bold;
	display: block; 
}

h5 {
	margin-top: 0 ;
	padding: 3px 0px 3px 8px;
	border-top: 1px solid #cccccc;
	color:#000000;
	text-decoration:none;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	display: block; 
	background: #DDDDDD url('/gfx/1/fade_titel.gif') repeat-x ;
}

#artikel_zusatz {
	margin: 10px 0px 10px 5px ;
	text-align: center ;
}
/*********************************/
#freund {
	margin: 10px 0px 20px 0px ;
}

#freund a {
	color: black ;
}

.freund_zeile {
	padding: 5px 0px 5px 10px ;
	text-align: left ;
	font-weight: bold ;
}

#freund_layer {
	width: 400px ;
	z-index:1 ;
	background-color: #FFFFFF ;
	border: 2px solid #98A1AB ;
	margin-bottom: 15px ;
	margin-left:45px;
	display: none ;
}
/*********************************/
td.artikelliste_hl {
	font-weight: bold ;
}

td.artikel_list {
	background-color: #dddddd ;
}

.wkorb_art_list {
	font-size: 10px ;
	color: #ffffff ;
}

.wkorb_art_list a {
	text-decoration: none ;
}

.wkorb_art_list a:hover {
	color: #ffffff ;
	text-decoration: none ;
}

#wk_titel {
	font-weight: bold;
	font-size: 11px ;
	color: #dddddd ;
}

#wk_foot {
	width: 170px;
	border-top: 1px solid #eeeeee ;
	margin-top:3px;
	font-weight: bold;
	font-size: 11px ;
	color: #dddddd;
}

#wk_buttons {
	font-size: 11px;
	font-weight: bold;
	display: block;
	margin: 15px 0px 0px 0px ;
	background-color: #aaaaaa;
	height:16px;
	text-align:center;
}

#wk_buttons a {
		color: #ffffff;
}

#wk_buttons a:hover {
		color: #ffffff;
		text-decoration: underline;
}

#warenkorb {
	clear: both;
	background-color: #6d6d6d;
	width: 190px;
	background-position: top right;
	background-repeat: no-repeat;
}


/*********************************/
.ah_spalte {
	width:50%;
	float: left;
	margin-bottom: 15px;
}

.ah_spalte a {
	color: #000000 ;
	text-decoration: none ;
}

.ah_spalte a:hover {
	color: #000000 ;
	text-decoration: underline ;
}
/*********************************/
.alist {
	width: 470px ;
	margin: 8px 0px 28px 0px ;
	border: 1px solid white ;
	padding: 3px 3px 3px 3px;
}

.alist:hover {
	border: 1px dashed gray ;
	cursor: pointer ;
	padding: 3px 3px 3px 3px;
}

.alist a {
	color: #000000 ;
	text-decoration: none ;
}
/*********************************/
.kmenu {
	margin: 2px 0px 2px 0px;
}

.kmenu:hover {
	background-color: #f5f5f5 ;
}

.kmenu a {
	color: #000000 ;
	text-decoration: none ;
}

.kmenu a {
	color: #000000 ;
	text-decoration: none ;
}

.trenner {
	height: 0px ;
	margin: 5px 0px 5px 0px ;
	clear: both;
	border-top: 1px dashed gray ;
}

.fett {
	font-weight: bold ;
}

.cl {
	clear: both;
}

#err {
	background: #CC0000 url(/gfx/1/warn.gif) no-repeat scroll top right;
	color: #ffffff ;
	font-weight: bold ;
	padding: 10px 5px 10px 15px ;
	min-height: 50px ;
	margin-bottom: 8px ;
}

.warn {
	background-color: #FFCC00;
	padding: 10px 5px 10px 15px ;
	min-height: 50px ;
	margin-bottom: 8px ;
	margin-top: 28px ;
}

.varis {
	background: #DDDDDD ;
}

.varis:hover {
	background: #e4e4e4 ;
	cursor: pointer;
}

h4 { 
	background-color: #ffffff;
	display: block;
	border-bottom:1px dashed gray;
}

.impressum {
	border-bottom:1px dashed gray;
	margin-bottom: 10px ;
	padding-bottom: 5px ;
}

.plist {
	margin-bottom: 10px ;
	border: 1px solid #ffffff ;
	background-color: #f0f0f0 ;
}

.plist:hover {
	border: 1px solid #888888 ;
	cursor: pointer;
}

#katselect {
	margin: 3px 0px 5px 8px ;
	display: block;
}

.drop {
	font-family: Arial ;
	font-size: 8pt ;
}

a.ext_link {
	text-decoration: underline ;
	color: #000000 ;
}

a.ext_link:hover {
	text-decoration: underline ;
	color: #00AA55 ;
}

.preis_list {
	text-decoration: underline ;
	color: #20a060 ;
	font-size: 11pt ;
	margin-top: 10px ;
}

.rabatt_list {
	text-decoration: underline ;
	color: #ff6000 ;
	font-size: 11pt ;
	margin-top: 10px ;
}

.preis_list2 {
	color: #20a060 ;
	font-size: 10pt ;
}

li {
	
}

li.liste {
	list-style-type:disc ;
	list-style-position:outside;
	margin-left: 15px ;
	padding-left: 0px ;
	margin-bottom: 4px;
}

.cbox {
	background-color: #f0f0f0 ;
	text-align: center;
	padding: 10px 10px 10px 10px ;
	font-size: 12px ;
}

.cboxy {
	background-color: #f0f000 ;
	text-align: center;
	padding: 10px 10px 10px 10px ;
	font-size: 12px ;
}

.border_container {
	width:93px; 
	float: left; 
	border: 2px solid white;
	margin-bottom: 30px;
	text-align: center ;
}

.border_container:hover {
	border: 2px solid #dddddd;
}

#suchbegriffe {
	position:absolute;
	left:190px;
	top:0px;
	width:180px;
	border:2px solid white;
	background-color:#cc0000;
}

#js {
	padding: 20px 20px 20px 20px ;
	position:absolute;
	left:0px;
	top:0px;
	width:120px;
	color: white;
	border:2px solid white;
	background-color:#cc0000;
	text-align: center ;
	font-weight: bold;
}
	
#wk {
	margin: 0px 0 0 10px;
	padding-top:2px;
}

#leftmenu {
	font-size: 13px;
	margin-top:30px ;
	display: block;
}

.zuletzt {
	font-size: 11px;
	margin:5px 10px 5px 10px;
	display: block;
}

.zuletzt:hover {
	background-color:#eeeeee;
}

.stroke {
	text-decoration:line-through;
	display:inline;
	color:#cc0000;
	margin-right: 10px;
}

.mitte_rahmen {
	width:494px; 
	text-align: left; 
	border-left: 3px solid #eeeeee;
	border-right: 3px solid #eeeeee;
	border-bottom: 3px solid #eeeeee;
	margin-bottom:10px ;
}

.mr {
	width:500px; 
	padding: 3px 0px 3px 0px;
	text-align: center; 
	margin-top: 5px; 
	font-size: 13px;
	font-weight: bold;
	color: #555555;
	font-style: normal;
	margin-bottom: 0px;
}

.mitte_rahmen h2 {
	width:486px; 
	padding: 3px 0px 3px 8px;
	margin-bottom: 10px;
	margin-top: 10px;
	border-top: 1px solid #cccccc;
	display: block; 
	background: #DDDDDD url('/gfx/1/fade_titel.gif') repeat-x ;
	color: #555555;
	font-size: 13px;
	font-style: normal;
	font-weight:bold;
	text-align: center; 
}
	
.ma5 {
	margin: 5px 5px 5px 5px ;
}

.ma10 {
	margin: 10px 10px 10px 10px ;
}

.pa20 {
	padding: 0px 20px 20px 20px ;
}

.pa10 {
	padding: 10px 10px 10px 10px ;
}

.pa5 {
	padding: 5px 5px 5px 5px ;
}

.cont3 {
	width:162px;
	margin: 0px 0px 0px 0px;
	float:left;
	text-align:center;
}

h3 {
	margin: 0px;	
	padding: 0px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/gfx/lb/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/gfx/lb/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.award {
	border: 1px solid gray;
	margin-top:5px;
}

.tb {
	border: 2px solid #eeeeee;
	border-collapse: collapse ;
}

.sb {
	margin: 20px auto 20px auto;	
	text-align: center;
}

#footer img {
	border: none;
}

.bilder {
	float: right;
	width:220px;
}

.wbilder {
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	color: #ffffff;
	background-color: #cc0000 ;
	font-weight: bold ;
}

.cl {
	clear:both;
}

.bnr {
	border-right: 2px solid white ;
	float: left ;
	width: 16px ;
	text-align:center ;
}

.bnr:hover {
	background-color: #dddddd  ;
}

.bnr a {
	color: #ffffff ;
	font-weight: bold ;
	text-decoration: none ;
}

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

#msgbox {
  margin: 10px 10px 0 0;
  text-align:center;
  background-color:#dddddd;
  padding: 20px 20px 20px 20px; 
}

span.richtung { 
    unicode-bidi:bidi-override; direction: rtl; 
}

.nichts {
  display:none;
}

#paypal_zahlen {
  width: 445px;
  background: url(/gfx/paypal_big.gif) top right no-repeat;
	background-color: #EEEE99 ;
	margin: 0px auto 0px auto ;
	padding: 70px 15px 25px 15px ;
}  

.rabatt {
  width: 500px;
  background-image: url(/gfx/prozent.gif) ;
	background-color: #CC0000 ;
	color: white;
	font-size: 14pt;
	margin: 0 ;
	padding: 10px 0px 10px 0px ;
	text-align:center;
}