a:visited             { color: #c36; font-style: normal; font-weight: 500; text-decoration: none }
a:link         { color: #c36; font-style: normal; font-weight: 500; text-decoration: none }
a:hover            { color: #c36; font-style: normal; font-weight: 500; text-decoration: underline }
a:active          { color: #c36; font-style: normal; font-weight: 500; text-decoration: none }
body         { color: #000; font-size: 62.5%; font-family: arial, verdana, helvetica, sans-serif; background-color: #dcdcdc; margin: 0px }
.tabelleinhalt                       { background-color: #fffcf2; width: 800px; height: 460px; margin: 0 auto }
.nav1              { color: white; font-weight: bold; font-size: 1.2em; text-align: center; letter-spacing: 1px }
.nav1 a:link     { color: #fff; font-weight: bold; margin-right: 10px; margin-left: 10px; padding-right: 5px; padding-left: 8px }
.nav1 a:visited { color: #fff; font-weight: bold; margin-right: 10px; margin-left: 10px; padding-right: 5px; padding-left: 8px }
.nav1 a:active { color: #fff; font-weight: bold; margin-right: 10px; margin-left: 10px; padding-right: 5px; padding-left: 8px }
.nav1 a:hover { color: #c36; text-decoration: none; margin-right: 10px; margin-left: 10px; padding-right: 5px; padding-left: 8px }
img {border: 0;}
.art      { color: #c36; font-weight: bold; font-size: 16px; letter-spacing: 120%; padding-right: 1px; padding-left: 5px }
.invest    { color: #000; font-weight: normal; font-size: 16px; letter-spacing: 120%; margin-right: 2px; padding-right: 5px; padding-left: 1px }
.nav1 a.current     { color: #fff; margin-right: 10px; margin-left: 10px; padding-right: 5px; padding-left: 8px }
.nav2 a.current { color: gray; background-color: black; margin-right: 10px; margin-left: 10px; padding-right: 5px; padding-left: 8px; border-left: 5px solid #696969 }
.nav3 a.current { color: gray; background-color: black; margin-right: 10px; margin-left: 10px; padding-right: 5px; padding-left: 8px; border-left: 5px solid #696969 }
.nav4 a.current { color: gray; background-color: black; margin-right: 10px; margin-left: 10px; padding-right: 5px; padding-left: 8px; border-left: 5px solid #696969 }
.nav2 a { background-color: #323232; margin-right: 10px; margin-left: 10px; padding-right: 5px; padding-left: 8px; border-left: 5px solid #f00 }
.nav3 a { background-color: #323232; margin-right: 10px; margin-left: 10px; padding-right: 5px; padding-left: 8px; border-left: 5px solid #f00 }
.nav4 a { background-color: #323232; margin-right: 10px; margin-left: 10px; padding-right: 5px; padding-left: 8px; border-left: 5px solid #f00 }
.nav2    { color: white; font-size: 1.2em; text-align: center }
.nav3    { color: white; font-size: 1.2em; text-align: center }
.nav4    { color: white; font-size: 1.2em; text-align: center }
.nav3 a.currentlast  { color: gray; background-color: black; margin-right: 10px; margin-left: 10px; border-left: 5px solid #696969 }
.nav4 a.currentlast { color: gray; background-color: black; margin-right: 10px; margin-left: 10px; border-left: 5px solid #696969 }
.snavigesamt  { border: 0px; width: 800px; height: 10px }
.snavilinks    { font-weight: bold; text-align: left; margin: 0px; border: 0px; width: auto }
.snavilinks a:link { font-weight: bold; margin: 0px; border: 0px }
.snavilinks a:active { font-weight: bold; margin: 0px; border: 0px }
.snavilinks a:visited { font-weight: bold; margin: 0px; border: 0px }
.snavilinks a:hover { font-weight: bold; margin: 0px; border: 0px }
.snavimitte   { margin: 0px; border: 0px; width: 400px }
.snavirechts   { text-align: right; margin: 0px; border: 0px; width: auto }
.snavirechts a:link { font-weight: bold; margin: 0px; border: 0px }
.snavirechts a:active { font-weight: bold; margin: 0px; border: 0px }
.snavirechts a:visited { font-weight: bold; margin: 0px; border: 0px }
.snavirechts a:hover { font-weight: bold; margin: 0px; border: 0px }
.snavilinksbild     { margin-right: 10px; border: 0px; width: 15px; height: 15px }
.snavilinksbild img    { border: 0px; width: 10px; height: 10px; visibility: hidden }
.snavirechtsbild     { margin-left: 10px; border: 0px; width: 15px; height: 15px }
.snavirechtsbild img    { border: 0px; width: 10px; height: 10px; visibility: hidden }
.footer          { margin: 0px; padding: 0px; top: 0px; width: 100%; height: 20px }
.subfooter             { color: white; background-color: #414183; text-align: center; margin: 0px; padding: 0px; width: 100%; height: 20px }
.subfooter2   { text-align: center; margin: 0px; padding-top: 8px; width: 800px; height: 28px }
.subfooter a   { margin-right: 10px; margin-left: 10px }
.subfooter2 a:link  { color: black; text-decoration: none }
.subfooter2 a:visited { color: black; text-decoration: none }
.inhalt             { background-color: #fffcf2; width: 800px; padding-top: 0px; padding-right: auto; padding-left: auto }
.inhalt a  { font-size: 1.2em }
.inhalt p { margin-top: 8px }
.titel    { }
.untertitel          { color: #000; font-size: 1.2em; text-align: center; padding-bottom: 10px }
.header       { margin: 5px 0px 0px; padding: 0px; width: 100%; height: 40px }
.seite      { margin: 0px; padding: 0px }
p              { color: #000; font-size: 1.2em; line-height: 1.4em; font-family: arial, verdana, helvetica, sans-serif; margin: 0px }
.preis p { color: #414183; font-weight: bold; font-size: 1.2em; line-height: 1.2em; font-family: arial, verdana, helvetica, sans-serif; margin: 6px 0px 0px }
h1        { color: #414183; font-weight: bold; font-size: 1.6em }
h2       { color: #414183; font-weight: bold; font-size: 1.3em }
h3      { color: #414183; font-weight: bold; font-size: 1.2em; clear: right }
h4      { color: #c36; font-weight: bold; font-size: 1.2em; line-height: 1.2em; margin: 0px; padding: 0px }
h5              { color: #414183; font-size: 1.2em; line-height: 1.4em; font-family: arial, verdana, helvetica, sans-serif; margin: 12px 0px 0px }
h6   { color: #414183; font-style: italic; font-weight: bold; font-size: 1em; margin: 0px; padding: 0px }
.bildtitel     { font-style: italic; font-size: 1em; text-align: center }
.menue1        { background-color: #414183; text-align: left; width: 100%; height: 20px }
.m_spacer { width: 15%;}
.menue3 { }
.menue4 { }
a.current { color: #f00 }
.text { width: 80px }
/* Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie*/
div.wysiwygimg {}
.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext   { }

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 0px; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 0px #d4d4d4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 0px #d4d4d4;}
.wysiwygimg a.wysiwygimg:active {border:solid 0px #d4d4d4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle   { font-style: italic; font-size: 1em; text-align: center }

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table  { border-spacing: 0px }
.wysiwygimg td   { }

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol   { padding-right: 1em }

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol   { padding-left: 1em }

/* form-module

*******************************************************************************/






/* 

Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. 
.pleft , .pright und .pnormal    

.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b 
definieren die Anzeige der Bilder für den 2. Stil.  
z.B. Anzeige mit Rahmen
Viel Spass beim weiteren basteln.



Code: 

*/ 


/* Definition der Klassen ohne Rahmen*/ 

.pleft   { vertical-align: text-bottom; float: left; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; border: none }
.ocleft   { vertical-align: text-bottom; float: left; margin-top: 5px; margin-right: 20px; margin-bottom: 5px; border: none }
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}


/* Definition der KLassen mit  Rahmen (2.Stil) */

.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}
#topbar{
position:absolute;
border: 1px solid #fff;
padding: 10px;
background-color: #000;
color: #fff;
width: 420px;
visibility: hidden;
z-index: 100;
}
.category-list { }
.category-list a:link      { color: #c36; font-weight: bold }
.category-list a:active { color: #c36; font-weight: bold }
.category-list a:hoover { color: #c36; font-weight: bold }
.kk a:link   { color: #c36; font-weight: bold }
.kk a:visited   { color: #c36; font-weight: bold }
.kk a:active { color: #c36; font-weight: bold }
.kk a:hover { color: #c36; font-weight: bold; text-decoration: underline }

.preis  { color: #414183; font-weight: bold; text-align: left }
.links { text-align: left; display: block }
.center    { margin-right: auto; margin-left: auto; padding-right: auto; padding-left: auto }
.rechts  { text-align: center }
.blocktext { text-align: justify }
.sitemap     { color: #000; font-size: 12px; line-height: 14px; text-align: left; list-style-type: none }
.sitemap a:link        { color: #000; font-size: 12px; line-height: 14px; list-style-type: none }
.sitemap a:visited        { color: #000; font-size: 12px; line-height: 14px; list-style-type: none }
.sitemap a:active      { color: #000; font-size: 12px; line-height: 14px; list-style-type: none }
.sitemap a:hover      { color: #000; font-size: 12px; line-height: 14px; text-decoration: underline; list-style-type: none }
.category-list a:visited       { color: #c36; font-weight: bold}
.category-list h1     { color: #414183; font-size: 1.2em; text-align: left }
.category-list img { border: none 0px }

#fuss  { background-color: #efefef; text-align: center; margin-bottom: 0px; padding: 10px; position: fixed; bottom: 0px; width: 100%; height: 60px }
* html #fuss {
    background:#efefef;
    height:5%;
    text-align:center;
    padding-top:1%;
}
.oben     { background-color: #dcdcdc; margin: 0px }
.mitte    { background-color: #fffcf2; margin: 0px }
.unten    { color: #f5f5f5; background-color: #dcdcdc; margin: 0px }
.ocleft a:link  { border: none 0px }
.ocleft a:visited  { border: none 0px }
.kk    { text-align: center; vertical-align: bottom; margin-top: 8px; margin-bottom: 14px; margin-right: auto; margin-left: auto; height: 20px }
.kk table  { padding-right: 6px; padding-left: 6px; border: solid 1px #b22c59; width: auto; height: 20px }
.kk td  { padding-right: auto; padding-left: auto }
.flagge { margin-left: 10px; float:left; }
.thanks  { color: #c36; font-weight: bold; font-size: 1.2em; line-height: 1.2em; margin: 0px; padding: 0px } 