/* format.css */
/* für bader-hanau.de */

/* ------------generelle Einstellung aller Dateien------------ */

body {
font-family: Verdana, Arial, sans-serif;
color: #4E4A47;
background-image: url(pics/bg.png);
background-repeat: repeat-x;
background-color: Silver;
}

/* Absätze und Überschriften */

p { /*margin-left: 10px;*/ line-height: 1.2em; font-size: 0.9em; margin: 0em 1em 0.5em 1em; }

h1 {
color: #146b43;
font-size: 1.1em; margin: 0.5em 1em 0.5em 1em;
border-bottom: 1px solid #146b43;
list-style: none; font-variant: normal }

h2 { 
color: #146b43;
font-size: 1.0em; margin: 0.5em;
 border-bottom: 1px solid #146b43;
list-style: none; font-variant: normal }

h3 { margin-bottom:10px;  font-size: 1.0em; margin: 0.8em }

h4 { margin-bottom:8px;  font-size: 0.9em;  }

/* Listen und Tabellen */

ul { list-style-type: none;}

li { margin-top:0.5em; }
/*
table {
font-size: 0.8em;
	margin-left: 1em;
}
*/
th { font-variant: small-caps;
}

/* wegwerfen, wenn nicht vermisst!
#marke {
	font-variant: normal;
}
*/
/*
html>body #bg {position: fixed;}
*/

/* ------------Position und Format auf allen Seiten------------ */

/* ------------Inhalt------------ */

#Inhalt {
}

#Inhalt a:link { color: #BB0000;}

#Inhalt a:visited { color: #BB0000; text-decoration: underline;}

#Inhalt a:hover { color: #146b43;}

#Inhalt a:active { color:#BB0000;}

#Inhalt table {
	/* font-size: 0.8em; */
	vertical-align: top;	
	margin: 10px;
}
#Inhalt th {
	text-align: left;
}
#Inhalt td {
	font-size: 0.8em}
	
 #Inhalt img {
 border: none;
	margin: 0;
	padding: 10;
 }
 #Inhalt ul {
 	list-style: disc;
 }

/*---- Textfluss um Bilder ----*/
 .floli {
 float:left;
 margin: 10;
 }
 .flore {
 float: right;
 margin: 10;
 }

/*--Produktangebote--*/
/*--- div angebot --*/

 #angebot {
/* border: 1px solid #146b43; */
}
#angebot td {
	vertical-align: top;
	width: 160px;
}
#angebot p {
	font-size: 0.6em;
}
#angebot td p {
	font-size: 0.8em;
}
 #angebot h1 {
 font-size: 1.1em; 
 margin: 0;
 font-variant: normal;
 }
 #angebot h2 {
	border-bottom: none;
	font-size: 1.2em;
	margin: 0 0 0 1em;
	font-variant: normal;
	color: #BB0000;
	font-weight: bolder;
}
#angebot hr {
 height: 1px;
 padding: 0;
 margin: 0;	
}
#angebot img {
	border: none;
	padding: 3 20 3 3;
	margin: 0;
}
#angebot ul {
	font-size: 0.8em;
	margin: 10 5 5 12;
	padding: 0;
}
*html #angebot ul {
	margin-left: 12;
}
#angebot ul li{
	font-size: 1em;
}

/*--Format für Herstellerlogos--*/
/*-------div ad-------------*/
#ad {
position: relative;
left: 0px;
border: 1px solid #146b43;
}
#ad table {
	margin: 0;
}
#ad td {
	font-size: 0.6em;
}
#ad img {
	border: none;
	max-width: 60px;
}
#ad a {
	
}
/*------------------------------------*/
/*---------NAVIGATION-----------------*/
/*------------------------------------*/

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

/* Bereich Seitenvavigation */
/* Formatierung */
ul#Navigation {
font-size: 0.7em;
margin: 0; padding: 0;
z-index: 16;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 3;
}
*html ul#Navigation li {
list-style: none;
margin: 0; padding: 2 3 2 3;
}
ul#Navigation a {
display: block;
font-weight: bold;
text-decoration: none;
margin: 0 1.1em 0 0;
padding: 1 0 1 4;
}
* html ul#Navigation a {
padding: 0 0 0 4;
}

ul#Navigation a:link {
color: #146b43;
	border-bottom: 1px solid #146b43;
	border-left: 1px solid #146b43;
}
ul#Navigation a:visited {
color: #146b43;
	border-bottom: 1px solid #146b43;
	border-left: 1px solid #146b43;
}
ul#Navigation a:hover {
color: #BB0000;
	border-bottom: 1px solid #BB0000;
	border-left: 1px solid #BB0000;
}
ul#Navigation a:active {
color: #146b43;
	border-bottom: 1px solid #146b43;
	border-left: 1px solid #146b43;
}
ul#Navigation span {  /* aktuelle Unterseite kennzeichnen */
color: #BB0000;
border-bottom: 1px solid #BB0000;
border-left: 1px solid #BB0000;
display: block;
font-weight: bold; 
margin: 0 0 0 0;
padding: 1 0 1 4;
  }
* html ul#Navigation span {
padding: 0 0 0 4;
  }
    

/* Suche */
#Suche {
font-size: 0.6em;
}  
  
/* ENDE Navigation */


/* Format Navigation im Foot */
ul#FootNavi {
font-size: 0.7em; text-decoration: none;
margin: 0; padding: 0;
text-align: center;
}
ul#FootNavi li {
list-style: none;
display: inline;
position: relative;
}
ul#FootNavi a, ul#InNavi span {
padding: 0.2em 0.3em;
text-decoration: none; font-weight: bold;
}

* html ul#FootNavi a, * html ul#InNavi span {
width: 50px; 
w\idth: 50px; 
}
ul#FootNavi a:link {
color: #E6FFC1;
}
ul#FootNavi a:visited {
color: #E6FFC1;
}
ul#FootNavi a:hover {
	color: #AA0000;
}
ul#FootNavi a:active {
	color: #AA0000; text-decoration: underline;
}


/*------------ENDE Foot---------------------*/

/* ------------Navigation auf den Unterseiten------------ */
/* Format Navigation im Inhalt */

/* 1. Ebene */
ul#InNavi {
font-variant: small-caps; 
font-size: 0.7em;
margin: 0; padding: 0;
}
ul#InNavi li {
list-style: none;
float: left; /* ohne width - nach CSS 2.1 erlaubt */
position: relative;
margin: 2px; padding: 0;
}
* html ul#InNavi li { /* Korrektur fuer den IE */
margin-bottom: -0.4em;
}
/* 2. Ebene */
ul#InNavi li ul { 
margin: 0; padding: 0;
position: absolute;
min-width: 80px;
background-color:  #E6FFC1;
background-image: url(pics/obnavibg.png);
background-repeat: repeat-x;
/*top: 1.6em; left: -0.4em;*/
display: none; /* Unter StartNavi ausblenden */
}
* html ul#InNavi li ul { /* Korrektur fuer IE 5.x */
left: -1.0em;
lef\t: -0.0em;
width: 107px;
}
ul#InNavi li ul li {
float: none;
display: block;
margin: -0.0em;
padding: 0.3em;
border-left: 1px solid #BB0000;
}
* html ul#InNavi li ul li {
	background-color:  #BFE99E;
	margin-left:0.0em;
}
ul#InNavi li:hover ul {
display: block; /* UnterStartNavi in modernen Browsern einblenden */
}

ul#InNavi a, ul#InNavi span {
display: block; text-align: center;
padding: 0.2em 1em;
text-decoration: none; font-weight: bold;
}
* html ul#InNavi a, * html ul#InNavi span {
width: 104px; 
w\idth: 104px; 
}

ul#InNavi a:link {
color: #146b43;
	border-bottom: 1px solid #146b43;
	border-left: 1px solid #146b43;
}
ul#InNavi a:visited {
color: #146b43;
	border-bottom: 1px solid #146b43;
	border-left: 1px solid #146b43;
	text-decoration: none;
}
ul#InNavi a:hover {
color: #BB0000;
	border-bottom: 1px solid #BB0000;
	border-left: 1px solid #BB0000;
}
ul#InNavi a:active {
color: #146b43;
	border-bottom: 1px solid #146b43;
	border-left: 1px solid #146b43;
}

ul#InNavi span {  /* aktuelle Unterseite kennzeichnen */
color: #146b43;
/* border-bottom: 1px solid #146b43; */
border-left: 1px solid #BB0000;
display: block;
font-weight: bold; 
  }

/*-- Ausblenden der NaviLeiste im IE (in <head> der Seite einfügen --*/
/*--3. Zeile: ("-----") = Name des <div> eingeben
<!--[if IE]><script type="text/javascript">
function hoverIE() {
var LI = document.getElementById("-----").firstChild;
do {
if(LI.firstChild) { // A (SPAN)
if(LI.firstChild.nextSibling) { // #text
if(LI.firstChild.nextSibling.nextSibling) { // UL ?
LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
}
}
}
LI = LI.nextSibling;
}
while(LI);
}
function einblenden() {
this.firstChild.nextSibling.nextSibling.style.display = "block";
this.firstChild.nextSibling.nextSibling.style.backgroundColor = "#DCDCDC";
}
function ausblenden() {
this.firstChild.nextSibling.nextSibling.style.display = "none";
}
window.onload=hoverIE;
</script><![endif]-->
--*/

/* ------------Formular------------*/

#Form table {
	margin-left: 1.5em;
	border-spacing: 0.2em;
}
form
{ padding: 5;}
td, input, select, textarea
{ font-size:14px; font-weight:bold;}
.Bereich, .Feld, .Radio
{ border: 1px solid Silver;
	border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0; }
.Auswahl
{ background-color: white; border: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0; }
.Upload { border: 1px solid Silver;
	border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;}
.Button
{ width:200px; color:#4E4A47; }
* html .Button { width: auto; }


/*---------- Scrollbalken ---------------*/

html, body, textarea {
  scrollbar-base-color: #E6FFC1;
  /*scrollbar-3d-light-color: blue #C0C0C0*/; 
  scrollbar-arrow-color: #BB0000;
  scrollbar-darkshadow-color:#E6FFC1 /*#146b43*/;
  scrollbar-face-color: #E6FFC1;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #146b43;
  scrollbar-track-color: #FFFFFF /*#838280*/;
}