* {margin: 0; padding: 0;}

body {
	margin: 10px 0;
	padding: 0;
	color: #000;
	background: #C4C4C4;
	font-family: Verdana, Arial, sansserif;
	font-size: 100%;
	text-align: center;
}
.clear {
	clear: both;
}


.wrapper {
	margin: 0 auto;
	width: 998px;
	w\idth: 996px;
	text-align: left;
}

.outer1 {
	margin-left: 230px;
	background: url(/media/scripts/css/atmobild_allg.jpg) no-repeat right top #CACACA;
	 /* R */
}
.outer2 {
	margin-right: 250px;
	 /* C */
	
}
.outer0 {
	position: relative;
	margin-left: -231px;
	margin-right: -251px;	
}

.wrap-cl {
	float: left;
	width: 747px; /* C + L + 1 */
	background: #fff;
	background: url(background_spalten.gif) repeat-y top left;
	border-right: 1px solid #4B484B;

}
.center {
	float: right;
	width: 505px;  /* C */
}

 /* \*/
.center {
	float: right;
	width: 516px;  /* C */
}
/* Hidden from IE-mac */


 .incenter {
  padding: 0 18px;
}


.left {
	float: left;
	width: 230px;  /* L */
	background: #F5F3F0;
}
.right {
	float: right;
	width: 247px;  /* R */
	margin-left: 1px;	
}

 /* \*/
.right {
	float: right;
	width: 250px;  /* R */
	margin-left: 1px;	
}
/* Hidden from IE-mac */

/* previene allargamento floats (hidden) e problemi rendering left col (relative) in IE/Mac \*//*/
.inleft, .inright, .incenter {
	width: 100%;
	overflow: hidden;
}
.wrap-cl {
	position: relative;
}
/**/




p, h1, h2, h3 {	margin: 0 0 0 0; }


h1 {
 font-size: 1.5em;
 margin-top: 1.0em;
 font-weight: normal;
}

h2 {
 font-size: 0.9em;
 font-weight: bold;
}

ul { margin: 0; padding: 0;}

ol {
 padding-left: 1em;
 list-style-type: decimal;
}

ol li {
 margin-left: 1em;
 margin-bottom: 0.5em;
 list-style-type: decimal;
}


.inhalt ul {
 padding: 0;
 margin-top: 1em;
}

.inhalt ul li {
 list-style: none;
 background-image: url(pfeil_liste.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
 padding-left: 15px;
 padding-bottom: 5px;
}


a {text-decoration: none; color: #817E7E;}
a:hover {text-decoration: underline; color:  color: #817E7E;}

/* HEADER */

#header {
 background: url(background_header.jpg) no-repeat left top;
 height: 85px;
 border-top: 1px solid #4B484B;
}

#header img {margin: 5px 0 4px 10px;}


#nav_main {
	width: 345px;
	color: #fff;
	margin-left: 25em;
}


#nav_main li {
  float: left;
  list-style: none;
  font-size: 0.7em;b
}

#nav_main a.home, #nav_main a.mail, #nav_main a.suche  {
  color: #000;
  background: transparent;
  padding: 0;
  text-transform: none;
  text-decoration:none;
  font-weight: bold;
  display: block;
  width: 50px;
  margin-top: 4px;
}

#nav_main a.homeon, #nav_main a.mailon, #nav_main a.sucheon  {
  color: #fff;
  background: transparent;
  padding: 0;
  text-transform: none;
  text-decoration:none;
  font-weight: bold;
  display: block;
  width: 50px;
  margin-top: 4px;
}

#nav_main a.home {
  margin-right: 12px;
  margin-left: 3px;
}


/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav_main a {float:none;}
/* End IE5-Mac hack */
#nav_main a:hover { 
    color:#fff;
    background-color: transparent;
  }


#searchform {
 width: 170px;
 float: left;
 margin: 0;
 padding: 0;
}

#suchformfeld
{
	width: 120px;
	font-size: 0.6em;
	font-weight: normal;
	padding: 1px 5px;
	background: #fff;
}

 /* \*/
#suchformfeld
{
	width: 137px;
}
/* Hidden from IE-mac */

#suchformbutton
{
	border: none;
	vertical-align: middle;
}


/* ************************* MAINNAVIGATION ************************* */

.inleft {
 padding-top: 2em;
 font-size: 0.8em;
 padding-bottom: 1em;
}

.inleft ul {
 list-style: none;
 font-weight: bold;
 margin: 0 0 0 1.5em;
 padding: 0;
}

.inleft ul li {
line-height: 1.3em;
 width: 190px;
}

.inleft ul a {
color: #999;
text-decoration: none;
font-weight: bold;
font-size: 0.9em;
display: block;
}

.inleft ul a:hover, .inleft ul .produkton a:hover, .inleft ul .produkt a:hover {
color: #f00;
text-decoration: none;
}

*>html .inleft ul li a:hover, *>html .inleft ul li a:active {margin-left: 0;}   /*** Fix only for IE/Mac ***/

/* ****** Ebene 1 ****** */
.inleft ul li.produkt, .inleft ul li.produkton {
color: #666;
text-decoration: none;
font-weight: bold;
display: block;
margin-bottom: .7em;
}

.inleft ul li.produkton a, .inleft ul li.produkt a, .inleft ul li.produkton a.on {
color: #666;
text-decoration: none;
font-weight: bold;
font-size: 0.9em;
display: block;
width: 190px;
}

.inleft ul li.produkton a.on, .inleft ul li.on a.on  {
color: #f00;
}


/* ****** Ebene 2 ****** */
.inleft ul ul {
 padding: 0;
 margin: 0 0 0 0;
}

.inleft ul ul a, .inleft ul li.produkton ul a:hover {
 background-image: url(pfeil_mainnav_off.gif);
 background-position: 0 5px;
 background-repeat: no-repeat;
 padding-left: 10px;

}

.inleft ul li.produkton ul a:hover, .inleft ul li.on ul a:hover {
 background-image: url(pfeil_mainnav_on.gif);
}

.inleft ul li.produkton ul a.on, .inleft ul li.on ul a.on {
 background-image: url(pfeil_mainnav_on.gif);
}

/* ****** Ebene 3* ******/
.inleft ul ul ul {
 padding: 0 0 0 10px;
}

.inleft ul ul ul a, .inleft .produkton ul ul a, .inleft ul li.produkton ul ul a:hover  {
 background-image: url(pfeil_mainnav_ebene3_off.gif);
 background-position: 0 6px;
 background-repeat: no-repeat;
 padding-left: 10px;
 font-weight: normal;
}

.inleft ul li.produkton ul ul a:hover {
 background-image: url(pfeil_mainnav_ebene3_on.gif);
}

.inleft ul li.produkton ul ul a.on {
 background-image: url(pfeil_mainnav_ebene3_on.gif);
 font-weight: normal;
}

.inleft ul ul ul li {
line-height: 1.2em;
margin-bottom: 3px;
}


/* ************************* INHALT ************************* */

.inhalt {
 margin-top: 1em;
 margin-bottom: 1.8em;
 font-size: 0.8em;
 min-height: 400px; /* MinHeight*/
}

.inhalt p {
 margin-top: 1em;
  margin-bottom: 1em;
}

.inhalt a.red {
 color: #f00;
}

.inhalt .imagecenter {
 text-align: center;
}

.inhalt .imagecenter img {
 border: 1px solid #fc0;
}

.inhalt .imagecenter img.middle {
 margin-right: .6em;
 margin-left: .6em;
}

.textzusatz {
 font-size: 0.8em;
 font-weight: normal;
 color: #817E7E;
}

table.produktdaten {
 width: 490px;
 font-size: 0.9em;
 color: #817E7E;
 border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  text-align: center;	
}

.produktdaten th {
 border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
 padding: 5px;
}

.produktdaten th.vk {
}

.produktdaten td.vk {
 white-space: nowrap;
}

.produktdaten td {
 border-right: 1px solid #ccc;
 padding: 2px 5px 2px 5px;
 text-align: right;
 vertical-align: top;
}

.produktdaten th.first, .produktdaten td.first{
 border-right: 1px solid #ccc;
 border-left: 1px solid #ccc;
 text-align: left;
}

.produktdaten td.name {
 font-weight: bold;
 text-align: left;
 background-color: #FFFFCC;
 padding: 5px 10px 5px 5px;
 border-left: 1px solid #ccc;
}

/* Doppelcontainer Produktgruppenuebersicht */

.uebersicht1, .uebersicht2 {
 width: 200px;
 float: left;
 border-top: 3px solid #FFD52C;
 background: #F5F3F0;
 margin-bottom: 1.5em;
}

.uebersicht1 h2, .uebersicht2 h2 {
 font-weight: normal;
 font-size: 1.0em;
 margin: 3px 5px
}

.uebersicht1 h2 a, .uebersicht2 h2 a {
 color: #000;
}

.uebersicht1 h2 a:hover, .uebersicht2 h2 a:hover {
 text-decoration: none;
}

.uebersicht2 {
 margin-left: 3em;
}

.uebersicht1 ul, .uebersicht2 ul {
 background: #fff;
 margin: 0.5em 0 0 0;
 list-style: none;
 padding: .5em 0 0.5em 0em;
 font-size: 0.8em;
}

.uebersicht1 ul li, .uebersicht2 ul li {
 margin: 0;
 padding: 0 0 0 .9em;
 line-height: 1.3em;
 background-image: url(pfeil_liste.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
}

.uebersicht1 ul a, .uebersicht2 ul a {
  color: #817E7E;
}


/* Doppelbild auf Produktuebersicht */

 .image1, .image2 {
  width: 200px;
  float: left;
  margin-bottom: 1.5em;
 }

.image2 {
margin-left: 3.0em;
 }

.image1 img, .image2 img {
 border: 1px solid #FFD52C;
 }
 
.image1 .titel, .image2 .titel {
 width: 200px;
 font-size: 0.7em;
 margin-top: 0.5em;
 margin-left: 0.2em;
 }

.image1 .titel a, .image2 .titel a {
 color: #817E7E;
 }

/* Wechselbild Produktseite*/

.image {
 position: relative;
}

.image img {
 border: 1px solid #FFD52C;
 margin-bottom: 1.5em;
}

.produktdaten a {
 color: #817E7E;
}

.produktdaten a:hover {
 color: #817E7E;
 text-decoration: underline;
}

.produktdaten a img {
 width: 142px; /* IE5 Win can't dynamically change size - don't use 0px to hide */
 height: 147px;
 position: absolute;
 top: -250px;
 left: 0px;
 visibility: hidden;
}
  
 /* \*/
 .produktdaten a img {
 top: 0px;
 left: 0px;
 }
/* Hidden from IE-mac */
 
.produktdaten a:hover {
	background: url("../images/dnbutt.gif") no-repeat; /* no background-x styles work here */
}

.produktdaten a:hover img {	
 visibility:visible;
 }

/* ************************* Suche ************************* */
.suche {
 background: #FFCC00;
 font-weight: bold;
 padding: 1em;
}

p.suche {
 background: #fff;
 margin: 0;
 padding: 1em 0 .5em 0;
 font-size: 0.9em;
 font-weight: normal;
}

#feld
{
	width: 180px;
	font-size: 0.8em;
	font-weight: normal;
	padding: 1px 5px;
	background: #fff;
}

#button
{
	border: none;
	vertical-align: middle;
}


.ergebnis .icon {
 width: 70px;
 float: left;
 text-align: right;
 padding-right: .5em;
}

.ergebnis .icon img {
 margin-right: 0.1em;
}

.ergebnis .text {
 width: 400px;
 float: left;
}

.ergebnis .text i, .ergebnis .text strong  {
 color: #FFCC00;
 font-style:italic;
 font-weight:normal;
}

.ergebnis .text a {
 color: #000;
}

.seiten {
 margin-top: 1em;
 text-align: center;
 border-top: 1px solid #F5F3F0;
 border-bottom: 1px solid #F5F3F0;
 padding: 0.1em 0;
}

.seiten a {
 color: #000;
 font-size: 0.8em;
}


/* ************************* KONTAKT ************************ */

#kontaktformular {
    margin-top: 1em;
}

#kontaktformular fieldset {
        color: #000;
	border: 0px solid #999;
	border-top: 1px solid #000;
	padding: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	background: #FFFFCC;
}

#kontaktformular form{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #000;
        font-size : 1.0em;
}



#kontaktformular fieldset legend {
    color: #000;
	padding: 0 0.4em 0 0.4em;
	margin-bottom: 3px;
	background: #fc0;
}

#kontaktformular fieldset span, #kontaktformular fieldset span.mieten {
	float: left;
	width: 30%;
	margin-right: 5px;
	text-align: left;
}

#kontaktformular fieldset span.mieten {
	height: 110px;
}



#kontaktformular .invisible {
  display:none;
}

#kontaktformular .eingabefeldYear {
	background-color: #f5f5f5;
}

#kontaktformular fieldset select {
	margin-bottom: 3px;
}

#kontaktformular fieldset select option {
	padding: 0 0.2em;
}

#kontaktformular fieldset select.breit {
	background-color: #f5f5f5;
	width: 20em;
	margin-bottom: 3px;
}


#kontaktformular fieldset .radio {
 vertical-align: middle;
}

#kontaktformular fieldset .checkbox {
 margin-left: 1em;
}


#kontaktformular fieldset div textarea {
	width: 100%;
	height: 10em;
	background-color: #f5f5f5;
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size : 1.0em;
}

#kontaktformular textarea{
	background-color: #fff;
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size : 1.0em;
} 

#kontaktformular #submit {
  margin-top: 30px;
  text-align: center;
  border : thin solid #000;
  background: #fff;
  font-weight: bold;
}


/* Standorte */
.standort {
 clear: both;
 margin-bottom: 1em;
}

.standort img {
 padding-right: 10px;
 margin-bottom: 10px;
}

#ddorf, #berlin {
   color:#999; 
   position:absolute; 
   top: 10px;
   left: 415px; 
   z-index:99;  
   visibility:hidden;
   background: #737373;
   padding: 0;
   width: 500px;
   display: block;  
   padding: 0; 
 }

#ddorf img, #berlin img {
  border: 1px solid #FFCC00;
  margin-top: 0.1em;
 }
 
#ddorf a, #berlin a  {
   color:#fff;
   display: block; 
   margin: .5em 0;
   font-size: 0.7em;
 }
 
/* ************************* FOOTER ************************* */
#footer { 
	color:#000; 
	width: 748px; 
	background: url(background_footer.gif) repeat-y top left; 
	margin: 0; 
	padding: 2px 0; 
	border-top: 1px #000 solid; 
	line-height: 1.3em; 
	font-size: 0.7em; 
	clear:both;
}
#footer span { margin-left: 23.9em;}
#footer a { color: #000; text-decoration: none;}
#footer a:hover {background-color: none; color: #fff; text-decoration: none; }