<!--

/* Design-Notes:  */

/* CMS Default: Klassen fuer Standard Tags */
/* ======================================= */

/* Klassen für horizontale Navigation */

.navigationMain {     /* Haupt-Container für Navigation */
 position: absolute;
 top: 162px;
 left: 55px;
 width: 640px;
 /* height: 24px; */
 overflow: hidden;
 background-color: transparent;
 text-align: center;
 margin: 0;
 padding: 0;
 z-index: 1;
 }
 
.navigationButton {   /* Navigation Button :link*/
 width: 180px;
 height: 24px;
 background-color: transparent;
 background-image: url(../_styles/bttn_link.jpg);
 text-align: center;
 cursor: pointer;
 overflow: hidden;
 margin: 0;
 padding: 0;
 font-weight: bold;
 color: #000000;
 }
 
.navigationSubmenu_Button {
 width: 180px;
 height: 24px;
 background-color: transparent;
 background-image: url(../_styles/bttn_link.jpg);
 text-align: center;
 cursor: pointer;
 overflow: hidden;
 margin: 0;
 padding: 0;
 font-weight: normal;
 color: #000000;
 }
  
/* Elemente des Moduls NEWS definieren */

.serviceNewsbox {         /* Basis Container für News-Teaser */
 width: 180px;
 background-color: #ffffff;
 filter: Alpha(opacity=90); 
 -moz-opacity: 0.9; 
 opacity: .90;
 margin: 0;
 padding: 0;
 overflow: hidden;
 }
 
.serviceNewsbox_Upper {     /* News-Ticker Preview 'Kopf' */
 width: 180px;
 height: 1px;
 overflow: hidden;
 margin: 5px;
 padding: 0;
 }
 
.serviceNewsbox_Content {   /* News-Ticker Preview 'Rumpf' */
 width: 180px;
 overflow: hidden;
 margin: 5px;
 padding: 0;
 }
 
.serviceNewsbox_Lower {     /* News-Ticker Preview 'Fuss' */
 width: 180px;
 height: 1px;
 overflow: hidden;
 margin: 5px;
 padding: 0;
 }
 
.newsTickerImage {          /* News-Ticker Preview 'Bild' */
 width: 180px;
 height: 60px;
 background-color: transparent;
 overflow: hidden;
 border-top: none;
 border-right: none;
 border-bottom: none;
 border-left: none;
 margin: 0;
 padding: 0;
 text-align: left;
 }

.newsTickerTitel {          /* News-Ticker Preview 'Headline' */
 width: 180px;
 background-color: transparent;
 font-weight: bold;
 margin: 0;
 padding: 0;
 }
 
.newsTickerTeaser {         /* News-Ticker Preview 'Text' */
 width: 180px;
 background-color: transparent;
 font-weight: normal;
 font-size: 7.5pt;
 margin: 10px 0 0 0;
 padding: 0;
 }
 
#newsTickerLink {           /* News-Ticker Preview 'Textlink' */
 color: #cc0000;
 font-weight: bold;
 text-decoration: none;
 }

/* Formatierung des Newsartikel Listings */

.newsListing_Trenner {     /* DIV Zeilentrenner für Newseintraege ... */
 width: 100%; 
 height: 1px; 
 border-top: solid 1px #cccccc; 
 margin: 12px 0 12px 0; 
 padding: 0;
 clear: both;
 }

.newsListing_Eintrag {
 margin: 0 0 10px 0;
 clear: both;
 }

.newsListing_Bild {
 width: 120px;
 height: 100%; 
 background-color: #ffffff;
 border-right: solid 1px #cccccc;
 border-bottom: solid 1px #999999;
 text-align: left;
 }
 
.newsListing_Titel {
 font-weight: bold;
 margin: 0 0 0 20px;
 text-align: left;
 float: left;
 }
 
.newsListing_Datum {
 font-weight: normal;
 color: #666666;
 }
 
.newsListing_Text {
 width: 400px;
 margin: 10px 0 20px 20px;
 text-align: left;
 float: left;
 }
 
/* Formatierungen der Newsartikel Detailansicht */

.newsDetail_Titel {
 font-weight: bold;
 margin: 0;
 text-align: left;
 }
 
.newsDetail_Datum {
 font-weight: normal;
 color: #666666;
 }

.newsDetail_Text {
 margin: 10px 0 0 0;
 text-align: left;
 }
 
.newsDetail_Bilder {
 margin: 20px 0 0 0;
 text-align: center;
 }
 
.newsDetail_Downloads {
 margin: 20px 0 0 0;
 }
 
.newsDetail_Download {
 margin: 10px 0 0 0;
 font-weight: normal;
 }
 
/* Klassenformate für Newsblog */

.blogListing_Trenner {
 width: 100%; 
 height: 2px; 
 border-top: solid 2px #cccccc; 
 margin: 15px 0 15px 0; 
 padding: 0;
 }

.blog_Titel {
 font-size: 11pt;
 font-weight: bold;
 margin: 0;
 text-align: left;
 }
 
.blog_Datum {
 font-weight: normal;
 color: #666666;
 }
 
.blog_Text {
 margin: 10px 0 0 0;
 text-align: left;
 }
 
.blog_Eintrag {
 }
 
.blog_Galerie {
 margin: 20px 0 0 0;
 }
 
.blog_Galerie img {
 margin: 0 0 0 5px;
 }
 
.blog_Seitennavigation {
 width: 490px;
 margin: 20px 0 20px 0; 
 text-align: center;
 }
 
.blog_Seitennavigation span {
 background: #666;
 border-bottom: solid 2px #000;
 }
 
.blog_Seitennavigation a, .blog_Seitennavigation span a {
 margin: 0 2px 0 2px;
 }
 
/* Klassenformate für Bildergalerien */
 
.galerie {                /* Haupt-Container für Galerie */
 background: transparent;
 border: none;
 margin: 20px 0 0 0;
 padding: 0;
 }
 
.galerie_Titel {
 margin: 0 0 5px 0;
 }
 
.galerie_Tabelle {        /* Layout-Tabelle für Vorschaubilder */
 width: 100%;
 background: #ffffff url(../_styles/bg_galerie_tabelle.gif);
 margin: 0;
 padding: 0;
 border-bottom: solid 1px #999999;
 }
 
.galerie_Bildzelle {      /* Layout-Zelle für Vorschaubild */
 width: 121px;
 height: 92px;
 background: transparent url(../_styles/galerie_thumbnail.gif) center no-repeat;
 text-align: center;
 vertical-align: middle;
 }
 
/* Klassenformate für Galerieansicht */

.galerieansicht {
 width: 500px;
 background: transparent;
 border: none;
 }
 
p.galerieansicht_Titel {
 margin: 0 0 20px 0;
 }
 
p.galerieansicht_Beschreibung {
 margin: 0 0 20px 0;
 }
 
.galerieansicht_Bild {
 width: 120px;
 height: 120px;
 background: #cccccc url(../_styles/bg_galerieansicht_bild.gif);
 margin: 0 0 15px 3px;
 text-align: center;
 float: left;
 }
 
.galerieansicht_Bild_Innen {
 margin: 5px 0 0 0;
 }
 
/* Elemente des Moduls SUCHE definieren */

.serviceSuchbox {
 width: 210px;
 margin: 10px 0 0 5px;
 padding: 0;
 }
 
.serviceLoginbox {
 width: 210px;
 margin: 5px 0 0 20px;
 padding: 0;
 }
 
.sucheTrefferliste {
 background-color: transparent;
 border: none;
 margin: 5px;
 padding: 0;
 }

.sucheMatchcount {
 background-color: #dddddd;
 margin: 0;
 padding: 2px;
 }
 
.sucheSuchtreffer {
 background-color: #ffffdd;
 border: none;
 margin: 1px;
 padding: 5px;
 }
 
/* Basis Schriftformate der Frontend Klasse */
 
p.schriftKleiner {
 font-size: 7.5pt;
 line-height: 11pt;
 }
 
p.schriftLight {
 font-size: 7.5pt;
 line-height: 9pt;
 color: #666666;
 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 Basis Anker-Elemente */

/* Styles für Breadcrumbs Links */

.linkGrauKleiner, .linkGrauKleiner:link, .linkGrauKleiner:visited, .linkGrauKleiner:active {
 font-family: verdana, arial, sans-serif;
 font-size: 7.5pt;
 font-weight: normal;
 color: #999999;
 line-height: 9pt;
 text-decoration: none;
 }
 
.linkGrauKleiner:hover, .linkGrauKleiner:focus {
 font-family: verdana, arial, sans-serif;
 font-size: 7.5pt;
 font-weight: normal;
 color: #333333;
 line-height: 9pt;
 text-decoration: none;
 }
 
/* Styles für Standard Navigation Links */
 
.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;
 }

/* Styles für Service Bar Linkleiste */ 

.linkServicebar, .linkServicebar:link, .linkServicebar:visited, .linkServicebar:active {
 font-family: verdana, arial, sans-serif;
 font-size: 8pt;
 font-weight: normal;
 color: #666666;
 text-decoration: none;
 }
 
.linkServicebar:hover, .linkServicebar:focus {
 font-family: verdana, arial, sans-serif;
 font-size: 8pt;
 font-weight: normal;
 color: #333333;
 text-decoration: none;
 }

/* Styles für Submenu Links */
 
.linkSubmenu, .linkSubmenu:link, .linkSubmenu:visited, .linkSubmenu:active {
 font-family: verdana, arial, sans-serif;
 font-size: 7.5pt;
 font-weight: normal;
 color: #999999;
 line-height: 11pt;
 text-decoration: none;
 }
 
.linkSubmenu:hover, .linkSubmenu:focus {
 font-family: verdana, arial, sans-serif;
 font-size: 7.5pt;
 font-weight: normal;
 color: #333333;
 line-height: 11pt;
 text-decoration: none;
 }
 
/* Listen-Definitionen für Listen des Submenus */

ul#Sub_1 {
 margin: 0;
 padding: 1px 0 1px 4px;
 }
 
ul#Sub_1 li {
 list-style-type: none;
 list-style-position: outside;
 margin: 0;
 padding: 1px 0 1px 4px;
 }

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: 1px 0 1px 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: #cc0000;
 text-decoration: none;
 margin: 0;
 padding: 1px 2px 1px 0;
 }
 
ul#Sub_1 li a:hover, ul#Sub_1 li a:active {
 font-size: 8pt;
 font-weight: bold;
 color: #ff0000;
 text-decoration: none;
 margin: 0;
 padding: 1px 2px 1px 0;
 }
 
/* SPAN Definitionen für Seitenzahlen-Navigation */

span.seiteAktiv {
 line-height: 20px; 
 padding: 0 4px 0 4px; 
 margin: 0 3px 0 3px; 
 border: solid 2px #666666; 
 background-color: #efefef;
 }
 
span.seiteInaktiv {
 line-height: 20px; 
 padding: 0 4px 0 4px; 
 margin: 0 3px 0 3px; 
 border: solid 1px #cccccc; 
 background-color: #efefef;
 }
 
/* Definitionen der Formular-Elemente */

form {
 margin: 0;
 padding: 0;
 }
 
input {
 background-color: rgb( 255,247,216 );
 border-top: solid 1px #666666;
 border-right: solid 1px #666666;
 border-bottom: solid 1px #666666;
 border-left: solid 1px #666666;
 font-family: verdana, arial, sans-serif;
 font-size: 8pt;
 color: #333;
 padding: 2px;
 margin: 0 0 5px 0;
 }

.inputButton {
 background-color: transparent;
 border: none;
 margin: 0;
 padding: 0;
 vertical-align: middle;
 }
 
.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.kontakt_Nachricht {
 width: 200px;
 height: 260px;
 background-color: rgb( 255,247,216 );
 border: solid 1px #666666;
 font-family: verdana, arial, sans-serif;
 font-size: 8pt;
 color: #333;
 margin: 0 0 0 20px;
 }

/* Achtung - hier ie6_fix.css beachten */
 
input.kontakt_Angabe {
 height: 14px;
 width: 140px;
 }
 
input.login_Eingabe {
 width: 60px;
 height: 14px;
 margin: 0 5px 0 0;
 }
 
input.suche_Eingabe {
 height: 14px;
 width: 100px;
 margin: 0 5px 0 0;
 }

/* Elemente des Moduls KATALOG definieren */
/* ====================================== */

/* 1.) Produktlisting */

.prodList_Main {          /* Haupt-Container des Artikel-Listings */
 width: 100%;
 overflow: hidden;
 background-color: transparent;
 border: none;
 margin: 20px 0 0 0;
 padding: 0;
 }
 
.prodList_Container {     /* Container fuer eine Artikel-Position des Listings */
 width: 240px;
 height: 200px;
 background-color: #ffffff;
 overflow: hidden;
 margin: 0 5px 5px 0;
 padding: 0;
 float: left;
 }
 
.prodList_Image {         /* Produktbild des Artikel-Listings */
 width: 220px;
 height: 160px;
 background-color: transparent;
 background-image: none;
 background-position: center;
 background-repeat: no-repeat;
 margin: 0 10px 0 10px;
 padding: 0;
 border-top: none;
 border-right: none;
 border-bottom: solid 1px #666666;
 border-left: none;
 text-align: center;
 vertical-align: middle;
 overflow: hidden;
 clear: both;
 }
 
.prodList_Name {          /* Produktbezeichnung des Artikel-Listings */
 height: 32px;
 overflow: hidden;
 background-color: transparent;
 margin: 5px 0 0 0;
 padding: 0;
 overflow: hidden;
 }
 
.prodList_Options {
 background-color: transparent;
 margin: 0 5px 0 0; 
 padding: 0;
 text-align: right;
 }
 
.prodList_Pages {
 text-align: center;
 }
 
.prodList_Hits {
 margin: 20px 10px 20px 0; 
 font-size: 8.5pt; 
 color: #666666; 
 text-align: right;
 }
 
/* 2.) Produkt Detailansicht */

.prod_Bezeichnung {
 background-color: transparent;
 font-size: 9pt;
 font-weight: bold;
 color: #333333;
 line-height: 12pt;
 margin: 0;
 padding: 0;
 }
 
.prod_Artikelnummer {
 background-color: transparent;
 font-size: 7pt;
 font-weight: normal;
 color: #666666;
 line-height: 9pt;
 margin: 5px 0 20px 0;
 padding: 0;
 }
 
.prod_Bildmaterial {
 width: 200px; 
 overflow: hidden; 
 float: left;
 }
 
.prod_Bild {
 width: 160px; 
 height: 160px; 
 overflow: hidden; 
 background-color: transparent; 
 background-image: url(); 
 background-position: center; 
 background-repeat: no-repeat;
 margin: 0 0 10px 0;
 padding: 0;
 }
	
.prod_Vorschaubilder {
 margin: 0;
 padding: 0;
 float: left;
 }
 
.prod_Vorschaubild {
 width: 50px; 
 height: 50px; 
 overflow: hidden; 
 background-color: transparent; 
 background-image: url(); 
 background-position: center; 
 background-repeat: no-repeat;
 margin: 0;
 padding: 0;
 }
 
.prod_Vorschau_Info {
 width: 160px;
 margin: 10px 0 15px 0;
 padding: 0;
 text-align: center;
 vertical-align: middle;
 }

.prod_Beschreibung {
 width: 200px;
 background-color: #ffffff; 
 margin: 0 20px 0 0; 
 padding: 0;
 float: left;
 }
 
.prod_Daten_Container {
 width: 200px;
 margin: 20px 0 20px 0; 
 padding: 0;
 clear: both; 
 }
 
.prod_Daten_Tabelle {
 width: 200px; 
 background-color: #ffffff; 
 border: none;
 margin: 0;
 }
 
.prod_Daten_Feldname {
 background-color: #eeeeee;
 margin: 2px;
 }
 
.prod_Daten_Feldwert {
 background-color: #eeeeee;
 margin: 2px;
 }
 
.prod_Dateianlagen {
 margin: 20px 0 20px 0;
 padding: 0;
 }
 
.prod_Dateianlage {
 margin: 0 0 10px 0; 
 padding: 0; 
 overflow: hidden;
 }
 
/* Optional fuer Produkt Detailansicht ... */

.katalog_Produkttipps {
 width: 160px;
 overflow: hidden;
 margin: 0;
 padding: 0;
 float: right;
 }
 
.katalog_Produkttipps_Upper {
 width: 160px;
 height: 16px;
 overflow: hidden;
 font-weight: bold;
 color: #666666;
 margin: 0;
 padding: 0;
 }
 
.katalog_Produkttipps_Content {
 width: 160px;
 overflow: hidden;
 font-size: 7.5pt;
 font-weight: normal;
 color: #666666;
 margin: 0;
 padding: 0;
 }
 
.katalog_Produkttipps_Lower {
 width: 160px;
 height: 5px;
 overflow: hidden;
 margin: 0;
 padding: 0;
 }

.prod_Tipp_Zeile {
 width: 150px;
 background-color: transparent;
 margin: 10px 5px 0 5px;
 padding: 0;
 clear: both;
 }
 
.prod_Tipp_Bild {
 width: 32px;
 height: 32px;
 overflow: hidden;
 background-color: transparent; 
 background-image: url(); 
 background-position: center; 
 background-repeat: none;
 float: left;
 }
 
.prod_Tipp_Bezeichnung {
 width: 100px;
 font-size: 7.5pt;
 margin: 0 0 0 5px;
 padding: 0;
 float: left;
 }