#BodyCenter { width: 1200px; margin: -11px auto; text-align: left; position: relative; }

body { background-image: url(../images/Bg.png); }





/* Text-Styles */

h1  { color: #3c3c3c; font-family: arial; font-size: 30px; }

h2 { color: #3c3c3c; font-family: arial; font-size: 22px; }

a.Text { color: #3c3c3c; font-family: arial; font-size: 20px; }

a.Textlink { color: #3c3c3c; font-family: arial; font-size: 20px; text-decoration:underline; }

a.Textlink:hover { text-decoration:none; }

a.Textklein { color: #3c3c3c; font-family: arial; font-size: 12px; }

a.Bezeichnung { color: #3c3c3c; font-family: arial; font-size: 20px; font-weight: bold; text-decoration: none; }

a.Bezeichnung:hover { text-decoration: underline; }

a.Produktbezeichnung { color: #3c3c3c; font-family: arial; font-size: 26px; font-weight: bold; }

a.Preis { color: #3c3c3c; font-family: arial; font-size: 20px; font-weight: bold; }

a.Headline { color: #3c3c3c; font-family: arial; font-size: 30px; }

p { display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0; margin-right: 0; }

p.Text { color: #3c3c3c; font-family: arial; font-size: 20px; padding: 100px 0px 100px 0px; }

a.Headlinelink { color: #3c3c3c; font-family: arial; font-size: 30px; text-decoration: underline; }

a.Headlinelink:hover { color: #3c3c3c; font-family: arial; font-size: 30px; text-decoration: none; }

a, b.disclaimer { font-size: 14px; }

a.Disclaimerlink { color: white; font-family: arial; font-size: 14px; font-weight: bold; text-decoration: underline; }

a.Disclaimerlink:hover { text-decoration: none; }

h1.footer { color: #ffffff; font-size: 30px; }

a.Footerlink { color: white; font-family: arial; font-size: 16px; font-weight: bold; text-decoration: none; }

a.Footerlink:hover { text-decoration: underline; }

a.Angebotslink { display: block; height: 100%; }





/* Div-Styles */

.headlinediv { display: block; padding: 40px 20px 40px 20px; }

.contentdiv { display: block; padding: 20px 20px 0 20px; }

.wswimageleft { width: 380px; /*padding: 30px 20px 10px 0px;*/ float: left; }

.wswimageleftpadding { width: 380px; padding: 0px 10px 0px 10px; float: left; }

.angebotsbox{ width: 1196px; height: 240px; margin-top: 20px; border: 2px solid #3c3c3c; }

.angebotsbild { width: 267px; height: 200px; padding: 20px 0px 0px 20px; float: left; }

.angebotsbezeichnung { width: 869px; height: 40px; padding: 20px 20px 0px 20px; float: right; }

.angebotsbeschreibung { width: 869px; height: 110px; padding: 20px 20px 20px 20px; float: right; }

.angebotspreis { width:150px; height:30px; padding: 0px 20px 0px 0px; float:right; }

.produktbox{ width: 1200px; height: 487px; margin-top: 30px; }

.produktbild { width: 650px; height: 487px; float: left; }

.produktbezeichnung { width: 530px; height: 100px; padding-left: 20px; float: right; }

.produktbeschreibung { width: 530px; height: 357px; padding-left: 20px; float: right; }

.produktspreis { width:90px; height: 30px; float:right; padding-top: 5px; }

.produktbutton { width:160px; height: 30px; float:right; }

.angebotsbox2 { position: relative; width: 386px; height: 376px; margin-right: 21px; margin-bottom: 21px;/*border: 2px solid #3c3c3c;*/ background-color:#e6e6e6; float: left; }

.angebotsbild2 { width: 342px; height: 256px; padding: 20px 20px 20px 20px; }

.angebotsbezeichnung2 { width: 382px; height: 20px; padding-top: 20px; }

.angebotspreis2 { width:382px; height:20px; padding-bottom: 20px; }



#headergroup { display: block; width: 1200px; height: 170px; }

#headerleft { display: block; width: 237px; padding-top: 27px; padding-left: 3px; align: center; float: left; }

#headerright { display: block; width: 237px; padding-top: 10px; padding-right: 3px; float: right; }

#headercenter { display: block; padding-top: 36px; }

#bestellbutton { position: fixed; width: 194px; height: 220px; left: 0px; top: 600px; z-index: 5; }

#welle { height: 32px; width: 1200px; background: url(../images/Welle.png); background-repeat: no-repeat; background-position: bottom; padding-top: 50px; }

#footer { min-height: 340px; width: 1200px; background-color: #0056a1; color: white; font-family: arial; font-size: 16px; line-height: 25px; }

#footerleft { display: block; width: 700px; min-height: 280px; padding-right: 100px; padding-left: 70px; padding-top:10px; padding-bottom: 50px; float: left; }

#footerright { display: block; width: 330px; padding-top:10px; padding-bottom: 50px; float: right; }

#disclaimer { text-align: center; width: 1200px; padding-bottom: 10px; clear: both; }





/* Formular */

label { width:150px; display: block; float:left; line-height:40px; color: #3c3c3c; font-family: arial; font-size: 20px; padding-left: 345px; }

input.feld { border:1px solid #dddddd; padding:5px; border-radius:4px; padding-bottom:10px; color: #3c3c3c; font-family: arial; font-size: 20px; }

select.feld { border:1px solid #dddddd; padding:5px; border-radius:4px; padding-bottom:10px; color: #3c3c3c; font-family: arial; font-size: 20px; }

textarea.feld { border:1px solid #dddddd; padding:5px; border-radius:4px; padding-bottom:10px; color: #3c3c3c; font-family: arial; font-size: 20px; }

input.feld:focus { border:1px solid #0056a1; }

select.feld:focus { border:1px solid #0056a1; }

textarea.feld:focus { border:1px solid #0056a1; }

input.counter { border: 0px; background-color: transparent; color: #3c3c3c; font-family: arial; font-size: 12px; width: 25px; }





/* Navigation-Styles */

#Navigation { height: 50px; width: 100%; padding: 0; margin: 0; }

#Navigation ul { list-style-type: none; }

#Navigation a { text-decoration: none; }

#Navigation li { margin: 0; padding: 0; float: left; text-align: center; display: block; }



ul#Navigation a#home { height: 50px; width: 173px; background: url(images/menue/Menubg.png) repeat-x; background-position: top; }

ul#Navigation a:hover#home { height: 50px; width: 173px; background: url(images/menue/Menubg.png) repeat-x; background-position: bottom; }

#Navigation li a#homeaktuell { height: 50px; width: 173px; background: url(images/menue/Menubg.png) repeat-x; background-position: bottom; }

ul#Navigation a#angebot { height: 50px; width: 184px; background: url(images/menue/Menubg.png); background-position: top; }

ul#Navigation a:hover#angebot { height: 50px; width: 184px; background: url(images/menue/Menubg.png); background-position: bottom; }

#Navigation li a#angebotaktuell { height: 50px; width: 184px; background: url(images/menue/Menubg.png); background-position: bottom; }

ul#Navigation a#wsw { height: 50px; width: 203px; background: url(images/menue/Menubg.png); background-position: top; }

ul#Navigation a:hover#wsw { height: 50px; width: 203px; background: url(images/menue/Menubg.png); background-position: bottom; }

#Navigation li a#wswaktuell { height: 50px; width: 203px; background: url(images/menue/Menubg.png); background-position: bottom; }

ul#Navigation a#termine { height: 50px; width: 158px; background: url(images/menue/Menubg.png); background-position: top; }

ul#Navigation a:hover#termine { height: 50px; width: 158px; background: url(images/menue/Menubg.png); background-position: bottom; }

#Navigation li a#termineaktuell { height: 50px; width: 158px; background: url(images/menue/Menubg.png); background-position: bottom; }

ul#Navigation a#standort { height: 50px; width: 151px; background: url(images/menue/Menubg.png); background-position: top; }

ul#Navigation a:hover#standort { height: 50px; width: 151px; background: url(images/menue/Menubg.png); background-position: bottom; }

#Navigation li a#standortaktuell { height: 50px; width: 151px; background: url(images/menue/Menubg.png); background-position: bottom; }

ul#Navigation a#kontakt { height: 50px; width: 157px; background: url(images/menue/Menubg.png); background-position: top; }

ul#Navigation a:hover#kontakt { height: 50px; width: 157px; background: url(images/menue/Menubg.png); background-position: bottom; }

#Navigation li a#kontaktaktuell { height: 50px; width: 157px; background: url(images/menue/Menubg.png); background-position: bottom; }

ul#Navigation a#impressum { height: 50px; width: 174px; background: url(images/menue/Menubg.png); background-position: top; }

ul#Navigation a:hover#impressum { height: 50px; width: 174px; background: url(images/menue/Menubg.png); background-position: bottom; }

#Navigation li a#impressumaktuell { height: 50px; width: 174px; background: url(images/menue/Menubg.png); background-position: bottom; }



a.menuani { display:block; font-size:20px; font-weight:bold; font-family:arial; color: white; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

a.menuani:hover { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }



/* Aussehen der Punkte */

#Navigation li a { display: block; }



/* Unternemü */

#Navigation li ul { display: none; position: absolute; padding: 10px; margin: 0; background-color: #3c3c3c; z-index: 999; }



/* Aussehen der Unterpunkte */

#Navigation li ul li { display: block; float: none; text-align: left; }

#Navigation li ul a { font-size: 16px; height: 40px; line-height: 40px; padding: 0px 10px 0px 10px; font-family: arial; font-weight: bold; text-decoration: none; color: #ffffff; border-bottom: 1px solid #666666; }



/* Aussehen der Unterpunkte beim hovern */

#Navigation li ul a:hover { text-decoration: underline; }





/* Slidebox Start/Produkt */

.slidebox { position: relative; width: 300px; height:300px; overflow: hidden; float: left; }

.figure { position: absolute; bottom: 0; left: 0; padding: 0; margin: 0; background: white; }

.slidebox .tr-slideIn { bottom: -350px; width: 260px; height: 260px; margin: 0; padding: 20px 20px 20px 20px; line-height: 25px; opacity: 0.8; font-size: 16px; font-weight: bold; text-align: left; background: white; color: #3c3c3c; font-family: arial; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.slidebox:hover .tr-slideIn { bottom: 0; }

a.Slideboxlink { display: block; height: 100%; font-size: 16px; font-weight: bold; color: #3c3c3c; font-family: arial; text-decoration: none; }



/* Slidebox Angebot*/

.figure2 { position: absolute; bottom: 0; left: 0; padding: 0; margin: 0; background: white; }

.angebotsbox2 .tr-slideIn2 { /*bottom: -376px;*/ width: 386px; height: 376px; margin: 0; opacity: 0; background: white; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.angebotsbox2:hover .tr-slideIn2 { opacity: 0.3; }