body                                    {position:absolute;overflow:auto;width:100%;height:100%;background:#221E1F;}
*                                       {margin:0;padding:0;font:11px/1.2em arial,verdana,sans-serif;color:#FFF;border:0;}

#pge                                    {position:relative;left:50%;top:50%;width:692px;height:380px;margin:-210px 0 0 -346px;}
#hdr                                    {position:relative;width:692px;height:102px;}
#men                                    {position:relative;float:left;}
#cnt                                    {position:relative;float:right;width:434px;height:249px;background:#57575A;background:url('images/big_home-new.jpg');overflow:auto;}
#cnt.sub								{background:url('images/big_produkte.jpg');}
#nav                                    {position:relative;float:right;width:434px;height:22px;}
#ftr                                    {}

#hdr img                                {position:absolute;left:0;top:0;}

#men .menHL                             {display:none;position:absolute;top:0;width:80px;height:252px;background-repeat:no-repeat;background-position:left top;}
#men .menHL1                            {background-image:url('images/menu1On.gif');}
#men .menHL2                            {left:86px;background-image:url('images/menu2On.gif');}
#men .menHL3                            {left:171px;background-image:url('images/menu3On.gif');}

#men .prod1						{background-image:url('images/prod1On.gif');}
#men .prod2						{background-image:url('images/prod2On.gif');}
#men .prod3						{background-image:url('images/prod3On.gif');}

#men .pro1						{background-image:url('images/pro1On.gif');}
#men .pro2						{background-image:url('images/pro2On.gif');}
#men .pro3						{background-image:url('images/pro3On.gif');}

#men ul                                 {width:258px;height:278px;list-style-type:none;background:url('images/menuBg.gif') no-repeat left bottom;}
#men ul.sub								{background:url('images/menuBgSub.gif') no-repeat left bottom;}
#men ul.pro								{background:url('images/proBg.gif') no-repeat left bottom;}
#men ul li                              {position:relative;float:left;width:80px;margin-right:6px;height:278px;}
#men ul li.men2                         {margin-right:5px;}
#men ul li a                            {position:absolute;left:0;top:256px;display:block;width:80px;height:22px;background-repeat:no-repeat;background-position:left bottom;}
#men ul li a span                       {display:none;}
#men ul.main li.men1 a                  {background-image:url('images/menuPhilosophie.gif');}
#men ul.main li.men1 a:hover            {background-image:url('images/menuPhilosophieOn.gif');}
#men ul.main li.men2 a                  {background-image:url('images/menuProdukte.gif');}
#men ul.main li.men2 a:hover            {background-image:url('images/menuProdukteOn.gif');}
#men ul.main li.men3 a                  {background-image:url('images/menuKontakt.gif');}
#men ul.main li.men3 a:hover            {background-image:url('images/menuKontaktOn.gif');}
#men ul.prod li.men1 a                  {background-image:url('images/menuBad.gif');}
#men ul.prod li.men1 a:hover            {background-image:url('images/menuBadOn.gif');}
#men ul.prod li.men2 a                  {background-image:url('images/menuMoebel.gif');}
#men ul.prod li.men2 a:hover            {background-image:url('images/menuMoebelOn.gif');}
#men ul.prod li.men3 a                  {background-image:url('images/menuOutdoor.gif');}
#men ul.prod li.men3 a:hover            {background-image:url('images/menuOutdoorOn.gif');}
#men ul.imp li.men3 a                   {background-image:url('images/menuImpressumOn.gif');}

div.nav                                 {margin-top:5px;border-top:2px solid #BB1D23;}
div.navNoBorder                         {margin-top:7px;}
#nav ul                                 {list-style-type:none;}
#nav ul li                              {float:left;}
#nav ul li a,
#nav ul li a *                          {font-size:10px;line-height:18px;text-decoration:none;color:#F15B40;}
#nav ul li.home                         {float:right;}
#nav ul li.home a span                  {text-transform:uppercase;}
#nav ul li.next                         {padding-left:50px;}

div.home                                {}
div.home img                            {position:absolute;left:45px;top:17px;}
div.home h1                             {position:absolute;right:17px;bottom:21px;font-weight:bold;font-size:14px;line-height:22px;text-align:right;text-transform:uppercase;color:#000;}

div.cntLeft                             {width:251px;height:278px;}
div.philoLeft                           {width:251px;height:249px;background:#F8AB90;}
div.philoLeft p                         {padding-top:8px;font-size:20px;line-height:1.1em;text-align:center;color:#221E1F;}
div.philoLeft p.bottom                  {padding-top:50px;font-weight:bold;font-size:18px;text-transform:uppercase;}
div.philo p                             {position:relative;font-size:12px;line-height:1.2em;color:#FFF;padding:15px 0 15px 10px;background:url('images/cntSepHor.gif') no-repeat 14px bottom;}
div.philo p.bottom                      {padding-bottom:0;background:none;}

div.kontaktLeft                         {width:251px;height:278px;background:#6D6E71;}
div.kontaktLeft img#ditz                {position:absolute;left:46px;top:15px;}
div.kontaktLeft img#rieger              {position:absolute;left:46px;bottom:15px;}
div.kontaktLeft p                       {position:relative;margin-left:105px;font-size:16px;line-height:1.1em;color:#FFF;padding:12px 0;background:url('images/cntSepHor.gif') no-repeat 4px bottom;}
div.kontaktLeft p.bottom                {padding-bottom:0;background:none;}
div.kontakt                             {position:absolute;right:0;bottom:0;}
div.kontakt p                           {padding-bottom:16px;padding-right:16px;font-size:12px;text-align:right;color:#FFF;}
div.kontakt p.bottom                    {text-transform:none;}
div.kontakt p a                         {font-weight:bold;font-size:16px;text-decoration:none;color:#E75B42;}

div.prod                                {padding-top:40px;}
div.prod p                              {position:relative;font-weight:bold;font-size:16px;line-height:1.2em;text-transform:uppercase;text-align:center;color:#FFF;padding:15px 0 15px 10px;background:url('images/cntSepHor.gif') no-repeat center bottom;margin-top:100px;}
div.prod p.bottom                       {font-weight:normal;font-size:26px;padding-top:30px;padding-bottom:0;background:none;color:#E75B42;}

div.wasch                               {padding-top:30px;}
div.wasch img                           {position:absolute;left:15px;top:30px;}
div.wasch p                             {position:relative;padding:0 10px 15px 0;font-weight:bold;font-size:14px;line-height:1.2em;text-align:right;color:#FFF;}
div.wasch p.top                         {font-size:16px;text-transform:uppercase;}
div.wasch p.bottom                      {font-size:16px;}

div.fass                                {}
div.fass img                            {position:absolute;top:30px;}
div.fass img.fassL                      {left:17px;}
div.fass img.fassR                      {right:17px;}

div.lampen                              {padding-top:30px;}
div.lampen img                          {position:absolute;left:20px;top:30px;}
div.lampen h2                           {padding:0 0 12px 210px;font-weight:bold;font-size:16px;line-height:1.2em;color:#FFF;}
div.lampen p                            {position:relative;padding:0 10px 15px 210px;font-size:12px;line-height:1.2em;color:#FFF;}

#pge div.impCnt                         {float:none;width:100%;}
#pge div.impMen                         {height:26px;margin-top:3px;}
#pge div.impMen ul                      {width:258px;height:26px;}
#pge div.impMen ul li                   {position:absolute;right:1px;top:0;width:80px;margin-right:6px;height:26px;}
#pge div.impMen ul li a                 {right:0;top:4px;}


div.imp                                 {padding:20px 0 0 30px;}
div.imp h2                              {font-weight:bold;font-size:16px;padding-bottom:1em;}
div.imp p                               {padding-bottom:0.8em;}
div.imp p,
div.imp p span                          {font-size:12px;}
div.imp p span                          {text-transform:uppercase;}
div.imp p.float                         {width:200px;float:left;}
div.imp p.bottom                        {clear:both;}
div.imp p a                             {font-size:14px;text-decoration:none;color:#E75B42;}
div.wko                                 {position:absolute;right:30px;top:20px;}
div.wko img                             {margin-left:10px;}
div.wko p                               {padding-top:120px;font-size:12px;}


#mycarousel li {margin-right:2px;}


label, input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 100px; /* Breite.*/
}

input {
  width:200px;
  border: 1px solid #ccc;
  margin-bottom:2px;
  color: #F15B40;
}

textarea{
	width:200px;
	margin-bottom:2px;
	border: 1px solid #ccc;
	color: #F15B40;
	}

input.sub {
	color: #F15B40;
	border:1px solid #ccc;
	width:202px;
	}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}