body {
	background:#fff;
         text-align:center;
         border:0 none;
         font-family:Helvetica,Verdana,Arial,sans-serif;
         font-size:100.1%;
         color:black;
         }

#container {
	border:0 none;
         background:#fff;
         width: auto;
         margin: auto; padding: auto;
         }

#outerbox {
	width: 940px;
	height: 560px;
	border: 0 none;
	margin: auto; padding: auto;
	 }

#topbox {
	display:block;
         background: #F38338;
         margin:0;
         padding:0;
         width: 100%;
         height:85px;
         border-bottom: 10px solid #333333; overflow: hidden;
         }

#centerleft {
	display: block; 
	float:left; 
	width: 310px; 
	height: 455px; 
	border: 10px solid #333333;
	border-top: 0 none;
	}

 /* Vom IE mac 5.x verstecken. Fix für den Windows IE 3px-Text-Gap-Bug \*/
* html #centerleft {
	margin-right: -3px;
}

	#centerleft img {margin-bottom: -3px;}
/* Ende von IE5/mac verstecken*/


#centerright {
	display: block; 
	width: auto; 
	height: 335px; 
	background: #fff; 
	margin:0; 
	border: 10px solid #333333;
	border-top: 0 none;
	border-left: 0 none;
 	overflow: auto;
	}

 /* Vom IE mac 5.x verstecken. Fix für den Windows IE 3px-Text-Gap-Bug \*/
* html #centerright {
	margin-left: -3px;
}
/* Ende von IE5/mac verstecken*/


#footbox {
	display: block; 	background: #F38338;
	width: auto; 
	height: 120px; 
	background: #fff;
	border: 0 none;
	}

#minilogo {
	display: block;
	float: right; 
	width: 130px; 
	height: 100%; 
	background: #F38338;
	border:0 none;
	}

 /* Vom IE mac 5.x verstecken. Fix für den Windows IE 3px-Text-Gap-Bug \*/
* html #minilogo {
	margin-left: -3px;
}
/* Ende von IE5/mac verstecken*/

#navi {
	background: #fff;
	border-bottom: 10px solid #333333;
	border-right: 10px solid #333333;
	height: 110px;
	width: 470px;
	margin-left:330px;
	}

 /* Vom IE mac 5.x verstecken. Fix für den Windows IE 3px-Text-Gap-Bug \*/
* html #navi {
	margin-left: 0;
}
/* Ende von IE5/mac verstecken*/

#centerbox2 {
	display:block;
         background: #fff;
         margin:0;
         padding:0;
         width: 920px;
         height:335px;
         border-left:  10px solid #333333;
	border-right: 10px solid #333333;
	}

 /* Vom IE mac 5.x verstecken. Fix für den Windows IE 3px-Text-Gap-Bug \*/
* html #centerbox2 {
	margin-bottom: -3px;
}
/* Ende von IE5/mac verstecken*/


 #produkt_l	 {
	display: block; 
	float: left; 
	width: 300px; 
	height: 100%; 
	border-right: 10px solid #333333;
	}

 /* Vom IE mac 5.x verstecken. Fix für den Windows IE 3px-Text-Gap-Bug \*/
* html #produkt_l {
	margin-right: -3px;
	}
/* Ende von IE5/mac verstecken*/

#produkt_l img	{
	width: 300px;
	height: 335px;
	border: 0 none;
	}

 #produkt_r	 {
	display: block; 
	float: right; 
	width: 300px; 
	height: 100%; 
	border-left: 10px solid #333333; 
	margin-top:0;
	}

 /* Vom IE mac 5.x verstecken. Fix für den Windows IE 3px-Text-Gap-Bug \*/
* html #produkt_r {
	margin-left: -3px;
	}
/* Ende von IE5/mac verstecken*/

#produkt_r img	{
	width: 300px;
	height: 335px;
	border: 0 none;
	}

.produkt_m	{
	width: 300px;
	height: 335px;
	border: 0 none;
	margin: 0;
	padding: 0;
	}

#footbox2 {
	display:block;
         background: #fff;
         margin:0;
         padding:0;
         width: 100%;
         height:120px;
         border-top: 10px solid #333333;
	}

#pcontent	{
	display: block;
	float: left; 
	width: 390px; 
	height: 110px; 
	border-right: 10px solid #333333; 
	overflow: auto;
	border-bottom: 10px solid #333333;
	border-left: 10px solid #333333;
	}

 /* Vom IE mac 5.x verstecken. Fix für den Windows IE 3px-Text-Gap-Bug \*/
* html #pcontent {
	margin-right: -3px;
}
/* Ende von IE5/mac verstecken*/

#pcontent p	{
	padding: 0em 0.5em 0 0.5em;
	margin: 0.5em 0;
	}

#navi2 {
	background: #fff;
	border-bottom: 10px solid #333333;
	border-right: 10px solid #333333;
	height: 110px;
	width: 390px;
	margin-left:410px;
	}

 /* Vom IE mac 5.x verstecken. Fix für den Windows IE 3px-Text-Gap-Bug \*/
* html #navi2 {
	margin-left: -3px;
}
/* Ende von IE5/mac verstecken*/


  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
	font-size: 1em;
  }

  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0 0.4em; padding: 0;
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE */
    margin-bottom: -0.4em;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;	font-size: 0.9em;
    position: absolute;
    top: 1.6em; left: -0.4em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0;
	font-size: 0.95em;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: auto;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 0.5em;
    text-decoration: none; font-weight: bold;
    border: 0 none;

  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 4.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 4.6em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }

  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: #1b4d58;
  }

p, li, address {
	padding: 0.35em 0.5em 0 0.5em;
         color:#000000;
         text-indent:0;
         vertical-align:top;
	font-size:0.9em;
	text-align: left;
	}

input, textarea	{
	font-size: 0.9em;
	border: 1px solid #1b4d58;
	}

address	{
	text-indent:0;
	padding: 0.35em 0.5em 0 2em;
	font-style:normal;
	}

table,tr,td {
	margin:0;
	padding: 0.5em 0.5em 0 0.2em;
         color:#000000;
         text-indent:0;
         vertical-align:top;
	}

h1 {
	margin: 0;
         padding: 0.35em 0.5em 0 0.4em;
         color:#1b4d58;
         text-align:left;
         font-size:1.1em;
	font-weight: bold;
         }

h2 {
	margin:0 0 0 0;
         padding: 0 2em 1.2em 0;
         color:#8b3727;
         text-align:right;
         font-size:1em;
         }

h3 {
	margin:0 0 0 0;
         padding: 0 0.5em 0.5em 0.5em;
         color:#8b3727;
         text-align:left;
         font-size:0.85em;
         }

h4 {
	margin:1em 0 0 0;
         padding: 0.5em 0.5em 0.5em 0em;
         color:#000000;
         text-align:left;
         font-size:1em;
         }

a {
	text-decoration:none;
         font-weight:bold;
         color:#F38338;
         }

a:hover {
	text-decoration:none;
         color:#1b4d58;
         }
