/*Logos */
 #logo2 {margin:0px 7em 0px 0px;}
  
  
 #middlecolumn a:link img   
{ color: #ffffff; 
text-decoration: none;
text-transform: none;
}
#middlecolumn a:visited img   
{ color: #ffffff; 
text-decoration: none;
text-transform: none;
}
/* allgemeine Schriftgroesse
   --------------------------------- */        
body{
margin: 0px 5px 0px 5px;
padding: 0;
max-width: 1280px;
min-width: 880px;
font: normal 83% arial, sans-serif;
}
/* Content Rahmen unter Menu
   --------------------------------- */        
.rahmen{
        
border: 1px solid #E0E0E0;
overflow:hidden;
}  
/* allgemeine Linkfarbe und Groesse
   --------------------------------- */        
a:link    { color: #33679B; font: 13px arial, sans-serif;}
a:visited { color: #33679B; font: 13px arial, sans-serif;}  
a:active  { color: #33679B; font: 13px arial, sans-serif;}  
a:hover   { color: #009900; font: 13px arial, sans-serif;}
/* Farbe der aktiven CMS-Navigation
   --------------------------------- */
#leftcolumn
b { color: #33679B; font: 13px arial, sans-serif; font-weight:bold;}
/* Farbe der Suchergebnissen
   --------------------------------- */
#middlecolumn i{ color: #009900; font: 14px arial, sans-serif;}
#middlecolumn table tbody div{ color: #000000; font: 13px arial, sans-serif;}
/* TEST
   --------------------------------- */
#middlecolumn b:visited { color: #000000; font: 14px arial, sans-serif;}
#middlecolumn b:active { color: #000000; font: 14px arial, sans-serif;}
/* Kopfbereich/Header Section
   --------------------------------- */        
#topbar{
background-color: #3CA2C6;
height: 55px;           /* hoehe des blauen Balken */
border-bottom: 5px solid #999;
color: #ffffff;
margin: 0 0 0 0 ;
}
/* Kopfbereich/Logo und Slogan Section
   --------------------------------- */        
#topbar h1#logo {
margin: 0; padding: 0;
font: bolder 2.8em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #ffffff;
}
#topbar h2#slogan {
margin: 3px; padding: 0;
font: bold 1.2em 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: #ffffff;
}
#logodiv{
        width: 550px;
        float: none;
        padding-left: 6px;
        margin: -8em 0 0 0
}
/* Kopfbereich/Suchfeld Section
   --------------------------------- */        
 #toprightdiv{
        
        font: bold 10px arial, sans-serif;
        
        margin: 0 0 0 0;
        
        background-color: #AFDF40;
        height: 40px;
        
} 
/* Kopfbereich/Suchfeldeingabemaske
   --------------------------------- */        
#toprightdiv #keywords{
border: 1px solid gray;
width: 250px;
background: #FBFCFA;
font: 11px arial, sans-serif;
color: #443;
margin: 10px 20px 10px auto; /*Abstand der Suchbox */
}
.mainsearchbutton {
        
        width: 80px;
        margin: 0px 10px 10px 0px ; /* 0px 0px 10px 0px */
        padding :0px;
}
/* Hauptteil nach dem Kopfbereich 
   --------------------------------- */        
.maincontainer{
width: 99%;
padding-left: 5px;
margin-left: auto;
margin-right: auto;
border-width: 0 2px;
}
/* Linke Seite vom Hauptteil
   --------------------------------- */        
#leftcolumn{
width: 16%;
float: left;
margin-top: 13px;
margin-right: 0.8em;
}
#leftcolumn .titlebar{
font-weight: bold;
margin: 0.2em 0;
text-transform: uppercase;
letter-spacing: 1.5pt;
font-size: 100%;
padding-right: 1px;
border-bottom: 1px solid #dadada;
color: #999999;
}
#leftcolumn  img
{ 
border : 0px;
}
/* Mitte vom Hauptteil
   --------------------------------- */        
#middlecolumn{
width: 63%;
float: left;
border-left: 1px solid #C3C3C3;
border-right: 1px solid #C3C3C3;
padding-left: 10px;
padding-right: 10px;
margin-top: 1em;
padding-bottom: 1em;
}
#middlecolumn .titlebar{
font-weight: bold;
margin: 1em 0;
text-transform: uppercase;
letter-spacing: 1.5pt;
color: #686868;
font-size: 100%;
padding-left: 1px;
border-bottom: 2px solid #dadada;
}
/* Rechte Seite vom Hauptteil
   --------------------------------- */        
#rightcolumn{
width: 16%;
float: left;
margin-top: 13px;
margin-left: 0.8em;
}
#rightcolumn .titlebar{
font-weight: bold;
margin: 0.2em 0;
text-transform: uppercase;
letter-spacing: 1.5pt;
font-size: 100%;
padding-right: 1px;
border-bottom: 1px solid #dadada;
color: #999999;
}
/* Fussbereich/Footer Section
   --------------------------------- */        
#footermenu{
clear: both;
margin-top: 1.0em;
border-top: 5px solid #666;
background-color: #3CA2C6;;
color: #ffffff;
text-align: center;
padding: 0.1em;
font-size: 90%;
}
#footermenu2 a{
color: #ffffff;
}
#footermenu2 a:hover{
color: #565656;
}
#footermenu2{
background-color: #B7E34C;
color: #ffffff;
text-align: center;
padding: 5px 0px 5px 0px;
font-size: 90%;
height: 25px;
}
/* Sonstiges
   --------------------------------- */        
hr {
border:dashed #cccccc 1px;
height:1px;
}
h3 {margin-top: 0px; text-decoration: underline;}
h4 {color: #009900; text-decoration: underline;}
#MainMenu {
height:30px;
margin:auto;
padding-left:17px;
border-style:solid;
border-color:#B5E249;
border-top-width:0;
border-right-width:0;
border-bottom-width:0px;
border-left-width:0;
width: 395px;  /* 384 */
}
#tab {
margin:0;
top:0;
}
#tab ul {
margin:0;
padding:0;
list-style:none;
float:left;
}
#tab li {
display:inline;
float:left;
margin:0 1px 0 0 ;
padding:0;
}
#tab a {
background:#3CA2C6 url("images/bright_058.gif") no-repeat right top;
margin:0;
padding:0;
text-decoration:none;
border:0;
display:block;
float:left;
}
#tab a span {
display:block;
background:url("images/bleft_058.gif") no-repeat left top;
padding:0 12px 0 12px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
line-height:30px;
}
#tab a:hover,#tab li.item_active a {
background-position:right bottom;
border-color:#FF9300;
}
#tab a:hover span,#tab li.item_active a span {
background-position:left bottom;
color:#FFFFFF;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border-style:solid;
border-color:#B5E249;
border-top-width:0;
border-right-width:0;
border-bottom-width:5px;
border-left-width:0;
color:#FFFFFF;
z-index:100;
text-decoration:none;
padding:0;
}
.dropmenudiv ul {
margin:0;
padding:0;
list-style:none;
}
.dropmenudiv li {
display:inline;
margin:0;
padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
width:180px;
margin:0 1px 0 0 ;
padding:0;
display:block;
border:0 solid ;
color:#FFFFFF;
background:url("images/bleft_058.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span {
float:left;
display:block;
line-height:30px;
background:url("images/bright_058.gif") no-repeat right top;
padding:0 15px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}
.dropmenudiv a span {
float:none;
}
.dropmenudiv a:hover
{
border:0 solid #FF9300;
background-position:left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;
color:#FFFFFF;
}
.dropmenudiv a:hover span {
background-position:right bottom;
color:#FFFFFF;
font-weight:bold;
}
/* Anzeige der Unterkategorien in einer Hauptkategorie
   --------------------------------- */        
#unterkat td
{
font-size:11px;
}
#unterkat a
{
color: #116306;
font-size:11px;
}
/* Hauptkategorie auf Start u Verzeichnisseite
   --------------------------------- 
#middlecolumn b{ color: #224568;}
*/        
/* Anmeldeformular*/
#formu td
{
font-size:12px;
}
/* Werbung rechts
   --------------------------------- */
div #rightcolumn div
{
font-size:11px;
}
div #rightcolumn div b
{
font-size:11px;
}
div #rightcolumn div i
{
color: #116306;
}
/* Shopsuche Preisfarbe
   --------------------------------- */
#preis
b { color: #CC0000; font: 13px arial, sans-serif; font-weight:bold;}
#preis i { color: #009900; font: 13px arial, sans-serif; font-weight:bold;}