/* Justieren der Bilder im Content-Bereich*/
#kontaktdiv { top: 200px; position: absolute; left: 0; right: 350px; z-index: 3; visibility: visible; float: left; margin: 0; padding: 0; border-width: 0; }

#kontaktdiv form { position: absolute; top: -250px; left: -2200px; width: 0; height: 0; z-index: 3; visibility: visible; float: left; margin: 0; padding: 0; border-style: inherit; border-width: 0; }



#kontaktdiv form fieldset textarea{ top: 200px; position: absolute; left: 0; right: 350px; width: auto; height: auto; z-index: 3; visibility: hidden; float: left; margin: 0; padding: 0; border-width: 0; }



#kontaktdatendiv { height: 510px; width: 320px; top: 200px; position: absolute; z-index: 2; visibility: visible; margin: 0; padding: 0; }
.kontakt #content #kontaktdatendiv h3 {margin-left: 20px; width: 250px; }
.kontakt #content #kontaktdatendiv p { font-size: 0.8em; line-height: 1em; margin-left: 20px; width: 250px; }
.kontakt #content #kontaktdatendiv p em{ font-weight: bold; }


.kontakt #content, .angebotkontakt #content, .angebotkontaktstep3 #content, .musterkontakt #content, .musterkontaktstep3 #content, .produktionkontakt #content, .produktionkontaktstep3 #content, .ruckrufkontakt #content, .ruckrufkontaktstep3 #content, .resalekontakt #content, .resalekontaktstep3 #content { padding-top: 250px; padding-bottom: 0; }


.kontakt #content h3, .angebotkontakt #content h3, .resalekontakt #content h3, .resalekontaktstep3 #content h3, .angebotkontaktstep3 #content h3, .musterkontakt #content h3, .musterkontaktstep3 #content h3,  .produktionkontakt #content h3, .produktionkontaktstep3 #content h3, .angebotkontaktstep5 #content h3, .ruckrufkontakt #content h3, .ruckrufkontaktstep3 #content h3, .kontakt #content p, .angebotkontakt #content p, .angebotkontaktstep3 #content p, .ruckrufkontakt #content p, .ruckrufkontaktstep3 #content p, .resalekontakt #content p, .resalekontaktstep3 #content p, .musterkontakt #content p, .musterkontaktstep3 #content p, .produktionkontakt #content p, .produktionkontaktstep3 #content p, .kontakt #content address, .angebotkontakt #content address, .angebotkontaktstep3 #content address, .musterkontakt #content address, .musterkontaktstep3 #content address, .produktionkontakt #content address, .produktionkontaktstep3 #content address, .resalekontakt #content address, .resalekontaktstep3 #content address  { margin-left: 350px; width: 185px; }
.contenttextoben { position: relative; top: -50px; left: -300px; margin-left: 350px; width: 185px; }


.kontakt #content form, .angebotkontakt #content form, .angebotkontaktstep3 #content form, .musterkontakt #content form, .musterkontaktstep3 #content form, .produktionkontakt #content form, .produktionkontaktstep3 #content form, .ruckrufkontakt #content form, .ruckrufkontaktstep3 #content form, .resalekontakt #content form, .resalekontaktstep3 #content form { font-size: 0.8em; line-height: 1em; background-color: #cfdedd; position: relative; top: -30px; left: 50px; width: 480px; float: left; margin: 0; padding: 0; border: solid 1px #fff; }
.kontakt #content table, .angebotkontakt #content table, .angebotkontaktstep3 #content table, .musterkontakt #content table, .musterkontaktstep3 #content table, .produktionkontakt #content table, .produktionkontaktstep3 #content table, .ruckrufkontakt #content table, .ruckrufkontaktstep3 #content table, .resalekontakt #content table, .resalekontaktstep3 #content table  { font-size: 0.8em; line-height: 1em; width: 315px; height: auto; margin-left: 20px; padding: 0; border-style: none; border-width: 0; }

.kontakt form fieldset table tbody tr, .kontakt form fieldset table tbody tr tr, .kontakt form fieldset table tbody tr td, .angebotkontakt form fieldset table tbody tr, .angebotkontakt form fieldset table tbody tr tr, .angebotkontakt form fieldset table tbody tr td,  .angebotkontaktstep3 form fieldset table tbody tr, .angebotkontaktstep3 form fieldset table tbody tr tr, .angebotkontaktstep3 form fieldset table tbody tr td, .musterkontakt form fieldset table tbody tr, .musterkontakt form fieldset table tbody tr tr, .musterkontakt form fieldset table tbody tr td,  .musterkontaktstep3 form fieldset table tbody tr, .musterkontaktstep3 form fieldset table tbody tr tr, .musterkontaktstep3 form fieldset table tbody tr td, .produktionkontakt form fieldset table tbody tr, .produktionkontakt form fieldset table tbody tr tr, .produktionkontakt form fieldset table tbody tr td,  .produktionkontaktstep3 form fieldset table tbody tr, .produktionkontaktstep3 form fieldset table tbody tr tr, .produktionkontaktstep3 form fieldset table tbody tr td, .ruckrufkontakt form fieldset table tbody tr, .ruckrufkontakt form fieldset table tbody tr tr, .ruckrufkontakt form fieldset table tbody tr td,  .ruckrufkontaktstep3 form fieldset table tbody tr, .ruckrufkontaktstep3 form fieldset table tbody tr tr, .ruckrufkontaktstep3 form fieldset table tbody tr td, .resalekontakt form fieldset table tbody tr, .resalekontakt form fieldset table tbody tr tr, .resalekontakt form fieldset table tbody tr td,  .resalekontaktstep3 form fieldset table tbody tr, .resalekontaktstep3 form fieldset table tbody tr tr, .resalekontaktstep3 form fieldset table tbody tr td  { margin: 0; padding: 0; border: 0 #c4d0f2; }

.kontakt form table, .angebotkontakt form table, .angebotkontaktstep3 form table, .musterkontakt form table, .musterkontaktstep3 form table, .produktionkontakt form table, .produktionkontaktstep3 form table, .ruckrufkontakt form table, .ruckrufkontaktstep3 form table, .resalekontakt form table, .resalekontaktstep3 form table { width: 440px; margin: 3px; padding: 3px; }

.kontakt #content form label, .angebotkontakt #content form label, .angebotkontaktstep3 #content form label, .musterkontakt #content form label, .musterkontaktstep3 #content form label, .produktionkontakt #content form label, .produktionkontaktstep3 #content form label, .ruckrufkontakt #content form label, .ruckrufkontaktstep3 #content form label, .resalekontakt #content form label, .resalekontaktstep3 #content form label{ display: block; padding-top: 0.2em; text-align: left; width: 150px; float: left; }

.kontakt #content form select, .angebotkontakt #content form select, .angebotkontaktstep3 #content form select, .musterkontakt #content form select, .musterkontaktstep3 #content form select, .produktionkontakt #content form select, .produktionkontaktstep3 #content form select, .ruckrufkontakt #content form select, .ruckrufkontaktstep3 #content form select, .resalekontakt #content form select, .resalekontaktstep3 #content form select { display: block; padding-top: 0.2em; text-align: left; width: 150px; float: left; }

.kontakt #content form input, .kontakt #content form textarea, .angebotkontakt #content form input, .angebotkontakt #content form textarea, .angebotkontaktstep3 #content form input, .angebotkontaktstep3 #content form textarea, .musterkontakt #content form input, .musterkontakt #content form textarea, .musterkontaktstep3 #content form input, .musterkontaktstep3 #content form textarea, .produktionkontakt #content form input, .produktionkontakt #content form textarea, .produktionkontaktstep3 #content form input, .produktionkontaktstep3 #content form textarea, .ruckrufkontakt #content form input, .ruckrufkontakt #content form textarea, .ruckrufkontaktstep3 #content form input, .ruckrufkontaktstep3 #content form textarea, .resalekontakt #content form input, .resalekontakt #content form textarea, .resalekontaktstep3 #content form input, .resalekontaktstep3 #content form textarea
  { width: 250px; border: solid 1px #f6f8f8; color: #333; padding: 2px 0; margin-top: 0.3em; font-family: Verdana, Arial, Helvetica, sans-serif; visibility: visible; float: left; }

.kontakt #content form fieldset textarea, .angebotkontakt #content form fieldset textarea, .angebotkontaktstep3 #content form fieldset textarea, .musterkontakt #content form fieldset textarea, .musterkontaktstep3 #content form fieldset textarea, .produktionkontakt #content form fieldset textarea, .produktionkontaktstep3 #content form fieldset textarea, .ruckrufkontakt #content form fieldset textarea, .ruckrufkontaktstep3 #content form fieldset textarea, .resalekontakt #content form fieldset textarea, .resalekontaktstep3 #content form fieldset textarea         { width: auto; height: auto; overflow-y: auto; }

.kontakt #content form input.submit, .angebotkontakt #content form input.submit, .angebotkontaktstep3 #content form input.submit, .musterkontakt #content form input.submit, .musterkontaktstep3 #content form input.submit, .produktionkontakt #content form input.submit, .produktionkontaktstep3 #content form input.submit, .ruckrufkontakt #content form input.submit, .ruckrufkontaktstep3 #content form input.submit, .resalekontakt #content form input.submit, .resalekontaktstep3 #content form input.submit   { width: auto; cursor: pointer; margin-top: 0.7em; margin-left: 0; padding-top: 1px; padding-right: 0.8em; padding-bottom: 1px; }

/* safari */
.kontakt #content form fieldset legend text, .angebotkontakt #content form fieldset legend text{ color: #aecdd9; visibility: visible; }
.kontakt #content form input:hover, .kontakt #content form textarea:hover, .angebotkontakt #content form input:hover, .angebotkontakt #content form textarea:hover { background-color: #FFFFFF; }
.kontakt #content form input:focus, .kontakt #content form textarea:focus, .angebotkontakt #content form input:focus, .angebotkontakt #content form textarea:focus { background-color: #ffffff; visibility: visible; }

.kontakt #content ul, .angebotkontakt #content ul, .angebotkontaktstep3 #content ul, .musterkontakt #content ul, .musterkontaktstep3 #content ul, .produktionkontakt #content ul, .produktionkontaktstep3 #content ul, .ruckrufkontakt #content ul, .ruckrufkontaktstep3 #content ul,  .resalekontakt #content ul, .resalekontaktstep3 #content ul  { margin-top: 0; margin-left: 350px; width: 185px; font-size: 0.7em; line-height: 1.4; list-style: none; }
.kontakt #content ul li, .angebotkontakt #content ul li, .angebotkontaktstep3 #content ul li, .musterkontakt #content ul li, .musterkontaktstep3 #content ul li, .musterkontakt #content ul li, .musterkontaktstep3 #content ul li, ruckrufkontakt #content ul li, .ruckrufkontaktstep3 #content ul li, resalekontakt #content ul li, .resalekontaktstep3 #content ul li { font-size: 1em; list-style: none; padding-top: 1em; }
.kontakt #content ul li a, .angebotkontakt #content ul li a, .angebotkontaktstep3 #content ul li a, .musterkontakt #content ul li a, .musterkontaktstep3 #content ul li a, .produktionkontakt #content ul li a, .produktionkontaktstep3 #content ul li a, resalekontakt #content ul li a, .resalekontaktstep3 #content ul li a  { display: block; }


.pins #content  { height: 1700px; }


/* Produktseite ul weiter nach links*/
.produkte #content ul { margin-top: 0; margin-left: 50px; width: 185px; font-size: 0.7em; line-height: 1.4; list-style: none; }
.produkte #content ul li, .angebotkontakt #content ul li { font-size: 1em; list-style: disc; padding-top: 1em; }
.produkte #content ul li a { color: #080808; font-style: normal; text-decoration: underline; list-style-type: disc; display: block; }
/* */

#content p.imageleft {float: left; position: relative; width: 143px; margin-left: 0; padding-left: 7px; line-height: 1.1; font-size: 0.6em; margin-top: 1.5em; margin-right: -165px;}
#content p.imageleft img {display: block; margin-left: -7px; margin-bottom: 0.3em; padding-top: 0.7em; }
#content p.image {margin-left: 0px; width: 555px; text-align: right; }
/* Justieren der Tabellen im Content-Bereich*/
#content table { margin-left: 165px; width: 390px; font-size: 0.7em; margin-top: 2em; border-style: none; border-collapse: collapse; }
#content table th, #content table td { padding: 0.7em 1em 0.7em 0; text-align: left; font-weight: normal; vertical-align: top; }
/* Justieren der Schrift und der Bilder im Beispiel-Bereich*/
#beispiele p.image { text-align: left; width: 150px; height: 150px; float: right; clear: both; padding: 10px; }

.ueber-uns #content table caption { display: table-caption; margin-left: auto; text-indent: 0; line-height: 1.4; width: 390px; text-align: left; position: relative; font-size: 1em; color: #177FB9; font-weight: bold; padding: 2.5em 0 1.5em 0;}
.uber-uns #content table td { width: 40%; }
.ueber-uns #content table th.noborder, .ueber-uns #content table td.noborder { border-bottom: 1px solid #D8E5E9; }


.produkte #content  { height: 12700px; }
.produkte #content h3, .produkte #content p { position: relative; left: -120px; }
.produkte1 #content  { height: 6000px; }
.produkte1 #content h3, .produkte #content p { position: relative; left: -120px; }
.produkte2 #content  { height: 5800px; }
.produkte2 #content h3, .produkte #content p { position: relative; left: -120px; }
.produkte3 #content  { height: 5800px; }
.produkte3 #content h3, .produkte #content p { position: relative; left: -120px; }

/* Kontaktstep2 - Formular 2 */

.kontaktstep2 #content , .angebotkontaktstep2 #content, .angebotkontaktstep4 #content, .musterkontaktstep2 #content, .musterkontaktstep4 #content, .musterkontaktstep5 #content, .produktionkontaktstep2 #content, .produktionkontaktstep4 #content, .produktionkontaktstep5 #content, .ruckrufkontaktstep2 #content, .ruckrufkontaktstep4 #content, .resalekontaktstep2 #content, .resalekontaktstep4 #content   { height: 1000px; }

.kontaktstep2 #content h3, .angebotkontaktstep2 #content h3, .angebotkontaktstep4 #content h3, .musterkontaktstep2 #content h3, .musterkontaktstep4 #content h3, .musterkontaktstep5 #content h3, .produktionkontaktstep2 #content h3, .produktionkontaktstep4 #content h3, .produktionkontaktstep5 #content h3, .ruckrufkontaktstep2 #content h3, .ruckrufkontaktstep4 #content h3, .resalekontaktstep2 #content h3, .resalekontaktstep4 #content h3{ position: relative; left: -120px; }
.kontaktstep2 #content p, .angebotkontaktstep2 #content p, .angebotkontaktstep4 #content p, .musterkontaktstep2 #content p, .musterkontaktstep4 #content p, .musterkontaktstep5 #content p, .produktionkontaktstep2 #content p, .produktionkontaktstep4 #content p, .produktionkontaktstep5 #content p, .ruckrufkontaktstep2 #content p, .ruckrufkontaktstep4 #content p, .resalekontaktstep2 #content p, .resalekontaktstep4 #content p { font-size: 0.85em; line-height: 1.2em; position: relative; left: -120px; margin-top: 5px; margin-bottom: 5px; p }
#content .kleiner { font-size: 0.5em; font-style: italic; line-height: 1em; text-decoration: none; position: relative; left: -120px; margin-top: 5px; margin-bottom: 5px; p }
#submit1 { background-color: #c1d8e1; top: 53em; position: absolute; left: 2545px; right: 300px; width: 80px; height: 40px; z-index: 3; visibility: visible; float: left; margin: 0; padding: 0; border-style: inherit; border-width: 0; }
#submit2 { background-color: #c1d8e1; top: 53em; position: absolute; left: 2650px; right: 300px; width: 80px; height: 40px; z-index: 3; visibility: visible; float: left; margin: 0; padding: 0; border-style: inherit; border-width: 0; }
#inputsichtbar { background-color: #c1d8e1; top: 53em; position: absolute; left: 2650px; right: 250px; width: 70px; height: 20px; z-index: 3; visibility: visible; float: left; margin: 0; padding: 0; border-style: inherit; border-width: 0; }