/*CSS für kaei-ro.de*/
* {
  margin: 0;
  padding: 0;
}
html {
  color: #000;
  direction: ltr;
}

body {
        font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
        font-size: 100.01%;
}

#content {
        margin: auto;
        width: 824px;
        background-image: url(../_image/muster.gif);
        background-repeat: repeat-y;

}

#kopfbanner{
        margin-left: 42px;
}

#main {
        font-size: 0.8em;
/*
        background-image: url(../_image/hg_inhalt.gif);
        background-repeat: repeat-y;
        background-position: 75px;*/

        background:url(../_image/hg_inhalt_u.gif) repeat-x;
        background-color: #FFF;
        background-position: 75px bottom;


        margin: 35px 75px 0px 75px;
        padding-bottom: 10px;
}
#main h1 {
        font-size: 1.2em;
        line-height: 1.4em;
        color: #932020;
        margin-left: 30px;
        margin-bottom: 0.5em;
        /*padding-top: 0.5em;*/
        padding-top: 1.5em;
}
#main h2 {
        font-size: 1em;
        line-height: 1.5em;
        margin-left: 30px;
        margin-top: 1em;
        margin-right: 30px;
        margin-bottom: 0.5em;
}
#main h3 {
        font-size: 1em;
        line-height: 1.5em;
        margin-left: 30px;
        margin-top: 1em;
        margin-right: 30px;
        margin-bottom: 0.6em;
}
#main h4 {
        font-size: 0.85em;
        line-height: 1.5em;
        margin-left: 30px;
        margin-top: 0.4em;
        margin-bottom: 0.1em;
}
#main p {
        font-size: 1em;
        line-height: 1.5em;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 1.0em;
}

#main ul {
        font-size: 1em;
        line-height: 1.5em;
        margin-left: 50px;
        margin-right: 30px;
        margin-bottom: 1.0em;
}

#main #agb{
        font-size: 0.85em;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 0.5em;
        padding-bottom: 0.5em;
        line-height: 1.5em;
}
#main a {
        text-decoration: none;
        color: #932020; #DE1E1E;
}
#main a:visited {
        color: #932020; #333333;
}
#main a:hover {
    text-decoration: underline;
}

#main .rot {
        font-size: 1.0em;
        color: #932020;
}
#main .ostereier{
        margin-left: 5px;
        border: 1px solid #F9D9B3;
        border-collapse: collapse;
        margin-bottom: 1.0em;
}
#main #tabellenkopf{
        font-size: 1.0em;
        background-color: #F9D9B3;
        line-height: 1.5em;
        padding-left: 5px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        color: #48457A;
        font-weight: bold;
}
#main .ostereier .text{
        background-color: #F9D9B3;
        line-height: 1.5em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        text-align: center;
        border: 1px solid #F9D9B3;
}

.hinweis{
	border: 1px solid #F9D9B3;
	font-size:1em;
line-height:1.5em;
margin-bottom:1em;
margin-left:30px;
margin-right:30px;
padding:15px;
	}

	

#main .ostereier .bild{
        border: 1px solid #F9D9B3;
}

#main .uebersicht_klein p{
        margin-left: 2px;
        margin-right: 2px;
}
#main .uebersicht_klein{

        width:600px;
        margin-left: 32px;
        margin-right: 32px;


}

#main #unternavi {
        padding-top: 0.6em;
        padding-left: 1.0em;
        height: 2em;
        border-bottom: #C8C7D7 dotted 2px;
        clear: both;
}
#main #unternavi li{
        font-size: 1.0em;
        line-height: 1.5em;

        float: left;
        list-style: none;
        display:block;
}

#main  hr{
        clear: both;
}
#main  td{
}
.clear{
        clear: both;
}
/* Illustrative Bilder */
#main  img.bild{
        margin:5px 25px 5px 0px;
        padding:20px;
        background:url(../_image/bildrahmen.gif);

}
#main  img.bestellbutton{
        margin:5px 5px 5px 25px;
}
#main  td.kontaktformular{
        background:url(../_bilder/hg-btn.gif) repeat-x;
}
#main  label.kontakt{
        display: block;
        margin-left: 6px;
        margin-top: 1px;
        float: left;
        width:100px;
        font-size: 0.85em;
}

#main #schnellkontakt input{
        color: #000;
        background-color: #white;
        border: 1px solid #006DBE;
        margin-top: 1px;
        margin-bottom: 1px;
        width:120px;
/*         clear: left;         */
}

#main #hinweis {
        background-color: #F9D9B3;
        padding: 20px;
}
#main  img.bildrechts{
        margin:5px 0px 5px 5px;
        padding:20px;
        background:url(../_image/bildrahmen.gif);
}
/*Bestellformular Tabelle*/

#main #bestellformular{
        font-size: 0.85em;
        line-height: 1.5em;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 1.0em;
        /*border: solid 1px white;*/
        /*border-collapse: collapse;*/

}
#main #bestellformular #kopf{
        background-color: #932020;
        color: White;
}
#main #bestellformular #summe{
        background-color: Red;
}
#main #bestellformular .technik_gruppe{
        background-color: #F4C995;
}
#main #bestellformular td{
        background-color: #F9D9B3;
        padding: 5px;
}
#main #bestellformular .technik_inhalt{
        background-color: #F9D9B3;
        padding-left: 5px;
}
#main #bestellformular .betrag{
        text-align: right;
        padding-right: 5px;
}
/*Tabelle persönliche Angaben*/
#main #persoenliche_angaben{
        font-size: 1em;
        line-height: 1.5em;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 1.0em;
        /*border: solid 1px white;*/
        /*border-collapse: collapse;*/
}
#main #persoenliche_angaben td{
        background-color: #F9D9B3;
        padding: 5px;
}
#main #persoenliche_angaben .angaben{
        background-color: #F9D9B3;
        padding-left: 5px;
}

#persoenliche_angaben .submit{
        font-size: 1.6em;
        padding: 5px;
}


#main #persoenliche_angaben textarea{
        margin-left: 5px;
}
#main #persoenliche_angaben .titel{
        background-color: #F4C995;
        padding-left: 5px;
        padding-right: 5px;
}
#main #persoenliche_angaben #ff_telefon{
        border: #932020 solid 1px;
}
#main #persoenliche_angaben #submit{
        margin-left: 5px;

}
/*Tabelle Preise+Versand*/
#main .preise{
        font-size: 0.85em;
        line-height: 1.5em;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 1.0em;
        /*border: solid 1px white;*/
}
#main .preise #kopf{
        background-color: #932020;
        color: White;
}
#main .preise .inhalt{
        background-color: #F9D9B3;
        padding-left: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
}
/*Tab-Navigation*/

#navigation {
      float:left;
          font-size: 0.85em;
      line-height:normal;
          width: 740px;
      padding-left: 66px;
          /*padding-right: 66px;*/
}
#navigation ul {
      margin:0;
      padding:10px 10px 0;
      list-style: none;
}
#navigation > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a {float:none;}
/* End IE5-Mac hack */
#navigation a:hover {
      color:#333;
}

#navigation li {
        float: left;
        display:block;
        background:url("../_image/links_beide.gif") no-repeat left top;
        margin: 0;
        padding: 0 0 0 5px;
        white-space: nowrap; /*border-bottom:1px solid #48457A;*/
/*        background-color: Aqua; */
}

#navigation li.next {
        float: left;
        display:block;
        background:url("../_image/links_beide.gif") no-repeat left top;
/*        background-color: #cccc33;*/
        margin: 0;
        padding: 0 0 0 5px;
        white-space: nowrap; /*border-bottom:1px solid #48457A;*/
/*        background-color: Aqua; */
}


#navigation a {
      float:left;
      display:block;
      width:.1em;
      background:url("../_image/rechts_beide.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration: none;
      font-weight: bold;
          color: #48457A;
}

 #navigation li.aktiv  {
      background-position:0% -150px;

}
#navigation li:hover  {
     background-position:0% -150px;

}

#navigation li.aktiv a  {
      background-position:100% -150px;

      color:#333;
}
#navigation a:hover  {
     background-position:100% -150px;
      color:#333;
}




/*Ende Tab-Navigation*/

#fusszeile {
        font-size: 0.65em;
        background-image:url("../_image/fusszeile.gif") no-repeat 42px bottom;
        clear: both;
        width: 824px;
        height: 53px;

        color: #FFFFFF;
}
#fusszeile p {
    font-size: 0.75em;
    line-height: 1.0em;
}
#fusszeile a {
        text-decoration: none;
        color: #F9D9B3;

}

#fusszeile a.aktiv {
    text-decoration:underline;
}

#fusszeile a:hover {
    text-decoration:underline;
}
#fusszeile ul {
        margin-left: 90px;
        padding-top: 10px;
        list-style-type: none;
}
#fusszeile li {
         float: left;
        display: block;
        /*padding: 0px 0px 0px 0px;*/
        padding-right: 10px;
        margin: 0px;
        list-style-type: none;
}

#main #fehlerausgabe{
        width:600px;
        margin-left: 32px;
        margin-right: 32px;
        background-color: #F07F53;
}
#main #fehlerausgabe p{
        font-size: 0.85em;
    line-height: 1.5em;
        margin-left: 8px;
        margin-right: 8px;
        margin-top: 8px;
        margin-bottom: 1.0em;
}
#main #fehlerausgabe ul{
        margin-left: 8px;
        margin-bottom: 0.5em;
}
#main #fehlerausgabe li{
        font-size: 0.85em;
        line-height: 1.5em;
        margin-left: 25px;
        margin-right: 10px;
}

/*#navigation {
        width: 700px;
        width: 740px;
        font-size: 0.9em;
    position: relative;
        float: left;
}
ul#navi-liste {
        position: relative;
}
#navigation ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
}
#navigation li {
    margin: 0px;
        list-style-type: none;
}
#navigation a {
         float: left;
        display: block;
        padding: 10px 10px 10px 10px;
        text-decoration: none;
        background-color: #F9C;
}
#navigation a:hover {
  text-decoration:underline;
  background-color: #000;
}
*/