/* DATEI: hf-tech_lantest.css */

/* -------------------------------------------------------------------------------------------------------------------- */
/* Haupt-Layout */ 
/* -------------------------------------------------------------------------------------------------------------------- */

/* Hintergrund - Farbverlauf*/
body {
	border:0px solid #000000;
	margin:0;
	padding:0;
	background:white url("/grafiken/backround-verlauf-orange.png") 0 0 repeat-x;
	background-attachment:fixed;
	min-width:700px;
	width:expression(document.body.clientWidth < 702? "700px": "auto" );
	}

#content_container {
    width:auto;
    margin: 0 15%;
	padding-bottom:20px;
	border:0px solid pink;
	}

@media only screen and (max-width: 2200px) {
#content_container {margin:0 12%;}   
}

@media only screen and (max-width: 2050px) {
#content_container {margin:0 8%;}   
}

@media only screen and (max-width: 1900px) {
#content_container {margin:0 4%;}   
}

@media only screen and (max-width: 1750px) {
#content_container {margin:0;}   
}



/* Kopfzeile */
#header {
	height:160px;
	border:0px solid #FF0000;
	text-align:left;
	}

/* Fusszeile */
#footer {
	width:100%;
	position:fixed;
	bottom:5px;
	z-index:1000;
	}

.footer-nav {position:relative; left:2px; margin-left:220px; background:#FFC37C; border:1px solid grey;}

@media only screen and (max-width: 800px) {
.footer-nav {margin-left:50px;}
}		


/* -------------------------------------------------------------------------------------------------------------------- */
/* Angaben nur für den Internet Explorer mittels Star-HTML-Hack */
/* -------------------------------------------------------------------------------------------------------------------- */

* html, * html body {
	margin:0;
	padding:0;
	height:100%;
	overflow:hidden;
	}

* html #content_container {
	padding:0;
	height:96%;
	overflow:auto;
	}

* html #footer {
	text-align:center;
	height:4%;
	border:0px solid red;
	}

/* -------------------------------------------------------------------------------------------------------------------- */
/* und wieder normal weiter */
/* -------------------------------------------------------------------------------------------------------------------- */

/* Banner u. Head - Include */
.top-banner {position:relative; width:800px; height:110px; left:100px; top:40px; z-index:0; background:url("/grafiken/hf-tech-banner.png"); border: 0px solid #000000;}
.hf-tech-logo {position:relative; width:410px; height:110px; left:60px; top:-90px; z-index:50; border: 0px solid #000000;}
.head-inc {position:relative; width:400px; height:160px; top:-210px; left:500px; z-index:150; border: 0px dashed red;}


@media only screen and (max-width: 950px) {
.top-banner {left:50px;}
.hf-tech-logo {left:10px;}
.head-inc {left:380px;}
}		

@media only screen and (max-width: 865px) {
.top-banner {display:none;}
}		

@media only screen and (min-width: 1400px) {
.head-inc {left:750px;}
}		






/* Ab hier der Rahmen fuer die Head-Include zum ... */
.head-inc-mouseover-headline {position:relative; width:70%; left:25px; border:2px groove orange; padding:5px 0px 5px 20px; z-index:5; background:#FFF5C6;}

.head-inc-mouseover a {
	position:relative;
	display:block;
	width:386px;
	height:116px;
	top:-15px;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	border:1px dashed #555;
	padding:17px 7px 7px 7px;
	}

/*  org. Einstellung
.head-inc-mouseover a:hover {
	display:block;
	height:auto;
	overflow:visible;
	text-decoration:none;
	border:4px groove #555;
	padding:15px;
	background:#FFF;
	}
*/

.head-inc-mouseover a:hover {
	display:block;
	width:840px;
	left:-400px;
	height:auto;
	overflow:visible;
	text-decoration:none;
	border:4px groove #555;
	padding:15px;
	background:#FFF;
	}




/* Head - Include mit onmouseover -> zoom OUT */
/* .head-inc-mouseover a {display:block; width:100%; height:170px; overflow:hidden; margin:5px 8px 5px 5px; border: 0px solid #000000;} */
/* .head-inc-mouseover a:hover {display:block; width:100%; height:auto; overflow:visible; text-decoration:none; border: 0px solid #000000; background:green;} */

/* Ab hier der Rahmen fuer die Head-Include zum ... */
/* .start-index-content-headinclude {position:relative; width:100%; top:35px; border:1px dashed grey; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;} */
/* .start-index-content-headinclude-headline {position:relative; width:70%; left:20px; top:-5px; border:2px groove orange; padding:5px 0px 5px 20px; margin-top:-18px; background:#FFF5C6;} */










/* Inhalt - Haupseite */
/* Die drei Inhalte >> bei Breitenanpassung auch .middle-content veraendern */
.middle-left {width:180px; margin:0px 0px 0px 15px; border:0px solid #00FF00; float:left;}
.middle-right {position:relative; width:80px; margin:0px 15px 0px 0px; height:100%; top:-160px; border:0px solid #FF0000; float:right;}
.middle-content {margin:0px 110px 0px 225px; border:0px solid #0000FF;}

@media only screen and (max-width: 1300px) {
.middle-right {display:none;}
.middle-content {margin:0px 20px 0px 215px; border:0px solid #0000FF;}
}		


/* -------------------------------------------------------------------------------------------------------------------- */
/* Navigation */
/* -------------------------------------------------------------------------------------------------------------------- */

/* Hier der Layer fuer Page-Tree */
#page-tree {position:relative; width:100%; height:25px; top:0px; border:0px dotted red; z-index:100;}
.page-tree-li {position:absolute; left:0px; top:0px; width:20px; height:25px; background:url("/grafiken/headline-grey_li.png"); border:0px solid #000000;}
.page-tree-re {position:absolute; right:0px; top:0px; width:20px; height:25px; background:url("/grafiken/headline-grey_re.png"); border:0px solid #000000;}
.page-tree-mi {height:25px; background:url("/grafiken/headline-grey_mi.png") repeat-x; border: 0px solid #000000; padding:4px 0px 0px 0px; margin:0px 20px 0px 20px; font-weight:bold;}
.page-tree-mi a {text-decoration:none; font-weight:normal; color:#444444;}
.page-tree-mi a:hover {text-decoration:none; font-weight:normal; color:white;}


/* Hier der Layer fuer UnterPage-Tree  Seite X  Seite 1,2,3,X */
#unterpage-tree {position:relative; width:200px; height:48px; top:-57px; border:0px dotted red; z-index:100;}
.unterpage-tree-li {position:absolute; left:0px; top:0px; width:25px; height:48px; background:url("/grafiken/unterpagetree-li.png"); border: 0px solid #000000;}
.unterpage-tree-re {position:absolute; right:0px; top:0px; width:10px; height:48px; background:url("/grafiken/unterpagetree-re.png"); border: 0px solid #000000;}
.unterpage-tree-mi {height:48px; background:url("/grafiken/unterpagetree-mi.png") repeat-x; border: 0px solid #000000; padding:6px 5px 0px 0px; margin:0px 10px 0px 25px; font-weight:bold;}
.unterpage-tree-mi a {text-decoration:none; font-weight:normal; color:#444444;}
.unterpage-tree-mi a:hover {text-decoration:none; font-weight:normal; color:white;}


/* Hier die Navigationn im Footer */
#footerpage-tree {position:relative; width:230px; height:25px; margin:15px 0px 15px 0px; border: 0px dotted red; z-index:100;}
.footerpage-tree-li {position:absolute; left:0px; top:0px; width:20px; height:25px; background:url("/grafiken/headline-grey_li.png"); border: 0px solid #000000;}
.footerpage-tree-re {position:absolute; right:0px; top:0px; width:20px; height:25px; background:url("/grafiken/headline-grey_re.png"); border: 0px solid #000000;}
.footerpage-tree-mi {height:25px; background:url("/grafiken/headline-grey_mi.png") repeat-x;  border: 0px solid #000000; padding:4px 0px 0px 0px; margin:0px 20px 0px 20px;}
.footerpage-tree-mi a {text-decoration:none; font-weight:normal; color:grey;}
.footerpage-tree-mi a:hover {text-decoration:none; font-weight:normal; color:black;}




/* -------------------------------------------------------------------------------------------------------------------- */
/* kleine Helfer */
/* -------------------------------------------------------------------------------------------------------------------- */

/* Box fuer volle Auffuelung >> height:100% */
.box-50proz {width:50%; border:0px solid grey;}
.box-90proz {width:90%; border:0px dotted red;}
.box-95proz {width:95%; border:0px dotted red;}
.box-100proz {width:100%; border:0px dotted red;}

.box-1000px {max-width:1000px;}
.box-1500px {max-width:1500px;}

/* Umfluesse festlegen/aufheben */
.float-left {float:left;}
.float-right {float:right;}
.float-clear {clear:both; display:block; height:0px;}



/* -------------------------------------------------------------------------------------------------------------------- */
/* Ab hier das Hauptfenster */
/* -------------------------------------------------------------------------------------------------------------------- */

/* Content orangener DOPPEL-Rahmen */
.content-outer-frame {width:100%; margin:60px auto 0px auto; border:2px groove orange;}
.content-inner-frame-trans {margin:12px; background:url("/grafiken/backround-weiss-50proz.png"); border:3px groove orange;}
.content-inner-frame-white {margin:12px; background:white; border:3px groove orange;}

/* Content gelbe Headline | Hauptrahmen mit Abstand zu content-inner-frame */
.content-headline {width:auto; border-top:1px dashed black; border-bottom:1px dashed black; padding:5px 0px 5px 30px; margin-top:30px; background:#FFF5C6;}
.content-box {display:inline-block; vertical-align:top; margin:30px; border:0px solid blue;}


/* Spezial fuer den Warenkorb */
.content-box-wk {margin-bottom:30px; background:white; border:0px solid blue;}


/* Content-Box 100% */
.content-box-100proz {width:100%; border:0px solid grey; margin-top:45px; display:inline-block; vertical-align:top;}
.content-box-100proz-o-margin {width:100%; border:0px solid grey;display:inline-block; vertical-align:top;}
.content-box-50proz-left {width:100%; border:0px solid green; display:inline-block; vertical-align:top; border-bottom:1px dashed grey;}
.content-box-50proz-right {width:100%; border:0px solid red; display:inline-block; vertical-align:top;}

@media only screen and (min-width: 1400px) {
.content-box-50proz-left {width:48%; padding-right:20px; float:left; border-right:1px dashed grey; border-bottom:0px dashed grey;}
.content-box-50proz-right {width:48%; padding-left:0px; float:right;}
}





/* Ab hier die Unterkategorien als Link-Bilder auf die Haupsteite -> Terrier - Specter - Zubehoer - etc  */
.start-index-content-mainbox {width:90%; border:1px dashed grey; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.start-index-content-mainbox-head {position:relative; width:80%; left:30px; top:-10px; border:2px groove orange; padding:5px 0px 5px 20px; margin-top:-18px; background:#FFF5C6;}

.navigation-content-mainbox-350px {display:inline-block; vertical-align:top; position:relative; width:350px; top:0px; margin:10px 10px 50px 10px; border:1px dashed grey; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.navigation-content-mainbox-350px a {text-decoration:none; font-weight:normal; color:black;}
.navigation-content-mainbox-350px a:hover {text-decoration:none; font-weight:normal; color:blue;}

.navigation-content-mainbox-180px {display:inline-block; vertical-align:top; position:relative; width:180px; top:0px; margin:10px 15px 50px 15px; border:1px dashed grey; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.navigation-content-mainbox-180px a {text-decoration:none; font-weight:normal; color:#000000;}
.navigation-content-mainbox-180px a:hover {text-decoration:none; font-weight:normal; color:#000000;}

.navigation-content-header {position:relative; height:30px; background:orange; border:2px groove orange; padding:5px 10px 5px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; z-index:50;}





/* Ab hier das Produktlisting S - fuer senkrechte Artikelliste */
.product-s-artikel-mainbox {display:inline-block; vertical-align:top; position:relative; width:200px; height:auto; top:0px; margin:5px 7px 25px 7px; border:1px solid grey;}
.product-s-artikel-header {position:relative; height:35px; padding:3px 5px 3px 5px; background:#FFC37C; border-bottom:1px solid grey;}

.product-s-artikel-bild {position:relative; width:100%; height:auto; padding:10px 0px 10px 0px; background:#FFFFFF; border:0px dotted green;}
.product-s-artikel-bildframe {position:relative; width:168px; height:110px; left:4px; border: 0px dotted #000000;}
.product-s-artikel-bild-130 {position:absolute; width:120px; height:90px; border: 0px dotted #000000;}
.product-s-artikel-border-ob-130 {position:absolute; width:130px; height:5px; left:0px; top:0px; z-index:2; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -20px -120px; border: 0px solid #000000;}
.product-s-artikel-border-re-130 {position:absolute; width:15px; height:80px; left:115px; top:5px; z-index:2; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -160px -120px; border: 0px solid #000000;}
.product-s-artikel-border-un-130 {position:absolute; width:130px; height:15px; left:0px; top:85px; z-index:2; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -20px -180px; border: 0px solid #000000;}
.product-s-artikel-border-li-130 {position:absolute; width:5px; height:80px; left:0px; top:5px; z-index:2; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -10px -120px; border: 0px solid #000000;}

.product-s-artikel-ampel {position:absolute; width:36px; height:66px; left:132px; top:28px; border: 0px solid #000000;}
.product-s-artikel-ampel-auftrag {width:36px; height:66px; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -130px -10px; border:0px solid #000000;}
.product-s-artikel-ampel-rot {width:36px; height:66px; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -90px -10px; border:0px solid #000000;}
.product-s-artikel-ampel-gelb {width:36px; height:66px; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -50px -10px; border:0px solid #000000;}
.product-s-artikel-ampel-gruen {width:36px; height:66px; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -10px -10px; border:0px solid #000000;}

.product-s-artikel-bestand {position:absolute; width:30px; height:25px; left:132px; top:0px; z-index:2; border: 0px solid #FF9900;}
.product-s-artikel-artikelnummer {position:absolute; width:170px; left:0px; top:100px; border: 0px solid #000000;}
.product-s-artikel-neu {position:absolute; width:40px; height:36px; left:-20px; top:-10px; z-index:2; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -150px -80px; border:0px solid #000000;}
.product-s-artikel-details {position:relative; width:100%; border-top:1px dotted grey; z-index:2; border-bottom:1px dotted grey; padding:2px 0px 2px 0px; background:#FFF5C6;}

.product-s-artikel-rabatt {position:absolute; right:55px; top:-18px; z-index:3; background:none; border:0px solid #000000;}
.product-s-artikel-rabatt-textschatten {position:absolute; top:4px; left:5px; z-index:4;}
.product-s-artikel-rabatt-textrand1 {position:absolute; top:-1px; left:0px; z-index:4;}
.product-s-artikel-rabatt-textrand2 {position:absolute; top:-1px; left:1px; z-index:4;}
.product-s-artikel-rabatt-textrand3 {position:absolute; top:0px; left:2px; z-index:4;}
.product-s-artikel-rabatt-textrand4 {position:absolute; top:2px; left:2px; z-index:4;}
.product-s-artikel-rabatt-textrand5 {position:absolute; top:2px; left:0px; z-index:4;}
.product-s-artikel-rabatt-textrand6 {position:absolute; top:2px; left:1px; z-index:4;}
.product-s-artikel-rabatt-textrand7 {position:absolute; top:0px; left:-1px; z-index:4;}
.product-s-artikel-rabatt-textrand8 {position:absolute; top:-1px; left:-1px; z-index:4;}
.product-s-artikel-rabatt-text {position:absolute; top:0px; left:0px; z-index:4;}

.product-s-artikel-strengthclass {position:absolute; left:-8px; top:-4px; z-index:2; border:0px solid #000000;}
.product-s-artikel-strengthclass-light {width:35px; height:30px; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -60px -80px; border:0px solid #000000;}
.product-s-artikel-strengthclass-strong {width:40px; height:30px; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -10px -80px; border:0px solid #000000;}

.product-s-artikel-artikelbeschreibung {position:relative; height:auto; padding:5px 10px 5px 10px; z-index:0; border: 0px solid #000000; background:#FFFFFF;}
.product-s-artikel-preistabelle {position:relative; width:100%; border-top:1px dotted grey; border-bottom:1px solid grey; padding:3px 0px 5px 0px; background:#f5f5f5;}

.product-s-artikel-footer {position:relative; width:100%; height:auto; padding:5px 0px 5px 0px; background:#FFF5C6; border:0px dotted red;}
.product-s-artikel-footerframe {position:relative; border:0px solid grey;}
.product-s-artikel-textfeld {position:relative; width:36px; border:1px solid #FF9900; background-color:#F5F5F5; top:-5px; margin-right:20px;}


@media only screen and (max-width: 900px) {

.product-s-artikel-mainbox {display:inline-block; vertical-align:top; position:relative; width:150px; height:auto; top:0px; margin:5px 7px 25px 7px; border:1px solid grey;}
.product-s-artikel-bildframe {display:none;}
.product-s-artikel-textfeld {margin-right:0;}

}		







/* -------------------------------------------------------------------------------------------------------------------- */
/* Ab hier die Detail - Includes */
/* -------------------------------------------------------------------------------------------------------------------- */

/* Bildergalerie */
.content-detail-headline {width:auto; padding:5px 0px 5px 30px; margin-top:0px; margin-bottom:20px; background:#FFF5C6; border:2px groove orange;}

.product-detail-artikel-bild-600 {position:relative;}
.product-detail-artikel-bild-300 {position:relative;}

@media only screen and (max-width: 1100px) {
.product-detail-artikel-bild-600 {display:none}
}

@media only screen and (min-width: 1101px) {
.product-detail-artikel-bild-300 {display:none}
}

/* Detail-Includes fuer die "small"-Produktbilder z.B. Nockenwellenraeder... */
.bild-detailbox-130px {display:inline-block; vertical-align:top; position:relative; width:130px; height:130px; margin-left:10px; border:0px dashed orange;} /* einfacher Rahmen für die Bilder aus Deteil-Includes -> zum positionieren */
.bild-detailtext-130px {position:relative; height:auto; top:98px; border:0px dotted orange; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;} /* einfacher Rahmen für den Text unter den Bildern aus Deteil-Includes */


/* In den Warenkorb */
/* Ab hier das Produktlisting S - fuer senkrechte Artikelliste */
.product-detail-artikel-mainbox {position:relative; width:220px; height:auto; top:0px; margin:0px 0px 10px 20px; border:2px groove orange;}
.product-detail-artikel-header {position:relative; height:35px; padding:3px 5px 3px 5px; background:#FFC37C; border-bottom:1px solid grey;}

.product-detail-artikel-bild {position:relative; width:100%; height:auto; padding:10px 0px 10px 0px; background:#FFFFFF; border:0px dotted green;}
.product-detail-artikel-bildframe {position:relative; width:168px; height:110px; left:4px; border: 0px dotted #000000;}
.product-detail-artikel-bild-130 {position:absolute; width:120px; height:90px; border: 0px dotted #000000;}
.product-detail-artikel-border-ob-130 {position:absolute; width:130px; height:5px; left:0px; top:0px; z-index:2; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -20px -120px; border: 0px solid #000000;}
.product-detail-artikel-border-re-130 {position:absolute; width:15px; height:80px; left:115px; top:5px; z-index:2; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -160px -120px; border: 0px solid #000000;}
.product-detail-artikel-border-un-130 {position:absolute; width:130px; height:15px; left:0px; top:85px; z-index:2; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -20px -180px; border: 0px solid #000000;}
.product-detail-artikel-border-li-130 {position:absolute; width:5px; height:80px; left:0px; top:5px; z-index:2; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -10px -120px; border: 0px solid #000000;}

.product-detail-artikel-ampel {position:absolute; width:36px; height:66px; left:132px; top:28px; border: 0px solid #000000;}
.product-detail-artikel-ampel-auftrag {width:36px; height:66px; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -130px -10px; border:0px solid #000000;}
.product-detail-artikel-ampel-rot {width:36px; height:66px; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -90px -10px; border:0px solid #000000;}
.product-detail-artikel-ampel-gelb {width:36px; height:66px; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -50px -10px; border:0px solid #000000;}
.product-detail-artikel-ampel-gruen {width:36px; height:66px; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -10px -10px; border:0px solid #000000;}

.product-detail-artikel-bestand {position:absolute; width:30px; height:25px; left:132px; top:0px; z-index:2; border: 0px solid #FF9900;}
.product-detail-artikel-artikelnummer {position:absolute; width:170px; left:0px; top:100px; border: 0px solid #000000;}
.product-detail-artikel-neu {position:absolute; width:40px; height:36px; left:-20px; top:-10px; z-index:2; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -150px -80px; border:0px solid #000000;}
.product-detail-artikel-details {position:relative; width:100%; border-top:1px dotted grey; z-index:2; border-bottom:1px dotted grey; padding:2px 0px 2px 0px; background:#FFF5C6;}

.product-detail-artikel-rabatt {position:absolute; right:55px; top:-18px; z-index:3; background:none; border:0px solid #000000;}
.product-detail-artikel-rabatt-textschatten {position:absolute; top:4px; left:5px; z-index:4;}
.product-detail-artikel-rabatt-textrand1 {position:absolute; top:-1px; left:0px; z-index:4;}
.product-detail-artikel-rabatt-textrand2 {position:absolute; top:-1px; left:1px; z-index:4;}
.product-detail-artikel-rabatt-textrand3 {position:absolute; top:0px; left:2px; z-index:4;}
.product-detail-artikel-rabatt-textrand4 {position:absolute; top:2px; left:2px; z-index:4;}
.product-detail-artikel-rabatt-textrand5 {position:absolute; top:2px; left:0px; z-index:4;}
.product-detail-artikel-rabatt-textrand6 {position:absolute; top:2px; left:1px; z-index:4;}
.product-detail-artikel-rabatt-textrand7 {position:absolute; top:0px; left:-1px; z-index:4;}
.product-detail-artikel-rabatt-textrand8 {position:absolute; top:-1px; left:-1px; z-index:4;}
.product-detail-artikel-rabatt-text {position:absolute; top:0px; left:0px; z-index:4;}

.product-detail-artikel-strengthclass {position:absolute; left:-8px; top:-4px; z-index:2; border:0px solid #000000;}
.product-detail-artikel-strengthclass-light {width:35px; height:30px; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -60px -80px; border:0px solid #000000;}
.product-detail-artikel-strengthclass-strong {width:40px; height:30px; background:url("/grafiken/sprite_article-list.png") no-repeat; background-position: -10px -80px; border:0px solid #000000;}

.product-detail-artikel-artikelbeschreibung {position:relative; height:auto; padding:5px 10px 5px 10px; z-index:0; border: 0px solid #000000; background:#FFFFFF;}
.product-detail-artikel-preistabelle {position:relative; width:100%; border-top:1px dotted grey; border-bottom:1px solid grey; padding:3px 0px 5px 0px; background:#f5f5f5;}

.product-detail-artikel-footer {position:relative; width:100%; height:auto; padding:5px 0px 5px 0px; background:#FFF5C6; border:0px dotted red;}
.product-detail-artikel-footerframe {position:relative; border:0px solid grey;}
.product-detail-artikel-textfeld {position:relative; width:36px; border:1px solid #FF9900; background-color:#F5F5F5; top:-5px; margin-right:20px;}


/* Zurueck - Button */
.product-detail-zurueck-top {position:relative; right:15px; top:44px; padding:5px 5px 5px 20px; background:orange; border:2px groove orange; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.product-detail-zurueck-bottom {position:relative; right:15px; padding:5px 5px 5px 20px; background:orange; border:2px groove orange; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}








/* -------------------------------------------------------------------------------------------------------------------- */
/* Ab hier der grosse Warenkorb */
/* -------------------------------------------------------------------------------------------------------------------- */
/* Ab hier alles fuer STEP I */
/* -------------------------------------------------------------------------------------------------------------------- */

/* Navigation Schritte 1.Auflistung 2.Adresse 3.Bestaetigung */
.wkout-button-s1-high {position:relative; width:220px; height:62px; background:url("/grafiken/sprite_wkout-buttons.png") no-repeat; background-position: -10px -10px; border: 0px dotted red;}
.wkout-button-s1-low {position:relative; width:220px; height:62px; background:url("/grafiken/sprite_wkout-buttons.png") no-repeat; background-position: -10px -80px; border: 0px dotted red;}
.wkout-button-s2-high {position:relative; width:220px; height:62px; background:url("/grafiken/sprite_wkout-buttons.png") no-repeat; background-position: -240px -10px; border: 0px dotted red;}
.wkout-button-s2-low {position:relative; width:220px; height:62px; background:url("/grafiken/sprite_wkout-buttons.png") no-repeat; background-position: -240px -80px; border: 0px dotted red;}
.wkout-button-s3-high {position:relative; width:220px; height:62px; background:url("/grafiken/sprite_wkout-buttons.png") no-repeat; background-position: -470px -10px; border: 0px dotted red;}
.wkout-button-s3-low {position:relative; width:220px; height:62px; background:url("/grafiken/sprite_wkout-buttons.png") no-repeat; background-position: -470px -80px; border: 0px dotted red;}
.wkout-button-text {position:absolute; top:38px; left:100px; border: 0px solid #000000;}


@media only screen and (max-width: 1000px) {
.wkout-button-s1-high {position:relative; width:100px; height:40px; background:#bbf893; border: 2px dashed grey;}
.wkout-button-s1-low {position:relative; width:100px; height:40px; background:#bbf893; border: 2px dashed grey;}
.wkout-button-s2-high {position:relative; width:100px; height:40px; background:#bbf893; border: 2px dashed grey;}
.wkout-button-s2-low {position:relative; width:100px; height:40px; background:#bbf893; border: 2px dashed grey;}
.wkout-button-s3-high {position:relative; width:100px; height:40px; background:#bbf893; border: 2px dashed grey;}
.wkout-button-s3-low {position:relative; width:100px; height:40px; background:#bbf893; border: 2px dashed grey;}
.wkout-button-text {position:absolute; top:12px; left:15px; border: 0px solid #000000;}
}






/* Tabellenueberschrift: Artikel | Stueck | WG | Preis ... */
.wkout-table-head {position:relative; width:100%; z-index:0; padding:0px 0px 2px 0px; border-bottom:1px dotted #FF0000;}
/* 1 Artikel - Spalte */
.wkout-table-row {position:relative; width:100%; z-index:0; padding:6px 0px 3px 0px; border-bottom:1px dashed #555555;}
.wkout-table-row-thumbframe {position:relative; width:66px; height:50px; background:url("/grafiken/sprite_wkout-buttons.png") no-repeat; background-position: -10px -150px; border:0px dotted red;}
.wkout-table-row-thumb {position:absolute; width:60px; height:45px; top:2px; left:3px; z-index:-1; border:0px dotted red;}


/* Auswahl fuer Land und Bezahlung, Leeren und Aktualisieren */
.wkip-lieferland-zahlung-parent {position:relative; width:400px; height:130px; border:1px solid #000000;}
.wkip-lieferland-text {position:absolute; width:220px; top:5px; left:0px; z-index:0; border:0px solid #000000;}
.wkip-lieferland-pulldown {position:absolute; width:170px; top:5px; left:230px; z-index:0; border:0px solid #000000;}
.wkip-zahlung-text {position:absolute; width:220px; top:45px; left:5px; z-index:0; border:0px solid #000000;}
.wkip-zahlung-pulldown {position:absolute; width:170px; top:50px; left:230px; z-index:0; border:0px solid #000000;}
.wkip-buttons {position:absolute; width:400px; top:100px; left:0px; z-index:0; border:0px solid #000000;}


/* Definition Buttons */
.wkout-button-next-step {height:33px; background-color:#FF9900; font-weight:bold; color:#FFFFFF;}
.wkout-button-zurueck {height:33px; background-color:#FF9900; font-weight:bold; color:#FFFFFF;}
.wkout-button-wk-aktual {width:170px; height:25px; background-color:#EEEEEE; font-size:12px; font-weight:bold; color:#339933;}
.wkout-button-wk-leeren {width:170px; height:25px; background-color:#EEEEEE; font-size:12px; font-weight:bold; color:#FF0000;}
.wkout-button-wk-drucken {width:170px; height:25px; background-color:#EEEEEE; font-size:12px; font-weight:bold; color:#339933;}







/* Ab hier alles fuer STEP II und III */
/* -------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */
.wk2content-headline {width:auto; border-top:1px dashed black; border-bottom:1px dashed black; padding:5px 0px 5px 30px; background:#FFC37C}

/* Content-Box 100% */
.wk2content-box-100proz {width:100%; border:0px solid grey;}
.wk2content-box-50proz {width:100%; border:0px solid grey;}

@media only screen and (min-width: 1200px) {
.wk2content-box-50proz {width:49%; display:inline-block; vertical-align:top; border:0px solid grey;}
}


/* Textfelder fuer Rechnung/Lieferadresse */
.wkout-textline-small {width:35px; height:20px; border:1px solid #FF9900; background-color:#F5F5F5; font-size:11px;}
.wkout-textline-middle {width:300px; height:18px; border:1px solid #FFCC55; background-color:#F5F5F5; font-size:11px;}
.wkout-textline-middle-blank {width:300px; border:0px solid #FFCC55; font-size:10px; line-height:12px; color:red;}
.wkout-textline-large {width:300px; height:18px; padding:2px 4px 2px 4px; border:1px solid #FFCC55; background-color:#F5F5F5; font-size:11px;}
.wkout-textfield-large {width:500px; padding:2px 4px 2px 4px; border:1px solid #FFCC55; background-color:#F5F5F5; font-size:11px;}
.wkout-pulldown {width:170px; border:1px solid #FFCC55; background-color:#F5F5F5; font-size:11px;}


@media only screen and (min-width: 1200px) {
.wkout-textline-middle {width:260px;}
.wkout-textline-middle-blank {width:260px;}
.wkout-textfield-large {width:750px;}
}

@media only screen and (min-width: 1400px) {
.wkout-textline-middle {width:350px;}
.wkout-textline-middle-blank {width:350px;}
.wkout-textfield-large {width:900px;}
}






/* Hier die Ueberschrift fuer die Auflistung der Bestellung -> gewaehlte Artikel*/
.wklist-text-parent {position:relative; width:696px; height:25px; top:0px; left:2px; z-index:0; background:#E5E5E5; border-top:1px solid #999999; border-bottom:1px solid #999999;}
.wklist-text {position:absolute; width:660px; top:0px; left:18px; padding:3px 0px 3px 0px; border:0px solid #000000;}


/* Dreieck-Grafik fuer Fehlermeldung im Formular */
.wkdat-formular-fehler {position:relative; width:20px; height:20px; background:url("/grafiken/icon_formular-fehler.gif"); border:0px solid #000000;}
.wkdat-formular-pflicht {position:relative; width:20px; height:20px; background:url("/grafiken/icon_formular-pflicht.gif"); border:0px solid #000000;}
.wkdat-zeile-fehlertext {padding:2px 0px 2px 0px; border:0px solid #000000; font-size:12px; font-weight:bold; line-height:12px; color:#CC0000;}


.wkdat-zeile-checkbox {position:relative; float:left; width:20px; height:20px; left:135px; top:2px; border:0px solid #000000;}
.wkdat-zeile-checkboxtext {position:relative; float:left; width:490px; padding:2px 0px 2px 0px; left:145px; border:0px solid #000000;}


/* Hier die restlichen Punkte -> Widerruf/Ruecknahme.. */
.wklist-text-last {position:relative; width:660px; top:0px; left:20px; padding:10px 0px 20px 0px;}





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

/* Ab hier der kleine Warenkorb */
.wkklein-artikel-mainframe {position:fixed; width:260px; height:75px; right:20px; top:0px; z-index:200; background:url("/grafiken/warenkorb-klein.gif"); border: 0px solid #CCFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height: 17px;}
.wkklein-artikel-ueberschrift {position:absolute; width:240px; left:10px; top:2px; z-index:1; border-bottom: 1px solid #000000;}
.wkklein-artikel-anzahl {position:absolute; width:140px; left:10px; top:29px; z-index:1; border-bottom: 1px solid #999999;}
.wkklein-artikel-preis {position:absolute; width:100px; left:150px; top:29px; z-index:1; border-bottom: 1px solid #999999;}
.wkklein-artikel-info {position:absolute; width:240px; left:10px; top:53px; z-index:1; border-bottom: 0px solid #CCFFFF;}

@media only screen and (min-width: 1301px) {
.wkklein-artikel-mainframe {right:110px;}
}		





/* -------------------------------------------------------------------------------------------------------------------- */
/* Ab hier das rechte MENU - NORMALE GROESSE */
/* -------------------------------------------------------------------------------------------------------------------- */

#menuparent {
	position:relative;
	width:180px;
	height:auto;
	right:0px;
	top:0px;
	margin:20px 0px 0px 0px;
	z-index:10;
	border:0px dotted green;
	text-align: left;
	}


/* Die Menufunktionen -> Main-Categorien */
.seitmenu a {
	position:relative;
	display:block;
	width:180px;
	padding:5px 0px 9px 10px;
	background:url("/grafiken/menu-button.gif");
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	letter-spacing:0px;
	z-index:1;
	}


.seitmenu a:hover {
	background:url("/grafiken/menu-button-hover.gif");
	background-repeat:no-repeat;
	font-weight:bold;
	text-decoration:none;
	}

.seitmenu a:active {
	background:url("/grafiken/menu-button-aktuell.gif");
	background-repeat:no-repeat;
	}

.seitmenu #aktuell {
	background:url("/grafiken/menu-button-aktuell.gif");
	background-repeat:no-repeat;
	font-weight:bold;
	letter-spacing:0px;
	z-index:1;
	}


/* -------------------------------------------------------------------------------------------------------------------- */
/* Die Menufunktionen -> Kategorien */
/* -------------------------------------------------------------------------------------------------------------------- */

/* Hier der Grafikaufbau vom Unterseitmenu */
.unterseitmenu-top {position:relative; width:170px; height:15px; left:10px; top:-12px; z-index:0; background:url("/grafiken/unterseitmenu-top.gif"); background-repeat:no-repeat; border: 0px solid #000000;}
.unterseitmenu-mitte {position:relative; width:170px; height:auto; left:10px; top:-12px; z-index:0; background:url("/grafiken/unterseitmenu-mitte.gif") repeat-y; border: 0px solid #000000;}
.unterseitmenu-unten {position:relative; width:170px; height:9px; left:10px; top:-12px; z-index:0; background:url("/grafiken/unterseitmenu-unten.gif"); background-repeat:no-repeat; border: 0px solid #000000;}


.unterseitmenu a {
	position:relative;
	display:block;
	width:166px;
	left:2px;
	padding:1px 0px 1px 0px;
	border-bottom:2px solid #E5E5E5;
	background:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	letter-spacing:0px;
	color:#000000;
	}

.unterseitmenu a:hover {
	border-bottom:2px solid #E5E5E5;
	background:url("/grafiken/unterseitmenu-hover.gif");
	text-decoration:none;
	font-weight:bold;
	}

.unterseitmenu a:active {
	border-bottom:2px solid #E5E5E5;
	background:url("/grafiken/unterseitmenu-aktuell.gif");
	text-decoration:none;
	}

.unterseitmenu #aktuell2 {
	border-bottom:2px solid #E5E5E5;
	background:url("/grafiken/unterseitmenu-aktuell.gif");
	text-decoration:none;
	font-weight:bold;
	}


.seitmenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 20px;
	font-style:normal;
	font-weight:bold;
	color:#888888;
	}

/* -------------------------------------------------------------------------------------------------------------------- */
/* Menu Ende */






	/* -------------------------------------------------------------------------------------------------------------------- */
	/* Ab hier das rechte MENU - kleine kleinigkeit */
	/* -------------------------------------------------------------------------------------------------------------------- */

	#menuparent-s {
		position:relative;
		width:100%;
		height:auto;
		right:0px;
		top:0px;
		margin:20px 0px 0px 0px;
		z-index:10;
		border:3px dotted red;
		text-align: left;
		}


	/* Die Menufunktionen -> Main-Categorien */
	.seitmenu-s a {
		position:relative;
		display:block;
		width:auto;
		padding:3px;
		margin-bottom:2px;
		background:lightgreen;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		text-decoration:none;
		letter-spacing:0px;
		z-index:1;
		}

	.seitmenu-s a:hover {background:lightblue; text-decoration:none;}
	.seitmenu-s a:active {background:red; text-decoration:none;}
	.seitmenu-s #aktuell {background:pink; font-weight:bold;}



	.unterseitmenu-s a {
		position:relative;
		display:block;
		width:auto;
		margin-left:10px;
		padding:1px 0px;
		border-bottom:2px solid #E5E5E5;
		background:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:normal;
		text-decoration:none;
		letter-spacing:0px;
		color:#000000;
		}

	.unterseitmenu-s a:hover {position:relative; display:block; border-bottom:2px solid #E5E5E5; background:yellow; text-decoration:none;}
	.unterseitmenu-s a:active {padding:1px 0px 1px 0px; border-bottom:2px solid #E5E5E5; background:orange; text-decoration:none;}
	.unterseitmenu-s #aktuell2 {padding:1px 0px 1px 0px; border-bottom:2px solid #E5E5E5; background:orange; text-decoration:none; font-weight:bold;}

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* Menu Ende */














/* Bilderrahmen Shadow-Effekt TEST */
#pics-shaddow-link {
	cursor:pointer;
	border-width:2px;
	border-top-color:#333333;
	border-right-color:#BBBBBB;
	border-bottom-color:#BBBBBB;
	border-left-color:#333333;
	}

#pics-shaddow {
	border-width:2px;
	border-top-color:#333333;
	border-right-color:#BBBBBB;
	border-bottom-color:#BBBBBB;
	border-left-color:#333333;
	}


#pics-shadow {
	border-width:2px;
	border-top-color:#333333;
	border-right-color:#BBBBBB;
	border-bottom-color:#BBBBBB;
	border-left-color:#333333;
	}


#pics-shaddowbreit {
	border-width:4px;
	border-top-color:#333333;
	border-right-color:#BBBBBB;
	border-bottom-color:#BBBBBB;
	border-left-color:#333333;
	}



/* Galerie Link-Rahmeneffekt mit anderer Linkschrift fuer die Bilder in der Galerie */
#tigger a         {font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
	color:#EE7711;
	}

#tigger a:hover {
	color:#4F6AD7;
	text-decoration:underline;
	}



/* Galerie Link-Rahmeneffekt mit anderer Linkschrift fuer die Bilder in der Galerie */
#galerie a {outline:2px dotted #BBDD99;}
#galerie a:hover {outline:2px dotted #BB2222;}
#galerie a:active {outline:2px dotted #000000;}

#galerietext a {font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
	letter-spacing:2px;
	color:#00BB00;
	}

#galerietext a:hover {color:#4F6AD7; text-decoration:underline;}





/* Trennlinien */
.hr01-klein {height:1px; border:0px; margin:0; color:#FFCC55; background:#FFCC55;}
.hr02-klein {height:1px; border:0px; margin:0; color:#33FF33; background:#33FF33;}

.hr01-mittel {height:2px; border:0px; margin:0; color:#FFCC55; background:#FFCC55;}
.hr02-mittel {height:2px; border:0px; margin:0; color:#33FF33; background:#33FF33;}

.hr01-gross {height:4px; border:0px; margin:0; color:#FFCC55; background:#FFCC55;}
.hr02-gross {height:4px; border:0px; margin:0; color:#33FF33; background:#33FF33;}

/* Beispiel von SelfHTML */
/*
<hr style="width:300px; color:yellow; background-color:yellow; height:5px;
margin-right:0; text-align:right; border:1px dashed blue;">
*/

/* Beispiel von Crystal */
/*
hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}
*/



/* Gestaltung des Kontaktformulars */
.Bereich, .Feld { background-color:#88EE88; width:225px; padding:2px 4px 2px 4px; border:2px solid #FFCC55; }
.textfeld { background-color:#88EE88; width:520px; padding:2px 4px 2px 4px; border:2px solid #FFCC55; }
.plz { background-color:#88EE88; width:75px; padding:2px 4px 2px 4px; border:2px solid #FFCC55; }
.Auswahl { background-color:#dff; width:300px; border:6px solid #ddd; }
.Check, .Radio { background-color:#dff; border:1px solid #ddd; }
.Button { background-color:#aaa; color:#fff; width:200px; border:6px solid #ddd; }













/* ############################################################################################################################ */
/* Hier beginnt der Doctype*/
/* ############################################################################################################################ */


a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	}

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






h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#444444; }

h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:16px; color:#444444; }

h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:14px; color:#333333; }

h4 { font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-style:normal; font-weight:normal; font-size:13px; color:#333333; }

h5 { font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:13px; color:#333333; }

h6 { font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:10px; color:#444444; }



.u1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:26px;
	font-weight:bold;
	color:#111111;
	}




.u2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:25px;
	font-weight:bold;
	color:#111111;
	}



.u3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 20px;
	font-weight:bold;
	color:#111111;
	text-decoration:none;
	}



.u4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	font-style:normal;
	font-weight:bold;
	color:#111111;
	}


.u3effekt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: default;
	letter-spacing: 3px;
	word-spacing: 5px;
	text-indent: 5px;
	font-size:16px;
	font-style: normal;
	font-weight:bold;
	color:#111111;
	text-decoration: underline overline blink;
	}


.normtextgross {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 17px;
	font-style:normal;
	font-weight:normal;
	}


.normtext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 17px;
	font-style:normal;
	font-weight:normal;
	}


.normtextklein {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 17px;
	font-style:normal;
	font-weight:normal;
	}


.normtextextraklein {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 12px;
	font-style:normal;
	font-weight:normal;
	}


.normtextrot {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 17px;
	font-style:normal;
	font-weight:normal;
	color:red;
	}


.normtextextrakleinrot {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height: 13px;
	font-style:normal;
	font-weight:normal;
	color:red;
	}


.normtextgruen {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 17px;
	font-style:normal;
	font-weight:normal;
	color:#339933;
	}


.normtextorange {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 17px;
	font-style:normal;
	font-weight:normal;
	color:#FF5500;
	}


.normtext-warenkorb-l {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 14px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	}


/* Fehlertext fuer Formular */
.dicktextkleinfehler {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	line-height: 15px;
	font-style:normal;
	font-weight:bold;
	color:#FF3333;
	}


.kleindruck {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	line-height:13px;
	font-style:normal;
	font-weight:normal;
	color:#111111;
	}


.agbtext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 12px;
	font-style:normal;
	font-weight:normal;
	color:#333333;
	}


.top {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px; color:#444444;
	line-height:25px;
	font-style:normal;
	font-weight:bold;
	letter-spacing:1px;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-color:#222222;
	margin:0px;
	margin-top:0px;
	margin-bottom:0px;
	}


.sect {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 15px;
	font-style:normal;
	font-weight:normal;
	color:#222222;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#777777;
	margin:0px;
	margin-top:0px;
	margin-bottom:0px;
	}


.linie {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height: 20px;
	letter-spacing:2px;
	font-style:normal;
	font-weight:normal;
	color:#333333;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-color:#777777;
	margin:0px;
	margin-top:0px;
	margin-bottom:0px;
	}


.rabatt-klein {
	font-family:Comic Sans MS;
	font-size:19px;
	font-style:normal;
	font-weight:bold;
	}


.rabatt-mittel {
	font-family:Comic Sans MS;
	font-size:22px;
	font-style:normal;
	font-weight:bold;
	}


.rabatt-gross {
	font-family:Comic Sans MS;
	font-size:25px;
	font-style:normal;
	font-weight:bold;
	}


.newsblink {
	text-decoration: blink;
	}