<!--

/* Design-Notes: Breite=821 px */
/* Farbschema: keins */

body {
 background-color: #ffffff;
 background-image: none;
 font-family: verdana, arial, sans-serif;
 font-size: 8pt;
 line-height: 12pt;
 margin: 10px 0 0 0;
 padding: 0;
 }
 
td {
 font-family: verdana, arial, sans-serif;
 font-size: 8pt;
 line-height: 12pt;
 color: #666666;
 }
 
/* Stage-Container definieren */
/* ========================== */

.stageDivBanner {
 width: 821px;
 height: 30px;
 background-color: #ffffff;
 background-image: url();
 background-position: 0 19;
 background-repeat: no-repeat;
 overflow: hidden;
 margin: 0;
 padding: 0;
 text-align: right;
 }
 
.stageDivContent {
 width: 821px;
 background-color: transparent;
 background-image: url(../_styles/bg_mitte.jpg);
 background-position: 0 0;
 background-repeat: repeat-y;
 margin: 0;
 padding: 0;
 text-align: left;
 }
 
.stageDivFooter {
 width: 821px;
 height: 40px;
 background-color: transparent;
 background-image: url(../_styles/bg_unten.jpg);
 background-position: 0 0;
 background-repeat: no-repeat;
 overflow: hidden;
 margin: 0;
 padding: 0;
 text-align: center;
 vertical-align: bottom;
 }

/* Innere Elemente stageBanner definieren */
/* ====================================== */
 
.bannerLinks {
 height: 19px;
 background-color: transparent;
 margin: 0 15px 0 0;
 }
 
.bannerOberkante {
 height: 11px;
 background-image: url(../_styles/bg_oben.jpg);
 background-position: 0 0;
 background-repeat: no-repeat;
 overflow: hidden;
 }
 
/* Innere Elemente stageContent definieren */
/* ======================================= */

.contentMainContainer {
 width: 790px;
 background-color: transparent;
 margin: 0 0 0 15px;
 }

.bannerGrafik {
 width: 790px;
 height: 200px;
 background-color: #ffffff;
 background-image: url();
 background-position: 0 0;
 background-repeat: no-repeat;
 margin: 0;
 padding: 0;
 overflow: hidden;
 }
 
.bannerGrafikSchatten {
 width: 790px;
 height: 15px;
 background-image: url(../_styles/grafik_banner_unten.jpg);
 background-position: 0 0;
 background-repeat: no-repeat;
 margin: 0;
 padding: 0;
 overflow: hidden;
 }
 
.inhaltBacklinks {
 width: 520px;
 height: 30px;
 background-color: transparent;
 margin: 0;
 padding: 0 0 0 245px;
 vertical-align: middle;
 }

.navigation {
 width: 210px;
 background-color: transparent;
 margin: 0 0 0 15px;
 padding: 0;
 }
 
.navigationBottom {
 width: 210px;
 height: 15px;
 background-color: transparent;
 background-image: url(../_styles/grafik_navigation_unten.jpg);
 background-position: 0 0;
 background-repeat: no-repeat;
 overflow: hidden;
 margin: 10px 0 20px 0;
 padding: 0;
 }

.inhalt {
 width: 510px;
 background-color: #ffffff;
 margin: 0 0 0 32px;
 }
 
.inhaltTitel {
 margin: 10px 0 0 0;
 padding: 0;
 }
 
.inhaltText {
 font-family: verdana, arial, sans-serif;
 font-size: 8pt;
 margin: 20px 0 0 0;
 padding: 0;
 }
 
.inhaltBottom {
 width: 512px;
 height: 30px;
 background-color: transparent;
 background-image: url(../_styles/grafik_inhalt_unten.jpg);
 background-position: 0 0;
 background-repeat: no-repeat;
 overflow: hidden;
 margin: 10px 0 20px 0;
 padding: 0;
 text-align: right;
 vertical-align: baseline;
 }
 
.inhaltBottomLinks {
 margin: 15px 0 0 0;
 }
 
/* Klassen für allgemeine DIV-Box Elemente */
/* ======================================= */

.serviceBox {
 width: 190px;
 background-color: transparent;
 margin: 6px 0 16px 0;
 overflow: hidden;
 }
 
.serviceBox_1_Top {
 width: 190px;
 height: 20px;
 background-color: transparent;
 background-image: url(../_styles/bg_box_1_top.gif);
 background-position: 0 0;
 background-repeat: no-repeat;
 vertical-align: bottom;
 overflow: hidden;
 margin: 0;
 padding: 6px 0 0 7px;
 }
 
.serviceBox_1_Middle {
 width: 190px;
 background-color: transparent;
 background-image: url(../_styles/bg_box_1_middle.gif);
 background-position: 0 0;
 background-repeat: repeat-y;
 overflow: hidden;
 margin: 0;
 padding: 10px 0 0 5px;
 }
 
.serviceBox_1_Bottom {
 width: 190px;
 height: 12px;
 background-color: transparent;
 background-image: url(../_styles/bg_box_1_Bottom.gif);
 background-position: 0 0;
 background-repeat: no-repeat;
 overflow: hidden;
 margin: 0;
 padding: 0 0 0 5px;
 }

.serviceBox_Kontakt {
 background-color: transparent;
 margin: 10px 50px 10px 50px;
 }
 
.galerie {
 width: 520px;
 background-color: transparent;
 border: none;
 margin: 20px 0 0 0;
 padding: 0;
 }

/* Elemente des Moduls KATALOG definieren */
/* ====================================== */

.prodListTable {
 width: 100%;
 background-color: #transparent;
 border: none;
 margin: 0;
 padding: 0;
 }
 
.prodListImage {
 width: 100%;
 height: 160px;
 background-color: transparent;
 background-image: none;
 background-position: center;
 background-repeat: no-repeat;
 margin: 0;
 padding: 0;
 border-top: none;
 border-right: none;
 border-bottom: solid 1px #666666;
 border-left: none;
 text-align: center;
 vertical-align: middle;
 overflow: hidden;
 }
 
.prodListName {
 width: 100%;
 height: 32px;
 background-color: transparent;
 margin: 5px 0 0 0;
 padding: 0;
 overflow: hidden;
 }

.prodBezeichnung {
 width: 100%;
 background-color: transparent;
 margin: 0 0 20px 0;
 padding: 0;
 }

.prodText {
 width: 100%;
 background-color: #ffffff; 
 margin: 0 20px 0 10px; 
 padding: 0;
 }
 
.prodImage {
	width: 160px; 
	height: 160px; 
	overflow: hidden; 
	background-color: transparent; 
	background-image: url(../_katalog_data/test_1_gross.jpg); 
	background-position: center; 
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
.prodPrevImages {
 /*width: 100%;*/
 table-layout: fixed;
 border: none;
 margin: 0;
 padding: 0;
 }
 
.prodPreviewImagesInfo {
 width: 160px;
 margin: 10px 0 15px 0;
 padding: 0;
 text-align: center;
 vertical-align: middle;
 }
 
.prodPreviewImage {
 width: 50px; 
 height: 50px; 
 overflow: hidden; 
 background-color: transparent; 
 background-image: url(); 
 background-position: center; 
 background-repeat: no-repeat;
 }
 
.prodZubTipp {
 width: 100%;
 background-color: transparent;
 margin: 10px 0 0 0;
 padding: 0;
 }
 
.prodZubTable {
 width: 100%;
 table-layout: fixed;
 background-color: #transparent;
 border: none;
 margin: 0;
 padding: 0;
 }

.prodZubImageCell {
 width: 35px;
 }
 
.prodZubImage {
 width: 32px;
 height: 32px;
 overflow: hidden;
 background-color: transparent; 
 background-image: url(); 
 background-position: center; 
 background-repeat: none;
 }

/* Elemente des Moduls SUCHE definieren */
/* ==================================== */
 
.sucheTrefferliste {
 background-color: transparent;
 border: none;
 margin: 5px;
 padding: 0;
 }

.sucheMatchcount {
 background-color: #cccccc;
 margin: 0;
 padding: 2px;
 }
 
.sucheSuchtreffer {
 background-color: #eeeeee;
 border: none;
 margin: 1px;
 padding: 5px;
 }

/* Elemente des Moduls NEWS definieren */
/* =================================== */
 
.newsTickerImage {
 width: 160px;
 height: 60px;
 background-color: transparent;
 overflow: hidden;
 border-top: none;
 border-right: none;
 border-bottom: solid 2px #666666;
 border-left: none;
 margin: 0;
 padding: 0;
 text-align: center;
 }
 
.newsTickerTeaser {
 width: 152px;
 background-color: transparent;
 margin: 4px 0 15px 4px;
 padding: 0;
 }
 
.newsListingTrenner {
 width: 100%; 
 height: 1px; 
 border-top: solid 1px #cccccc; 
 margin: 12px 0 12px 0; 
 padding: 0;
 }
 
/* Innere Elemente stageFooter definieren */
/* ====================================== */

.footerText {
 width: 100%;
 height: 20px;
 background-color: transparent;
 margin: 11px 0 0 0;
 padding: 0;
 text-align: center;
 }
 
/* Definitionen der Schriftbilder */
/* ============================== */

p {
 font-family: verdana, arial, sans-serif;
 font-size: 8pt;
 font-weight: 400;
 color: #666666;
 line-height: 12pt;
 text-decoration: none;
 margin: 0;
 }
 
p.schriftKleiner {
 font-size: 7.5pt;
 line-height: 11pt;
 }
 
p.schriftLight, p.schriftFooter {
 font-size: 7.5pt;
 line-height: 9pt;
 color: #999999;
 margin: 0;
 }
 
p.schriftHauptnavigation {
 font-size: 8pt;
 font-weight: bold;
 color: #666666;
 line-height: 22px;
 margin: 0;
 }
 
p.schriftHeadline {
 font-size: 9pt;
 font-weight: 600;
 color: #666666;
 line-height: 11pt;
 margin: 0;
 }
 
p.schriftPageCounter {
 line-height: 12pt;
 margin: 20px 0 5px 0;
 }
 
p.schriftMeldungen {
 font-size: 7.5pt;
 color: #cc0000;
 line-height: 14pt;
 }
 
/* Definitionen der Anker-Elemente */
/* =============================== */

a, a:link, a:visited, a:active {
 font-family: verdana, arial, sans-serif;
 color: #666666;
 line-height: 9pt;
 text-decoration: none;
 }
 
a:hover {
 font-family: verdana, arial, sans-serif;
 color: #333333;
 line-height: 9pt;
 text-decoration: underline;
 }

.linkGrauKleiner, .linkGrauKleiner:link, .linkGrauKleiner:visited, .linkGrauKleiner:active {
 font-family: verdana, arial, sans-serif;
 font-size: 7.5pt;
 color: #999999;
 line-height: 9pt;
 text-decoration: none;
 }
 
.linkGrauKleiner:hover, .linkGrauKleiner:focus {
 font-family: verdana, arial, sans-serif;
 font-size: 7.5pt;
 color: #333333;
 line-height: 9pt;
 text-decoration: none;
 }
 
.linkNavigation, .linkNavigation:link, .linkNavigation:visited, .linkNavigation:active {
 font-family: verdana, arial, sans-serif;
 font-size: 8pt;
 color: #999999;
 line-height: 22px;
 text-decoration: none;
 }
 
.linkNavigation:hover, .linkNavigation:focus {
 font-family: verdana, arial, sans-serif;
 font-size: 8pt;
 color: #333333;
 line-height: 22px;
 text-decoration: none;
 }

/* SPAN Definitionen für Seitenzahlen */
/* ================================== */

span.seiteAktiv {
 line-height: 20px; 
 padding: 0 4px 0 4px; 
 margin: 0 3px 0 3px; 
 border: solid 2px rgb( 222, 112, 8 ); 
 background-color: #ffffff;
 }
 
span.seiteInaktiv {
 line-height: 20px; 
 padding: 0 4px 0 4px; 
 margin: 0 3px 0 3px; 
 border: solid 1px rgb( 222, 112, 8 ); 
 background-color: #eeeeee;
 }
 
/* Listen-Definitionen für Submenus */
/* ================================ */

ul {
 font-family: verdana, arial, sans-serif;
 font-size: 8pt;
 line-height: 11pt;
 }

ul#Sub_1 {
 margin: 0;
 padding: 1px 0 1px 10px;
 }
 
ul#Sub_1 li {
 list-style-type: none;
 list-style-position: outside;
 margin: 0;
 padding: 3px 0 3px 10px;
 }

ul#Sub_1 li ul {
 margin: 0;
 padding: 0;
 }
 
ul#Sub_1 li ul li {
 list-style-type: none;
 list-style-position: outside;
 margin: 0;
 padding: 3px 0 3px 10px;
 }
 
ul#Sub_1 span {
 font-family: verdana, arial, sans-serif;
 font-size: 8pt;
 font-weight: bold;
 color: #666666;
 }
 
ul#Sub_1 li a:link, ul#Sub_1 li a:visited {
 font-size: 8pt;
 color: #666666;
 text-decoration: none;
 margin: 0;
 padding: 2px;
 }
 
ul#Sub_1 li a:hover, ul#Sub_1 li a:active {
 font-size: 8pt;
 font-weight: bold;
 color: #666666;
 text-decoration: none;
 margin: 0;
 padding: 2px;
 }
 
/* Definitionen der Formular-Elemente */
/* ================================== */

form {
 margin: 0;
 padding: 0;
 }
 
input, select {
 background-color: #efefef;
 font-family: verdana, arial, sans-serif;
 font-size: 8.5pt;
 color: #666666;
 border-top: none;
 border-right: none;
 border-bottom: dashed 1px #cccccc;
 border-left: none;
 margin: 0;
 }
 
.inputButton {
 background-color: transparent;
 border: none;
 margin: 0;
 }
 
.inputButtonHTML {
 background-color: #dddddd;
 border-top: solid 1px #eeeeee;
 border-right: solid 1px #cccccc;
 border-bottom: solid 1px #cccccc;
 border-left: solid 1px #eeeeee;
 margin: 0 0 0 5px;
 }
 
textarea {
 background-color: #efefef;
 font-family: verdana, arial, sans-serif;
 font-size: 8.5pt;
 color: #666666;
 border-top: none;
 border-right: none;
 border-bottom: dashed 1px #cccccc;
 border-left: dashed 1px #cccccc;
 margin: 0;
 }