/*CSS - Thomas Hoefler, footage.org, Loerrach*/
/*body*/
body   { color: #404539; font-size: 10px; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; line-height: 12px; background-color: #404539; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0 }
A:link  { text-decoration: none }
/*logo*/
#logo  { background-image: url("images/logo.gif"); position: absolute; top: -14px; left: 570px; width: 261px; height: 136px }
/*schriften*/
h1  { color: #404539; font-size: 10px }
/*zentrierung*/
#ueberschrift    { color: #404539; font-size: 15px; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; font-weight: bold; line-height: 18px; letter-spacing: 1px; position: absolute; top: 70px; left: 50px; width: 400px; height: 15px }
#ueberschriftklein { color: #404539; font-size: 13px; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; font-weight: bold; line-height: 20px }
#zentrierung_home    { background-image: url("images/kasten_home.gif"); margin: auto; position: relative; top: 65px; width: 800px; height: 476px }
#zentrierung_ueber   { background-image: url("images/kasten_ueber.gif"); margin: auto; position: relative; top: 65px; width: 800px; height: 476px }
#zentrierung_lackdecken  { background-image: url("images/Kasten_Decken.gif"); margin: auto; position: relative; top: 65px; width: 800px; height: 476px }
#zentrierung_mauer   { background-image: url("images/Kasten_Mauer.gif"); margin: auto; position: relative; top: 65px; width: 800px; height: 476px }
#zentrierung_angebot { background-image: url("images/kasten_angebot.gif"); margin: auto; position: relative; top: 65px; width: 800px; height: 476px }
#zentrierung_referenz   { background-image: url("images/kasten_referenz.gif"); margin: auto; position: relative; top: 65px; width: 800px; height: 476px }
#zentrierung_impressum  { background-image: url("images/kasten_impressum.gif"); margin: auto; position: relative; top: 65px; width: 800px; height: 476px }
#zentrierung_kontakt { background-image: url("images/kasten_kontakt.gif"); margin: auto; position: relative; top: 65px; width: 800px; height: 476px }
/*M E N U E */
#menu   { text-align: left; visibility: inherit; position: absolute; top: 0; left: 0; width: 500px; height: 25px }
#menu ul  { margin: 3px 0 0; padding-left: 5px }
#menu li  { color: #404539; font-size: 9px; display: inline }
#menu a   { color: #7d7d7d; font-size: 10px; text-decoration: none; display: block; padding: 0 8px; float: left }
#menu a:hover, #menu .active a       { color: black; font-size: 10px }
#menu .active a   { font-weight: bold }
a:link     { color: #404539; font-size: 10px }
a:visited   { color: #404539 }
a:hover { text-decoration: none }
.homepos  { position: absolute; top: 3px; left: 15px }
.ueberunspos  { position: absolute; top: 3px; left: 90px }
.angebotpos  { position: absolute; top: 3px; left: 170px }
.referenzpos   { position: absolute; top: 3px; left: 244px }
.kontaktpos  { position: absolute; top: 3px; left: 335px }
.impressumpos   { position: absolute; top: 3px; left: 405px }
/*H O M E */
#hometext   { color: #404539; font-size: 35px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 50px; text-align: left; position: absolute; top: 150px; left: 110px; width: 630px; height: 50px }
#homebild    { color: #404539; font-size: 30px; background-image: url("images/home.jpg"); position: absolute; top: 230px; right: 75px; left: 75px; width: 650px; height: 150px; border: solid 1px }
/*U E B E R U N S */
#bildbox  { position: absolute; top: 120px; left: 50px; width: 400px; height: 230px; border: solid 1px #404539 }
#uu_textbox      { color: #404539; line-height: 15px; position: absolute; top: 110px; left: 470px; width: 290px; height: 250px; overflow: auto }
#chroniktext    { color: #404539; font-size: 9px; line-height: 10px; text-align: right; position: absolute; top: 410px; left: 30px; width: 170px; height: 20px }
#chronik    { background-image: url("images/chronik.gif"); text-align: center; position: absolute; top: 415px; left: 210px; width: 550px; height: 10px; clip: inherit }
#chronik_eins     { font-size: 9px; position: absolute; top: 401px; left: 216px; width: 25px; height: 10px }
#chronik_zwei   { font-size: 9px; position: absolute; top: 429px; left: 252px; width: 25px; height: 10px }
#chronik_drei  { font-size: 9px; position: absolute; top: 401px; left: 345px; width: 25px; height: 10px }
#chronik_vier  { font-size: 9px; position: absolute; top: 429px; left: 388px; width: 25px; height: 10px }
#chronik_fuenf  { font-size: 9px; position: absolute; top: 400px; left: 478px; width: 25px; height: 10px }
#chronik_sechs   { font-size: 9px; position: absolute; top: 429px; left: 521px; width: 25px; height: 10px }
#chronik_sieben  { font-size: 9px; position: absolute; top: 400px; left: 568px; width: 25px; height: 10px }
#chronik_acht   { font-size: 9px; position: absolute; top: 429px; left: 611px; width: 25px; height: 10px }
#chronik_neun  { font-size: 9px; position: absolute; top: 400px; left: 655px; width: 25px; height: 10px }
#bildbutt    { font-size: 9px; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; text-align: left; position: absolute; top: 357px; left: 50px; width: 200px; height: 15px }
a.none:link { color: #18634e; font-size: 10px; text-decoration: none }
a.none:visited   { color: #18634e; font-size: 10px; text-decoration: none }
a.none:hover   { color: black; font-size: 10px; text-decoration: none }
a.none:active   { color: #18634e; font-size: 10px; text-decoration: none }
a.noneklein:link { color: #18634e; font-size: 9px; text-decoration: none }
a.noneklein:visited { color: #18634e; font-size: 9px; text-decoration: none }
a.noneklein:hover { color: black; font-size: 9px; text-decoration: none }
a.noneklein:active { color: #18634e; font-size: 9px; text-decoration: none }
a.nonekleinklein:active { color: #18634e; font-size: 8px; text-decoration: none }
a.nonekleinklein:visited { color: #18634e; font-size: 8px; text-decoration: none }
a.nonekleinklein:hover { color: black; font-size: 8px; text-decoration: none }
a.nonekleinklein:link { color: #18634e; font-size: 8px; text-decoration: none }
#bus  { color: #404539; font-size: 9px; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; text-align: right; position: absolute; top: 357px; left: 255px; width: 195px; height: 15px }
/*CHRONIK TIMELINE*/
/*tooltip 1894*/
a.tooltip_eins, a.tooltip_eins:link, a.tooltip_eins:visited, a.tooltip_eins:active      { font-size: 9px; font-style: bold; text-decoration: none; text-align: left; position: absolute }
a.tooltip_eins:hover     { background-color: #f2f2e5; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; z-index: 100 }
a.tooltip_eins span   { text-decoration: none; background-color: #f2f2e5; text-align: left; display: none }
a.tooltip_eins:hover span      { color: #404539; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; font-style: normal; background-color: #f2f2e5; background-repeat: repeat; text-align: left; display: block; padding: 0 5px 0 0; position: absolute; z-index: 100; top: -281px; left: -166px; width: 395px; height: 230px; border: solid 1px #000000 }
/*tooltip 1895*/
a.tooltip_zwei, a.tooltip_zwei:link, a.tooltip_zwei:visited, a.tooltip_zwei:active   { font-size: 9px; font-style: bold; text-decoration: none; position: absolute }
a.tooltip_zwei:hover { background: transparent; z-index: 100 }
a.tooltip_zwei span { text-decoration: none; display: none }
a.tooltip_zwei:hover span        { color: #404539; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; font-style: normal; background: #f2f2e5; text-align: left; display: block; padding: 0 5px 0 0; position: absolute; z-index: 100; top: -309px; left: -202px; width: 395px; height: 230px; border: solid 1px #000000 }
/*tooltip 1920*/
a.tooltip_drei, a.tooltip_drei:link, a.tooltip_drei:visited, a.tooltip_drei:active   { font-size: 9px; font-style: bold; text-decoration: none; position: absolute }
a.tooltip_drei:hover { background: transparent; z-index: 100 }
a.tooltip_drei span { text-decoration: none; display: none }
a.tooltip_drei:hover span   { color: #404539; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; font-style: normal; background: #f2f2e5; text-align: left; display: block; padding: 0 5px 0 0; position: absolute; z-index: 100; top: -281px; left: -295px; width: 395px; height: 230px; border: solid 1px #000000 }
/*tooltip 1924*/
a.tooltip_vier, a.tooltip_vier:link, a.tooltip_vier:visited, a.tooltip_vier:active   { font-size: 9px; font-style: bold; text-decoration: none; position: absolute }
a.tooltip_vier:hover { background: transparent; z-index: 100 }
a.tooltip_vier span { text-decoration: none; display: none }
a.tooltip_vier:hover span   { color: #404539; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; font-style: normal; background: #f2f2e5; text-align: left; display: block; padding: 0 5px 0 0; position: absolute; z-index: 100; top: -309px; left: -338px; width: 395px; height: 230px; border: solid 1px #000000 }
/*tooltip 1942*/
a.tooltip_fuenf, a.tooltip_fuenf:link, a.tooltip_fuenf:visited, a.tooltip_fuenf:active   { font-size: 9px; font-style: bold; text-decoration: none; position: absolute }
a.tooltip_fuenf:hover { background: transparent; z-index: 100 }
a.tooltip_fuenf span { text-decoration: none; display: none }
a.tooltip_fuenf:hover span     { color: #404539; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; font-style: normal; background: #f2f2e5; text-align: left; display: block; padding: 0 5px 0 0; position: absolute; z-index: 100; top: -280px; left: -428px; width: 395px; height: 230px; border: solid 1px #000000 }
/*tooltip 1953*/
a.tooltip_sechs, a.tooltip_sieben:link, a.tooltip_sieben:visited, a.tooltip_sieben:active   { font-size: 9px; font-style: bold; text-decoration: none; position: absolute }
a.tooltip_sechs:hover { background: transparent; z-index: 100 }
a.tooltip_sechs span { text-decoration: none; display: none }
a.tooltip_sechs:hover span     { color: #404539; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; font-style: normal; background: #f2f2e5; text-align: left; display: block; padding: 0 5px 0 0; position: absolute; z-index: 100; top: -309px; left: -471px; width: 395px; height: 230px; border: solid 1px #000000 }
/*tooltip 1975*/
a.tooltip_sieben, a.tooltip_sieben:link, a.tooltip_sieben:visited, a.tooltip_sieben:active   { font-size: 9px; font-style: bold; text-decoration: none; position: absolute }
a.tooltip_sieben:hover { background: transparent; z-index: 100 }
a.tooltip_sieben span { text-decoration: none; display: none }
a.tooltip_sieben:hover span      { color: #404539; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; font-style: normal; background: #f2f2e5; text-align: left; display: block; padding: 0 5px 0 0; position: absolute; z-index: 100; top: -280px; left: -518px; width: 395px; height: 230px; border: solid 1px #000000 }
/*tooltip 1983*/
a.tooltip_acht, a.tooltip_sieben:link, a.tooltip_sieben:visited, a.tooltip_sieben:active   { font-size: 9px; font-style: bold; text-decoration: none; position: absolute }
a.tooltip_acht:hover { background: transparent; z-index: 100 }
a.tooltip_acht span { text-decoration: none; display: none }
a.tooltip_acht:hover span      { color: #404539; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; font-style: normal; background: #f2f2e5; text-align: left; display: block; padding: 0 5px 0 0; position: absolute; z-index: 100; top: -309px; left: -561px; width: 395px; height: 230px; border: solid 1px #000000 }
/*tooltip 1994*/
a.tooltip_neun, a.tooltip_sieben:link, a.tooltip_sieben:visited, a.tooltip_sieben:active    { font-size: 9px; font-style: bold; text-decoration: none; position: absolute }
a.tooltip_neun:hover  { background: transparent; z-index: 100 }
a.tooltip_neun span  { text-decoration: none; display: none }
a.tooltip_neun:hover span       { color: #404539; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; font-style: normal; background: #f2f2e5; display: block; padding: 0 5px 0 0; position: absolute; z-index: 100; top: -280px; left: -605px; width: 395px; height: 230px; border: solid 1px #000000 }
/*A N G E B O T */
#an_textbox_eins          { color: #404539; line-height: 15px; position: absolute; top: 120px; right: 50px; width: 290px; height: 240px; overflow: auto }
#an_textbox_eins li  { line-height: 16px; list-style-type: circle }
#an_textbox_eins ul { line-height: 17px }
#an_textbox_zwei          { line-height: 20px; padding-left: 10px; position: absolute; top: 365px; right: 50px; width: 260px; height: 60px; overflow: auto }
a.an_textbox_zwei:link { color: #404539; text-decoration: none }
a.an_textbox_zwei:visited { text-decoration: none }
a.an_textbox_zwei:hover { color: black; font-size: 11px; font-weight: bold; text-decoration: none }
a.an_textbox_zwei:active  { color: maroon; text-decoration: none; border: solid 1px black }
#an_bildbox_eins    { background-image: url("images/angebot_1.jpg"); position: absolute; top: 120px; left: 258px; width: 192px; height: 90px; overflow: no; border: solid 1px black }
#an_bildbox_zwei    { background-image: url("images/angebot_4.jpg"); position: absolute; top: 120px; left: 50px; width: 192px; height: 90px; overflow: no; border: solid 1px black }
#an_bildbox_vier    { background-image: url("images/angebot_7.jpg"); position: absolute; top: 225px; left: 50px; width: 400px; height: 90px; overflow: no; border: solid 1px black }
#an_bildbox_fuenf    { background-image: url("images/angebot_5.jpg"); position: absolute; top: 330px; left: 50px; width: 192px; height: 90px; overflow: no; border: solid 1px black }
#an_bildbox_sechs    { background-image: url("images/angebot_2.jpg"); position: absolute; top: 330px; left: 258px; width: 192px; height: 90px; overflow: no; border: solid 1px black }
/*_____________ZUSATZSEITEN_____________*/
/*Navigation*/
#weitereseiten { text-align: right; position: absolute; top: 440px; right: 112px; width: 150px; height: 12px }
#weitereseiten_mauer { text-align: right; position: absolute; top: 440px; right: 83px; width: 150px; height: 12px }
a.weitereseiten, a.weitereseiten:link, a.weitereseiten:visited, a.weitereseiten:active { color: black; font-size: 9px; text-decoration: none; background-color: #ffe900; word-spacing: 3px }
/* Menu */
#lackmenu { text-align: left; visibility: inherit; position: absolute; top: 0; left: 0; width: 500px; height: 25px }
#lackmenu ul { margin: 3px 0 0; padding-left: 5px }
#lackmenu li { color: #404539; font-size: 10px; display: inline }
#lackmenu a { font-size: 10px; font-weight: bold; text-decoration: none; display: block; padding: 0 8px; float: left }
#lackmenu a:hover, #lackmenu .active a { color: black; font-size: 10px }
#lackmenu .active a { }
#logo_zusatz { position: absolute; top: -14px; left: 570px; width: 261px; height: 136px }
.lack_pos { position: absolute; top: 4px; left: 27px; width: 200px; height: 15px }
.mauer_pos { position: absolute; top: 4px; left: 260px; width: 150px; height: 15px }
/*lackdecken*/
#ueberschrift_spann   { color: #404539; font-size: 16px; font-weight: bold; position: absolute; top: 76px; left: 50px; width: 520px; height: 15px }
#bildbox_eins_eins   { background-image: url("images/spanndecke6.jpg"); position: absolute; top: 145px; left: 50px; width: 125px; height: 275px; border: solid 1px #404539 }
#bildbox_eins_zwei  { background-image: url("images/spanndecke2.jpg"); position: absolute; top: 145px; right: 50px; width: 125px; height: 275px; border: solid 1px #404539 }
#bildbox_zwei_eins { line-height: 15px; background-image: url("images/spanndecke3.jpg"); text-align: justify; position: absolute; top: 145px; left: 240px; width: 210px; height: 275px; border: solid 1px #404539 }
#bildbox_zwei_zwei { line-height: 16px; text-align: justify; position: absolute; top: 145px; right: 50px; width: 278px; height: 150px }
#bildbox_drei_eins   { background-image: url("images/spanndecke8.jpg"); position: absolute; top: 145px; left: 50px; width: 130px; height: 275px; border: solid 1px #404539 }
#bildbox_drei_zwei     { line-height: 15px; background-image: url("images/spanndecke7.jpg"); text-align: justify; position: absolute; top: 145px; left: 190px; width: 130px; height: 275px; border: solid 1px #404040 }
#bildbox_drei_drei     { line-height: 15px; background-image: url("images/spanndecke5.jpg"); text-align: justify; position: absolute; top: 145px; right: 50px; width: 130px; height: 275px; border: solid 1px #404040 }
#bildbox_vier_eins      { line-height: 15px; background-image: url("images/spanndecke_schema.jpg"); text-align: justify; position: absolute; top: 145px; right: 50px; width: 400px; height: 200px; border: solid 1px #404040 }
#textbox_eins_eins   { line-height: 14px; text-align: justify; position: absolute; top: 200px; left: 190px; width: 418px; height: 220px; overflow: auto }
#textbox_eins_zwei   { line-height: 14px; background-repeat: no-repeat; text-align: left; position: absolute; top: 145px; left: 190px; width: 430px; height: 45px; overflow: auto }
#textbox_zwei_eins    { line-height: 26px; position: absolute; top: 145px; left: 23px; width: 200px; height: 275px; overflow: auto }
#textbox_zwei_eins li { line-height: 25px; list-style-type: circle }
#textbox_zwei_eins ul { line-height: 25px }
#textbox_zwei_zwei   { line-height: 14px; background-image: url("images/spanndecke4.jpg"); position: absolute; top: 300px; right: 50px; width: 278px; height: 120px; overflow: auto; border: solid 1px #404539 }
#textbox_drei_eins   { line-height: 14px; text-align: justify; position: absolute; top: 145px; left: 340px; width: 260px; height: 275px; overflow: auto }
#textbox_vier_eins    { line-height: 15px; text-align: justify; position: absolute; top: 145px; left: 50px; width: 280px; height: 210px; overflow: auto }
#textbox_vier_zwei     { line-height: 15px; text-align: justify; position: absolute; top: 355px; left: 50px; width: 700px; height: 60px; overflow: auto }
#textbox_zwei ul { line-height: 17px }
#textbox_zwei li { list-style-type: circle }
#butteins_spann   { text-align: center; position: absolute; top: 440px; right: 95px; width: 11px; height: 11px; border: solid 1px #404539 }
#buttzwei_spann   { text-align: center; position: absolute; top: 440px; right: 80px; width: 11px; height: 11px; border: solid 1px #404539 }
#buttdrei_spann   { text-align: center; position: absolute; top: 440px; right: 65px; width: 11px; height: 11px; border: solid 1px #404539 }
#buttvier_spann   { text-align: center; position: absolute; top: 440px; right: 50px; width: 11px; height: 11px; border: solid 1px #404539 }
/*mauerentfeucht*/
#bildbox_mauer_eins { background-image: url("images/mauer2.jpg"); position: absolute; top: 287px; left: 50px; width: 250px; height: 133px; border: solid 1px #404539 }
#bildbox_mauer_zwei { background-image: url("images/mauer1.jpg"); position: absolute; top: 145px; left: 50px; width: 250px; height: 133px; border: solid 1px #404539 }
#bildbox_mauer_drei { background-image: url("images/mauer5.jpg"); position: absolute; top: 145px; right: 50px; width: 175px; height: 80px; border: solid 1px #404539 }
#bildbox_mauer_vier { background-image: url("images/mauer4.jpg"); position: absolute; top: 242px; right: 50px; width: 175px; height: 80px; border: solid 1px #404539 }
#bildbox_mauer_fuenf { background-image: url("images/mauer3.jpg"); position: absolute; top: 340px; right: 50px; width: 175px; height: 80px; border: solid 1px #404539 }
#text_mauer_eins   { line-height: 13px; background-repeat: no-repeat; text-align: left; position: absolute; top: 145px; right: 50px; width: 430px; height: 66px; overflow: auto }
#text_mauer_zwei  { line-height: 13px; text-align: justify; position: absolute; top: 205px; right: 50px; width: 430px; height: 205px; overflow: auto }
#text_mauer_drei  { line-height: 14px; text-align: justify; position: absolute; top: 145px; left: 50px; width: 500px; height: 275px; overflow: auto }
#butteins_mauer { font-size: 9px; text-align: center; position: absolute; top: 440px; right: 65px; width: 11px; height: 11px; border: solid 1px #404539 }
#buttzwei_mauer { font-size: 9px; text-align: center; position: absolute; top: 440px; right: 50px; width: 11px; height: 11px; border: solid 1px #404539 }
/*adresstext*/
#adresstext { color: white; line-height: 15px; text-align: center; position: absolute; top: 485px; left: 175px; width: 450px; height: 30px }
/*R E F E R E N Z E N */
#ref_textbox_eins ul { line-height: 18px }
#ref_textbox_eins li { line-height: 18px; list-style-type: circle }
#ref_textbox_eins  { color: #404539; line-height: 18px; position: absolute; top: 120px; right: 50px; width: 290px; height: 240px; overflow: auto }
#ref_bildbox_eins { background-image: none; position: absolute; top: 120px; left: 50px; width: 400px; height: 230px; overflow: no; border: solid 1px black }
#ref_bild_klein_eins { border: solid 1px black }
#ref_bild_klein_zwei { border: solid 1px black }
#ref_bild_klein_drei { border: solid 1px black }
#ref_bild_klein_vier { border: solid 1px black }
/*I M P R E S S U M */
#map    { position: absolute; top: 125px; right: 50px; width: 510px; height: 290px; overflow: no; border: solid 1px black }
#impr_textbox_eins        { color: #404539; font-size: 10px; line-height: 15px; position: absolute; top: 120px; left: 50px; width: 190px; height: 320px; overflow: auto }
#grosskarte    { font-size: 8px; line-height: 10px; position: absolute; width: 510px }
#disclaimer    { color: #404539; font-size: 8px; line-height: 8px; position: absolute; top: 368px; left: 50px; width: 180px }
/*K O N T A K T */
p,li    { font-size: 10px; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; }
input.button    { font-size: 9px; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; background-color: #f1f6f7 }
.field      { font-size: 10px; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; background-color: #f2f2e5; position: absolute; border: solid 1px gray }
.textfield { font-size: 10px; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif, Arial; background-color: #f2f2e5; position: absolute; width: 275px; height: 130px; overflow: auto; border: solid 1px gray }
.abschicken     { color: #404539; font-size: 9px; background-color: #f2f2e5; position: absolute; top: 430px; left: 475px; width: 70px; height: 20px; border: solid 1px #808080 }
.loeschen     { color: #404539; font-size: 9px; background-color: #f2f2e5; position: absolute; top: 430px; left: 580px; width: 70px; height: 20px; border: solid 1px #808080 }
.drucken     { color: #404539; font-size: 9px; background-color: #f2f2e5; position: absolute; top: 430px; left: 682px; width: 70px; height: 20px; border: solid 1px #808080 }
.form { position: absolute }
#artderarbeiten    { text-align: right; position: absolute; top: 280px; left: 375px; width: 85px; height: 10px }
#textareal_arbeiten    { position: absolute; top: 278px; left: 475px; width: 300px; height: 150px; overflow: auto }
#vorname     { position: absolute; top: 280px; left: 58px; width: 350px; height: 10px }
#nachname { position: absolute; top: 310px; left: 50px; width: 300px; height: 10px }
#plzort  { position: absolute; top: 340px; left: 62px; width: 300px; height: 10px }
#telefon  { position: absolute; top: 370px; left: 65px; width: 300px; height: 10px }
#email  { position: absolute; top: 400px; left: 75px; width: 300px; height: 10px }
#danke { font-size: 18px; line-height: 50px; position: absolute; top: 200px; left: 120px; width: 550px; height: 150px }
#fri { background-image: url("images/FRI.jpg"); position: absolute; top: 120px; left: 50px; width: 69px; height: 90px }
#fritext  { padding-top: 5px; position: absolute; top: 210px; left: 50px; width: 140px; height: 20px }
#hri { background-image: url("images/HRI.jpg"); position: absolute; top: 120px; left: 200px; width: 69px; height: 90px }
#hritext  { padding-top: 5px; position: absolute; top: 210px; left: 200px; width: 140px; height: 20px }
#imp_textbox { color: #404539; font-size: 10px; line-height: 17px; position: absolute; top: 120px; right: 50px; width: 273px; height: 150px; overflow: auto }
