body {
	margin:0; 
        padding:0;
        background-color:#353D31;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        text-align: center;
        color:#353D31;
}


#main1 
{
      width: 65em;
      overflow:hidden;
      background-image: url(grafik/kachel.gif);
      background-color: #ffffe1;
      border: 3px solid #cb8707;
      margin: 1em auto;
      text-align: center;
}

#main2 
{
      width: 65em;
      height:92em;
      background-image: url(grafik/kachel.gif);
      background-color: #ffffe1;
      border: 3px solid #cb8707;
      margin: 1em auto;
      text-align: center;
}

#header
{
      width: 98%;
      height: 9em;
      background-image: url(grafik/oben.jpg);
      background-repeat: no-repeat;
      background-position: right;
      margin-top:5px;
      margin-right:3px;
}

.firma
{
      width: 97%;
      height: 9em;
      background-image: url(grafik/logo.gif);
      background-repeat: no-repeat;
      margin-left:2.5em;
}

#navi
{
      float: left;
      width: 12em;
      margin-left: 0.1em;
      margin-top: 0.6em;
}

#inhalt
{
      float: left;
      width: 37.5em;
      text-align: left;
      margin-left:1em;
      margin-top: 1em;
      padding: 0.3em;
      border: 1px solid #cb8707;
      background-color: #ffffe1;
}

#inhalt2
{
      float: left;
      width: 48em;
      text-align: left;
      margin-left:1em;
      margin-top: 1em;
      margin-bottom:10px;
      padding: 0.3em;
      border: 1px solid #cb8707;
      background-color: #ffffe1;
}

#rightcont
{
      float: left;
      width: 9em;
      text-align: left;
      margin-left:1em;
      margin-top: 0.6em;
      padding: 0;
}

#footer {
        color: #353D31;
        text-align: center;
        width:100%;
        font-weight: bold;
        margin-bottom:5px; 
        padding-bottom: 2px;
        background-color: #ffffe1;
        border-top: 1px solid #cb8707;
        border-bottom: 1px solid #cb8707;
}

.cleaner {
	clear:both;
	height: 2em;
	font-size:1px;
	border:0px none;
	margin:0; padding:0;
	background:transparent;
}

.indexlinks
{
      float: left;
      width: 18em;
      text-align: left;
      padding-top: 0.3em;
      height: 14em;
      margin-left: 0.5em;
}

.indexrechts
{
      float: left;
      width: 18em;
      text-align: left;
      padding-top: 0.3em;
      height: 14em;
      margin: 0;
}

.indexlinks2
{
      float: left;
      width: 23em;
      text-align: left;
      padding-top: 0.3em;
      height: 14em;
      margin-left: 0.5em;
}

.indexrechts2
{
      float: left;
      width: 23em;
      text-align: left;
      padding-top: 0.3em;
      height: 14em;
      margin: 0;
}

.kataloglinks
{
      float: left;
      width: 23em;
      text-align: center;
      padding-top: 0.3em;
      height: 24em;
      margin-left: 0.5em;
}

.katalogrechts
{
      float: left;
      width: 23em;
      text-align: center;
      padding-top: 0.3em;
      height: 24em;
      margin: 0;
}

.produkte
{ 
      width:100%;
      margin-top: 0.25em;
      padding-left: 1.5em;
}

h3  {font-size: 1.2em;}


hr  {
      border: 2px solid #cb8707;
      width: 90%;

}

.border {border: 2px solid #cb8707;}

ul 
{
      
      margin-right: 2px;
      margin-top:0.5em;
      
      
}

li 
{ 
      width:100%;
      background-color:#353D31;
      border: 1px solid #cb8707;
      color:#353D31;
      margin-top: 0.25em;
      padding: 0.25em;
      list-style-type : none;
}

li a 
{     
      background-color:#353D31;
      font-weight: bold;
      display: block;
      
}

li a:hover 
{
      background-color: #cb8707;
}


form, input  {
	line-height: 120%;
        text-align: left;
        width: 85%;

}

fieldset {
        color: #cb8707;
	font-weight: bold;
	border: solid 1px  #cb8707;
	padding: 10px;
}

input  {
        width: 20em;
	border-top: 1px solid #353D31;
        border-left: 1px solid #353D31;
	border-right: 1px solid #cb8707;
        border-bottom: 1px solid #cb8707;
	background-color: #f3f3f3;
	margin: 5px;
	padding: 2px;
        text-align: left;
}

textarea {
	border-top: 1px solid #353D31;
        border-left: 1px solid #353D31;
	border-right: 1px solid #cb8707;
        border-bottom: 1px solid #cb8707;
	background-color: #f3f3f3;
	margin: 5px;
	padding: 2px;
        text-align: left;
}

.submit, .reset {
        background-color: #353D31;
   	border: 3px double #cb8707;
        color: #cb8707;
        width: 10em;
        font-weight: bold;
        text-align: center;
 }


legend {
        color: #353D31;
}

label{
        color: #353D31;
}

.inputsubmit {
        width: 5em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	text-decoration: none;
	background-color: #353D31;
	border: 1px solid #cb8707;
}

.button-submit {
        width: 6em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	text-decoration: none;
	background-color: #353D31;
	border: 1px solid #cb8707;
}

.links
{
      width: 8.5em;
      text-align: left;
      padding-top: 0.3em;
      padding-left: 0.4em;
      margin-top: 1.5em;
      margin-left: 0.4em;
      border: 1px solid #cb8707;
      background-color: white;
}

.produkte1
       {
        width: 96%;
        text-align: center;
        margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        
}

.produkte2
       {
        width: 96%;
        text-align: center;
        margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 0.8em;
}

A:link {color: #cb8707; text-decoration: none} 
A:visited {color: #cb8707; text-decoration: none}
A:active {color: white; text-decoration: none}
A:hover {color: white; text-decoration: none}
A.black:link {color: #cb8707; text-decoration: none} 
A.black:visited {color: #cb8707; text-decoration: none}
A.black:active {color: black; text-decoration: none}
A.black:hover {color: black; text-decoration: none}